@primer/primitives 11.4.1-rc.eb8ee149 → 11.5.0-rc.14eaeb12

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 (190) hide show
  1. package/DESIGN_TOKENS_GUIDE.md +185 -0
  2. package/DESIGN_TOKENS_SPEC.md +136 -8
  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 +61 -5
  6. package/dist/build/schemas/borderToken.js +2 -1
  7. package/dist/build/schemas/colorToken.d.ts +639 -30
  8. package/dist/build/schemas/colorToken.js +3 -2
  9. package/dist/build/schemas/colorW3cValue.d.ts +28 -0
  10. package/dist/build/schemas/colorW3cValue.js +42 -0
  11. package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
  12. package/dist/build/schemas/dimensionToken.d.ts +9 -2
  13. package/dist/build/schemas/dimensionValue.d.ts +12 -1
  14. package/dist/build/schemas/dimensionValue.js +10 -13
  15. package/dist/build/schemas/durationToken.d.ts +8 -2
  16. package/dist/build/schemas/durationValue.d.ts +11 -1
  17. package/dist/build/schemas/durationValue.js +13 -3
  18. package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
  19. package/dist/build/schemas/fontWeightToken.d.ts +1 -1
  20. package/dist/build/schemas/gradientToken.d.ts +23 -2
  21. package/dist/build/schemas/gradientToken.js +2 -1
  22. package/dist/build/schemas/numberToken.d.ts +1 -1
  23. package/dist/build/schemas/shadowToken.d.ts +1751 -127
  24. package/dist/build/schemas/shadowToken.js +8 -2
  25. package/dist/build/schemas/stringToken.d.ts +1 -1
  26. package/dist/build/schemas/stringToken.js +1 -1
  27. package/dist/build/schemas/tokenType.d.ts +1 -1
  28. package/dist/build/schemas/transitionToken.d.ts +15 -3
  29. package/dist/build/schemas/typographyToken.d.ts +19 -5
  30. package/dist/build/schemas/typographyToken.js +1 -1
  31. package/dist/build/schemas/validTokenType.d.ts +1 -1
  32. package/dist/build/schemas/validTokenType.js +1 -1
  33. package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
  34. package/dist/build/transformers/borderToCss.js +19 -1
  35. package/dist/build/transformers/colorAlphaToCss.js +6 -3
  36. package/dist/build/transformers/colorToHex.js +5 -2
  37. package/dist/build/transformers/colorToRgbAlpha.js +5 -2
  38. package/dist/build/transformers/colorToRgbaFloat.js +5 -0
  39. package/dist/build/transformers/dimensionToPixelUnitless.d.ts +3 -2
  40. package/dist/build/transformers/dimensionToPixelUnitless.js +22 -26
  41. package/dist/build/transformers/dimensionToRem.d.ts +2 -1
  42. package/dist/build/transformers/dimensionToRem.js +21 -22
  43. package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -1
  44. package/dist/build/transformers/dimensionToRemPxArray.js +21 -22
  45. package/dist/build/transformers/durationToCss.d.ts +2 -1
  46. package/dist/build/transformers/durationToCss.js +19 -12
  47. package/dist/build/transformers/gradientToCss.js +2 -1
  48. package/dist/build/transformers/shadowToCss.js +15 -1
  49. package/dist/build/transformers/utilities/normalizeColorValue.d.ts +23 -0
  50. package/dist/build/transformers/utilities/normalizeColorValue.js +74 -0
  51. package/dist/build/transformers/utilities/parseDimension.d.ts +12 -0
  52. package/dist/build/transformers/utilities/parseDimension.js +31 -0
  53. package/dist/build/types/borderTokenValue.d.ts +5 -2
  54. package/dist/build/types/dimensionTokenValue.d.ts +9 -0
  55. package/dist/build/types/shadowTokenValue.d.ts +8 -5
  56. package/dist/css/base/motion/motion.css +1 -1
  57. package/dist/css/functional/size/radius.css +1 -1
  58. package/dist/css/functional/size/size-coarse.css +1 -0
  59. package/dist/css/functional/size/size-fine.css +1 -0
  60. package/dist/css/functional/size/size.css +5 -0
  61. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +42 -30
  62. package/dist/css/functional/themes/dark-colorblind.css +42 -30
  63. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +42 -30
  64. package/dist/css/functional/themes/dark-dimmed.css +42 -30
  65. package/dist/css/functional/themes/dark-high-contrast.css +42 -30
  66. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +42 -30
  67. package/dist/css/functional/themes/dark-tritanopia.css +42 -30
  68. package/dist/css/functional/themes/dark.css +42 -30
  69. package/dist/css/functional/themes/light-colorblind-high-contrast.css +42 -30
  70. package/dist/css/functional/themes/light-colorblind.css +42 -30
  71. package/dist/css/functional/themes/light-high-contrast.css +42 -30
  72. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +42 -30
  73. package/dist/css/functional/themes/light-tritanopia.css +42 -30
  74. package/dist/css/functional/themes/light.css +42 -30
  75. package/dist/docs/base/motion/motion.json +96 -24
  76. package/dist/docs/base/size/size.json +76 -19
  77. package/dist/docs/base/typography/typography.json +24 -6
  78. package/dist/docs/functional/size/border.json +26 -11
  79. package/dist/docs/functional/size/breakpoints.json +24 -6
  80. package/dist/docs/functional/size/radius.json +18 -6
  81. package/dist/docs/functional/size/size-coarse.json +55 -2
  82. package/dist/docs/functional/size/size-fine.json +55 -2
  83. package/dist/docs/functional/size/size.json +195 -15
  84. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +3921 -714
  85. package/dist/docs/functional/themes/dark-colorblind.json +3911 -712
  86. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +3774 -547
  87. package/dist/docs/functional/themes/dark-dimmed.json +3801 -554
  88. package/dist/docs/functional/themes/dark-high-contrast.json +3926 -715
  89. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +3936 -717
  90. package/dist/docs/functional/themes/dark-tritanopia.json +3769 -546
  91. package/dist/docs/functional/themes/dark.json +3920 -713
  92. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +3780 -553
  93. package/dist/docs/functional/themes/light-colorblind.json +3767 -548
  94. package/dist/docs/functional/themes/light-high-contrast.json +3785 -554
  95. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +3785 -554
  96. package/dist/docs/functional/themes/light-tritanopia.json +3777 -550
  97. package/dist/docs/functional/themes/light.json +3782 -551
  98. package/dist/docs/functional/typography/typography.json +8 -2
  99. package/dist/fallbacks/base/motion/motion.json +48 -12
  100. package/dist/fallbacks/functional/size/size-coarse.json +2 -1
  101. package/dist/fallbacks/functional/size/size-fine.json +2 -1
  102. package/dist/fallbacks/functional/size/size.json +5 -0
  103. package/dist/figma/dimension/dimension.json +56 -1
  104. package/dist/figma/themes/dark-colorblind.json +49 -1
  105. package/dist/figma/themes/dark-dimmed.json +51 -3
  106. package/dist/figma/themes/dark-high-contrast.json +49 -1
  107. package/dist/figma/themes/dark-tritanopia.json +49 -1
  108. package/dist/figma/themes/dark.json +49 -1
  109. package/dist/figma/themes/light-colorblind.json +53 -5
  110. package/dist/figma/themes/light-high-contrast.json +53 -5
  111. package/dist/figma/themes/light-tritanopia.json +53 -5
  112. package/dist/figma/themes/light.json +53 -5
  113. package/dist/internalCss/dark-colorblind-high-contrast.css +42 -30
  114. package/dist/internalCss/dark-colorblind.css +42 -30
  115. package/dist/internalCss/dark-dimmed-high-contrast.css +42 -30
  116. package/dist/internalCss/dark-dimmed.css +42 -30
  117. package/dist/internalCss/dark-high-contrast.css +42 -30
  118. package/dist/internalCss/dark-tritanopia-high-contrast.css +42 -30
  119. package/dist/internalCss/dark-tritanopia.css +42 -30
  120. package/dist/internalCss/dark.css +42 -30
  121. package/dist/internalCss/light-colorblind-high-contrast.css +42 -30
  122. package/dist/internalCss/light-colorblind.css +42 -30
  123. package/dist/internalCss/light-high-contrast.css +42 -30
  124. package/dist/internalCss/light-tritanopia-high-contrast.css +42 -30
  125. package/dist/internalCss/light-tritanopia.css +42 -30
  126. package/dist/internalCss/light.css +42 -30
  127. package/dist/styleLint/base/motion/motion.json +96 -24
  128. package/dist/styleLint/base/size/size.json +76 -19
  129. package/dist/styleLint/base/typography/typography.json +30 -12
  130. package/dist/styleLint/functional/size/border.json +27 -12
  131. package/dist/styleLint/functional/size/breakpoints.json +24 -6
  132. package/dist/styleLint/functional/size/radius.json +19 -7
  133. package/dist/styleLint/functional/size/size-coarse.json +60 -7
  134. package/dist/styleLint/functional/size/size-fine.json +60 -7
  135. package/dist/styleLint/functional/size/size.json +246 -66
  136. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +4060 -733
  137. package/dist/styleLint/functional/themes/dark-colorblind.json +4050 -731
  138. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +3914 -567
  139. package/dist/styleLint/functional/themes/dark-dimmed.json +3941 -574
  140. package/dist/styleLint/functional/themes/dark-high-contrast.json +4065 -734
  141. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +4075 -736
  142. package/dist/styleLint/functional/themes/dark-tritanopia.json +4079 -736
  143. package/dist/styleLint/functional/themes/dark.json +4059 -732
  144. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +4091 -744
  145. package/dist/styleLint/functional/themes/light-colorblind.json +4078 -739
  146. package/dist/styleLint/functional/themes/light-high-contrast.json +4096 -745
  147. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +4096 -745
  148. package/dist/styleLint/functional/themes/light-tritanopia.json +4088 -741
  149. package/dist/styleLint/functional/themes/light.json +4093 -742
  150. package/dist/styleLint/functional/typography/typography.json +28 -22
  151. package/package.json +5 -4
  152. package/src/tokens/base/color/dark/dark.dimmed.json5 +405 -81
  153. package/src/tokens/base/color/dark/dark.high-contrast.json5 +405 -81
  154. package/src/tokens/base/color/dark/dark.json5 +475 -95
  155. package/src/tokens/base/color/dark/display-dark.json5 +960 -192
  156. package/src/tokens/base/color/light/display-light.json5 +960 -192
  157. package/src/tokens/base/color/light/light.high-contrast.json5 +405 -81
  158. package/src/tokens/base/color/light/light.json5 +475 -95
  159. package/src/tokens/base/motion/timing.json5 +12 -12
  160. package/src/tokens/base/size/size.json5 +194 -194
  161. package/src/tokens/base/typography/typography.json5 +6 -6
  162. package/src/tokens/component/avatar.json5 +72 -44
  163. package/src/tokens/component/button.json5 +1846 -1191
  164. package/src/tokens/component/reactionButton.json5 +20 -4
  165. package/src/tokens/functional/border/border.json5 +33 -2
  166. package/src/tokens/functional/color/bgColor.json5 +18 -2
  167. package/src/tokens/functional/color/borderColor.json5 +8 -1
  168. package/src/tokens/functional/color/control.json5 +160 -32
  169. package/src/tokens/functional/color/display.json5 +7 -0
  170. package/src/tokens/functional/color/fgColor.json5 +13 -1
  171. package/src/tokens/functional/color/syntax.json5 +24 -2
  172. package/src/tokens/functional/shadow/shadow.json5 +1254 -163
  173. package/src/tokens/functional/size/border.json5 +8 -8
  174. package/src/tokens/functional/size/breakpoints.json5 +6 -6
  175. package/src/tokens/functional/size/radius.json5 +5 -5
  176. package/src/tokens/functional/size/size-coarse.json5 +15 -0
  177. package/src/tokens/functional/size/size-fine.json5 +15 -0
  178. package/src/tokens/functional/size/size.json5 +65 -15
  179. package/src/tokens/functional/typography/typography.json5 +8 -4
  180. package/dist/build/parsers/index.d.ts +0 -1
  181. package/dist/build/parsers/index.js +0 -1
  182. package/dist/build/parsers/w3cJsonParser.d.ts +0 -6
  183. package/dist/build/parsers/w3cJsonParser.js +0 -25
  184. package/dist/removed/testing.json5 +0 -4
  185. package/guidelines/color.llm.md +0 -16
  186. package/guidelines/guidelines.llm.md +0 -34
  187. package/guidelines/motion.llm.md +0 -41
  188. package/guidelines/spacing.llm.md +0 -20
  189. package/guidelines/typography.llm.md +0 -14
  190. package/src/tokens/removed/testing.json5 +0 -4
