@primer/primitives 10.8.0-rc.69ebab9a → 10.8.0-rc.f296f65b

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 (54) hide show
  1. package/dist/css/base/motion/motion.css +4 -4
  2. package/dist/css/functional/size/border.css +2 -2
  3. package/dist/css/functional/typography/typography.css +11 -11
  4. package/dist/css/primitives.css +17 -17
  5. package/dist/docs/base/motion/motion.json +48 -32
  6. package/dist/docs/base/size/size.json +95 -76
  7. package/dist/docs/base/typography/typography.json +12 -8
  8. package/dist/docs/functional/size/border.json +42 -28
  9. package/dist/docs/functional/size/breakpoints.json +18 -12
  10. package/dist/docs/functional/size/size-coarse.json +9 -6
  11. package/dist/docs/functional/size/size-fine.json +9 -6
  12. package/dist/docs/functional/size/size.json +198 -132
  13. package/dist/docs/functional/size/viewport.json +18 -12
  14. package/dist/docs/functional/themes/dark-colorblind.json +2472 -1648
  15. package/dist/docs/functional/themes/dark-dimmed.json +2472 -1648
  16. package/dist/docs/functional/themes/dark-high-contrast.json +2472 -1648
  17. package/dist/docs/functional/themes/dark-tritanopia.json +2472 -1648
  18. package/dist/docs/functional/themes/dark.json +2472 -1648
  19. package/dist/docs/functional/themes/light-colorblind.json +2472 -1648
  20. package/dist/docs/functional/themes/light-high-contrast.json +2472 -1648
  21. package/dist/docs/functional/themes/light-tritanopia.json +2472 -1648
  22. package/dist/docs/functional/themes/light.json +2472 -1648
  23. package/dist/docs/functional/typography/typography.json +138 -92
  24. package/dist/figma/dimension/dimension.json +19 -19
  25. package/dist/internalCss/dark-colorblind.css +4 -4
  26. package/dist/internalCss/dark-dimmed.css +4 -4
  27. package/dist/internalCss/dark-high-contrast.css +4 -4
  28. package/dist/internalCss/dark-tritanopia.css +4 -4
  29. package/dist/internalCss/dark.css +4 -4
  30. package/dist/internalCss/light-colorblind.css +4 -4
  31. package/dist/internalCss/light-high-contrast.css +4 -4
  32. package/dist/internalCss/light-tritanopia.css +4 -4
  33. package/dist/internalCss/light.css +4 -4
  34. package/dist/styleLint/base/motion/motion.json +64 -48
  35. package/dist/styleLint/base/size/size.json +114 -95
  36. package/dist/styleLint/base/typography/typography.json +16 -12
  37. package/dist/styleLint/functional/size/border.json +59 -45
  38. package/dist/styleLint/functional/size/breakpoints.json +24 -18
  39. package/dist/styleLint/functional/size/size-coarse.json +12 -9
  40. package/dist/styleLint/functional/size/size-fine.json +12 -9
  41. package/dist/styleLint/functional/size/size.json +264 -198
  42. package/dist/styleLint/functional/size/viewport.json +28 -22
  43. package/dist/styleLint/functional/themes/dark-colorblind.json +3296 -2472
  44. package/dist/styleLint/functional/themes/dark-dimmed.json +3296 -2472
  45. package/dist/styleLint/functional/themes/dark-high-contrast.json +3296 -2472
  46. package/dist/styleLint/functional/themes/dark-tritanopia.json +3296 -2472
  47. package/dist/styleLint/functional/themes/dark.json +3296 -2472
  48. package/dist/styleLint/functional/themes/light-colorblind.json +3296 -2472
  49. package/dist/styleLint/functional/themes/light-high-contrast.json +3296 -2472
  50. package/dist/styleLint/functional/themes/light-tritanopia.json +3296 -2472
  51. package/dist/styleLint/functional/themes/light.json +3296 -2472
  52. package/dist/styleLint/functional/typography/typography.json +184 -138
  53. package/package.json +2 -3
  54. package/src/tokens/base/size/size.json5 +19 -19
