@primer/primitives 11.4.1-rc.eb8ee149 → 11.4.1-rc.edbe0e39

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 (149) hide show
  1. package/DESIGN_TOKENS_GUIDE.md +185 -0
  2. package/DESIGN_TOKENS_SPEC.md +122 -3
  3. package/dist/build/formats/jsonFigma.js +8 -1
  4. package/dist/build/formats/markdownLlmGuidelines.js +349 -0
  5. package/dist/build/schemas/borderToken.d.ts +17 -3
  6. package/dist/build/schemas/colorToken.d.ts +1 -1
  7. package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
  8. package/dist/build/schemas/dimensionToken.d.ts +9 -2
  9. package/dist/build/schemas/dimensionValue.d.ts +12 -1
  10. package/dist/build/schemas/dimensionValue.js +10 -13
  11. package/dist/build/schemas/durationToken.d.ts +8 -2
  12. package/dist/build/schemas/durationValue.d.ts +11 -1
  13. package/dist/build/schemas/durationValue.js +13 -3
  14. package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
  15. package/dist/build/schemas/fontWeightToken.d.ts +1 -1
  16. package/dist/build/schemas/gradientToken.d.ts +1 -1
  17. package/dist/build/schemas/numberToken.d.ts +1 -1
  18. package/dist/build/schemas/shadowToken.d.ts +673 -85
  19. package/dist/build/schemas/stringToken.d.ts +1 -1
  20. package/dist/build/schemas/stringToken.js +1 -1
  21. package/dist/build/schemas/tokenType.d.ts +1 -1
  22. package/dist/build/schemas/transitionToken.d.ts +15 -3
  23. package/dist/build/schemas/typographyToken.d.ts +19 -5
  24. package/dist/build/schemas/typographyToken.js +1 -1
  25. package/dist/build/schemas/validTokenType.d.ts +1 -1
  26. package/dist/build/schemas/validTokenType.js +1 -1
  27. package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
  28. package/dist/build/transformers/borderToCss.js +17 -1
  29. package/dist/build/transformers/dimensionToPixelUnitless.d.ts +3 -2
  30. package/dist/build/transformers/dimensionToPixelUnitless.js +22 -26
  31. package/dist/build/transformers/dimensionToRem.d.ts +2 -1
  32. package/dist/build/transformers/dimensionToRem.js +21 -22
  33. package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -1
  34. package/dist/build/transformers/dimensionToRemPxArray.js +21 -22
  35. package/dist/build/transformers/durationToCss.d.ts +2 -1
  36. package/dist/build/transformers/durationToCss.js +18 -11
  37. package/dist/build/transformers/shadowToCss.js +12 -1
  38. package/dist/build/transformers/utilities/parseDimension.d.ts +12 -0
  39. package/dist/build/transformers/utilities/parseDimension.js +31 -0
  40. package/dist/build/types/borderTokenValue.d.ts +3 -1
  41. package/dist/build/types/dimensionTokenValue.d.ts +9 -0
  42. package/dist/build/types/shadowTokenValue.d.ts +6 -4
  43. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +28 -28
  44. package/dist/css/functional/themes/dark-colorblind.css +28 -28
  45. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +28 -28
  46. package/dist/css/functional/themes/dark-dimmed.css +28 -28
  47. package/dist/css/functional/themes/dark-high-contrast.css +28 -28
  48. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +28 -28
  49. package/dist/css/functional/themes/dark-tritanopia.css +28 -28
  50. package/dist/css/functional/themes/dark.css +28 -28
  51. package/dist/css/functional/themes/light-colorblind-high-contrast.css +28 -28
  52. package/dist/css/functional/themes/light-colorblind.css +28 -28
  53. package/dist/css/functional/themes/light-high-contrast.css +28 -28
  54. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +28 -28
  55. package/dist/css/functional/themes/light-tritanopia.css +28 -28
  56. package/dist/css/functional/themes/light.css +28 -28
  57. package/dist/docs/base/motion/motion.json +96 -24
  58. package/dist/docs/base/size/size.json +76 -19
  59. package/dist/docs/base/typography/typography.json +24 -6
  60. package/dist/docs/functional/size/border.json +26 -11
  61. package/dist/docs/functional/size/breakpoints.json +24 -6
  62. package/dist/docs/functional/size/radius.json +16 -4
  63. package/dist/docs/functional/size/size.json +60 -15
  64. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +1423 -346
  65. package/dist/docs/functional/themes/dark-colorblind.json +1423 -346
  66. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1423 -346
  67. package/dist/docs/functional/themes/dark-dimmed.json +1423 -346
  68. package/dist/docs/functional/themes/dark-high-contrast.json +1423 -346
  69. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1423 -346
  70. package/dist/docs/functional/themes/dark-tritanopia.json +1423 -346
  71. package/dist/docs/functional/themes/dark.json +1423 -346
  72. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +1426 -349
  73. package/dist/docs/functional/themes/light-colorblind.json +1426 -349
  74. package/dist/docs/functional/themes/light-high-contrast.json +1426 -349
  75. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +1426 -349
  76. package/dist/docs/functional/themes/light-tritanopia.json +1426 -349
  77. package/dist/docs/functional/themes/light.json +1426 -349
  78. package/dist/docs/functional/typography/typography.json +8 -2
  79. package/dist/fallbacks/base/motion/motion.json +48 -12
  80. package/dist/figma/themes/light-colorblind.json +4 -4
  81. package/dist/figma/themes/light-high-contrast.json +4 -4
  82. package/dist/figma/themes/light-tritanopia.json +4 -4
  83. package/dist/figma/themes/light.json +4 -4
  84. package/dist/internalCss/dark-colorblind-high-contrast.css +28 -28
  85. package/dist/internalCss/dark-colorblind.css +28 -28
  86. package/dist/internalCss/dark-dimmed-high-contrast.css +28 -28
  87. package/dist/internalCss/dark-dimmed.css +28 -28
  88. package/dist/internalCss/dark-high-contrast.css +28 -28
  89. package/dist/internalCss/dark-tritanopia-high-contrast.css +28 -28
  90. package/dist/internalCss/dark-tritanopia.css +28 -28
  91. package/dist/internalCss/dark.css +28 -28
  92. package/dist/internalCss/light-colorblind-high-contrast.css +28 -28
  93. package/dist/internalCss/light-colorblind.css +28 -28
  94. package/dist/internalCss/light-high-contrast.css +28 -28
  95. package/dist/internalCss/light-tritanopia-high-contrast.css +28 -28
  96. package/dist/internalCss/light-tritanopia.css +28 -28
  97. package/dist/internalCss/light.css +28 -28
  98. package/dist/styleLint/base/motion/motion.json +96 -24
  99. package/dist/styleLint/base/size/size.json +76 -19
  100. package/dist/styleLint/base/typography/typography.json +30 -12
  101. package/dist/styleLint/functional/size/border.json +27 -12
  102. package/dist/styleLint/functional/size/breakpoints.json +24 -6
  103. package/dist/styleLint/functional/size/radius.json +17 -5
  104. package/dist/styleLint/functional/size/size-coarse.json +3 -3
  105. package/dist/styleLint/functional/size/size-fine.json +3 -3
  106. package/dist/styleLint/functional/size/size.json +111 -66
  107. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1551 -366
  108. package/dist/styleLint/functional/themes/dark-colorblind.json +1551 -366
  109. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1551 -366
  110. package/dist/styleLint/functional/themes/dark-dimmed.json +1551 -366
  111. package/dist/styleLint/functional/themes/dark-high-contrast.json +1551 -366
  112. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1551 -366
  113. package/dist/styleLint/functional/themes/dark-tritanopia.json +1551 -366
  114. package/dist/styleLint/functional/themes/dark.json +1551 -366
  115. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +1554 -369
  116. package/dist/styleLint/functional/themes/light-colorblind.json +1554 -369
  117. package/dist/styleLint/functional/themes/light-high-contrast.json +1554 -369
  118. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +1554 -369
  119. package/dist/styleLint/functional/themes/light-tritanopia.json +1554 -369
  120. package/dist/styleLint/functional/themes/light.json +1554 -369
  121. package/dist/styleLint/functional/typography/typography.json +28 -22
  122. package/package.json +2 -2
  123. package/src/tokens/base/motion/timing.json5 +12 -12
  124. package/src/tokens/base/size/size.json5 +19 -19
  125. package/src/tokens/base/typography/typography.json5 +6 -6
  126. package/src/tokens/component/avatar.json5 +72 -44
  127. package/src/tokens/component/button.json5 +1545 -1193
  128. package/src/tokens/functional/border/border.json5 +4 -1
  129. package/src/tokens/functional/color/bgColor.json5 +8 -0
  130. package/src/tokens/functional/color/display.json5 +7 -0
  131. package/src/tokens/functional/color/fgColor.json5 +8 -0
  132. package/src/tokens/functional/color/syntax.json5 +14 -0
  133. package/src/tokens/functional/shadow/shadow.json5 +678 -163
  134. package/src/tokens/functional/size/border.json5 +8 -8
  135. package/src/tokens/functional/size/breakpoints.json5 +6 -6
  136. package/src/tokens/functional/size/radius.json5 +4 -4
  137. package/src/tokens/functional/size/size.json5 +15 -15
  138. package/src/tokens/functional/typography/typography.json5 +8 -4
  139. package/dist/build/parsers/index.d.ts +0 -1
  140. package/dist/build/parsers/index.js +0 -1
  141. package/dist/build/parsers/w3cJsonParser.d.ts +0 -6
  142. package/dist/build/parsers/w3cJsonParser.js +0 -25
  143. package/dist/removed/testing.json5 +0 -4
  144. package/guidelines/color.llm.md +0 -16
  145. package/guidelines/guidelines.llm.md +0 -34
  146. package/guidelines/motion.llm.md +0 -41
  147. package/guidelines/spacing.llm.md +0 -20
  148. package/guidelines/typography.llm.md +0 -14
  149. package/src/tokens/removed/testing.json5 +0 -4
