@primer/primitives 10.4.0-rc.fd8ac4c9 → 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 (92) 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 +8 -8
  4. package/dist/css/functional/themes/dark-dimmed.css +8 -8
  5. package/dist/css/functional/themes/dark-high-contrast.css +8 -8
  6. package/dist/css/functional/themes/dark-tritanopia.css +8 -8
  7. package/dist/css/functional/themes/dark.css +8 -8
  8. package/dist/css/functional/themes/light-colorblind.css +8 -8
  9. package/dist/css/functional/themes/light-high-contrast.css +8 -8
  10. package/dist/css/functional/themes/light-tritanopia.css +8 -8
  11. package/dist/css/functional/themes/light.css +8 -8
  12. package/dist/css/primitives.css +0 -6
  13. package/dist/docs/functional/themes/dark-colorblind.json +9370 -439
  14. package/dist/docs/functional/themes/dark-dimmed.json +9790 -563
  15. package/dist/docs/functional/themes/dark-high-contrast.json +10794 -589
  16. package/dist/docs/functional/themes/dark-tritanopia.json +9352 -449
  17. package/dist/docs/functional/themes/dark.json +9248 -443
  18. package/dist/docs/functional/themes/light-colorblind.json +9334 -433
  19. package/dist/docs/functional/themes/light-high-contrast.json +10806 -673
  20. package/dist/docs/functional/themes/light-tritanopia.json +9323 -450
  21. package/dist/docs/functional/themes/light.json +9245 -414
  22. package/dist/figma/figma.json +1 -10
  23. package/dist/figma/themes/dark-colorblind.json +5203 -5080
  24. package/dist/figma/themes/dark-dimmed.json +5130 -4676
  25. package/dist/figma/themes/dark-high-contrast.json +6223 -4631
  26. package/dist/figma/themes/dark-tritanopia.json +5185 -5096
  27. package/dist/figma/themes/dark.json +4869 -4885
  28. package/dist/figma/themes/light-colorblind.json +5347 -5171
  29. package/dist/figma/themes/light-high-contrast.json +6117 -4534
  30. package/dist/figma/themes/light-tritanopia.json +5532 -5387
  31. package/dist/figma/themes/light.json +5270 -5170
  32. package/dist/internalCss/dark-colorblind.css +8 -8
  33. package/dist/internalCss/dark-dimmed.css +8 -8
  34. package/dist/internalCss/dark-high-contrast.css +8 -8
  35. package/dist/internalCss/dark-tritanopia.css +8 -8
  36. package/dist/internalCss/dark.css +8 -8
  37. package/dist/internalCss/light-colorblind.css +8 -8
  38. package/dist/internalCss/light-high-contrast.css +8 -8
  39. package/dist/internalCss/light-tritanopia.css +8 -8
  40. package/dist/internalCss/light.css +8 -8
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +9370 -439
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +9790 -563
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +10794 -589
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +9352 -449
  45. package/dist/styleLint/functional/themes/dark.json +9248 -443
  46. package/dist/styleLint/functional/themes/light-colorblind.json +9334 -433
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +10806 -673
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +9323 -450
  49. package/dist/styleLint/functional/themes/light.json +9245 -414
  50. package/package.json +1 -1
  51. package/src/tokens/component/avatar.json5 +33 -0
  52. package/src/tokens/component/button.json5 +1714 -0
  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/control.json5 +1087 -0
  62. package/src/tokens/functional/color/display.json5 +2170 -0
  63. package/src/tokens/functional/color/selection.json5 +22 -0
  64. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  65. package/dist/css/functional/motion/motion.css +0 -6
  66. package/dist/docs/functional/motion/motion.json +0 -66
  67. package/dist/fallbacks/functional/motion/motion.json +0 -6
  68. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  69. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  70. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  71. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  72. package/dist/figma/shadows/dark.json +0 -1152
  73. package/dist/figma/shadows/light-colorblind.json +0 -1052
  74. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  75. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  76. package/dist/figma/shadows/light.json +0 -1052
  77. package/dist/styleLint/functional/motion/motion.json +0 -66
  78. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  79. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  80. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  81. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  82. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  83. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  84. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  85. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  86. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  87. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  88. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  89. package/src/tokens/functional/motion/loading.json5 +0 -17
  90. package/src/tokens/functional/motion/patterns.json5 +0 -35
  91. package/src/tokens/functional/shadow/dark.json5 +0 -369
  92. package/src/tokens/functional/shadow/light.json5 +0 -363
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);
@@ -925,7 +925,7 @@
925
925
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
926
926
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
927
927
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
928
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
928
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
929
929
  }
930
930
  @media (prefers-color-scheme: dark) {
931
931
  [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
@@ -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);
@@ -1853,6 +1853,6 @@
1853
1853
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1854
1854
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1855
1855
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1856
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1856
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1857
1857
  }
1858
1858
  }
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);
@@ -925,7 +925,7 @@
925
925
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
926
926
  --focus-outline: 2px solid #316dca;
927
927
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
928
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
928
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
929
929
  }
930
930
  @media (prefers-color-scheme: dark) {
931
931
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
@@ -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);
@@ -1853,6 +1853,6 @@
1853
1853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1854
1854
  --focus-outline: 2px solid #316dca;
