@primer/primitives 10.4.0-rc.eab36abe → 10.4.0

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 (49) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +6 -6
  2. package/dist/css/functional/themes/dark-dimmed.css +6 -6
  3. package/dist/css/functional/themes/dark-high-contrast.css +6 -6
  4. package/dist/css/functional/themes/dark-tritanopia.css +6 -6
  5. package/dist/css/functional/themes/dark.css +6 -6
  6. package/dist/css/functional/themes/light-colorblind.css +6 -6
  7. package/dist/css/functional/themes/light-high-contrast.css +6 -6
  8. package/dist/css/functional/themes/light-tritanopia.css +6 -6
  9. package/dist/css/functional/themes/light.css +6 -6
  10. package/dist/docs/functional/themes/dark-colorblind.json +65 -14
  11. package/dist/docs/functional/themes/dark-dimmed.json +65 -14
  12. package/dist/docs/functional/themes/dark-high-contrast.json +65 -14
  13. package/dist/docs/functional/themes/dark-tritanopia.json +65 -14
  14. package/dist/docs/functional/themes/dark.json +65 -14
  15. package/dist/docs/functional/themes/light-colorblind.json +66 -15
  16. package/dist/docs/functional/themes/light-high-contrast.json +66 -15
  17. package/dist/docs/functional/themes/light-tritanopia.json +66 -15
  18. package/dist/docs/functional/themes/light.json +66 -15
  19. package/dist/figma/themes/dark-colorblind.json +112 -12
  20. package/dist/figma/themes/dark-dimmed.json +112 -12
  21. package/dist/figma/themes/dark-high-contrast.json +112 -12
  22. package/dist/figma/themes/dark-tritanopia.json +112 -12
  23. package/dist/figma/themes/dark.json +112 -12
  24. package/dist/figma/themes/light-colorblind.json +114 -14
  25. package/dist/figma/themes/light-high-contrast.json +114 -14
  26. package/dist/figma/themes/light-tritanopia.json +114 -14
  27. package/dist/figma/themes/light.json +114 -14
  28. package/dist/internalCss/dark-colorblind.css +6 -6
  29. package/dist/internalCss/dark-dimmed.css +6 -6
  30. package/dist/internalCss/dark-high-contrast.css +6 -6
  31. package/dist/internalCss/dark-tritanopia.css +6 -6
  32. package/dist/internalCss/dark.css +6 -6
  33. package/dist/internalCss/light-colorblind.css +6 -6
  34. package/dist/internalCss/light-high-contrast.css +6 -6
  35. package/dist/internalCss/light-tritanopia.css +6 -6
  36. package/dist/internalCss/light.css +6 -6
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +65 -14
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +65 -14
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +65 -14
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +65 -14
  41. package/dist/styleLint/functional/themes/dark.json +65 -14
  42. package/dist/styleLint/functional/themes/light-colorblind.json +66 -15
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +66 -15
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +66 -15
  45. package/dist/styleLint/functional/themes/light.json +66 -15
  46. package/package.json +1 -1
  47. package/src/tokens/component/button.json5 +4 -4
  48. package/src/tokens/component/overlay.json5 +1 -1
  49. package/src/tokens/functional/shadow/shadow.json5 +43 -10
package/dist/figma/themes/light.json CHANGED
@@ -69,7 +69,7 @@
69
69
  },
70
70
  {
71
71
  "name": "shadow/resting/xsmall/blur",
72
- "value": 0,
72
+ "value": 1,
73
73
  "type": "FLOAT",
74
74
  "scopes": ["EFFECT_FLOAT"],
75
75
  "mode": "light",
@@ -91,7 +91,7 @@
91
91
  "r": 0.12156862745098039,
92
92
  "g": 0.13725490196078433,
93
93
  "b": 0.1568627450980392,
94
- "a": 0.1
94
+ "a": 0.06
95
95
  },
96
96
  "type": "COLOR",
97
97
  "scopes": ["EFFECT_COLOR"],
@@ -100,7 +100,7 @@
100
100
  "group": "shadow"
101
101
  },
102
102
  {
103
- "name": "shadow/resting/small/offsetX",
103
+ "name": "shadow/resting/small/1/offsetX",
104
104
  "value": 0,
105
105
  "type": "FLOAT",
106
106
  "scopes": ["EFFECT_FLOAT"],
@@ -109,7 +109,16 @@
109
109
  "group": "shadow"
110
110
  },
