@primer/primitives 10.0.0 → 10.1.0-rc.3e576ad9

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.
Files changed (121) hide show
  1. package/dist/build/filters/isColor.js +0 -3
  2. package/dist/build/formats/typescriptExportDefinition.js +2 -2
  3. package/dist/build/platforms/css.d.ts +1 -1
  4. package/dist/build/platforms/css.js +10 -6
  5. package/dist/build/platforms/deprecatedJson.d.ts +1 -1
  6. package/dist/build/platforms/docJson.d.ts +1 -1
  7. package/dist/build/platforms/docJson.js +5 -1
  8. package/dist/build/platforms/fallbacks.d.ts +1 -1
  9. package/dist/build/platforms/figma.d.ts +1 -1
  10. package/dist/build/platforms/figma.js +6 -3
  11. package/dist/build/platforms/javascript.d.ts +1 -1
  12. package/dist/build/platforms/javascript.js +5 -1
  13. package/dist/build/platforms/json.d.ts +1 -1
  14. package/dist/build/platforms/json.js +5 -1
  15. package/dist/build/platforms/styleLint.d.ts +1 -1
  16. package/dist/build/platforms/styleLint.js +5 -1
  17. package/dist/build/platforms/typeDefinitions.d.ts +1 -1
  18. package/dist/build/platforms/typeDefinitions.js +5 -1
  19. package/dist/build/platforms/typescript.d.ts +1 -1
  20. package/dist/build/platforms/typescript.js +5 -1
  21. package/dist/build/preprocessors/themeOverrides.d.ts +2 -0
  22. package/dist/build/preprocessors/themeOverrides.js +22 -0
  23. package/dist/build/preprocessors/utilities/transformTokens.d.ts +8 -0
  24. package/dist/build/preprocessors/utilities/transformTokens.js +22 -0
  25. package/dist/build/{PrimerStyleDictionary.js → primerStyleDictionary.js} +8 -1
  26. package/dist/build/schemas/colorToken.d.ts +75 -0
  27. package/dist/build/schemas/colorToken.js +23 -0
  28. package/dist/build/transformers/borderToCss.js +2 -2
  29. package/dist/build/transformers/figmaAttributes.js +1 -1
  30. package/dist/build/transformers/utilities/invalidTokenError.js +0 -2
  31. package/dist/build/types/{StyleDictionaryConfigGenerator.d.ts → styleDictionaryConfigGenerator.d.ts} +1 -0
  32. package/dist/build/types/{TokenBuildInput.d.ts → tokenBuildInput.d.ts} +2 -0
  33. package/dist/build/utilities/lowerCaseFirstCharacter.d.ts +8 -0
  34. package/dist/build/utilities/lowerCaseFirstCharacter.js +10 -0
  35. package/dist/css/functional/size/border.css +7 -6
  36. package/dist/css/functional/themes/dark-colorblind.css +56 -2
  37. package/dist/css/functional/themes/dark-dimmed.css +56 -2
  38. package/dist/css/functional/themes/dark-high-contrast.css +56 -2
  39. package/dist/css/functional/themes/dark-tritanopia.css +56 -2
  40. package/dist/css/functional/themes/dark.css +56 -2
  41. package/dist/css/functional/themes/light-colorblind.css +56 -2
  42. package/dist/css/functional/themes/light-high-contrast.css +56 -2
  43. package/dist/css/functional/themes/light-tritanopia.css +56 -2
  44. package/dist/css/functional/themes/light.css +56 -2
  45. package/dist/css/primitives.css +7 -6
  46. package/dist/docs/base/size/size.json +19 -19
  47. package/dist/docs/base/typography/typography.json +4 -4
  48. package/dist/docs/functional/size/border.json +41 -28
  49. package/dist/docs/functional/size/breakpoints.json +6 -6
  50. package/dist/docs/functional/size/size-coarse.json +3 -3
  51. package/dist/docs/functional/size/size-fine.json +3 -3
  52. package/dist/docs/functional/size/size.json +66 -66
  53. package/dist/docs/functional/size/viewport.json +6 -6
  54. package/dist/docs/functional/themes/dark-colorblind.json +450 -7
  55. package/dist/docs/functional/themes/dark-dimmed.json +450 -7
  56. package/dist/docs/functional/themes/dark-high-contrast.json +450 -7
  57. package/dist/docs/functional/themes/dark-tritanopia.json +450 -7
  58. package/dist/docs/functional/themes/dark.json +450 -7
  59. package/dist/docs/functional/themes/light-colorblind.json +445 -2
  60. package/dist/docs/functional/themes/light-high-contrast.json +445 -2
  61. package/dist/docs/functional/themes/light-tritanopia.json +445 -2
  62. package/dist/docs/functional/themes/light.json +445 -2
  63. package/dist/docs/functional/typography/typography.json +46 -46
  64. package/dist/fallbacks/functional/size/border.json +7 -6
  65. package/dist/figma/figma.json +0 -8
  66. package/dist/internalCss/dark-colorblind.css +84 -2
  67. package/dist/internalCss/dark-dimmed.css +84 -2
  68. package/dist/internalCss/dark-high-contrast.css +84 -2
  69. package/dist/internalCss/dark-tritanopia.css +84 -2
  70. package/dist/internalCss/dark.css +84 -2
  71. package/dist/internalCss/light-colorblind.css +84 -2
  72. package/dist/internalCss/light-high-contrast.css +84 -2
  73. package/dist/internalCss/light-tritanopia.css +84 -2
  74. package/dist/internalCss/light.css +84 -2
  75. package/dist/styleLint/base/size/size.json +19 -19
  76. package/dist/styleLint/base/typography/typography.json +4 -4
  77. package/dist/styleLint/functional/size/border.json +41 -28
  78. package/dist/styleLint/functional/size/breakpoints.json +6 -6
  79. package/dist/styleLint/functional/size/size-coarse.json +3 -3
  80. package/dist/styleLint/functional/size/size-fine.json +3 -3
  81. package/dist/styleLint/functional/size/size.json +66 -66
  82. package/dist/styleLint/functional/size/viewport.json +6 -6
  83. package/dist/styleLint/functional/themes/dark-colorblind.json +450 -7
  84. package/dist/styleLint/functional/themes/dark-dimmed.json +450 -7
  85. package/dist/styleLint/functional/themes/dark-high-contrast.json +450 -7
  86. package/dist/styleLint/functional/themes/dark-tritanopia.json +450 -7
  87. package/dist/styleLint/functional/themes/dark.json +450 -7
  88. package/dist/styleLint/functional/themes/light-colorblind.json +445 -2
  89. package/dist/styleLint/functional/themes/light-high-contrast.json +445 -2
  90. package/dist/styleLint/functional/themes/light-tritanopia.json +445 -2
  91. package/dist/styleLint/functional/themes/light.json +445 -2
  92. package/dist/styleLint/functional/typography/typography.json +46 -46
  93. package/package.json +11 -10
  94. package/src/tokens/base/typography/typography.json5 +48 -0
  95. package/src/tokens/functional/border/border.json5 +236 -0
  96. package/src/tokens/functional/color/dark/primitives-dark.json5 +0 -1
  97. package/src/tokens/functional/size/border.json5 +115 -0
  98. package/src/tokens/functional/typography/typography.json5 +527 -0
  99. package/src/tokens/base/typography/typography.json +0 -48
  100. package/src/tokens/functional/border/dark.json5 +0 -12
  101. package/src/tokens/functional/border/light.json5 +0 -12
  102. package/src/tokens/functional/color/dark/patterns-dark.json +0 -3963
  103. package/src/tokens/functional/size/border.json +0 -111
  104. package/src/tokens/functional/typography/typography.json +0 -527
  105. /package/dist/build/{PrimerStyleDictionary.d.ts → primerStyleDictionary.d.ts} +0 -0
  106. /package/dist/build/types/{Border.d.ts → border.d.ts} +0 -0
  107. /package/dist/build/types/{BorderTokenValue.d.ts → borderTokenValue.d.ts} +0 -0
  108. /package/dist/build/types/{ColorHex.d.ts → colorHex.d.ts} +0 -0
  109. /package/dist/build/types/{PlatformInitializer.d.ts → platformInitializer.d.ts} +0 -0
  110. /package/dist/build/types/{Shadow.d.ts → shadow.d.ts} +0 -0
  111. /package/dist/build/types/{ShadowTokenValue.d.ts → shadowTokenValue.d.ts} +0 -0
  112. /package/dist/build/types/{SizeEm.d.ts → sizeEm.d.ts} +0 -0
  113. /package/dist/build/types/{SizePx.d.ts → sizePx.d.ts} +0 -0
  114. /package/dist/build/types/{SizeRem.d.ts → sizeRem.d.ts} +0 -0
  115. /package/dist/build/types/{TypographyTokenValue.d.ts → typographyTokenValue.d.ts} +0 -0
  116. /package/src/tokens/base/size/{size.json → size.json5} +0 -0
  117. /package/src/tokens/functional/size/{breakpoints.json → breakpoints.json5} +0 -0
  118. /package/src/tokens/functional/size/{size-coarse.json → size-coarse.json5} +0 -0
  119. /package/src/tokens/functional/size/{size-fine.json → size-fine.json5} +0 -0
  120. /package/src/tokens/functional/size/{size.json → size.json5} +0 -0
  121. /package/src/tokens/functional/size/{viewport.json → viewport.json5} +0 -0
