@primer/react-brand 0.20.0 → 0.20.1-rc.8ba0d21
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/Accordion/Accordion.d.ts +5 -5
- package/lib/ActionMenu/ActionMenu.d.ts +5 -5
- package/lib/AnchorNav/AnchorNav.d.ts +4 -4
- package/lib/Avatar/Avatar.d.ts +6 -6
- package/lib/Button/Button.d.ts +4 -4
- package/lib/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/lib/CTABanner/CTABanner.d.ts +5 -3
- package/lib/Card/Card.d.ts +9 -9
- package/lib/ComparisonTable/ComparisonTable.d.ts +4 -4
- package/lib/ExpandableArrow/ExpandableArrow.d.ts +1 -1
- package/lib/FAQ/FAQ.d.ts +5 -5
- package/lib/Grid/Grid.d.ts +4 -4
- package/lib/Heading/Heading.d.ts +10 -10
- package/lib/Hero/Hero.d.ts +5 -5
- package/lib/Image/Image.d.ts +2 -2
- package/lib/InlineLink/InlineLink.d.ts +4 -4
- package/lib/Label/Label.d.ts +4 -4
- package/lib/LayoutExamples/KitchenSink.d.ts +1 -1
- package/lib/LayoutExamples/Resources.d.ts +1 -1
- package/lib/Link/Link.d.ts +8 -2
- package/lib/MinimalFooter/MinimalFooter.d.ts +4 -4
- package/lib/MonaSans/MonaSans.d.ts +1 -1
- package/lib/Pillar/Pillar.d.ts +11 -8
- package/lib/River/River.d.ts +5 -5
- package/lib/SectionIntro/SectionIntro.d.ts +5 -5
- package/lib/Stack/Stack.d.ts +9 -9
- package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +5 -5
- package/lib/SubdomainNavBar/useVisibilityObserver.d.ts +1 -1
- package/lib/Testimonial/Testimonial.d.ts +10 -10
- package/lib/Text/Text.d.ts +8 -8
- package/lib/ThemeProvider/ThemeProvider.d.ts +3 -3
- package/lib/animation/Animate/Animate.d.ts +1 -1
- package/lib/animation/AnimationProvider/AnimationProvider.d.ts +7 -7
- package/lib/component-helpers.d.ts +3 -3
- package/lib/css/main.css +70 -33
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
- 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/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/control/base.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/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/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/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 +15 -0
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +9 -0
- 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/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/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 +3 -2
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +3 -2
- 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/color-scales.js +2 -2
- package/lib/design-tokens/js/module/tokens/base/size/size.js +2 -2
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/animation/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +49 -0
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +2 -2
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +2 -2
- package/lib/design-tokens/js/tokens/base/size/size.js +2 -2
- package/lib/design-tokens/js/tokens/base/typography/typography.js +2 -2
- package/lib/design-tokens/js/tokens/functional/animation/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/colors/global.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/control/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/label/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +7 -0
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/border.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/size.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +2 -2
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +2 -2
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +2 -2
- package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss +136 -0
- package/lib/design-tokens/scss/tokens/base/size/size.scss +21 -0
- package/lib/design-tokens/scss/tokens/base/typography/typography.scss +11 -0
- package/lib/design-tokens/scss/tokens/functional/animation/base.scss +27 -0
- package/lib/design-tokens/scss/tokens/functional/colors/global.scss +30 -0
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +8 -0
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +33 -0
- package/lib/design-tokens/scss/tokens/functional/components/control/base.scss +15 -0
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +7 -0
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +28 -0
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +18 -0
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/size/border.scss +14 -0
- package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +10 -0
- package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +7 -0
- package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +7 -0
- package/lib/design-tokens/scss/tokens/functional/size/size.scss +49 -0
- package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +10 -0
- package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +8 -0
- package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +62 -0
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +3 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/base/size/size.js +3 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/animation/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/control/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +18 -0
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +17 -0
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/border.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/size.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +3 -1
- package/lib/forms/Checkbox/Checkbox.d.ts +2 -2
- package/lib/forms/FormControl/FormControl.d.ts +5 -4
- package/lib/forms/Radio/Radio.d.ts +2 -2
- package/lib/forms/Select/Select.d.ts +4 -4
- package/lib/forms/TextInput/TextInput.d.ts +8 -6
- package/lib/forms/Textarea/Textarea.d.ts +2 -2
- package/lib/forms/form-types.d.ts +2 -2
- package/lib/hooks/useResizeObserver.d.ts +1 -1
- package/lib/hooks/useWindowSize.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/list/ListItem/ListItem.d.ts +1 -1
- package/lib/list/OrderedList/OrderedList.d.ts +1 -1
- package/lib/list/UnorderedList/UnorderedList.d.ts +1 -1
- package/package.json +24 -24
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
|
+
|
|
5
|
+
$brand-Label-color-yellow: var(--base-color-scale-yellow-5);
|
|
6
|
+
$brand-Label-color-teal: var(--base-color-scale-teal-5);
|
|
7
|
+
$brand-Label-color-red-orange-end: var(--base-color-scale-orange-5);
|
|
8
|
+
$brand-Label-color-red-orange-start: var(--base-color-scale-red-5);
|
|
9
|
+
$brand-Label-color-red: var(--base-color-scale-red-5);
|
|
10
|
+
$brand-Label-color-purple-red-end: var(--base-color-scale-red-5);
|
|
11
|
+
$brand-Label-color-purple-red-start: var(--base-color-scale-purple-5);
|
|
12
|
+
$brand-Label-color-purple: var(--base-color-scale-purple-5);
|
|
13
|
+
$brand-Label-color-pink-blue-end: var(--base-color-scale-blue-5);
|
|
14
|
+
$brand-Label-color-pink-blue-start: var(--base-color-scale-pink-5);
|
|
15
|
+
$brand-Label-color-pink: var(--base-color-scale-pink-5);
|
|
16
|
+
$brand-Label-color-orange: var(--base-color-scale-orange-5);
|
|
17
|
+
$brand-Label-color-lime: var(--base-color-scale-lime-5);
|
|
18
|
+
$brand-Label-color-lemon: var(--base-color-scale-lemon-5);
|
|
19
|
+
$brand-Label-color-indigo: var(--base-color-scale-indigo-5);
|
|
20
|
+
$brand-Label-color-gray: var(--base-color-scale-gray-6);
|
|
21
|
+
$brand-Label-color-green-blue-end: var(--base-color-scale-blue-5);
|
|
22
|
+
$brand-Label-color-green-blue-start: var(--base-color-scale-green-5);
|
|
23
|
+
$brand-Label-color-green: var(--base-color-scale-green-5);
|
|
24
|
+
$brand-Label-color-coral: var(--base-color-scale-coral-5);
|
|
25
|
+
$brand-Label-color-blue-purple-end: var(--base-color-scale-purple-5);
|
|
26
|
+
$brand-Label-color-blue-purple-start: var(--base-color-scale-blue-5);
|
|
27
|
+
$brand-Label-color-blue: var(--base-color-scale-blue-5);
|
|
28
|
+
$brand-Label-color-default: var(--brand-color-text-default);
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
|
+
|
|
5
|
+
$brand-Pillar-icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
6
|
+
$brand-Pillar-icon-color-teal: var(--base-color-scale-teal-5);
|
|
7
|
+
$brand-Pillar-icon-color-red: var(--base-color-scale-red-5);
|
|
8
|
+
$brand-Pillar-icon-color-purple: var(--base-color-scale-purple-5);
|
|
9
|
+
$brand-Pillar-icon-color-pink: var(--base-color-scale-pink-5);
|
|
10
|
+
$brand-Pillar-icon-color-orange: var(--base-color-scale-orange-5);
|
|
11
|
+
$brand-Pillar-icon-color-lime: var(--base-color-scale-lime-5);
|
|
12
|
+
$brand-Pillar-icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13
|
+
$brand-Pillar-icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
14
|
+
$brand-Pillar-icon-color-gray: var(--base-color-scale-gray-6);
|
|
15
|
+
$brand-Pillar-icon-color-green: var(--base-color-scale-green-5);
|
|
16
|
+
$brand-Pillar-icon-color-coral: var(--base-color-scale-coral-5);
|
|
17
|
+
$brand-Pillar-icon-color-blue: var(--base-color-scale-blue-5);
|
|
18
|
+
$brand-Pillar-icon-color-default: var(--brand-color-scale-gray-5);
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
|
+
|
|
5
|
+
$brand-River-visual-shadow: 0px 100px 80px rgba(0, 0, 0, 0.0174624), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0235573), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0282784), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.0339075), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.04317), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.07);
|
|
6
|
+
$brand-River-heading-margin: var(--base-size-8);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
|
+
|
|
5
|
+
$brand-borderRadius-full: 100vh;
|
|
6
|
+
$brand-borderRadius-large: 0.75rem;
|
|
7
|
+
$brand-borderRadius-medium: 0.375rem;
|
|
8
|
+
$brand-borderRadius-small: 0.1875rem;
|
|
9
|
+
$brand-borderWidth-thicker: max(4px, 0.25rem);
|
|
10
|
+
$brand-borderWidth-thick: max(2px, 0.125rem);
|
|
11
|
+
$brand-borderWidth-thin: max(1px, 0.0625rem);
|
|
12
|
+
$brand-borderInset-thicker: inset 0 0 0 $brand-borderWidth-thicker;
|
|
13
|
+
$brand-borderInset-thick: inset 0 0 0 $brand-borderWidth-thick;
|
|
14
|
+
$brand-borderInset-thin: inset 0 0 0 $brand-borderWidth-thin;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
|
+
|
|
5
|
+
$brand-breakpoint-xxlarge: 90rem;
|
|
6
|
+
$brand-breakpoint-xlarge: 80rem;
|
|
7
|
+
$brand-breakpoint-large: 63.25rem;
|
|
8
|
+
$brand-breakpoint-medium: 48rem;
|
|
9
|
+
$brand-breakpoint-small: 34rem;
|
|
10
|
+
$brand-breakpoint-xsmall: 20rem;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
|
+
|
|
5
|
+
$brand-controlStack-large-gap-spacious: $base-size-12;
|
|
6
|
+
$brand-controlStack-large-gap-condensed: $base-size-8;
|
|
7
|
+
$brand-controlStack-large-gap-auto: $base-size-8;
|
|
8
|
+
$brand-controlStack-medium-gap-spacious: $base-size-12;
|
|
9
|
+
$brand-controlStack-medium-gap-condensed: $base-size-8;
|
|
10
|
+
$brand-controlStack-small-gap-spacious: $base-size-16;
|
|
11
|
+
$brand-controlStack-small-gap-condensed: $base-size-8;
|
|
12
|
+
$brand-stack-gap-spacious: $base-size-48;
|
|
13
|
+
$brand-stack-gap-normal: $base-size-24;
|
|
14
|
+
$brand-stack-gap-condensed: $base-size-16;
|
|
15
|
+
$brand-stack-padding-spacious: $base-size-48;
|
|
16
|
+
$brand-stack-padding-normal: $base-size-24;
|
|
17
|
+
$brand-stack-padding-condensed: $base-size-16;
|
|
18
|
+
$brand-control-xlarge-gap: $base-size-8;
|
|
19
|
+
$brand-control-xlarge-paddingInline-spacious: $base-size-16;
|
|
20
|
+
$brand-control-xlarge-paddingInline-normal: $base-size-12;
|
|
21
|
+
$brand-control-xlarge-lineBoxHeight: $base-size-20;
|
|
22
|
+
$brand-control-xlarge-size: $base-size-48;
|
|
23
|
+
$brand-control-large-gap: $base-size-8;
|
|
24
|
+
$brand-control-large-paddingInline-spacious: $base-size-16;
|
|
25
|
+
$brand-control-large-paddingInline-normal: $base-size-12;
|
|
26
|
+
$brand-control-large-paddingBlock: calc(($brand-control-large-size - $brand-control-large-lineBoxHeight) / 2);
|
|
27
|
+
$brand-control-large-lineBoxHeight: $base-size-20;
|
|
28
|
+
$brand-control-medium-gap: $base-size-8;
|
|
29
|
+
$brand-control-medium-paddingInline-spacious: $base-size-16;
|
|
30
|
+
$brand-control-medium-paddingInline-normal: $base-size-12;
|
|
31
|
+
$brand-control-medium-paddingInline-condensed: $base-size-8;
|
|
32
|
+
$brand-control-medium-paddingBlock: calc(($brand-control-medium-size - $brand-control-medium-lineBoxHeight) / 2);
|
|
33
|
+
$brand-control-medium-lineBoxHeight: $base-size-20;
|
|
34
|
+
$brand-control-small-gap: $base-size-4;
|
|
35
|
+
$brand-control-small-paddingInline-normal: $base-size-12;
|
|
36
|
+
$brand-control-small-paddingInline-condensed: $base-size-8;
|
|
37
|
+
$brand-control-small-lineBoxHeight: $base-size-20;
|
|
38
|
+
$brand-control-small-size: $base-size-28;
|
|
39
|
+
$brand-control-xsmall-gap: $base-size-4;
|
|
40
|
+
$brand-control-xsmall-paddingInline-spacious: $base-size-12;
|
|
41
|
+
$brand-control-xsmall-paddingInline-normal: $base-size-8;
|
|
42
|
+
$brand-control-xsmall-paddingInline-condensed: $base-size-4;
|
|
43
|
+
$brand-control-xsmall-lineBoxHeight: $base-size-20;
|
|
44
|
+
$brand-control-xsmall-size: $base-size-24;
|
|
45
|
+
$brand-control-minTarget-coarse: $base-size-44;
|
|
46
|
+
$brand-control-minTarget-fine: $base-size-16;
|
|
47
|
+
$brand-control-xlarge-paddingBlock: calc(($brand-control-xlarge-size - $brand-control-xlarge-lineBoxHeight) / 2);
|
|
48
|
+
$brand-control-small-paddingBlock: calc(($brand-control-small-size - $brand-control-small-lineBoxHeight) / 2);
|
|
49
|
+
$brand-control-xsmall-paddingBlock: calc(($brand-control-xsmall-size - $brand-control-xsmall-lineBoxHeight) / 2);
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
|
+
|
|
5
|
+
$brand-viewportRange-landscape: (orientation: landscape);
|
|
6
|
+
$brand-viewportRange-portrait: (orientation: portrait);
|
|
7
|
+
$brand-viewportRange-wide: (min-width: $brand-breakpoint-xxlarge);
|
|
8
|
+
$brand-viewportRange-regular: (min-width: $brand-breakpoint-medium);
|
|
9
|
+
$brand-viewportRange-narrowLandscape: (max-width: calc($brand-breakpoint-large - 0.02px) and (max-height: calc($brand-breakpoint-small - 0.02px)) and (orientation: landscape));
|
|
10
|
+
$brand-viewportRange-narrow: (max-width: calc($brand-breakpoint-medium - 0.02px));
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
|
+
|
|
5
|
+
$brand-text-style-italic-10: 'ital' 10;
|
|
6
|
+
$brand-text-style-italic-9: 'ital' 9;
|
|
7
|
+
$brand-text-style-italic-8: 'ital' 8;
|
|
8
|
+
$brand-text-style-italic-7: 'ital' 7;
|
|
9
|
+
$brand-text-style-italic-6: 'ital' 6;
|
|
10
|
+
$brand-text-style-italic-5: 'ital' 5;
|
|
11
|
+
$brand-text-style-italic-4: 'ital' 4;
|
|
12
|
+
$brand-text-style-italic-3: 'ital' 3;
|
|
13
|
+
$brand-text-style-italic-2: 'ital' 2;
|
|
14
|
+
$brand-text-style-italic-1: 'ital' 1;
|
|
15
|
+
$brand-text-letterSpacing-1000: -0.01em;
|
|
16
|
+
$brand-text-letterSpacing-900: -0.01em;
|
|
17
|
+
$brand-text-letterSpacing-800: -0.01em;
|
|
18
|
+
$brand-text-letterSpacing-700: -0.01em;
|
|
19
|
+
$brand-text-lineHeight-1000: 3.25rem;
|
|
20
|
+
$brand-text-lineHeight-900: 2.75rem;
|
|
21
|
+
$brand-text-lineHeight-800: 2.25rem;
|
|
22
|
+
$brand-text-lineHeight-700: 2.5rem;
|
|
23
|
+
$brand-text-lineHeight-600: 2rem;
|
|
24
|
+
$brand-text-lineHeight-500: 1.75rem;
|
|
25
|
+
$brand-text-lineHeight-400: 1.5rem;
|
|
26
|
+
$brand-text-lineHeight-300: 1.5rem;
|
|
27
|
+
$brand-text-lineHeight-200: 1.25rem;
|
|
28
|
+
$brand-text-lineHeight-100: 1.25rem;
|
|
29
|
+
$brand-text-size-1000: 3rem;
|
|
30
|
+
$brand-text-size-900: 2.5rem;
|
|
31
|
+
$brand-text-size-800: 2rem;
|
|
32
|
+
$brand-text-size-700: 1.75rem;
|
|
33
|
+
$brand-text-size-600: 1.5rem;
|
|
34
|
+
$brand-text-size-500: 1.25rem;
|
|
35
|
+
$brand-text-size-400: 1rem;
|
|
36
|
+
$brand-text-size-300: 1rem;
|
|
37
|
+
$brand-text-size-200: 0.875rem;
|
|
38
|
+
$brand-text-size-100: 0.75rem;
|
|
39
|
+
$brand-text-weight-1000: var(--base-text-weight-extrabold);
|
|
40
|
+
$brand-text-weight-900: var(--base-text-weight-extrabold);
|
|
41
|
+
$brand-text-weight-800: var(--base-text-weight-extrabold);
|
|
42
|
+
$brand-text-weight-700: var(--base-text-weight-normal);
|
|
43
|
+
$brand-text-weight-600: var(--base-text-weight-normal);
|
|
44
|
+
$brand-text-weight-500: var(--base-text-weight-normal);
|
|
45
|
+
$brand-text-weight-400: var(--base-text-weight-normal);
|
|
46
|
+
$brand-text-weight-300: var(--base-text-weight-normal);
|
|
47
|
+
$brand-text-weight-200: var(--base-text-weight-normal);
|
|
48
|
+
$brand-text-weight-100: var(--base-text-weight-normal);
|
|
49
|
+
$brand-heading-letterSpacing-700: -0.01em;
|
|
50
|
+
$brand-heading-letterSpacing-600: -0.01em;
|
|
51
|
+
$brand-heading-letterSpacing-500: -0.01em;
|
|
52
|
+
$brand-heading-letterSpacing-400: -0.01em;
|
|
53
|
+
$brand-heading-weight-700: var(--base-text-weight-bold);
|
|
54
|
+
$brand-heading-weight-600: var(--base-text-weight-semibold);
|
|
55
|
+
$brand-heading-weight-500: var(--base-text-weight-semibold);
|
|
56
|
+
$brand-heading-weight-400: var(--base-text-weight-semibold);
|
|
57
|
+
$brand-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
|
58
|
+
$brand-fontStack-sansSerifAlt: 'Alliance2', 'Alliance2HeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
59
|
+
$brand-fontStack-sansSerif: 'Mona Sans', 'MonaSansFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
60
|
+
$brand-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
61
|
+
$brand-heading-fontFamily: $brand-fontStack-sansSerif;
|
|
62
|
+
$brand-body-fontFamily: $brand-fontStack-sansSerif;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"base": {
|
|
8
10
|
"color": {
|
|
@@ -173,4 +175,4 @@ declare const tokens: {
|
|
|
173
175
|
}
|
|
174
176
|
}
|
|
175
177
|
}
|
|
176
|
-
|
|
178
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"base": {
|
|
8
10
|
"size": {
|
|
@@ -26,4 +28,4 @@ declare const tokens: {
|
|
|
26
28
|
}
|
|
27
29
|
}
|
|
28
30
|
}
|
|
29
|
-
|
|
31
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"base": {
|
|
8
10
|
"text": {
|
|
@@ -108,4 +110,4 @@ declare const tokens: {
|
|
|
108
110
|
}
|
|
109
111
|
}
|
|
110
112
|
}
|
|
111
|
-
|
|
113
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"animation": {
|
|
@@ -60,4 +62,4 @@ declare const tokens: {
|
|
|
60
62
|
}
|
|
61
63
|
}
|
|
62
64
|
}
|
|
63
|
-
|
|
65
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"color": {
|
|
@@ -49,4 +51,4 @@ declare const tokens: {
|
|
|
49
51
|
}
|
|
50
52
|
}
|
|
51
53
|
}
|
|
52
|
-
|
|
54
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"Card": {
|
|
@@ -15,4 +17,4 @@ declare const tokens: {
|
|
|
15
17
|
}
|
|
16
18
|
}
|
|
17
19
|
}
|
|
18
|
-
|
|
20
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"Card": {
|
|
@@ -46,4 +48,4 @@ declare const tokens: {
|
|
|
46
48
|
}
|
|
47
49
|
}
|
|
48
50
|
}
|
|
49
|
-
|
|
51
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"control": {
|
|
@@ -28,4 +30,4 @@ declare const tokens: {
|
|
|
28
30
|
}
|
|
29
31
|
}
|
|
30
32
|
}
|
|
31
|
-
|
|
33
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"FAQ": {
|
|
@@ -15,4 +17,4 @@ declare const tokens: {
|
|
|
15
17
|
}
|
|
16
18
|
}
|
|
17
19
|
}
|
|
18
|
-
|
|
20
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"FAQ": {
|
|
@@ -12,4 +14,4 @@ declare const tokens: {
|
|
|
12
14
|
}
|
|
13
15
|
}
|
|
14
16
|
}
|
|
15
|
-
|
|
17
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"footer": {
|
|
@@ -12,4 +14,4 @@ declare const tokens: {
|
|
|
12
14
|
}
|
|
13
15
|
}
|
|
14
16
|
}
|
|
15
|
-
|
|
17
|
+
export default tokens;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 11:44:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
|
|
6
8
|
declare const tokens: {
|
|
7
9
|
"brand": {
|
|
8
10
|
"Grid": {
|
|
@@ -14,4 +16,4 @@ declare const tokens: {
|
|
|
14
16
|
}
|
|
15
17
|
}
|
|
16
18
|
}
|
|
17
|
-
|
|
19
|
+
export default tokens;
|