@primer/primitives 7.17.0-rc.1685583f → 7.17.0-rc.34cd1021
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 +1 -1
- package/dist/css/functional/themes/dark-colorblind.css +24 -14
- package/dist/css/functional/themes/dark-dimmed.css +10 -0
- package/dist/css/functional/themes/dark-high-contrast.css +10 -0
- package/dist/css/functional/themes/dark-tritanopia.css +24 -14
- package/dist/css/functional/themes/dark.css +24 -14
- package/dist/css/functional/themes/light-colorblind.css +10 -0
- package/dist/css/functional/themes/light-high-contrast.css +10 -0
- package/dist/css/functional/themes/light-tritanopia.css +10 -0
- package/dist/css/functional/themes/light.css +10 -0
- package/dist/css/functional/typography/typography.css +1 -1
- package/dist/docs/base/typography/typography.json +52 -4
- package/dist/docs/functional/themes/dark-colorblind.json +230 -85
- package/dist/docs/functional/themes/dark-dimmed.json +218 -73
- package/dist/docs/functional/themes/dark-high-contrast.json +220 -75
- package/dist/docs/functional/themes/dark-tritanopia.json +230 -85
- package/dist/docs/functional/themes/dark.json +225 -80
- package/dist/docs/functional/themes/light-colorblind.json +221 -76
- package/dist/docs/functional/themes/light-high-contrast.json +215 -70
- package/dist/docs/functional/themes/light-tritanopia.json +221 -76
- package/dist/docs/functional/themes/light.json +216 -71
- package/dist/docs/functional/typography/typography.json +494 -36
- package/dist/fallbacks/functional/typography/typography.json +1 -1
- package/dist/figma/figma.json +18 -1
- package/dist/figma/scales/dark-dimmed.json +20 -20
- package/dist/figma/scales/dark-high-constrast.json +20 -20
- package/dist/figma/scales/dark.json +25 -25
- package/dist/figma/scales/light-high-constrast.json +20 -20
- package/dist/figma/scales/light.json +20 -20
- package/dist/figma/themes/dark-colorblind.json +170 -90
- package/dist/figma/themes/dark-dimmed.json +145 -65
- package/dist/figma/themes/dark-high-contrast.json +149 -69
- package/dist/figma/themes/dark-tritanopia.json +170 -90
- package/dist/figma/themes/dark.json +165 -85
- package/dist/figma/themes/light-colorblind.json +139 -59
- package/dist/figma/themes/light-high-contrast.json +135 -55
- package/dist/figma/themes/light-tritanopia.json +139 -59
- package/dist/figma/themes/light.json +134 -54
- package/dist/figma/typography/typography.json +370 -0
- package/dist/internalCss/dark-colorblind.css +48 -38
- package/dist/internalCss/dark-dimmed.css +30 -20
- package/dist/internalCss/dark-high-contrast.css +30 -20
- package/dist/internalCss/dark-tritanopia.css +48 -38
- package/dist/internalCss/dark.css +48 -38
- package/dist/internalCss/light-colorblind.css +30 -20
- package/dist/internalCss/light-high-contrast.css +30 -20
- package/dist/internalCss/light-tritanopia.css +30 -20
- package/dist/internalCss/light.css +30 -20
- package/dist/styleLint/base/typography/typography.json +52 -4
- package/dist/styleLint/functional/themes/dark-colorblind.json +230 -85
- package/dist/styleLint/functional/themes/dark-dimmed.json +218 -73
- package/dist/styleLint/functional/themes/dark-high-contrast.json +220 -75
- package/dist/styleLint/functional/themes/dark-tritanopia.json +230 -85
- package/dist/styleLint/functional/themes/dark.json +225 -80
- package/dist/styleLint/functional/themes/light-colorblind.json +221 -76
- package/dist/styleLint/functional/themes/light-high-contrast.json +215 -70
- package/dist/styleLint/functional/themes/light-tritanopia.json +221 -76
- package/dist/styleLint/functional/themes/light.json +216 -71
- package/dist/styleLint/functional/typography/typography.json +494 -36
- package/package.json +5 -13
- package/src/PrimerStyleDictionary.ts +12 -0
- package/src/filters/index.ts +1 -0
- package/src/filters/isNumber.ts +8 -0
- package/src/formats/jsonFigma.ts +3 -0
- package/src/platforms/figma.ts +10 -1
- package/src/schemas/collections.ts +2 -0
- package/src/schemas/dimensionToken.ts +1 -1
- package/src/schemas/fontFamilyToken.ts +10 -0
- package/src/schemas/fontWeightToken.ts +10 -0
- package/src/schemas/numberToken.ts +17 -0
- package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
- package/src/tokens/base/color/dark/dark.json5 +3 -3
- package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
- package/src/tokens/base/color/light/light.json5 +1 -1
- package/src/tokens/base/typography/typography.json +28 -4
- package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
- package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
- package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
- package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
- package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
- package/src/tokens/functional/color/light/app-light.json5 +5 -5
- package/src/tokens/functional/color/light/display-light.json5 +66 -0
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
- package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
- package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
- package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
- package/src/tokens/functional/shadow/dark.json5 +1 -1
- package/src/tokens/functional/shadow/light.json5 +11 -11
- package/src/tokens/functional/typography/typography.json +263 -34
- package/src/transformers/floatToPixel.ts +33 -0
- package/src/transformers/fontFamilyToCss.ts +3 -4
- package/src/transformers/fontFamilyToFigma.ts +47 -0
- package/src/transformers/index.ts +2 -0
- package/src/transformers/utilities/hasSpaceInString.ts +6 -0
- package/build.js +0 -578
- package/dist/deprecated/colors.json +0 -7
- package/dist/js/colors/dark.d.ts +0 -516
- package/dist/js/colors/dark.js +0 -616
- package/dist/js/colors/dark_colorblind.d.ts +0 -516
- package/dist/js/colors/dark_colorblind.js +0 -616
- package/dist/js/colors/dark_dimmed.d.ts +0 -516
- package/dist/js/colors/dark_dimmed.js +0 -616
- package/dist/js/colors/dark_high_contrast.d.ts +0 -516
- package/dist/js/colors/dark_high_contrast.js +0 -616
- package/dist/js/colors/dark_tritanopia.d.ts +0 -516
- package/dist/js/colors/dark_tritanopia.js +0 -616
- package/dist/js/colors/index.d.ts +0 -4638
- package/dist/js/colors/index.js +0 -15
- package/dist/js/colors/light.d.ts +0 -516
- package/dist/js/colors/light.js +0 -616
- package/dist/js/colors/light_colorblind.d.ts +0 -516
- package/dist/js/colors/light_colorblind.js +0 -616
- package/dist/js/colors/light_high_contrast.d.ts +0 -516
- package/dist/js/colors/light_high_contrast.js +0 -616
- package/dist/js/colors/light_tritanopia.d.ts +0 -516
- package/dist/js/colors/light_tritanopia.js +0 -616
- package/dist/js/index.d.ts +0 -4655
- package/dist/js/index.js +0 -9
- package/dist/js/spacing/index.d.ts +0 -6
- package/dist/js/spacing/index.js +0 -7
- package/dist/js/spacing/normal.d.ts +0 -4
- package/dist/js/spacing/normal.js +0 -13
- package/dist/js/typography/index.d.ts +0 -11
- package/dist/js/typography/index.js +0 -7
- package/dist/js/typography/normal.d.ts +0 -9
- package/dist/js/typography/normal.js +0 -19
- package/dist/json/colors/dark.json +0 -614
- package/dist/json/colors/dark_colorblind.json +0 -614
- package/dist/json/colors/dark_dimmed.json +0 -614
- package/dist/json/colors/dark_high_contrast.json +0 -614
- package/dist/json/colors/dark_tritanopia.json +0 -614
- package/dist/json/colors/light.json +0 -614
- package/dist/json/colors/light_colorblind.json +0 -614
- package/dist/json/colors/light_high_contrast.json +0 -614
- package/dist/json/colors/light_tritanopia.json +0 -614
- package/dist/json/spacing/normal.json +0 -11
- package/dist/json/typography/normal.json +0 -17
- package/dist/removed/colors.json +0 -432
- package/dist/scss/colors/_dark.scss +0 -452
- package/dist/scss/colors/_dark_colorblind.scss +0 -452
- package/dist/scss/colors/_dark_dimmed.scss +0 -452
- package/dist/scss/colors/_dark_high_contrast.scss +0 -452
- package/dist/scss/colors/_dark_tritanopia.scss +0 -452
- package/dist/scss/colors/_light.scss +0 -452
- package/dist/scss/colors/_light_colorblind.scss +0 -452
- package/dist/scss/colors/_light_high_contrast.scss +0 -452
- package/dist/scss/colors/_light_tritanopia.scss +0 -452
- package/dist/scss/spacing/_normal.scss +0 -11
- package/dist/scss/typography/_normal.scss +0 -15
- package/dist/ts/colors/dark.ts +0 -614
- package/dist/ts/colors/dark_colorblind.ts +0 -614
- package/dist/ts/colors/dark_dimmed.ts +0 -614
- package/dist/ts/colors/dark_high_contrast.ts +0 -614
- package/dist/ts/colors/dark_tritanopia.ts +0 -614
- package/dist/ts/colors/index.ts +0 -10
- package/dist/ts/colors/light.ts +0 -614
- package/dist/ts/colors/light_colorblind.ts +0 -614
- package/dist/ts/colors/light_high_contrast.ts +0 -614
- package/dist/ts/colors/light_tritanopia.ts +0 -614
- package/dist/ts/index.ts +0 -4
- package/dist/ts/spacing/index.ts +0 -2
- package/dist/ts/spacing/normal.ts +0 -11
- package/dist/ts/typography/index.ts +0 -2
- package/dist/ts/typography/normal.ts +0 -17
- package/tokens/base/size/size.json +0 -57
- package/tokens/base/typography/typography.json +0 -20
- package/tokens/functional/size/border.json +0 -48
- package/tokens/functional/size/breakpoints.json +0 -24
- package/tokens/functional/size/size-coarse.json +0 -27
- package/tokens/functional/size/size-fine.json +0 -27
- package/tokens/functional/size/size.json +0 -189
- package/tokens/functional/size/viewport.json +0 -24
- package/tokens/functional/typography/typography.json +0 -213
- package/tokens/removed/color.json +0 -421
- package/tokens-next-private/css/base/size/size.css +0 -19
- package/tokens-next-private/css/base/typography/typography.css +0 -6
- package/tokens-next-private/css/functional/motion/motion.css +0 -5
- package/tokens-next-private/css/functional/size/border.css +0 -14
- package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
- package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
- package/tokens-next-private/css/functional/size/size-fine.css +0 -7
- package/tokens-next-private/css/functional/size/size.css +0 -74
- package/tokens-next-private/css/functional/size/viewport.css +0 -6
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
- package/tokens-next-private/css/functional/themes/dark.css +0 -1078
- package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
- package/tokens-next-private/css/functional/themes/light.css +0 -1078
- package/tokens-next-private/css/functional/typography/typography.css +0 -47
- package/tokens-next-private/docs/base/size/size.json +0 -427
- package/tokens-next-private/docs/base/typography/typography.json +0 -54
- package/tokens-next-private/docs/functional/motion/motion.json +0 -47
- package/tokens-next-private/docs/functional/size/border.json +0 -234
- package/tokens-next-private/docs/functional/size/breakpoints.json +0 -152
- package/tokens-next-private/docs/functional/size/size-coarse.json +0 -41
- package/tokens-next-private/docs/functional/size/size-fine.json +0 -41
- package/tokens-next-private/docs/functional/size/size.json +0 -1838
- package/tokens-next-private/docs/functional/size/viewport.json +0 -80
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -16155
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -16159
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -16175
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -16161
- package/tokens-next-private/docs/functional/themes/dark.json +0 -16159
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +0 -16123
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +0 -16125
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +0 -16115
- package/tokens-next-private/docs/functional/themes/light.json +0 -16113
- package/tokens-next-private/docs/functional/typography/typography.json +0 -663
- package/tokens-next-private/fallbacks/base/size/size.json +0 -19
- package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
- package/tokens-next-private/fallbacks/color-fallbacks.json +0 -260
- package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
- package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
- package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
- package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
- package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
- package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
- package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
- package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
- package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
- package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
- package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
- package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
- package/tokens-next-private/internalCss/dark.css +0 -1648
- package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
- package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
- package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
- package/tokens-next-private/internalCss/light.css +0 -1648
- package/tokens-next-private/removed/color.json +0 -421
- package/tokens-next-private/styleLint/base/size/size.json +0 -427
- package/tokens-next-private/styleLint/base/typography/typography.json +0 -54
- package/tokens-next-private/styleLint/functional/motion/motion.json +0 -47
- package/tokens-next-private/styleLint/functional/size/border.json +0 -234
- package/tokens-next-private/styleLint/functional/size/breakpoints.json +0 -152
- package/tokens-next-private/styleLint/functional/size/size-coarse.json +0 -41
- package/tokens-next-private/styleLint/functional/size/size-fine.json +0 -41
- package/tokens-next-private/styleLint/functional/size/size.json +0 -1838
- package/tokens-next-private/styleLint/functional/size/viewport.json +0 -80
- package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +0 -16155
- package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +0 -16159
- package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +0 -16175
- package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +0 -16161
- package/tokens-next-private/styleLint/functional/themes/dark.json +0 -16159
- package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +0 -16123
- package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +0 -16125
- package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +0 -16115
- package/tokens-next-private/styleLint/functional/themes/light.json +0 -16113
- package/tokens-next-private/styleLint/functional/typography/typography.json +0 -663
- package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
- package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
- package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
- package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
- package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
- package/tokens-v2-private/docs/docValues.json +0 -2209
- package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
- package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
- package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
- package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
- package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
- package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
- package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
- package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
- package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const BaseSize4 = "0.25rem";
|
|
7
|
-
export const BaseSize8 = "0.5rem";
|
|
8
|
-
export const BaseSize12 = "0.75rem";
|
|
9
|
-
export const BaseSize16 = "1rem";
|
|
10
|
-
export const BaseSize20 = "1.25rem";
|
|
11
|
-
export const BaseSize24 = "1.5rem";
|
|
12
|
-
export const BaseSize28 = "1.75rem";
|
|
13
|
-
export const BaseSize32 = "2rem";
|
|
14
|
-
export const BaseSize36 = "2.25rem";
|
|
15
|
-
export const BaseSize40 = "2.5rem";
|
|
16
|
-
export const BaseSize44 = "2.75rem";
|
|
17
|
-
export const BaseSize48 = "3rem";
|
|
18
|
-
export const BaseSize64 = "4rem";
|
|
19
|
-
export const BaseSize80 = "5rem";
|
|
20
|
-
export const BaseSize96 = "6rem";
|
|
21
|
-
export const BaseSize112 = "7rem";
|
|
22
|
-
export const BaseSize128 = "8rem";
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";
|
|
7
|
-
export const PrimerBorderInsetThick = "inset 0 0 0 max(2px, 0.125rem)";
|
|
8
|
-
export const PrimerBorderInsetThicker = "inset 0 0 0 max(4px, 0.25rem)";
|
|
9
|
-
export const PrimerBorderWidthThin = "max(1px, 0.0625rem)";
|
|
10
|
-
export const PrimerBorderWidthThick = "max(2px, 0.125rem)";
|
|
11
|
-
export const PrimerBorderWidthThicker = "max(4px, 0.25rem)";
|
|
12
|
-
export const PrimerBorderRadiusSmall = "0.1875rem";
|
|
13
|
-
export const PrimerBorderRadiusMedium = "0.375rem";
|
|
14
|
-
export const PrimerBorderRadiusLarge = "0.75rem";
|
|
15
|
-
export const PrimerBorderRadiusFull = "100vh";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const PrimerBreakpointXsmall = "20rem";
|
|
7
|
-
export const PrimerBreakpointSmall = "34rem";
|
|
8
|
-
export const PrimerBreakpointMedium = "48rem";
|
|
9
|
-
export const PrimerBreakpointLarge = "63.25rem";
|
|
10
|
-
export const PrimerBreakpointXlarge = "80rem";
|
|
11
|
-
export const PrimerBreakpointXxlarge = "90rem";
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const PrimerControlMinTargetFine = "1rem";
|
|
7
|
-
export const PrimerControlMinTargetCoarse = "2.75rem";
|
|
8
|
-
export const PrimerControlXsmallSize = "1.5rem";
|
|
9
|
-
export const PrimerControlXsmallLineBoxHeight = "1.25rem";
|
|
10
|
-
export const PrimerControlXsmallPaddingBlock = "calc((1.5rem - 1.25rem) / 2)";
|
|
11
|
-
export const PrimerControlXsmallPaddingInlineCondensed = "0.25rem";
|
|
12
|
-
export const PrimerControlXsmallPaddingInlineNormal = "0.5rem";
|
|
13
|
-
export const PrimerControlXsmallPaddingInlineSpacious = "0.75rem";
|
|
14
|
-
export const PrimerControlXsmallGap = "0.25rem";
|
|
15
|
-
export const PrimerControlSmallSize = "1.75rem";
|
|
16
|
-
export const PrimerControlSmallLineBoxHeight = "1.25rem";
|
|
17
|
-
export const PrimerControlSmallPaddingBlock = "calc((1.75rem - 1.25rem) / 2)";
|
|
18
|
-
export const PrimerControlSmallPaddingInlineCondensed = "0.5rem";
|
|
19
|
-
export const PrimerControlSmallPaddingInlineNormal = "0.75rem";
|
|
20
|
-
export const PrimerControlSmallGap = "0.25rem";
|
|
21
|
-
export const PrimerControlMediumSize = "2rem";
|
|
22
|
-
export const PrimerControlMediumLineBoxHeight = "1.25rem";
|
|
23
|
-
export const PrimerControlMediumPaddingBlock = "calc((2rem - 1.25rem) / 2)";
|
|
24
|
-
export const PrimerControlMediumPaddingInlineCondensed = "0.5rem";
|
|
25
|
-
export const PrimerControlMediumPaddingInlineNormal = "0.75rem";
|
|
26
|
-
export const PrimerControlMediumPaddingInlineSpacious = "1rem";
|
|
27
|
-
export const PrimerControlMediumGap = "0.5rem";
|
|
28
|
-
export const PrimerControlLargeSize = "2.5rem";
|
|
29
|
-
export const PrimerControlLargeLineBoxHeight = "1.25rem";
|
|
30
|
-
export const PrimerControlLargePaddingBlock = "calc((2.5rem - 1.25rem) / 2)";
|
|
31
|
-
export const PrimerControlLargePaddingInlineNormal = "0.75rem";
|
|
32
|
-
export const PrimerControlLargePaddingInlineSpacious = "1rem";
|
|
33
|
-
export const PrimerControlLargeGap = "0.5rem";
|
|
34
|
-
export const PrimerControlXlargeSize = "3rem";
|
|
35
|
-
export const PrimerControlXlargeLineBoxHeight = "1.25rem";
|
|
36
|
-
export const PrimerControlXlargePaddingBlock = "calc((3rem - 1.25rem) / 2)";
|
|
37
|
-
export const PrimerControlXlargePaddingInlineNormal = "0.75rem";
|
|
38
|
-
export const PrimerControlXlargePaddingInlineSpacious = "1rem";
|
|
39
|
-
export const PrimerControlXlargeGap = "0.5rem";
|
|
40
|
-
export const PrimerStackPaddingCondensed = "0.5rem";
|
|
41
|
-
export const PrimerStackPaddingNormal = "1rem";
|
|
42
|
-
export const PrimerStackPaddingSpacious = "1.5rem";
|
|
43
|
-
export const PrimerStackGapCondensed = "0.5rem";
|
|
44
|
-
export const PrimerStackGapNormal = "1rem";
|
|
45
|
-
export const PrimerStackGapSpacious = "1.5rem";
|
|
46
|
-
export const PrimerControlStackSmallGapCondensed = "0.5rem";
|
|
47
|
-
export const PrimerControlStackSmallGapSpacious = "1rem";
|
|
48
|
-
export const PrimerControlStackMediumGapCondensed = "0.5rem";
|
|
49
|
-
export const PrimerControlStackMediumGapSpacious = "0.75rem";
|
|
50
|
-
export const PrimerControlStackLargeGapAuto = "0.5rem";
|
|
51
|
-
export const PrimerControlStackLargeGapCondensed = "0.5rem";
|
|
52
|
-
export const PrimerControlStackLargeGapSpacious = "0.75rem";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";
|
|
7
|
-
export const PrimerViewportRangeNarrowLandscape = "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))";
|
|
8
|
-
export const PrimerViewportRangeRegular = "(min-width: 48rem)";
|
|
9
|
-
export const PrimerViewportRangeWide = "(min-width: 90rem)";
|
|
10
|
-
export const PrimerViewportRangePortrait = "(orientation: portrait)";
|
|
11
|
-
export const PrimerViewportRangeLandscape = "(orientation: landscape)";
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|
|
7
|
-
export const PrimerFontStackSansSerif = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|
|
8
|
-
export const PrimerFontStackMonospace = "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace";
|
|
9
|
-
export const PrimerTextDisplayLineBoxHeight = "3.5rem";
|
|
10
|
-
export const PrimerTextDisplaySize = "2.5rem";
|
|
11
|
-
export const PrimerTextDisplayLineHeight = "calc(56/40)";
|
|
12
|
-
export const PrimerTextDisplayWeight = "500";
|
|
13
|
-
export const PrimerTextDisplayShorthand = {"fontWeight":"500","fontSize":"2.5rem","lineHeight":"calc(56/40)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
|
|
14
|
-
export const PrimerTextTitleSizeLarge = "2rem";
|
|
15
|
-
export const PrimerTextTitleSizeMedium = "1.25rem";
|
|
16
|
-
export const PrimerTextTitleLineHeightLarge = "calc(48/32)";
|
|
17
|
-
export const PrimerTextTitleLineHeightMedium = "calc(32/20)";
|
|
18
|
-
export const PrimerTextTitleWeight = "600";
|
|
19
|
-
export const PrimerTextTitleShorthandLarge = {"fontWeight":"600","fontSize":"2rem","lineHeight":"calc(48/32)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
|
|
20
|
-
export const PrimerTextTitleShorthandMedium = {"fontWeight":"600","fontSize":"1.25rem","lineHeight":"calc(32/20)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
|
|
21
|
-
export const PrimerTextSubtitleSize = "1.25rem";
|
|
22
|
-
export const PrimerTextSubtitleLineHeight = "calc(32/20)";
|
|
23
|
-
export const PrimerTextSubtitleWeight = "400";
|
|
24
|
-
export const PrimerTextSubtitleShorthand = {"fontWeight":"400","fontSize":"1.25rem","lineHeight":"calc(32/20)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
|
|
25
|
-
export const PrimerTextBodySizeLarge = "1rem";
|
|
26
|
-
export const PrimerTextBodySizeMedium = "0.875rem";
|
|
27
|
-
export const PrimerTextBodySizeSmall = "0.75rem";
|
|
28
|
-
export const PrimerTextBodyLineHeightLarge = "calc(24/16)";
|
|
29
|
-
export const PrimerTextBodyLineHeightMedium = "calc(20/14)";
|
|
30
|
-
export const PrimerTextBodyLineHeightSmall = "calc(20/12)";
|
|
31
|
-
export const PrimerTextBodyWeight = "400";
|
|
32
|
-
export const PrimerTextBodyShorthandLarge = {"fontWeight":"400","fontSize":"1rem","lineHeight":"calc(24/16)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
|
|
33
|
-
export const PrimerTextBodyShorthandMedium = {"fontWeight":"400","fontSize":"0.875rem","lineHeight":"calc(20/14)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
|
|
34
|
-
export const PrimerTextBodyShorthandSmall = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"calc(20/12)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
|
|
35
|
-
export const PrimerTextCaptionSize = "0.75rem";
|
|
36
|
-
export const PrimerTextCaptionLineHeight = "calc(16/12)";
|
|
37
|
-
export const PrimerTextCaptionWeight = "400";
|
|
38
|
-
export const PrimerTextCaptionShorthand = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"calc(16/12)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
|
|
39
|
-
export const PrimerTextCodeBlockSize = "0.8125rem";
|
|
40
|
-
export const PrimerTextCodeBlockLineHeight = "calc(20/13)";
|
|
41
|
-
export const PrimerTextCodeBlockWeight = "400";
|
|
42
|
-
export const PrimerTextCodeBlockShorthand = {"fontWeight":"400","fontSize":"0.8125rem","lineHeight":"calc(20/13)","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
|
|
43
|
-
export const PrimerTextCodeInlineSize = "0.9285em";
|
|
44
|
-
export const PrimerTextCodeInlineWeight = "400";
|
|
45
|
-
export const PrimerTextCodeInlineShorthand = {"fontWeight":"400","fontSize":"0.9285em","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
|
|
5
|
-
$base-size-128: 8rem;
|
|
6
|
-
$base-size-112: 7rem;
|
|
7
|
-
$base-size-96: 6rem;
|
|
8
|
-
$base-size-80: 5rem;
|
|
9
|
-
$base-size-64: 4rem;
|
|
10
|
-
$base-size-48: 3rem;
|
|
11
|
-
$base-size-44: 2.75rem;
|
|
12
|
-
$base-size-40: 2.5rem;
|
|
13
|
-
$base-size-36: 2.25rem;
|
|
14
|
-
$base-size-32: 2rem;
|
|
15
|
-
$base-size-28: 1.75rem;
|
|
16
|
-
$base-size-24: 1.5rem;
|
|
17
|
-
$base-size-20: 1.25rem;
|
|
18
|
-
$base-size-16: 1rem;
|
|
19
|
-
$base-size-12: 0.75rem;
|
|
20
|
-
$base-size-8: 0.5rem;
|
|
21
|
-
$base-size-4: 0.25rem;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Mon, 15 Apr 2024 14:11:00 GMT
|
|
4
|
-
|
|
5
|
-
$primer-borderRadius-full: 100vh;
|
|
6
|
-
$primer-borderRadius-large: 0.75rem;
|
|
7
|
-
$primer-borderRadius-medium: 0.375rem;
|
|
8
|
-
$primer-borderRadius-small: 0.1875rem;
|
|
9
|
-
$primer-borderWidth-thicker: max(4px, 0.25rem);
|
|
10
|
-
$primer-borderWidth-thick: max(2px, 0.125rem);
|
|
11
|
-
$primer-borderWidth-thin: max(1px, 0.0625rem);
|
|
12
|
-
$primer-borderInset-thicker: inset 0 0 0 $primer-borderWidth-thicker;
|
|
13
|
-
$primer-borderInset-thick: inset 0 0 0 $primer-borderWidth-thick;
|
|
14
|
-
$primer-borderInset-thin: inset 0 0 0 $primer-borderWidth-thin;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Mon, 15 Apr 2024 14:11:00 GMT
|
|
4
|
-
|
|
5
|
-
$primer-breakpoint-xxlarge: 90rem;
|
|
6
|
-
$primer-breakpoint-xlarge: 80rem;
|
|
7
|
-
$primer-breakpoint-large: 63.25rem;
|
|
8
|
-
$primer-breakpoint-medium: 48rem;
|
|
9
|
-
$primer-breakpoint-small: 34rem;
|
|
10
|
-
$primer-breakpoint-xsmall: 20rem;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Mon, 15 Apr 2024 14:11:00 GMT
|
|
4
|
-
|
|
5
|
-
$primer-controlStack-large-gap-spacious: $base-size-12;
|
|
6
|
-
$primer-controlStack-large-gap-condensed: $base-size-8;
|
|
7
|
-
$primer-controlStack-large-gap-auto: $base-size-8;
|
|
8
|
-
$primer-controlStack-medium-gap-spacious: $base-size-12;
|
|
9
|
-
$primer-controlStack-medium-gap-condensed: $base-size-8;
|
|
10
|
-
$primer-controlStack-small-gap-spacious: $base-size-16;
|
|
11
|
-
$primer-controlStack-small-gap-condensed: $base-size-8;
|
|
12
|
-
$primer-stack-gap-spacious: $base-size-24;
|
|
13
|
-
$primer-stack-gap-normal: $base-size-16;
|
|
14
|
-
$primer-stack-gap-condensed: $base-size-8;
|
|
15
|
-
$primer-stack-padding-spacious: $base-size-24;
|
|
16
|
-
$primer-stack-padding-normal: $base-size-16;
|
|
17
|
-
$primer-stack-padding-condensed: $base-size-8;
|
|
18
|
-
$primer-control-xlarge-gap: $base-size-8;
|
|
19
|
-
$primer-control-xlarge-paddingInline-spacious: $base-size-16;
|
|
20
|
-
$primer-control-xlarge-paddingInline-normal: $base-size-12;
|
|
21
|
-
$primer-control-xlarge-lineBoxHeight: $base-size-20;
|
|
22
|
-
$primer-control-xlarge-size: $base-size-48;
|
|
23
|
-
$primer-control-large-gap: $base-size-8;
|
|
24
|
-
$primer-control-large-paddingInline-spacious: $base-size-16;
|
|
25
|
-
$primer-control-large-paddingInline-normal: $base-size-12;
|
|
26
|
-
$primer-control-large-lineBoxHeight: $base-size-20;
|
|
27
|
-
$primer-control-large-size: $base-size-40;
|
|
28
|
-
$primer-control-medium-gap: $base-size-8;
|
|
29
|
-
$primer-control-medium-paddingInline-spacious: $base-size-16;
|
|
30
|
-
$primer-control-medium-paddingInline-normal: $base-size-12;
|
|
31
|
-
$primer-control-medium-paddingInline-condensed: $base-size-8;
|
|
32
|
-
$primer-control-medium-lineBoxHeight: $base-size-20;
|
|
33
|
-
$primer-control-medium-size: $base-size-32;
|
|
34
|
-
$primer-control-small-gap: $base-size-4;
|
|
35
|
-
$primer-control-small-paddingInline-normal: $base-size-12;
|
|
36
|
-
$primer-control-small-paddingInline-condensed: $base-size-8;
|
|
37
|
-
$primer-control-small-lineBoxHeight: $base-size-20;
|
|
38
|
-
$primer-control-small-size: $base-size-28;
|
|
39
|
-
$primer-control-xsmall-gap: $base-size-4;
|
|
40
|
-
$primer-control-xsmall-paddingInline-spacious: $base-size-12;
|
|
41
|
-
$primer-control-xsmall-paddingInline-normal: $base-size-8;
|
|
42
|
-
$primer-control-xsmall-paddingInline-condensed: $base-size-4;
|
|
43
|
-
$primer-control-xsmall-lineBoxHeight: $base-size-20;
|
|
44
|
-
$primer-control-xsmall-size: $base-size-24;
|
|
45
|
-
$primer-control-minTarget-coarse: $base-size-44;
|
|
46
|
-
$primer-control-minTarget-fine: $base-size-16;
|
|
47
|
-
$primer-control-xlarge-paddingBlock: calc(($primer-control-xlarge-size - $primer-control-xlarge-lineBoxHeight) / 2);
|
|
48
|
-
$primer-control-large-paddingBlock: calc(($primer-control-large-size - $primer-control-large-lineBoxHeight) / 2);
|
|
49
|
-
$primer-control-medium-paddingBlock: calc(($primer-control-medium-size - $primer-control-medium-lineBoxHeight) / 2);
|
|
50
|
-
$primer-control-small-paddingBlock: calc(($primer-control-small-size - $primer-control-small-lineBoxHeight) / 2);
|
|
51
|
-
$primer-control-xsmall-paddingBlock: calc(($primer-control-xsmall-size - $primer-control-xsmall-lineBoxHeight) / 2);
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Mon, 15 Apr 2024 14:11:00 GMT
|
|
4
|
-
|
|
5
|
-
$primer-viewportRange-landscape: (orientation: landscape);
|
|
6
|
-
$primer-viewportRange-portrait: (orientation: portrait);
|
|
7
|
-
$primer-viewportRange-wide: (min-width: $primer-breakpoint-xxlarge);
|
|
8
|
-
$primer-viewportRange-regular: (min-width: $primer-breakpoint-medium);
|
|
9
|
-
$primer-viewportRange-narrowLandscape: (max-width: calc($primer-breakpoint-large - 0.02px) and (max-height: calc($primer-breakpoint-small - 0.02px)) and (orientation: landscape));
|
|
10
|
-
$primer-viewportRange-narrow: (max-width: calc($primer-breakpoint-medium - 0.02px));
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Mon, 15 Apr 2024 14:11:00 GMT
|
|
4
|
-
|
|
5
|
-
$primer-text-codeInline-size: 0.9285em;
|
|
6
|
-
$primer-text-codeBlock-lineHeight: calc(20/13);
|
|
7
|
-
$primer-text-codeBlock-size: 0.8125rem;
|
|
8
|
-
$primer-text-caption-lineHeight: calc(16/12);
|
|
9
|
-
$primer-text-caption-size: 0.75rem;
|
|
10
|
-
$primer-text-body-lineHeight-small: calc(20/12);
|
|
11
|
-
$primer-text-body-lineHeight-medium: calc(20/14);
|
|
12
|
-
$primer-text-body-lineHeight-large: calc(24/16);
|
|
13
|
-
$primer-text-body-size-small: 0.75rem;
|
|
14
|
-
$primer-text-body-size-medium: 0.875rem;
|
|
15
|
-
$primer-text-body-size-large: 1rem;
|
|
16
|
-
$primer-text-subtitle-lineHeight: calc(32/20);
|
|
17
|
-
$primer-text-subtitle-size: 1.25rem;
|
|
18
|
-
$primer-text-title-lineHeight-medium: calc(32/20);
|
|
19
|
-
$primer-text-title-lineHeight-large: calc(48/32);
|
|
20
|
-
$primer-text-title-size-medium: 1.25rem;
|
|
21
|
-
$primer-text-title-size-large: 2rem;
|
|
22
|
-
$primer-text-display-lineHeight: calc(56/40);
|
|
23
|
-
$primer-text-display-size: 2.5rem;
|
|
24
|
-
$primer-text-display-lineBoxHeight: 3.5rem;
|
|
25
|
-
$primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
|
26
|
-
$primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
27
|
-
$primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
28
|
-
$primer-text-codeInline-weight: $base-text-weight-normal;
|
|
29
|
-
$primer-text-codeBlock-weight: $base-text-weight-normal;
|
|
30
|
-
$primer-text-caption-weight: $base-text-weight-normal;
|
|
31
|
-
$primer-text-body-weight: $base-text-weight-normal;
|
|
32
|
-
$primer-text-subtitle-weight: $base-text-weight-normal;
|
|
33
|
-
$primer-text-title-weight: $base-text-weight-semibold;
|
|
34
|
-
$primer-text-display-weight: $base-text-weight-medium;
|
|
35
|
-
$primer-text-codeInline-shorthand: $primer-text-codeInline-weight $primer-text-codeInline-size $primer-fontStack-monospace;
|
|
36
|
-
$primer-text-codeBlock-shorthand: $primer-text-codeBlock-weight $primer-text-codeBlock-size/$primer-text-codeBlock-lineHeight $primer-fontStack-monospace;
|
|
37
|
-
$primer-text-caption-shorthand: $primer-text-caption-weight $primer-text-caption-size/$primer-text-caption-lineHeight $primer-fontStack-sansSerif;
|
|
38
|
-
$primer-text-body-shorthand-small: $primer-text-body-weight $primer-text-body-size-small/$primer-text-body-lineHeight-small $primer-fontStack-sansSerif;
|
|
39
|
-
$primer-text-body-shorthand-medium: $primer-text-body-weight $primer-text-body-size-medium/$primer-text-body-lineHeight-medium $primer-fontStack-sansSerif;
|
|
40
|
-
$primer-text-body-shorthand-large: $primer-text-body-weight $primer-text-body-size-large/$primer-text-body-lineHeight-large $primer-fontStack-sansSerif;
|
|
41
|
-
$primer-text-subtitle-shorthand: $primer-text-subtitle-weight $primer-text-subtitle-size/$primer-text-subtitle-lineHeight $primer-fontStack-sansSerif;
|
|
42
|
-
$primer-text-title-shorthand-medium: $primer-text-title-weight $primer-text-title-size-medium/$primer-text-title-lineHeight-medium $primer-fontStack-sansSerif;
|
|
43
|
-
$primer-text-title-shorthand-large: $primer-text-title-weight $primer-text-title-size-large/$primer-text-title-lineHeight-large $primer-fontStack-sansSerif;
|
|
44
|
-
$primer-text-display-shorthand: $primer-text-display-weight $primer-text-display-size/$primer-text-display-lineHeight $primer-fontStack-sansSerif;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"base": {
|
|
10
|
-
"size": {
|
|
11
|
-
"4": string,
|
|
12
|
-
"8": string,
|
|
13
|
-
"12": string,
|
|
14
|
-
"16": string,
|
|
15
|
-
"20": string,
|
|
16
|
-
"24": string,
|
|
17
|
-
"28": string,
|
|
18
|
-
"32": string,
|
|
19
|
-
"36": string,
|
|
20
|
-
"40": string,
|
|
21
|
-
"44": string,
|
|
22
|
-
"48": string,
|
|
23
|
-
"64": string,
|
|
24
|
-
"80": string,
|
|
25
|
-
"96": string,
|
|
26
|
-
"112": string,
|
|
27
|
-
"128": string
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
export default tokens;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"base": {
|
|
10
|
-
"size": {
|
|
11
|
-
"4": "0.25rem",
|
|
12
|
-
"8": "0.5rem",
|
|
13
|
-
"12": "0.75rem",
|
|
14
|
-
"16": "1rem",
|
|
15
|
-
"20": "1.25rem",
|
|
16
|
-
"24": "1.5rem",
|
|
17
|
-
"28": "1.75rem",
|
|
18
|
-
"32": "2rem",
|
|
19
|
-
"36": "2.25rem",
|
|
20
|
-
"40": "2.5rem",
|
|
21
|
-
"44": "2.75rem",
|
|
22
|
-
"48": "3rem",
|
|
23
|
-
"64": "4rem",
|
|
24
|
-
"80": "5rem",
|
|
25
|
-
"96": "6rem",
|
|
26
|
-
"112": "7rem",
|
|
27
|
-
"128": "8rem"
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"base": {
|
|
10
|
-
"text": {
|
|
11
|
-
"weight": {
|
|
12
|
-
"light": string,
|
|
13
|
-
"normal": string,
|
|
14
|
-
"medium": string,
|
|
15
|
-
"semibold": string
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
export default tokens;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"base": {
|
|
10
|
-
"text": {
|
|
11
|
-
"weight": {
|
|
12
|
-
"light": "300",
|
|
13
|
-
"normal": "400",
|
|
14
|
-
"medium": "500",
|
|
15
|
-
"semibold": "600"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"primer": {
|
|
10
|
-
"borderInset": {
|
|
11
|
-
"thin": string,
|
|
12
|
-
"thick": string,
|
|
13
|
-
"thicker": string
|
|
14
|
-
},
|
|
15
|
-
"borderWidth": {
|
|
16
|
-
"thin": string,
|
|
17
|
-
"thick": string,
|
|
18
|
-
"thicker": string
|
|
19
|
-
},
|
|
20
|
-
"borderRadius": {
|
|
21
|
-
"small": string,
|
|
22
|
-
"medium": string,
|
|
23
|
-
"large": string,
|
|
24
|
-
"full": string
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
export default tokens;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"primer": {
|
|
10
|
-
"borderInset": {
|
|
11
|
-
"thin": "inset 0 0 0 max(1px, 0.0625rem)",
|
|
12
|
-
"thick": "inset 0 0 0 max(2px, 0.125rem)",
|
|
13
|
-
"thicker": "inset 0 0 0 max(4px, 0.25rem)"
|
|
14
|
-
},
|
|
15
|
-
"borderWidth": {
|
|
16
|
-
"thin": "max(1px, 0.0625rem)",
|
|
17
|
-
"thick": "max(2px, 0.125rem)",
|
|
18
|
-
"thicker": "max(4px, 0.25rem)"
|
|
19
|
-
},
|
|
20
|
-
"borderRadius": {
|
|
21
|
-
"small": "0.1875rem",
|
|
22
|
-
"medium": "0.375rem",
|
|
23
|
-
"large": "0.75rem",
|
|
24
|
-
"full": "100vh"
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"primer": {
|
|
10
|
-
"breakpoint": {
|
|
11
|
-
"xsmall": string,
|
|
12
|
-
"small": string,
|
|
13
|
-
"medium": string,
|
|
14
|
-
"large": string,
|
|
15
|
-
"xlarge": string,
|
|
16
|
-
"xxlarge": string
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
export default tokens;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"primer": {
|
|
10
|
-
"breakpoint": {
|
|
11
|
-
"xsmall": "20rem",
|
|
12
|
-
"small": "34rem",
|
|
13
|
-
"medium": "48rem",
|
|
14
|
-
"large": "63.25rem",
|
|
15
|
-
"xlarge": "80rem",
|
|
16
|
-
"xxlarge": "90rem"
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
declare const tokens: {
|
|
9
|
-
"primer": {
|
|
10
|
-
"control": {
|
|
11
|
-
"minTarget": {
|
|
12
|
-
"auto": string
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
"controlStack": {
|
|
16
|
-
"small": {
|
|
17
|
-
"gap": {
|
|
18
|
-
"auto": string
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"medium": {
|
|
22
|
-
"gap": {
|
|
23
|
-
"auto": string
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
export default tokens;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 15 Apr 2024 14:11:01 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
"primer": {
|
|
10
|
-
"control": {
|
|
11
|
-
"minTarget": {
|
|
12
|
-
"auto": "2.75rem"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
"controlStack": {
|
|
16
|
-
"small": {
|
|
17
|
-
"gap": {
|
|
18
|
-
"auto": "1rem"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"medium": {
|
|
22
|
-
"gap": {
|
|
23
|
-
"auto": "0.75rem"
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|