package/dist/css/functional/themes/dark-colorblind-high-contrast.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --fgColor-done: #d3abff; /** Text color for completed/done state indicators */
16
16
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
17
17
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
18
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
18
+ --avatar-shadow: 0 0 0 2px #0d1117;
19
19
  --avatarStack-fade-bgColor-default: #3d444d;
20
20
  --avatarStack-fade-bgColor-muted: #2a313c;
21
21
  --bgColor-accent-emphasis: #194fb1; /** Strong accent background for active states and focused states */
@@ -63,8 +63,8 @@
63
63
  --button-danger-bgColor-hover: #8f3c00;
64
64
  --button-danger-borderColor-hover: #ffb757;
65
65
  --button-danger-fgColor-rest: #ffb757;
66
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
67
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
66
+ --button-danger-shadow-selected: 0 0 0 0 #000000;
67
+ --button-default-shadow-resting: 0 0 0 0 #000000;
68
68
  --button-inactive-bgColor: #262c36;
69
69
  --button-inactive-fgColor: #b7bdc8;
70
70
  --button-invisible-bgColor-active: #212830;
@@ -78,10 +78,10 @@
78
78
  --button-outline-fgColor-disabled: #74b9ff80;
79
79
  --button-outline-fgColor-hover: #71b7ff;