package/dist/figma/themes/light-colorblind.json CHANGED
@@ -91,7 +91,7 @@
91
91
  "r": 0.12156862745098039,
92
92
  "g": 0.13725490196078433,
93
93
  "b": 0.1568627450980392,
94
- "a": 0.06
94
+ "a": 0.05
95
95
  },
96
96
  "type": "COLOR",
97
97
  "scopes": ["EFFECT_COLOR"],
@@ -141,7 +141,7 @@
141
141
  "r": 0.12156862745098039,
142
142
  "g": 0.13725490196078433,
143
143
  "b": 0.1568627450980392,
144
- "a": 0.06
144
+ "a": 0.04
145
145
  },
146
146
  "type": "COLOR",
147
147
  "scopes": ["EFFECT_COLOR"],
@@ -169,7 +169,7 @@
169
169
  },
170
170
  {
171
171
  "name": "shadow/resting/small/2/blur",
172
- "value": 3,
172
+ "value": 2,
173
173
  "type": "FLOAT",
174
174
  "scopes": ["EFFECT_FLOAT"],
175
175
  "mode": "light protanopia deuteranopia",
@@ -191,7 +191,7 @@
191
191
  "r": 0.12156862745098039,
192
192
  "g": 0.13725490196078433,
193
193
  "b": 0.1568627450980392,
194
- "a": 0.06
194
+ "a": 0.03
195
195
  },
