Releases: primer/brand
@primer/[email protected]
Minor Changes
-
#145
2aeebf7
Thanks @JoshBowdenConcepts! - AddedOrderedList
andUnorderedList
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>
- Automatic security and version updates GitHub Security Advisories Code and secret scanning Dependency review Automated authentication and identity management
Patch Changes
-
#159
d5431ee
Thanks @rezrah! - FixesSubdomainNavBar
bug when no child links are passed by removing the menu button. -
#155
516f828
Thanks @rezrah! - Addedweight
prop toHeading
component to allow fine-grained control over defaultfont-weight
. -
#157
1c3f665
Thanks @rezrah! - Addedweight
prop toText
component to allow fine-grained control over defaultfont-weight
. -
#161
c6acd92
Thanks @rezrah! - Added avisually-hidden
utility class to the global stylesheetUsage example:
<Text className="visually-hidden">body text that should be visually hidden but available to screen readers</Text>
@primer/[email protected]
@primer/[email protected]
Patch Changes
- #149
e3f0659
Thanks @renbaoshuo! - Fix href prop of<SubdomainNavBar.SecondaryAction />
@primer/[email protected]
@primer/[email protected]
Minor Changes
-
#143
3affeda
Thanks @rezrah! - - Updating names and values foraccent
,accordion
andbutton
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]
Minor Changes
-
#143
3affeda
Thanks @rezrah! - - Updating names and values foraccent
,accordion
andbutton
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]
Minor Changes
-
#133
0b43c0e
Thanks @rezrah! - NewAnchorNav
component availableUse
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
- #135
32555dd
Thanks @JoshBowdenConcepts! -Stack
component: AddedclassName
prop forwarding to theStack
root
@primer/[email protected]
Minor Changes
-
#133
0b43c0e
Thanks @rezrah! - NewAnchorNav
component availableUse
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]
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]
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
-