80
80
  --button-outline-fgColor-rest: #5cacff;
81
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
81
+ --button-outline-shadow-selected: 0 0 0 0 #000000;
82
82
  --button-primary-bgColor-disabled: #318bf8;
83
83
  --button-primary-borderColor-rest: #91cbff;
84
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
84
+ --button-primary-shadow-selected: 0 0 0 0 #000000;
85
85
  --button-star-iconColor: #f7c843;
86
86
  --buttonCounter-default-bgColor-rest: #2f3742;
87
87
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -796,11 +796,11 @@
796
796
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
797
797
  --selectMenu-borderColor: var(--borderColor-default);
798
798
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
799
- --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
800
- --shadow-inset: inset 0px 1px 0px 0px #0104093d;
801
- --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
802
- --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
803
- --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
799
+ --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
800
+ --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
801
+ --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
802
+ --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
803
+ --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
804
804
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
805
805
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
806
806
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -875,10 +875,10 @@
875
875
  --focus-outline: 2px solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
876
876
  --page-header-bgColor: var(--bgColor-default);
877
877
  --progressBar-track-bgColor: var(--bgColor-inverse);
878
- --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409; /** Large floating shadow for modals and dialogs */
879
- --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
880
- --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
881
- --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
878
+ --shadow-floating-large: 0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
879
+ --shadow-floating-medium: 0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
880
+ --shadow-floating-small: 0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
881
+ --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
882
882
  --tooltip-bgColor: var(--bgColor-inverse);