1855
1855
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1856
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1856
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1857
1857
  }
1858
1858
  }
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);
@@ -925,7 +925,7 @@
925
925
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
926
926
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
927
927
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
928
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
928
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
929
929
  }
930
930
  @media (prefers-color-scheme: dark) {
931
931
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
@@ -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);
@@ -1853,6 +1853,6 @@
1853
1853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1854
1854
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1855
1855
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1856
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1856
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1857
1857
  }
1858
1858
  }
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);
@@ -925,7 +925,7 @@
925
925
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
926
926
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
927
927
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
928
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
928
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
929
929
  }
930
930
  @media (prefers-color-scheme: dark) {
931
931
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
@@ -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);
@@ -1853,6 +1853,6 @@
1853
1853
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1854
1854
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1855
1855
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1856
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1856
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1857
1857
  }
1858
1858
  }
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);
@@ -925,7 +925,7 @@
925
925
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
926
926
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
927
927
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
928
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
928
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
929
929
  }
930
930
  @media (prefers-color-scheme: dark) {
931
931
  [data-color-mode="auto"][data-dark-theme="dark"],
@@ -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);
@@ -1853,6 +1853,6 @@
1853
1853
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1854
1854
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1855
1855
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1856
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1856
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1857
1857
  }
1858
1858
  }
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);
@@ -878,7 +878,6 @@
878
878
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
879
879
  --button-default-borderColor-active: var(--control-borderColor-rest);
880
880
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
881
- --button-default-borderColor-hover: var(--control-borderColor-rest);
882
881
  --button-default-borderColor-rest: var(--control-borderColor-rest);
883
882
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
884
883
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -920,6 +919,7 @@
920
919
  --underlineNav-borderColor-hover: var(--borderColor-muted);
921
920
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
922
921
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
922
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
923
923
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
924
924
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
925
925
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -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);
@@ -1806,7 +1806,6 @@
1806
1806
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1807
1807
  --button-default-borderColor-active: var(--control-borderColor-rest);
1808
1808
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1809
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1810
1809
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1811
1810
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1812
1811
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1848,6 +1847,7 @@
1848
1847
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1849
1848
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1850
1849
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1850
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1851
1851
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1852
1852
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1853
1853
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
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);
@@ -878,7 +878,6 @@
878
878
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
879
879
  --button-default-borderColor-active: var(--control-borderColor-rest);
880
880
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
881
- --button-default-borderColor-hover: var(--control-borderColor-rest);
882
881
  --button-default-borderColor-rest: var(--control-borderColor-rest);
883
882
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
884
883
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -925,6 +924,7 @@
925
924
  --tooltip-fgColor: var(--fgColor-onEmphasis);
926
925
  --underlineNav-borderColor-hover: var(--borderColor-muted);
927
926
  --border-neutral-muted: 0.0625rem solid #454c54;
927
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
928
928
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
929
929
  }
930
930
  @media (prefers-color-scheme: dark) {
@@ -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);
@@ -1806,7 +1806,6 @@
1806
1806
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1807
1807
  --button-default-borderColor-active: var(--control-borderColor-rest);
1808
1808
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1809
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1810
1809
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1811
1810
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1812
1811
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1853,6 +1852,7 @@
1853
1852
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1854
1853
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1855
1854
  --border-neutral-muted: 0.0625rem solid #454c54;
1855
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1856
1856
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1857
1857
  }
1858
1858
  }
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);
@@ -878,7 +878,6 @@
878
878
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
879
879
  --button-default-borderColor-active: var(--control-borderColor-rest);
880
880
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
881
- --button-default-borderColor-hover: var(--control-borderColor-rest);
882
881
  --button-default-borderColor-rest: var(--control-borderColor-rest);
883
882
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
884
883
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -920,6 +919,7 @@
920
919
  --underlineNav-borderColor-hover: var(--borderColor-muted);
921
920
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
922
921
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
922
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
923
923
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
924
924
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
925
925
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -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);
@@ -1806,7 +1806,6 @@
1806
1806
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1807
1807
  --button-default-borderColor-active: var(--control-borderColor-rest);
1808
1808
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1809
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1810
1809
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1811
1810
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1812
1811
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1848,6 +1847,7 @@
1848
1847
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1849
1848
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1850
1849
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1850
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1851
1851
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1852
1852
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1853
1853
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
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);
@@ -878,7 +878,6 @@
878
878
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
879
879
  --button-default-borderColor-active: var(--control-borderColor-rest);
880
880
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
881
- --button-default-borderColor-hover: var(--control-borderColor-rest);
882
881
  --button-default-borderColor-rest: var(--control-borderColor-rest);
883
882
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
884
883
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -920,6 +919,7 @@
920
919
  --underlineNav-borderColor-hover: var(--borderColor-muted);
921
920
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
922
921
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
922
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
923
923
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
924
924
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
925
925
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -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);
@@ -1806,7 +1806,6 @@
1806
1806
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1807
1807
  --button-default-borderColor-active: var(--control-borderColor-rest);
1808
1808
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1809
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1810
1809
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1811
1810
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1812
1811
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1848,6 +1847,7 @@
1848
1847
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1849
1848
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1850
1849
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1850
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1851
1851
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1852
1852
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1853
1853
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;