@primer/primitives 10.4.0-rc.a7bc1307 → 10.4.0-rc.ba0fa656

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 (86) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +6 -6
  4. package/dist/css/functional/themes/dark-dimmed.css +6 -6
  5. package/dist/css/functional/themes/dark-high-contrast.css +6 -6
  6. package/dist/css/functional/themes/dark-tritanopia.css +6 -6
  7. package/dist/css/functional/themes/dark.css +6 -6
  8. package/dist/css/functional/themes/light-colorblind.css +6 -6
  9. package/dist/css/functional/themes/light-high-contrast.css +6 -6
  10. package/dist/css/functional/themes/light-tritanopia.css +6 -6
  11. package/dist/css/functional/themes/light.css +6 -6
  12. package/dist/css/primitives.css +0 -6
  13. package/dist/docs/functional/themes/dark-colorblind.json +6079 -260
  14. package/dist/docs/functional/themes/dark-dimmed.json +6079 -260
  15. package/dist/docs/functional/themes/dark-high-contrast.json +6957 -340
  16. package/dist/docs/functional/themes/dark-tritanopia.json +6079 -260
  17. package/dist/docs/functional/themes/dark.json +6079 -260
  18. package/dist/docs/functional/themes/light-colorblind.json +5990 -263
  19. package/dist/docs/functional/themes/light-high-contrast.json +7927 -480
  20. package/dist/docs/functional/themes/light-tritanopia.json +5990 -263
  21. package/dist/docs/functional/themes/light.json +5990 -263
  22. package/dist/figma/figma.json +1 -10
  23. package/dist/figma/themes/dark-colorblind.json +4804 -4804
  24. package/dist/figma/themes/dark-dimmed.json +4790 -4790
  25. package/dist/figma/themes/dark-high-contrast.json +5944 -5032
  26. package/dist/figma/themes/dark-tritanopia.json +4799 -4799
  27. package/dist/figma/themes/dark.json +5390 -5390
  28. package/dist/figma/themes/light-colorblind.json +4736 -4636
  29. package/dist/figma/themes/light-high-contrast.json +5968 -4704
  30. package/dist/figma/themes/light-tritanopia.json +4739 -4639
  31. package/dist/figma/themes/light.json +4753 -4653
  32. package/dist/internalCss/dark-colorblind.css +6 -6
  33. package/dist/internalCss/dark-dimmed.css +6 -6
  34. package/dist/internalCss/dark-high-contrast.css +6 -6
  35. package/dist/internalCss/dark-tritanopia.css +6 -6
  36. package/dist/internalCss/dark.css +6 -6
  37. package/dist/internalCss/light-colorblind.css +6 -6
  38. package/dist/internalCss/light-high-contrast.css +6 -6
  39. package/dist/internalCss/light-tritanopia.css +6 -6
  40. package/dist/internalCss/light.css +6 -6
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +6079 -260
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +6079 -260
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +6957 -340
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +6079 -260
  45. package/dist/styleLint/functional/themes/dark.json +6079 -260
  46. package/dist/styleLint/functional/themes/light-colorblind.json +5990 -263
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +7927 -480
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +5990 -263
  49. package/dist/styleLint/functional/themes/light.json +5990 -263
  50. package/package.json +1 -1
  51. package/src/tokens/component/avatar.json5 +33 -0
  52. package/src/tokens/component/button.json5 +312 -226
  53. package/src/tokens/component/header.json5 +3 -0
  54. package/src/tokens/component/label.json5 +1942 -0
  55. package/src/tokens/component/menu.json5 +24 -0
  56. package/src/tokens/component/overlay.json5 +1 -1
  57. package/src/tokens/component/selectMenu.json5 +38 -0
  58. package/src/tokens/component/sideNav.json5 +22 -0
  59. package/src/tokens/component/treeView.json5 +24 -0
  60. package/src/tokens/component/underlineNav.json5 +56 -0
  61. package/src/tokens/functional/color/display.json5 +2170 -0
  62. package/src/tokens/functional/color/selection.json5 +22 -0
  63. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  64. package/dist/css/functional/motion/motion.css +0 -6
  65. package/dist/docs/functional/motion/motion.json +0 -66
  66. package/dist/fallbacks/functional/motion/motion.json +0 -6
  67. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  68. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  69. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  70. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  71. package/dist/figma/shadows/dark.json +0 -1152
  72. package/dist/figma/shadows/light-colorblind.json +0 -1052
  73. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  74. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  75. package/dist/figma/shadows/light.json +0 -1052
  76. package/dist/styleLint/functional/motion/motion.json +0 -66
  77. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  78. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -351
  79. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -1042
  80. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  81. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -467
  82. package/src/tokens/functional/color/light/patterns-light.json5 +0 -1042
  83. package/src/tokens/functional/motion/loading.json5 +0 -17
  84. package/src/tokens/functional/motion/patterns.json5 +0 -35
  85. package/src/tokens/functional/shadow/dark.json5 +0 -369
  86. package/src/tokens/functional/shadow/light.json5 +0 -406