package/dist/figma/dimension/dimension.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "collection": "base/size",
8
8
  "mode": "default",
9
9
  "group": "base/size",
10
- "scopes": ["WIDTH_HEIGHT"]
10
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
11
11
  },
12
12
  {
13
13
  "name": "base/size/4",
@@ -17,7 +17,7 @@
17
17
  "collection": "base/size",
18
18
  "mode": "default",
19
19
  "group": "base/size",
20
- "scopes": ["WIDTH_HEIGHT"]
20
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
21
21
  },
22
22
  {
23
23
  "name": "base/size/6",
@@ -27,7 +27,7 @@
27
27
  "collection": "base/size",
28
28
  "mode": "default",
29
29
  "group": "base/size",
30
- "scopes": ["WIDTH_HEIGHT"]
30
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
31
31
  },
32
32
  {
33
33
  "name": "base/size/8",
@@ -37,7 +37,7 @@
37
37
  "collection": "base/size",
38
38
  "mode": "default",
39
39
  "group": "base/size",
40
- "scopes": ["WIDTH_HEIGHT"]
40
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
41
41
  },
42
42
  {
43
43
  "name": "base/size/12",
@@ -47,7 +47,7 @@
47
47
  "collection": "base/size",
48
48
  "mode": "default",
49
49
  "group": "base/size",
50
- "scopes": ["WIDTH_HEIGHT"]
50
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
51
51
  },
52
52
  {
53
53
  "name": "base/size/16",
@@ -57,7 +57,7 @@
57
57
  "collection": "base/size",
58
58
  "mode": "default",
59
59
  "group": "base/size",
60
- "scopes": ["WIDTH_HEIGHT"]
60
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
61
61
  },
62
62
  {
63
63
  "name": "base/size/20",
@@ -67,7 +67,7 @@
67
67
  "collection": "base/size",
68
68
  "mode": "default",
69
69
  "group": "base/size",
70
- "scopes": ["WIDTH_HEIGHT"]
70
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
71
71
  },
72
72
  {
73
73
  "name": "base/size/24",
@@ -77,7 +77,7 @@
77
77
  "collection": "base/size",
78
78
  "mode": "default",
79
79
  "group": "base/size",
80
- "scopes": ["WIDTH_HEIGHT"]
80
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
81
81
  },
82
82
  {
83
83
  "name": "base/size/28",
@@ -87,7 +87,7 @@
87
87
  "collection": "base/size",
88
88
  "mode": "default",
89
89
  "group": "base/size",
90
- "scopes": ["WIDTH_HEIGHT"]
90
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
91
91
  },
92
92
  {
93
93
  "name": "base/size/32",
@@ -97,7 +97,7 @@
97
97
  "collection": "base/size",
98
98
  "mode": "default",
99
99
  "group": "base/size",
100
- "scopes": ["WIDTH_HEIGHT"]
100
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
101
101
  },
102
102
  {
103
103
  "name": "base/size/36",
@@ -107,7 +107,7 @@
107
107
  "collection": "base/size",
108
108
  "mode": "default",
109
109
  "group": "base/size",
110
- "scopes": ["WIDTH_HEIGHT"]
110
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
111
111
  },
112
112
  {
113
113
  "name": "base/size/40",
@@ -117,7 +117,7 @@
117
117
  "collection": "base/size",
118
118
  "mode": "default",
119
119
  "group": "base/size",
120
- "scopes": ["WIDTH_HEIGHT"]
120
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
121
121
  },
122
122
  {
123
123
  "name": "base/size/44",
@@ -127,7 +127,7 @@
127
127
  "collection": "base/size",
128
128
  "mode": "default",
129
129
  "group": "base/size",
130
- "scopes": ["WIDTH_HEIGHT"]
130
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
131
131
  },
132
132
  {
133
133
  "name": "base/size/48",
@@ -137,7 +137,7 @@
137
137
  "collection": "base/size",
138
138
  "mode": "default",
139
139
  "group": "base/size",
140
- "scopes": ["WIDTH_HEIGHT"]
140
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
141
141
  },