196
196
  "type": "COLOR",
197
197
  "scopes": ["EFFECT_COLOR"],
@@ -1662,7 +1662,7 @@
1662
1662
  },
1663
1663
  "type": "COLOR",
1664
1664
  "alpha": 0.15,
1665
- "description": "Semi-transparent border for overlays and layered elements",
1665
+ "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
1666
1666
  "refId": "mode/borderColor/translucent",
1667
1667
  "reference": "base/color/light/base/color/neutral/13",
1668
1668
  "collection": "mode",
@@ -9375,6 +9375,22 @@
9375
9375
  "group": "component (internal)",
9376
9376
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9377
9377
  },
9378
+ {
9379
+ "name": "button/default/fgColor/disabled",
9380
+ "value": {
9381
+ "r": 0.5058823529411764,
9382
+ "g": 0.5450980392156862,
9383
+ "b": 0.596078431372549,
9384
+ "a": 1
9385
+ },
9386
+ "type": "COLOR",
9387
+ "refId": "mode/button/default/fgColor/disabled",
9388
+ "reference": "mode/control/fgColor/disabled",
9389
+ "collection": "mode",
9390
+ "mode": "light protanopia deuteranopia",
9391
+ "group": "component (internal)",
9392
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9393
+ },
9378
9394
  {
9379
9395
  "name": "button/default/bgColor/rest",
9380
9396
  "value": {
@@ -9603,6 +9619,22 @@
9603
9619
  "group": "component (internal)",
9604
9620
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9605
9621
  },
9622
+ {
9623
+ "name": "button/primary/iconColor/disabled",
9624
+ "value": {
9625
+ "r": 1,
9626
+ "g": 1,
9627
+ "b": 1,
9628
+ "a": 0.8
9629
+ },
9630
+ "type": "COLOR",
9631
+ "refId": "mode/button/primary/iconColor/disabled",
9632
+ "reference": "mode/button/primary/fgColor/disabled",
9633
+ "collection": "mode",
9634
+ "mode": "light protanopia deuteranopia",
9635
+ "group": "component (internal)",
9636
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9637
+ },
9606
9638
  {
9607
9639
  "name": "button/primary/bgColor/rest",
9608
9640
  "value": {
@@ -10309,6 +10341,22 @@
10309
10341
  "group": "component (internal)",
10310
10342
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10311
10343
  },
10344
+ {
10345
+ "name": "button/danger/iconColor/disabled",
10346
+ "value": {
10347
+ "r": 0.7372549019607844,
10348
+ "g": 0.2980392156862745,
10349
+ "b": 0,
10350
+ "a": 0.5
10351
+ },
10352
+ "type": "COLOR",
10353
+ "refId": "mode/button/danger/iconColor/disabled",
10354
+ "reference": "mode/button/danger/fgColor/disabled",
10355
+ "collection": "mode",
10356
+ "mode": "light protanopia deuteranopia",
10357
+ "group": "component (internal)",
10358
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10359
+ },
10312
10360
  {
10313
10361
  "name": "button/danger/bgColor/rest",
10314
10362
  "value": {
package/dist/figma/themes/light-high-contrast.json CHANGED
@@ -91,7 +91,7 @@
91
91
  "r": 0.00392156862745098,
92
92
  "g": 0.01568627450980392,
93
93
  "b": 0.03529411764705882,
94
- "a": 0.06
94
+ "a": 0.05
95
95
  },
96
96
  "type": "COLOR",
97
97
  "scopes": ["EFFECT_COLOR"],
@@ -141,7 +141,7 @@
141
141
  "r": 0.00392156862745098,
142
142
  "g": 0.01568627450980392,
143
143
  "b": 0.03529411764705882,
144
- "a": 0.06
144
+ "a": 0.04
145
145
  },
146
146
  "type": "COLOR",
147
147
  "scopes": ["EFFECT_COLOR"],
@@ -169,7 +169,7 @@
169
169
  },
170
170
  {
171
171
  "name": "shadow/resting/small/2/blur",
172
- "value": 3,
172
+ "value": 2,
173
173
  "type": "FLOAT",
174
174
  "scopes": ["EFFECT_FLOAT"],
175
175
  "mode": "light high contrast",
@@ -191,7 +191,7 @@
191
191
  "r": 0.00392156862745098,
192
192
  "g": 0.01568627450980392,
193
193
  "b": 0.03529411764705882,
194
- "a": 0.06
194
+ "a": 0.03
195
195
  },
196
196
  "type": "COLOR",
197
197
  "scopes": ["EFFECT_COLOR"],
@@ -1661,7 +1661,7 @@
1661
1661
  },