package/dist/build/schemas/shadowToken.js CHANGED
@@ -17,6 +17,10 @@ export const shadowValue = z
17
17
  inset: z.boolean().optional(),
18
18
  })
19
19
  .strict();
20
+ const baseShadowToken = baseToken.extend({
21
+ $value: z.union([shadowValue, referenceValue, z.array(shadowValue)]),
22
+ });
23
+ const override = z.union([referenceValue, baseShadowToken]).optional();
20
24
  export const shadowToken = baseToken
21
25
  .extend({
22
26
  $value: z.union([shadowValue, z.array(shadowValue), referenceValue]),
@@ -40,6 +44,29 @@ export const shadowToken = baseToken
40
44
  group: z.string().optional(),
41
45
  })
42
46
  .strict(),
47
+ 'org.primer.overrides': z
48
+ .object({
49
+ light: override,
50
+ 'light-tritanopia': override,
51
+ 'light-protanopia-deuteranopia': override,
52
+ 'light-high-contrast': override,
53
+ dark: override,
54
+ 'dark-tritanopia': override,
55
+ 'dark-protanopia-deuteranopia': override,
56
+ 'dark-high-contrast': override,
57
+ 'dark-dimmed': override,
58
+ }, {
59
+ errorMap: e => {
60
+ if (e.code === 'unrecognized_keys') {
61
+ return {
62
+ message: `Unrecognized key: "${e.keys.join(', ')}", must be one of: light, light-tritanopia, light-protanopia-deuteranopia, light-high-contrast, dark, dark-tritanopia, dark-protanopia-deuteranopia, dark-high-contrast, dark-dimmed`,
63
+ };
64
+ }
65
+ return { message: `Error: ${e.code}` };
66
+ },
67
+ })
68
+ .strict()
69
+ .optional(),
43
70
  })
44
71
  .optional(),
45
72
  })
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -565,9 +565,9 @@
565
565
  --selection-bgColor: #1f6febb3;
566
566
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
567
567
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
568
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
569
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
570
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
568
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
569
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
570
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
571
571
  --tooltip-bgColor: var(--bgColor-emphasis);
572
572
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
573
573
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1189,9 +1189,9 @@
1189
1189
  --selection-bgColor: #1f6febb3;
1190
1190
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1191
1191
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1192
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1193
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1194
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1192
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1193
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1194
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1195
1195
  --tooltip-bgColor: var(--bgColor-emphasis);
1196
1196
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1197
1197
  --underlineNav-iconColor-rest: var(--fgColor-muted);
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -584,9 +584,9 @@
584
584
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
585
585
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
586
586
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
587
- --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
588
- --shadow-resting-small: 0px 1px 0px 0px #1c212866;
589
- --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
587
+ --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
588
+ --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
589
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
590
590
  --tooltip-bgColor: var(--bgColor-emphasis);
591
591
  --tooltip-fgColor: var(--fgColor-onEmphasis);
592
592
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
@@ -1208,9 +1208,9 @@
1208
1208
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
1209
1209
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
1210
1210
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
1211
- --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
1212
- --shadow-resting-small: 0px 1px 0px 0px #1c212866;
1213
- --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
1211
+ --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
1212
+ --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
1213
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
1214
1214
  --tooltip-bgColor: var(--bgColor-emphasis);
1215
1215
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1216
1216
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -548,9 +548,9 @@
548
548
  --selection-bgColor: #194fb1b3;
549
549
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
550
550
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
551
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
552
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
553
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
551
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
552
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
553
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
554
554
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
555
555
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
556
556
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1172,9 +1172,9 @@
1172
1172
  --selection-bgColor: #194fb1b3;