package/dist/styleLint/functional/size/border.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "boxShadow-thin": {
3
- "$value": "inset 0 0 0 max(1px, 0.0625rem)",
3
+ "$value": ["0.0625rem", "1px"],
4
4
  "$description": "Thin shadow for borders",
5
5
  "$type": "string",
6
- "filePath": "src/tokens/functional/size/border.json",
6
+ "filePath": "src/tokens/functional/size/border.json5",
7
7
  "isSource": true,
8
8
  "original": {
9
9
  "$value": "inset 0 0 0 {borderWidth.thin}",
@@ -15,9 +15,9 @@
15
15
  "path": ["boxShadow", "thin"]
16
16
  },
17
17
  "boxShadow-thick": {
18
- "$value": "inset 0 0 0 max(2px, 0.125rem)",
18
+ "$value": ["0.125rem", "2px"],
19
19
  "$type": "string",
20
- "filePath": "src/tokens/functional/size/border.json",
20
+ "filePath": "src/tokens/functional/size/border.json5",
21
21
  "isSource": true,
22
22
  "original": {
23
23
  "$value": "inset 0 0 0 {borderWidth.thick}",
@@ -28,9 +28,9 @@
28
28
  "path": ["boxShadow", "thick"]
29
29
  },
30
30
  "boxShadow-thicker": {
31
- "$value": "inset 0 0 0 max(4px, 0.25rem)",
31
+ "$value": ["0.25rem", "4px"],
32
32
  "$type": "string",
33
- "filePath": "src/tokens/functional/size/border.json",
33
+ "filePath": "src/tokens/functional/size/border.json5",
34
34
  "isSource": true,
35
35
  "original": {
36
36
  "$value": "inset 0 0 0 {borderWidth.thicker}",
@@ -40,40 +40,53 @@
40
40
  "attributes": {},
41
41
  "path": ["boxShadow", "thicker"]
42
42
  },
43
+ "borderWidth-default": {
44
+ "$value": ["0.00390625rem", "0.0625px"],
45
+ "$type": "dimension",
46
+ "filePath": "src/tokens/functional/size/border.json5",
47
+ "isSource": true,
48
+ "original": {
49
+ "$value": "{borderWidth.thin}",
50
+ "$type": "dimension"
51
+ },
52
+ "name": "borderWidth-default",
53
+ "attributes": {},
54
+ "path": ["borderWidth", "default"]
55
+ },
43
56
  "borderWidth-thin": {
44
- "$value": "max(1px, 0.0625rem)",
45
- "$type": "string",
46
- "filePath": "src/tokens/functional/size/border.json",
57
+ "$value": ["0.0625rem", "1px"],
58
+ "$type": "dimension",
59
+ "filePath": "src/tokens/functional/size/border.json5",
47
60
  "isSource": true,
48
61
  "original": {
49
- "$value": "max(1px, 0.0625rem)",
50
- "$type": "string"
62
+ "$value": "1px",
63
+ "$type": "dimension"
51
64
  },
52
65
  "name": "borderWidth-thin",
53
66
  "attributes": {},
54
67
  "path": ["borderWidth", "thin"]
55
68
  },
56
69
  "borderWidth-thick": {
57
- "$value": "max(2px, 0.125rem)",
58
- "$type": "string",
59
- "filePath": "src/tokens/functional/size/border.json",
70
+ "$value": ["0.125rem", "2px"],
71
+ "$type": "dimension",
72
+ "filePath": "src/tokens/functional/size/border.json5",
60
73
  "isSource": true,
61
74
  "original": {
62
- "$value": "max(2px, 0.125rem)",
63
- "$type": "string"
75
+ "$value": "2px",
76
+ "$type": "dimension"
64
77
  },
65
78
  "name": "borderWidth-thick",
66
79
  "attributes": {},
67
80
  "path": ["borderWidth", "thick"]
68
81
  },
69
82
  "borderWidth-thicker": {
70
- "$value": "max(4px, 0.25rem)",
71
- "$type": "string",
72
- "filePath": "src/tokens/functional/size/border.json",
83
+ "$value": ["0.25rem", "4px"],
84
+ "$type": "dimension",
85
+ "filePath": "src/tokens/functional/size/border.json5",
73
86
  "isSource": true,
74
87
  "original": {
75
- "$value": "max(4px, 0.25rem)",
76
- "$type": "string"
88
+ "$value": "4px",
89
+ "$type": "dimension"
77
90
  },
78
91
  "name": "borderWidth-thicker",
79
92
  "attributes": {},
@@ -91,7 +104,7 @@
91
104
  }
92
105
  }
93
106
  },
94
- "filePath": "src/tokens/functional/size/border.json",
107
+ "filePath": "src/tokens/functional/size/border.json5",
95
108
  "isSource": true,
96
109
  "original": {
97
110
  "$value": "3px",
@@ -122,7 +135,7 @@
122
135
  }
123
136
  }