111
111
  {
112
- "name": "shadow/resting/small/offsetY",
112
+ "name": "shadow/resting/small/1/offsetY",
113
+ "value": 1,
114
+ "type": "FLOAT",
115
+ "scopes": ["EFFECT_FLOAT"],
116
+ "mode": "light",
117
+ "collection": "mode",
118
+ "group": "shadow"
119
+ },
120
+ {
121
+ "name": "shadow/resting/small/1/blur",
113
122
  "value": 1,
114
123
  "type": "FLOAT",
115
124
  "scopes": ["EFFECT_FLOAT"],
@@ -118,7 +127,30 @@
118
127
  "group": "shadow"
119
128
  },
120
129
  {
121
- "name": "shadow/resting/small/blur",
130
+ "name": "shadow/resting/small/1/spread",
131
+ "value": 0,
132
+ "type": "FLOAT",
133
+ "scopes": ["EFFECT_FLOAT"],
134
+ "mode": "light",
135
+ "collection": "mode",
136
+ "group": "shadow"
137
+ },
138
+ {
139
+ "name": "shadow/resting/small/1/color",
140
+ "value": {
141
+ "r": 0.12156862745098039,
142
+ "g": 0.13725490196078433,
143
+ "b": 0.1568627450980392,
144
+ "a": 0.06
145
+ },
146
+ "type": "COLOR",
147
+ "scopes": ["EFFECT_COLOR"],
148
+ "mode": "light",
149
+ "collection": "mode",
150
+ "group": "shadow"
151
+ },
152
+ {
153
+ "name": "shadow/resting/small/2/offsetX",
122
154
  "value": 0,
123
155
  "type": "FLOAT",
124
156
  "scopes": ["EFFECT_FLOAT"],
@@ -127,7 +159,25 @@
127
159
  "group": "shadow"
128
160
  },
129
161
  {
130
- "name": "shadow/resting/small/spread",
162
+ "name": "shadow/resting/small/2/offsetY",
163
+ "value": 1,
164
+ "type": "FLOAT",
165
+ "scopes": ["EFFECT_FLOAT"],
166
+ "mode": "light",
167
+ "collection": "mode",
168
+ "group": "shadow"
169
+ },
170
+ {
171
+ "name": "shadow/resting/small/2/blur",
172
+ "value": 3,
173
+ "type": "FLOAT",
174
+ "scopes": ["EFFECT_FLOAT"],
175
+ "mode": "light",
176
+ "collection": "mode",
177
+ "group": "shadow"
178
+ },
179
+ {
180
+ "name": "shadow/resting/small/2/spread",
131
181
  "value": 0,
132
182
  "type": "FLOAT",
133
183
  "scopes": ["EFFECT_FLOAT"],
@@ -136,12 +186,12 @@
136
186
  "group": "shadow"
137
187
  },
138
188
  {
139
- "name": "shadow/resting/small/color",
189
+ "name": "shadow/resting/small/2/color",
140
190
  "value": {
141
191
  "r": 0.12156862745098039,
142
192
  "g": 0.13725490196078433,
143
193
  "b": 0.1568627450980392,
144
- "a": 0.04
194
+ "a": 0.06
145
195
  },
146
196
  "type": "COLOR",
147
197
  "scopes": ["EFFECT_COLOR"],
@@ -150,7 +200,7 @@
150
200
  "group": "shadow"
151
201
  },
152
202
  {
153
- "name": "shadow/resting/medium/offsetX",
203
+ "name": "shadow/resting/medium/1/offsetX",
154
204
  "value": 0,
155
205
  "type": "FLOAT",
156
206
  "scopes": ["EFFECT_FLOAT"],
@@ -159,7 +209,57 @@
159
209
  "group": "shadow"
160
210
  },