1173
1173
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1174
1174
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1175
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1176
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1177
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1175
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1176
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1177
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1178
1178
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1179
1179
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1180
1180
  --underlineNav-iconColor-rest: var(--fgColor-muted);
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -566,9 +566,9 @@
566
566
  --selection-bgColor: #1f6febb3;
567
567
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
568
568
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
569
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
570
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
571
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
569
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
570
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
571
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
572
572
  --tooltip-bgColor: var(--bgColor-emphasis);
573
573
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
574
574
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1190,9 +1190,9 @@
1190
1190
  --selection-bgColor: #1f6febb3;
1191
1191
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1192
1192
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1193
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1194
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1195
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1193
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1194
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1195
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1196
1196
  --tooltip-bgColor: var(--bgColor-emphasis);
1197
1197
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1198
1198
  --underlineNav-iconColor-rest: var(--fgColor-muted);
package/dist/css/functional/themes/dark.css CHANGED
@@ -565,9 +565,9 @@
565
565
  --selection-bgColor: #1f6febb3;
566
566
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
567
567
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
568
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
569
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
570
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
568
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
569
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
570
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
571
571
  --tooltip-bgColor: var(--bgColor-emphasis);
572
572
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
573
573
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1189,9 +1189,9 @@
1189
1189
  --selection-bgColor: #1f6febb3;
1190
1190
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1191
1191
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1192
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1193
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1194
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1192
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1193
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1194
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1195
1195
  --tooltip-bgColor: var(--bgColor-emphasis);
1196
1196
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1197
1197
  --underlineNav-iconColor-rest: var(--fgColor-muted);
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -414,7 +414,7 @@
414
414
  --selectMenu-bgColor-active: #b6e3ff;
415
415
  --selectMenu-borderColor: #ffffff00;
416
416
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
417
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
417
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
418
418
  --skeletonLoader-bgColor: #818b981a;
419
419
  --topicTag-borderColor: #ffffff00;
420
420
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -553,8 +553,8 @@
553
553
  --page-header-bgColor: var(--bgColor-muted);
554
554
  --selection-bgColor: #0969da33;
555
555
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
556
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
557
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
556
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
557
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
558
558
  --sideNav-bgColor-selected: #ffffff;
559
559
  --timelineBadge-bgColor: var(--bgColor-muted);
560
560
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1038,7 +1038,7 @@
1038
1038
  --selectMenu-bgColor-active: #b6e3ff;
1039
1039
  --selectMenu-borderColor: #ffffff00;
1040
1040
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1041
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1041
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1042
1042
  --skeletonLoader-bgColor: #818b981a;
1043
1043
  --topicTag-borderColor: #ffffff00;
1044
1044
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -1177,8 +1177,8 @@
1177
1177
  --page-header-bgColor: var(--bgColor-muted);
1178
1178
  --selection-bgColor: #0969da33;
1179
1179
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1180
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1181
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1180
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1181
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1182
1182
  --sideNav-bgColor-selected: #ffffff;
1183
1183
  --timelineBadge-bgColor: var(--bgColor-muted);
1184
1184
  --tooltip-bgColor: var(--bgColor-emphasis);
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -413,7 +413,7 @@
413
413
  --selectMenu-bgColor-active: #9cd7ff;
414
414
  --selectMenu-borderColor: #ffffff00;
415
415
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
416
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
416
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
417
417
  --skeletonLoader-bgColor: #dae0e7;
418
418
  --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
419
419
  --underlineNav-borderColor-active: #cd3425;
@@ -552,8 +552,8 @@
552
552
  --page-header-bgColor: var(--bgColor-muted);
553
553
  --selection-bgColor: #0349b433;
554
554
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
555
- --shadow-resting-small: 0px 1px 0px 0px #0104090a;
556
- --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
555
+ --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
556
+ --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
557
557
  --sideNav-bgColor-selected: #ffffff;
558
558
  --timelineBadge-bgColor: var(--bgColor-muted);
559
559
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1037,7 +1037,7 @@
1037
1037
  --selectMenu-bgColor-active: #9cd7ff;
1038
1038
  --selectMenu-borderColor: #ffffff00;
1039
1039
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1040
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1040
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1041
1041
  --skeletonLoader-bgColor: #dae0e7;
1042
1042
  --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
1043
1043
  --underlineNav-borderColor-active: #cd3425;
@@ -1176,8 +1176,8 @@
1176
1176
  --page-header-bgColor: var(--bgColor-muted);