124
137
  },
125
- "filePath": "src/tokens/functional/size/border.json",
138
+ "filePath": "src/tokens/functional/size/border.json5",
126
139
  "isSource": true,
127
140
  "original": {
128
141
  "$value": "6px",
@@ -153,7 +166,7 @@
153
166
  }
154
167
  }
155
168
  },
156
- "filePath": "src/tokens/functional/size/border.json",
169
+ "filePath": "src/tokens/functional/size/border.json5",
157
170
  "isSource": true,
158
171
  "original": {
159
172
  "$value": "12px",
@@ -185,7 +198,7 @@
185
198
  }
186
199
  }
187
200
  },
188
- "filePath": "src/tokens/functional/size/border.json",
201
+ "filePath": "src/tokens/functional/size/border.json5",
189
202
  "isSource": true,
190
203
  "original": {
191
204
  "$value": "9999px",
@@ -217,7 +230,7 @@
217
230
  }
218
231
  }
219
232
  },
220
- "filePath": "src/tokens/functional/size/border.json",
233
+ "filePath": "src/tokens/functional/size/border.json5",
221
234
  "isSource": true,
222
235
  "original": {
223
236
  "$value": "{borderRadius.medium}",
@@ -239,7 +252,7 @@
239
252
  "outline-focus-offset": {
240
253
  "$value": ["-0.125rem", "-2px"],
241
254
  "$type": "dimension",
242
- "filePath": "src/tokens/functional/size/border.json",
255
+ "filePath": "src/tokens/functional/size/border.json5",
243
256
  "isSource": true,
244
257
  "original": {
245
258
  "$value": "-2px",
@@ -252,7 +265,7 @@
252
265
  "outline-focus-width": {
253
266
  "$value": ["0.125rem", "2px"],
254
267
  "$type": "dimension",
255
- "filePath": "src/tokens/functional/size/border.json",
268
+ "filePath": "src/tokens/functional/size/border.json5",
256
269
  "isSource": true,
257
270
  "original": {
258
271
  "$value": "2px",
package/dist/styleLint/functional/size/breakpoints.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "scopes": ["size"]
9
9
  }
10
10
  },
11
- "filePath": "src/tokens/functional/size/breakpoints.json",
11
+ "filePath": "src/tokens/functional/size/breakpoints.json5",
12
12
  "isSource": true,
13
13
  "original": {
14
14
  "$value": "320px",
@@ -33,7 +33,7 @@
33
33
  "scopes": ["size"]
34
34
  }
35
35
  },
36
- "filePath": "src/tokens/functional/size/breakpoints.json",
36
+ "filePath": "src/tokens/functional/size/breakpoints.json5",
37
37
  "isSource": true,
38
38
  "original": {
39
39
  "$value": "544px",
@@ -58,7 +58,7 @@
58
58
  "scopes": ["size"]
59
59
  }
60
60
  },
61
- "filePath": "src/tokens/functional/size/breakpoints.json",
61
+ "filePath": "src/tokens/functional/size/breakpoints.json5",
62
62
  "isSource": true,
63
63
  "original": {
64
64
  "$value": "768px",
@@ -83,7 +83,7 @@
83
83
  "scopes": ["size"]
84
84
  }
85
85
  },