1662
1662
  "type": "COLOR",
1663
1663
  "alpha": 1,
1664
- "description": "Semi-transparent border for overlays and layered elements",
1664
+ "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
1665
1665
  "refId": "mode/borderColor/translucent",
1666
1666
  "reference": "base/color/light/base/color/neutral/9",
1667
1667
  "collection": "mode",
@@ -9368,6 +9368,22 @@
9368
9368
  "group": "component (internal)",
9369
9369
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9370
9370
  },
9371
+ {
9372
+ "name": "button/default/fgColor/disabled",
9373
+ "value": {
9374
+ "r": 0.34901960784313724,
9375
+ "g": 0.38823529411764707,
9376
+ "b": 0.43137254901960786,
9377
+ "a": 1
9378
+ },
9379
+ "type": "COLOR",
9380
+ "refId": "mode/button/default/fgColor/disabled",
9381
+ "reference": "mode/control/fgColor/disabled",
9382
+ "collection": "mode",
9383
+ "mode": "light high contrast",
9384
+ "group": "component (internal)",
9385
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9386
+ },
9371
9387
  {
9372
9388
  "name": "button/default/bgColor/rest",
9373
9389
  "value": {
@@ -9596,6 +9612,22 @@
9596
9612
  "group": "component (internal)",
9597
9613
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9598
9614
  },
9615
+ {
9616
+ "name": "button/primary/iconColor/disabled",
9617
+ "value": {
9618
+ "r": 1,
9619
+ "g": 1,
9620
+ "b": 1,
9621
+ "a": 0.8
9622
+ },
9623
+ "type": "COLOR",
9624
+ "refId": "mode/button/primary/iconColor/disabled",
9625
+ "reference": "mode/button/primary/fgColor/disabled",
9626
+ "collection": "mode",
9627
+ "mode": "light high contrast",
9628
+ "group": "component (internal)",
9629
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9630
+ },
9599
9631
  {
9600
9632
  "name": "button/primary/bgColor/rest",
9601
9633
  "value": {
@@ -10302,6 +10334,22 @@
10302
10334
  "group": "component (internal)",
10303
10335
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10304
10336
  },
10337
+ {
10338
+ "name": "button/danger/iconColor/disabled",
10339
+ "value": {
10340
+ "r": 0.5254901960784314,
10341
+ "g": 0.023529411764705882,
10342
+ "b": 0.11372549019607843,
10343
+ "a": 0.5
10344
+ },
10345
+ "type": "COLOR",
10346
+ "refId": "mode/button/danger/iconColor/disabled",
10347
+ "reference": "mode/button/danger/fgColor/disabled",
10348
+ "collection": "mode",
10349
+ "mode": "light high contrast",
10350
+ "group": "component (internal)",
10351
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10352
+ },
10305
10353
  {
10306
10354
  "name": "button/danger/bgColor/rest",
10307
10355
  "value": {
package/dist/figma/themes/light-tritanopia.json CHANGED
@@ -91,7 +91,7 @@
91
91
  "r": 0.12156862745098039,
92
92
  "g": 0.13725490196078433,
93
93
  "b": 0.1568627450980392,
94
- "a": 0.06
94
+ "a": 0.05
95
95
  },
96
96
  "type": "COLOR",
97
97
  "scopes": ["EFFECT_COLOR"],
@@ -141,7 +141,7 @@
141
141
  "r": 0.12156862745098039,
142
142
  "g": 0.13725490196078433,
143
143
  "b": 0.1568627450980392,
144
- "a": 0.06
144
+ "a": 0.04
145
145
  },
146
146
  "type": "COLOR",
147
147
  "scopes": ["EFFECT_COLOR"],
@@ -169,7 +169,7 @@
169
169
  },
170
170
  {
171
171
  "name": "shadow/resting/small/2/blur",
172
- "value": 3,
172
+ "value": 2,
173
173
  "type": "FLOAT",
174
174
  "scopes": ["EFFECT_FLOAT"],
175
175
  "mode": "light tritanopia",
@@ -191,7 +191,7 @@
191
191
  "r": 0.12156862745098039,
192
192
  "g": 0.13725490196078433,
193
193
  "b": 0.1568627450980392,
194
- "a": 0.06
194
+ "a": 0.03
195
195
  },
196
196
  "type": "COLOR",
197
197
  "scopes": ["EFFECT_COLOR"],
@@ -1662,7 +1662,7 @@
1662
1662
  },