1177
1177
  --selection-bgColor: #0349b433;
1178
1178
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1179
- --shadow-resting-small: 0px 1px 0px 0px #0104090a;
1180
- --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
1179
+ --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
1180
+ --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
1181
1181
  --sideNav-bgColor-selected: #ffffff;
1182
1182
  --timelineBadge-bgColor: var(--bgColor-muted);
1183
1183
  --tooltip-bgColor: var(--bgColor-emphasis);
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -420,7 +420,7 @@
420
420
  --selectMenu-bgColor-active: #b6e3ff;
421
421
  --selectMenu-borderColor: #ffffff00;
422
422
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
423
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
423
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
424
424
  --skeletonLoader-bgColor: #818b981a;
425
425
  --topicTag-borderColor: #ffffff00;
426
426
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -553,8 +553,8 @@
553
553
  --page-header-bgColor: var(--bgColor-muted);
554
554
  --selection-bgColor: #0969da33;
555
555
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
556
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
557
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
556
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
557
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
558
558
  --sideNav-bgColor-selected: #ffffff;
559
559
  --timelineBadge-bgColor: var(--bgColor-muted);
560
560
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1044,7 +1044,7 @@
1044
1044
  --selectMenu-bgColor-active: #b6e3ff;
1045
1045
  --selectMenu-borderColor: #ffffff00;
1046
1046
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1047
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1047
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1048
1048
  --skeletonLoader-bgColor: #818b981a;
1049
1049
  --topicTag-borderColor: #ffffff00;
1050
1050
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -1177,8 +1177,8 @@
1177
1177
  --page-header-bgColor: var(--bgColor-muted);
1178
1178
  --selection-bgColor: #0969da33;
1179
1179
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1180
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1181
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1180
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1181
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1182
1182
  --sideNav-bgColor-selected: #ffffff;
1183
1183
  --timelineBadge-bgColor: var(--bgColor-muted);
1184
1184
  --tooltip-bgColor: var(--bgColor-emphasis);
package/dist/css/functional/themes/light.css CHANGED
@@ -416,7 +416,7 @@
416
416
  --selectMenu-bgColor-active: #b6e3ff;
417
417
  --selectMenu-borderColor: #ffffff00;
418
418
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
419
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
419
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
420
420
  --skeletonLoader-bgColor: #818b981a;
421
421
  --topicTag-borderColor: #ffffff00;
422
422
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -553,8 +553,8 @@
553
553
  --page-header-bgColor: var(--bgColor-muted);
554
554
  --selection-bgColor: #0969da33;
555
555
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
556
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
557
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
556
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
557
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
558
558
  --sideNav-bgColor-selected: #ffffff;
559
559
  --timelineBadge-bgColor: var(--bgColor-muted);
560
560
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1040,7 +1040,7 @@
1040
1040
  --selectMenu-bgColor-active: #b6e3ff;
1041
1041
  --selectMenu-borderColor: #ffffff00;
1042
1042
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1043
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1043
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1044
1044
  --skeletonLoader-bgColor: #818b981a;
1045
1045
  --topicTag-borderColor: #ffffff00;
1046
1046
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -1177,8 +1177,8 @@
1177
1177
  --page-header-bgColor: var(--bgColor-muted);
1178
1178
  --selection-bgColor: #0969da33;
1179
1179
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1180
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1181
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1180
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1181
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1182
1182
  --sideNav-bgColor-selected: #ffffff;
1183
1183
  --timelineBadge-bgColor: var(--bgColor-muted);
1184
1184
  --tooltip-bgColor: var(--bgColor-emphasis);
package/dist/css/primitives.css CHANGED
@@ -43,12 +43,6 @@
43
43
  --base-text-weight-normal: 400;
44
44
  --base-text-weight-semibold: 600;
45
45
  }
46
- :root {
47
- --motion-loading-delay-default: var(--base-duration-1000); /* The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies. */
48
- --motion-skeletonLoader-shimmer-duration-scale: var(--base-duration-1000); /* The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right) */
49
- --motion-spinner-duration-rotation: var(--base-duration-1000); /* The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation */
50
- --motion-spinner-easing-rotation: var(--base-easing-linear); /* The easing curve for the "Spinner" loading indicator rotation */
51
- }
52
46
  :root {
53
47
  --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
54
48
  --borderRadius-large: 0.75rem;