Skip to content

Releases: primer/brand

@primer/[email protected]

18 Jan 14:30
66df7a4
Compare
Choose a tag to compare

Minor Changes

  • #145 2aeebf7 Thanks @JoshBowdenConcepts! - Added OrderedList and UnorderedList

    Example Usage:

    <UnorderedList variant="checked">
        <UnorderedList.Item>Automatic security and version updates</UnorderedList.Item>
        <UnorderedList.Item>GitHub Security Advisories</UnorderedList.Item>
        <UnorderedList.Item>Code and secret scanning</UnorderedList.Item>
        <UnorderedList.Item>Dependency review</UnorderedList.Item>
        <UnorderedList.Item>Automated authentication and identity management</UnorderedList.Item>
    </UnorderedList>
    

Patch Changes

  • #159 d5431ee Thanks @rezrah! - Fixes SubdomainNavBar bug when no child links are passed by removing the menu button.

  • #155 516f828 Thanks @rezrah! - Added weight prop to Heading component to allow fine-grained control over default font-weight.

    See docs for usage examples

  • #157 1c3f665 Thanks @rezrah! - Added weight prop to Text component to allow fine-grained control over default font-weight.

    See docs for usage examples

  • #161 c6acd92 Thanks @rezrah! - Added a visually-hidden utility class to the global stylesheet

    Usage example:

    <Text className="visually-hidden">body text that should be visually hidden but available to screen readers</Text>

@primer/[email protected]

18 Jan 14:30
66df7a4
Compare
Choose a tag to compare

@primer/[email protected]

10 Jan 10:36
cc9e0eb
Compare
Choose a tag to compare

Patch Changes

@primer/[email protected]

10 Jan 10:36
cc9e0eb
Compare
Choose a tag to compare

@primer/[email protected]

15 Dec 18:47
e50f2c5
Compare
Choose a tag to compare

Minor Changes

  • #143 3affeda Thanks @rezrah! - - Updating names and values for accent, accordion and button design tokens.

    - --brand-color-accent-fg
    + --brand-color-accent-primary
    - --brand-color-accent-emphasis
    + --brand-color-accent-secondary
    - --brand-color-accent-fg
    + --brand-color-accent-primary
    - --brand-color-accent-emphasis
    + --brand-color-accent-secondary
    - --brand-color-accent-subtle
    + --brand-color-accent-secondary
    - --brand-color-accent-muted
    + --brand-color-accent-primary
    - --brand-Accordion-toggle-color-start
    + --brand-Accordion-toggle-color-start
    - --brand-Accordion-toggle-color-end
    + --brand-Accordion-toggle-color-end
    - --brand-Accordion-toggle-color-start
    + --brand-Accordion-toggle-color-start
    - --brand-Accordion-toggle-color-end
    + --brand-Accordion-toggle-color-end
    - --brand-Button-background-base
    + --brand-Button-background-base
    - --brand-Button-shadow-default
    + --brand-Button-shadow-primary-default
    - --brand-Button-shadow-hover
    + --brand-Button-shadow-primary-hover
    - --brand-Button-background-base
    + --brand-Button-background-base
    - --brand-Button-shadow-default
    + --brand-Button-shadow-primary-default
    - --brand-Button-shadow-hover
    + --brand-Button-shadow-primary-hover
    • Button heights have been updated to match specifications in Figma.

Patch Changes

  • #148 c9cf4bb Thanks @rezrah! - Add default typography values to Accordion.Content

  • #142 5d4a4fa Thanks @rezrah! - Prevents background page scrolling in AnchorNav when the menu is open.

  • #144 463ad37 Thanks @josepmartins! - - added left-aligned style in footnotes for ComparisonTable on narrow screens

    • added missing content in docs examples and props
    • fixed the Edit this page in GitHub link in docs

@primer/[email protected]

15 Dec 18:47
e50f2c5
Compare
Choose a tag to compare