161
211
  {
162
- "name": "shadow/resting/medium/offsetY",
212
+ "name": "shadow/resting/medium/1/offsetY",
213
+ "value": 1,
214
+ "type": "FLOAT",
215
+ "scopes": ["EFFECT_FLOAT"],
216
+ "mode": "light",
217
+ "collection": "mode",
218
+ "group": "shadow"
219
+ },
220
+ {
221
+ "name": "shadow/resting/medium/1/blur",
222
+ "value": 1,
223
+ "type": "FLOAT",
224
+ "scopes": ["EFFECT_FLOAT"],
225
+ "mode": "light",
226
+ "collection": "mode",
227
+ "group": "shadow"
228
+ },
229
+ {
230
+ "name": "shadow/resting/medium/1/spread",
231
+ "value": 0,
232
+ "type": "FLOAT",
233
+ "scopes": ["EFFECT_FLOAT"],
234
+ "mode": "light",
235
+ "collection": "mode",
236
+ "group": "shadow"
237
+ },
238
+ {
239
+ "name": "shadow/resting/medium/1/color",
240
+ "value": {
241
+ "r": 0.1450980392156863,
242
+ "g": 0.1607843137254902,
243
+ "b": 0.1803921568627451,
244
+ "a": 0.1
245
+ },
246
+ "type": "COLOR",
247
+ "scopes": ["EFFECT_COLOR"],
248
+ "mode": "light",
249
+ "collection": "mode",
250
+ "group": "shadow"
251
+ },
252
+ {
253
+ "name": "shadow/resting/medium/2/offsetX",
254
+ "value": 0,
255
+ "type": "FLOAT",
256
+ "scopes": ["EFFECT_FLOAT"],
257
+ "mode": "light",
258
+ "collection": "mode",
259
+ "group": "shadow"
260
+ },
261
+ {
262
+ "name": "shadow/resting/medium/2/offsetY",
163
263
  "value": 3,
164
264
  "type": "FLOAT",
165
265
  "scopes": ["EFFECT_FLOAT"],
@@ -168,7 +268,7 @@
168
268
  "group": "shadow"
169
269
  },
170
270
  {
171
- "name": "shadow/resting/medium/blur",
271
+ "name": "shadow/resting/medium/2/blur",
172
272
  "value": 6,
173
273
  "type": "FLOAT",
174
274
  "scopes": ["EFFECT_FLOAT"],
@@ -177,7 +277,7 @@
177
277
  "group": "shadow"
178
278
  },
179
279
  {
180
- "name": "shadow/resting/medium/spread",
280
+ "name": "shadow/resting/medium/2/spread",
181
281
  "value": 0,
182
282
  "type": "FLOAT",
183
283
  "scopes": ["EFFECT_FLOAT"],
@@ -186,7 +286,7 @@
186
286
  "group": "shadow"
187
287
  },