142
142
  {
143
143
  "name": "base/size/64",
@@ -147,7 +147,7 @@
147
147
  "collection": "base/size",
148
148
  "mode": "default",
149
149
  "group": "base/size",
150
- "scopes": ["WIDTH_HEIGHT"]
150
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
151
151
  },
152
152
  {
153
153
  "name": "base/size/80",
@@ -157,7 +157,7 @@
157
157
  "collection": "base/size",
158
158
  "mode": "default",
159
159
  "group": "base/size",
160
- "scopes": ["WIDTH_HEIGHT"]
160
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
161
161
  },
162
162
  {
163
163
  "name": "base/size/96",
@@ -167,7 +167,7 @@
167
167
  "collection": "base/size",
168
168
  "mode": "default",
169
169
  "group": "base/size",
170
- "scopes": ["WIDTH_HEIGHT"]
170
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
171
171
  },
172
172
  {
173
173
  "name": "base/size/112",
@@ -177,7 +177,7 @@
177
177
  "collection": "base/size",
178
178
  "mode": "default",
179
179
  "group": "base/size",
180
- "scopes": ["WIDTH_HEIGHT"]
180
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
181
181
  },
182
182
  {
183
183
  "name": "base/size/128",
@@ -187,7 +187,7 @@
187
187
  "collection": "base/size",
188
188
  "mode": "default",
189
189
  "group": "base/size",
190
- "scopes": ["WIDTH_HEIGHT"]
190
+ "scopes": ["WIDTH_HEIGHT", "GAP"]
191
191
  },