883
883
  --tooltip-fgColor: var(--fgColor-onInverse);
884
884
  --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
@@ -912,7 +912,7 @@
912
912
  --fgColor-done: #d3abff; /** Text color for completed/done state indicators */
913
913
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
914
914
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
915
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
915
+ --avatar-shadow: 0 0 0 2px #0d1117;
916
916
  --avatarStack-fade-bgColor-default: #3d444d;
917
917
  --avatarStack-fade-bgColor-muted: #2a313c;
918
918
  --bgColor-accent-emphasis: #194fb1; /** Strong accent background for active states and focused states */
@@ -960,8 +960,8 @@
960
960
  --button-danger-bgColor-hover: #8f3c00;
961
961
  --button-danger-borderColor-hover: #ffb757;
962
962
  --button-danger-fgColor-rest: #ffb757;
963
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
964
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
963
+ --button-danger-shadow-selected: 0 0 0 0 #000000;
964
+ --button-default-shadow-resting: 0 0 0 0 #000000;
965
965
  --button-inactive-bgColor: #262c36;
966
966
  --button-inactive-fgColor: #b7bdc8;
967
967
  --button-invisible-bgColor-active: #212830;
@@ -975,10 +975,10 @@
975
975
  --button-outline-fgColor-disabled: #74b9ff80;
976
976
  --button-outline-fgColor-hover: #71b7ff;
977
977
  --button-outline-fgColor-rest: #5cacff;
978
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
978
+ --button-outline-shadow-selected: 0 0 0 0 #000000;
979
979
  --button-primary-bgColor-disabled: #318bf8;
980
980
  --button-primary-borderColor-rest: #91cbff;
981
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
981
+ --button-primary-shadow-selected: 0 0 0 0 #000000;
982
982
  --button-star-iconColor: #f7c843;
983
983
  --buttonCounter-default-bgColor-rest: #2f3742;
984
984
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -1693,11 +1693,11 @@
1693
1693
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1694
1694
  --selectMenu-borderColor: var(--borderColor-default);
1695
1695
  --selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
1696
- --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1697
- --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1698
- --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1699
- --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1700
- --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1696
+ --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1697
+ --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1698
+ --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1699
+ --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
1700
+ --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
1701
1701
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1702
1702
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1703
1703
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1772,10 +1772,10 @@
1772
1772
  --focus-outline: 2px solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
1773
1773
  --page-header-bgColor: var(--bgColor-default);
1774
1774
  --progressBar-track-bgColor: var(--bgColor-inverse);
1775
- --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409; /** Large floating shadow for modals and dialogs */
1776
- --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1777
- --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1778
- --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
1775
+ --shadow-floating-large: 0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
1776
+ --shadow-floating-medium: 0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
1777
+ --shadow-floating-small: 0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1778
+ --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1779
1779
  --tooltip-bgColor: var(--bgColor-inverse);
1780
1780
  --tooltip-fgColor: var(--fgColor-onInverse);
1781
1781
  --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -13,7 +13,7 @@
13
13
  --control-checked-bgColor-hover: #2a7aef;
14
14
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
15
15
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
16
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
16
+ --avatar-shadow: 0 0 0 2px #0d1117;
17
17
  --avatarStack-fade-bgColor-default: #3d444d;