1663
1663
  "type": "COLOR",
1664
1664
  "alpha": 0.15,
1665
- "description": "Semi-transparent border for overlays and layered elements",
1665
+ "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
1666
1666
  "refId": "mode/borderColor/translucent",
1667
1667
  "reference": "base/color/light/base/color/neutral/13",
1668
1668
  "collection": "mode",
@@ -9374,6 +9374,22 @@
9374
9374
  "group": "component (internal)",
9375
9375
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9376
9376
  },
9377
+ {
9378
+ "name": "button/default/fgColor/disabled",
9379
+ "value": {
9380
+ "r": 0.5058823529411764,
9381
+ "g": 0.5450980392156862,
9382
+ "b": 0.596078431372549,
9383
+ "a": 1
9384
+ },
9385
+ "type": "COLOR",
9386
+ "refId": "mode/button/default/fgColor/disabled",
9387
+ "reference": "mode/control/fgColor/disabled",
9388
+ "collection": "mode",
9389
+ "mode": "light tritanopia",
9390
+ "group": "component (internal)",
9391
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9392
+ },
9377
9393
  {
9378
9394
  "name": "button/default/bgColor/rest",
9379
9395
  "value": {
@@ -9602,6 +9618,22 @@
9602
9618
  "group": "component (internal)",
9603
9619
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9604
9620
  },
9621
+ {
9622
+ "name": "button/primary/iconColor/disabled",
9623
+ "value": {
9624
+ "r": 1,
9625
+ "g": 1,
9626
+ "b": 1,
9627
+ "a": 0.8
9628
+ },
9629
+ "type": "COLOR",
9630
+ "refId": "mode/button/primary/iconColor/disabled",
9631
+ "reference": "mode/button/primary/fgColor/disabled",
9632
+ "collection": "mode",
9633
+ "mode": "light tritanopia",
9634
+ "group": "component (internal)",
9635
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9636
+ },
9605
9637
  {
9606
9638
  "name": "button/primary/bgColor/rest",
9607
9639
  "value": {
@@ -10308,6 +10340,22 @@
10308
10340
  "group": "component (internal)",
10309
10341
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10310
10342
  },
10343
+ {
10344
+ "name": "button/danger/iconColor/disabled",
10345
+ "value": {
10346
+ "r": 0.8196078431372549,
10347
+ "g": 0.1411764705882353,
10348
+ "b": 0.1843137254901961,
10349
+ "a": 0.5
10350
+ },
10351
+ "type": "COLOR",
10352
+ "refId": "mode/button/danger/iconColor/disabled",
10353
+ "reference": "mode/button/danger/fgColor/disabled",
10354
+ "collection": "mode",
10355
+ "mode": "light tritanopia",
10356
+ "group": "component (internal)",
10357
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10358
+ },
10311
10359
  {
10312
10360
  "name": "button/danger/bgColor/rest",
10313
10361
  "value": {
package/dist/figma/themes/light.json CHANGED
@@ -91,7 +91,7 @@
91
91
  "r": 0.12156862745098039,
92
92
  "g": 0.13725490196078433,
93
93
  "b": 0.1568627450980392,
94
- "a": 0.06
94
+ "a": 0.05
95
95
  },
96
96
  "type": "COLOR",
97
97
  "scopes": ["EFFECT_COLOR"],
@@ -141,7 +141,7 @@
141
141
  "r": 0.12156862745098039,
142
142
  "g": 0.13725490196078433,
143
143
  "b": 0.1568627450980392,
144
- "a": 0.06
144
+ "a": 0.04
145
145
  },
146
146
  "type": "COLOR",
147
147
  "scopes": ["EFFECT_COLOR"],
@@ -169,7 +169,7 @@
169
169
  },
170
170
  {
171
171
  "name": "shadow/resting/small/2/blur",
172
- "value": 3,
172
+ "value": 2,
173
173
  "type": "FLOAT",
174
174
  "scopes": ["EFFECT_FLOAT"],
175
175
  "mode": "light",
@@ -191,7 +191,7 @@
191
191
  "r": 0.12156862745098039,
192
192
  "g": 0.13725490196078433,
193
193
  "b": 0.1568627450980392,
194
- "a": 0.06
194
+ "a": 0.03
195
195
  },
196
196
  "type": "COLOR",
197
197
  "scopes": ["EFFECT_COLOR"],
@@ -1661,7 +1661,7 @@
1661
1661
  },