192
192
  {
193
193
  "name": "breakpoint/xsmall",
package/dist/internalCss/dark-colorblind.css CHANGED
@@ -289,7 +289,7 @@
289
289
  --base-display-color-yellow-7: #df9e11;
290
290
  --base-display-color-yellow-8: #edb431;
291
291
  --base-display-color-yellow-9: #f0ca6a;
292
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
292
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
293
293
  --borderRadius-large: 0.75rem;
294
294
  --borderRadius-medium: 0.375rem;
295
295
  --borderRadius-small: 0.1875rem;
@@ -362,7 +362,7 @@
362
362
  --borderWidth-default: var(--borderWidth-thin);
363
363
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
364
364
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
365
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
365
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
366
366
  --button-danger-bgColor-hover: var(--base-color-orange-6);
367
367
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
368
368
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
@@ -1421,7 +1421,7 @@
1421
1421
  --base-display-color-yellow-7: #df9e11;
1422
1422
  --base-display-color-yellow-8: #edb431;
1423
1423
  --base-display-color-yellow-9: #f0ca6a;
1424
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1424
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1425
1425
  --borderRadius-large: 0.75rem;
1426
1426
  --borderRadius-medium: 0.375rem;
1427
1427
  --borderRadius-small: 0.1875rem;
@@ -1494,7 +1494,7 @@
1494
1494
  --borderWidth-default: var(--borderWidth-thin);
1495
1495
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1496
1496
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1497
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1497
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1498
1498
  --button-danger-bgColor-hover: var(--base-color-orange-6);
1499
1499
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
1500
1500
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
package/dist/internalCss/dark-dimmed.css CHANGED
@@ -289,7 +289,7 @@
289
289
  --base-display-color-yellow-7: #df9e11;
290
290
  --base-display-color-yellow-8: #edb431;
291
291
  --base-display-color-yellow-9: #f0ca6a;
292
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
292
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
293
293
  --borderRadius-large: 0.75rem;
294
294
  --borderRadius-medium: 0.375rem;
295
295
  --borderRadius-small: 0.1875rem;
@@ -369,7 +369,7 @@
369
369
  --borderWidth-default: var(--borderWidth-thin);
370
370
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
371
371
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
372
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
372
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
373
373
  --button-danger-bgColor-hover: var(--base-color-red-6);
374
374
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
375
375
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
@@ -1421,7 +1421,7 @@
1421
1421
  --base-display-color-yellow-7: #df9e11;
1422
1422
  --base-display-color-yellow-8: #edb431;
1423
1423
  --base-display-color-yellow-9: #f0ca6a;
1424
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1424
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1425
1425
  --borderRadius-large: 0.75rem;
1426
1426
  --borderRadius-medium: 0.375rem;
1427
1427
  --borderRadius-small: 0.1875rem;
@@ -1501,7 +1501,7 @@
1501
1501
  --borderWidth-default: var(--borderWidth-thin);
1502
1502
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1503
1503
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1504
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1504
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1505
1505
  --button-danger-bgColor-hover: var(--base-color-red-6);
1506
1506
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1507
1507
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -289,7 +289,7 @@
289
289
  --base-display-color-yellow-7: #df9e11;
290
290
  --base-display-color-yellow-8: #edb431;
291
291
  --base-display-color-yellow-9: #f0ca6a;
292
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
292
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
293
293
  --borderRadius-large: 0.75rem;
294
294
  --borderRadius-medium: 0.375rem;
295
295
  --borderRadius-small: 0.1875rem;
@@ -360,7 +360,7 @@
360
360
  --borderWidth-default: var(--borderWidth-thin);
361
361
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
362
362
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
363
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
363
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
364
364
  --button-danger-borderColor-active: var(--base-color-red-2);
365
365
  --button-danger-borderColor-hover: var(--base-color-red-2);
366
366
  --button-danger-fgColor-rest: var(--base-color-red-2);
@@ -1421,7 +1421,7 @@
1421
1421
  --base-display-color-yellow-7: #df9e11;
1422
1422
  --base-display-color-yellow-8: #edb431;
1423
1423
  --base-display-color-yellow-9: #f0ca6a;
1424
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1424
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1425
1425
  --borderRadius-large: 0.75rem;
1426
1426
  --borderRadius-medium: 0.375rem;
1427
1427
  --borderRadius-small: 0.1875rem;
@@ -1492,7 +1492,7 @@
1492
1492
  --borderWidth-default: var(--borderWidth-thin);
1493
1493
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1494
1494
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1495
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1495
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1496
1496
  --button-danger-borderColor-active: var(--base-color-red-2);
1497
1497
  --button-danger-borderColor-hover: var(--base-color-red-2);
1498
1498
  --button-danger-fgColor-rest: var(--base-color-red-2);
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -290,7 +290,7 @@
290
290
  --base-display-color-yellow-8: #edb431;
291
291
  --base-display-color-yellow-9: #f0ca6a;
292
292
  --bgColor-sponsors-muted: #db61a21a;
293
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
293
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
294
294
  --borderRadius-large: 0.75rem;
295
295
  --borderRadius-medium: 0.375rem;
296
296
  --borderRadius-small: 0.1875rem;
@@ -367,7 +367,7 @@
367
367
  --borderWidth-default: var(--borderWidth-thin);
368
368
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
369
369
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
370
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
370
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
371
371
  --button-danger-bgColor-hover: var(--base-color-red-6);
372
372
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
373
373
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
@@ -1422,7 +1422,7 @@
1422
1422
  --base-display-color-yellow-8: #edb431;
1423
1423
  --base-display-color-yellow-9: #f0ca6a;
1424
1424
  --bgColor-sponsors-muted: #db61a21a;
1425
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1425
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1426
1426
  --borderRadius-large: 0.75rem;
1427
1427
  --borderRadius-medium: 0.375rem;
1428
1428
  --borderRadius-small: 0.1875rem;
@@ -1499,7 +1499,7 @@
1499
1499
  --borderWidth-default: var(--borderWidth-thin);
1500
1500
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1501
1501
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1502
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1502
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1503
1503
  --button-danger-bgColor-hover: var(--base-color-red-6);
1504
1504
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
1505
1505
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
package/dist/internalCss/dark.css CHANGED
@@ -289,7 +289,7 @@
289
289
  --base-display-color-yellow-7: #df9e11;
290
290
  --base-display-color-yellow-8: #edb431;
291
291
  --base-display-color-yellow-9: #f0ca6a;
292
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
292
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
293
293
  --borderRadius-large: 0.75rem;
294
294
  --borderRadius-medium: 0.375rem;
295
295
  --borderRadius-small: 0.1875rem;
@@ -360,7 +360,7 @@
360
360
  --borderWidth-default: var(--borderWidth-thin);
361
361
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
362
362
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
363
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
363
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
364
364
  --button-danger-bgColor-hover: var(--base-color-red-6);
365
365
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
366
366
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
@@ -1421,7 +1421,7 @@
1421
1421
  --base-display-color-yellow-7: #df9e11;
1422
1422
  --base-display-color-yellow-8: #edb431;
1423
1423
  --base-display-color-yellow-9: #f0ca6a;
1424
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1424
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1425
1425
  --borderRadius-large: 0.75rem;
1426
1426
  --borderRadius-medium: 0.375rem;
1427
1427
  --borderRadius-small: 0.1875rem;
@@ -1492,7 +1492,7 @@
1492
1492
  --borderWidth-default: var(--borderWidth-thin);
1493
1493
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1494
1494
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1495
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1495
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1496
1496
  --button-danger-bgColor-hover: var(--base-color-red-6);
1497
1497
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
1498
1498
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
package/dist/internalCss/light-colorblind.css CHANGED
@@ -289,7 +289,7 @@
289
289
  --base-display-color-yellow-7: #704d00;
290
290
  --base-display-color-yellow-8: #5c3d00;
291
291
  --base-display-color-yellow-9: #422b00;
292
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
292
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
293
293
  --borderRadius-large: 0.75rem;
294
294
  --borderRadius-medium: 0.375rem;
295
295
  --borderRadius-small: 0.1875rem;
@@ -361,7 +361,7 @@
361
361
  --borderWidth-default: var(--borderWidth-thin);
362
362
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
363
363
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
364
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
364
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
365
365
  --button-danger-bgColor-hover: var(--base-color-orange-6);
366
366
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
367
367
  --button-inactive-bgColor: var(--base-color-neutral-3);
@@ -1421,7 +1421,7 @@
1421
1421
  --base-display-color-yellow-7: #704d00;
1422
1422
  --base-display-color-yellow-8: #5c3d00;
1423
1423
  --base-display-color-yellow-9: #422b00;
1424
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1424
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1425
1425
  --borderRadius-large: 0.75rem;
1426
1426
  --borderRadius-medium: 0.375rem;
1427
1427
  --borderRadius-small: 0.1875rem;
@@ -1493,7 +1493,7 @@
1493
1493
  --borderWidth-default: var(--borderWidth-thin);
1494
1494
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1495
1495
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1496
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1496
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1497
1497
  --button-danger-bgColor-hover: var(--base-color-orange-6);
1498
1498
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
1499
1499
  --button-inactive-bgColor: var(--base-color-neutral-3);
package/dist/internalCss/light-high-contrast.css CHANGED
@@ -289,7 +289,7 @@
289
289
  --base-display-color-yellow-7: #704d00;
290
290
  --base-display-color-yellow-8: #5c3d00;
291
291
  --base-display-color-yellow-9: #422b00;
292
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
292
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
293
293
  --borderRadius-large: 0.75rem;
294
294
  --borderRadius-medium: 0.375rem;
295
295
  --borderRadius-small: 0.1875rem;
@@ -362,7 +362,7 @@
362
362
  --borderWidth-default: var(--borderWidth-thin);
363
363
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
364
364
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
365
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
365
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
366
366
  --button-danger-bgColor-hover: var(--base-color-red-6);
367
367
  --button-danger-borderColor-hover: var(--base-color-red-7);
368
368
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
@@ -1421,7 +1421,7 @@
1421
1421
  --base-display-color-yellow-7: #704d00;
1422
1422
  --base-display-color-yellow-8: #5c3d00;
1423
1423
  --base-display-color-yellow-9: #422b00;
1424
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1424
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1425
1425
  --borderRadius-large: 0.75rem;
1426
1426
  --borderRadius-medium: 0.375rem;
1427
1427
  --borderRadius-small: 0.1875rem;
@@ -1494,7 +1494,7 @@
1494
1494
  --borderWidth-default: var(--borderWidth-thin);
1495
1495
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1496
1496
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1497
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1497
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1498
1498
  --button-danger-bgColor-hover: var(--base-color-red-6);
1499
1499
  --button-danger-borderColor-hover: var(--base-color-red-7);
1500
1500
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
package/dist/internalCss/light-tritanopia.css CHANGED
@@ -289,7 +289,7 @@
289
289
  --base-display-color-yellow-7: #704d00;
290
290
  --base-display-color-yellow-8: #5c3d00;
291
291
  --base-display-color-yellow-9: #422b00;
292
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
292
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
293
293
  --borderRadius-large: 0.75rem;
294
294
  --borderRadius-medium: 0.375rem;
295
295
  --borderRadius-small: 0.1875rem;
@@ -362,7 +362,7 @@
362
362
  --borderWidth-default: var(--borderWidth-thin);
363
363
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
364
364
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
365
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
365
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
366
366
  --button-danger-bgColor-hover: var(--base-color-red-6);
367
367
  --button-danger-fgColor-disabled: #d1242f80;
368
368
  --button-danger-fgColor-rest: var(--fgColor-danger);
@@ -1421,7 +1421,7 @@
1421
1421
  --base-display-color-yellow-7: #704d00;
1422
1422
  --base-display-color-yellow-8: #5c3d00;
1423
1423
  --base-display-color-yellow-9: #422b00;
1424
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1424
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1425
1425
  --borderRadius-large: 0.75rem;
1426
1426
  --borderRadius-medium: 0.375rem;
1427
1427
  --borderRadius-small: 0.1875rem;
@@ -1494,7 +1494,7 @@
1494
1494
  --borderWidth-default: var(--borderWidth-thin);
1495
1495
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1496
1496
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1497
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1497
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1498
1498
  --button-danger-bgColor-hover: var(--base-color-red-6);
1499
1499
  --button-danger-fgColor-disabled: #d1242f80;
1500
1500
  --button-danger-fgColor-rest: var(--fgColor-danger);
package/dist/internalCss/light.css CHANGED
@@ -290,7 +290,7 @@
290
290
  --base-display-color-yellow-8: #5c3d00;
291
291
  --base-display-color-yellow-9: #422b00;
292
292
  --bgColor-success-emphasis: #1f883d;
293
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
293
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
294
294
  --borderRadius-large: 0.75rem;
295
295
  --borderRadius-medium: 0.375rem;
296
296
  --borderRadius-small: 0.1875rem;
@@ -359,7 +359,7 @@
359
359
  --borderWidth-default: var(--borderWidth-thin);
360
360
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
361
361
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
362
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
362
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
363
363
  --button-danger-bgColor-hover: var(--base-color-red-6);
364
364
  --button-danger-fgColor-disabled: #d1242f80;
365
365
  --button-danger-fgColor-rest: var(--fgColor-danger);
@@ -1422,7 +1422,7 @@
1422
1422
  --base-display-color-yellow-8: #5c3d00;
1423
1423
  --base-display-color-yellow-9: #422b00;
1424
1424
  --bgColor-success-emphasis: #1f883d;
1425
- --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
1425
+ --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
1426
1426
  --borderRadius-large: 0.75rem;
1427
1427
  --borderRadius-medium: 0.375rem;
1428
1428
  --borderRadius-small: 0.1875rem;
@@ -1491,7 +1491,7 @@
1491
1491
  --borderWidth-default: var(--borderWidth-thin);
1492
1492
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
1493
1493
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1494
- --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1494
+ --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
1495
1495
  --button-danger-bgColor-hover: var(--base-color-red-6);
1496
1496
  --button-danger-fgColor-disabled: #d1242f80;
1497
1497
  --button-danger-fgColor-rest: var(--fgColor-danger);