@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
@@ -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);
@@ -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);
@@ -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);
@@ -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);
@@ -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);
@@ -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);
@@ -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);
@@ -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);
@@ -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);
@@ -27590,7 +27590,7 @@
27590
27590
  "$extensions": {
27591
27591
  "org.primer.figma": {
27592
27592
  "collection": "mode",
27593
- "group": "component (internal)",
27593
+ "group": "component",
27594
27594
  "scopes": ["bgColor"]
27595
27595
  },
27596
27596
  "org.primer.overrides": {
@@ -27609,7 +27609,7 @@
27609
27609
  "$extensions": {
27610
27610
  "org.primer.figma": {
27611
27611
  "collection": "mode",
27612
- "group": "component (internal)",
27612
+ "group": "component",
27613
27613
  "scopes": ["bgColor"]
27614
27614
  },
27615
27615
  "org.primer.overrides": {
@@ -28740,6 +28740,14 @@
28740
28740
  "org.primer.overrides": {
28741
28741
  "dark": {
28742
28742
  "$value": [
28743
+ {
28744
+ "color": "#010409",
28745
+ "alpha": 0.4,
28746
+ "offsetX": "0px",
28747
+ "offsetY": "1px",
28748
+ "blur": "1px",
28749
+ "spread": "0px"
28750
+ },
28743
28751
  {
28744
28752
  "color": "#010409",
28745
28753
  "alpha": 0.8,
@@ -28759,6 +28767,14 @@
28759
28767
  "isSource": true,
28760
28768
  "original": {
28761
28769
  "$value": [
28770
+ {
28771
+ "color": "{base.color.neutral.0}",
28772
+ "alpha": 0.4,
28773
+ "offsetX": "0px",
28774
+ "offsetY": "1px",
28775
+ "blur": "1px",
28776
+ "spread": "0px"
28777
+ },
28762
28778
  {
28763
28779
  "color": "{base.color.neutral.0}",
28764
28780
  "alpha": 0.8,
@@ -28777,6 +28793,14 @@
28777
28793
  "org.primer.overrides": {
28778
28794
  "dark": {
28779
28795
  "$value": [
28796
+ {
28797
+ "color": "{base.color.neutral.0}",
28798
+ "alpha": 0.4,
28799
+ "offsetX": "0px",
28800
+ "offsetY": "1px",
28801
+ "blur": "1px",
28802
+ "spread": "0px"
28803
+ },
28780
28804
  {
28781
28805
  "color": "{base.color.neutral.0}",
28782
28806
  "alpha": 0.8,
@@ -28797,7 +28821,7 @@
28797
28821
  "attributes": {},
28798
28822
  "path": ["shadow", "resting", "medium"],
28799
28823
  "key": "{shadow.resting.medium}",
28800
- "value": "0px 3px 6px 0px #010409cc",
28824
+ "value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
28801
28825
  "type": "shadow"
28802
28826
  },
28803
28827
  "shadow-resting-small": {
@@ -28811,10 +28835,19 @@
28811
28835
  "$value": [
28812
28836
  {
28813
28837
  "color": "#010409",
28814
- "alpha": 0.4,
28838
+ "alpha": 0.6,
28815
28839
  "offsetX": "0px",
28816
28840
  "offsetY": "1px",
28817
- "blur": "0px",
28841
+ "blur": "1px",
28842
+ "spread": "0px",
28843
+ "inset": false
28844
+ },
28845
+ {
28846
+ "color": "#010409",
28847
+ "alpha": 0.6,
28848
+ "offsetX": "0px",
28849
+ "offsetY": "1px",
28850
+ "blur": "3px",
28818
28851
  "spread": "0px",
28819
28852
  "inset": false
28820
28853
  }
@@ -28831,10 +28864,19 @@
28831
28864
  "$value": [
28832
28865
  {
28833
28866
  "color": "{base.color.neutral.0}",
28834
- "alpha": 0.4,
28867
+ "alpha": 0.6,
28835
28868
  "offsetX": "0px",
28836
28869
  "offsetY": "1px",
28837
- "blur": "0px",
28870
+ "blur": "1px",
28871
+ "spread": "0px",
28872
+ "inset": false
28873
+ },
28874
+ {
28875
+ "color": "{base.color.neutral.0}",
28876
+ "alpha": 0.6,
28877
+ "offsetX": "0px",
28878
+ "offsetY": "1px",
28879
+ "blur": "3px",
28838
28880
  "spread": "0px",
28839
28881
  "inset": false
28840
28882
  }
@@ -28850,10 +28892,19 @@
28850
28892
  "$value": [
28851
28893
  {
28852
28894
  "color": "{base.color.neutral.0}",
28853
- "alpha": 0.4,
28895
+ "alpha": 0.6,
28854
28896
  "offsetX": "0px",
28855
28897
  "offsetY": "1px",
28856
- "blur": "0px",
28898
+ "blur": "1px",
28899
+ "spread": "0px",
28900
+ "inset": false
28901
+ },
28902
+ {
28903
+ "color": "{base.color.neutral.0}",
28904
+ "alpha": 0.6,
28905
+ "offsetX": "0px",
28906
+ "offsetY": "1px",
28907
+ "blur": "3px",
28857
28908
  "spread": "0px",
28858
28909
  "inset": false
28859
28910
  }
@@ -28869,7 +28920,7 @@
28869
28920
  "attributes": {},
28870
28921
  "path": ["shadow", "resting", "small"],
28871
28922
  "key": "{shadow.resting.small}",
28872
- "value": "0px 1px 0px 0px #01040966",
28923
+ "value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
28873
28924
  "type": "shadow"
28874
28925
  },
28875
28926
  "shadow-resting-xsmall": {
@@ -28885,7 +28936,7 @@
28885
28936
  "alpha": 0.8,
28886
28937
  "offsetX": "0px",
28887
28938
  "offsetY": "1px",
28888
- "blur": "0px",
28939
+ "blur": "1px",
28889
28940
  "spread": "0px",
28890
28941
  "inset": false
28891
28942
  },
@@ -28903,7 +28954,7 @@
28903
28954
  "alpha": 0.8,
28904
28955
  "offsetX": "0px",
28905
28956
  "offsetY": "1px",
28906
- "blur": "0px",
28957
+ "blur": "1px",
28907
28958
  "spread": "0px",
28908
28959
  "inset": false
28909
28960
  },
@@ -28920,7 +28971,7 @@
28920
28971
  "alpha": 0.8,
28921
28972
  "offsetX": "0px",
28922
28973
  "offsetY": "1px",
28923
- "blur": "0px",
28974
+ "blur": "1px",
28924
28975
  "spread": "0px",
28925
28976
  "inset": false
28926
28977
  },
@@ -28935,7 +28986,7 @@
28935
28986
  "attributes": {},
28936
28987
  "path": ["shadow", "resting", "xsmall"],
28937
28988
  "key": "{shadow.resting.xsmall}",
28938
- "value": "0px 1px 0px 0px #010409cc",
28989
+ "value": "0px 1px 1px 0px #010409cc",
28939
28990
  "type": "shadow"
28940
28991
  },
28941
28992
  "sideNav-bgColor-selected": {
@@ -27582,7 +27582,7 @@
27582
27582
  "$extensions": {
27583
27583
  "org.primer.figma": {
27584
27584
  "collection": "mode",
27585
- "group": "component (internal)",
27585
+ "group": "component",
27586
27586
  "scopes": ["bgColor"]
27587
27587
  },
27588
27588
  "org.primer.overrides": {
@@ -27601,7 +27601,7 @@
27601
27601
  "$extensions": {
27602
27602
  "org.primer.figma": {
27603
27603
  "collection": "mode",
27604
- "group": "component (internal)",
27604
+ "group": "component",
27605
27605
  "scopes": ["bgColor"]
27606
27606
  },
27607
27607
  "org.primer.overrides": {
@@ -28732,6 +28732,14 @@
28732
28732
  "org.primer.overrides": {
28733
28733
  "dark": {
28734
28734
  "$value": [
28735
+ {
28736
+ "color": "#1c2128",
28737
+ "alpha": 0.4,
28738
+ "offsetX": "0px",
28739
+ "offsetY": "1px",
28740
+ "blur": "1px",
28741
+ "spread": "0px"
28742
+ },
28735
28743
  {
28736
28744
  "color": "#1c2128",
28737
28745
  "alpha": 0.8,
@@ -28751,6 +28759,14 @@
28751
28759
  "isSource": true,
28752
28760
  "original": {
28753
28761
  "$value": [
28762
+ {
28763
+ "color": "{base.color.neutral.0}",
28764
+ "alpha": 0.4,
28765
+ "offsetX": "0px",
28766
+ "offsetY": "1px",
28767
+ "blur": "1px",
28768
+ "spread": "0px"
28769
+ },
28754
28770
  {
28755
28771
  "color": "{base.color.neutral.0}",
28756
28772
  "alpha": 0.8,
@@ -28769,6 +28785,14 @@
28769
28785
  "org.primer.overrides": {
28770
28786
  "dark": {
28771
28787
  "$value": [
28788
+ {
28789
+ "color": "{base.color.neutral.0}",
28790
+ "alpha": 0.4,
28791
+ "offsetX": "0px",
28792
+ "offsetY": "1px",
28793
+ "blur": "1px",
28794
+ "spread": "0px"
28795
+ },
28772
28796
  {
28773
28797
  "color": "{base.color.neutral.0}",
28774
28798
  "alpha": 0.8,
@@ -28789,7 +28813,7 @@
28789
28813
  "attributes": {},
28790
28814
  "path": ["shadow", "resting", "medium"],
28791
28815
  "key": "{shadow.resting.medium}",
28792
- "value": "0px 3px 6px 0px #1c2128cc",
28816
+ "value": "0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc",
28793
28817
  "type": "shadow"
28794
28818
  },
28795
28819
  "shadow-resting-small": {
@@ -28803,10 +28827,19 @@
28803
28827
  "$value": [
28804
28828
  {
28805
28829
  "color": "#1c2128",
28806
- "alpha": 0.4,
28830
+ "alpha": 0.6,
28807
28831
  "offsetX": "0px",
28808
28832
  "offsetY": "1px",
28809
- "blur": "0px",
28833
+ "blur": "1px",
28834
+ "spread": "0px",
28835
+ "inset": false
28836
+ },
28837
+ {
28838
+ "color": "#1c2128",
28839
+ "alpha": 0.6,
28840
+ "offsetX": "0px",
28841
+ "offsetY": "1px",
28842
+ "blur": "3px",
28810
28843
  "spread": "0px",
28811
28844
  "inset": false
28812
28845
  }
@@ -28823,10 +28856,19 @@
28823
28856
  "$value": [
28824
28857
  {
28825
28858
  "color": "{base.color.neutral.0}",
28826
- "alpha": 0.4,
28859
+ "alpha": 0.6,
28827
28860
  "offsetX": "0px",
28828
28861
  "offsetY": "1px",
28829
- "blur": "0px",
28862
+ "blur": "1px",
28863
+ "spread": "0px",
28864
+ "inset": false
28865
+ },
28866
+ {
28867
+ "color": "{base.color.neutral.0}",
28868
+ "alpha": 0.6,
28869
+ "offsetX": "0px",
28870
+ "offsetY": "1px",
28871
+ "blur": "3px",
28830
28872
  "spread": "0px",
28831
28873
  "inset": false
28832
28874
  }
@@ -28842,10 +28884,19 @@
28842
28884
  "$value": [
28843
28885
  {
28844
28886
  "color": "{base.color.neutral.0}",
28845
- "alpha": 0.4,
28887
+ "alpha": 0.6,
28846
28888
  "offsetX": "0px",
28847
28889
  "offsetY": "1px",
28848
- "blur": "0px",
28890
+ "blur": "1px",
28891
+ "spread": "0px",
28892
+ "inset": false
28893
+ },
28894
+ {
28895
+ "color": "{base.color.neutral.0}",
28896
+ "alpha": 0.6,
28897
+ "offsetX": "0px",
28898
+ "offsetY": "1px",
28899
+ "blur": "3px",
28849
28900
  "spread": "0px",
28850
28901
  "inset": false
28851
28902
  }
@@ -28861,7 +28912,7 @@
28861
28912
  "attributes": {},
28862
28913
  "path": ["shadow", "resting", "small"],
28863
28914
  "key": "{shadow.resting.small}",
28864
- "value": "0px 1px 0px 0px #1c212866",
28915
+ "value": "0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899",
28865
28916
  "type": "shadow"
28866
28917
  },
28867
28918
  "shadow-resting-xsmall": {
@@ -28877,7 +28928,7 @@
28877
28928
  "alpha": 0.8,
28878
28929
  "offsetX": "0px",
28879
28930
  "offsetY": "1px",
28880
- "blur": "0px",
28931
+ "blur": "1px",
28881
28932
  "spread": "0px",
28882
28933
  "inset": false
28883
28934
  },
@@ -28895,7 +28946,7 @@
28895
28946
  "alpha": 0.8,
28896
28947
  "offsetX": "0px",
28897
28948
  "offsetY": "1px",
28898
- "blur": "0px",
28949
+ "blur": "1px",
28899
28950
  "spread": "0px",
28900
28951
  "inset": false
28901
28952
  },
@@ -28912,7 +28963,7 @@
28912
28963
  "alpha": 0.8,
28913
28964
  "offsetX": "0px",
28914
28965
  "offsetY": "1px",
28915
- "blur": "0px",
28966
+ "blur": "1px",
28916
28967
  "spread": "0px",
28917
28968
  "inset": false
28918
28969
  },
@@ -28927,7 +28978,7 @@
28927
28978
  "attributes": {},
28928
28979
  "path": ["shadow", "resting", "xsmall"],
28929
28980
  "key": "{shadow.resting.xsmall}",
28930
- "value": "0px 1px 0px 0px #1c2128cc",
28981
+ "value": "0px 1px 1px 0px #1c2128cc",
28931
28982
  "type": "shadow"
28932
28983
  },
28933
28984
  "sideNav-bgColor-selected": {