@primer/primitives 11.4.1-rc.edbe0e39 → 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 (138) hide show
  1. package/DESIGN_TOKENS_SPEC.md +14 -5
  2. package/dist/build/schemas/borderToken.d.ts +45 -3
  3. package/dist/build/schemas/borderToken.js +2 -1
  4. package/dist/build/schemas/colorToken.d.ts +639 -30
  5. package/dist/build/schemas/colorToken.js +3 -2
  6. package/dist/build/schemas/colorW3cValue.d.ts +28 -0
  7. package/dist/build/schemas/colorW3cValue.js +42 -0
  8. package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
  9. package/dist/build/schemas/dimensionToken.d.ts +1 -1
  10. package/dist/build/schemas/durationToken.d.ts +1 -1
  11. package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
  12. package/dist/build/schemas/fontWeightToken.d.ts +1 -1
  13. package/dist/build/schemas/gradientToken.d.ts +23 -2
  14. package/dist/build/schemas/gradientToken.js +2 -1
  15. package/dist/build/schemas/numberToken.d.ts +1 -1
  16. package/dist/build/schemas/shadowToken.d.ts +1079 -43
  17. package/dist/build/schemas/shadowToken.js +8 -2
  18. package/dist/build/schemas/stringToken.d.ts +1 -1
  19. package/dist/build/schemas/tokenType.d.ts +1 -1
  20. package/dist/build/schemas/transitionToken.d.ts +1 -1
  21. package/dist/build/schemas/typographyToken.d.ts +1 -1
  22. package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
  23. package/dist/build/transformers/borderToCss.js +3 -1
  24. package/dist/build/transformers/colorAlphaToCss.js +6 -3
  25. package/dist/build/transformers/colorToHex.js +5 -2
  26. package/dist/build/transformers/colorToRgbAlpha.js +5 -2
  27. package/dist/build/transformers/colorToRgbaFloat.js +5 -0
  28. package/dist/build/transformers/durationToCss.js +4 -4
  29. package/dist/build/transformers/gradientToCss.js +2 -1
  30. package/dist/build/transformers/shadowToCss.js +4 -1
  31. package/dist/build/transformers/utilities/normalizeColorValue.d.ts +23 -0
  32. package/dist/build/transformers/utilities/normalizeColorValue.js +74 -0
  33. package/dist/build/types/borderTokenValue.d.ts +2 -1
  34. package/dist/build/types/shadowTokenValue.d.ts +2 -1
  35. package/dist/css/base/motion/motion.css +1 -1
  36. package/dist/css/functional/size/radius.css +1 -1
  37. package/dist/css/functional/size/size-coarse.css +1 -0
  38. package/dist/css/functional/size/size-fine.css +1 -0
  39. package/dist/css/functional/size/size.css +5 -0
  40. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +22 -10
  41. package/dist/css/functional/themes/dark-colorblind.css +22 -10
  42. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +22 -10
  43. package/dist/css/functional/themes/dark-dimmed.css +22 -10
  44. package/dist/css/functional/themes/dark-high-contrast.css +22 -10
  45. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +22 -10
  46. package/dist/css/functional/themes/dark-tritanopia.css +22 -10
  47. package/dist/css/functional/themes/dark.css +22 -10
  48. package/dist/css/functional/themes/light-colorblind-high-contrast.css +14 -2
  49. package/dist/css/functional/themes/light-colorblind.css +20 -8
  50. package/dist/css/functional/themes/light-high-contrast.css +14 -2
  51. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +14 -2
  52. package/dist/css/functional/themes/light-tritanopia.css +20 -8
  53. package/dist/css/functional/themes/light.css +20 -8
  54. package/dist/docs/functional/size/radius.json +2 -2
  55. package/dist/docs/functional/size/size-coarse.json +55 -2
  56. package/dist/docs/functional/size/size-fine.json +55 -2
  57. package/dist/docs/functional/size/size.json +135 -0
  58. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2502 -372
  59. package/dist/docs/functional/themes/dark-colorblind.json +2492 -370
  60. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2355 -205
  61. package/dist/docs/functional/themes/dark-dimmed.json +2382 -212
  62. package/dist/docs/functional/themes/dark-high-contrast.json +2507 -373
  63. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2517 -375
  64. package/dist/docs/functional/themes/dark-tritanopia.json +2499 -353
  65. package/dist/docs/functional/themes/dark.json +2501 -371
  66. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2354 -204
  67. package/dist/docs/functional/themes/light-colorblind.json +2344 -202
  68. package/dist/docs/functional/themes/light-high-contrast.json +2359 -205
  69. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2359 -205
  70. package/dist/docs/functional/themes/light-tritanopia.json +2354 -204
  71. package/dist/docs/functional/themes/light.json +2359 -205
  72. package/dist/fallbacks/functional/size/size-coarse.json +2 -1
  73. package/dist/fallbacks/functional/size/size-fine.json +2 -1
  74. package/dist/fallbacks/functional/size/size.json +5 -0
  75. package/dist/figma/dimension/dimension.json +56 -1
  76. package/dist/figma/themes/dark-colorblind.json +49 -1
  77. package/dist/figma/themes/dark-dimmed.json +51 -3
  78. package/dist/figma/themes/dark-high-contrast.json +49 -1
  79. package/dist/figma/themes/dark-tritanopia.json +49 -1
  80. package/dist/figma/themes/dark.json +49 -1
  81. package/dist/figma/themes/light-colorblind.json +49 -1
  82. package/dist/figma/themes/light-high-contrast.json +49 -1
  83. package/dist/figma/themes/light-tritanopia.json +49 -1
  84. package/dist/figma/themes/light.json +49 -1
  85. package/dist/internalCss/dark-colorblind-high-contrast.css +22 -10
  86. package/dist/internalCss/dark-colorblind.css +22 -10
  87. package/dist/internalCss/dark-dimmed-high-contrast.css +22 -10
  88. package/dist/internalCss/dark-dimmed.css +22 -10
  89. package/dist/internalCss/dark-high-contrast.css +22 -10
  90. package/dist/internalCss/dark-tritanopia-high-contrast.css +22 -10
  91. package/dist/internalCss/dark-tritanopia.css +22 -10
  92. package/dist/internalCss/dark.css +22 -10
  93. package/dist/internalCss/light-colorblind-high-contrast.css +14 -2
  94. package/dist/internalCss/light-colorblind.css +20 -8
  95. package/dist/internalCss/light-high-contrast.css +14 -2
  96. package/dist/internalCss/light-tritanopia-high-contrast.css +14 -2
  97. package/dist/internalCss/light-tritanopia.css +20 -8
  98. package/dist/internalCss/light.css +20 -8
  99. package/dist/styleLint/functional/size/radius.json +2 -2
  100. package/dist/styleLint/functional/size/size-coarse.json +57 -4
  101. package/dist/styleLint/functional/size/size-fine.json +57 -4
  102. package/dist/styleLint/functional/size/size.json +135 -0
  103. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2491 -349
  104. package/dist/styleLint/functional/themes/dark-colorblind.json +2481 -347
  105. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2516 -354
  106. package/dist/styleLint/functional/themes/dark-dimmed.json +2543 -361
  107. package/dist/styleLint/functional/themes/dark-high-contrast.json +2496 -350
  108. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2506 -352
  109. package/dist/styleLint/functional/themes/dark-tritanopia.json +2511 -353
  110. package/dist/styleLint/functional/themes/dark.json +2491 -349
  111. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2514 -352
  112. package/dist/styleLint/functional/themes/light-colorblind.json +2505 -351
  113. package/dist/styleLint/functional/themes/light-high-contrast.json +2371 -205
  114. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2519 -353
  115. package/dist/styleLint/functional/themes/light-tritanopia.json +2515 -353
  116. package/dist/styleLint/functional/themes/light.json +2520 -354
  117. package/package.json +4 -3
  118. package/src/tokens/base/color/dark/dark.dimmed.json5 +405 -81
  119. package/src/tokens/base/color/dark/dark.high-contrast.json5 +405 -81
  120. package/src/tokens/base/color/dark/dark.json5 +475 -95
  121. package/src/tokens/base/color/dark/display-dark.json5 +960 -192
  122. package/src/tokens/base/color/light/display-light.json5 +960 -192
  123. package/src/tokens/base/color/light/light.high-contrast.json5 +405 -81
  124. package/src/tokens/base/color/light/light.json5 +475 -95
  125. package/src/tokens/base/size/size.json5 +194 -194
  126. package/src/tokens/component/button.json5 +368 -65
  127. package/src/tokens/component/reactionButton.json5 +20 -4
  128. package/src/tokens/functional/border/border.json5 +29 -1
  129. package/src/tokens/functional/color/bgColor.json5 +10 -2
  130. package/src/tokens/functional/color/borderColor.json5 +8 -1
  131. package/src/tokens/functional/color/control.json5 +160 -32
  132. package/src/tokens/functional/color/fgColor.json5 +5 -1
  133. package/src/tokens/functional/color/syntax.json5 +10 -2
  134. package/src/tokens/functional/shadow/shadow.json5 +576 -0
  135. package/src/tokens/functional/size/radius.json5 +1 -1
  136. package/src/tokens/functional/size/size-coarse.json5 +15 -0
  137. package/src/tokens/functional/size/size-fine.json5 +15 -0
  138. package/src/tokens/functional/size/size.json5 +50 -0
@@ -2080,7 +2080,11 @@
2080
2080
  "$type": "color"
2081
2081
  },
2082
2082
  "dark-tritanopia": {
2083
- "$value": "#db61a2",
2083
+ "$value": {
2084
+ "colorSpace": "hsl",
2085
+ "components": [328, 62.9, 62],
2086
+ "hex": "#db61a2"
2087
+ },
2084
2088
  "alpha": 0.1,
2085
2089
  "filePath": "src/tokens/functional/color/bgColor.json5",
2086
2090
  "isSource": true,
@@ -2116,7 +2120,11 @@
2116
2120
  "$type": "color"
2117
2121
  },