18
18
  --avatarStack-fade-bgColor-muted: #2a313c;
19
19
  --bgColor-accent-emphasis: #1f6feb; /** Strong accent background for active states and focused states */
@@ -60,8 +60,8 @@
60
60
  --borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
61
61
  --borderColor-transparent: #00000000; /** Fully transparent border */
62
62
  --button-danger-bgColor-hover: #9b4215;
63
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
64
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
63
+ --button-danger-shadow-selected: 0 0 0 0 #000000;
64
+ --button-default-shadow-resting: 0 0 0 0 #000000;
65
65
  --button-inactive-bgColor: #262c36;
66
66
  --button-inactive-fgColor: #9198a1;
67
67
  --button-invisible-bgColor-disabled: #00000000;
@@ -71,9 +71,9 @@
71
71
  --button-outline-fgColor-disabled: #4493f880;
72
72
  --button-outline-fgColor-hover: #58a6ff;
73
73
  --button-outline-fgColor-rest: #388bfd;
74
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
74
+ --button-outline-shadow-selected: 0 0 0 0 #000000;
75
75
  --button-primary-bgColor-disabled: #1158c7;
76
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
76
+ --button-primary-shadow-selected: 0 0 0 0 #000000;
77
77
  --button-star-iconColor: #e3b341;
78
78
  --buttonCounter-danger-bgColor-rest: #49020233;
79
79
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -819,11 +819,11 @@
819
819
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
820
820
  --selectMenu-borderColor: var(--borderColor-default);
821
821
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
822
- --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
823
- --shadow-inset: inset 0px 1px 0px 0px #0104093d;
824
- --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
825
- --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
826
- --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
822
+ --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
823
+ --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
824
+ --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
825
+ --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
826
+ --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
827
827
  --tooltip-bgColor: var(--bgColor-emphasis);
828
828
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
829
829
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -890,10 +890,10 @@
890
890
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
891
891
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
892
892
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
893
- --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409; /** Large floating shadow for modals and dialogs */
894
- --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
895
- --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
896
- --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
893
+ --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
894
+ --shadow-floating-medium: 0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
895
+ --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
896
+ --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
897
897
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
898
898
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
899
899
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
@@ -910,7 +910,7 @@
910
910
  --control-checked-bgColor-hover: #2a7aef;
911
911
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
912
912
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
913
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
913
+ --avatar-shadow: 0 0 0 2px #0d1117;
914
914
  --avatarStack-fade-bgColor-default: #3d444d;
915
915
  --avatarStack-fade-bgColor-muted: #2a313c;
916
916
  --bgColor-accent-emphasis: #1f6feb; /** Strong accent background for active states and focused states */
@@ -957,8 +957,8 @@
957
957
  --borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
958
958
  --borderColor-transparent: #00000000; /** Fully transparent border */
959
959
  --button-danger-bgColor-hover: #9b4215;
960
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
961
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
960
+ --button-danger-shadow-selected: 0 0 0 0 #000000;
961
+ --button-default-shadow-resting: 0 0 0 0 #000000;
962
962
  --button-inactive-bgColor: #262c36;
963
963
  --button-inactive-fgColor: #9198a1;
964
964
  --button-invisible-bgColor-disabled: #00000000;
@@ -968,9 +968,9 @@
968
968
  --button-outline-fgColor-disabled: #4493f880;
969
969
  --button-outline-fgColor-hover: #58a6ff;
970
970
  --button-outline-fgColor-rest: #388bfd;
971
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
971
+ --button-outline-shadow-selected: 0 0 0 0 #000000;
972
972
  --button-primary-bgColor-disabled: #1158c7;
973
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
973
+ --button-primary-shadow-selected: 0 0 0 0 #000000;
974
974
  --button-star-iconColor: #e3b341;
975
975
  --buttonCounter-danger-bgColor-rest: #49020233;
976
976
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -1716,11 +1716,11 @@
1716
1716
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1717
1717
  --selectMenu-borderColor: var(--borderColor-default);