86
- "filePath": "src/tokens/functional/size/breakpoints.json",
86
+ "filePath": "src/tokens/functional/size/breakpoints.json5",
87
87
  "isSource": true,
88
88
  "original": {
89
89
  "$value": "1012px",
@@ -108,7 +108,7 @@
108
108
  "scopes": ["size"]
109
109
  }
110
110
  },
111
- "filePath": "src/tokens/functional/size/breakpoints.json",
111
+ "filePath": "src/tokens/functional/size/breakpoints.json5",
112
112
  "isSource": true,
113
113
  "original": {
114
114
  "$value": "1280px",
@@ -133,7 +133,7 @@
133
133
  "scopes": ["size"]
134
134
  }
135
135
  },
136
- "filePath": "src/tokens/functional/size/breakpoints.json",
136
+ "filePath": "src/tokens/functional/size/breakpoints.json5",
137
137
  "isSource": true,
138
138
  "original": {
139
139
  "$value": "1400px",
package/dist/styleLint/functional/size/size-coarse.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "control-minTarget-auto": {
3
3
  "$value": ["0.171875rem", "2.75px"],
4
4
  "$type": "dimension",
5
- "filePath": "src/tokens/functional/size/size-coarse.json",
5
+ "filePath": "src/tokens/functional/size/size-coarse.json5",
6
6
  "isSource": true,
7
7
  "original": {
8
8
  "$value": "{base.size.44}",
@@ -15,7 +15,7 @@
15
15
  "controlStack-small-gap-auto": {
16
16
  "$value": ["0.0625rem", "1px"],
17
17
  "$type": "dimension",
18
- "filePath": "src/tokens/functional/size/size-coarse.json",
18
+ "filePath": "src/tokens/functional/size/size-coarse.json5",
19
19
  "isSource": true,
20
20
  "original": {
21
21
  "$value": "{base.size.16}",
@@ -28,7 +28,7 @@
28
28
  "controlStack-medium-gap-auto": {
29
29
  "$value": ["0.046875rem", "0.75px"],
30
30
  "$type": "dimension",
31
- "filePath": "src/tokens/functional/size/size-coarse.json",
31
+ "filePath": "src/tokens/functional/size/size-coarse.json5",
32
32
  "isSource": true,
33
33
  "original": {
34
34
  "$value": "{base.size.12}",
package/dist/styleLint/functional/size/size-fine.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "control-minTarget-auto": {
3
3
  "$value": ["0.0625rem", "1px"],
4
4
  "$type": "dimension",
5
- "filePath": "src/tokens/functional/size/size-fine.json",
5
+ "filePath": "src/tokens/functional/size/size-fine.json5",
6
6
  "isSource": true,
7
7
  "original": {
8
8
  "$value": "{base.size.16}",
@@ -15,7 +15,7 @@
15
15
  "controlStack-small-gap-auto": {
16
16
  "$value": ["0.03125rem", "0.5px"],
17
17
  "$type": "dimension",
18
- "filePath": "src/tokens/functional/size/size-fine.json",
18
+ "filePath": "src/tokens/functional/size/size-fine.json5",
19
19
  "isSource": true,
20
20
  "original": {
21
21
  "$value": "{base.size.8}",
@@ -28,7 +28,7 @@
28
28
  "controlStack-medium-gap-auto": {
29
29
  "$value": ["0.03125rem", "0.5px"],
30
30
  "$type": "dimension",
31
- "filePath": "src/tokens/functional/size/size-fine.json",
31
+ "filePath": "src/tokens/functional/size/size-fine.json5",
32
32
  "isSource": true,
33
33
  "original": {
34
34
  "$value": "{base.size.8}",