Minor Changes

  • #143 3affeda Thanks @rezrah! - - Updating names and values for accent, accordion and button design tokens.

    - --brand-color-accent-fg
    + --brand-color-accent-primary
    - --brand-color-accent-emphasis
    + --brand-color-accent-secondary
    - --brand-color-accent-fg
    + --brand-color-accent-primary
    - --brand-color-accent-emphasis
    + --brand-color-accent-secondary
    - --brand-color-accent-subtle
    + --brand-color-accent-secondary
    - --brand-color-accent-muted
    + --brand-color-accent-primary
    - --brand-Accordion-toggle-color-start
    + --brand-Accordion-toggle-color-start
    - --brand-Accordion-toggle-color-end
    + --brand-Accordion-toggle-color-end
    - --brand-Accordion-toggle-color-start
    + --brand-Accordion-toggle-color-start
    - --brand-Accordion-toggle-color-end
    + --brand-Accordion-toggle-color-end
    - --brand-Button-background-base
    + --brand-Button-background-base
    - --brand-Button-shadow-default
    + --brand-Button-shadow-primary-default
    - --brand-Button-shadow-hover
    + --brand-Button-shadow-primary-hover
    - --brand-Button-background-base
    + --brand-Button-background-base
    - --brand-Button-shadow-default
    + --brand-Button-shadow-primary-default
    - --brand-Button-shadow-hover
    + --brand-Button-shadow-primary-hover
    • Button heights have been updated to match specifications in Figma.

@primer/[email protected]

09 Dec 11:07
6b654f5
Compare
Choose a tag to compare

Minor Changes

  • #133 0b43c0e Thanks @rezrah! - New AnchorNav component available

    Use AnchorNav to provide a sticky navigation bar for quick scrolling to and highlighting of different sections of the document.

    <AnchorNav>
      <AnchorNav.Link href="#section-1">Section 1</AnchorNav.Link>
      <AnchorNav.Link href="#section-2">Section 2</AnchorNav.Link>
      <AnchorNav.Link href="#section-3">Section 3</AnchorNav.Link>
      <AnchorNav.Action href="/">Call to action</AnchorNav.Action>
    </AnchorNav>

    🔗 See the documentation for more details and usage examples.

  • #128 1f14be6 Thanks @JoshBowdenConcepts! - New CTABanner component available

    <CTABanner>
      <CTABanner.Heading>Where the most ambitious teams build great things</CTABanner.Heading>
      <CTABanner.Description>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien sit ullamcorper id. Aliquam luctus sed turpis
        felis nam pulvinar risus elementum.
      </CTABanner.Description>
      <CTABanner.ButtonGroup>
        <Button>Primary Action</Button>
        <Button>Secondary Action</Button>
      </CTABanner.ButtonGroup>
    </CTABanner>

    🔗 See the documentation for more details and usage examples.

Patch Changes

@primer/[email protected]

09 Dec 11:07
6b654f5
Compare
Choose a tag to compare

Minor Changes

  • #133 0b43c0e Thanks @rezrah! - New AnchorNav component available

    Use AnchorNav to provide a sticky navigation bar for quick scrolling to and highlighting of different sections of the document.

    <AnchorNav>
      <AnchorNav.Link href="#section-1">Section 1</AnchorNav.Link>
      <AnchorNav.Link href="#section-2">Section 2</AnchorNav.Link>
      <AnchorNav.Link href="#section-3">Section 3</AnchorNav.Link>
      <AnchorNav.Action href="/">Call to action</AnchorNav.Action>
    </AnchorNav>

    🔗 See the documentation for more details and usage examples.

@primer/[email protected]

17 Nov 13:45
d1a4d6c
Compare
Choose a tag to compare

Patch Changes

  • #127 c16551f Thanks @rezrah! - Improvements to Button appearance

    • added an inactive / disabled visual appearance to the Button, which it previously didn't have

    • added new design tokens to replace functional tokens and enable app-side customisation

    • updated focus styles from previously bespoke grey to the global focus tokens

@primer/[email protected]

17 Nov 13:45
d1a4d6c
Compare
Choose a tag to compare

Patch Changes

  • #127 c16551f Thanks @rezrah! - Improvements to Button appearance

    • added an inactive / disabled visual appearance to the Button, which it previously didn't have

    • added new design tokens to replace functional tokens and enable app-side customisation

    • updated focus styles from previously bespoke grey to the global focus tokens