1718
1718
  --selection-bgColor: #1f6febb3; /** Background color for text selection highlights */
1719
- --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1720
- --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1721
- --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1722
- --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1723
- --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1719
+ --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1720
+ --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1721
+ --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1722
+ --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
1723
+ --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
1724
1724
  --tooltip-bgColor: var(--bgColor-emphasis);
1725
1725
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1726
1726
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1787,10 +1787,10 @@
1787
1787
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1788
1788
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1789
1789
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1790
- --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409; /** Large floating shadow for modals and dialogs */
1791
- --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1792
- --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1793
- --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1790
+ --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
1791
+ --shadow-floating-medium: 0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
1792
+ --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1793
+ --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1794
1794
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1795
1795
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1796
1796
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
package/dist/css/functional/themes/dark-dimmed-high-contrast.css CHANGED
@@ -18,7 +18,7 @@
18
18
  --control-danger-bgColor-active: #c51120;
19
19
  --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
20
20
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
21
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
21
+ --avatar-shadow: 0 0 0 2px #0d1117;
22
22
  --avatarStack-fade-bgColor-default: #3d444d;
23
23
  --avatarStack-fade-bgColor-muted: #2a313c;
24
24
  --bgColor-accent-emphasis: #1b4b91; /** Strong accent background for active states and focused states */
@@ -64,8 +64,8 @@
64
64
  --button-danger-bgColor-hover: #922323;
65
65
  --button-danger-borderColor-hover: #ffb8b0;
66
66
  --button-danger-fgColor-rest: #ffb8b0;
67
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
68
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
67
+ --button-danger-shadow-selected: 0 0 0 0 #000000;
68
+ --button-default-shadow-resting: 0 0 0 0 #000000;
69
69
  --button-inactive-bgColor: #262c36;
70
70
  --button-inactive-fgColor: #9198a1;
71
71
  --button-invisible-bgColor-disabled: #00000000;
@@ -76,11 +76,11 @@
76
76
  --button-outline-bgColor-rest: #f0f6fc;
77
77
  --button-outline-fgColor-hover: #539bf5;
78
78
  --button-outline-fgColor-rest: #4184e4;
79
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
79
+ --button-outline-shadow-selected: 0 0 0 0 #000000;
80
80
  --button-primary-bgColor-active: #347d39;
81
81
  --button-primary-bgColor-hover: #2b6a30;
82
82
  --button-primary-borderColor-rest: #6bc46d;
83
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
83
+ --button-primary-shadow-selected: 0 0 0 0 #000000;
84
84
  --button-star-iconColor: #daaa3f;
85
85
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
86
86
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -827,11 +827,11 @@
827
827
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
828
828
  --selectMenu-borderColor: var(--borderColor-default);
829
829
  --selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
830
- --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
831
- --shadow-inset: inset 0px 1px 0px 0px #0104093d;
832
- --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
833
- --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
834
- --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
830
+ --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
831
+ --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
832
+ --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
833
+ --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
834
+ --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
835
835
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
836
836
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
837
837
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -878,10 +878,10 @@
878
878
  --focus-outline: 2px solid #6cb6ff; /** Focus ring outline for keyboard navigation and accessibility. */
879
879
  --progressBar-track-bgColor: var(--bgColor-inverse);
880
880
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
881
- --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409; /** Large floating shadow for modals and dialogs */
882
- --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
883
- --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
884
- --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
881
+ --shadow-floating-large: 0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
882
+ --shadow-floating-medium: 0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
883
+ --shadow-floating-small: 0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
884
+ --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
885
885
  --tooltip-bgColor: var(--bgColor-inverse);
886
886
  --tooltip-fgColor: var(--fgColor-onInverse);
887
887
  --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
@@ -915,7 +915,7 @@
915
915
  --control-danger-bgColor-active: #c51120;
916
916
  --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
917
917
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
918
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
918
+ --avatar-shadow: 0 0 0 2px #0d1117;
919
919
  --avatarStack-fade-bgColor-default: #3d444d;
