@primer/primitives 7.11.2-rc.fd60637 → 7.11.2
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 +15 -14
- 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,70 @@
|
|
|
1
|
+
{
|
|
2
|
+
"viewportRange": {
|
|
3
|
+
"narrow": {
|
|
4
|
+
"value": "(max-width: calc(768px - 0.02px))",
|
|
5
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
6
|
+
"isSource": true,
|
|
7
|
+
"original": {
|
|
8
|
+
"value": "(max-width: calc({breakpoint.medium} - 0.02px))"
|
|
9
|
+
},
|
|
10
|
+
"name": "viewportRange-narrow",
|
|
11
|
+
"attributes": {},
|
|
12
|
+
"path": ["viewportRange", "narrow"]
|
|
13
|
+
},
|
|
14
|
+
"narrowLandscape": {
|
|
15
|
+
"value": "(max-width: calc(1012px - 0.02px) and (max-height: calc(544px - 0.02px)) and (orientation: landscape))",
|
|
16
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
17
|
+
"isSource": true,
|
|
18
|
+
"original": {
|
|
19
|
+
"value": "(max-width: calc({breakpoint.large} - 0.02px) and (max-height: calc({breakpoint.small} - 0.02px)) and (orientation: landscape))"
|
|
20
|
+
},
|
|
21
|
+
"name": "viewportRange-narrowLandscape",
|
|
22
|
+
"attributes": {},
|
|
23
|
+
"path": ["viewportRange", "narrowLandscape"]
|
|
24
|
+
},
|
|
25
|
+
"regular": {
|
|
26
|
+
"value": "(min-width: 768px)",
|
|
27
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
28
|
+
"isSource": true,
|
|
29
|
+
"original": {
|
|
30
|
+
"value": "(min-width: {breakpoint.medium})"
|
|
31
|
+
},
|
|
32
|
+
"name": "viewportRange-regular",
|
|
33
|
+
"attributes": {},
|
|
34
|
+
"path": ["viewportRange", "regular"]
|
|
35
|
+
},
|
|
36
|
+
"wide": {
|
|
37
|
+
"value": "(min-width: 1440px)",
|
|
38
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
39
|
+
"isSource": true,
|
|
40
|
+
"original": {
|
|
41
|
+
"value": "(min-width: {breakpoint.xxlarge})"
|
|
42
|
+
},
|
|
43
|
+
"name": "viewportRange-wide",
|
|
44
|
+
"attributes": {},
|
|
45
|
+
"path": ["viewportRange", "wide"]
|
|
46
|
+
},
|
|
47
|
+
"portrait": {
|
|
48
|
+
"value": "(orientation: portrait)",
|
|
49
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
50
|
+
"isSource": true,
|
|
51
|
+
"original": {
|
|
52
|
+
"value": "(orientation: portrait)"
|
|
53
|
+
},
|
|
54
|
+
"name": "viewportRange-portrait",
|
|
55
|
+
"attributes": {},
|
|
56
|
+
"path": ["viewportRange", "portrait"]
|
|
57
|
+
},
|
|
58
|
+
"landscape": {
|
|
59
|
+
"value": "(orientation: landscape)",
|
|
60
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
61
|
+
"isSource": true,
|
|
62
|
+
"original": {
|
|
63
|
+
"value": "(orientation: landscape)"
|
|
64
|
+
},
|
|
65
|
+
"name": "viewportRange-landscape",
|
|
66
|
+
"attributes": {},
|
|
67
|
+
"path": ["viewportRange", "landscape"]
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|