2118
2122
  "dark-tritanopia": {
2119
- "$value": "#db61a2",
2123
+ "$value": {
2124
+ "colorSpace": "hsl",
2125
+ "components": [328, 62.9, 62],
2126
+ "hex": "#db61a2"
2127
+ },
2120
2128
  "alpha": 0.1,
2121
2129
  "filePath": "src/tokens/functional/color/bgColor.json5",
2122
2130
  "isSource": true,
@@ -2170,7 +2178,11 @@
2170
2178
  "filePath": "src/tokens/functional/color/bgColor.json5",
2171
2179
  "isSource": true,
2172
2180
  "original": {
2173
- "$value": "#1f883d",
2181
+ "$value": {
2182
+ "colorSpace": "hsl",
2183
+ "components": [137.1, 62.9, 32.7],
2184
+ "hex": "#1f883d"
2185
+ },
2174
2186
  "$type": "color",
2175
2187
  "$description": "Strong success background for prominent positive actions",
2176
2188
  "$extensions": {
@@ -2782,6 +2794,52 @@
2782
2794
  "attributes": {},
2783
2795
  "path": ["border", "done", "muted"]
2784
2796
  },
2797
+ "border-draft-emphasis": {
2798
+ "key": "{border.draft.emphasis}",
2799
+ "$value": {
2800
+ "color": "#59636e",
2801
+ "style": "solid",
2802
+ "width": ["0.0625rem", "1px"]
2803
+ },
2804
+ "$type": "border",
2805
+ "filePath": "src/tokens/functional/border/border.json5",
2806
+ "isSource": true,
2807
+ "original": {
2808
+ "$value": {
2809
+ "color": "{borderColor.draft.emphasis}",
2810
+ "style": "solid",
2811
+ "width": "{borderWidth.default}"
2812
+ },
2813
+ "$type": "border",
2814
+ "key": "{border.draft.emphasis}"
2815
+ },
2816
+ "name": "border-draft-emphasis",
2817
+ "attributes": {},
2818
+ "path": ["border", "draft", "emphasis"]
2819
+ },
2820
+ "border-draft-muted": {
2821
+ "key": "{border.draft.muted}",
2822
+ "$value": {
2823
+ "color": "#d1d9e0b3",
2824
+ "style": "solid",
2825
+ "width": ["0.0625rem", "1px"]
2826
+ },
2827
+ "$type": "border",
2828
+ "filePath": "src/tokens/functional/border/border.json5",
2829
+ "isSource": true,
2830
+ "original": {
2831
+ "$value": {
2832
+ "color": "{borderColor.draft.muted}",
2833
+ "style": "solid",
2834
+ "width": "{borderWidth.default}"
2835
+ },
2836
+ "$type": "border",
2837
+ "key": "{border.draft.muted}"
2838
+ },
2839
+ "name": "border-draft-muted",
2840
+ "attributes": {},
2841
+ "path": ["border", "draft", "muted"]
2842
+ },
2785
2843
  "border-emphasis": {
2786
2844
  "key": "{border.emphasis}",
2787
2845
  "$value": {
@@ -3050,6 +3108,31 @@
3050
3108
  "attributes": {},
3051
3109
  "path": ["border", "success", "muted"]
3052
3110
  },
3111
+ "border-translucent": {
3112
+ "key": "{border.translucent}",
3113
+ "$description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
3114
+ "$value": {
3115
+ "color": "#1f232826",
3116
+ "style": "solid",
3117
+ "width": ["0.0625rem", "1px"]
3118
+ },
3119
+ "$type": "border",
3120
+ "filePath": "src/tokens/functional/border/border.json5",
3121
+ "isSource": true,
3122
+ "original": {
3123
+ "$description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
3124
+ "$value": {
3125
+ "color": "{borderColor.translucent}",
3126
+ "style": "solid",
3127
+ "width": "{borderWidth.default}"
3128
+ },
3129
+ "$type": "border",
3130
+ "key": "{border.translucent}"
3131
+ },
3132
+ "name": "border-translucent",
3133
+ "attributes": {},
3134
+ "path": ["border", "translucent"]
3135
+ },
3053
3136
  "border-transparent": {
3054
3137
  "key": "{border.transparent}",
3055
3138
  "$value": {
@@ -5853,7 +5936,7 @@
5853
5936
  "key": "{borderColor.translucent}",
5854
5937
  "$value": "#1f232826",
5855
5938
  "$type": "color",
5856
- "$description": "Semi-transparent border for overlays and layered elements",
5939
+ "$description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
5857
5940
  "$extensions": {
5858
5941
  "org.primer.figma": {
5859
5942
  "collection": "mode",
@@ -5922,7 +6005,7 @@
5922
6005
  "original": {
5923
6006
  "$value": "{base.color.neutral.13}",
5924
6007
  "$type": "color",
5925
- "$description": "Semi-transparent border for overlays and layered elements",
6008
+ "$description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
5926
6009
  "$extensions": {
5927
6010
  "org.primer.figma": {
5928
6011
  "collection": "mode",
@@ -6714,13 +6797,21 @@
6714
6797
  "$type": "color"
6715
6798
  },
6716
6799
  "dark-dimmed-high-contrast": {
6717
- "$value": "#ffffff",
6800
+ "$value": {
6801
+ "colorSpace": "hsl",
6802
+ "components": [0, 0, 100],
6803
+ "hex": "#ffffff"
6804
+ },
6718
6805
  "filePath": "src/tokens/component/button.json5",
6719
6806
  "isSource": true,
6720
6807
  "$type": "color"
6721
6808
  },
6722
6809
  "dark-dimmed": {
6723
- "$value": "#ffffff",
6810
+ "$value": {
6811
+ "colorSpace": "hsl",
6812
+ "components": [0, 0, 100],
6813
+ "hex": "#ffffff"
6814
+ },
6724
6815
  "filePath": "src/tokens/component/button.json5",
6725
6816
  "isSource": true,
6726
6817
  "$type": "color"
@@ -6746,13 +6837,21 @@
6746
6837
  "$type": "color"
6747
6838
  },
6748
6839
  "dark-dimmed-high-contrast": {
6749
- "$value": "#ffffff",
6840
+ "$value": {
6841
+ "colorSpace": "hsl",
6842
+ "components": [0, 0, 100],
6843
+ "hex": "#ffffff"
6844
+ },
6750
6845
  "filePath": "src/tokens/component/button.json5",
6751
6846
  "isSource": true,
6752
6847
  "$type": "color"
6753
6848
  },
6754
6849
  "dark-dimmed": {
6755
- "$value": "#ffffff",
6850
+ "$value": {
6851
+ "colorSpace": "hsl",
6852
+ "components": [0, 0, 100],
6853
+ "hex": "#ffffff"
6854
+ },
6756
6855
  "filePath": "src/tokens/component/button.json5",
6757
6856
  "isSource": true,
6758
6857
  "$type": "color"
@@ -6832,13 +6931,21 @@
6832
6931
  "$type": "color"
6833
6932
  },
6834
6933
  "dark-dimmed-high-contrast": {
6835
- "$value": "#ffffff",
6934
+ "$value": {
6935
+ "colorSpace": "hsl",
6936
+ "components": [0, 0, 100],
6937
+ "hex": "#ffffff"
6938
+ },
6836
6939
  "filePath": "src/tokens/component/button.json5",
6837
6940
  "isSource": true,
6838
6941
  "$type": "color"
6839
6942
  },
6840
6943
  "dark-dimmed": {
6841
- "$value": "#ffffff",
6944
+ "$value": {
6945
+ "colorSpace": "hsl",
6946
+ "components": [0, 0, 100],
6947
+ "hex": "#ffffff"
6948
+ },
6842
6949
  "filePath": "src/tokens/component/button.json5",
6843
6950
  "isSource": true,
6844
6951
  "$type": "color"
@@ -6864,13 +6971,21 @@
6864
6971
  "$type": "color"
6865
6972
  },
6866
6973
  "dark-dimmed-high-contrast": {
6867
- "$value": "#ffffff",
6974
+ "$value": {
6975
+ "colorSpace": "hsl",
6976
+ "components": [0, 0, 100],
6977
+ "hex": "#ffffff"
6978
+ },
6868
6979
  "filePath": "src/tokens/component/button.json5",
6869
6980
  "isSource": true,
6870
6981
  "$type": "color"
6871
6982
  },
6872
6983
  "dark-dimmed": {
6873
- "$value": "#ffffff",
6984
+ "$value": {
6985
+ "colorSpace": "hsl",
6986
+ "components": [0, 0, 100],
6987
+ "hex": "#ffffff"
6988
+ },
6874
6989
  "filePath": "src/tokens/component/button.json5",
6875
6990
  "isSource": true,
6876
6991
  "$type": "color"
@@ -6895,13 +7010,21 @@
6895
7010
  },
6896
7011
  "org.primer.overrides": {
6897
7012
  "dark": {
6898
- "$value": "#FA5E55",
7013
+ "$value": {
7014
+ "colorSpace": "hsl",
7015
+ "components": [3.3, 94.3, 65.7],
7016
+ "hex": "#FA5E55"
7017
+ },
6899
7018
  "filePath": "src/tokens/component/button.json5",
6900
7019
  "isSource": true,
6901
7020
  "$type": "color"
6902
7021
  },
6903
7022
  "dark-dimmed": {
6904
- "$value": "#ea5c53",
7023
+ "$value": {
7024
+ "colorSpace": "hsl",
7025
+ "components": [3.6, 78.2, 62.2],
7026
+ "hex": "#ea5c53"
7027
+ },
6905
7028
  "filePath": "src/tokens/component/button.json5",
6906
7029
  "isSource": true,
6907
7030
  "$type": "color"
@@ -6951,13 +7074,21 @@
6951
7074
  },
6952
7075
  "org.primer.overrides": {
6953
7076
  "dark": {
6954
- "$value": "#FA5E55",
7077
+ "$value": {
7078
+ "colorSpace": "hsl",
7079
+ "components": [3.3, 94.3, 65.7],
7080
+ "hex": "#FA5E55"
7081
+ },
6955
7082
  "filePath": "src/tokens/component/button.json5",
6956
7083
  "isSource": true,
6957
7084
  "$type": "color"
6958
7085
  },
6959
7086
  "dark-dimmed": {
6960
- "$value": "#ea5c53",
7087
+ "$value": {
7088
+ "colorSpace": "hsl",
7089
+ "components": [3.6, 78.2, 62.2],
7090
+ "hex": "#ea5c53"
7091
+ },
6961
7092
  "filePath": "src/tokens/component/button.json5",
6962
7093
  "isSource": true,
6963
7094
  "$type": "color"
@@ -7000,6 +7131,35 @@
7000
7131
  "attributes": {},
7001
7132
  "path": ["button", "danger", "fgColor", "rest"]
7002
7133
  },
7134
+ "button-danger-iconColor-disabled": {
7135
+ "key": "{button.danger.iconColor.disabled}",
7136
+ "$value": "#d1242f80",
7137
+ "$type": "color",
7138
+ "$extensions": {
7139
+ "org.primer.figma": {
7140
+ "collection": "mode",
7141
+ "group": "component (internal)",
7142
+ "scopes": ["fgColor"]
7143
+ }
7144
+ },
7145
+ "filePath": "src/tokens/component/button.json5",
7146
+ "isSource": true,
7147
+ "original": {
7148
+ "$value": "{button.danger.fgColor.disabled}",
7149
+ "$type": "color",
7150
+ "$extensions": {
7151
+ "org.primer.figma": {
7152
+ "collection": "mode",
7153
+ "group": "component (internal)",
7154
+ "scopes": ["fgColor"]
7155
+ }
7156
+ },
7157
+ "key": "{button.danger.iconColor.disabled}"
7158
+ },
7159
+ "name": "button-danger-iconColor-disabled",
7160
+ "attributes": {},
7161
+ "path": ["button", "danger", "iconColor", "disabled"]
7162
+ },
7003
7163
  "button-danger-iconColor-hover": {
7004
7164
  "key": "{button.danger.iconColor.hover}",
7005
7165
  "$value": "#ffffff",
@@ -7018,7 +7178,11 @@
7018
7178
  "$type": "color"
7019
7179
  },
7020
7180
  "dark-dimmed-high-contrast": {
7021
- "$value": "#ffffff",
7181
+ "$value": {
7182
+ "colorSpace": "hsl",
7183
+ "components": [0, 0, 100],
7184
+ "hex": "#ffffff"
7185
+ },
7022
7186
  "filePath": "src/tokens/component/button.json5",
7023
7187
  "isSource": true,
7024
7188
  "$type": "color"
@@ -7044,7 +7208,11 @@
7044
7208
  "$type": "color"
7045
7209
  },
7046
7210
  "dark-dimmed-high-contrast": {
7047
- "$value": "#ffffff",
7211
+ "$value": {
7212
+ "colorSpace": "hsl",
7213
+ "components": [0, 0, 100],
7214
+ "hex": "#ffffff"
7215
+ },
7048
7216
  "filePath": "src/tokens/component/button.json5",
7049
7217
  "isSource": true,
7050
7218
  "$type": "color"
@@ -7564,6 +7732,35 @@
7564
7732
  "attributes": {},
7565
7733
  "path": ["button", "default", "borderColor", "rest"]
7566
7734
  },
7735
+ "button-default-fgColor-disabled": {
7736
+ "key": "{button.default.fgColor.disabled}",
7737
+ "$value": "#818b98",
7738
+ "$type": "color",
7739
+ "$extensions": {
7740
+ "org.primer.figma": {
7741
+ "collection": "mode",
7742
+ "group": "component (internal)",
7743
+ "scopes": ["fgColor"]
7744
+ }
7745
+ },
7746
+ "filePath": "src/tokens/component/button.json5",
7747
+ "isSource": true,
7748
+ "original": {
7749
+ "$value": "{control.fgColor.disabled}",
7750
+ "$type": "color",
7751
+ "$extensions": {
7752
+ "org.primer.figma": {
7753
+ "collection": "mode",
7754
+ "group": "component (internal)",
7755
+ "scopes": ["fgColor"]
7756
+ }
7757
+ },
7758
+ "key": "{button.default.fgColor.disabled}"
7759
+ },
7760
+ "name": "button-default-fgColor-disabled",
7761
+ "attributes": {},
7762
+ "path": ["button", "default", "fgColor", "disabled"]
7763
+ },
7567
7764
  "button-default-fgColor-rest": {
7568
7765
  "key": "{button.default.fgColor.rest}",
7569
7766
  "$value": "#25292e",
@@ -8852,31 +9049,51 @@
8852
9049
  "$type": "color"
8853
9050
  },
8854
9051
  "dark-tritanopia": {
8855
- "$value": "#0d419d",
9052
+ "$value": {
9053
+ "colorSpace": "hsl",
9054
+ "components": [218.3, 84.7, 33.3],
9055
+ "hex": "#0d419d"
9056
+ },
8856
9057
  "filePath": "src/tokens/component/button.json5",
8857
9058
  "isSource": true,
8858
9059
  "$type": "color"
8859
9060
  },
8860
9061
  "dark-tritanopia-high-contrast": {
8861
- "$value": "#0d419d",
9062
+ "$value": {
9063
+ "colorSpace": "hsl",
9064
+ "components": [218.3, 84.7, 33.3],
9065
+ "hex": "#0d419d"
9066
+ },
8862
9067
  "filePath": "src/tokens/component/button.json5",
8863
9068
  "isSource": true,
8864
9069
  "$type": "color"
8865
9070
  },
8866
9071
  "light-high-contrast": {
8867
- "$value": "#033f9d",
9072
+ "$value": {
9073
+ "colorSpace": "hsl",
9074
+ "components": [216.6, 96.3, 31.4],
9075
+ "hex": "#033f9d"
9076
+ },
8868
9077
  "filePath": "src/tokens/component/button.json5",
8869
9078
  "isSource": true,
8870
9079
  "$type": "color"
8871
9080
  },
8872
9081
  "light-tritanopia-high-contrast": {
8873
- "$value": "#033f9d",
9082
+ "$value": {
9083
+ "colorSpace": "hsl",
9084
+ "components": [216.6, 96.3, 31.4],
9085
+ "hex": "#033f9d"
9086
+ },
8874
9087
  "filePath": "src/tokens/component/button.json5",
8875
9088
  "isSource": true,
8876
9089
  "$type": "color"
8877
9090
  },
8878
9091
  "light-protanopia-deuteranopia-high-contrast": {
8879
- "$value": "#033f9d",
9092
+ "$value": {
9093
+ "colorSpace": "hsl",
9094
+ "components": [216.6, 96.3, 31.4],
9095
+ "hex": "#033f9d"
9096
+ },
8880
9097
  "filePath": "src/tokens/component/button.json5",
8881
9098
  "isSource": true,
8882
9099
  "$type": "color"
@@ -8886,7 +9103,11 @@
8886
9103
  "filePath": "src/tokens/component/button.json5",
8887
9104
  "isSource": true,
8888
9105
  "original": {
8889
- "$value": "#0757ba",
9106
+ "$value": {
9107
+ "colorSpace": "hsl",
9108
+ "components": [213.2, 92.7, 37.8],
9109
+ "hex": "#0757ba"
9110
+ },
8890
9111
  "$type": "color",
8891
9112
  "$extensions": {
8892
9113
  "org.primer.figma": {
@@ -8902,31 +9123,51 @@
8902
9123
  "$type": "color"
8903
9124
  },
8904
9125
  "dark-tritanopia": {
8905
- "$value": "#0d419d",
9126
+ "$value": {
9127
+ "colorSpace": "hsl",
9128
+ "components": [218.3, 84.7, 33.3],
9129
+ "hex": "#0d419d"
9130
+ },
8906
9131
  "filePath": "src/tokens/component/button.json5",
8907
9132
  "isSource": true,
8908
9133
  "$type": "color"
8909
9134
  },
8910
9135
  "dark-tritanopia-high-contrast": {
8911
- "$value": "#0d419d",
9136
+ "$value": {
9137
+ "colorSpace": "hsl",
9138
+ "components": [218.3, 84.7, 33.3],
9139
+ "hex": "#0d419d"
9140
+ },
8912
9141
  "filePath": "src/tokens/component/button.json5",
8913
9142
  "isSource": true,
8914
9143
  "$type": "color"
8915
9144
  },
8916
9145
  "light-high-contrast": {
8917
- "$value": "#033f9d",
9146
+ "$value": {
9147
+ "colorSpace": "hsl",
9148
+ "components": [216.6, 96.3, 31.4],
9149
+ "hex": "#033f9d"
9150
+ },
8918
9151
  "filePath": "src/tokens/component/button.json5",
8919
9152
  "isSource": true,
8920
9153
  "$type": "color"
8921
9154
  },
8922
9155
  "light-tritanopia-high-contrast": {
8923
- "$value": "#033f9d",
9156
+ "$value": {
9157
+ "colorSpace": "hsl",
9158
+ "components": [216.6, 96.3, 31.4],
9159
+ "hex": "#033f9d"
9160
+ },
8924
9161
  "filePath": "src/tokens/component/button.json5",
8925
9162
  "isSource": true,
8926
9163
  "$type": "color"
8927
9164
  },
8928
9165
  "light-protanopia-deuteranopia-high-contrast": {
8929
- "$value": "#033f9d",
9166
+ "$value": {
9167
+ "colorSpace": "hsl",
9168
+ "components": [216.6, 96.3, 31.4],
9169
+ "hex": "#033f9d"
9170
+ },
8930
9171
  "filePath": "src/tokens/component/button.json5",
8931
9172
  "isSource": true,
8932
9173
  "$type": "color"
@@ -8957,7 +9198,11 @@
8957
9198
  "$type": "color"
8958
9199
  },
8959
9200
  "dark-tritanopia": {
8960
- "$value": "#212830",
9201
+ "$value": {
9202
+ "colorSpace": "hsl",
9203
+ "components": [212, 18.5, 15.9],
9204
+ "hex": "#212830"
9205
+ },
8961
9206
  "filePath": "src/tokens/component/button.json5",
8962
9207
  "isSource": true,
8963
9208
  "$type": "color"
@@ -8983,7 +9228,11 @@
8983
9228
  "$type": "color"
8984
9229
  },
8985
9230
  "dark-tritanopia": {
8986
- "$value": "#212830",
9231
+ "$value": {
9232
+ "colorSpace": "hsl",
9233
+ "components": [212, 18.5, 15.9],
9234
+ "hex": "#212830"
9235
+ },
8987
9236
  "filePath": "src/tokens/component/button.json5",
8988
9237
  "isSource": true,
8989
9238
  "$type": "color"
@@ -9014,7 +9263,11 @@
9014
9263
  "$type": "color"
9015
9264
  },
9016
9265
  "dark-tritanopia": {
9017
- "$value": "#262c36",
9266
+ "$value": {
9267
+ "colorSpace": "hsl",
9268
+ "components": [217.5, 17.4, 18],
9269
+ "hex": "#262c36"
9270
+ },
9018
9271
  "filePath": "src/tokens/component/button.json5",
9019
9272
  "isSource": true,
9020
9273
  "$type": "color"
@@ -9040,7 +9293,11 @@
9040
9293
  "$type": "color"
9041
9294
  },
9042
9295
  "dark-tritanopia": {
9043
- "$value": "#262c36",
9296
+ "$value": {
9297
+ "colorSpace": "hsl",
9298
+ "components": [217.5, 17.4, 18],
9299
+ "hex": "#262c36"
9300
+ },
9044
9301
  "filePath": "src/tokens/component/button.json5",
9045
9302
  "isSource": true,
9046
9303
  "$type": "color"
@@ -9272,7 +9529,12 @@
9272
9529
  "$type": "color"
9273
9530
  },
9274
9531
  "dark-dimmed": {
9275
- "$value": "#478be680",
9532
+ "$value": {
9533
+ "colorSpace": "hsl",
9534
+ "components": [214.3, 76.1, 59],
9535
+ "hex": "#478be6"
9536
+ },
9537
+ "alpha": 0.502,
9276
9538
  "filePath": "src/tokens/component/button.json5",
9277
9539
  "isSource": true,
9278
9540
  "$type": "color"
@@ -9300,7 +9562,12 @@
9300
9562
  "$type": "color"
9301
9563
  },
9302
9564
  "dark-dimmed": {
9303
- "$value": "#478be680",
9565
+ "$value": {
9566
+ "colorSpace": "hsl",
9567
+ "components": [214.3, 76.1, 59],
9568
+ "hex": "#478be6"
9569
+ },
9570
+ "alpha": 0.502,
9304
9571
  "filePath": "src/tokens/component/button.json5",
9305
9572
  "isSource": true,
9306
9573
  "$type": "color"
@@ -9525,13 +9792,21 @@
9525
9792
  },
9526
9793
  "org.primer.overrides": {
9527
9794
  "dark": {
9528
- "$value": "#2E9A40",
9795
+ "$value": {
9796
+ "colorSpace": "hsl",
9797
+ "components": [130, 54, 39.2],
9798
+ "hex": "#2E9A40"
9799
+ },
9529
9800
  "filePath": "src/tokens/component/button.json5",
9530
9801
  "isSource": true,
9531
9802
  "$type": "color"
9532
9803
  },
9533
9804
  "dark-dimmed": {
9534
- "$value": "#428f46",
9805
+ "$value": {
9806
+ "colorSpace": "hsl",
9807
+ "components": [123.1, 36.8, 41],
9808
+ "hex": "#428f46"
9809
+ },
9535
9810
  "filePath": "src/tokens/component/button.json5",
9536
9811
  "isSource": true,
9537
9812
  "$type": "color"
@@ -9543,61 +9818,101 @@
9543
9818
  "$type": "color"
9544
9819
  },
9545
9820
  "dark-tritanopia": {
9546
- "$value": "#3685f3",
9821
+ "$value": {
9822
+ "colorSpace": "hsl",
9823
+ "components": [214.9, 88.7, 58.2],
9824
+ "hex": "#3685f3"
9825
+ },
9547
9826
  "filePath": "src/tokens/component/button.json5",
9548
9827
  "isSource": true,
9549
9828
  "$type": "color"
9550
9829
  },
9551
9830
  "dark-tritanopia-high-contrast": {
9552
- "$value": "#3685f3",
9831
+ "$value": {
9832
+ "colorSpace": "hsl",
9833
+ "components": [214.9, 88.7, 58.2],
9834
+ "hex": "#3685f3"
9835
+ },
9553
9836
  "filePath": "src/tokens/component/button.json5",
9554
9837
  "isSource": true,
9555
9838
  "$type": "color"
9556
9839
  },
9557
9840
  "dark-protanopia-deuteranopia": {
9558
- "$value": "#3685f3",
9841
+ "$value": {
9842
+ "colorSpace": "hsl",
9843
+ "components": [214.9, 88.7, 58.2],
9844
+ "hex": "#3685f3"
9845
+ },
9559
9846
  "filePath": "src/tokens/component/button.json5",
9560
9847
  "isSource": true,
9561
9848
  "$type": "color"
9562
9849
  },
9563
9850
  "dark-protanopia-deuteranopia-high-contrast": {
9564
- "$value": "#3685f3",
9851
+ "$value": {
9852
+ "colorSpace": "hsl",
9853
+ "components": [214.9, 88.7, 58.2],
9854
+ "hex": "#3685f3"
9855
+ },
9565
9856
  "filePath": "src/tokens/component/button.json5",
9566
9857
  "isSource": true,
9567
9858
  "$type": "color"
9568
9859
  },
9569
9860
  "dark-high-contrast": {
9570
- "$value": "#109135",
9861
+ "$value": {
9862
+ "colorSpace": "hsl",
9863
+ "components": [137.2, 80.1, 31.6],
9864
+ "hex": "#109135"
9865
+ },
9571
9866
  "filePath": "src/tokens/component/button.json5",
9572
9867
  "isSource": true,
9573
9868
  "$type": "color"
9574
9869
  },
9575
9870
  "light-tritanopia": {
9576
- "$value": "#075fc8",
9871
+ "$value": {
9872
+ "colorSpace": "hsl",
9873
+ "components": [212.6, 93.2, 40.6],
9874
+ "hex": "#075fc8"
9875
+ },
9577
9876
  "filePath": "src/tokens/component/button.json5",
9578
9877
  "isSource": true,
9579
9878
  "$type": "color"
9580
9879
  },
9581
9880
  "light-tritanopia-high-contrast": {
9582
- "$value": "#075fc8",
9881
+ "$value": {
9882
+ "colorSpace": "hsl",
9883
+ "components": [212.6, 93.2, 40.6],
9884
+ "hex": "#075fc8"
9885
+ },
9583
9886
  "filePath": "src/tokens/component/button.json5",
9584
9887
  "isSource": true,
9585
9888
  "$type": "color"
9586
9889
  },
9587
9890
  "light-protanopia-deuteranopia": {
9588
- "$value": "#075fc8",
9891
+ "$value": {
9892
+ "colorSpace": "hsl",
9893
+ "components": [212.6, 93.2, 40.6],
9894
+ "hex": "#075fc8"
9895
+ },
9589
9896
  "filePath": "src/tokens/component/button.json5",
9590
9897
  "isSource": true,
9591
9898
  "$type": "color"
9592
9899
  },
9593
9900
  "light-protanopia-deuteranopia-high-contrast": {
9594
- "$value": "#075fc8",
9901
+ "$value": {
9902
+ "colorSpace": "hsl",
9903
+ "components": [212.6, 93.2, 40.6],
9904
+ "hex": "#075fc8"
9905
+ },
9595
9906
  "filePath": "src/tokens/component/button.json5",
9596
9907
  "isSource": true,
9597
9908
  "$type": "color"
9598
9909
  },
9599
9910
  "light-high-contrast": {
9600
- "$value": "#03501b",
9911
+ "$value": {
9912
+ "colorSpace": "hsl",
9913
+ "components": [138.7, 92.8, 16.3],
9914
+ "hex": "#03501b"
9915
+ },
9601
9916
  "filePath": "src/tokens/component/button.json5",
9602
9917
  "isSource": true,
9603
9918
  "$type": "color"
@@ -9607,7 +9922,11 @@
9607
9922
  "filePath": "src/tokens/component/button.json5",
9608
9923
  "isSource": true,
9609
9924
  "original": {
9610
- "$value": "#197935",
9925
+ "$value": {
9926
+ "colorSpace": "hsl",
9927
+ "components": [137.5, 65.8, 28.6],
9928
+ "hex": "#197935"
9929
+ },
9611
9930
  "$type": "color",
9612
9931
  "$extensions": {
9613
9932
  "org.primer.figma": {
@@ -9617,13 +9936,21 @@
9617
9936
  },
9618
9937
  "org.primer.overrides": {
9619
9938
  "dark": {
9620
- "$value": "#2E9A40",
9939
+ "$value": {
9940
+ "colorSpace": "hsl",
9941
+ "components": [130, 54, 39.2],
9942
+ "hex": "#2E9A40"
9943
+ },
9621
9944
  "filePath": "src/tokens/component/button.json5",
9622
9945
  "isSource": true,
9623
9946
  "$type": "color"
9624
9947
  },
9625
9948
  "dark-dimmed": {
9626
- "$value": "#428f46",
9949
+ "$value": {
9950
+ "colorSpace": "hsl",
9951
+ "components": [123.1, 36.8, 41],
9952
+ "hex": "#428f46"
9953
+ },
9627
9954
  "filePath": "src/tokens/component/button.json5",
9628
9955
  "isSource": true,
9629
9956
  "$type": "color"
@@ -9635,61 +9962,101 @@
9635
9962
  "$type": "color"
9636
9963
  },
9637
9964
  "dark-tritanopia": {
9638
- "$value": "#3685f3",
9965
+ "$value": {
9966
+ "colorSpace": "hsl",
9967
+ "components": [214.9, 88.7, 58.2],
9968
+ "hex": "#3685f3"
9969
+ },
9639
9970
  "filePath": "src/tokens/component/button.json5",
9640
9971
  "isSource": true,
9641
9972
  "$type": "color"
9642
9973
  },
9643
9974
  "dark-tritanopia-high-contrast": {
9644
- "$value": "#3685f3",
9975
+ "$value": {
9976
+ "colorSpace": "hsl",
9977
+ "components": [214.9, 88.7, 58.2],
9978
+ "hex": "#3685f3"
9979
+ },
9645
9980
  "filePath": "src/tokens/component/button.json5",
9646
9981
  "isSource": true,
9647
9982
  "$type": "color"
9648
9983
  },
9649
9984
  "dark-protanopia-deuteranopia": {
9650
- "$value": "#3685f3",
9985
+ "$value": {
9986
+ "colorSpace": "hsl",
9987
+ "components": [214.9, 88.7, 58.2],
9988
+ "hex": "#3685f3"
9989
+ },
9651
9990
  "filePath": "src/tokens/component/button.json5",
9652
9991
  "isSource": true,
9653
9992
  "$type": "color"
9654
9993
  },
9655
9994
  "dark-protanopia-deuteranopia-high-contrast": {
9656
- "$value": "#3685f3",
9995
+ "$value": {
9996
+ "colorSpace": "hsl",
9997
+ "components": [214.9, 88.7, 58.2],
9998
+ "hex": "#3685f3"
9999
+ },
9657
10000
  "filePath": "src/tokens/component/button.json5",
9658
10001
  "isSource": true,
9659
10002
  "$type": "color"
9660
10003
  },
9661
10004
  "dark-high-contrast": {
9662
- "$value": "#109135",
10005
+ "$value": {
10006
+ "colorSpace": "hsl",
10007
+ "components": [137.2, 80.1, 31.6],
10008
+ "hex": "#109135"
10009
+ },
9663
10010
  "filePath": "src/tokens/component/button.json5",
9664
10011
  "isSource": true,
9665
10012
  "$type": "color"
9666
10013
  },
9667
10014
  "light-tritanopia": {
9668
- "$value": "#075fc8",
10015
+ "$value": {
10016
+ "colorSpace": "hsl",
10017
+ "components": [212.6, 93.2, 40.6],
10018
+ "hex": "#075fc8"
10019
+ },
9669
10020
  "filePath": "src/tokens/component/button.json5",
9670
10021
  "isSource": true,
9671
10022
  "$type": "color"
9672
10023
  },
9673
10024
  "light-tritanopia-high-contrast": {
9674
- "$value": "#075fc8",
10025
+ "$value": {
10026
+ "colorSpace": "hsl",
10027
+ "components": [212.6, 93.2, 40.6],
10028
+ "hex": "#075fc8"
10029
+ },
9675
10030
  "filePath": "src/tokens/component/button.json5",
9676
10031
  "isSource": true,
9677
10032
  "$type": "color"
9678
10033
  },
9679
10034
  "light-protanopia-deuteranopia": {
9680
- "$value": "#075fc8",
10035
+ "$value": {
10036
+ "colorSpace": "hsl",
10037
+ "components": [212.6, 93.2, 40.6],
10038
+ "hex": "#075fc8"
10039
+ },
9681
10040
  "filePath": "src/tokens/component/button.json5",
9682
10041
  "isSource": true,
9683
10042
  "$type": "color"
9684
10043
  },
9685
10044
  "light-protanopia-deuteranopia-high-contrast": {
9686
- "$value": "#075fc8",
10045
+ "$value": {
10046
+ "colorSpace": "hsl",
10047
+ "components": [212.6, 93.2, 40.6],
10048
+ "hex": "#075fc8"
10049
+ },
9687
10050
  "filePath": "src/tokens/component/button.json5",
9688
10051
  "isSource": true,
9689
10052
  "$type": "color"
9690
10053
  },
9691
10054
  "light-high-contrast": {
9692
- "$value": "#03501b",
10055
+ "$value": {
10056
+ "colorSpace": "hsl",
10057
+ "components": [138.7, 92.8, 16.3],
10058
+ "hex": "#03501b"
10059
+ },
9693
10060
  "filePath": "src/tokens/component/button.json5",
9694
10061
  "isSource": true,
9695
10062
  "$type": "color"
@@ -9714,25 +10081,41 @@
9714
10081
  },
9715
10082
  "org.primer.overrides": {
9716
10083
  "dark": {
9717
- "$value": "#105823",
10084
+ "$value": {
10085
+ "colorSpace": "hsl",
10086
+ "components": [135.8, 69.2, 20.4],
10087
+ "hex": "#105823"
10088
+ },
9718
10089
  "filePath": "src/tokens/component/button.json5",
9719
10090
  "isSource": true,
9720
10091
  "$type": "color"
9721
10092
  },
9722
10093
  "dark-dimmed": {
9723
- "$value": "#105823",
10094
+ "$value": {
10095
+ "colorSpace": "hsl",
10096
+ "components": [135.8, 69.2, 20.4],
10097
+ "hex": "#105823"
10098
+ },
9724
10099
  "filePath": "src/tokens/component/button.json5",
9725
10100
  "isSource": true,
9726
10101
  "$type": "color"
9727
10102
  },
9728
10103
  "dark-tritanopia": {
9729
- "$value": "#5fabfe",
10104
+ "$value": {
10105
+ "colorSpace": "hsl",
10106
+ "components": [211.3, 98.8, 68.4],
10107
+ "hex": "#5fabfe"
10108
+ },
9730
10109
  "filePath": "src/tokens/component/button.json5",
9731
10110
  "isSource": true,
9732
10111
  "$type": "color"
9733
10112
  },
9734
10113
  "dark-tritanopia-high-contrast": {
9735
- "$value": "#5fabfe",
10114
+ "$value": {
10115
+ "colorSpace": "hsl",
10116
+ "components": [211.3, 98.8, 68.4],
10117
+ "hex": "#5fabfe"
10118
+ },
9736
10119
  "filePath": "src/tokens/component/button.json5",
9737
10120
  "isSource": true,
9738
10121
  "$type": "color"
@@ -9750,37 +10133,61 @@
9750
10133
  "$type": "color"
9751
10134
  },
9752
10135
  "dark-high-contrast": {
9753
- "$value": "#048f2f",
10136
+ "$value": {
10137
+ "colorSpace": "hsl",
10138
+ "components": [138.6, 94.6, 28.8],
10139
+ "hex": "#048f2f"
10140
+ },
9754
10141
  "filePath": "src/tokens/component/button.json5",
9755
10142
  "isSource": true,
9756
10143
  "$type": "color"
9757
10144
  },
9758
10145
  "light-tritanopia": {
9759
- "$value": "#92caff",
10146
+ "$value": {
10147
+ "colorSpace": "hsl",
10148
+ "components": [209.2, 100, 78.6],
10149
+ "hex": "#92caff"
10150
+ },
9760
10151
  "filePath": "src/tokens/component/button.json5",
9761
10152
  "isSource": true,
9762
10153
  "$type": "color"
9763
10154
  },
9764
10155
  "light-tritanopia-high-contrast": {
9765
- "$value": "#92caff",
10156
+ "$value": {
10157
+ "colorSpace": "hsl",
10158
+ "components": [209.2, 100, 78.6],
10159
+ "hex": "#92caff"
10160
+ },
9766
10161
  "filePath": "src/tokens/component/button.json5",
9767
10162
  "isSource": true,
9768
10163
  "$type": "color"
9769
10164
  },
9770
10165
  "light-protanopia-deuteranopia": {
9771
- "$value": "#92caff",
10166
+ "$value": {
10167
+ "colorSpace": "hsl",
10168
+ "components": [209.2, 100, 78.6],
10169
+ "hex": "#92caff"
10170
+ },
9772
10171
  "filePath": "src/tokens/component/button.json5",
9773
10172
  "isSource": true,
9774
10173
  "$type": "color"
9775
10174
  },
9776
10175
  "light-protanopia-deuteranopia-high-contrast": {
9777
- "$value": "#92caff",
10176
+ "$value": {
10177
+ "colorSpace": "hsl",
10178
+ "components": [209.2, 100, 78.6],
10179
+ "hex": "#92caff"
10180
+ },
9778
10181
  "filePath": "src/tokens/component/button.json5",
9779
10182
  "isSource": true,
9780
10183
  "$type": "color"
9781
10184
  },
9782
10185
  "light-high-contrast": {
9783
- "$value": "#85cb97",
10186
+ "$value": {
10187
+ "colorSpace": "hsl",
10188
+ "components": [135.4, 40.2, 65.9],
10189
+ "hex": "#85cb97"
10190
+ },
9784
10191
  "filePath": "src/tokens/component/button.json5",
9785
10192
  "isSource": true,
9786
10193
  "$type": "color"
@@ -9790,7 +10197,11 @@
9790
10197
  "filePath": "src/tokens/component/button.json5",
9791
10198
  "isSource": true,
9792
10199
  "original": {
9793
- "$value": "#95d8a6",
10200
+ "$value": {
10201
+ "colorSpace": "hsl",
10202
+ "components": [135.2, 46.2, 71.6],
10203
+ "hex": "#95d8a6"
10204
+ },
9794
10205
  "$type": "color",
9795
10206
  "$extensions": {
9796
10207
  "org.primer.figma": {
@@ -9800,25 +10211,41 @@
9800
10211
  },
9801
10212
  "org.primer.overrides": {
9802
10213
  "dark": {
9803
- "$value": "#105823",
10214
+ "$value": {
10215
+ "colorSpace": "hsl",
10216
+ "components": [135.8, 69.2, 20.4],
10217
+ "hex": "#105823"
10218
+ },
9804
10219
  "filePath": "src/tokens/component/button.json5",
9805
10220
  "isSource": true,
9806
10221
  "$type": "color"
9807
10222
  },
9808
10223
  "dark-dimmed": {
9809
- "$value": "#105823",
10224
+ "$value": {
10225
+ "colorSpace": "hsl",
10226
+ "components": [135.8, 69.2, 20.4],
10227
+ "hex": "#105823"
10228
+ },
9810
10229
  "filePath": "src/tokens/component/button.json5",
9811
10230
  "isSource": true,
9812
10231
  "$type": "color"
9813
10232
  },
9814
10233
  "dark-tritanopia": {
9815
- "$value": "#5fabfe",
10234
+ "$value": {
10235
+ "colorSpace": "hsl",
10236
+ "components": [211.3, 98.8, 68.4],
10237
+ "hex": "#5fabfe"
10238
+ },
9816
10239
  "filePath": "src/tokens/component/button.json5",
9817
10240
  "isSource": true,
9818
10241
  "$type": "color"
9819
10242
  },
9820
10243
  "dark-tritanopia-high-contrast": {
9821
- "$value": "#5fabfe",
10244
+ "$value": {
10245
+ "colorSpace": "hsl",
10246
+ "components": [211.3, 98.8, 68.4],
10247
+ "hex": "#5fabfe"
10248
+ },
9822
10249
  "filePath": "src/tokens/component/button.json5",
9823
10250
  "isSource": true,
9824
10251
  "$type": "color"
@@ -9836,37 +10263,61 @@
9836
10263
  "$type": "color"
9837
10264
  },
9838
10265
  "dark-high-contrast": {
9839
- "$value": "#048f2f",
10266
+ "$value": {
10267
+ "colorSpace": "hsl",
10268
+ "components": [138.6, 94.6, 28.8],
10269
+ "hex": "#048f2f"
10270
+ },
9840
10271
  "filePath": "src/tokens/component/button.json5",
9841
10272
  "isSource": true,
9842
10273
  "$type": "color"
9843
10274
  },
9844
10275
  "light-tritanopia": {
9845
- "$value": "#92caff",
10276
+ "$value": {
10277
+ "colorSpace": "hsl",
10278
+ "components": [209.2, 100, 78.6],
10279
+ "hex": "#92caff"
10280
+ },
9846
10281
  "filePath": "src/tokens/component/button.json5",
9847
10282
  "isSource": true,
9848
10283
  "$type": "color"
9849
10284
  },
9850
10285
  "light-tritanopia-high-contrast": {
9851
- "$value": "#92caff",
10286
+ "$value": {
10287
+ "colorSpace": "hsl",
10288
+ "components": [209.2, 100, 78.6],
10289
+ "hex": "#92caff"
10290
+ },
9852
10291
  "filePath": "src/tokens/component/button.json5",
9853
10292
  "isSource": true,
9854
10293
  "$type": "color"
9855
10294
  },
9856
10295
  "light-protanopia-deuteranopia": {
9857
- "$value": "#92caff",
10296
+ "$value": {
10297
+ "colorSpace": "hsl",
10298
+ "components": [209.2, 100, 78.6],
10299
+ "hex": "#92caff"
10300
+ },
9858
10301
  "filePath": "src/tokens/component/button.json5",
9859
10302
  "isSource": true,
9860
10303
  "$type": "color"
9861
10304
  },
9862
10305
  "light-protanopia-deuteranopia-high-contrast": {
9863
- "$value": "#92caff",
10306
+ "$value": {
10307
+ "colorSpace": "hsl",
10308
+ "components": [209.2, 100, 78.6],
10309
+ "hex": "#92caff"
10310
+ },
9864
10311
  "filePath": "src/tokens/component/button.json5",
9865
10312
  "isSource": true,
9866
10313
  "$type": "color"
9867
10314
  },
9868
10315
  "light-high-contrast": {
9869
- "$value": "#85cb97",
10316
+ "$value": {
10317
+ "colorSpace": "hsl",
10318
+ "components": [135.4, 40.2, 65.9],
10319
+ "hex": "#85cb97"
10320
+ },
9870
10321
  "filePath": "src/tokens/component/button.json5",
9871
10322
  "isSource": true,
9872
10323
  "$type": "color"
@@ -9891,13 +10342,21 @@
9891
10342
  },
9892
10343
  "org.primer.overrides": {
9893
10344
  "dark": {
9894
- "$value": "#29903B",
10345
+ "$value": {
10346
+ "colorSpace": "hsl",
10347
+ "components": [130.5, 55.7, 36.3],
10348
+ "hex": "#29903B"
10349
+ },
9895
10350
  "filePath": "src/tokens/component/button.json5",
9896
10351
  "isSource": true,
9897
10352
  "$type": "color"
9898
10353
  },
9899
10354
  "dark-dimmed": {
9900
- "$value": "#3b8640",
10355
+ "$value": {
10356
+ "colorSpace": "hsl",
10357
+ "components": [124, 38.9, 37.8],
10358
+ "hex": "#3b8640"
10359
+ },
9901
10360
  "filePath": "src/tokens/component/button.json5",
9902
10361
  "isSource": true,
9903
10362
  "$type": "color"
@@ -9909,61 +10368,101 @@
9909
10368
  "$type": "color"
9910
10369
  },
9911
10370
  "dark-tritanopia": {
9912
- "$value": "#2a7aef",
10371
+ "$value": {
10372
+ "colorSpace": "hsl",
10373
+ "components": [215.6, 86, 55.1],
10374
+ "hex": "#2a7aef"
10375
+ },
9913
10376
  "filePath": "src/tokens/component/button.json5",
9914
10377
  "isSource": true,
9915
10378
  "$type": "color"
9916
10379
  },
9917
10380
  "dark-tritanopia-high-contrast": {
9918
- "$value": "#2a7aef",
10381
+ "$value": {
10382
+ "colorSpace": "hsl",
10383
+ "components": [215.6, 86, 55.1],
10384
+ "hex": "#2a7aef"
10385
+ },
9919
10386
  "filePath": "src/tokens/component/button.json5",
9920
10387
  "isSource": true,
9921
10388
  "$type": "color"
9922
10389
  },
9923
10390
  "dark-protanopia-deuteranopia": {
9924
- "$value": "#2a7aef",
10391
+ "$value": {
10392
+ "colorSpace": "hsl",
10393
+ "components": [215.6, 86, 55.1],
10394
+ "hex": "#2a7aef"
10395
+ },
9925
10396
  "filePath": "src/tokens/component/button.json5",
9926
10397
  "isSource": true,
9927
10398
  "$type": "color"
9928
10399
  },
9929
10400
  "dark-protanopia-deuteranopia-high-contrast": {
9930
- "$value": "#2a7aef",
10401
+ "$value": {
10402
+ "colorSpace": "hsl",
10403
+ "components": [215.6, 86, 55.1],
10404
+ "hex": "#2a7aef"
10405
+ },
9931
10406
  "filePath": "src/tokens/component/button.json5",
9932
10407
  "isSource": true,
9933
10408
  "$type": "color"
9934
10409
  },
9935
10410
  "dark-high-contrast": {
9936
- "$value": "#08792b",
10411
+ "$value": {
10412
+ "colorSpace": "hsl",
10413
+ "components": [138.6, 87.6, 25.3],
10414
+ "hex": "#08792b"
10415
+ },
9937
10416
  "filePath": "src/tokens/component/button.json5",
9938
10417
  "isSource": true,
9939
10418
  "$type": "color"
9940
10419
  },
9941
10420
  "light-tritanopia": {
9942
- "$value": "#0864d1",
10421
+ "$value": {
10422
+ "colorSpace": "hsl",
10423
+ "components": [212.5, 92.6, 42.5],
10424
+ "hex": "#0864d1"
10425
+ },
9943
10426
  "filePath": "src/tokens/component/button.json5",
9944
10427
  "isSource": true,
9945
10428
  "$type": "color"
9946
10429
  },
9947
10430
  "light-tritanopia-high-contrast": {
9948
- "$value": "#0864d1",
10431
+ "$value": {
10432
+ "colorSpace": "hsl",
10433
+ "components": [212.5, 92.6, 42.5],
10434
+ "hex": "#0864d1"
10435
+ },
9949
10436
  "filePath": "src/tokens/component/button.json5",
9950
10437
  "isSource": true,
9951
10438
  "$type": "color"
9952
10439
  },
9953
10440
  "light-protanopia-deuteranopia": {
9954
- "$value": "#0864d1",
10441
+ "$value": {
10442
+ "colorSpace": "hsl",
10443
+ "components": [212.5, 92.6, 42.5],
10444
+ "hex": "#0864d1"
10445
+ },
9955
10446
  "filePath": "src/tokens/component/button.json5",
9956
10447
  "isSource": true,
9957
10448
  "$type": "color"
9958
10449
  },
9959
10450
  "light-protanopia-deuteranopia-high-contrast": {
9960
- "$value": "#0864d1",
10451
+ "$value": {
10452
+ "colorSpace": "hsl",
10453
+ "components": [212.5, 92.6, 42.5],
10454
+ "hex": "#0864d1"
10455
+ },
9961
10456
  "filePath": "src/tokens/component/button.json5",
9962
10457
  "isSource": true,
9963
10458
  "$type": "color"
9964
10459
  },
9965
10460
  "light-high-contrast": {
9966
- "$value": "#04571e",
10461
+ "$value": {
10462
+ "colorSpace": "hsl",
10463
+ "components": [138.8, 91.2, 17.8],
10464
+ "hex": "#04571e"
10465
+ },
9967
10466
  "filePath": "src/tokens/component/button.json5",
9968
10467
  "isSource": true,
9969
10468
  "$type": "color"
@@ -9973,7 +10472,11 @@
9973
10472
  "filePath": "src/tokens/component/button.json5",
9974
10473
  "isSource": true,
9975
10474
  "original": {
9976
- "$value": "#1c8139",
10475
+ "$value": {
10476
+ "colorSpace": "hsl",
10477
+ "components": [137.2, 64.3, 30.8],
10478
+ "hex": "#1c8139"
10479
+ },
9977
10480
  "$type": "color",
9978
10481
  "$extensions": {
9979
10482
  "org.primer.figma": {
@@ -9983,13 +10486,21 @@
9983
10486
  },
9984
10487
  "org.primer.overrides": {
9985
10488
  "dark": {
9986
- "$value": "#29903B",
10489
+ "$value": {
10490
+ "colorSpace": "hsl",
10491
+ "components": [130.5, 55.7, 36.3],
10492
+ "hex": "#29903B"
10493
+ },
9987
10494
  "filePath": "src/tokens/component/button.json5",
9988
10495
  "isSource": true,
9989
10496
  "$type": "color"
9990
10497
  },
9991
10498
  "dark-dimmed": {
9992
- "$value": "#3b8640",
10499
+ "$value": {
10500
+ "colorSpace": "hsl",
10501
+ "components": [124, 38.9, 37.8],
10502
+ "hex": "#3b8640"
10503
+ },
9993
10504
  "filePath": "src/tokens/component/button.json5",
9994
10505
  "isSource": true,
9995
10506
  "$type": "color"
@@ -10001,61 +10512,101 @@
10001
10512
  "$type": "color"
10002
10513
  },
10003
10514
  "dark-tritanopia": {
10004
- "$value": "#2a7aef",
10515
+ "$value": {
10516
+ "colorSpace": "hsl",
10517
+ "components": [215.6, 86, 55.1],
10518
+ "hex": "#2a7aef"
10519
+ },
10005
10520
  "filePath": "src/tokens/component/button.json5",
10006
10521
  "isSource": true,
10007
10522
  "$type": "color"
10008
10523
  },
10009
10524
  "dark-tritanopia-high-contrast": {
10010
- "$value": "#2a7aef",
10525
+ "$value": {
10526
+ "colorSpace": "hsl",
10527
+ "components": [215.6, 86, 55.1],
10528
+ "hex": "#2a7aef"
10529
+ },
10011
10530
  "filePath": "src/tokens/component/button.json5",
10012
10531
  "isSource": true,
10013
10532
  "$type": "color"
10014
10533
  },
10015
10534
  "dark-protanopia-deuteranopia": {
10016
- "$value": "#2a7aef",
10535
+ "$value": {
10536
+ "colorSpace": "hsl",
10537
+ "components": [215.6, 86, 55.1],
10538
+ "hex": "#2a7aef"
10539
+ },
10017
10540
  "filePath": "src/tokens/component/button.json5",
10018
10541
  "isSource": true,
10019
10542
  "$type": "color"
10020
10543
  },
10021
10544
  "dark-protanopia-deuteranopia-high-contrast": {
10022
- "$value": "#2a7aef",
10545
+ "$value": {
10546
+ "colorSpace": "hsl",
10547
+ "components": [215.6, 86, 55.1],
10548
+ "hex": "#2a7aef"
10549
+ },
10023
10550
  "filePath": "src/tokens/component/button.json5",
10024
10551
  "isSource": true,
10025
10552
  "$type": "color"
10026
10553
  },
10027
10554
  "dark-high-contrast": {
10028
- "$value": "#08792b",
10555
+ "$value": {
10556
+ "colorSpace": "hsl",
10557
+ "components": [138.6, 87.6, 25.3],
10558
+ "hex": "#08792b"
10559
+ },
10029
10560
  "filePath": "src/tokens/component/button.json5",
10030
10561
  "isSource": true,
10031
10562
  "$type": "color"
10032
10563
  },
10033
10564
  "light-tritanopia": {
10034
- "$value": "#0864d1",
10565
+ "$value": {
10566
+ "colorSpace": "hsl",
10567
+ "components": [212.5, 92.6, 42.5],
10568
+ "hex": "#0864d1"
10569
+ },
10035
10570
  "filePath": "src/tokens/component/button.json5",
10036
10571
  "isSource": true,
10037
10572
  "$type": "color"
10038
10573
  },
10039
10574
  "light-tritanopia-high-contrast": {
10040
- "$value": "#0864d1",
10575
+ "$value": {
10576
+ "colorSpace": "hsl",
10577
+ "components": [212.5, 92.6, 42.5],
10578
+ "hex": "#0864d1"
10579
+ },
10041
10580
  "filePath": "src/tokens/component/button.json5",
10042
10581
  "isSource": true,
10043
10582
  "$type": "color"
10044
10583
  },
10045
10584
  "light-protanopia-deuteranopia": {
10046
- "$value": "#0864d1",
10585
+ "$value": {
10586
+ "colorSpace": "hsl",
10587
+ "components": [212.5, 92.6, 42.5],
10588
+ "hex": "#0864d1"
10589
+ },
10047
10590
  "filePath": "src/tokens/component/button.json5",
10048
10591
  "isSource": true,
10049
10592
  "$type": "color"
10050
10593
  },
10051
10594
  "light-protanopia-deuteranopia-high-contrast": {
10052
- "$value": "#0864d1",
10595
+ "$value": {
10596
+ "colorSpace": "hsl",
10597
+ "components": [212.5, 92.6, 42.5],
10598
+ "hex": "#0864d1"
10599
+ },
10053
10600
  "filePath": "src/tokens/component/button.json5",
10054
10601
  "isSource": true,
10055
10602
  "$type": "color"
10056
10603
  },
10057
10604
  "light-high-contrast": {
10058
- "$value": "#04571e",
10605
+ "$value": {
10606
+ "colorSpace": "hsl",
10607
+ "components": [138.8, 91.2, 17.8],
10608
+ "hex": "#04571e"
10609
+ },
10059
10610
  "filePath": "src/tokens/component/button.json5",
10060
10611
  "isSource": true,
10061
10612
  "$type": "color"
@@ -10166,37 +10717,61 @@
10166
10717
  },
10167
10718
  "org.primer.overrides": {
10168
10719
  "dark": {
10169
- "$value": "#105823",
10720
+ "$value": {
10721
+ "colorSpace": "hsl",
10722
+ "components": [135.8, 69.2, 20.4],
10723
+ "hex": "#105823"
10724
+ },
10170
10725
  "filePath": "src/tokens/component/button.json5",
10171
10726
  "isSource": true,
10172
10727
  "$type": "color"
10173
10728
  },
10174
10729
  "dark-dimmed": {
10175
- "$value": "#105823",
10730
+ "$value": {
10731
+ "colorSpace": "hsl",
10732
+ "components": [135.8, 69.2, 20.4],
10733
+ "hex": "#105823"
10734
+ },
10176
10735
  "filePath": "src/tokens/component/button.json5",
10177
10736
  "isSource": true,
10178
10737
  "$type": "color"
10179
10738
  },
10180
10739
  "dark-tritanopia": {
10181
- "$value": "#5fabfe",
10740
+ "$value": {
10741
+ "colorSpace": "hsl",
10742
+ "components": [211.3, 98.8, 68.4],
10743
+ "hex": "#5fabfe"
10744
+ },
10182
10745
  "filePath": "src/tokens/component/button.json5",
10183
10746
  "isSource": true,
10184
10747
  "$type": "color"
10185
10748
  },
10186
10749
  "dark-tritanopia-high-contrast": {
10187
- "$value": "#5fabfe",
10750
+ "$value": {
10751
+ "colorSpace": "hsl",
10752
+ "components": [211.3, 98.8, 68.4],
10753
+ "hex": "#5fabfe"
10754
+ },
10188
10755
  "filePath": "src/tokens/component/button.json5",
10189
10756
  "isSource": true,
10190
10757
  "$type": "color"
10191
10758
  },
10192
10759
  "dark-protanopia-deuteranopia": {
10193
- "$value": "#1158c7",
10760
+ "$value": {
10761
+ "colorSpace": "hsl",
10762
+ "components": [216.6, 84.3, 42.4],
10763
+ "hex": "#1158c7"
10764
+ },
10194
10765
  "filePath": "src/tokens/component/button.json5",
10195
10766
  "isSource": true,
10196
10767
  "$type": "color"
10197
10768
  },
10198
10769
  "dark-protanopia-deuteranopia-high-contrast": {
10199
- "$value": "#1158c7",
10770
+ "$value": {
10771
+ "colorSpace": "hsl",
10772
+ "components": [216.6, 84.3, 42.4],
10773
+ "hex": "#1158c7"
10774
+ },
10200
10775
  "filePath": "src/tokens/component/button.json5",
10201
10776
  "isSource": true,
10202
10777
  "$type": "color"
@@ -10209,7 +10784,11 @@
10209
10784
  "$type": "color"
10210
10785
  },
10211
10786
  "light-high-contrast": {
10212
- "$value": "#85cb97",
10787
+ "$value": {
10788
+ "colorSpace": "hsl",
10789
+ "components": [135.4, 40.2, 65.9],
10790
+ "hex": "#85cb97"
10791
+ },
10213
10792
  "filePath": "src/tokens/component/button.json5",
10214
10793
  "isSource": true,
10215
10794
  "$type": "color"
@@ -10229,37 +10808,61 @@
10229
10808
  },
10230
10809
  "org.primer.overrides": {
10231
10810
  "dark": {
10232
- "$value": "#105823",
10811
+ "$value": {
10812
+ "colorSpace": "hsl",
10813
+ "components": [135.8, 69.2, 20.4],
10814
+ "hex": "#105823"
10815
+ },
10233
10816
  "filePath": "src/tokens/component/button.json5",
10234
10817
  "isSource": true,
10235
10818
  "$type": "color"
10236
10819
  },
10237
10820
  "dark-dimmed": {
10238
- "$value": "#105823",
10821
+ "$value": {
10822
+ "colorSpace": "hsl",
10823
+ "components": [135.8, 69.2, 20.4],
10824
+ "hex": "#105823"
10825
+ },
10239
10826
  "filePath": "src/tokens/component/button.json5",
10240
10827
  "isSource": true,
10241
10828
  "$type": "color"
10242
10829
  },
10243
10830
  "dark-tritanopia": {
10244
- "$value": "#5fabfe",
10831
+ "$value": {
10832
+ "colorSpace": "hsl",
10833
+ "components": [211.3, 98.8, 68.4],
10834
+ "hex": "#5fabfe"
10835
+ },
10245
10836
  "filePath": "src/tokens/component/button.json5",
10246
10837
  "isSource": true,
10247
10838
  "$type": "color"
10248
10839
  },
10249
10840
  "dark-tritanopia-high-contrast": {
10250
- "$value": "#5fabfe",
10841
+ "$value": {
10842
+ "colorSpace": "hsl",
10843
+ "components": [211.3, 98.8, 68.4],
10844
+ "hex": "#5fabfe"
10845
+ },
10251
10846
  "filePath": "src/tokens/component/button.json5",
10252
10847
  "isSource": true,
10253
10848
  "$type": "color"
10254
10849
  },
10255
10850
  "dark-protanopia-deuteranopia": {
10256
- "$value": "#1158c7",
10851
+ "$value": {
10852
+ "colorSpace": "hsl",
10853
+ "components": [216.6, 84.3, 42.4],
10854
+ "hex": "#1158c7"
10855
+ },
10257
10856
  "filePath": "src/tokens/component/button.json5",
10258
10857
  "isSource": true,
10259
10858
  "$type": "color"
10260
10859
  },
10261
10860
  "dark-protanopia-deuteranopia-high-contrast": {
10262
- "$value": "#1158c7",
10861
+ "$value": {
10862
+ "colorSpace": "hsl",
10863
+ "components": [216.6, 84.3, 42.4],
10864
+ "hex": "#1158c7"
10865
+ },
10263
10866
  "filePath": "src/tokens/component/button.json5",
10264
10867
  "isSource": true,
10265
10868
  "$type": "color"
@@ -10272,7 +10875,11 @@
10272
10875
  "$type": "color"
10273
10876
  },
10274
10877
  "light-high-contrast": {
10275
- "$value": "#85cb97",
10878
+ "$value": {
10879
+ "colorSpace": "hsl",
10880
+ "components": [135.4, 40.2, 65.9],
10881
+ "hex": "#85cb97"
10882
+ },
10276
10883
  "filePath": "src/tokens/component/button.json5",
10277
10884
  "isSource": true,
10278
10885
  "$type": "color"
@@ -10512,13 +11119,21 @@
10512
11119
  "$type": "color"
10513
11120
  },
10514
11121
  "dark-dimmed": {
10515
- "$value": "#ffffff",
11122
+ "$value": {
11123
+ "colorSpace": "hsl",
11124
+ "components": [0, 0, 100],
11125
+ "hex": "#ffffff"
11126
+ },
10516
11127
  "filePath": "src/tokens/component/button.json5",
10517
11128
  "isSource": true,
10518
11129
  "$type": "color"
10519
11130
  },
10520
11131
  "dark-dimmed-high-contrast": {
10521
- "$value": "#ffffff",
11132
+ "$value": {
11133
+ "colorSpace": "hsl",
11134
+ "components": [0, 0, 100],
11135
+ "hex": "#ffffff"
11136
+ },
10522
11137
  "filePath": "src/tokens/component/button.json5",
10523
11138
  "isSource": true,
10524
11139
  "$type": "color"
@@ -10544,13 +11159,21 @@
10544
11159
  "$type": "color"
10545
11160
  },
10546
11161
  "dark-dimmed": {
10547
- "$value": "#ffffff",
11162
+ "$value": {
11163
+ "colorSpace": "hsl",
11164
+ "components": [0, 0, 100],
11165
+ "hex": "#ffffff"
11166
+ },
10548
11167
  "filePath": "src/tokens/component/button.json5",
10549
11168
  "isSource": true,
10550
11169
  "$type": "color"
10551
11170
  },
10552
11171
  "dark-dimmed-high-contrast": {
10553
- "$value": "#ffffff",
11172
+ "$value": {
11173
+ "colorSpace": "hsl",
11174
+ "components": [0, 0, 100],
11175
+ "hex": "#ffffff"
11176
+ },
10554
11177
  "filePath": "src/tokens/component/button.json5",
10555
11178
  "isSource": true,
10556
11179
  "$type": "color"
@@ -10563,6 +11186,35 @@
10563
11186
  "attributes": {},
10564
11187
  "path": ["button", "primary", "fgColor", "rest"]
10565
11188
  },
11189
+ "button-primary-iconColor-disabled": {
11190
+ "key": "{button.primary.iconColor.disabled}",
11191
+ "$value": "#ffffffcc",
11192
+ "$type": "color",
11193
+ "$extensions": {
11194
+ "org.primer.figma": {
11195
+ "collection": "mode",
11196
+ "group": "component (internal)",
11197
+ "scopes": ["fgColor"]
11198
+ }
11199
+ },
11200
+ "filePath": "src/tokens/component/button.json5",
11201
+ "isSource": true,
11202
+ "original": {
11203
+ "$value": "{button.primary.fgColor.disabled}",
11204
+ "$type": "color",
11205
+ "$extensions": {
11206
+ "org.primer.figma": {
11207
+ "collection": "mode",
11208
+ "group": "component (internal)",
11209
+ "scopes": ["fgColor"]
11210
+ }
11211
+ },
11212
+ "key": "{button.primary.iconColor.disabled}"
11213
+ },
11214
+ "name": "button-primary-iconColor-disabled",
11215
+ "attributes": {},
11216
+ "path": ["button", "primary", "iconColor", "disabled"]
11217
+ },
10566
11218
  "button-primary-iconColor-rest": {
10567
11219
  "key": "{button.primary.iconColor.rest}",
10568
11220
  "$value": "#ffffffcc",
@@ -10588,13 +11240,21 @@
10588
11240
  "$type": "color"
10589
11241
  },
10590
11242
  "dark-dimmed": {
10591
- "$value": "#ffffff",
11243
+ "$value": {
11244
+ "colorSpace": "hsl",
11245
+ "components": [0, 0, 100],
11246
+ "hex": "#ffffff"
11247
+ },
10592
11248
  "filePath": "src/tokens/component/button.json5",
10593
11249
  "isSource": true,
10594
11250
  "$type": "color"
10595
11251
  },
10596
11252
  "dark-dimmed-high-contrast": {
10597
- "$value": "#ffffff",
11253
+ "$value": {
11254
+ "colorSpace": "hsl",
11255
+ "components": [0, 0, 100],
11256
+ "hex": "#ffffff"
11257
+ },
10598
11258
  "filePath": "src/tokens/component/button.json5",
10599
11259
  "isSource": true,
10600
11260
  "$type": "color"
@@ -10628,13 +11288,21 @@
10628
11288
  "$type": "color"
10629
11289
  },
10630
11290
  "dark-dimmed": {
10631
- "$value": "#ffffff",
11291
+ "$value": {
11292
+ "colorSpace": "hsl",
11293
+ "components": [0, 0, 100],
11294
+ "hex": "#ffffff"
11295
+ },
10632
11296
  "filePath": "src/tokens/component/button.json5",
10633
11297
  "isSource": true,
10634
11298
  "$type": "color"
10635
11299
  },
10636
11300
  "dark-dimmed-high-contrast": {
10637
- "$value": "#ffffff",
11301
+ "$value": {
11302
+ "colorSpace": "hsl",
11303
+ "components": [0, 0, 100],
11304
+ "hex": "#ffffff"
11305
+ },
10638
11306
  "filePath": "src/tokens/component/button.json5",
10639
11307
  "isSource": true,
10640
11308
  "$type": "color"
@@ -11285,7 +11953,11 @@
11285
11953
  "filePath": "src/tokens/component/button.json5",
11286
11954
  "isSource": true,
11287
11955
  "original": {
11288
- "$value": "#c21c2c",
11956
+ "$value": {
11957
+ "colorSpace": "hsl",
11958
+ "components": [354.2, 74.8, 43.5],
11959
+ "hex": "#c21c2c"
11960
+ },
11289
11961
  "$type": "color",
11290
11962
  "$extensions": {
11291
11963
  "org.primer.figma": {
@@ -14106,7 +14778,11 @@
14106
14778
  "filePath": "src/tokens/functional/color/syntax.json5",
14107
14779
  "isSource": true,
14108
14780
  "original": {
14109
- "$value": "#1b7c83",
14781
+ "$value": {
14782
+ "colorSpace": "hsl",
14783
+ "components": [184, 65.8, 31],
14784
+ "hex": "#1b7c83"
14785
+ },
14110
14786
  "$type": "color",
14111
14787
  "$extensions": {
14112
14788
  "org.primer.figma": {
@@ -14139,7 +14815,11 @@
14139
14815
  "filePath": "src/tokens/functional/color/syntax.json5",
14140
14816
  "isSource": true,
14141
14817
  "original": {
14142
- "$value": "#3192aa",
14818
+ "$value": {
14819
+ "colorSpace": "hsl",
14820
+ "components": [191.9, 55.3, 42.9],
14821
+ "hex": "#3192aa"
14822
+ },
14143
14823
  "$type": "color",
14144
14824
  "$extensions": {
14145
14825
  "org.primer.figma": {
@@ -17004,7 +17684,11 @@
17004
17684
  "org.primer.overrides": {
17005
17685
  "dark": "#d1d9e0",
17006
17686
  "dark-dimmed": {
17007
- "$value": "#3d444d",
17687
+ "$value": {
17688
+ "colorSpace": "hsl",
17689
+ "components": [213.8, 11.6, 27.1],
17690
+ "hex": "#3d444d"
17691
+ },
17008
17692
  "filePath": "src/tokens/functional/color/control.json5",
17009
17693
  "isSource": true,
17010
17694
  "$type": "color"
@@ -17025,7 +17709,11 @@
17025
17709
  "org.primer.overrides": {
17026
17710
  "dark": "{borderColor.default}",
17027
17711
  "dark-dimmed": {
17028
- "$value": "#3d444d",
17712
+ "$value": {
17713
+ "colorSpace": "hsl",
17714
+ "components": [213.8, 11.6, 27.1],
17715
+ "hex": "#3d444d"
17716
+ },
17029
17717
  "filePath": "src/tokens/functional/color/control.json5",
17030
17718
  "isSource": true,
17031
17719
  "$type": "color"
@@ -17156,49 +17844,81 @@
17156
17844
  "org.primer.overrides": {
17157
17845
  "dark": "#3685F3",
17158
17846
  "dark-high-contrast": {
17159
- "$value": "#3c79d0",
17847
+ "$value": {
17848
+ "colorSpace": "hsl",
17849
+ "components": [215.3, 61.2, 52.5],
17850
+ "hex": "#3c79d0"
17851
+ },
17160
17852
  "filePath": "src/tokens/functional/color/control.json5",
17161
17853
  "isSource": true,
17162
17854
  "$type": "color"
17163
17855
  },
17164
17856
  "dark-protanopia-deuteranopia-high-contrast": {
17165
- "$value": "#3c79d0",
17857
+ "$value": {
17858
+ "colorSpace": "hsl",
17859
+ "components": [215.3, 61.2, 52.5],
17860
+ "hex": "#3c79d0"
17861
+ },
17166
17862
  "filePath": "src/tokens/functional/color/control.json5",
17167
17863
  "isSource": true,
17168
17864
  "$type": "color"
17169
17865
  },
17170
17866
  "dark-tritanopia-high-contrast": {
17171
- "$value": "#3c79d0",
17867
+ "$value": {
17868
+ "colorSpace": "hsl",
17869
+ "components": [215.3, 61.2, 52.5],
17870
+ "hex": "#3c79d0"
17871
+ },
17172
17872
  "filePath": "src/tokens/functional/color/control.json5",
17173
17873
  "isSource": true,
17174
17874
  "$type": "color"
17175
17875
  },
17176
17876
  "dark-dimmed": {
17177
- "$value": "#3f7fdb",
17877
+ "$value": {
17878
+ "colorSpace": "hsl",
17879
+ "components": [215.4, 68.4, 55.3],
17880
+ "hex": "#3f7fdb"
17881
+ },
17178
17882
  "filePath": "src/tokens/functional/color/control.json5",
17179
17883
  "isSource": true,
17180
17884
  "$type": "color"
17181
17885
  },
17182
17886
  "dark-dimmed-high-contrast": {
17183
- "$value": "#3c79d0",
17887
+ "$value": {
17888
+ "colorSpace": "hsl",
17889
+ "components": [215.3, 61.2, 52.5],
17890
+ "hex": "#3c79d0"
17891
+ },
17184
17892
  "filePath": "src/tokens/functional/color/control.json5",
17185
17893
  "isSource": true,
17186
17894
  "$type": "color"
17187
17895
  },
17188
17896
  "light-high-contrast": {
17189
- "$value": "#033f9d",
17897
+ "$value": {
17898
+ "colorSpace": "hsl",
17899
+ "components": [216.6, 96.3, 31.4],
17900
+ "hex": "#033f9d"
17901
+ },
17190
17902
  "filePath": "src/tokens/functional/color/control.json5",
17191
17903
  "isSource": true,
17192
17904
  "$type": "color"
17193
17905
  },
17194
17906
  "light-tritanopia-high-contrast": {
17195
- "$value": "#033f9d",
17907
+ "$value": {
17908
+ "colorSpace": "hsl",
17909
+ "components": [216.6, 96.3, 31.4],
17910
+ "hex": "#033f9d"
17911
+ },
17196
17912
  "filePath": "src/tokens/functional/color/control.json5",
17197
17913
  "isSource": true,
17198
17914
  "$type": "color"
17199
17915
  },
17200
17916
  "light-protanopia-deuteranopia-high-contrast": {
17201
- "$value": "#033f9d",
17917
+ "$value": {
17918
+ "colorSpace": "hsl",
17919
+ "components": [216.6, 96.3, 31.4],
17920
+ "hex": "#033f9d"
17921
+ },
17202
17922
  "filePath": "src/tokens/functional/color/control.json5",
17203
17923
  "isSource": true,
17204
17924
  "$type": "color"
@@ -17208,7 +17928,11 @@
17208
17928
  "filePath": "src/tokens/functional/color/control.json5",
17209
17929
  "isSource": true,
17210
17930
  "original": {
17211
- "$value": "#0757ba",
17931
+ "$value": {
17932
+ "colorSpace": "hsl",
17933
+ "components": [213.2, 92.7, 37.8],
17934
+ "hex": "#0757ba"
17935
+ },
17212
17936
  "$type": "color",
17213
17937
  "$extensions": {
17214
17938
  "org.primer.figma": {
@@ -17219,49 +17943,81 @@
17219
17943
  "org.primer.overrides": {
17220
17944
  "dark": "#3685F3",
17221
17945
  "dark-high-contrast": {
17222
- "$value": "#3c79d0",
17946
+ "$value": {
17947
+ "colorSpace": "hsl",
17948
+ "components": [215.3, 61.2, 52.5],
17949
+ "hex": "#3c79d0"
17950
+ },
17223
17951
  "filePath": "src/tokens/functional/color/control.json5",
17224
17952
  "isSource": true,
17225
17953
  "$type": "color"
17226
17954
  },
17227
17955
  "dark-protanopia-deuteranopia-high-contrast": {
17228
- "$value": "#3c79d0",
17956
+ "$value": {
17957
+ "colorSpace": "hsl",
17958
+ "components": [215.3, 61.2, 52.5],
17959
+ "hex": "#3c79d0"
17960
+ },
17229
17961
  "filePath": "src/tokens/functional/color/control.json5",
17230
17962
  "isSource": true,
17231
17963
  "$type": "color"
17232
17964
  },
17233
17965
  "dark-tritanopia-high-contrast": {
17234
- "$value": "#3c79d0",
17966
+ "$value": {
17967
+ "colorSpace": "hsl",
17968
+ "components": [215.3, 61.2, 52.5],
17969
+ "hex": "#3c79d0"
17970
+ },
17235
17971
  "filePath": "src/tokens/functional/color/control.json5",
17236
17972
  "isSource": true,
17237
17973
  "$type": "color"
17238
17974
  },
17239
17975
  "dark-dimmed": {
17240
- "$value": "#3f7fdb",
17976
+ "$value": {
17977
+ "colorSpace": "hsl",
17978
+ "components": [215.4, 68.4, 55.3],
17979
+ "hex": "#3f7fdb"
17980
+ },
17241
17981
  "filePath": "src/tokens/functional/color/control.json5",
17242
17982
  "isSource": true,
17243
17983
  "$type": "color"
17244
17984
  },
17245
17985
  "dark-dimmed-high-contrast": {
17246
- "$value": "#3c79d0",
17986
+ "$value": {
17987
+ "colorSpace": "hsl",
17988
+ "components": [215.3, 61.2, 52.5],
17989
+ "hex": "#3c79d0"
17990
+ },
17247
17991
  "filePath": "src/tokens/functional/color/control.json5",
17248
17992
  "isSource": true,
17249
17993
  "$type": "color"
17250
17994
  },
17251
17995
  "light-high-contrast": {
17252
- "$value": "#033f9d",
17996
+ "$value": {
17997
+ "colorSpace": "hsl",
17998
+ "components": [216.6, 96.3, 31.4],
17999
+ "hex": "#033f9d"
18000
+ },
17253
18001
  "filePath": "src/tokens/functional/color/control.json5",
17254
18002
  "isSource": true,
17255
18003
  "$type": "color"
17256
18004
  },
17257
18005
  "light-tritanopia-high-contrast": {
17258
- "$value": "#033f9d",
18006
+ "$value": {
18007
+ "colorSpace": "hsl",
18008
+ "components": [216.6, 96.3, 31.4],
18009
+ "hex": "#033f9d"
18010
+ },
17259
18011
  "filePath": "src/tokens/functional/color/control.json5",
17260
18012
  "isSource": true,
17261
18013
  "$type": "color"
17262
18014
  },
17263
18015
  "light-protanopia-deuteranopia-high-contrast": {
17264
- "$value": "#033f9d",
18016
+ "$value": {
18017
+ "colorSpace": "hsl",
18018
+ "components": [216.6, 96.3, 31.4],
18019
+ "hex": "#033f9d"
18020
+ },
17265
18021
  "filePath": "src/tokens/functional/color/control.json5",
17266
18022
  "isSource": true,
17267
18023
  "$type": "color"
@@ -17322,49 +18078,81 @@
17322
18078
  "org.primer.overrides": {
17323
18079
  "dark": "#2A7AEF",
17324
18080
  "dark-high-contrast": {
17325
- "$value": "#2b64c1",
18081
+ "$value": {
18082
+ "colorSpace": "hsl",
18083
+ "components": [217.2, 63.6, 46.3],
18084
+ "hex": "#2b64c1"
18085
+ },
17326
18086
  "filePath": "src/tokens/functional/color/control.json5",
17327
18087
  "isSource": true,
17328
18088
  "$type": "color"
17329
18089
  },
17330
18090
  "dark-tritanopia-high-contrast": {
17331
- "$value": "#2b64c1",
18091
+ "$value": {
18092
+ "colorSpace": "hsl",
18093
+ "components": [217.2, 63.6, 46.3],
18094
+ "hex": "#2b64c1"
18095
+ },
17332
18096
  "filePath": "src/tokens/functional/color/control.json5",
17333
18097
  "isSource": true,
17334
18098
  "$type": "color"
17335
18099
  },
17336
18100
  "dark-protanopia-deuteranopia-high-contrast": {
17337
- "$value": "#2b64c1",
18101
+ "$value": {
18102
+ "colorSpace": "hsl",
18103
+ "components": [217.2, 63.6, 46.3],
18104
+ "hex": "#2b64c1"
18105
+ },
17338
18106
  "filePath": "src/tokens/functional/color/control.json5",
17339
18107
  "isSource": true,
17340
18108
  "$type": "color"
17341
18109
  },
17342
18110
  "dark-dimmed": {
17343
- "$value": "#3876d3",
18111
+ "$value": {
18112
+ "colorSpace": "hsl",
18113
+ "components": [216, 63.8, 52.4],
18114
+ "hex": "#3876d3"
18115
+ },
17344
18116
  "filePath": "src/tokens/functional/color/control.json5",
17345
18117
  "isSource": true,
17346
18118
  "$type": "color"
17347
18119
  },
17348
18120
  "dark-dimmed-high-contrast": {
17349
- "$value": "#2b64c1",
18121
+ "$value": {
18122
+ "colorSpace": "hsl",
18123
+ "components": [217.2, 63.6, 46.3],
18124
+ "hex": "#2b64c1"
18125
+ },
17350
18126
  "filePath": "src/tokens/functional/color/control.json5",
17351
18127
  "isSource": true,
17352
18128
  "$type": "color"
17353
18129
  },
17354
18130
  "light-high-contrast": {
17355
- "$value": "#0344a8",
18131
+ "$value": {
18132
+ "colorSpace": "hsl",
18133
+ "components": [216.4, 96.5, 33.5],
18134
+ "hex": "#0344a8"
18135
+ },
17356
18136
  "filePath": "src/tokens/functional/color/control.json5",
17357
18137
  "isSource": true,
17358
18138
  "$type": "color"
17359
18139
  },
17360
18140
  "light-tritanopia-high-contrast": {
17361
- "$value": "#0344a8",
18141
+ "$value": {
18142
+ "colorSpace": "hsl",
18143
+ "components": [216.4, 96.5, 33.5],
18144
+ "hex": "#0344a8"
18145
+ },
17362
18146
  "filePath": "src/tokens/functional/color/control.json5",
17363
18147
  "isSource": true,
17364
18148
  "$type": "color"
17365
18149
  },
17366
18150
  "light-protanopia-deuteranopia-high-contrast": {
17367
- "$value": "#0344a8",
18151
+ "$value": {
18152
+ "colorSpace": "hsl",
18153
+ "components": [216.4, 96.5, 33.5],
18154
+ "hex": "#0344a8"
18155
+ },
17368
18156
  "filePath": "src/tokens/functional/color/control.json5",
17369
18157
  "isSource": true,
17370
18158
  "$type": "color"
@@ -17374,7 +18162,11 @@
17374
18162
  "filePath": "src/tokens/functional/color/control.json5",
17375
18163
  "isSource": true,
17376
18164
  "original": {
17377
- "$value": "#0860ca",
18165
+ "$value": {
18166
+ "colorSpace": "hsl",
18167
+ "components": [212.8, 92.4, 41.2],
18168
+ "hex": "#0860ca"
18169
+ },
17378
18170
  "$type": "color",
17379
18171
  "$extensions": {
17380
18172
  "org.primer.figma": {
@@ -17385,49 +18177,81 @@
17385
18177
  "org.primer.overrides": {
17386
18178
  "dark": "#2A7AEF",
17387
18179
  "dark-high-contrast": {
17388
- "$value": "#2b64c1",
18180
+ "$value": {
18181
+ "colorSpace": "hsl",
18182
+ "components": [217.2, 63.6, 46.3],
18183
+ "hex": "#2b64c1"
18184
+ },
17389
18185
  "filePath": "src/tokens/functional/color/control.json5",
17390
18186
  "isSource": true,
17391
18187
  "$type": "color"
17392
18188
  },
17393
18189
  "dark-tritanopia-high-contrast": {
17394
- "$value": "#2b64c1",
18190
+ "$value": {
18191
+ "colorSpace": "hsl",
18192
+ "components": [217.2, 63.6, 46.3],
18193
+ "hex": "#2b64c1"
18194
+ },
17395
18195
  "filePath": "src/tokens/functional/color/control.json5",
17396
18196
  "isSource": true,
17397
18197
  "$type": "color"
17398
18198
  },
17399
18199
  "dark-protanopia-deuteranopia-high-contrast": {
17400
- "$value": "#2b64c1",
18200
+ "$value": {
18201
+ "colorSpace": "hsl",
18202
+ "components": [217.2, 63.6, 46.3],
18203
+ "hex": "#2b64c1"
18204
+ },
17401
18205
  "filePath": "src/tokens/functional/color/control.json5",
17402
18206
  "isSource": true,
17403
18207
  "$type": "color"
17404
18208
  },
17405
18209
  "dark-dimmed": {
17406
- "$value": "#3876d3",
18210
+ "$value": {
18211
+ "colorSpace": "hsl",
18212
+ "components": [216, 63.8, 52.4],
18213
+ "hex": "#3876d3"
18214
+ },
17407
18215
  "filePath": "src/tokens/functional/color/control.json5",
17408
18216
  "isSource": true,
17409
18217
  "$type": "color"
17410
18218
  },
17411
18219
  "dark-dimmed-high-contrast": {
17412
- "$value": "#2b64c1",
18220
+ "$value": {
18221
+ "colorSpace": "hsl",
18222
+ "components": [217.2, 63.6, 46.3],
18223
+ "hex": "#2b64c1"
18224
+ },
17413
18225
  "filePath": "src/tokens/functional/color/control.json5",
17414
18226
  "isSource": true,
17415
18227
  "$type": "color"
17416
18228
  },
17417
18229
  "light-high-contrast": {
17418
- "$value": "#0344a8",
18230
+ "$value": {
18231
+ "colorSpace": "hsl",
18232
+ "components": [216.4, 96.5, 33.5],
18233
+ "hex": "#0344a8"
18234
+ },
17419
18235
  "filePath": "src/tokens/functional/color/control.json5",
17420
18236
  "isSource": true,
17421
18237
  "$type": "color"
17422
18238
  },
17423
18239
  "light-tritanopia-high-contrast": {
17424
- "$value": "#0344a8",
18240
+ "$value": {
18241
+ "colorSpace": "hsl",
18242
+ "components": [216.4, 96.5, 33.5],
18243
+ "hex": "#0344a8"
18244
+ },
17425
18245
  "filePath": "src/tokens/functional/color/control.json5",
17426
18246
  "isSource": true,
17427
18247
  "$type": "color"
17428
18248
  },
17429
18249
  "light-protanopia-deuteranopia-high-contrast": {
17430
- "$value": "#0344a8",
18250
+ "$value": {
18251
+ "colorSpace": "hsl",
18252
+ "components": [216.4, 96.5, 33.5],
18253
+ "hex": "#0344a8"
18254
+ },
17431
18255
  "filePath": "src/tokens/functional/color/control.json5",
17432
18256
  "isSource": true,
17433
18257
  "$type": "color"
@@ -17506,7 +18330,11 @@
17506
18330
  "$type": "color"
17507
18331
  },
17508
18332
  "dark-dimmed": {
17509
- "$value": "#3f7fdb",
18333
+ "$value": {
18334
+ "colorSpace": "hsl",
18335
+ "components": [215.4, 68.4, 55.3],
18336
+ "hex": "#3f7fdb"
18337
+ },
17510
18338
  "filePath": "src/tokens/functional/color/control.json5",
17511
18339
  "isSource": true,
17512
18340
  "$type": "color"
@@ -17518,19 +18346,31 @@
17518
18346
  "$type": "color"
17519
18347
  },
17520
18348
  "light-high-contrast": {
17521
- "$value": "#033f9d",
18349
+ "$value": {
18350
+ "colorSpace": "hsl",
18351
+ "components": [216.6, 96.3, 31.4],
18352
+ "hex": "#033f9d"
18353
+ },
17522
18354
  "filePath": "src/tokens/functional/color/control.json5",
17523
18355
  "isSource": true,
17524
18356
  "$type": "color"
17525
18357
  },
17526
18358
  "light-protanopia-deuteranopia-high-contrast": {
17527
- "$value": "#033f9d",
18359
+ "$value": {
18360
+ "colorSpace": "hsl",
18361
+ "components": [216.6, 96.3, 31.4],
18362
+ "hex": "#033f9d"
18363
+ },
17528
18364
  "filePath": "src/tokens/functional/color/control.json5",
17529
18365
  "isSource": true,
17530
18366
  "$type": "color"
17531
18367
  },
17532
18368
  "light-tritanopia-high-contrast": {
17533
- "$value": "#033f9d",
18369
+ "$value": {
18370
+ "colorSpace": "hsl",
18371
+ "components": [216.6, 96.3, 31.4],
18372
+ "hex": "#033f9d"
18373
+ },
17534
18374
  "filePath": "src/tokens/functional/color/control.json5",
17535
18375
  "isSource": true,
17536
18376
  "$type": "color"
@@ -17569,7 +18409,11 @@
17569
18409
  "$type": "color"
17570
18410
  },
17571
18411
  "dark-dimmed": {
17572
- "$value": "#3f7fdb",
18412
+ "$value": {
18413
+ "colorSpace": "hsl",
18414
+ "components": [215.4, 68.4, 55.3],
18415
+ "hex": "#3f7fdb"
18416
+ },
17573
18417
  "filePath": "src/tokens/functional/color/control.json5",
17574
18418
  "isSource": true,
17575
18419
  "$type": "color"
@@ -17581,19 +18425,31 @@
17581
18425
  "$type": "color"
17582
18426
  },
17583
18427
  "light-high-contrast": {
17584
- "$value": "#033f9d",
18428
+ "$value": {
18429
+ "colorSpace": "hsl",
18430
+ "components": [216.6, 96.3, 31.4],
18431
+ "hex": "#033f9d"
18432
+ },
17585
18433
  "filePath": "src/tokens/functional/color/control.json5",
17586
18434
  "isSource": true,
17587
18435
  "$type": "color"
17588
18436
  },
17589
18437
  "light-protanopia-deuteranopia-high-contrast": {
17590
- "$value": "#033f9d",
18438
+ "$value": {
18439
+ "colorSpace": "hsl",
18440
+ "components": [216.6, 96.3, 31.4],
18441
+ "hex": "#033f9d"
18442
+ },
17591
18443
  "filePath": "src/tokens/functional/color/control.json5",
17592
18444
  "isSource": true,
17593
18445
  "$type": "color"
17594
18446
  },
17595
18447
  "light-tritanopia-high-contrast": {
17596
- "$value": "#033f9d",
18448
+ "$value": {
18449
+ "colorSpace": "hsl",
18450
+ "components": [216.6, 96.3, 31.4],
18451
+ "hex": "#033f9d"
18452
+ },
17597
18453
  "filePath": "src/tokens/functional/color/control.json5",
17598
18454
  "isSource": true,
17599
18455
  "$type": "color"
@@ -17672,7 +18528,11 @@
17672
18528
  "$type": "color"
17673
18529
  },
17674
18530
  "dark-dimmed": {
17675
- "$value": "#3876d3",
18531
+ "$value": {
18532
+ "colorSpace": "hsl",
18533
+ "components": [216, 63.8, 52.4],
18534
+ "hex": "#3876d3"
18535
+ },
17676
18536
  "filePath": "src/tokens/functional/color/control.json5",
17677
18537
  "isSource": true,
17678
18538
  "$type": "color"
@@ -17684,19 +18544,31 @@
17684
18544
  "$type": "color"
17685
18545
  },
17686
18546
  "light-high-contrast": {
17687
- "$value": "#0344a8",
18547
+ "$value": {
18548
+ "colorSpace": "hsl",
18549
+ "components": [216.4, 96.5, 33.5],
18550
+ "hex": "#0344a8"
18551
+ },
17688
18552
  "filePath": "src/tokens/functional/color/control.json5",
17689
18553
  "isSource": true,
17690
18554
  "$type": "color"
17691
18555
  },
17692
18556
  "light-tritanopia-high-contrast": {
17693
- "$value": "#0344a8",
18557
+ "$value": {
18558
+ "colorSpace": "hsl",
18559
+ "components": [216.4, 96.5, 33.5],
18560
+ "hex": "#0344a8"
18561
+ },
17694
18562
  "filePath": "src/tokens/functional/color/control.json5",
17695
18563
  "isSource": true,
17696
18564
  "$type": "color"
17697
18565
  },
17698
18566
  "light-protanopia-deuteranopia-high-contrast": {
17699
- "$value": "#0344a8",
18567
+ "$value": {
18568
+ "colorSpace": "hsl",
18569
+ "components": [216.4, 96.5, 33.5],
18570
+ "hex": "#0344a8"
18571
+ },
17700
18572
  "filePath": "src/tokens/functional/color/control.json5",
17701
18573
  "isSource": true,
17702
18574
  "$type": "color"
@@ -17735,7 +18607,11 @@
17735
18607
  "$type": "color"
17736
18608
  },
17737
18609
  "dark-dimmed": {
17738
- "$value": "#3876d3",
18610
+ "$value": {
18611
+ "colorSpace": "hsl",
18612
+ "components": [216, 63.8, 52.4],
18613
+ "hex": "#3876d3"
18614
+ },
17739
18615
  "filePath": "src/tokens/functional/color/control.json5",
17740
18616
  "isSource": true,
17741
18617
  "$type": "color"
@@ -17747,19 +18623,31 @@
17747
18623
  "$type": "color"
17748
18624
  },
17749
18625
  "light-high-contrast": {
17750
- "$value": "#0344a8",
18626
+ "$value": {
18627
+ "colorSpace": "hsl",
18628
+ "components": [216.4, 96.5, 33.5],
18629
+ "hex": "#0344a8"
18630
+ },
17751
18631
  "filePath": "src/tokens/functional/color/control.json5",
17752
18632
  "isSource": true,
17753
18633
  "$type": "color"
17754
18634
  },
17755
18635
  "light-tritanopia-high-contrast": {
17756
- "$value": "#0344a8",
18636
+ "$value": {
18637
+ "colorSpace": "hsl",
18638
+ "components": [216.4, 96.5, 33.5],
18639
+ "hex": "#0344a8"
18640
+ },
17757
18641
  "filePath": "src/tokens/functional/color/control.json5",
17758
18642
  "isSource": true,
17759
18643
  "$type": "color"
17760
18644
  },
17761
18645
  "light-protanopia-deuteranopia-high-contrast": {
17762
- "$value": "#0344a8",
18646
+ "$value": {
18647
+ "colorSpace": "hsl",
18648
+ "components": [216.4, 96.5, 33.5],
18649
+ "hex": "#0344a8"
18650
+ },
17763
18651
  "filePath": "src/tokens/functional/color/control.json5",
17764
18652
  "isSource": true,
17765
18653
  "$type": "color"
@@ -17951,21 +18839,33 @@
17951
18839
  "$type": "color"
17952
18840
  },
17953
18841
  "dark-high-contrast": {
17954
- "$value": "#c51120",
18842
+ "$value": {
18843
+ "colorSpace": "hsl",
18844
+ "components": [355, 84.1, 42],
18845
+ "hex": "#c51120"
18846
+ },
17955
18847
  "alpha": 1,
17956
18848
  "filePath": "src/tokens/functional/color/control.json5",
17957
18849
  "isSource": true,
17958
18850
  "$type": "color"
17959
18851
  },
17960
18852
  "dark-dimmed-high-contrast": {
17961
- "$value": "#c51120",
18853
+ "$value": {
18854
+ "colorSpace": "hsl",
18855
+ "components": [355, 84.1, 42],
18856
+ "hex": "#c51120"
18857
+ },
17962
18858
  "alpha": 1,
17963
18859
  "filePath": "src/tokens/functional/color/control.json5",
17964
18860
  "isSource": true,
17965
18861
  "$type": "color"
17966
18862
  },
17967
18863
  "dark-tritanopia-high-contrast": {
17968
- "$value": "#c51120",
18864
+ "$value": {
18865
+ "colorSpace": "hsl",
18866
+ "components": [355, 84.1, 42],
18867
+ "hex": "#c51120"
18868
+ },
17969
18869
  "alpha": 1,
17970
18870
  "filePath": "src/tokens/functional/color/control.json5",
17971
18871
  "isSource": true,
@@ -17978,13 +18878,21 @@
17978
18878
  "$type": "color"
17979
18879
  },
17980
18880
  "light-high-contrast": {
17981
- "$value": "#8c0b1d",
18881
+ "$value": {
18882
+ "colorSpace": "hsl",
18883
+ "components": [351.6, 85.4, 29.6],
18884
+ "hex": "#8c0b1d"
18885
+ },
17982
18886
  "filePath": "src/tokens/functional/color/control.json5",
17983
18887
  "isSource": true,
17984
18888
  "$type": "color"
17985
18889
  },
17986
18890
  "light-tritanopia-high-contrast": {
17987
- "$value": "#8c0b1d",
18891
+ "$value": {
18892
+ "colorSpace": "hsl",
18893
+ "components": [351.6, 85.4, 29.6],
18894
+ "hex": "#8c0b1d"
18895
+ },
17988
18896
  "filePath": "src/tokens/functional/color/control.json5",
17989
18897
  "isSource": true,
17990
18898
  "$type": "color"
@@ -18025,21 +18933,33 @@
18025
18933
  "$type": "color"
18026
18934
  },
18027
18935
  "dark-high-contrast": {
18028
- "$value": "#c51120",
18936
+ "$value": {
18937
+ "colorSpace": "hsl",
18938
+ "components": [355, 84.1, 42],
18939
+ "hex": "#c51120"
18940
+ },
18029
18941
  "alpha": 1,
18030
18942
  "filePath": "src/tokens/functional/color/control.json5",
18031
18943
  "isSource": true,
18032
18944
  "$type": "color"
18033
18945
  },
18034
18946
  "dark-dimmed-high-contrast": {
18035
- "$value": "#c51120",
18947
+ "$value": {
18948
+ "colorSpace": "hsl",
18949
+ "components": [355, 84.1, 42],
18950
+ "hex": "#c51120"
18951
+ },
18036
18952
  "alpha": 1,
18037
18953
  "filePath": "src/tokens/functional/color/control.json5",
18038
18954
  "isSource": true,
18039
18955
  "$type": "color"
18040
18956
  },
18041
18957
  "dark-tritanopia-high-contrast": {
18042
- "$value": "#c51120",
18958
+ "$value": {
18959
+ "colorSpace": "hsl",
18960
+ "components": [355, 84.1, 42],
18961
+ "hex": "#c51120"
18962
+ },
18043
18963
  "alpha": 1,
18044
18964
  "filePath": "src/tokens/functional/color/control.json5",
18045
18965
  "isSource": true,
@@ -18052,13 +18972,21 @@
18052
18972
  "$type": "color"
18053
18973
  },
18054
18974
  "light-high-contrast": {
18055
- "$value": "#8c0b1d",
18975
+ "$value": {
18976
+ "colorSpace": "hsl",
18977
+ "components": [351.6, 85.4, 29.6],
18978
+ "hex": "#8c0b1d"
18979
+ },
18056
18980
  "filePath": "src/tokens/functional/color/control.json5",
18057
18981
  "isSource": true,
18058
18982
  "$type": "color"
18059
18983
  },
18060
18984
  "light-tritanopia-high-contrast": {
18061
- "$value": "#8c0b1d",
18985
+ "$value": {
18986
+ "colorSpace": "hsl",
18987
+ "components": [351.6, 85.4, 29.6],
18988
+ "hex": "#8c0b1d"
18989
+ },
18062
18990
  "filePath": "src/tokens/functional/color/control.json5",
18063
18991
  "isSource": true,
18064
18992
  "$type": "color"
@@ -37721,7 +38649,11 @@
37721
38649
  "filePath": "src/tokens/functional/color/fgColor.json5",
37722
38650
  "isSource": true,
37723
38651
  "original": {
37724
- "$value": "#d1242f",
38652
+ "$value": {
38653
+ "colorSpace": "hsl",
38654
+ "components": [356.2, 70.6, 48],
38655
+ "hex": "#d1242f"
38656
+ },
37725
38657
  "$type": "color",
37726
38658
  "$description": "Danger text for errors and destructive actions",
37727
38659
  "$extensions": {
@@ -47463,14 +48395,22 @@
47463
48395
  },
47464
48396
  "org.primer.overrides": {
47465
48397
  "dark": {
47466
- "$value": "#3a8cfd",
48398
+ "$value": {
48399
+ "colorSpace": "hsl",
48400
+ "components": [214.8, 98, 61],
48401
+ "hex": "#3a8cfd"
48402
+ },
47467
48403
  "alpha": 0.36,
47468
48404
  "filePath": "src/tokens/component/reactionButton.json5",
47469
48405
  "isSource": true,
47470
48406
  "$type": "color"
47471
48407
  },
47472
48408
  "dark-dimmed": {
47473
- "$value": "#4285e5",
48409
+ "$value": {
48410
+ "colorSpace": "hsl",
48411
+ "components": [215.3, 75.8, 57.8],
48412
+ "hex": "#4285e5"
48413
+ },
47474
48414
  "alpha": 0.36,
47475
48415
  "filePath": "src/tokens/component/reactionButton.json5",
47476
48416
  "isSource": true,
@@ -47478,7 +48418,11 @@
47478
48418
  },
47479
48419
  "light-high-contrast": "#c7e9ff",
47480
48420
  "dark-high-contrast": {
47481
- "$value": "#5dadff",
48421
+ "$value": {
48422
+ "colorSpace": "hsl",
48423
+ "components": [210.4, 100, 68.2],
48424
+ "hex": "#5dadff"
48425
+ },
47482
48426
  "alpha": 0.36,
47483
48427
  "filePath": "src/tokens/component/reactionButton.json5",
47484
48428
  "isSource": true,
@@ -47489,7 +48433,11 @@
47489
48433
  "filePath": "src/tokens/component/reactionButton.json5",
47490
48434
  "isSource": true,
47491
48435
  "original": {
47492
- "$value": "#caecff",
48436
+ "$value": {
48437
+ "colorSpace": "hsl",
48438
+ "components": [201.5, 100, 89.6],
48439
+ "hex": "#caecff"
48440
+ },
47493
48441
  "$type": "color",
47494
48442
  "$extensions": {
47495
48443
  "org.primer.figma": {
@@ -47499,14 +48447,22 @@
47499
48447
  },
47500
48448
  "org.primer.overrides": {
47501
48449
  "dark": {
47502
- "$value": "#3a8cfd",
48450
+ "$value": {
48451
+ "colorSpace": "hsl",
48452
+ "components": [214.8, 98, 61],
48453
+ "hex": "#3a8cfd"
48454
+ },
47503
48455
  "alpha": 0.36,
47504
48456
  "filePath": "src/tokens/component/reactionButton.json5",
47505
48457
  "isSource": true,
47506
48458
  "$type": "color"
47507
48459
  },
47508
48460
  "dark-dimmed": {
47509
- "$value": "#4285e5",
48461
+ "$value": {
48462
+ "colorSpace": "hsl",
48463
+ "components": [215.3, 75.8, 57.8],
48464
+ "hex": "#4285e5"
48465
+ },
47510
48466
  "alpha": 0.36,
47511
48467
  "filePath": "src/tokens/component/reactionButton.json5",
47512
48468
  "isSource": true,
@@ -47514,7 +48470,11 @@
47514
48470
  },
47515
48471
  "light-high-contrast": "#c7e9ff",
47516
48472
  "dark-high-contrast": {
47517
- "$value": "#5dadff",
48473
+ "$value": {
48474
+ "colorSpace": "hsl",
48475
+ "components": [210.4, 100, 68.2],
48476
+ "hex": "#5dadff"
48477
+ },
47518
48478
  "alpha": 0.36,
47519
48479
  "filePath": "src/tokens/component/reactionButton.json5",
47520
48480
  "isSource": true,
@@ -47790,7 +48750,7 @@
47790
48750
  },
47791
48751
  "shadow-floating-large": {
47792
48752
  "key": "{shadow.floating.large}",
47793
- "$value": "0 0 0 1px #d1d9e0, 0 40px 80px 0 #25292e3d",
48753
+ "$value": "0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d",
47794
48754
  "$type": "shadow",
47795
48755
  "$description": "Large floating shadow for modals and dialogs",
47796
48756
  "$extensions": {
@@ -47845,6 +48805,147 @@
47845
48805
  "filePath": "src/tokens/functional/shadow/shadow.json5",
47846
48806
  "isSource": true,
47847
48807
  "$type": "shadow"
48808
+ },
48809
+ "light-high-contrast": {
48810
+ "$value": [
48811
+ {
48812
+ "color": "#d1d9e080",
48813
+ "alpha": 1,
48814
+ "offsetX": {
48815
+ "value": 0,
48816
+ "unit": "px"
48817
+ },
48818
+ "offsetY": {
48819
+ "value": 0,
48820
+ "unit": "px"
48821
+ },
48822
+ "blur": {
48823
+ "value": 0,
48824
+ "unit": "px"
48825
+ },
48826
+ "spread": {
48827
+ "value": 1,
48828
+ "unit": "px"
48829
+ }
48830
+ },
48831
+ {
48832
+ "color": "#25292e",
48833
+ "alpha": 0.24,
48834
+ "offsetX": {
48835
+ "value": 0,
48836
+ "unit": "px"
48837
+ },
48838
+ "offsetY": {
48839
+ "value": 40,
48840
+ "unit": "px"
48841
+ },
48842
+ "blur": {
48843
+ "value": 80,
48844
+ "unit": "px"
48845
+ },
48846
+ "spread": {
48847
+ "value": 0,
48848
+ "unit": "px"
48849
+ }
48850
+ }
48851
+ ],
48852
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48853
+ "isSource": true,
48854
+ "$type": "shadow"
48855
+ },
48856
+ "light-protanopia-deuteranopia-high-contrast": {
48857
+ "$value": [
48858
+ {
48859
+ "color": "#d1d9e080",
48860
+ "alpha": 1,
48861
+ "offsetX": {
48862
+ "value": 0,
48863
+ "unit": "px"
48864
+ },
48865
+ "offsetY": {
48866
+ "value": 0,
48867
+ "unit": "px"
48868
+ },
48869
+ "blur": {
48870
+ "value": 0,
48871
+ "unit": "px"
48872
+ },
48873
+ "spread": {
48874
+ "value": 1,
48875
+ "unit": "px"
48876
+ }
48877
+ },
48878
+ {
48879
+ "color": "#25292e",
48880
+ "alpha": 0.24,
48881
+ "offsetX": {
48882
+ "value": 0,
48883
+ "unit": "px"
48884
+ },
48885
+ "offsetY": {
48886
+ "value": 40,
48887
+ "unit": "px"
48888
+ },
48889
+ "blur": {
48890
+ "value": 80,
48891
+ "unit": "px"
48892
+ },
48893
+ "spread": {
48894
+ "value": 0,
48895
+ "unit": "px"
48896
+ }
48897
+ }
48898
+ ],
48899
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48900
+ "isSource": true,
48901
+ "$type": "shadow"
48902
+ },
48903
+ "light-tritanopia-high-contrast": {
48904
+ "$value": [
48905
+ {
48906
+ "color": "#d1d9e080",
48907
+ "alpha": 1,
48908
+ "offsetX": {
48909
+ "value": 0,
48910
+ "unit": "px"
48911
+ },
48912
+ "offsetY": {
48913
+ "value": 0,
48914
+ "unit": "px"
48915
+ },
48916
+ "blur": {
48917
+ "value": 0,
48918
+ "unit": "px"
48919
+ },
48920
+ "spread": {
48921
+ "value": 1,
48922
+ "unit": "px"
48923
+ }
48924
+ },
48925
+ {
48926
+ "color": "#25292e",
48927
+ "alpha": 0.24,
48928
+ "offsetX": {
48929
+ "value": 0,
48930
+ "unit": "px"
48931
+ },
48932
+ "offsetY": {
48933
+ "value": 40,
48934
+ "unit": "px"
48935
+ },
48936
+ "blur": {
48937
+ "value": 80,
48938
+ "unit": "px"
48939
+ },
48940
+ "spread": {
48941
+ "value": 0,
48942
+ "unit": "px"
48943
+ }
48944
+ }
48945
+ ],
48946
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48947
+ "isSource": true,
48948
+ "$type": "shadow"
47848
48949
  }
47849
48950
  },
47850
48951
  "org.primer.llm": {
@@ -47951,6 +49052,147 @@
47951
49052
  "filePath": "src/tokens/functional/shadow/shadow.json5",
47952
49053
  "isSource": true,
47953
49054
  "$type": "shadow"
49055
+ },
49056
+ "light-high-contrast": {
49057
+ "$value": [
49058
+ {
49059
+ "color": "{overlay.borderColor}",
49060
+ "alpha": 1,
49061
+ "offsetX": {
49062
+ "value": 0,
49063
+ "unit": "px"
49064
+ },
49065
+ "offsetY": {
49066
+ "value": 0,
49067
+ "unit": "px"
49068
+ },
49069
+ "blur": {
49070
+ "value": 0,
49071
+ "unit": "px"
49072
+ },
49073
+ "spread": {
49074
+ "value": 1,
49075
+ "unit": "px"
49076
+ }
49077
+ },
49078
+ {
49079
+ "color": "{base.color.neutral.12}",
49080
+ "alpha": 0.24,
49081
+ "offsetX": {
49082
+ "value": 0,
49083
+ "unit": "px"
49084
+ },
49085
+ "offsetY": {
49086
+ "value": 40,
49087
+ "unit": "px"
49088
+ },
49089
+ "blur": {
49090
+ "value": 80,
49091
+ "unit": "px"
49092
+ },
49093
+ "spread": {
49094
+ "value": 0,
49095
+ "unit": "px"
49096
+ }
49097
+ }
49098
+ ],
49099
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49100
+ "isSource": true,
49101
+ "$type": "shadow"
49102
+ },
49103
+ "light-protanopia-deuteranopia-high-contrast": {
49104
+ "$value": [
49105
+ {
49106
+ "color": "{overlay.borderColor}",
49107
+ "alpha": 1,
49108
+ "offsetX": {
49109
+ "value": 0,
49110
+ "unit": "px"
49111
+ },
49112
+ "offsetY": {
49113
+ "value": 0,
49114
+ "unit": "px"
49115
+ },
49116
+ "blur": {
49117
+ "value": 0,
49118
+ "unit": "px"
49119
+ },
49120
+ "spread": {
49121
+ "value": 1,
49122
+ "unit": "px"
49123
+ }
49124
+ },
49125
+ {
49126
+ "color": "{base.color.neutral.12}",
49127
+ "alpha": 0.24,
49128
+ "offsetX": {
49129
+ "value": 0,
49130
+ "unit": "px"
49131
+ },
49132
+ "offsetY": {
49133
+ "value": 40,
49134
+ "unit": "px"
49135
+ },
49136
+ "blur": {
49137
+ "value": 80,
49138
+ "unit": "px"
49139
+ },
49140
+ "spread": {
49141
+ "value": 0,
49142
+ "unit": "px"
49143
+ }
49144
+ }
49145
+ ],
49146
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49147
+ "isSource": true,
49148
+ "$type": "shadow"
49149
+ },
49150
+ "light-tritanopia-high-contrast": {
49151
+ "$value": [
49152
+ {
49153
+ "color": "{overlay.borderColor}",
49154
+ "alpha": 1,
49155
+ "offsetX": {
49156
+ "value": 0,
49157
+ "unit": "px"
49158
+ },
49159
+ "offsetY": {
49160
+ "value": 0,
49161
+ "unit": "px"
49162
+ },
49163
+ "blur": {
49164
+ "value": 0,
49165
+ "unit": "px"
49166
+ },
49167
+ "spread": {
49168
+ "value": 1,
49169
+ "unit": "px"
49170
+ }
49171
+ },
49172
+ {
49173
+ "color": "{base.color.neutral.12}",
49174
+ "alpha": 0.24,
49175
+ "offsetX": {
49176
+ "value": 0,
49177
+ "unit": "px"
49178
+ },
49179
+ "offsetY": {
49180
+ "value": 40,
49181
+ "unit": "px"
49182
+ },
49183
+ "blur": {
49184
+ "value": 80,
49185
+ "unit": "px"
49186
+ },
49187
+ "spread": {
49188
+ "value": 0,
49189
+ "unit": "px"
49190
+ }
49191
+ }
49192
+ ],
49193
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49194
+ "isSource": true,
49195
+ "$type": "shadow"
47954
49196
  }
47955
49197
  },
47956
49198
  "org.primer.llm": {
@@ -48136,7 +49378,7 @@
48136
49378
  },
48137
49379
  "shadow-floating-medium": {
48138
49380
  "key": "{shadow.floating.medium}",
48139
- "$value": "0 0 0 1px #d1d9e0, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14",
49381
+ "$value": "0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14",
48140
49382
  "$type": "shadow",
48141
49383
  "$description": "Medium floating shadow for popovers and action menus",
48142
49384
  "$extensions": {
@@ -48226,152 +49468,794 @@
48226
49468
  "value": -12,
48227
49469
  "unit": "px"
48228
49470
  }
48229
- },
48230
- {
48231
- "color": "#ffffff",
48232
- "alpha": 0.4,
48233
- "offsetX": {
48234
- "value": 0,
48235
- "unit": "px"
49471
+ },
49472
+ {
49473
+ "color": "#ffffff",
49474
+ "alpha": 0.4,
49475
+ "offsetX": {
49476
+ "value": 0,
49477
+ "unit": "px"
49478
+ },
49479
+ "offsetY": {
49480
+ "value": 48,
49481
+ "unit": "px"
49482
+ },
49483
+ "blur": {
49484
+ "value": 96,
49485
+ "unit": "px"
49486
+ },
49487
+ "spread": {
49488
+ "value": -24,
49489
+ "unit": "px"
49490
+ }
49491
+ }
49492
+ ],
49493
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49494
+ "isSource": true,
49495
+ "$type": "shadow"
49496
+ },
49497
+ "light-high-contrast": {
49498
+ "$value": [
49499
+ {
49500
+ "color": "#d1d9e080",
49501
+ "alpha": 1,
49502
+ "offsetX": {
49503
+ "value": 0,
49504
+ "unit": "px"
49505
+ },
49506
+ "offsetY": {
49507
+ "value": 0,
49508
+ "unit": "px"
49509
+ },
49510
+ "blur": {
49511
+ "value": 0,
49512
+ "unit": "px"
49513
+ },
49514
+ "spread": {
49515
+ "value": 1,
49516
+ "unit": "px"
49517
+ }
49518
+ },
49519
+ {
49520
+ "color": "#25292e",
49521
+ "alpha": 0.08,
49522
+ "offsetX": {
49523
+ "value": 0,
49524
+ "unit": "px"
49525
+ },
49526
+ "offsetY": {
49527
+ "value": 8,
49528
+ "unit": "px"
49529
+ },
49530
+ "blur": {
49531
+ "value": 16,
49532
+ "unit": "px"
49533
+ },
49534
+ "spread": {
49535
+ "value": -4,
49536
+ "unit": "px"
49537
+ }
49538
+ },
49539
+ {
49540
+ "color": "#25292e",
49541
+ "alpha": 0.08,
49542
+ "offsetX": {
49543
+ "value": 0,
49544
+ "unit": "px"
49545
+ },
49546
+ "offsetY": {
49547
+ "value": 4,
49548
+ "unit": "px"
49549
+ },
49550
+ "blur": {
49551
+ "value": 32,
49552
+ "unit": "px"
49553
+ },
49554
+ "spread": {
49555
+ "value": -4,
49556
+ "unit": "px"
49557
+ }
49558
+ },
49559
+ {
49560
+ "color": "#25292e",
49561
+ "alpha": 0.08,
49562
+ "offsetX": {
49563
+ "value": 0,
49564
+ "unit": "px"
49565
+ },
49566
+ "offsetY": {
49567
+ "value": 24,
49568
+ "unit": "px"
49569
+ },
49570
+ "blur": {
49571
+ "value": 48,
49572
+ "unit": "px"
49573
+ },
49574
+ "spread": {
49575
+ "value": -12,
49576
+ "unit": "px"
49577
+ }
49578
+ },
49579
+ {
49580
+ "color": "#25292e",
49581
+ "alpha": 0.08,
49582
+ "offsetX": {
49583
+ "value": 0,
49584
+ "unit": "px"
49585
+ },
49586
+ "offsetY": {
49587
+ "value": 48,
49588
+ "unit": "px"
49589
+ },
49590
+ "blur": {
49591
+ "value": 96,
49592
+ "unit": "px"
49593
+ },
49594
+ "spread": {
49595
+ "value": -24,
49596
+ "unit": "px"
49597
+ }
49598
+ }
49599
+ ],
49600
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49601
+ "isSource": true,
49602
+ "$type": "shadow"
49603
+ },
49604
+ "light-protanopia-deuteranopia-high-contrast": {
49605
+ "$value": [
49606
+ {
49607
+ "color": "#d1d9e080",
49608
+ "alpha": 1,
49609
+ "offsetX": {
49610
+ "value": 0,
49611
+ "unit": "px"
49612
+ },
49613
+ "offsetY": {
49614
+ "value": 0,
49615
+ "unit": "px"
49616
+ },
49617
+ "blur": {
49618
+ "value": 0,
49619
+ "unit": "px"
49620
+ },
49621
+ "spread": {
49622
+ "value": 1,
49623
+ "unit": "px"
49624
+ }
49625
+ },
49626
+ {
49627
+ "color": "#25292e",
49628
+ "alpha": 0.08,
49629
+ "offsetX": {
49630
+ "value": 0,
49631
+ "unit": "px"
49632
+ },
49633
+ "offsetY": {
49634
+ "value": 8,
49635
+ "unit": "px"
49636
+ },
49637
+ "blur": {
49638
+ "value": 16,
49639
+ "unit": "px"
49640
+ },
49641
+ "spread": {
49642
+ "value": -4,
49643
+ "unit": "px"
49644
+ }
49645
+ },
49646
+ {
49647
+ "color": "#25292e",
49648
+ "alpha": 0.08,
49649
+ "offsetX": {
49650
+ "value": 0,
49651
+ "unit": "px"
49652
+ },
49653
+ "offsetY": {
49654
+ "value": 4,
49655
+ "unit": "px"
49656
+ },
49657
+ "blur": {
49658
+ "value": 32,
49659
+ "unit": "px"
49660
+ },
49661
+ "spread": {
49662
+ "value": -4,
49663
+ "unit": "px"
49664
+ }
49665
+ },
49666
+ {
49667
+ "color": "#25292e",
49668
+ "alpha": 0.08,
49669
+ "offsetX": {
49670
+ "value": 0,
49671
+ "unit": "px"
49672
+ },
49673
+ "offsetY": {
49674
+ "value": 24,
49675
+ "unit": "px"
49676
+ },
49677
+ "blur": {
49678
+ "value": 48,
49679
+ "unit": "px"
49680
+ },
49681
+ "spread": {
49682
+ "value": -12,
49683
+ "unit": "px"
49684
+ }
49685
+ },
49686
+ {
49687
+ "color": "#25292e",
49688
+ "alpha": 0.08,
49689
+ "offsetX": {
49690
+ "value": 0,
49691
+ "unit": "px"
49692
+ },
49693
+ "offsetY": {
49694
+ "value": 48,
49695
+ "unit": "px"
49696
+ },
49697
+ "blur": {
49698
+ "value": 96,
49699
+ "unit": "px"
49700
+ },
49701
+ "spread": {
49702
+ "value": -24,
49703
+ "unit": "px"
49704
+ }
49705
+ }
49706
+ ],
49707
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49708
+ "isSource": true,
49709
+ "$type": "shadow"
49710
+ },
49711
+ "light-tritanopia-high-contrast": {
49712
+ "$value": [
49713
+ {
49714
+ "color": "#d1d9e080",
49715
+ "alpha": 1,
49716
+ "offsetX": {
49717
+ "value": 0,
49718
+ "unit": "px"
49719
+ },
49720
+ "offsetY": {
49721
+ "value": 0,
49722
+ "unit": "px"
49723
+ },
49724
+ "blur": {
49725
+ "value": 0,
49726
+ "unit": "px"
49727
+ },
49728
+ "spread": {
49729
+ "value": 1,
49730
+ "unit": "px"
49731
+ }
49732
+ },
49733
+ {
49734
+ "color": "#25292e",
49735
+ "alpha": 0.08,
49736
+ "offsetX": {
49737
+ "value": 0,
49738
+ "unit": "px"
49739
+ },
49740
+ "offsetY": {
49741
+ "value": 8,
49742
+ "unit": "px"
49743
+ },
49744
+ "blur": {
49745
+ "value": 16,
49746
+ "unit": "px"
49747
+ },
49748
+ "spread": {
49749
+ "value": -4,
49750
+ "unit": "px"
49751
+ }
49752
+ },
49753
+ {
49754
+ "color": "#25292e",
49755
+ "alpha": 0.08,
49756
+ "offsetX": {
49757
+ "value": 0,
49758
+ "unit": "px"
49759
+ },
49760
+ "offsetY": {
49761
+ "value": 4,
49762
+ "unit": "px"
49763
+ },
49764
+ "blur": {
49765
+ "value": 32,
49766
+ "unit": "px"
49767
+ },
49768
+ "spread": {
49769
+ "value": -4,
49770
+ "unit": "px"
49771
+ }
49772
+ },
49773
+ {
49774
+ "color": "#25292e",
49775
+ "alpha": 0.08,
49776
+ "offsetX": {
49777
+ "value": 0,
49778
+ "unit": "px"
49779
+ },
49780
+ "offsetY": {
49781
+ "value": 24,
49782
+ "unit": "px"
49783
+ },
49784
+ "blur": {
49785
+ "value": 48,
49786
+ "unit": "px"
49787
+ },
49788
+ "spread": {
49789
+ "value": -12,
49790
+ "unit": "px"
49791
+ }
49792
+ },
49793
+ {
49794
+ "color": "#25292e",
49795
+ "alpha": 0.08,
49796
+ "offsetX": {
49797
+ "value": 0,
49798
+ "unit": "px"
49799
+ },
49800
+ "offsetY": {
49801
+ "value": 48,
49802
+ "unit": "px"
49803
+ },
49804
+ "blur": {
49805
+ "value": 96,
49806
+ "unit": "px"
49807
+ },
49808
+ "spread": {
49809
+ "value": -24,
49810
+ "unit": "px"
49811
+ }
49812
+ }
49813
+ ],
49814
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49815
+ "isSource": true,
49816
+ "$type": "shadow"
49817
+ }
49818
+ },
49819
+ "org.primer.llm": {
49820
+ "usage": ["popover", "action-menu", "select-panel", "autocomplete"],
49821
+ "rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
49822
+ }
49823
+ },
49824
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49825
+ "isSource": true,
49826
+ "original": {
49827
+ "$value": [
49828
+ {
49829
+ "color": "{overlay.borderColor}",
49830
+ "alpha": 0,
49831
+ "offsetX": {
49832
+ "value": 0,
49833
+ "unit": "px"
49834
+ },
49835
+ "offsetY": {
49836
+ "value": 0,
49837
+ "unit": "px"
49838
+ },
49839
+ "blur": {
49840
+ "value": 0,
49841
+ "unit": "px"
49842
+ },
49843
+ "spread": {
49844
+ "value": 1,
49845
+ "unit": "px"
49846
+ }
49847
+ },
49848
+ {
49849
+ "color": "{base.color.neutral.12}",
49850
+ "alpha": 0.08,
49851
+ "offsetX": {
49852
+ "value": 0,
49853
+ "unit": "px"
49854
+ },
49855
+ "offsetY": {
49856
+ "value": 8,
49857
+ "unit": "px"
49858
+ },
49859
+ "blur": {
49860
+ "value": 16,
49861
+ "unit": "px"
49862
+ },
49863
+ "spread": {
49864
+ "value": -4,
49865
+ "unit": "px"
49866
+ }
49867
+ },
49868
+ {
49869
+ "color": "{base.color.neutral.12}",
49870
+ "alpha": 0.08,
49871
+ "offsetX": {
49872
+ "value": 0,
49873
+ "unit": "px"
49874
+ },
49875
+ "offsetY": {
49876
+ "value": 4,
49877
+ "unit": "px"
49878
+ },
49879
+ "blur": {
49880
+ "value": 32,
49881
+ "unit": "px"
49882
+ },
49883
+ "spread": {
49884
+ "value": -4,
49885
+ "unit": "px"
49886
+ }
49887
+ },
49888
+ {
49889
+ "color": "{base.color.neutral.12}",
49890
+ "alpha": 0.08,
49891
+ "offsetX": {
49892
+ "value": 0,
49893
+ "unit": "px"
49894
+ },
49895
+ "offsetY": {
49896
+ "value": 24,
49897
+ "unit": "px"
49898
+ },
49899
+ "blur": {
49900
+ "value": 48,
49901
+ "unit": "px"
49902
+ },
49903
+ "spread": {
49904
+ "value": -12,
49905
+ "unit": "px"
49906
+ }
49907
+ },
49908
+ {
49909
+ "color": "{base.color.neutral.12}",
49910
+ "alpha": 0.08,
49911
+ "offsetX": {
49912
+ "value": 0,
49913
+ "unit": "px"
49914
+ },
49915
+ "offsetY": {
49916
+ "value": 48,
49917
+ "unit": "px"
49918
+ },
49919
+ "blur": {
49920
+ "value": 96,
49921
+ "unit": "px"
49922
+ },
49923
+ "spread": {
49924
+ "value": -24,
49925
+ "unit": "px"
49926
+ }
49927
+ }
49928
+ ],
49929
+ "$type": "shadow",
49930
+ "$description": "Medium floating shadow for popovers and action menus",
49931
+ "$extensions": {
49932
+ "org.primer.figma": {
49933
+ "collection": "mode",
49934
+ "group": "shadow"
49935
+ },
49936
+ "org.primer.overrides": {
49937
+ "dark": {
49938
+ "$value": [
49939
+ {
49940
+ "color": "{overlay.borderColor}",
49941
+ "alpha": 1,
49942
+ "offsetX": {
49943
+ "value": 0,
49944
+ "unit": "px"
49945
+ },
49946
+ "offsetY": {
49947
+ "value": 0,
49948
+ "unit": "px"
49949
+ },
49950
+ "blur": {
49951
+ "value": 0,
49952
+ "unit": "px"
49953
+ },
49954
+ "spread": {
49955
+ "value": 1,
49956
+ "unit": "px"
49957
+ }
49958
+ },
49959
+ {
49960
+ "color": "{base.color.neutral.0}",
49961
+ "alpha": 0.4,
49962
+ "offsetX": {
49963
+ "value": 0,
49964
+ "unit": "px"
49965
+ },
49966
+ "offsetY": {
49967
+ "value": 8,
49968
+ "unit": "px"
49969
+ },
49970
+ "blur": {
49971
+ "value": 16,
49972
+ "unit": "px"
49973
+ },
49974
+ "spread": {
49975
+ "value": -4,
49976
+ "unit": "px"
49977
+ }
49978
+ },
49979
+ {
49980
+ "color": "{base.color.neutral.0}",
49981
+ "alpha": 0.4,
49982
+ "offsetX": {
49983
+ "value": 0,
49984
+ "unit": "px"
49985
+ },
49986
+ "offsetY": {
49987
+ "value": 4,
49988
+ "unit": "px"
49989
+ },
49990
+ "blur": {
49991
+ "value": 32,
49992
+ "unit": "px"
49993
+ },
49994
+ "spread": {
49995
+ "value": -4,
49996
+ "unit": "px"
49997
+ }
49998
+ },
49999
+ {
50000
+ "color": "{base.color.neutral.0}",
50001
+ "alpha": 0.4,
50002
+ "offsetX": {
50003
+ "value": 0,
50004
+ "unit": "px"
50005
+ },
50006
+ "offsetY": {
50007
+ "value": 24,
50008
+ "unit": "px"
50009
+ },
50010
+ "blur": {
50011
+ "value": 48,
50012
+ "unit": "px"
50013
+ },
50014
+ "spread": {
50015
+ "value": -12,
50016
+ "unit": "px"
50017
+ }
50018
+ },
50019
+ {
50020
+ "color": "{base.color.neutral.0}",
50021
+ "alpha": 0.4,
50022
+ "offsetX": {
50023
+ "value": 0,
50024
+ "unit": "px"
50025
+ },
50026
+ "offsetY": {
50027
+ "value": 48,
50028
+ "unit": "px"
50029
+ },
50030
+ "blur": {
50031
+ "value": 96,
50032
+ "unit": "px"
50033
+ },
50034
+ "spread": {
50035
+ "value": -24,
50036
+ "unit": "px"
50037
+ }
50038
+ }
50039
+ ],
50040
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50041
+ "isSource": true,
50042
+ "$type": "shadow"
50043
+ },
50044
+ "light-high-contrast": {
50045
+ "$value": [
50046
+ {
50047
+ "color": "{overlay.borderColor}",
50048
+ "alpha": 1,
50049
+ "offsetX": {
50050
+ "value": 0,
50051
+ "unit": "px"
50052
+ },
50053
+ "offsetY": {
50054
+ "value": 0,
50055
+ "unit": "px"
50056
+ },
50057
+ "blur": {
50058
+ "value": 0,
50059
+ "unit": "px"
50060
+ },
50061
+ "spread": {
50062
+ "value": 1,
50063
+ "unit": "px"
50064
+ }
50065
+ },
50066
+ {
50067
+ "color": "{base.color.neutral.12}",
50068
+ "alpha": 0.08,
50069
+ "offsetX": {
50070
+ "value": 0,
50071
+ "unit": "px"
50072
+ },
50073
+ "offsetY": {
50074
+ "value": 8,
50075
+ "unit": "px"
50076
+ },
50077
+ "blur": {
50078
+ "value": 16,
50079
+ "unit": "px"
50080
+ },
50081
+ "spread": {
50082
+ "value": -4,
50083
+ "unit": "px"
50084
+ }
50085
+ },
50086
+ {
50087
+ "color": "{base.color.neutral.12}",
50088
+ "alpha": 0.08,
50089
+ "offsetX": {
50090
+ "value": 0,
50091
+ "unit": "px"
50092
+ },
50093
+ "offsetY": {
50094
+ "value": 4,
50095
+ "unit": "px"
50096
+ },
50097
+ "blur": {
50098
+ "value": 32,
50099
+ "unit": "px"
50100
+ },
50101
+ "spread": {
50102
+ "value": -4,
50103
+ "unit": "px"
50104
+ }
50105
+ },
50106
+ {
50107
+ "color": "{base.color.neutral.12}",
50108
+ "alpha": 0.08,
50109
+ "offsetX": {
50110
+ "value": 0,
50111
+ "unit": "px"
50112
+ },
50113
+ "offsetY": {
50114
+ "value": 24,
50115
+ "unit": "px"
50116
+ },
50117
+ "blur": {
50118
+ "value": 48,
50119
+ "unit": "px"
50120
+ },
50121
+ "spread": {
50122
+ "value": -12,
50123
+ "unit": "px"
50124
+ }
50125
+ },
50126
+ {
50127
+ "color": "{base.color.neutral.12}",
50128
+ "alpha": 0.08,
50129
+ "offsetX": {
50130
+ "value": 0,
50131
+ "unit": "px"
50132
+ },
50133
+ "offsetY": {
50134
+ "value": 48,
50135
+ "unit": "px"
50136
+ },
50137
+ "blur": {
50138
+ "value": 96,
50139
+ "unit": "px"
50140
+ },
50141
+ "spread": {
50142
+ "value": -24,
50143
+ "unit": "px"
50144
+ }
50145
+ }
50146
+ ],
50147
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50148
+ "isSource": true,
50149
+ "$type": "shadow"
50150
+ },
50151
+ "light-protanopia-deuteranopia-high-contrast": {
50152
+ "$value": [
50153
+ {
50154
+ "color": "{overlay.borderColor}",
50155
+ "alpha": 1,
50156
+ "offsetX": {
50157
+ "value": 0,
50158
+ "unit": "px"
50159
+ },
50160
+ "offsetY": {
50161
+ "value": 0,
50162
+ "unit": "px"
50163
+ },
50164
+ "blur": {
50165
+ "value": 0,
50166
+ "unit": "px"
50167
+ },
50168
+ "spread": {
50169
+ "value": 1,
50170
+ "unit": "px"
50171
+ }
48236
50172
  },
48237
- "offsetY": {
48238
- "value": 48,
48239
- "unit": "px"
50173
+ {
50174
+ "color": "{base.color.neutral.12}",
50175
+ "alpha": 0.08,
50176
+ "offsetX": {
50177
+ "value": 0,
50178
+ "unit": "px"
50179
+ },
50180
+ "offsetY": {
50181
+ "value": 8,
50182
+ "unit": "px"
50183
+ },
50184
+ "blur": {
50185
+ "value": 16,
50186
+ "unit": "px"
50187
+ },
50188
+ "spread": {
50189
+ "value": -4,
50190
+ "unit": "px"
50191
+ }
48240
50192
  },
48241
- "blur": {
48242
- "value": 96,
48243
- "unit": "px"
50193
+ {
50194
+ "color": "{base.color.neutral.12}",
50195
+ "alpha": 0.08,
50196
+ "offsetX": {
50197
+ "value": 0,
50198
+ "unit": "px"
50199
+ },
50200
+ "offsetY": {
50201
+ "value": 4,
50202
+ "unit": "px"
50203
+ },
50204
+ "blur": {
50205
+ "value": 32,
50206
+ "unit": "px"
50207
+ },
50208
+ "spread": {
50209
+ "value": -4,
50210
+ "unit": "px"
50211
+ }
48244
50212
  },
48245
- "spread": {
48246
- "value": -24,
48247
- "unit": "px"
50213
+ {
50214
+ "color": "{base.color.neutral.12}",
50215
+ "alpha": 0.08,
50216
+ "offsetX": {
50217
+ "value": 0,
50218
+ "unit": "px"
50219
+ },
50220
+ "offsetY": {
50221
+ "value": 24,
50222
+ "unit": "px"
50223
+ },
50224
+ "blur": {
50225
+ "value": 48,
50226
+ "unit": "px"
50227
+ },
50228
+ "spread": {
50229
+ "value": -12,
50230
+ "unit": "px"
50231
+ }
50232
+ },
50233
+ {
50234
+ "color": "{base.color.neutral.12}",
50235
+ "alpha": 0.08,
50236
+ "offsetX": {
50237
+ "value": 0,
50238
+ "unit": "px"
50239
+ },
50240
+ "offsetY": {
50241
+ "value": 48,
50242
+ "unit": "px"
50243
+ },
50244
+ "blur": {
50245
+ "value": 96,
50246
+ "unit": "px"
50247
+ },
50248
+ "spread": {
50249
+ "value": -24,
50250
+ "unit": "px"
50251
+ }
48248
50252
  }
48249
- }
48250
- ],
48251
- "filePath": "src/tokens/functional/shadow/shadow.json5",
48252
- "isSource": true,
48253
- "$type": "shadow"
48254
- }
48255
- },
48256
- "org.primer.llm": {
48257
- "usage": ["popover", "action-menu", "select-panel", "autocomplete"],
48258
- "rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
48259
- }
48260
- },
48261
- "filePath": "src/tokens/functional/shadow/shadow.json5",
48262
- "isSource": true,
48263
- "original": {
48264
- "$value": [
48265
- {
48266
- "color": "{overlay.borderColor}",
48267
- "alpha": 0,
48268
- "offsetX": {
48269
- "value": 0,
48270
- "unit": "px"
48271
- },
48272
- "offsetY": {
48273
- "value": 0,
48274
- "unit": "px"
48275
- },
48276
- "blur": {
48277
- "value": 0,
48278
- "unit": "px"
48279
- },
48280
- "spread": {
48281
- "value": 1,
48282
- "unit": "px"
48283
- }
48284
- },
48285
- {
48286
- "color": "{base.color.neutral.12}",
48287
- "alpha": 0.08,
48288
- "offsetX": {
48289
- "value": 0,
48290
- "unit": "px"
48291
- },
48292
- "offsetY": {
48293
- "value": 8,
48294
- "unit": "px"
48295
- },
48296
- "blur": {
48297
- "value": 16,
48298
- "unit": "px"
48299
- },
48300
- "spread": {
48301
- "value": -4,
48302
- "unit": "px"
48303
- }
48304
- },
48305
- {
48306
- "color": "{base.color.neutral.12}",
48307
- "alpha": 0.08,
48308
- "offsetX": {
48309
- "value": 0,
48310
- "unit": "px"
48311
- },
48312
- "offsetY": {
48313
- "value": 4,
48314
- "unit": "px"
48315
- },
48316
- "blur": {
48317
- "value": 32,
48318
- "unit": "px"
48319
- },
48320
- "spread": {
48321
- "value": -4,
48322
- "unit": "px"
48323
- }
48324
- },
48325
- {
48326
- "color": "{base.color.neutral.12}",
48327
- "alpha": 0.08,
48328
- "offsetX": {
48329
- "value": 0,
48330
- "unit": "px"
48331
- },
48332
- "offsetY": {
48333
- "value": 24,
48334
- "unit": "px"
48335
- },
48336
- "blur": {
48337
- "value": 48,
48338
- "unit": "px"
48339
- },
48340
- "spread": {
48341
- "value": -12,
48342
- "unit": "px"
48343
- }
48344
- },
48345
- {
48346
- "color": "{base.color.neutral.12}",
48347
- "alpha": 0.08,
48348
- "offsetX": {
48349
- "value": 0,
48350
- "unit": "px"
48351
- },
48352
- "offsetY": {
48353
- "value": 48,
48354
- "unit": "px"
48355
- },
48356
- "blur": {
48357
- "value": 96,
48358
- "unit": "px"
50253
+ ],
50254
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50255
+ "isSource": true,
50256
+ "$type": "shadow"
48359
50257
  },
48360
- "spread": {
48361
- "value": -24,
48362
- "unit": "px"
48363
- }
48364
- }
48365
- ],
48366
- "$type": "shadow",
48367
- "$description": "Medium floating shadow for popovers and action menus",
48368
- "$extensions": {
48369
- "org.primer.figma": {
48370
- "collection": "mode",
48371
- "group": "shadow"
48372
- },
48373
- "org.primer.overrides": {
48374
- "dark": {
50258
+ "light-tritanopia-high-contrast": {
48375
50259
  "$value": [
48376
50260
  {
48377
50261
  "color": "{overlay.borderColor}",
@@ -48394,8 +50278,8 @@
48394
50278
  }
48395
50279
  },
48396
50280
  {
48397
- "color": "{base.color.neutral.0}",
48398
- "alpha": 0.4,
50281
+ "color": "{base.color.neutral.12}",
50282
+ "alpha": 0.08,
48399
50283
  "offsetX": {
48400
50284
  "value": 0,
48401
50285
  "unit": "px"
@@ -48414,8 +50298,8 @@
48414
50298
  }
48415
50299
  },
48416
50300
  {
48417
- "color": "{base.color.neutral.0}",
48418
- "alpha": 0.4,
50301
+ "color": "{base.color.neutral.12}",
50302
+ "alpha": 0.08,
48419
50303
  "offsetX": {
48420
50304
  "value": 0,
48421
50305
  "unit": "px"
@@ -48434,8 +50318,8 @@
48434
50318
  }
48435
50319
  },
48436
50320
  {
48437
- "color": "{base.color.neutral.0}",
48438
- "alpha": 0.4,
50321
+ "color": "{base.color.neutral.12}",
50322
+ "alpha": 0.08,
48439
50323
  "offsetX": {
48440
50324
  "value": 0,
48441
50325
  "unit": "px"
@@ -48454,8 +50338,8 @@
48454
50338
  }
48455
50339
  },
48456
50340
  {
48457
- "color": "{base.color.neutral.0}",
48458
- "alpha": 0.4,
50341
+ "color": "{base.color.neutral.12}",
50342
+ "alpha": 0.08,
48459
50343
  "offsetX": {
48460
50344
  "value": 0,
48461
50345
  "unit": "px"
@@ -48728,7 +50612,7 @@
48728
50612
  },
48729
50613
  "shadow-floating-xlarge": {
48730
50614
  "key": "{shadow.floating.xlarge}",
48731
- "$value": "0 0 0 1px #d1d9e0, 0 56px 112px 0 #25292e52",
50615
+ "$value": "0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52",
48732
50616
  "$type": "shadow",
48733
50617
  "$description": "Extra large floating shadow for full-screen overlays and sheets",
48734
50618
  "$extensions": {
@@ -48783,6 +50667,147 @@
48783
50667
  "filePath": "src/tokens/functional/shadow/shadow.json5",
48784
50668
  "isSource": true,
48785
50669
  "$type": "shadow"
50670
+ },
50671
+ "light-high-contrast": {
50672
+ "$value": [
50673
+ {
50674
+ "color": "#d1d9e080",
50675
+ "alpha": 1,
50676
+ "offsetX": {
50677
+ "value": 0,
50678
+ "unit": "px"
50679
+ },
50680
+ "offsetY": {
50681
+ "value": 0,
50682
+ "unit": "px"
50683
+ },
50684
+ "blur": {
50685
+ "value": 0,
50686
+ "unit": "px"
50687
+ },
50688
+ "spread": {
50689
+ "value": 1,
50690
+ "unit": "px"
50691
+ }
50692
+ },
50693
+ {
50694
+ "color": "#25292e",
50695
+ "alpha": 0.32,
50696
+ "offsetX": {
50697
+ "value": 0,
50698
+ "unit": "px"
50699
+ },
50700
+ "offsetY": {
50701
+ "value": 56,
50702
+ "unit": "px"
50703
+ },
50704
+ "blur": {
50705
+ "value": 112,
50706
+ "unit": "px"
50707
+ },
50708
+ "spread": {
50709
+ "value": 0,
50710
+ "unit": "px"
50711
+ }
50712
+ }
50713
+ ],
50714
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50715
+ "isSource": true,
50716
+ "$type": "shadow"
50717
+ },
50718
+ "light-protanopia-deuteranopia-high-contrast": {
50719
+ "$value": [
50720
+ {
50721
+ "color": "#d1d9e080",
50722
+ "alpha": 1,
50723
+ "offsetX": {
50724
+ "value": 0,
50725
+ "unit": "px"
50726
+ },
50727
+ "offsetY": {
50728
+ "value": 0,
50729
+ "unit": "px"
50730
+ },
50731
+ "blur": {
50732
+ "value": 0,
50733
+ "unit": "px"
50734
+ },
50735
+ "spread": {
50736
+ "value": 1,
50737
+ "unit": "px"
50738
+ }
50739
+ },
50740
+ {
50741
+ "color": "#25292e",
50742
+ "alpha": 0.32,
50743
+ "offsetX": {
50744
+ "value": 0,
50745
+ "unit": "px"
50746
+ },
50747
+ "offsetY": {
50748
+ "value": 56,
50749
+ "unit": "px"
50750
+ },
50751
+ "blur": {
50752
+ "value": 112,
50753
+ "unit": "px"
50754
+ },
50755
+ "spread": {
50756
+ "value": 0,
50757
+ "unit": "px"
50758
+ }
50759
+ }
50760
+ ],
50761
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50762
+ "isSource": true,
50763
+ "$type": "shadow"
50764
+ },
50765
+ "light-tritanopia-high-contrast": {
50766
+ "$value": [
50767
+ {
50768
+ "color": "#d1d9e080",
50769
+ "alpha": 1,
50770
+ "offsetX": {
50771
+ "value": 0,
50772
+ "unit": "px"
50773
+ },
50774
+ "offsetY": {
50775
+ "value": 0,
50776
+ "unit": "px"
50777
+ },
50778
+ "blur": {
50779
+ "value": 0,
50780
+ "unit": "px"
50781
+ },
50782
+ "spread": {
50783
+ "value": 1,
50784
+ "unit": "px"
50785
+ }
50786
+ },
50787
+ {
50788
+ "color": "#25292e",
50789
+ "alpha": 0.32,
50790
+ "offsetX": {
50791
+ "value": 0,
50792
+ "unit": "px"
50793
+ },
50794
+ "offsetY": {
50795
+ "value": 56,
50796
+ "unit": "px"
50797
+ },
50798
+ "blur": {
50799
+ "value": 112,
50800
+ "unit": "px"
50801
+ },
50802
+ "spread": {
50803
+ "value": 0,
50804
+ "unit": "px"
50805
+ }
50806
+ }
50807
+ ],
50808
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50809
+ "isSource": true,
50810
+ "$type": "shadow"
48786
50811
  }
48787
50812
  },
48788
50813
  "org.primer.llm": {
@@ -48889,6 +50914,147 @@
48889
50914
  "filePath": "src/tokens/functional/shadow/shadow.json5",
48890
50915
  "isSource": true,
48891
50916
  "$type": "shadow"
50917
+ },
50918
+ "light-high-contrast": {
50919
+ "$value": [
50920
+ {
50921
+ "color": "{overlay.borderColor}",
50922
+ "alpha": 1,
50923
+ "offsetX": {
50924
+ "value": 0,
50925
+ "unit": "px"
50926
+ },
50927
+ "offsetY": {
50928
+ "value": 0,
50929
+ "unit": "px"
50930
+ },
50931
+ "blur": {
50932
+ "value": 0,
50933
+ "unit": "px"
50934
+ },
50935
+ "spread": {
50936
+ "value": 1,
50937
+ "unit": "px"
50938
+ }
50939
+ },
50940
+ {
50941
+ "color": "{base.color.neutral.12}",
50942
+ "alpha": 0.32,
50943
+ "offsetX": {
50944
+ "value": 0,
50945
+ "unit": "px"
50946
+ },
50947
+ "offsetY": {
50948
+ "value": 56,
50949
+ "unit": "px"
50950
+ },
50951
+ "blur": {
50952
+ "value": 112,
50953
+ "unit": "px"
50954
+ },
50955
+ "spread": {
50956
+ "value": 0,
50957
+ "unit": "px"
50958
+ }
50959
+ }
50960
+ ],
50961
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50962
+ "isSource": true,
50963
+ "$type": "shadow"
50964
+ },
50965
+ "light-protanopia-deuteranopia-high-contrast": {
50966
+ "$value": [
50967
+ {
50968
+ "color": "{overlay.borderColor}",
50969
+ "alpha": 1,
50970
+ "offsetX": {
50971
+ "value": 0,
50972
+ "unit": "px"
50973
+ },
50974
+ "offsetY": {
50975
+ "value": 0,
50976
+ "unit": "px"
50977
+ },
50978
+ "blur": {
50979
+ "value": 0,
50980
+ "unit": "px"
50981
+ },
50982
+ "spread": {
50983
+ "value": 1,
50984
+ "unit": "px"
50985
+ }
50986
+ },
50987
+ {
50988
+ "color": "{base.color.neutral.12}",
50989
+ "alpha": 0.32,
50990
+ "offsetX": {
50991
+ "value": 0,
50992
+ "unit": "px"
50993
+ },
50994
+ "offsetY": {
50995
+ "value": 56,
50996
+ "unit": "px"
50997
+ },
50998
+ "blur": {
50999
+ "value": 112,
51000
+ "unit": "px"
51001
+ },
51002
+ "spread": {
51003
+ "value": 0,
51004
+ "unit": "px"
51005
+ }
51006
+ }
51007
+ ],
51008
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
51009
+ "isSource": true,
51010
+ "$type": "shadow"
51011
+ },
51012
+ "light-tritanopia-high-contrast": {
51013
+ "$value": [
51014
+ {
51015
+ "color": "{overlay.borderColor}",
51016
+ "alpha": 1,
51017
+ "offsetX": {
51018
+ "value": 0,
51019
+ "unit": "px"
51020
+ },
51021
+ "offsetY": {
51022
+ "value": 0,
51023
+ "unit": "px"
51024
+ },
51025
+ "blur": {
51026
+ "value": 0,
51027
+ "unit": "px"
51028
+ },
51029
+ "spread": {
51030
+ "value": 1,
51031
+ "unit": "px"
51032
+ }
51033
+ },
51034
+ {
51035
+ "color": "{base.color.neutral.12}",
51036
+ "alpha": 0.32,
51037
+ "offsetX": {
51038
+ "value": 0,
51039
+ "unit": "px"
51040
+ },
51041
+ "offsetY": {
51042
+ "value": 56,
51043
+ "unit": "px"
51044
+ },
51045
+ "blur": {
51046
+ "value": 112,
51047
+ "unit": "px"
51048
+ },
51049
+ "spread": {
51050
+ "value": 0,
51051
+ "unit": "px"
51052
+ }
51053
+ }
51054
+ ],
51055
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
51056
+ "isSource": true,
51057
+ "$type": "shadow"
48892
51058
  }
48893
51059
  },
48894
51060
  "org.primer.llm": {