920
920
  --avatarStack-fade-bgColor-muted: #2a313c;
921
921
  --bgColor-accent-emphasis: #1b4b91; /** Strong accent background for active states and focused states */
@@ -961,8 +961,8 @@
961
961
  --button-danger-bgColor-hover: #922323;
962
962
  --button-danger-borderColor-hover: #ffb8b0;
963
963
  --button-danger-fgColor-rest: #ffb8b0;
964
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
965
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
964
+ --button-danger-shadow-selected: 0 0 0 0 #000000;
965
+ --button-default-shadow-resting: 0 0 0 0 #000000;
966
966
  --button-inactive-bgColor: #262c36;
967
967
  --button-inactive-fgColor: #9198a1;
968
968
  --button-invisible-bgColor-disabled: #00000000;
@@ -973,11 +973,11 @@
973
973
  --button-outline-bgColor-rest: #f0f6fc;
974
974
  --button-outline-fgColor-hover: #539bf5;
975
975
  --button-outline-fgColor-rest: #4184e4;
976
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
976
+ --button-outline-shadow-selected: 0 0 0 0 #000000;
977
977
  --button-primary-bgColor-active: #347d39;
978
978
  --button-primary-bgColor-hover: #2b6a30;
979
979
  --button-primary-borderColor-rest: #6bc46d;
980
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
980
+ --button-primary-shadow-selected: 0 0 0 0 #000000;
981
981
  --button-star-iconColor: #daaa3f;
982
982
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
983
983
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -1724,11 +1724,11 @@
1724
1724
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1725
1725
  --selectMenu-borderColor: var(--borderColor-default);
1726
1726
  --selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
1727
- --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1728
- --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1729
- --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1730
- --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1731
- --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1727
+ --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1728
+ --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1729
+ --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1730
+ --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
1731
+ --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
1732
1732
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1733
1733
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1734
1734
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1775,10 +1775,10 @@
1775
1775
  --focus-outline: 2px solid #6cb6ff; /** Focus ring outline for keyboard navigation and accessibility. */
1776
1776
  --progressBar-track-bgColor: var(--bgColor-inverse);
1777
1777
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1778
- --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409; /** Large floating shadow for modals and dialogs */
1779
- --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1780
- --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1781
- --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
1778
+ --shadow-floating-large: 0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
1779
+ --shadow-floating-medium: 0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
1780
+ --shadow-floating-small: 0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1781
+ --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1782
1782
  --tooltip-bgColor: var(--bgColor-inverse);
1783
1783
  --tooltip-fgColor: var(--fgColor-onInverse);
1784
1784
  --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --control-checked-borderColor-hover: #3876d3;
24
24
  --fgColor-accent: #478be6; /** Accent text for links and interactive elements */
25
25
  --reactionButton-selected-bgColor-hover: #4285e55c;
26
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
26
+ --avatar-shadow: 0 0 0 2px #0d1117;
27
27
  --avatarStack-fade-bgColor-default: #3d444d;
28
28
  --avatarStack-fade-bgColor-muted: #2a313c;
29
29
  --bgColor-accent-emphasis: #316dca; /** Strong accent background for active states and focused states */
@@ -71,9 +71,9 @@
71
71
  --button-danger-bgColor-hover: #ad2e2c;
72
72
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
73
73
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
74
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
74
+ --button-danger-shadow-selected: 0 0 0 0 #000000;
75
75
  --button-default-borderColor-rest: var(--control-borderColor-rest);
76
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
76
+ --button-default-shadow-resting: 0 0 0 0 #000000;
77
77
  --button-inactive-bgColor: #2a313c;
78
78
  --button-inactive-fgColor: #656c76;
79
79
  --button-invisible-bgColor-disabled: #00000000;
@@ -84,8 +84,8 @@
84
84
  --button-outline-bgColor-rest: #f0f6fc;
85
85
  --button-outline-fgColor-hover: #539bf5;
86
86
  --button-outline-fgColor-rest: #4184e4;
