@primer/brand-primitives 0.20.0 → 0.20.1-rc.9ac58a3
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/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/package.json +4 -4
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
module.exports = {
|
|
7
|
+
"brand": {
|
|
8
|
+
"Link": {
|
|
9
|
+
"color": {
|
|
10
|
+
"default": {
|
|
11
|
+
"value": "var(--brand-color-text-default)",
|
|
12
|
+
"dark": "var(--brand-color-text-default)",
|
|
13
|
+
"filePath": "tokens/functional/components/link/colors.json",
|
|
14
|
+
"isSource": true,
|
|
15
|
+
"original": {
|
|
16
|
+
"value": "var(--brand-color-text-default)",
|
|
17
|
+
"dark": "var(--brand-color-text-default)"
|
|
18
|
+
},
|
|
19
|
+
"name": "default",
|
|
20
|
+
"attributes": {},
|
|
21
|
+
"path": [
|
|
22
|
+
"brand",
|
|
23
|
+
"Link",
|
|
24
|
+
"color",
|
|
25
|
+
"default"
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
"accent": {
|
|
29
|
+
"value": "var(--base-color-scale-blue-5)",
|
|
30
|
+
"dark": "var(--base-color-scale-blue-4)",
|
|
31
|
+
"filePath": "tokens/functional/components/link/colors.json",
|
|
32
|
+
"isSource": true,
|
|
33
|
+
"original": {
|
|
34
|
+
"value": "var(--base-color-scale-blue-5)",
|
|
35
|
+
"dark": "var(--base-color-scale-blue-4)"
|
|
36
|
+
},
|
|
37
|
+
"name": "accent",
|
|
38
|
+
"attributes": {},
|
|
39
|
+
"path": [
|
|
40
|
+
"brand",
|
|
41
|
+
"Link",
|
|
42
|
+
"color",
|
|
43
|
+
"accent"
|
|
44
|
+
]
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BaseColorScaleGray0 = "210 25% 98%";
|
|
@@ -134,4 +134,4 @@ export const BaseColorScalePink7 = "322 58% 30%";
|
|
|
134
134
|
export const BaseColorScalePink8 = "320 67% 23%";
|
|
135
135
|
export const BaseColorScalePink9 = "319 93% 16%";
|
|
136
136
|
export const BaseColorScaleBlack0 = "213 14% 12%";
|
|
137
|
-
export const BaseColorScaleWhite0 = "0 100% 100%";
|
|
137
|
+
export const BaseColorScaleWhite0 = "0 100% 100%";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BaseSize4 = "0.25rem";
|
|
@@ -19,4 +19,4 @@ export const BaseSize64 = "4rem";
|
|
|
19
19
|
export const BaseSize80 = "5rem";
|
|
20
20
|
export const BaseSize96 = "6rem";
|
|
21
21
|
export const BaseSize112 = "7rem";
|
|
22
|
-
export const BaseSize128 = "8rem";
|
|
22
|
+
export const BaseSize128 = "8rem";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BaseTextWeightLight = 300;
|
|
@@ -9,4 +9,4 @@ export const BaseTextWeightMedium = 500;
|
|
|
9
9
|
export const BaseTextWeightSemibold = 600;
|
|
10
10
|
export const BaseTextWeightBold = 700;
|
|
11
11
|
export const BaseTextWeightExtrabold = 800;
|
|
12
|
-
export const BaseTextWeightHeavy = 900;
|
|
12
|
+
export const BaseTextWeightHeavy = 900;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandAnimationDurationDefault = "0.6s";
|
|
@@ -25,4 +25,4 @@ export const BrandAnimationVariantScaleInRightStart = "0.90";
|
|
|
25
25
|
export const BrandAnimationVariantScaleInRightEnd = "1";
|
|
26
26
|
export const BrandAnimationVariantScaleInLeftDistance = "1.25rem";
|
|
27
27
|
export const BrandAnimationVariantScaleInLeftStart = "0.90";
|
|
28
|
-
export const BrandAnimationVariantScaleInLeftEnd = "1";
|
|
28
|
+
export const BrandAnimationVariantScaleInLeftEnd = "1";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";
|
|
@@ -28,4 +28,4 @@ export const BrandColorCanvasSubtle = "var(--base-color-scale-gray-0)";
|
|
|
28
28
|
export const BrandColorBorderDefault = "var(--base-color-scale-gray-2)";
|
|
29
29
|
export const BrandColorBorderMuted = "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)";
|
|
30
30
|
export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)";
|
|
31
|
-
export const BrandColorFocus = "var(--base-color-scale-blue-5)";
|
|
31
|
+
export const BrandColorFocus = "var(--base-color-scale-blue-5)";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandCardMaxWidth = "26.25rem";
|
|
7
7
|
export const BrandCardShadow = "0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%)";
|
|
8
8
|
export const BrandCardAnimationDuration = "600ms";
|
|
9
|
-
export const BrandCardAnimationEasing = "cubic-bezier(0.16, 1, 0.3, 1)";
|
|
9
|
+
export const BrandCardAnimationEasing = "cubic-bezier(0.16, 1, 0.3, 1)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandCardBackgroundDefault = "var(--brand-color-canvas-default)";
|
|
@@ -31,4 +31,4 @@ export const BrandCardIconColorPink = "var(--base-color-scale-pink-5)";
|
|
|
31
31
|
export const BrandCardIconColorPurple = "var(--base-color-scale-purple-5)";
|
|
32
32
|
export const BrandCardIconColorRed = "var(--base-color-scale-red-5)";
|
|
33
33
|
export const BrandCardIconColorTeal = "var(--base-color-scale-teal-5)";
|
|
34
|
-
export const BrandCardIconColorYellow = "var(--base-color-scale-yellow-5)";
|
|
34
|
+
export const BrandCardIconColorYellow = "var(--base-color-scale-yellow-5)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandControlMediumSize = "2.5rem";
|
|
@@ -13,4 +13,4 @@ export const BrandControlLargeFontWeight = "var(--brand-text-weight-300)";
|
|
|
13
13
|
export const BrandControlLargeFontSize = "var(--brand-text-size-300)";
|
|
14
14
|
export const BrandControlBorderRadius = "var(--brand-borderRadius-medium)";
|
|
15
15
|
export const BrandControlAnimationDuration = "80ms";
|
|
16
|
-
export const BrandControlAnimationEasing = "cubic-bezier(0.33, 1, 0.68, 1)";
|
|
16
|
+
export const BrandControlAnimationEasing = "cubic-bezier(0.33, 1, 0.68, 1)";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandFAQHeadingCenteredMaxWidth = "37.5rem";
|
|
7
|
-
export const BrandFAQMaxWidth = "51rem";
|
|
7
|
+
export const BrandFAQMaxWidth = "51rem";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const BrandFAQHeadingColor = "var(--brand-color-text-default)";
|
|
6
|
+
export const BrandFAQHeadingColor = "var(--brand-color-text-default)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const BrandFooterBgColor = "var(--base-color-scale-white-0)";
|
|
6
|
+
export const BrandFooterBgColor = "var(--base-color-scale-white-0)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const BrandGridColumnBgColorOverlay = "hsl(var(--base-color-scale-red-4-hsl) / 30%)";
|
|
6
|
+
export const BrandGridColumnBgColorOverlay = "hsl(var(--base-color-scale-red-4-hsl) / 30%)";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandGridSpacingRow = "var(--base-size-16)";
|
|
7
7
|
export const BrandGridSpacingColumnGap = "var(--base-size-16)";
|
|
8
|
-
export const BrandGridSpacingMargin = "var(--base-size-16)";
|
|
8
|
+
export const BrandGridSpacingMargin = "var(--base-size-16)";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandHeroNarrowPadding = "var(--base-size-96) 0";
|
|
7
|
-
export const BrandHeroRegularPadding = "var(--base-size-128) 0";
|
|
7
|
+
export const BrandHeroRegularPadding = "var(--base-size-128) 0";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandInlineLinkColorRest = "var(--base-color-scale-blue-5)";
|
|
7
|
-
export const BrandInlineLinkColorPressed = "var(--base-color-scale-blue-7)";
|
|
7
|
+
export const BrandInlineLinkColorPressed = "var(--base-color-scale-blue-7)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandLabelColorDefault = "var(--brand-color-text-default)";
|
|
@@ -26,4 +26,4 @@ export const BrandLabelColorRed = "var(--base-color-scale-red-5)";
|
|
|
26
26
|
export const BrandLabelColorRed-orangeStart = "var(--base-color-scale-red-5)";
|
|
27
27
|
export const BrandLabelColorRed-orangeEnd = "var(--base-color-scale-orange-5)";
|
|
28
28
|
export const BrandLabelColorTeal = "var(--base-color-scale-teal-5)";
|
|
29
|
-
export const BrandLabelColorYellow = "var(--base-color-scale-yellow-5)";
|
|
29
|
+
export const BrandLabelColorYellow = "var(--base-color-scale-yellow-5)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandPillarIconColorDefault = "var(--brand-color-scale-gray-5)";
|
|
@@ -16,4 +16,4 @@ export const BrandPillarIconColorPink = "var(--base-color-scale-pink-5)";
|
|
|
16
16
|
export const BrandPillarIconColorPurple = "var(--base-color-scale-purple-5)";
|
|
17
17
|
export const BrandPillarIconColorRed = "var(--base-color-scale-red-5)";
|
|
18
18
|
export const BrandPillarIconColorTeal = "var(--base-color-scale-teal-5)";
|
|
19
|
-
export const BrandPillarIconColorYellow = "var(--base-color-scale-yellow-5)";
|
|
19
|
+
export const BrandPillarIconColorYellow = "var(--base-color-scale-yellow-5)";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandRiverHeadingMargin = "var(--base-size-8)";
|
|
7
|
-
export const BrandRiverVisualShadow = "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)";
|
|
7
|
+
export const BrandRiverVisualShadow = "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)";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandRiverSpacingInner = "var(--base-size-24)";
|
|
7
|
-
export const BrandRiverSpacingOuter = "var(--base-size-28)";
|
|
7
|
+
export const BrandRiverSpacingOuter = "var(--base-size-28)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";
|
|
@@ -12,4 +12,4 @@ export const BrandBorderWidthThicker = "max(4px, 0.25rem)";
|
|
|
12
12
|
export const BrandBorderRadiusSmall = "0.1875rem";
|
|
13
13
|
export const BrandBorderRadiusMedium = "0.375rem";
|
|
14
14
|
export const BrandBorderRadiusLarge = "0.75rem";
|
|
15
|
-
export const BrandBorderRadiusFull = "100vh";
|
|
15
|
+
export const BrandBorderRadiusFull = "100vh";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandBreakpointXsmall = "20rem";
|
|
@@ -8,4 +8,4 @@ export const BrandBreakpointSmall = "34rem";
|
|
|
8
8
|
export const BrandBreakpointMedium = "48rem";
|
|
9
9
|
export const BrandBreakpointLarge = "63.25rem";
|
|
10
10
|
export const BrandBreakpointXlarge = "80rem";
|
|
11
|
-
export const BrandBreakpointXxlarge = "90rem";
|
|
11
|
+
export const BrandBreakpointXxlarge = "90rem";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandControlMinTargetAuto = "2.75rem";
|
|
7
7
|
export const BrandControlStackSmallGapAuto = "1rem";
|
|
8
|
-
export const BrandControlStackMediumGapAuto = "0.75rem";
|
|
8
|
+
export const BrandControlStackMediumGapAuto = "0.75rem";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandControlMinTargetAuto = "1rem";
|
|
7
7
|
export const BrandControlStackSmallGapAuto = "0.5rem";
|
|
8
|
-
export const BrandControlStackMediumGapAuto = "0.5rem";
|
|
8
|
+
export const BrandControlStackMediumGapAuto = "0.5rem";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandControlMinTargetFine = "1rem";
|
|
@@ -47,4 +47,4 @@ export const BrandControlStackMediumGapCondensed = "0.5rem";
|
|
|
47
47
|
export const BrandControlStackMediumGapSpacious = "0.75rem";
|
|
48
48
|
export const BrandControlStackLargeGapAuto = "0.5rem";
|
|
49
49
|
export const BrandControlStackLargeGapCondensed = "0.5rem";
|
|
50
|
-
export const BrandControlStackLargeGapSpacious = "0.75rem";
|
|
50
|
+
export const BrandControlStackLargeGapSpacious = "0.75rem";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";
|
|
@@ -8,4 +8,4 @@ export const BrandViewportRangeNarrowLandscape = "(max-width: calc(63.25rem - 0.
|
|
|
8
8
|
export const BrandViewportRangeRegular = "(min-width: 48rem)";
|
|
9
9
|
export const BrandViewportRangeWide = "(min-width: 90rem)";
|
|
10
10
|
export const BrandViewportRangePortrait = "(orientation: portrait)";
|
|
11
|
-
export const BrandViewportRangeLandscape = "(orientation: landscape)";
|
|
11
|
+
export const BrandViewportRangeLandscape = "(orientation: landscape)";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandHeadingLineHeight400 = "1.25rem";
|
|
7
7
|
export const BrandHeadingLineHeight500 = "1.5rem";
|
|
8
8
|
export const BrandHeadingLineHeight600 = "1.75rem";
|
|
9
|
-
export const BrandHeadingLineHeight700 = "2rem";
|
|
9
|
+
export const BrandHeadingLineHeight700 = "2rem";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 02 Jun 2023 11:16:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|
|
@@ -60,4 +60,4 @@ export const BrandTextStyleItalic6 = "'ital' 6";
|
|
|
60
60
|
export const BrandTextStyleItalic7 = "'ital' 7";
|
|
61
61
|
export const BrandTextStyleItalic8 = "'ital' 8";
|
|
62
62
|
export const BrandTextStyleItalic9 = "'ital' 9";
|
|
63
|
-
export const BrandTextStyleItalic10 = "'ital' 10";
|
|
63
|
+
export const BrandTextStyleItalic10 = "'ital' 10";
|