1662
1662
  "type": "COLOR",
1663
1663
  "alpha": 0.15,
1664
- "description": "Semi-transparent border for overlays and layered elements",
1664
+ "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
1665
1665
  "refId": "mode/borderColor/translucent",
1666
1666
  "reference": "base/color/light/base/color/neutral/13",
1667
1667
  "collection": "mode",
@@ -9370,6 +9370,22 @@
9370
9370
  "group": "component (internal)",
9371
9371
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9372
9372
  },
9373
+ {
9374
+ "name": "button/default/fgColor/disabled",
9375
+ "value": {
9376
+ "r": 0.5058823529411764,
9377
+ "g": 0.5450980392156862,
9378
+ "b": 0.596078431372549,
9379
+ "a": 1
9380
+ },
9381
+ "type": "COLOR",
9382
+ "refId": "mode/button/default/fgColor/disabled",
9383
+ "reference": "mode/control/fgColor/disabled",
9384
+ "collection": "mode",
9385
+ "mode": "light",
9386
+ "group": "component (internal)",
9387
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9388
+ },
9373
9389
  {
9374
9390
  "name": "button/default/bgColor/rest",
9375
9391
  "value": {
@@ -9598,6 +9614,22 @@
9598
9614
  "group": "component (internal)",
9599
9615
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9600
9616
  },
9617
+ {
9618
+ "name": "button/primary/iconColor/disabled",
9619
+ "value": {
9620
+ "r": 1,
9621
+ "g": 1,
9622
+ "b": 1,
9623
+ "a": 0.8
9624
+ },
9625
+ "type": "COLOR",
9626
+ "refId": "mode/button/primary/iconColor/disabled",
9627
+ "reference": "mode/button/primary/fgColor/disabled",
9628
+ "collection": "mode",
9629
+ "mode": "light",
9630
+ "group": "component (internal)",
9631
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9632
+ },
9601
9633
  {
9602
9634
  "name": "button/primary/bgColor/rest",
9603
9635
  "value": {
@@ -10304,6 +10336,22 @@
10304
10336
  "group": "component (internal)",
10305
10337
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10306
10338
  },
10339
+ {
10340
+ "name": "button/danger/iconColor/disabled",
10341
+ "value": {
10342
+ "r": 0.8196078431372549,
10343
+ "g": 0.1411764705882353,
10344
+ "b": 0.1843137254901961,
10345
+ "a": 0.5
10346
+ },
10347
+ "type": "COLOR",
10348
+ "refId": "mode/button/danger/iconColor/disabled",
10349
+ "reference": "mode/button/danger/fgColor/disabled",
10350
+ "collection": "mode",
10351
+ "mode": "light",
10352
+ "group": "component (internal)",
10353
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10354
+ },
10307
10355
  {
10308
10356
  "name": "button/danger/bgColor/rest",
10309
10357
  "value": {