188
288
  {
189
- "name": "shadow/resting/medium/color",
289
+ "name": "shadow/resting/medium/2/color",
190
290
  "value": {
191
291
  "r": 0.1450980392156863,
192
292
  "g": 0.1607843137254902,
@@ -5334,7 +5434,7 @@
5334
5434
  "reference": "base/color/light/base/color/neutral/7",
5335
5435
  "collection": "mode",
5336
5436
  "mode": "light",
5337
- "group": "component (internal)",
5437
+ "group": "component",
5338
5438
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5339
5439
  },
5340
5440
  {
package/dist/internalCss/dark-colorblind.css CHANGED
@@ -869,9 +869,9 @@
869
869
  --selection-bgColor: #1f6febb3;
870
870
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
871
871
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
872
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
873
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
874
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
872
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
873
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
874
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
875
875
  --tooltip-bgColor: var(--bgColor-emphasis);
876
876
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
877
877
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1797,9 +1797,9 @@
1797
1797
  --selection-bgColor: #1f6febb3;
1798
1798
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1799
1799
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1800
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1801
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1802
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1800
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1801
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1802
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1803
1803
  --tooltip-bgColor: var(--bgColor-emphasis);
1804
1804
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1805
1805
  --underlineNav-iconColor-rest: var(--fgColor-muted);
package/dist/internalCss/dark-dimmed.css CHANGED
@@ -888,9 +888,9 @@
888
888
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
889
889
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
890
890
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
891
- --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
892
- --shadow-resting-small: 0px 1px 0px 0px #1c212866;
893
- --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
891
+ --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
892
+ --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
893
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
894
894
  --tooltip-bgColor: var(--bgColor-emphasis);
895
895
  --tooltip-fgColor: var(--fgColor-onEmphasis);
896
896
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
@@ -1816,9 +1816,9 @@
1816
1816
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
1817
1817
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
1818
1818
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
1819
- --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
1820
- --shadow-resting-small: 0px 1px 0px 0px #1c212866;
1821
- --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
1819
+ --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
1820
+ --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
1821
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
1822
1822
  --tooltip-bgColor: var(--bgColor-emphasis);
1823
1823
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1824
1824
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -852,9 +852,9 @@
852
852
  --selection-bgColor: #194fb1b3;
853
853
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
854
854
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
855
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
856
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
857
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
855
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
856
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
857
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
858
858
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
859
859
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
860
860
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1780,9 +1780,9 @@
1780
1780
  --selection-bgColor: #194fb1b3;
1781
1781
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1782
1782
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1783
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1784
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1785
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1783
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1784
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1785
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1786
1786
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1787
1787
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1788
1788
  --underlineNav-iconColor-rest: var(--fgColor-muted);
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -870,9 +870,9 @@
870
870
  --selection-bgColor: #1f6febb3;
871
871
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
872
872
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
873
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
874
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
875
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
873
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
874
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
875
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
876
876
  --tooltip-bgColor: var(--bgColor-emphasis);
877
877
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
878
878
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1798,9 +1798,9 @@
1798
1798
  --selection-bgColor: #1f6febb3;
1799
1799
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1800
1800
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1801
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1802
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1803
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1801
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1802
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1803
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1804
1804
  --tooltip-bgColor: var(--bgColor-emphasis);
1805
1805
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1806
1806
  --underlineNav-iconColor-rest: var(--fgColor-muted);
package/dist/internalCss/dark.css CHANGED
@@ -869,9 +869,9 @@
869
869
  --selection-bgColor: #1f6febb3;
870
870
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
871
871
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
872
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
873
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
874
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
872
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
873
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
874
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
875
875
  --tooltip-bgColor: var(--bgColor-emphasis);
876
876
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
877
877
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1797,9 +1797,9 @@
1797
1797
  --selection-bgColor: #1f6febb3;
1798
1798
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1799
1799
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1800
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1801
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1802
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1800
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1801
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1802
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1803
1803
  --tooltip-bgColor: var(--bgColor-emphasis);
1804
1804
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1805
1805
  --underlineNav-iconColor-rest: var(--fgColor-muted);
package/dist/internalCss/light-colorblind.css CHANGED
@@ -717,7 +717,7 @@
717
717
  --selectMenu-bgColor-active: var(--base-color-blue-1);
718
718
  --selectMenu-borderColor: var(--base-color-transparent);
719
719
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
720
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
720
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
721
721
  --skeletonLoader-bgColor: #818b981a;
722
722
  --topicTag-borderColor: var(--base-color-transparent);
723
723
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -857,8 +857,8 @@
857
857
  --page-header-bgColor: var(--bgColor-muted);
858
858
  --selection-bgColor: #0969da33;
859
859
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
860
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
861
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
860
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
861
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
862
862
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
863
863
  --timelineBadge-bgColor: var(--bgColor-muted);
864
864
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1645,7 +1645,7 @@
1645
1645
  --selectMenu-bgColor-active: var(--base-color-blue-1);
1646
1646
  --selectMenu-borderColor: var(--base-color-transparent);
1647
1647
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1648
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1648
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1649
1649
  --skeletonLoader-bgColor: #818b981a;
1650
1650
  --topicTag-borderColor: var(--base-color-transparent);
1651
1651
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -1785,8 +1785,8 @@
1785
1785
  --page-header-bgColor: var(--bgColor-muted);
1786
1786
  --selection-bgColor: #0969da33;
1787
1787
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1788
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1789
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1788
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1789
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1790
1790
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
1791
1791
  --timelineBadge-bgColor: var(--bgColor-muted);
1792
1792
  --tooltip-bgColor: var(--bgColor-emphasis);
package/dist/internalCss/light-high-contrast.css CHANGED
@@ -716,7 +716,7 @@
716
716
  --selectMenu-bgColor-active: var(--base-color-blue-1);
717
717
  --selectMenu-borderColor: var(--base-color-transparent);
718
718
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
719
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
719
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
720
720
  --skeletonLoader-bgColor: var(--base-color-neutral-5);
721
721
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
722
722
  --underlineNav-borderColor-active: var(--base-color-coral-3);
@@ -856,8 +856,8 @@
856
856
  --page-header-bgColor: var(--bgColor-muted);
857
857
  --selection-bgColor: #0349b433;
858
858
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
859
- --shadow-resting-small: 0px 1px 0px 0px #0104090a;
860
- --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
859
+ --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
860
+ --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
861
861
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
862
862
  --timelineBadge-bgColor: var(--bgColor-muted);
863
863
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1644,7 +1644,7 @@
1644
1644
  --selectMenu-bgColor-active: var(--base-color-blue-1);
1645
1645
  --selectMenu-borderColor: var(--base-color-transparent);
1646
1646
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1647
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1647
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1648
1648
  --skeletonLoader-bgColor: var(--base-color-neutral-5);
1649
1649
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
1650
1650
  --underlineNav-borderColor-active: var(--base-color-coral-3);
@@ -1784,8 +1784,8 @@
1784
1784
  --page-header-bgColor: var(--bgColor-muted);
1785
1785
  --selection-bgColor: #0349b433;
1786
1786
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1787
- --shadow-resting-small: 0px 1px 0px 0px #0104090a;
1788
- --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
1787
+ --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
1788
+ --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
1789
1789
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
1790
1790
  --timelineBadge-bgColor: var(--bgColor-muted);
1791
1791
  --tooltip-bgColor: var(--bgColor-emphasis);
package/dist/internalCss/light-tritanopia.css CHANGED
@@ -723,7 +723,7 @@
723
723
  --selectMenu-bgColor-active: var(--base-color-blue-1);
724
724
  --selectMenu-borderColor: var(--base-color-transparent);
725
725
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
726
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
726
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
727
727
  --skeletonLoader-bgColor: #818b981a;
728
728
  --topicTag-borderColor: var(--base-color-transparent);
729
729
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -857,8 +857,8 @@
857
857
  --page-header-bgColor: var(--bgColor-muted);
858
858
  --selection-bgColor: #0969da33;
859
859
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
860
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
861
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
860
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
861
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
862
862
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
863
863
  --timelineBadge-bgColor: var(--bgColor-muted);
864
864
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1651,7 +1651,7 @@
1651
1651
  --selectMenu-bgColor-active: var(--base-color-blue-1);
1652
1652
  --selectMenu-borderColor: var(--base-color-transparent);
1653
1653
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1654
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1654
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1655
1655
  --skeletonLoader-bgColor: #818b981a;
1656
1656
  --topicTag-borderColor: var(--base-color-transparent);
1657
1657
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -1785,8 +1785,8 @@
1785
1785
  --page-header-bgColor: var(--bgColor-muted);
1786
1786
  --selection-bgColor: #0969da33;
1787
1787
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1788
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1789
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1788
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1789
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1790
1790
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
1791
1791
  --timelineBadge-bgColor: var(--bgColor-muted);
1792
1792
  --tooltip-bgColor: var(--bgColor-emphasis);
package/dist/internalCss/light.css CHANGED
@@ -719,7 +719,7 @@
719
719
  --selectMenu-bgColor-active: var(--base-color-blue-1);
720
720
  --selectMenu-borderColor: var(--base-color-transparent);
721
721
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
722
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
722
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
723
723
  --skeletonLoader-bgColor: #818b981a;
724
724
  --topicTag-borderColor: var(--base-color-transparent);
725
725
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -857,8 +857,8 @@
857
857
  --page-header-bgColor: var(--bgColor-muted);
858
858
  --selection-bgColor: #0969da33;
859
859
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
860
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
861
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
860
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
861
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
862
862
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
863
863
  --timelineBadge-bgColor: var(--bgColor-muted);
864
864
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1647,7 +1647,7 @@
1647
1647
  --selectMenu-bgColor-active: var(--base-color-blue-1);
1648
1648
  --selectMenu-borderColor: var(--base-color-transparent);
1649
1649
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1650
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1650
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1651
1651
  --skeletonLoader-bgColor: #818b981a;
1652
1652
  --topicTag-borderColor: var(--base-color-transparent);
1653
1653
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -1785,8 +1785,8 @@
1785
1785
  --page-header-bgColor: var(--bgColor-muted);
1786
1786
  --selection-bgColor: #0969da33;
1787
1787
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1788
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1789
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1788
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1789
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1790
1790
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
1791
1791
  --timelineBadge-bgColor: var(--bgColor-muted);
1792
1792
  --tooltip-bgColor: var(--bgColor-emphasis);