@primer/primitives 7.11.2-rc.eb0be47 → 7.11.2-rc.ef1e802
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/README.md +53 -1
- package/dist/color-contrast-check.json +1 -1
- package/dist/js/colors/dark.js +40 -40
- package/dist/js/colors/dark_colorblind.js +40 -40
- package/dist/js/colors/dark_dimmed.js +40 -40
- package/dist/js/colors/dark_high_contrast.js +24 -24
- package/dist/js/colors/dark_tritanopia.js +40 -40
- package/dist/js/colors/light.js +44 -44
- package/dist/js/colors/light_colorblind.js +16 -16
- package/dist/js/colors/light_high_contrast.js +9 -9
- package/dist/js/colors/light_tritanopia.js +16 -16
- package/dist/json/colors/dark.json +40 -40
- package/dist/json/colors/dark_colorblind.json +40 -40
- package/dist/json/colors/dark_dimmed.json +40 -40
- package/dist/json/colors/dark_high_contrast.json +24 -24
- package/dist/json/colors/dark_tritanopia.json +40 -40
- package/dist/json/colors/light.json +44 -44
- package/dist/json/colors/light_colorblind.json +16 -16
- package/dist/json/colors/light_high_contrast.json +9 -9
- package/dist/json/colors/light_tritanopia.json +16 -16
- package/dist/scss/colors/_dark.scss +40 -40
- package/dist/scss/colors/_dark_colorblind.scss +40 -40
- package/dist/scss/colors/_dark_dimmed.scss +40 -40
- package/dist/scss/colors/_dark_high_contrast.scss +24 -24
- package/dist/scss/colors/_dark_tritanopia.scss +40 -40
- package/dist/scss/colors/_light.scss +44 -44
- package/dist/scss/colors/_light_colorblind.scss +16 -16
- package/dist/scss/colors/_light_high_contrast.scss +9 -9
- package/dist/scss/colors/_light_tritanopia.scss +16 -16
- package/dist/ts/colors/dark.ts +40 -40
- package/dist/ts/colors/dark_colorblind.ts +40 -40
- package/dist/ts/colors/dark_dimmed.ts +40 -40
- package/dist/ts/colors/dark_high_contrast.ts +24 -24
- package/dist/ts/colors/dark_tritanopia.ts +40 -40
- package/dist/ts/colors/light.ts +44 -44
- package/dist/ts/colors/light_colorblind.ts +16 -16
- package/dist/ts/colors/light_high_contrast.ts +9 -9
- package/dist/ts/colors/light_tritanopia.ts +16 -16
- package/package.json +9 -8
- package/tokens-next-private/css/base/color/dark-colorblind.css +198 -0
- package/tokens-next-private/css/base/color/dark-dimmed.css +198 -0
- package/tokens-next-private/css/base/color/dark-high-contrast.css +198 -0
- package/tokens-next-private/css/base/color/dark-tritanopia.css +198 -0
- package/tokens-next-private/css/base/color/dark.css +198 -0
- package/tokens-next-private/css/base/color/light-colorblind.css +198 -0
- package/tokens-next-private/css/base/color/light-high-contrast.css +198 -0
- package/tokens-next-private/css/base/color/light-tritanopia.css +198 -0
- package/tokens-next-private/css/base/color/light.css +198 -0
- package/tokens-next-private/css/base/size/size.css +24 -0
- package/tokens-next-private/css/base/typography/typography.css +11 -0
- package/tokens-next-private/css/functional/size/border.css +18 -0
- package/tokens-next-private/css/functional/size/breakpoints.css +13 -0
- package/tokens-next-private/css/functional/size/size-coarse.css +10 -0
- package/tokens-next-private/css/functional/size/size-fine.css +10 -0
- package/tokens-next-private/css/functional/size/size.css +54 -0
- package/tokens-next-private/css/functional/size/viewport.css +13 -0
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +604 -0
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +604 -0
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +604 -0
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +604 -0
- package/tokens-next-private/css/functional/themes/dark.css +604 -0
- package/tokens-next-private/css/functional/themes/light-colorblind.css +554 -0
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +554 -0
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +554 -0
- package/tokens-next-private/css/functional/themes/light.css +554 -0
- package/tokens-next-private/css/functional/typography/typography.css +47 -0
- package/tokens-next-private/docs/base/color/dark-colorblind.json +1419 -0
- package/tokens-next-private/docs/base/color/dark-dimmed.json +1419 -0
- package/tokens-next-private/docs/base/color/dark-high-contrast.json +1419 -0
- package/tokens-next-private/docs/base/color/dark-tritanopia.json +1419 -0
- package/tokens-next-private/docs/base/color/dark.json +1419 -0
- package/tokens-next-private/docs/base/color/light-colorblind.json +1419 -0
- package/tokens-next-private/docs/base/color/light-high-contrast.json +1419 -0
- package/tokens-next-private/docs/base/color/light-tritanopia.json +1419 -0
- package/tokens-next-private/docs/base/color/light.json +1419 -0
- package/tokens-next-private/docs/base/size/size.json +227 -0
- package/tokens-next-private/docs/base/typography/typography.json +60 -0
- package/tokens-next-private/docs/functional/size/border.json +135 -0
- package/tokens-next-private/docs/functional/size/breakpoints.json +82 -0
- package/tokens-next-private/docs/functional/size/size-coarse.json +55 -0
- package/tokens-next-private/docs/functional/size/size-fine.json +55 -0
- package/tokens-next-private/docs/functional/size/size.json +647 -0
- package/tokens-next-private/docs/functional/size/viewport.json +70 -0
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4535 -0
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4539 -0
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4543 -0
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4539 -0
- package/tokens-next-private/docs/functional/themes/dark.json +4539 -0
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +4241 -0
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +4231 -0
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +4231 -0
- package/tokens-next-private/docs/functional/themes/light.json +4231 -0
- package/tokens-next-private/docs/functional/typography/typography.json +581 -0
- package/tokens-next-private/js/base/color/dark-colorblind.js +122 -0
- package/tokens-next-private/js/base/color/dark-dimmed.js +122 -0
- package/tokens-next-private/js/base/color/dark-high-contrast.js +122 -0
- package/tokens-next-private/js/base/color/dark-tritanopia.js +122 -0
- package/tokens-next-private/js/base/color/dark.js +122 -0
- package/tokens-next-private/js/base/color/light-colorblind.js +122 -0
- package/tokens-next-private/js/base/color/light-high-contrast.js +122 -0
- package/tokens-next-private/js/base/color/light-tritanopia.js +122 -0
- package/tokens-next-private/js/base/color/light.js +122 -0
- package/tokens-next-private/js/base/size/size.js +28 -0
- package/tokens-next-private/js/base/typography/typography.js +17 -0
- package/tokens-next-private/js/functional/size/border.js +28 -0
- package/tokens-next-private/js/functional/size/breakpoints.js +15 -0
- package/tokens-next-private/js/functional/size/size-coarse.js +24 -0
- package/tokens-next-private/js/functional/size/size-fine.js +24 -0
- package/tokens-next-private/js/functional/size/size.js +98 -0
- package/tokens-next-private/js/functional/size/viewport.js +15 -0
- package/tokens-next-private/js/functional/themes/dark-colorblind.js +593 -0
- package/tokens-next-private/js/functional/themes/dark-dimmed.js +593 -0
- package/tokens-next-private/js/functional/themes/dark-high-contrast.js +593 -0
- package/tokens-next-private/js/functional/themes/dark-tritanopia.js +593 -0
- package/tokens-next-private/js/functional/themes/dark.js +593 -0
- package/tokens-next-private/js/functional/themes/light-colorblind.js +618 -0
- package/tokens-next-private/js/functional/themes/light-high-contrast.js +618 -0
- package/tokens-next-private/js/functional/themes/light-tritanopia.js +618 -0
- package/tokens-next-private/js/functional/themes/light.js +618 -0
- package/tokens-next-private/js/functional/typography/typography.js +77 -0
- package/tokens-next-private/json/base/color/dark-colorblind.json +117 -0
- package/tokens-next-private/json/base/color/dark-dimmed.json +117 -0
- package/tokens-next-private/json/base/color/dark-high-contrast.json +117 -0
- package/tokens-next-private/json/base/color/dark-tritanopia.json +117 -0
- package/tokens-next-private/json/base/color/dark.json +117 -0
- package/tokens-next-private/json/base/color/light-colorblind.json +117 -0
- package/tokens-next-private/json/base/color/light-high-contrast.json +117 -0
- package/tokens-next-private/json/base/color/light-tritanopia.json +117 -0
- package/tokens-next-private/json/base/color/light.json +117 -0
- package/tokens-next-private/json/base/size/size.json +23 -0
- package/tokens-next-private/json/base/typography/typography.json +12 -0
- package/tokens-next-private/json/functional/size/border.json +23 -0
- package/tokens-next-private/json/functional/size/breakpoints.json +10 -0
- package/tokens-next-private/json/functional/size/size-coarse.json +19 -0
- package/tokens-next-private/json/functional/size/size-fine.json +19 -0
- package/tokens-next-private/json/functional/size/size.json +93 -0
- package/tokens-next-private/json/functional/size/viewport.json +10 -0
- package/tokens-next-private/json/functional/themes/dark-colorblind.json +588 -0
- package/tokens-next-private/json/functional/themes/dark-dimmed.json +588 -0
- package/tokens-next-private/json/functional/themes/dark-high-contrast.json +588 -0
- package/tokens-next-private/json/functional/themes/dark-tritanopia.json +588 -0
- package/tokens-next-private/json/functional/themes/dark.json +588 -0
- package/tokens-next-private/json/functional/themes/light-colorblind.json +613 -0
- package/tokens-next-private/json/functional/themes/light-high-contrast.json +613 -0
- package/tokens-next-private/json/functional/themes/light-tritanopia.json +613 -0
- package/tokens-next-private/json/functional/themes/light.json +613 -0
- package/tokens-next-private/json/functional/typography/typography.json +72 -0
- package/tokens-next-private/removed/color.json +421 -0
- package/tokens-next-private/scss/base/color/dark-colorblind.scss +102 -0
- package/tokens-next-private/scss/base/color/dark-dimmed.scss +102 -0
- package/tokens-next-private/scss/base/color/dark-high-contrast.scss +102 -0
- package/tokens-next-private/scss/base/color/dark-tritanopia.scss +102 -0
- package/tokens-next-private/scss/base/color/dark.scss +102 -0
- package/tokens-next-private/scss/base/color/light-colorblind.scss +102 -0
- package/tokens-next-private/scss/base/color/light-high-contrast.scss +102 -0
- package/tokens-next-private/scss/base/color/light-tritanopia.scss +102 -0
- package/tokens-next-private/scss/base/color/light.scss +102 -0
- package/tokens-next-private/scss/base/size/size.scss +26 -0
- package/tokens-next-private/scss/base/typography/typography.scss +13 -0
- package/tokens-next-private/scss/functional/size/border.scss +20 -0
- package/tokens-next-private/scss/functional/size/breakpoints.scss +15 -0
- package/tokens-next-private/scss/functional/size/size-coarse.scss +12 -0
- package/tokens-next-private/scss/functional/size/size-fine.scss +12 -0
- package/tokens-next-private/scss/functional/size/size.scss +56 -0
- package/tokens-next-private/scss/functional/size/viewport.scss +24 -0
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +305 -0
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +305 -0
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +305 -0
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +305 -0
- package/tokens-next-private/scss/functional/themes/dark.scss +305 -0
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +280 -0
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +280 -0
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +280 -0
- package/tokens-next-private/scss/functional/themes/light.scss +280 -0
- package/tokens-next-private/scss/functional/typography/typography.scss +49 -0
- package/tokens-next-private/ts/base/color/dark-colorblind.ts +122 -0
- package/tokens-next-private/ts/base/color/dark-dimmed.ts +122 -0
- package/tokens-next-private/ts/base/color/dark-high-contrast.ts +122 -0
- package/tokens-next-private/ts/base/color/dark-tritanopia.ts +122 -0
- package/tokens-next-private/ts/base/color/dark.ts +122 -0
- package/tokens-next-private/ts/base/color/light-colorblind.ts +122 -0
- package/tokens-next-private/ts/base/color/light-high-contrast.ts +122 -0
- package/tokens-next-private/ts/base/color/light-tritanopia.ts +122 -0
- package/tokens-next-private/ts/base/color/light.ts +122 -0
- package/tokens-next-private/ts/base/size/size.ts +28 -0
- package/tokens-next-private/ts/base/typography/typography.ts +17 -0
- package/tokens-next-private/ts/functional/size/border.ts +28 -0
- package/tokens-next-private/ts/functional/size/breakpoints.ts +15 -0
- package/tokens-next-private/ts/functional/size/size-coarse.ts +24 -0
- package/tokens-next-private/ts/functional/size/size-fine.ts +24 -0
- package/tokens-next-private/ts/functional/size/size.ts +98 -0
- package/tokens-next-private/ts/functional/size/viewport.ts +15 -0
- package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +593 -0
- package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +593 -0
- package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +593 -0
- package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +593 -0
- package/tokens-next-private/ts/functional/themes/dark.ts +593 -0
- package/tokens-next-private/ts/functional/themes/light-colorblind.ts +618 -0
- package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +618 -0
- package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +618 -0
- package/tokens-next-private/ts/functional/themes/light.ts +618 -0
- package/tokens-next-private/ts/functional/typography/typography.ts +77 -0
- package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +125 -0
- package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +143 -0
- package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +635 -0
- package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +87 -0
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 29 Mar 2023 08:34:33 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--base-size-4: 0.25rem;
|
|
8
|
+
--base-size-8: 0.5rem;
|
|
9
|
+
--base-size-12: 0.75rem;
|
|
10
|
+
--base-size-16: 1rem;
|
|
11
|
+
--base-size-20: 1.25rem;
|
|
12
|
+
--base-size-24: 1.5rem;
|
|
13
|
+
--base-size-28: 1.75rem;
|
|
14
|
+
--base-size-32: 2rem;
|
|
15
|
+
--base-size-36: 2.25rem;
|
|
16
|
+
--base-size-40: 2.5rem;
|
|
17
|
+
--base-size-44: 2.75rem;
|
|
18
|
+
--base-size-48: 3rem;
|
|
19
|
+
--base-size-64: 4rem;
|
|
20
|
+
--base-size-80: 5rem;
|
|
21
|
+
--base-size-96: 6rem;
|
|
22
|
+
--base-size-112: 7rem;
|
|
23
|
+
--base-size-128: 8rem;
|
|
24
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 29 Mar 2023 08:34:32 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--borderInset-thin: inset 0 0 0 max(1px, 0.0625rem);
|
|
8
|
+
--borderInset-thick: inset 0 0 0 max(2px, 0.125rem);
|
|
9
|
+
--borderInset-thicker: inset 0 0 0 max(4px, 0.25rem);
|
|
10
|
+
--borderWidth-thin: max(1px, 0.0625rem);
|
|
11
|
+
--borderWidth-thick: max(2px, 0.125rem);
|
|
12
|
+
--borderWidth-thicker: max(4px, 0.25rem);
|
|
13
|
+
--borderRadius-small: 3px;
|
|
14
|
+
--borderRadius-medium: 6px;
|
|
15
|
+
--borderRadius-large: 12px;
|
|
16
|
+
--borderRadius-full: 100vh;
|
|
17
|
+
--outline-focus-offset: 0.0625rem;
|
|
18
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 29 Mar 2023 08:34:32 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--breakpoint-xsmall: 20rem;
|
|
8
|
+
--breakpoint-small: 34rem;
|
|
9
|
+
--breakpoint-medium: 48rem;
|
|
10
|
+
--breakpoint-large: 63.25rem;
|
|
11
|
+
--breakpoint-xlarge: 80rem;
|
|
12
|
+
--breakpoint-xxlarge: 90rem;
|
|
13
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 29 Mar 2023 08:34:33 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--control-minTarget-fine: 1rem;
|
|
8
|
+
--control-minTarget-coarse: 2.75rem;
|
|
9
|
+
--control-xsmall-size: 1.5rem;
|
|
10
|
+
--control-xsmall-lineBoxHeight: 1.25rem;
|
|
11
|
+
--control-xsmall-paddingBlock: calc((1.5rem - 1.25rem) / 2);
|
|
12
|
+
--control-xsmall-paddingInline-condensed: 0.25rem;
|
|
13
|
+
--control-xsmall-paddingInline-normal: 0.5rem;
|
|
14
|
+
--control-xsmall-paddingInline-spacious: 0.75rem;
|
|
15
|
+
--control-xsmall-gap: 0.25rem;
|
|
16
|
+
--control-small-size: 1.75rem;
|
|
17
|
+
--control-small-lineBoxHeight: 1.25rem;
|
|
18
|
+
--control-small-paddingBlock: calc((1.75rem - 1.25rem) / 2);
|
|
19
|
+
--control-small-paddingInline-condensed: 0.5rem;
|
|
20
|
+
--control-small-paddingInline-normal: 0.75rem;
|
|
21
|
+
--control-small-gap: 0.25rem;
|
|
22
|
+
--control-medium-size: 2rem;
|
|
23
|
+
--control-medium-lineBoxHeight: 1.25rem;
|
|
24
|
+
--control-medium-paddingBlock: calc((2rem - 1.25rem) / 2);
|
|
25
|
+
--control-medium-paddingInline-condensed: 0.5rem;
|
|
26
|
+
--control-medium-paddingInline-normal: 0.75rem;
|
|
27
|
+
--control-medium-paddingInline-spacious: 1rem;
|
|
28
|
+
--control-medium-gap: 0.5rem;
|
|
29
|
+
--control-large-size: 2.5rem;
|
|
30
|
+
--control-large-lineBoxHeight: 1.25rem;
|
|
31
|
+
--control-large-paddingBlock: calc((2.5rem - 1.25rem) / 2);
|
|
32
|
+
--control-large-paddingInline-normal: 0.75rem;
|
|
33
|
+
--control-large-paddingInline-spacious: 1rem;
|
|
34
|
+
--control-large-gap: 0.5rem;
|
|
35
|
+
--control-xlarge-size: 3rem;
|
|
36
|
+
--control-xlarge-lineBoxHeight: 1.25rem;
|
|
37
|
+
--control-xlarge-paddingBlock: calc((3rem - 1.25rem) / 2);
|
|
38
|
+
--control-xlarge-paddingInline-normal: 0.75rem;
|
|
39
|
+
--control-xlarge-paddingInline-spacious: 1rem;
|
|
40
|
+
--control-xlarge-gap: 0.5rem;
|
|
41
|
+
--controlStack-small-gap-condensed: 0.5rem;
|
|
42
|
+
--controlStack-small-gap-spacious: 1rem;
|
|
43
|
+
--controlStack-medium-gap-condensed: 0.5rem;
|
|
44
|
+
--controlStack-medium-gap-spacious: 0.75rem;
|
|
45
|
+
--controlStack-large-gap-auto: 0.5rem;
|
|
46
|
+
--controlStack-large-gap-condensed: 0.5rem;
|
|
47
|
+
--controlStack-large-gap-spacious: 0.75rem;
|
|
48
|
+
--stack-padding-condensed: 0.5rem;
|
|
49
|
+
--stack-padding-normal: 1rem;
|
|
50
|
+
--stack-padding-spacious: 1.5rem;
|
|
51
|
+
--stack-gap-condensed: 0.5rem;
|
|
52
|
+
--stack-gap-normal: 1rem;
|
|
53
|
+
--stack-gap-spacious: 1.5rem;
|
|
54
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 29 Mar 2023 08:34:33 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--viewportRange-narrow: (max-width: calc(48rem - 0.02px));
|
|
8
|
+
--viewportRange-narrowLandscape: (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
|
|
9
|
+
--viewportRange-regular: (min-width: 48rem);
|
|
10
|
+
--viewportRange-wide: (min-width: 90rem);
|
|
11
|
+
--viewportRange-portrait: (orientation: portrait);
|
|
12
|
+
--viewportRange-landscape: (orientation: landscape);
|
|
13
|
+
}
|