@primer/react-brand 0.29.0-rc.323b976 → 0.29.0-rc.3fe796a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/EyebrowBanner/EyebrowBanner.d.ts +45 -0
- package/lib/EyebrowBanner/EyebrowBanner.visual.spec.d.ts +1 -0
- package/lib/EyebrowBanner/index.d.ts +1 -0
- package/lib/Hero/Hero.d.ts +3 -1
- package/lib/InlineLink/InlineLink.d.ts +0 -5
- package/lib/css/main.css +517 -48
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +2 -2
- package/lib/design-tokens/css/tokens/base/colors/light.css +2 -2
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +99 -0
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +23 -0
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/light.js +3 -3
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +188 -0
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/light.js +2 -2
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +11 -0
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/scss/tokens/base/colors/light.scss +2 -2
- package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +10 -0
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/light.js +2 -2
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +30 -0
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +29 -0
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 03 Nov 2023 13:42:05 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root,
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
--base-color-scale-lemon-1: #f4e162;
|
|
103
103
|
--base-color-scale-lemon-2: #dec741;
|
|
104
104
|
--base-color-scale-lemon-3: #c5aa20;
|
|
105
|
-
--base-color-scale-lemon-4: #
|
|
105
|
+
--base-color-scale-lemon-4: #a88d02;
|
|
106
106
|
--base-color-scale-lemon-5: #866d00;
|
|
107
107
|
--base-color-scale-lemon-6: #685400;
|
|
108
108
|
--base-color-scale-lemon-7: #534100;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 03 Nov 2023 13:42:04 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
--base-color-scale-lemon-7: #534100;
|
|
40
40
|
--base-color-scale-lemon-6: #685400;
|
|
41
41
|
--base-color-scale-lemon-5: #866D00;
|
|
42
|
-
--base-color-scale-lemon-4: #
|
|
42
|
+
--base-color-scale-lemon-4: #A88D02;
|
|
43
43
|
--base-color-scale-lemon-3: #C5AA20;
|
|
44
44
|
--base-color-scale-lemon-2: #DEC741;
|
|
45
45
|
--base-color-scale-lemon-1: #F4E162;
|
package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Fri, 03 Nov 2023 13:42:05 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root,
|
|
7
|
+
[data-color-mode="light"] {
|
|
8
|
+
--brand-Eyebrowbanner-bgColor-rest: #ffffff99;
|
|
9
|
+
--brand-Eyebrowbanner-borderColor-rest: var(--brand-color-border-default);
|
|
10
|
+
--brand-Eyebrowbanner-heading-fgColor: var(--brand-color-text-default);
|
|
11
|
+
--brand-Eyebrowbanner-subHeading-fgColor: var(--brand-color-text-muted);
|
|
12
|
+
--brand-Eyebrowbanner-icon-background-default: var(--base-color-scale-gray-0);
|
|
13
|
+
--brand-Eyebrowbanner-icon-background-blue: var(--base-color-scale-blue-0);
|
|
14
|
+
--brand-Eyebrowbanner-icon-background-coral: var(--base-color-scale-coral-0);
|
|
15
|
+
--brand-Eyebrowbanner-icon-background-green: var(--base-color-scale-green-0);
|
|
16
|
+
--brand-Eyebrowbanner-icon-background-gray: var(--base-color-scale-gray-0);
|
|
17
|
+
--brand-Eyebrowbanner-icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
18
|
+
--brand-Eyebrowbanner-icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
19
|
+
--brand-Eyebrowbanner-icon-background-lime: var(--base-color-scale-lime-0);
|
|
20
|
+
--brand-Eyebrowbanner-icon-background-orange: var(--base-color-scale-orange-0);
|
|
21
|
+
--brand-Eyebrowbanner-icon-background-pink: var(--base-color-scale-pink-0);
|
|
22
|
+
--brand-Eyebrowbanner-icon-background-purple: var(--base-color-scale-purple-0);
|
|
23
|
+
--brand-Eyebrowbanner-icon-background-red: var(--base-color-scale-red-0);
|
|
24
|
+
--brand-Eyebrowbanner-icon-background-teal: var(--base-color-scale-teal-0);
|
|
25
|
+
--brand-Eyebrowbanner-icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
26
|
+
--brand-Eyebrowbanner-fgColor-default-start: var(--base-color-scale-purple-5);
|
|
27
|
+
--brand-Eyebrowbanner-fgColor-default-middle: var(--base-color-scale-pink-5);
|
|
28
|
+
--brand-Eyebrowbanner-fgColor-default-end: var(--base-color-scale-red-5);
|
|
29
|
+
--brand-Eyebrowbanner-fgColor-blue: var(--base-color-scale-blue-5);
|
|
30
|
+
--brand-Eyebrowbanner-fgColor-blue-purple-start: var(--base-color-scale-blue-5);
|
|
31
|
+
--brand-Eyebrowbanner-fgColor-blue-purple-end: var(--base-color-scale-purple-5);
|
|
32
|
+
--brand-Eyebrowbanner-fgColor-coral: var(--base-color-scale-coral-5);
|
|
33
|
+
--brand-Eyebrowbanner-fgColor-green: var(--base-color-scale-green-5);
|
|
34
|
+
--brand-Eyebrowbanner-fgColor-green-blue-start: var(--base-color-scale-green-5);
|
|
35
|
+
--brand-Eyebrowbanner-fgColor-green-blue-end: var(--base-color-scale-blue-5);
|
|
36
|
+
--brand-Eyebrowbanner-fgColor-gray: var(--base-color-scale-gray-5);
|
|
37
|
+
--brand-Eyebrowbanner-fgColor-indigo: var(--base-color-scale-indigo-5);
|
|
38
|
+
--brand-Eyebrowbanner-fgColor-lemon: var(--base-color-scale-lemon-5);
|
|
39
|
+
--brand-Eyebrowbanner-fgColor-lime: var(--base-color-scale-lime-5);
|
|
40
|
+
--brand-Eyebrowbanner-fgColor-orange: var(--base-color-scale-orange-5);
|
|
41
|
+
--brand-Eyebrowbanner-fgColor-pink: var(--base-color-scale-pink-5);
|
|
42
|
+
--brand-Eyebrowbanner-fgColor-pink-blue-start: var(--base-color-scale-pink-5);
|
|
43
|
+
--brand-Eyebrowbanner-fgColor-pink-blue-end: var(--base-color-scale-blue-5);
|
|
44
|
+
--brand-Eyebrowbanner-fgColor-purple: var(--base-color-scale-purple-5);
|
|
45
|
+
--brand-Eyebrowbanner-fgColor-purple-red-start: var(--base-color-scale-purple-5);
|
|
46
|
+
--brand-Eyebrowbanner-fgColor-purple-red-end: var(--base-color-scale-red-5);
|
|
47
|
+
--brand-Eyebrowbanner-fgColor-red: var(--base-color-scale-red-5);
|
|
48
|
+
--brand-Eyebrowbanner-fgColor-red-orange-start: var(--base-color-scale-red-5);
|
|
49
|
+
--brand-Eyebrowbanner-fgColor-red-orange-end: var(--base-color-scale-orange-5);
|
|
50
|
+
--brand-Eyebrowbanner-fgColor-teal: var(--base-color-scale-teal-5);
|
|
51
|
+
--brand-Eyebrowbanner-fgColor-yellow: var(--base-color-scale-yellow-5);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
[data-color-mode="dark"] {
|
|
55
|
+
--brand-Eyebrowbanner-bgColor-rest: #0d111799;
|
|
56
|
+
--brand-Eyebrowbanner-borderColor-rest: var(--base-color-scale-gray-5);
|
|
57
|
+
--brand-Eyebrowbanner-heading-fgColor: var(--brand-color-text-default);
|
|
58
|
+
--brand-Eyebrowbanner-subHeading-fgColor: var(--brand-color-text-muted);
|
|
59
|
+
--brand-Eyebrowbanner-icon-background-default: var(--base-color-scale-gray-6);
|
|
60
|
+
--brand-Eyebrowbanner-icon-background-blue: var(--base-color-scale-blue-8);
|
|
61
|
+
--brand-Eyebrowbanner-icon-background-coral: var(--base-color-scale-coral-8);
|
|
62
|
+
--brand-Eyebrowbanner-icon-background-green: var(--base-color-scale-green-8);
|
|
63
|
+
--brand-Eyebrowbanner-icon-background-gray: var(--base-color-scale-gray-6);
|
|
64
|
+
--brand-Eyebrowbanner-icon-background-indigo: var(--base-color-scale-indigo-8);
|
|
65
|
+
--brand-Eyebrowbanner-icon-background-lemon: var(--base-color-scale-lemon-8);
|
|
66
|
+
--brand-Eyebrowbanner-icon-background-lime: var(--base-color-scale-lime-8);
|
|
67
|
+
--brand-Eyebrowbanner-icon-background-orange: var(--base-color-scale-orange-8);
|
|
68
|
+
--brand-Eyebrowbanner-icon-background-pink: var(--base-color-scale-pink-8);
|
|
69
|
+
--brand-Eyebrowbanner-icon-background-purple: var(--base-color-scale-purple-8);
|
|
70
|
+
--brand-Eyebrowbanner-icon-background-red: var(--base-color-scale-red-8);
|
|
71
|
+
--brand-Eyebrowbanner-icon-background-teal: var(--base-color-scale-teal-8);
|
|
72
|
+
--brand-Eyebrowbanner-icon-background-yellow: var(--base-color-scale-yellow-8);
|
|
73
|
+
--brand-Eyebrowbanner-fgColor-default-start: var(--base-color-scale-purple-2);
|
|
74
|
+
--brand-Eyebrowbanner-fgColor-default-middle: var(--base-color-scale-pink-3);
|
|
75
|
+
--brand-Eyebrowbanner-fgColor-default-end: var(--base-color-scale-red-3);
|
|
76
|
+
--brand-Eyebrowbanner-fgColor-blue: var(--base-color-scale-blue-2);
|
|
77
|
+
--brand-Eyebrowbanner-fgColor-blue-purple-start: var(--base-color-scale-blue-2);
|
|
78
|
+
--brand-Eyebrowbanner-fgColor-blue-purple-end: var(--base-color-scale-purple-2);
|
|
79
|
+
--brand-Eyebrowbanner-fgColor-coral: var(--base-color-scale-coral-2);
|
|
80
|
+
--brand-Eyebrowbanner-fgColor-green: var(--base-color-scale-green-2);
|
|
81
|
+
--brand-Eyebrowbanner-fgColor-green-blue-start: var(--base-color-scale-green-2);
|
|
82
|
+
--brand-Eyebrowbanner-fgColor-green-blue-end: var(--base-color-scale-blue-2);
|
|
83
|
+
--brand-Eyebrowbanner-fgColor-gray: var(--base-color-scale-gray-2);
|
|
84
|
+
--brand-Eyebrowbanner-fgColor-indigo: var(--base-color-scale-indigo-2);
|
|
85
|
+
--brand-Eyebrowbanner-fgColor-lemon: var(--base-color-scale-lemon-2);
|
|
86
|
+
--brand-Eyebrowbanner-fgColor-lime: var(--base-color-scale-lime-2);
|
|
87
|
+
--brand-Eyebrowbanner-fgColor-orange: var(--base-color-scale-orange-2);
|
|
88
|
+
--brand-Eyebrowbanner-fgColor-pink: var(--base-color-scale-pink-2);
|
|
89
|
+
--brand-Eyebrowbanner-fgColor-pink-blue-start: var(--base-color-scale-pink-2);
|
|
90
|
+
--brand-Eyebrowbanner-fgColor-pink-blue-end: var(--base-color-scale-blue-2);
|
|
91
|
+
--brand-Eyebrowbanner-fgColor-purple: var(--base-color-scale-purple-2);
|
|
92
|
+
--brand-Eyebrowbanner-fgColor-purple-red-start: var(--base-color-scale-purple-2);
|
|
93
|
+
--brand-Eyebrowbanner-fgColor-purple-red-end: var(--base-color-scale-red-2);
|
|
94
|
+
--brand-Eyebrowbanner-fgColor-red: var(--base-color-scale-red-2);
|
|
95
|
+
--brand-Eyebrowbanner-fgColor-red-orange-start: var(--base-color-scale-red-2);
|
|
96
|
+
--brand-Eyebrowbanner-fgColor-red-orange-end: var(--base-color-scale-orange-2);
|
|
97
|
+
--brand-Eyebrowbanner-fgColor-teal: var(--base-color-scale-teal-2);
|
|
98
|
+
--brand-Eyebrowbanner-fgColor-yellow: var(--base-color-scale-yellow-2);
|
|
99
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Fri, 03 Nov 2023 13:42:05 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--brand-EyebrowBanner-subHeading-size: var(--brand-text-size-100);
|
|
8
|
+
--brand-EyebrowBanner-heading-size: var(--brand-text-size-100);
|
|
9
|
+
--brand-EyebrowBanner-label-size: var(--brand-text-size-100);
|
|
10
|
+
--brand-EyebrowBanner-spacing-inner-inline: var(--base-size-16);
|
|
11
|
+
--brand-EyebrowBanner-spacing-inner-block: 0.875rem;
|
|
12
|
+
--brand-EyebrowBanner-borderRadius: var(--base-size-16);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (min-width: 768px) {
|
|
16
|
+
:root {
|
|
17
|
+
--brand-EyebrowBanner-subHeading-size: var(--brand-text-size-200);
|
|
18
|
+
--brand-EyebrowBanner-heading-size: var(--brand-text-size-200);
|
|
19
|
+
--brand-EyebrowBanner-label-size: var(--brand-text-size-200);
|
|
20
|
+
--brand-EyebrowBanner-spacing-inner-inline: var(--base-size-20);
|
|
21
|
+
--brand-EyebrowBanner-borderRadius: 6.25rem;
|
|
22
|
+
}
|
|
23
|
+
}
|