87
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
88
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
87
+ --button-outline-shadow-selected: 0 0 0 0 #000000;
88
+ --button-primary-shadow-selected: 0 0 0 0 #000000;
89
89
  --button-star-iconColor: #daaa3f;
90
90
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
91
91
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -845,15 +845,15 @@
845
845
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
846
846
  --selectMenu-borderColor: var(--borderColor-default);
847
847
  --selection-bgColor: #316dcab3; /** Background color for text selection highlights */
848
- --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409; /** Large floating shadow for modals and dialogs */
849
- --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
850
- --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
851
- --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
852
- --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
853
- --shadow-inset: inset 0px 1px 0px 0px #0104093d;
854
- --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
855
- --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
856
- --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
848
+ --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
849
+ --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
850
+ --shadow-floating-medium: 0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
851
+ --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
852
+ --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
853
+ --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
854
+ --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
855
+ --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
856
+ --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
857
857
  --tooltip-bgColor: var(--bgColor-emphasis);
858
858
  --tooltip-fgColor: var(--fgColor-onEmphasis);
859
859
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
@@ -920,7 +920,7 @@
920
920
  --control-checked-borderColor-hover: #3876d3;
921
921
  --fgColor-accent: #478be6; /** Accent text for links and interactive elements */
922
922
  --reactionButton-selected-bgColor-hover: #4285e55c;
923
- --avatar-shadow: 0px 0px 0px 2px #0d1117;
923
+ --avatar-shadow: 0 0 0 2px #0d1117;
924
924
  --avatarStack-fade-bgColor-default: #3d444d;
925
925
  --avatarStack-fade-bgColor-muted: #2a313c;
926
926
  --bgColor-accent-emphasis: #316dca; /** Strong accent background for active states and focused states */
@@ -968,9 +968,9 @@
968
968
  --button-danger-bgColor-hover: #ad2e2c;
969
969
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
970
970
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
971
- --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
971
+ --button-danger-shadow-selected: 0 0 0 0 #000000;
972
972
  --button-default-borderColor-rest: var(--control-borderColor-rest);
973
- --button-default-shadow-resting: 0px 0px 0px 0px #000000;
973
+ --button-default-shadow-resting: 0 0 0 0 #000000;
974
974
  --button-inactive-bgColor: #2a313c;
975
975
  --button-inactive-fgColor: #656c76;
976
976
  --button-invisible-bgColor-disabled: #00000000;
@@ -981,8 +981,8 @@
981
981
  --button-outline-bgColor-rest: #f0f6fc;
982
982
  --button-outline-fgColor-hover: #539bf5;
983
983
  --button-outline-fgColor-rest: #4184e4;
984
- --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
985
- --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
984
+ --button-outline-shadow-selected: 0 0 0 0 #000000;
985
+ --button-primary-shadow-selected: 0 0 0 0 #000000;
986
986
  --button-star-iconColor: #daaa3f;
987
987
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
988
988
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -1742,15 +1742,15 @@
1742
1742
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1743
1743
  --selectMenu-borderColor: var(--borderColor-default);
1744
1744
  --selection-bgColor: #316dcab3; /** Background color for text selection highlights */
1745
- --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409; /** Large floating shadow for modals and dialogs */
1746
- --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1747
- --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1748
- --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1749
- --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1750
- --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1751
- --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1752
- --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1753
- --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1745
+ --shadow-floating-large: 0 0 0 1px #3d444d, 0 24px 48px 0 #010409; /** Large floating shadow for modals and dialogs */
1746
+ --shadow-floating-legacy: 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Legacy floating shadow for backward compatibility */
1747
+ --shadow-floating-medium: 0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966; /** Medium floating shadow for popovers and action menus */
1748
+ --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1749
+ --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1750
+ --shadow-inset: inset 0 1px 0 0 #0104093d; /** Inset shadow for recessed elements */
1751
+ --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc; /** Medium resting shadow for cards and elevated surfaces */
1752
+ --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
1753
+ --shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
1754
1754
  --tooltip-bgColor: var(--bgColor-emphasis);
1755
1755
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1756
1756
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);