@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
@@ -2078,7 +2078,11 @@
2078
2078
  "$type": "color"
2079
2079
  },
2080
2080
  "dark-tritanopia": {
2081
- "$value": "#db61a2",
2081
+ "$value": {
2082
+ "colorSpace": "hsl",
2083
+ "components": [328, 62.9, 62],
2084
+ "hex": "#db61a2"
2085
+ },
2082
2086
  "alpha": 0.1,
2083
2087
  "filePath": "src/tokens/functional/color/bgColor.json5",
2084
2088
  "isSource": true,
@@ -2114,7 +2118,11 @@
2114
2118
  "$type": "color"
2115
2119
  },
2116
2120
  "dark-tritanopia": {
2117
- "$value": "#db61a2",
2121
+ "$value": {
2122
+ "colorSpace": "hsl",
2123
+ "components": [328, 62.9, 62],
2124
+ "hex": "#db61a2"
2125
+ },
2118
2126
  "alpha": 0.1,
2119
2127
  "filePath": "src/tokens/functional/color/bgColor.json5",
2120
2128
  "isSource": true,
@@ -2780,6 +2788,52 @@
2780
2788
  "attributes": {},
2781
2789
  "path": ["border", "done", "muted"]
2782
2790
  },
2791
+ "border-draft-emphasis": {
2792
+ "key": "{border.draft.emphasis}",
2793
+ "$value": {
2794
+ "color": "#59636e",
2795
+ "style": "solid",
2796
+ "width": ["0.0625rem", "1px"]
2797
+ },
2798
+ "$type": "border",
2799
+ "filePath": "src/tokens/functional/border/border.json5",
2800
+ "isSource": true,
2801
+ "original": {
2802
+ "$value": {
2803
+ "color": "{borderColor.draft.emphasis}",
2804
+ "style": "solid",
2805
+ "width": "{borderWidth.default}"
2806
+ },
2807
+ "$type": "border",
2808
+ "key": "{border.draft.emphasis}"
2809
+ },
2810
+ "name": "border-draft-emphasis",
2811
+ "attributes": {},
2812
+ "path": ["border", "draft", "emphasis"]
2813
+ },
2814
+ "border-draft-muted": {
2815
+ "key": "{border.draft.muted}",
2816
+ "$value": {
2817
+ "color": "#454c54",
2818
+ "style": "solid",
2819
+ "width": ["0.0625rem", "1px"]
2820
+ },
2821
+ "$type": "border",
2822
+ "filePath": "src/tokens/functional/border/border.json5",
2823
+ "isSource": true,
2824
+ "original": {
2825
+ "$value": {
2826
+ "color": "{borderColor.draft.muted}",
2827
+ "style": "solid",
2828
+ "width": "{borderWidth.default}"
2829
+ },
2830
+ "$type": "border",
2831
+ "key": "{border.draft.muted}"
2832
+ },
2833
+ "name": "border-draft-muted",
2834
+ "attributes": {},
2835
+ "path": ["border", "draft", "muted"]
2836
+ },
2783
2837
  "border-emphasis": {
2784
2838
  "key": "{border.emphasis}",
2785
2839
  "$value": {
@@ -3048,6 +3102,31 @@
3048
3102
  "attributes": {},
3049
3103
  "path": ["border", "success", "muted"]
3050
3104
  },
3105
+ "border-translucent": {
3106
+ "key": "{border.translucent}",
3107
+ "$description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
3108
+ "$value": {
3109
+ "color": "#59636e",
3110
+ "style": "solid",
3111
+ "width": ["0.0625rem", "1px"]
3112
+ },
3113
+ "$type": "border",
3114
+ "filePath": "src/tokens/functional/border/border.json5",
3115
+ "isSource": true,
3116
+ "original": {
3117
+ "$description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
3118
+ "$value": {
3119
+ "color": "{borderColor.translucent}",
3120
+ "style": "solid",
3121
+ "width": "{borderWidth.default}"
3122
+ },
3123
+ "$type": "border",
3124
+ "key": "{border.translucent}"
3125
+ },
3126
+ "name": "border-translucent",
3127
+ "attributes": {},
3128
+ "path": ["border", "translucent"]
3129
+ },
3051
3130
  "border-transparent": {
3052
3131
  "key": "{border.transparent}",
3053
3132
  "$value": {
@@ -5857,7 +5936,7 @@
5857
5936
  "key": "{borderColor.translucent}",
5858
5937
  "$value": "#59636e",
5859
5938
  "$type": "color",
5860
- "$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.",
5861
5940
  "$extensions": {
5862
5941
  "org.primer.figma": {
5863
5942
  "collection": "mode",
@@ -5926,7 +6005,7 @@
5926
6005
  "original": {
5927
6006
  "$value": "{base.color.neutral.9}",
5928
6007
  "$type": "color",
5929
- "$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.",
5930
6009
  "$extensions": {
5931
6010
  "org.primer.figma": {
5932
6011
  "collection": "mode",
@@ -6720,13 +6799,21 @@
6720
6799
  "$type": "color"
6721
6800
  },
6722
6801
  "dark-dimmed-high-contrast": {
6723
- "$value": "#ffffff",
6802
+ "$value": {
6803
+ "colorSpace": "hsl",
6804
+ "components": [0, 0, 100],
6805
+ "hex": "#ffffff"
6806
+ },
6724
6807
  "filePath": "src/tokens/component/button.json5",
6725
6808
  "isSource": true,
6726
6809
  "$type": "color"
6727
6810
  },
6728
6811
  "dark-dimmed": {
6729
- "$value": "#ffffff",
6812
+ "$value": {
6813
+ "colorSpace": "hsl",
6814
+ "components": [0, 0, 100],
6815
+ "hex": "#ffffff"
6816
+ },
6730
6817
  "filePath": "src/tokens/component/button.json5",
6731
6818
  "isSource": true,
6732
6819
  "$type": "color"
@@ -6752,13 +6839,21 @@
6752
6839
  "$type": "color"
6753
6840
  },
6754
6841
  "dark-dimmed-high-contrast": {
6755
- "$value": "#ffffff",
6842
+ "$value": {
6843
+ "colorSpace": "hsl",
6844
+ "components": [0, 0, 100],
6845
+ "hex": "#ffffff"
6846
+ },
6756
6847
  "filePath": "src/tokens/component/button.json5",
6757
6848
  "isSource": true,
6758
6849
  "$type": "color"
6759
6850
  },
6760
6851
  "dark-dimmed": {
6761
- "$value": "#ffffff",
6852
+ "$value": {
6853
+ "colorSpace": "hsl",
6854
+ "components": [0, 0, 100],
6855
+ "hex": "#ffffff"
6856
+ },
6762
6857
  "filePath": "src/tokens/component/button.json5",
6763
6858
  "isSource": true,
6764
6859
  "$type": "color"
@@ -6838,13 +6933,21 @@
6838
6933
  "$type": "color"
6839
6934
  },
6840
6935
  "dark-dimmed-high-contrast": {
6841
- "$value": "#ffffff",
6936
+ "$value": {
6937
+ "colorSpace": "hsl",
6938
+ "components": [0, 0, 100],
6939
+ "hex": "#ffffff"
6940
+ },
6842
6941
  "filePath": "src/tokens/component/button.json5",
6843
6942
  "isSource": true,
6844
6943
  "$type": "color"
6845
6944
  },
6846
6945
  "dark-dimmed": {
6847
- "$value": "#ffffff",
6946
+ "$value": {
6947
+ "colorSpace": "hsl",
6948
+ "components": [0, 0, 100],
6949
+ "hex": "#ffffff"
6950
+ },
6848
6951
  "filePath": "src/tokens/component/button.json5",
6849
6952
  "isSource": true,
6850
6953
  "$type": "color"
@@ -6870,13 +6973,21 @@
6870
6973
  "$type": "color"
6871
6974
  },
6872
6975
  "dark-dimmed-high-contrast": {
6873
- "$value": "#ffffff",
6976
+ "$value": {
6977
+ "colorSpace": "hsl",
6978
+ "components": [0, 0, 100],
6979
+ "hex": "#ffffff"
6980
+ },
6874
6981
  "filePath": "src/tokens/component/button.json5",
6875
6982
  "isSource": true,
6876
6983
  "$type": "color"
6877
6984
  },
6878
6985
  "dark-dimmed": {
6879
- "$value": "#ffffff",
6986
+ "$value": {
6987
+ "colorSpace": "hsl",
6988
+ "components": [0, 0, 100],
6989
+ "hex": "#ffffff"
6990
+ },
6880
6991
  "filePath": "src/tokens/component/button.json5",
6881
6992
  "isSource": true,
6882
6993
  "$type": "color"
@@ -6901,13 +7012,21 @@
6901
7012
  },
6902
7013
  "org.primer.overrides": {
6903
7014
  "dark": {
6904
- "$value": "#FA5E55",
7015
+ "$value": {
7016
+ "colorSpace": "hsl",
7017
+ "components": [3.3, 94.3, 65.7],
7018
+ "hex": "#FA5E55"
7019
+ },
6905
7020
  "filePath": "src/tokens/component/button.json5",
6906
7021
  "isSource": true,
6907
7022
  "$type": "color"
6908
7023
  },
6909
7024
  "dark-dimmed": {
6910
- "$value": "#ea5c53",
7025
+ "$value": {
7026
+ "colorSpace": "hsl",
7027
+ "components": [3.6, 78.2, 62.2],
7028
+ "hex": "#ea5c53"
7029
+ },
6911
7030
  "filePath": "src/tokens/component/button.json5",
6912
7031
  "isSource": true,
6913
7032
  "$type": "color"
@@ -6957,13 +7076,21 @@
6957
7076
  },
6958
7077
  "org.primer.overrides": {
6959
7078
  "dark": {
6960
- "$value": "#FA5E55",
7079
+ "$value": {
7080
+ "colorSpace": "hsl",
7081
+ "components": [3.3, 94.3, 65.7],
7082
+ "hex": "#FA5E55"
7083
+ },
6961
7084
  "filePath": "src/tokens/component/button.json5",
6962
7085
  "isSource": true,
6963
7086
  "$type": "color"
6964
7087
  },
6965
7088
  "dark-dimmed": {
6966
- "$value": "#ea5c53",
7089
+ "$value": {
7090
+ "colorSpace": "hsl",
7091
+ "components": [3.6, 78.2, 62.2],
7092
+ "hex": "#ea5c53"
7093
+ },
6967
7094
  "filePath": "src/tokens/component/button.json5",
6968
7095
  "isSource": true,
6969
7096
  "$type": "color"
@@ -7006,6 +7133,35 @@
7006
7133
  "attributes": {},
7007
7134
  "path": ["button", "danger", "fgColor", "rest"]
7008
7135
  },
7136
+ "button-danger-iconColor-disabled": {
7137
+ "key": "{button.danger.iconColor.disabled}",
7138
+ "$value": "#702c0080",
7139
+ "$type": "color",
7140
+ "$extensions": {
7141
+ "org.primer.figma": {
7142
+ "collection": "mode",
7143
+ "group": "component (internal)",
7144
+ "scopes": ["fgColor"]
7145
+ }
7146
+ },
7147
+ "filePath": "src/tokens/component/button.json5",
7148
+ "isSource": true,
7149
+ "original": {
7150
+ "$value": "{button.danger.fgColor.disabled}",
7151
+ "$type": "color",
7152
+ "$extensions": {
7153
+ "org.primer.figma": {
7154
+ "collection": "mode",
7155
+ "group": "component (internal)",
7156
+ "scopes": ["fgColor"]
7157
+ }
7158
+ },
7159
+ "key": "{button.danger.iconColor.disabled}"
7160
+ },
7161
+ "name": "button-danger-iconColor-disabled",
7162
+ "attributes": {},
7163
+ "path": ["button", "danger", "iconColor", "disabled"]
7164
+ },
7009
7165
  "button-danger-iconColor-hover": {
7010
7166
  "key": "{button.danger.iconColor.hover}",
7011
7167
  "$value": "#ffffff",
@@ -7024,7 +7180,11 @@
7024
7180
  "$type": "color"
7025
7181
  },
7026
7182
  "dark-dimmed-high-contrast": {
7027
- "$value": "#ffffff",
7183
+ "$value": {
7184
+ "colorSpace": "hsl",
7185
+ "components": [0, 0, 100],
7186
+ "hex": "#ffffff"
7187
+ },
7028
7188
  "filePath": "src/tokens/component/button.json5",
7029
7189
  "isSource": true,
7030
7190
  "$type": "color"
@@ -7050,7 +7210,11 @@
7050
7210
  "$type": "color"
7051
7211
  },
7052
7212
  "dark-dimmed-high-contrast": {
7053
- "$value": "#ffffff",
7213
+ "$value": {
7214
+ "colorSpace": "hsl",
7215
+ "components": [0, 0, 100],
7216
+ "hex": "#ffffff"
7217
+ },
7054
7218
  "filePath": "src/tokens/component/button.json5",
7055
7219
  "isSource": true,
7056
7220
  "$type": "color"
@@ -7570,6 +7734,35 @@
7570
7734
  "attributes": {},
7571
7735
  "path": ["button", "default", "borderColor", "rest"]
7572
7736
  },
7737
+ "button-default-fgColor-disabled": {
7738
+ "key": "{button.default.fgColor.disabled}",
7739
+ "$value": "#59636e",
7740
+ "$type": "color",
7741
+ "$extensions": {
7742
+ "org.primer.figma": {
7743
+ "collection": "mode",
7744
+ "group": "component (internal)",
7745
+ "scopes": ["fgColor"]
7746
+ }
7747
+ },
7748
+ "filePath": "src/tokens/component/button.json5",
7749
+ "isSource": true,
7750
+ "original": {
7751
+ "$value": "{control.fgColor.disabled}",
7752
+ "$type": "color",
7753
+ "$extensions": {
7754
+ "org.primer.figma": {
7755
+ "collection": "mode",
7756
+ "group": "component (internal)",
7757
+ "scopes": ["fgColor"]
7758
+ }
7759
+ },
7760
+ "key": "{button.default.fgColor.disabled}"
7761
+ },
7762
+ "name": "button-default-fgColor-disabled",
7763
+ "attributes": {},
7764
+ "path": ["button", "default", "fgColor", "disabled"]
7765
+ },
7573
7766
  "button-default-fgColor-rest": {
7574
7767
  "key": "{button.default.fgColor.rest}",
7575
7768
  "$value": "#25292e",
@@ -8858,31 +9051,51 @@
8858
9051
  "$type": "color"
8859
9052
  },
8860
9053
  "dark-tritanopia": {
8861
- "$value": "#0d419d",
9054
+ "$value": {
9055
+ "colorSpace": "hsl",
9056
+ "components": [218.3, 84.7, 33.3],
9057
+ "hex": "#0d419d"
9058
+ },
8862
9059
  "filePath": "src/tokens/component/button.json5",
8863
9060
  "isSource": true,
8864
9061
  "$type": "color"
8865
9062
  },
8866
9063
  "dark-tritanopia-high-contrast": {
8867
- "$value": "#0d419d",
9064
+ "$value": {
9065
+ "colorSpace": "hsl",
9066
+ "components": [218.3, 84.7, 33.3],
9067
+ "hex": "#0d419d"
9068
+ },
8868
9069
  "filePath": "src/tokens/component/button.json5",
8869
9070
  "isSource": true,
8870
9071
  "$type": "color"
8871
9072
  },
8872
9073
  "light-high-contrast": {
8873
- "$value": "#033f9d",
9074
+ "$value": {
9075
+ "colorSpace": "hsl",
9076
+ "components": [216.6, 96.3, 31.4],
9077
+ "hex": "#033f9d"
9078
+ },
8874
9079
  "filePath": "src/tokens/component/button.json5",
8875
9080
  "isSource": true,
8876
9081
  "$type": "color"
8877
9082
  },
8878
9083
  "light-tritanopia-high-contrast": {
8879
- "$value": "#033f9d",
9084
+ "$value": {
9085
+ "colorSpace": "hsl",
9086
+ "components": [216.6, 96.3, 31.4],
9087
+ "hex": "#033f9d"
9088
+ },
8880
9089
  "filePath": "src/tokens/component/button.json5",
8881
9090
  "isSource": true,
8882
9091
  "$type": "color"
8883
9092
  },
8884
9093
  "light-protanopia-deuteranopia-high-contrast": {
8885
- "$value": "#033f9d",
9094
+ "$value": {
9095
+ "colorSpace": "hsl",
9096
+ "components": [216.6, 96.3, 31.4],
9097
+ "hex": "#033f9d"
9098
+ },
8886
9099
  "filePath": "src/tokens/component/button.json5",
8887
9100
  "isSource": true,
8888
9101
  "$type": "color"
@@ -8892,7 +9105,11 @@
8892
9105
  "filePath": "src/tokens/component/button.json5",
8893
9106
  "isSource": true,
8894
9107
  "original": {
8895
- "$value": "#033f9d",
9108
+ "$value": {
9109
+ "colorSpace": "hsl",
9110
+ "components": [216.6, 96.3, 31.4],
9111
+ "hex": "#033f9d"
9112
+ },
8896
9113
  "$type": "color",
8897
9114
  "$extensions": {
8898
9115
  "org.primer.figma": {
@@ -8908,31 +9125,51 @@
8908
9125
  "$type": "color"
8909
9126
  },
8910
9127
  "dark-tritanopia": {
8911
- "$value": "#0d419d",
9128
+ "$value": {
9129
+ "colorSpace": "hsl",
9130
+ "components": [218.3, 84.7, 33.3],
9131
+ "hex": "#0d419d"
9132
+ },
8912
9133
  "filePath": "src/tokens/component/button.json5",
8913
9134
  "isSource": true,
8914
9135
  "$type": "color"
8915
9136
  },
8916
9137
  "dark-tritanopia-high-contrast": {
8917
- "$value": "#0d419d",
9138
+ "$value": {
9139
+ "colorSpace": "hsl",
9140
+ "components": [218.3, 84.7, 33.3],
9141
+ "hex": "#0d419d"
9142
+ },
8918
9143
  "filePath": "src/tokens/component/button.json5",
8919
9144
  "isSource": true,
8920
9145
  "$type": "color"
8921
9146
  },
8922
9147
  "light-high-contrast": {
8923
- "$value": "#033f9d",
9148
+ "$value": {
9149
+ "colorSpace": "hsl",
9150
+ "components": [216.6, 96.3, 31.4],
9151
+ "hex": "#033f9d"
9152
+ },
8924
9153
  "filePath": "src/tokens/component/button.json5",
8925
9154
  "isSource": true,
8926
9155
  "$type": "color"
8927
9156
  },
8928
9157
  "light-tritanopia-high-contrast": {
8929
- "$value": "#033f9d",
9158
+ "$value": {
9159
+ "colorSpace": "hsl",
9160
+ "components": [216.6, 96.3, 31.4],
9161
+ "hex": "#033f9d"
9162
+ },
8930
9163
  "filePath": "src/tokens/component/button.json5",
8931
9164
  "isSource": true,
8932
9165
  "$type": "color"
8933
9166
  },
8934
9167
  "light-protanopia-deuteranopia-high-contrast": {
8935
- "$value": "#033f9d",
9168
+ "$value": {
9169
+ "colorSpace": "hsl",
9170
+ "components": [216.6, 96.3, 31.4],
9171
+ "hex": "#033f9d"
9172
+ },
8936
9173
  "filePath": "src/tokens/component/button.json5",
8937
9174
  "isSource": true,
8938
9175
  "$type": "color"
@@ -8963,7 +9200,11 @@
8963
9200
  "$type": "color"
8964
9201
  },
8965
9202
  "dark-tritanopia": {
8966
- "$value": "#212830",
9203
+ "$value": {
9204
+ "colorSpace": "hsl",
9205
+ "components": [212, 18.5, 15.9],
9206
+ "hex": "#212830"
9207
+ },
8967
9208
  "filePath": "src/tokens/component/button.json5",
8968
9209
  "isSource": true,
8969
9210
  "$type": "color"
@@ -8989,7 +9230,11 @@
8989
9230
  "$type": "color"
8990
9231
  },
8991
9232
  "dark-tritanopia": {
8992
- "$value": "#212830",
9233
+ "$value": {
9234
+ "colorSpace": "hsl",
9235
+ "components": [212, 18.5, 15.9],
9236
+ "hex": "#212830"
9237
+ },
8993
9238
  "filePath": "src/tokens/component/button.json5",
8994
9239
  "isSource": true,
8995
9240
  "$type": "color"
@@ -9020,7 +9265,11 @@
9020
9265
  "$type": "color"
9021
9266
  },
9022
9267
  "dark-tritanopia": {
9023
- "$value": "#262c36",
9268
+ "$value": {
9269
+ "colorSpace": "hsl",
9270
+ "components": [217.5, 17.4, 18],
9271
+ "hex": "#262c36"
9272
+ },
9024
9273
  "filePath": "src/tokens/component/button.json5",
9025
9274
  "isSource": true,
9026
9275
  "$type": "color"
@@ -9046,7 +9295,11 @@
9046
9295
  "$type": "color"
9047
9296
  },
9048
9297
  "dark-tritanopia": {
9049
- "$value": "#262c36",
9298
+ "$value": {
9299
+ "colorSpace": "hsl",
9300
+ "components": [217.5, 17.4, 18],
9301
+ "hex": "#262c36"
9302
+ },
9050
9303
  "filePath": "src/tokens/component/button.json5",
9051
9304
  "isSource": true,
9052
9305
  "$type": "color"
@@ -9278,7 +9531,12 @@
9278
9531
  "$type": "color"
9279
9532
  },
9280
9533
  "dark-dimmed": {
9281
- "$value": "#478be680",
9534
+ "$value": {
9535
+ "colorSpace": "hsl",
9536
+ "components": [214.3, 76.1, 59],
9537
+ "hex": "#478be6"
9538
+ },
9539
+ "alpha": 0.502,
9282
9540
  "filePath": "src/tokens/component/button.json5",
9283
9541
  "isSource": true,
9284
9542
  "$type": "color"
@@ -9306,7 +9564,12 @@
9306
9564
  "$type": "color"
9307
9565
  },
9308
9566
  "dark-dimmed": {
9309
- "$value": "#478be680",
9567
+ "$value": {
9568
+ "colorSpace": "hsl",
9569
+ "components": [214.3, 76.1, 59],
9570
+ "hex": "#478be6"
9571
+ },
9572
+ "alpha": 0.502,
9310
9573
  "filePath": "src/tokens/component/button.json5",
9311
9574
  "isSource": true,
9312
9575
  "$type": "color"
@@ -9531,13 +9794,21 @@
9531
9794
  },
9532
9795
  "org.primer.overrides": {
9533
9796
  "dark": {
9534
- "$value": "#2E9A40",
9797
+ "$value": {
9798
+ "colorSpace": "hsl",
9799
+ "components": [130, 54, 39.2],
9800
+ "hex": "#2E9A40"
9801
+ },
9535
9802
  "filePath": "src/tokens/component/button.json5",
9536
9803
  "isSource": true,
9537
9804
  "$type": "color"
9538
9805
  },
9539
9806
  "dark-dimmed": {
9540
- "$value": "#428f46",
9807
+ "$value": {
9808
+ "colorSpace": "hsl",
9809
+ "components": [123.1, 36.8, 41],
9810
+ "hex": "#428f46"
9811
+ },
9541
9812
  "filePath": "src/tokens/component/button.json5",
9542
9813
  "isSource": true,
9543
9814
  "$type": "color"
@@ -9549,61 +9820,101 @@
9549
9820
  "$type": "color"
9550
9821
  },
9551
9822
  "dark-tritanopia": {
9552
- "$value": "#3685f3",
9823
+ "$value": {
9824
+ "colorSpace": "hsl",
9825
+ "components": [214.9, 88.7, 58.2],
9826
+ "hex": "#3685f3"
9827
+ },
9553
9828
  "filePath": "src/tokens/component/button.json5",
9554
9829
  "isSource": true,
9555
9830
  "$type": "color"
9556
9831
  },
9557
9832
  "dark-tritanopia-high-contrast": {
9558
- "$value": "#3685f3",
9833
+ "$value": {
9834
+ "colorSpace": "hsl",
9835
+ "components": [214.9, 88.7, 58.2],
9836
+ "hex": "#3685f3"
9837
+ },
9559
9838
  "filePath": "src/tokens/component/button.json5",
9560
9839
  "isSource": true,
9561
9840
  "$type": "color"
9562
9841
  },
9563
9842
  "dark-protanopia-deuteranopia": {
9564
- "$value": "#3685f3",
9843
+ "$value": {
9844
+ "colorSpace": "hsl",
9845
+ "components": [214.9, 88.7, 58.2],
9846
+ "hex": "#3685f3"
9847
+ },
9565
9848
  "filePath": "src/tokens/component/button.json5",
9566
9849
  "isSource": true,
9567
9850
  "$type": "color"
9568
9851
  },
9569
9852
  "dark-protanopia-deuteranopia-high-contrast": {
9570
- "$value": "#3685f3",
9853
+ "$value": {
9854
+ "colorSpace": "hsl",
9855
+ "components": [214.9, 88.7, 58.2],
9856
+ "hex": "#3685f3"
9857
+ },
9571
9858
  "filePath": "src/tokens/component/button.json5",
9572
9859
  "isSource": true,
9573
9860
  "$type": "color"
9574
9861
  },
9575
9862
  "dark-high-contrast": {
9576
- "$value": "#109135",
9863
+ "$value": {
9864
+ "colorSpace": "hsl",
9865
+ "components": [137.2, 80.1, 31.6],
9866
+ "hex": "#109135"
9867
+ },
9577
9868
  "filePath": "src/tokens/component/button.json5",
9578
9869
  "isSource": true,
9579
9870
  "$type": "color"
9580
9871
  },
9581
9872
  "light-tritanopia": {
9582
- "$value": "#075fc8",
9873
+ "$value": {
9874
+ "colorSpace": "hsl",
9875
+ "components": [212.6, 93.2, 40.6],
9876
+ "hex": "#075fc8"
9877
+ },
9583
9878
  "filePath": "src/tokens/component/button.json5",
9584
9879
  "isSource": true,
9585
9880
  "$type": "color"
9586
9881
  },
9587
9882
  "light-tritanopia-high-contrast": {
9588
- "$value": "#075fc8",
9883
+ "$value": {
9884
+ "colorSpace": "hsl",
9885
+ "components": [212.6, 93.2, 40.6],
9886
+ "hex": "#075fc8"
9887
+ },
9589
9888
  "filePath": "src/tokens/component/button.json5",
9590
9889
  "isSource": true,
9591
9890
  "$type": "color"
9592
9891
  },
9593
9892
  "light-protanopia-deuteranopia": {
9594
- "$value": "#075fc8",
9893
+ "$value": {
9894
+ "colorSpace": "hsl",
9895
+ "components": [212.6, 93.2, 40.6],
9896
+ "hex": "#075fc8"
9897
+ },
9595
9898
  "filePath": "src/tokens/component/button.json5",
9596
9899
  "isSource": true,
9597
9900
  "$type": "color"
9598
9901
  },
9599
9902
  "light-protanopia-deuteranopia-high-contrast": {
9600
- "$value": "#075fc8",
9903
+ "$value": {
9904
+ "colorSpace": "hsl",
9905
+ "components": [212.6, 93.2, 40.6],
9906
+ "hex": "#075fc8"
9907
+ },
9601
9908
  "filePath": "src/tokens/component/button.json5",
9602
9909
  "isSource": true,
9603
9910
  "$type": "color"
9604
9911
  },
9605
9912
  "light-high-contrast": {
9606
- "$value": "#03501b",
9913
+ "$value": {
9914
+ "colorSpace": "hsl",
9915
+ "components": [138.7, 92.8, 16.3],
9916
+ "hex": "#03501b"
9917
+ },
9607
9918
  "filePath": "src/tokens/component/button.json5",
9608
9919
  "isSource": true,
9609
9920
  "$type": "color"
@@ -9613,7 +9924,11 @@
9613
9924
  "filePath": "src/tokens/component/button.json5",
9614
9925
  "isSource": true,
9615
9926
  "original": {
9616
- "$value": "#075fc8",
9927
+ "$value": {
9928
+ "colorSpace": "hsl",
9929
+ "components": [212.6, 93.2, 40.6],
9930
+ "hex": "#075fc8"
9931
+ },
9617
9932
  "$type": "color",
9618
9933
  "$extensions": {
9619
9934
  "org.primer.figma": {
@@ -9623,13 +9938,21 @@
9623
9938
  },
9624
9939
  "org.primer.overrides": {
9625
9940
  "dark": {
9626
- "$value": "#2E9A40",
9941
+ "$value": {
9942
+ "colorSpace": "hsl",
9943
+ "components": [130, 54, 39.2],
9944
+ "hex": "#2E9A40"
9945
+ },
9627
9946
  "filePath": "src/tokens/component/button.json5",
9628
9947
  "isSource": true,
9629
9948
  "$type": "color"
9630
9949
  },
9631
9950
  "dark-dimmed": {
9632
- "$value": "#428f46",
9951
+ "$value": {
9952
+ "colorSpace": "hsl",
9953
+ "components": [123.1, 36.8, 41],
9954
+ "hex": "#428f46"
9955
+ },
9633
9956
  "filePath": "src/tokens/component/button.json5",
9634
9957
  "isSource": true,
9635
9958
  "$type": "color"
@@ -9641,61 +9964,101 @@
9641
9964
  "$type": "color"
9642
9965
  },
9643
9966
  "dark-tritanopia": {
9644
- "$value": "#3685f3",
9967
+ "$value": {
9968
+ "colorSpace": "hsl",
9969
+ "components": [214.9, 88.7, 58.2],
9970
+ "hex": "#3685f3"
9971
+ },
9645
9972
  "filePath": "src/tokens/component/button.json5",
9646
9973
  "isSource": true,
9647
9974
  "$type": "color"
9648
9975
  },
9649
9976
  "dark-tritanopia-high-contrast": {
9650
- "$value": "#3685f3",
9977
+ "$value": {
9978
+ "colorSpace": "hsl",
9979
+ "components": [214.9, 88.7, 58.2],
9980
+ "hex": "#3685f3"
9981
+ },
9651
9982
  "filePath": "src/tokens/component/button.json5",
9652
9983
  "isSource": true,
9653
9984
  "$type": "color"
9654
9985
  },
9655
9986
  "dark-protanopia-deuteranopia": {
9656
- "$value": "#3685f3",
9987
+ "$value": {
9988
+ "colorSpace": "hsl",
9989
+ "components": [214.9, 88.7, 58.2],
9990
+ "hex": "#3685f3"
9991
+ },
9657
9992
  "filePath": "src/tokens/component/button.json5",
9658
9993
  "isSource": true,
9659
9994
  "$type": "color"
9660
9995
  },
9661
9996
  "dark-protanopia-deuteranopia-high-contrast": {
9662
- "$value": "#3685f3",
9997
+ "$value": {
9998
+ "colorSpace": "hsl",
9999
+ "components": [214.9, 88.7, 58.2],
10000
+ "hex": "#3685f3"
10001
+ },
9663
10002
  "filePath": "src/tokens/component/button.json5",
9664
10003
  "isSource": true,
9665
10004
  "$type": "color"
9666
10005
  },
9667
10006
  "dark-high-contrast": {
9668
- "$value": "#109135",
10007
+ "$value": {
10008
+ "colorSpace": "hsl",
10009
+ "components": [137.2, 80.1, 31.6],
10010
+ "hex": "#109135"
10011
+ },
9669
10012
  "filePath": "src/tokens/component/button.json5",
9670
10013
  "isSource": true,
9671
10014
  "$type": "color"
9672
10015
  },
9673
10016
  "light-tritanopia": {
9674
- "$value": "#075fc8",
10017
+ "$value": {
10018
+ "colorSpace": "hsl",
10019
+ "components": [212.6, 93.2, 40.6],
10020
+ "hex": "#075fc8"
10021
+ },
9675
10022
  "filePath": "src/tokens/component/button.json5",
9676
10023
  "isSource": true,
9677
10024
  "$type": "color"
9678
10025
  },
9679
10026
  "light-tritanopia-high-contrast": {
9680
- "$value": "#075fc8",
10027
+ "$value": {
10028
+ "colorSpace": "hsl",
10029
+ "components": [212.6, 93.2, 40.6],
10030
+ "hex": "#075fc8"
10031
+ },
9681
10032
  "filePath": "src/tokens/component/button.json5",
9682
10033
  "isSource": true,
9683
10034
  "$type": "color"
9684
10035
  },
9685
10036
  "light-protanopia-deuteranopia": {
9686
- "$value": "#075fc8",
10037
+ "$value": {
10038
+ "colorSpace": "hsl",
10039
+ "components": [212.6, 93.2, 40.6],
10040
+ "hex": "#075fc8"
10041
+ },
9687
10042
  "filePath": "src/tokens/component/button.json5",
9688
10043
  "isSource": true,
9689
10044
  "$type": "color"
9690
10045
  },
9691
10046
  "light-protanopia-deuteranopia-high-contrast": {
9692
- "$value": "#075fc8",
10047
+ "$value": {
10048
+ "colorSpace": "hsl",
10049
+ "components": [212.6, 93.2, 40.6],
10050
+ "hex": "#075fc8"
10051
+ },
9693
10052
  "filePath": "src/tokens/component/button.json5",
9694
10053
  "isSource": true,
9695
10054
  "$type": "color"
9696
10055
  },
9697
10056
  "light-high-contrast": {
9698
- "$value": "#03501b",
10057
+ "$value": {
10058
+ "colorSpace": "hsl",
10059
+ "components": [138.7, 92.8, 16.3],
10060
+ "hex": "#03501b"
10061
+ },
9699
10062
  "filePath": "src/tokens/component/button.json5",
9700
10063
  "isSource": true,
9701
10064
  "$type": "color"
@@ -9720,25 +10083,41 @@
9720
10083
  },
9721
10084
  "org.primer.overrides": {
9722
10085
  "dark": {
9723
- "$value": "#105823",
10086
+ "$value": {
10087
+ "colorSpace": "hsl",
10088
+ "components": [135.8, 69.2, 20.4],
10089
+ "hex": "#105823"
10090
+ },
9724
10091
  "filePath": "src/tokens/component/button.json5",
9725
10092
  "isSource": true,
9726
10093
  "$type": "color"
9727
10094
  },
9728
10095
  "dark-dimmed": {
9729
- "$value": "#105823",
10096
+ "$value": {
10097
+ "colorSpace": "hsl",
10098
+ "components": [135.8, 69.2, 20.4],
10099
+ "hex": "#105823"
10100
+ },
9730
10101
  "filePath": "src/tokens/component/button.json5",
9731
10102
  "isSource": true,
9732
10103
  "$type": "color"
9733
10104
  },
9734
10105
  "dark-tritanopia": {
9735
- "$value": "#5fabfe",
10106
+ "$value": {
10107
+ "colorSpace": "hsl",
10108
+ "components": [211.3, 98.8, 68.4],
10109
+ "hex": "#5fabfe"
10110
+ },
9736
10111
  "filePath": "src/tokens/component/button.json5",
9737
10112
  "isSource": true,
9738
10113
  "$type": "color"
9739
10114
  },
9740
10115
  "dark-tritanopia-high-contrast": {
9741
- "$value": "#5fabfe",
10116
+ "$value": {
10117
+ "colorSpace": "hsl",
10118
+ "components": [211.3, 98.8, 68.4],
10119
+ "hex": "#5fabfe"
10120
+ },
9742
10121
  "filePath": "src/tokens/component/button.json5",
9743
10122
  "isSource": true,
9744
10123
  "$type": "color"
@@ -9756,37 +10135,61 @@
9756
10135
  "$type": "color"
9757
10136
  },
9758
10137
  "dark-high-contrast": {
9759
- "$value": "#048f2f",
10138
+ "$value": {
10139
+ "colorSpace": "hsl",
10140
+ "components": [138.6, 94.6, 28.8],
10141
+ "hex": "#048f2f"
10142
+ },
9760
10143
  "filePath": "src/tokens/component/button.json5",
9761
10144
  "isSource": true,
9762
10145
  "$type": "color"
9763
10146
  },
9764
10147
  "light-tritanopia": {
9765
- "$value": "#92caff",
10148
+ "$value": {
10149
+ "colorSpace": "hsl",
10150
+ "components": [209.2, 100, 78.6],
10151
+ "hex": "#92caff"
10152
+ },
9766
10153
  "filePath": "src/tokens/component/button.json5",
9767
10154
  "isSource": true,
9768
10155
  "$type": "color"
9769
10156
  },
9770
10157
  "light-tritanopia-high-contrast": {
9771
- "$value": "#92caff",
10158
+ "$value": {
10159
+ "colorSpace": "hsl",
10160
+ "components": [209.2, 100, 78.6],
10161
+ "hex": "#92caff"
10162
+ },
9772
10163
  "filePath": "src/tokens/component/button.json5",
9773
10164
  "isSource": true,
9774
10165
  "$type": "color"
9775
10166
  },
9776
10167
  "light-protanopia-deuteranopia": {
9777
- "$value": "#92caff",
10168
+ "$value": {
10169
+ "colorSpace": "hsl",
10170
+ "components": [209.2, 100, 78.6],
10171
+ "hex": "#92caff"
10172
+ },
9778
10173
  "filePath": "src/tokens/component/button.json5",
9779
10174
  "isSource": true,
9780
10175
  "$type": "color"
9781
10176
  },
9782
10177
  "light-protanopia-deuteranopia-high-contrast": {
9783
- "$value": "#92caff",
10178
+ "$value": {
10179
+ "colorSpace": "hsl",
10180
+ "components": [209.2, 100, 78.6],
10181
+ "hex": "#92caff"
10182
+ },
9784
10183
  "filePath": "src/tokens/component/button.json5",
9785
10184
  "isSource": true,
9786
10185
  "$type": "color"
9787
10186
  },
9788
10187
  "light-high-contrast": {
9789
- "$value": "#85cb97",
10188
+ "$value": {
10189
+ "colorSpace": "hsl",
10190
+ "components": [135.4, 40.2, 65.9],
10191
+ "hex": "#85cb97"
10192
+ },
9790
10193
  "filePath": "src/tokens/component/button.json5",
9791
10194
  "isSource": true,
9792
10195
  "$type": "color"
@@ -9796,7 +10199,11 @@
9796
10199
  "filePath": "src/tokens/component/button.json5",
9797
10200
  "isSource": true,
9798
10201
  "original": {
9799
- "$value": "#92caff",
10202
+ "$value": {
10203
+ "colorSpace": "hsl",
10204
+ "components": [209.2, 100, 78.6],
10205
+ "hex": "#92caff"
10206
+ },
9800
10207
  "$type": "color",
9801
10208
  "$extensions": {
9802
10209
  "org.primer.figma": {
@@ -9806,25 +10213,41 @@
9806
10213
  },
9807
10214
  "org.primer.overrides": {
9808
10215
  "dark": {
9809
- "$value": "#105823",
10216
+ "$value": {
10217
+ "colorSpace": "hsl",
10218
+ "components": [135.8, 69.2, 20.4],
10219
+ "hex": "#105823"
10220
+ },
9810
10221
  "filePath": "src/tokens/component/button.json5",
9811
10222
  "isSource": true,
9812
10223
  "$type": "color"
9813
10224
  },
9814
10225
  "dark-dimmed": {
9815
- "$value": "#105823",
10226
+ "$value": {
10227
+ "colorSpace": "hsl",
10228
+ "components": [135.8, 69.2, 20.4],
10229
+ "hex": "#105823"
10230
+ },
9816
10231
  "filePath": "src/tokens/component/button.json5",
9817
10232
  "isSource": true,
9818
10233
  "$type": "color"
9819
10234
  },
9820
10235
  "dark-tritanopia": {
9821
- "$value": "#5fabfe",
10236
+ "$value": {
10237
+ "colorSpace": "hsl",
10238
+ "components": [211.3, 98.8, 68.4],
10239
+ "hex": "#5fabfe"
10240
+ },
9822
10241
  "filePath": "src/tokens/component/button.json5",
9823
10242
  "isSource": true,
9824
10243
  "$type": "color"
9825
10244
  },
9826
10245
  "dark-tritanopia-high-contrast": {
9827
- "$value": "#5fabfe",
10246
+ "$value": {
10247
+ "colorSpace": "hsl",
10248
+ "components": [211.3, 98.8, 68.4],
10249
+ "hex": "#5fabfe"
10250
+ },
9828
10251
  "filePath": "src/tokens/component/button.json5",
9829
10252
  "isSource": true,
9830
10253
  "$type": "color"
@@ -9842,37 +10265,61 @@
9842
10265
  "$type": "color"
9843
10266
  },
9844
10267
  "dark-high-contrast": {
9845
- "$value": "#048f2f",
10268
+ "$value": {
10269
+ "colorSpace": "hsl",
10270
+ "components": [138.6, 94.6, 28.8],
10271
+ "hex": "#048f2f"
10272
+ },
9846
10273
  "filePath": "src/tokens/component/button.json5",
9847
10274
  "isSource": true,
9848
10275
  "$type": "color"
9849
10276
  },
9850
10277
  "light-tritanopia": {
9851
- "$value": "#92caff",
10278
+ "$value": {
10279
+ "colorSpace": "hsl",
10280
+ "components": [209.2, 100, 78.6],
10281
+ "hex": "#92caff"
10282
+ },
9852
10283
  "filePath": "src/tokens/component/button.json5",
9853
10284
  "isSource": true,
9854
10285
  "$type": "color"
9855
10286
  },
9856
10287
  "light-tritanopia-high-contrast": {
9857
- "$value": "#92caff",
10288
+ "$value": {
10289
+ "colorSpace": "hsl",
10290
+ "components": [209.2, 100, 78.6],
10291
+ "hex": "#92caff"
10292
+ },
9858
10293
  "filePath": "src/tokens/component/button.json5",
9859
10294
  "isSource": true,
9860
10295
  "$type": "color"
9861
10296
  },
9862
10297
  "light-protanopia-deuteranopia": {
9863
- "$value": "#92caff",
10298
+ "$value": {
10299
+ "colorSpace": "hsl",
10300
+ "components": [209.2, 100, 78.6],
10301
+ "hex": "#92caff"
10302
+ },
9864
10303
  "filePath": "src/tokens/component/button.json5",
9865
10304
  "isSource": true,
9866
10305
  "$type": "color"
9867
10306
  },
9868
10307
  "light-protanopia-deuteranopia-high-contrast": {
9869
- "$value": "#92caff",
10308
+ "$value": {
10309
+ "colorSpace": "hsl",
10310
+ "components": [209.2, 100, 78.6],
10311
+ "hex": "#92caff"
10312
+ },
9870
10313
  "filePath": "src/tokens/component/button.json5",
9871
10314
  "isSource": true,
9872
10315
  "$type": "color"
9873
10316
  },
9874
10317
  "light-high-contrast": {
9875
- "$value": "#85cb97",
10318
+ "$value": {
10319
+ "colorSpace": "hsl",
10320
+ "components": [135.4, 40.2, 65.9],
10321
+ "hex": "#85cb97"
10322
+ },
9876
10323
  "filePath": "src/tokens/component/button.json5",
9877
10324
  "isSource": true,
9878
10325
  "$type": "color"
@@ -9897,13 +10344,21 @@
9897
10344
  },
9898
10345
  "org.primer.overrides": {
9899
10346
  "dark": {
9900
- "$value": "#29903B",
10347
+ "$value": {
10348
+ "colorSpace": "hsl",
10349
+ "components": [130.5, 55.7, 36.3],
10350
+ "hex": "#29903B"
10351
+ },
9901
10352
  "filePath": "src/tokens/component/button.json5",
9902
10353
  "isSource": true,
9903
10354
  "$type": "color"
9904
10355
  },
9905
10356
  "dark-dimmed": {
9906
- "$value": "#3b8640",
10357
+ "$value": {
10358
+ "colorSpace": "hsl",
10359
+ "components": [124, 38.9, 37.8],
10360
+ "hex": "#3b8640"
10361
+ },
9907
10362
  "filePath": "src/tokens/component/button.json5",
9908
10363
  "isSource": true,
9909
10364
  "$type": "color"
@@ -9915,61 +10370,101 @@
9915
10370
  "$type": "color"
9916
10371
  },
9917
10372
  "dark-tritanopia": {
9918
- "$value": "#2a7aef",
10373
+ "$value": {
10374
+ "colorSpace": "hsl",
10375
+ "components": [215.6, 86, 55.1],
10376
+ "hex": "#2a7aef"
10377
+ },
9919
10378
  "filePath": "src/tokens/component/button.json5",
9920
10379
  "isSource": true,
9921
10380
  "$type": "color"
9922
10381
  },
9923
10382
  "dark-tritanopia-high-contrast": {
9924
- "$value": "#2a7aef",
10383
+ "$value": {
10384
+ "colorSpace": "hsl",
10385
+ "components": [215.6, 86, 55.1],
10386
+ "hex": "#2a7aef"
10387
+ },
9925
10388
  "filePath": "src/tokens/component/button.json5",
9926
10389
  "isSource": true,
9927
10390
  "$type": "color"
9928
10391
  },
9929
10392
  "dark-protanopia-deuteranopia": {
9930
- "$value": "#2a7aef",
10393
+ "$value": {
10394
+ "colorSpace": "hsl",
10395
+ "components": [215.6, 86, 55.1],
10396
+ "hex": "#2a7aef"
10397
+ },
9931
10398
  "filePath": "src/tokens/component/button.json5",
9932
10399
  "isSource": true,
9933
10400
  "$type": "color"
9934
10401
  },
9935
10402
  "dark-protanopia-deuteranopia-high-contrast": {
9936
- "$value": "#2a7aef",
10403
+ "$value": {
10404
+ "colorSpace": "hsl",
10405
+ "components": [215.6, 86, 55.1],
10406
+ "hex": "#2a7aef"
10407
+ },
9937
10408
  "filePath": "src/tokens/component/button.json5",
9938
10409
  "isSource": true,
9939
10410
  "$type": "color"
9940
10411
  },
9941
10412
  "dark-high-contrast": {
9942
- "$value": "#08792b",
10413
+ "$value": {
10414
+ "colorSpace": "hsl",
10415
+ "components": [138.6, 87.6, 25.3],
10416
+ "hex": "#08792b"
10417
+ },
9943
10418
  "filePath": "src/tokens/component/button.json5",
9944
10419
  "isSource": true,
9945
10420
  "$type": "color"
9946
10421
  },
9947
10422
  "light-tritanopia": {
9948
- "$value": "#0864d1",
10423
+ "$value": {
10424
+ "colorSpace": "hsl",
10425
+ "components": [212.5, 92.6, 42.5],
10426
+ "hex": "#0864d1"
10427
+ },
9949
10428
  "filePath": "src/tokens/component/button.json5",
9950
10429
  "isSource": true,
9951
10430
  "$type": "color"
9952
10431
  },
9953
10432
  "light-tritanopia-high-contrast": {
9954
- "$value": "#0864d1",
10433
+ "$value": {
10434
+ "colorSpace": "hsl",
10435
+ "components": [212.5, 92.6, 42.5],
10436
+ "hex": "#0864d1"
10437
+ },
9955
10438
  "filePath": "src/tokens/component/button.json5",
9956
10439
  "isSource": true,
9957
10440
  "$type": "color"
9958
10441
  },
9959
10442
  "light-protanopia-deuteranopia": {
9960
- "$value": "#0864d1",
10443
+ "$value": {
10444
+ "colorSpace": "hsl",
10445
+ "components": [212.5, 92.6, 42.5],
10446
+ "hex": "#0864d1"
10447
+ },
9961
10448
  "filePath": "src/tokens/component/button.json5",
9962
10449
  "isSource": true,
9963
10450
  "$type": "color"
9964
10451
  },
9965
10452
  "light-protanopia-deuteranopia-high-contrast": {
9966
- "$value": "#0864d1",
10453
+ "$value": {
10454
+ "colorSpace": "hsl",
10455
+ "components": [212.5, 92.6, 42.5],
10456
+ "hex": "#0864d1"
10457
+ },
9967
10458
  "filePath": "src/tokens/component/button.json5",
9968
10459
  "isSource": true,
9969
10460
  "$type": "color"
9970
10461
  },
9971
10462
  "light-high-contrast": {
9972
- "$value": "#04571e",
10463
+ "$value": {
10464
+ "colorSpace": "hsl",
10465
+ "components": [138.8, 91.2, 17.8],
10466
+ "hex": "#04571e"
10467
+ },
9973
10468
  "filePath": "src/tokens/component/button.json5",
9974
10469
  "isSource": true,
9975
10470
  "$type": "color"
@@ -9979,7 +10474,11 @@
9979
10474
  "filePath": "src/tokens/component/button.json5",
9980
10475
  "isSource": true,
9981
10476
  "original": {
9982
- "$value": "#0864d1",
10477
+ "$value": {
10478
+ "colorSpace": "hsl",
10479
+ "components": [212.5, 92.6, 42.5],
10480
+ "hex": "#0864d1"
10481
+ },
9983
10482
  "$type": "color",
9984
10483
  "$extensions": {
9985
10484
  "org.primer.figma": {
@@ -9989,13 +10488,21 @@
9989
10488
  },
9990
10489
  "org.primer.overrides": {
9991
10490
  "dark": {
9992
- "$value": "#29903B",
10491
+ "$value": {
10492
+ "colorSpace": "hsl",
10493
+ "components": [130.5, 55.7, 36.3],
10494
+ "hex": "#29903B"
10495
+ },
9993
10496
  "filePath": "src/tokens/component/button.json5",
9994
10497
  "isSource": true,
9995
10498
  "$type": "color"
9996
10499
  },
9997
10500
  "dark-dimmed": {
9998
- "$value": "#3b8640",
10501
+ "$value": {
10502
+ "colorSpace": "hsl",
10503
+ "components": [124, 38.9, 37.8],
10504
+ "hex": "#3b8640"
10505
+ },
9999
10506
  "filePath": "src/tokens/component/button.json5",
10000
10507
  "isSource": true,
10001
10508
  "$type": "color"
@@ -10007,61 +10514,101 @@
10007
10514
  "$type": "color"
10008
10515
  },
10009
10516
  "dark-tritanopia": {
10010
- "$value": "#2a7aef",
10517
+ "$value": {
10518
+ "colorSpace": "hsl",
10519
+ "components": [215.6, 86, 55.1],
10520
+ "hex": "#2a7aef"
10521
+ },
10011
10522
  "filePath": "src/tokens/component/button.json5",
10012
10523
  "isSource": true,
10013
10524
  "$type": "color"
10014
10525
  },
10015
10526
  "dark-tritanopia-high-contrast": {
10016
- "$value": "#2a7aef",
10527
+ "$value": {
10528
+ "colorSpace": "hsl",
10529
+ "components": [215.6, 86, 55.1],
10530
+ "hex": "#2a7aef"
10531
+ },
10017
10532
  "filePath": "src/tokens/component/button.json5",
10018
10533
  "isSource": true,
10019
10534
  "$type": "color"
10020
10535
  },
10021
10536
  "dark-protanopia-deuteranopia": {
10022
- "$value": "#2a7aef",
10537
+ "$value": {
10538
+ "colorSpace": "hsl",
10539
+ "components": [215.6, 86, 55.1],
10540
+ "hex": "#2a7aef"
10541
+ },
10023
10542
  "filePath": "src/tokens/component/button.json5",
10024
10543
  "isSource": true,
10025
10544
  "$type": "color"
10026
10545
  },
10027
10546
  "dark-protanopia-deuteranopia-high-contrast": {
10028
- "$value": "#2a7aef",
10547
+ "$value": {
10548
+ "colorSpace": "hsl",
10549
+ "components": [215.6, 86, 55.1],
10550
+ "hex": "#2a7aef"
10551
+ },
10029
10552
  "filePath": "src/tokens/component/button.json5",
10030
10553
  "isSource": true,
10031
10554
  "$type": "color"
10032
10555
  },
10033
10556
  "dark-high-contrast": {
10034
- "$value": "#08792b",
10557
+ "$value": {
10558
+ "colorSpace": "hsl",
10559
+ "components": [138.6, 87.6, 25.3],
10560
+ "hex": "#08792b"
10561
+ },
10035
10562
  "filePath": "src/tokens/component/button.json5",
10036
10563
  "isSource": true,
10037
10564
  "$type": "color"
10038
10565
  },
10039
10566
  "light-tritanopia": {
10040
- "$value": "#0864d1",
10567
+ "$value": {
10568
+ "colorSpace": "hsl",
10569
+ "components": [212.5, 92.6, 42.5],
10570
+ "hex": "#0864d1"
10571
+ },
10041
10572
  "filePath": "src/tokens/component/button.json5",
10042
10573
  "isSource": true,
10043
10574
  "$type": "color"
10044
10575
  },
10045
10576
  "light-tritanopia-high-contrast": {
10046
- "$value": "#0864d1",
10577
+ "$value": {
10578
+ "colorSpace": "hsl",
10579
+ "components": [212.5, 92.6, 42.5],
10580
+ "hex": "#0864d1"
10581
+ },
10047
10582
  "filePath": "src/tokens/component/button.json5",
10048
10583
  "isSource": true,
10049
10584
  "$type": "color"
10050
10585
  },
10051
10586
  "light-protanopia-deuteranopia": {
10052
- "$value": "#0864d1",
10587
+ "$value": {
10588
+ "colorSpace": "hsl",
10589
+ "components": [212.5, 92.6, 42.5],
10590
+ "hex": "#0864d1"
10591
+ },
10053
10592
  "filePath": "src/tokens/component/button.json5",
10054
10593
  "isSource": true,
10055
10594
  "$type": "color"
10056
10595
  },
10057
10596
  "light-protanopia-deuteranopia-high-contrast": {
10058
- "$value": "#0864d1",
10597
+ "$value": {
10598
+ "colorSpace": "hsl",
10599
+ "components": [212.5, 92.6, 42.5],
10600
+ "hex": "#0864d1"
10601
+ },
10059
10602
  "filePath": "src/tokens/component/button.json5",
10060
10603
  "isSource": true,
10061
10604
  "$type": "color"
10062
10605
  },
10063
10606
  "light-high-contrast": {
10064
- "$value": "#04571e",
10607
+ "$value": {
10608
+ "colorSpace": "hsl",
10609
+ "components": [138.8, 91.2, 17.8],
10610
+ "hex": "#04571e"
10611
+ },
10065
10612
  "filePath": "src/tokens/component/button.json5",
10066
10613
  "isSource": true,
10067
10614
  "$type": "color"
@@ -10172,37 +10719,61 @@
10172
10719
  },
10173
10720
  "org.primer.overrides": {
10174
10721
  "dark": {
10175
- "$value": "#105823",
10722
+ "$value": {
10723
+ "colorSpace": "hsl",
10724
+ "components": [135.8, 69.2, 20.4],
10725
+ "hex": "#105823"
10726
+ },
10176
10727
  "filePath": "src/tokens/component/button.json5",
10177
10728
  "isSource": true,
10178
10729
  "$type": "color"
10179
10730
  },
10180
10731
  "dark-dimmed": {
10181
- "$value": "#105823",
10732
+ "$value": {
10733
+ "colorSpace": "hsl",
10734
+ "components": [135.8, 69.2, 20.4],
10735
+ "hex": "#105823"
10736
+ },
10182
10737
  "filePath": "src/tokens/component/button.json5",
10183
10738
  "isSource": true,
10184
10739
  "$type": "color"
10185
10740
  },
10186
10741
  "dark-tritanopia": {
10187
- "$value": "#5fabfe",
10742
+ "$value": {
10743
+ "colorSpace": "hsl",
10744
+ "components": [211.3, 98.8, 68.4],
10745
+ "hex": "#5fabfe"
10746
+ },
10188
10747
  "filePath": "src/tokens/component/button.json5",
10189
10748
  "isSource": true,
10190
10749
  "$type": "color"
10191
10750
  },
10192
10751
  "dark-tritanopia-high-contrast": {
10193
- "$value": "#5fabfe",
10752
+ "$value": {
10753
+ "colorSpace": "hsl",
10754
+ "components": [211.3, 98.8, 68.4],
10755
+ "hex": "#5fabfe"
10756
+ },
10194
10757
  "filePath": "src/tokens/component/button.json5",
10195
10758
  "isSource": true,
10196
10759
  "$type": "color"
10197
10760
  },
10198
10761
  "dark-protanopia-deuteranopia": {
10199
- "$value": "#1158c7",
10762
+ "$value": {
10763
+ "colorSpace": "hsl",
10764
+ "components": [216.6, 84.3, 42.4],
10765
+ "hex": "#1158c7"
10766
+ },
10200
10767
  "filePath": "src/tokens/component/button.json5",
10201
10768
  "isSource": true,
10202
10769
  "$type": "color"
10203
10770
  },
10204
10771
  "dark-protanopia-deuteranopia-high-contrast": {
10205
- "$value": "#1158c7",
10772
+ "$value": {
10773
+ "colorSpace": "hsl",
10774
+ "components": [216.6, 84.3, 42.4],
10775
+ "hex": "#1158c7"
10776
+ },
10206
10777
  "filePath": "src/tokens/component/button.json5",
10207
10778
  "isSource": true,
10208
10779
  "$type": "color"
@@ -10215,7 +10786,11 @@
10215
10786
  "$type": "color"
10216
10787
  },
10217
10788
  "light-high-contrast": {
10218
- "$value": "#85cb97",
10789
+ "$value": {
10790
+ "colorSpace": "hsl",
10791
+ "components": [135.4, 40.2, 65.9],
10792
+ "hex": "#85cb97"
10793
+ },
10219
10794
  "filePath": "src/tokens/component/button.json5",
10220
10795
  "isSource": true,
10221
10796
  "$type": "color"
@@ -10235,37 +10810,61 @@
10235
10810
  },
10236
10811
  "org.primer.overrides": {
10237
10812
  "dark": {
10238
- "$value": "#105823",
10813
+ "$value": {
10814
+ "colorSpace": "hsl",
10815
+ "components": [135.8, 69.2, 20.4],
10816
+ "hex": "#105823"
10817
+ },
10239
10818
  "filePath": "src/tokens/component/button.json5",
10240
10819
  "isSource": true,
10241
10820
  "$type": "color"
10242
10821
  },
10243
10822
  "dark-dimmed": {
10244
- "$value": "#105823",
10823
+ "$value": {
10824
+ "colorSpace": "hsl",
10825
+ "components": [135.8, 69.2, 20.4],
10826
+ "hex": "#105823"
10827
+ },
10245
10828
  "filePath": "src/tokens/component/button.json5",
10246
10829
  "isSource": true,
10247
10830
  "$type": "color"
10248
10831
  },
10249
10832
  "dark-tritanopia": {
10250
- "$value": "#5fabfe",
10833
+ "$value": {
10834
+ "colorSpace": "hsl",
10835
+ "components": [211.3, 98.8, 68.4],
10836
+ "hex": "#5fabfe"
10837
+ },
10251
10838
  "filePath": "src/tokens/component/button.json5",
10252
10839
  "isSource": true,
10253
10840
  "$type": "color"
10254
10841
  },
10255
10842
  "dark-tritanopia-high-contrast": {
10256
- "$value": "#5fabfe",
10843
+ "$value": {
10844
+ "colorSpace": "hsl",
10845
+ "components": [211.3, 98.8, 68.4],
10846
+ "hex": "#5fabfe"
10847
+ },
10257
10848
  "filePath": "src/tokens/component/button.json5",
10258
10849
  "isSource": true,
10259
10850
  "$type": "color"
10260
10851
  },
10261
10852
  "dark-protanopia-deuteranopia": {
10262
- "$value": "#1158c7",
10853
+ "$value": {
10854
+ "colorSpace": "hsl",
10855
+ "components": [216.6, 84.3, 42.4],
10856
+ "hex": "#1158c7"
10857
+ },
10263
10858
  "filePath": "src/tokens/component/button.json5",
10264
10859
  "isSource": true,
10265
10860
  "$type": "color"
10266
10861
  },
10267
10862
  "dark-protanopia-deuteranopia-high-contrast": {
10268
- "$value": "#1158c7",
10863
+ "$value": {
10864
+ "colorSpace": "hsl",
10865
+ "components": [216.6, 84.3, 42.4],
10866
+ "hex": "#1158c7"
10867
+ },
10269
10868
  "filePath": "src/tokens/component/button.json5",
10270
10869
  "isSource": true,
10271
10870
  "$type": "color"
@@ -10278,7 +10877,11 @@
10278
10877
  "$type": "color"
10279
10878
  },
10280
10879
  "light-high-contrast": {
10281
- "$value": "#85cb97",
10880
+ "$value": {
10881
+ "colorSpace": "hsl",
10882
+ "components": [135.4, 40.2, 65.9],
10883
+ "hex": "#85cb97"
10884
+ },
10282
10885
  "filePath": "src/tokens/component/button.json5",
10283
10886
  "isSource": true,
10284
10887
  "$type": "color"
@@ -10520,13 +11123,21 @@
10520
11123
  "$type": "color"
10521
11124
  },
10522
11125
  "dark-dimmed": {
10523
- "$value": "#ffffff",
11126
+ "$value": {
11127
+ "colorSpace": "hsl",
11128
+ "components": [0, 0, 100],
11129
+ "hex": "#ffffff"
11130
+ },
10524
11131
  "filePath": "src/tokens/component/button.json5",
10525
11132
  "isSource": true,
10526
11133
  "$type": "color"
10527
11134
  },
10528
11135
  "dark-dimmed-high-contrast": {
10529
- "$value": "#ffffff",
11136
+ "$value": {
11137
+ "colorSpace": "hsl",
11138
+ "components": [0, 0, 100],
11139
+ "hex": "#ffffff"
11140
+ },
10530
11141
  "filePath": "src/tokens/component/button.json5",
10531
11142
  "isSource": true,
10532
11143
  "$type": "color"
@@ -10552,13 +11163,21 @@
10552
11163
  "$type": "color"
10553
11164
  },
10554
11165
  "dark-dimmed": {
10555
- "$value": "#ffffff",
11166
+ "$value": {
11167
+ "colorSpace": "hsl",
11168
+ "components": [0, 0, 100],
11169
+ "hex": "#ffffff"
11170
+ },
10556
11171
  "filePath": "src/tokens/component/button.json5",
10557
11172
  "isSource": true,
10558
11173
  "$type": "color"
10559
11174
  },
10560
11175
  "dark-dimmed-high-contrast": {
10561
- "$value": "#ffffff",
11176
+ "$value": {
11177
+ "colorSpace": "hsl",
11178
+ "components": [0, 0, 100],
11179
+ "hex": "#ffffff"
11180
+ },
10562
11181
  "filePath": "src/tokens/component/button.json5",
10563
11182
  "isSource": true,
10564
11183
  "$type": "color"
@@ -10571,6 +11190,35 @@
10571
11190
  "attributes": {},
10572
11191
  "path": ["button", "primary", "fgColor", "rest"]
10573
11192
  },
11193
+ "button-primary-iconColor-disabled": {
11194
+ "key": "{button.primary.iconColor.disabled}",
11195
+ "$value": "#ffffffcc",
11196
+ "$type": "color",
11197
+ "$extensions": {
11198
+ "org.primer.figma": {
11199
+ "collection": "mode",
11200
+ "group": "component (internal)",
11201
+ "scopes": ["fgColor"]
11202
+ }
11203
+ },
11204
+ "filePath": "src/tokens/component/button.json5",
11205
+ "isSource": true,
11206
+ "original": {
11207
+ "$value": "{button.primary.fgColor.disabled}",
11208
+ "$type": "color",
11209
+ "$extensions": {
11210
+ "org.primer.figma": {
11211
+ "collection": "mode",
11212
+ "group": "component (internal)",
11213
+ "scopes": ["fgColor"]
11214
+ }
11215
+ },
11216
+ "key": "{button.primary.iconColor.disabled}"
11217
+ },
11218
+ "name": "button-primary-iconColor-disabled",
11219
+ "attributes": {},
11220
+ "path": ["button", "primary", "iconColor", "disabled"]
11221
+ },
10574
11222
  "button-primary-iconColor-rest": {
10575
11223
  "key": "{button.primary.iconColor.rest}",
10576
11224
  "$value": "#ffffffcc",
@@ -10596,13 +11244,21 @@
10596
11244
  "$type": "color"
10597
11245
  },
10598
11246
  "dark-dimmed": {
10599
- "$value": "#ffffff",
11247
+ "$value": {
11248
+ "colorSpace": "hsl",
11249
+ "components": [0, 0, 100],
11250
+ "hex": "#ffffff"
11251
+ },
10600
11252
  "filePath": "src/tokens/component/button.json5",
10601
11253
  "isSource": true,
10602
11254
  "$type": "color"
10603
11255
  },
10604
11256
  "dark-dimmed-high-contrast": {
10605
- "$value": "#ffffff",
11257
+ "$value": {
11258
+ "colorSpace": "hsl",
11259
+ "components": [0, 0, 100],
11260
+ "hex": "#ffffff"
11261
+ },
10606
11262
  "filePath": "src/tokens/component/button.json5",
10607
11263
  "isSource": true,
10608
11264
  "$type": "color"
@@ -10636,13 +11292,21 @@
10636
11292
  "$type": "color"
10637
11293
  },
10638
11294
  "dark-dimmed": {
10639
- "$value": "#ffffff",
11295
+ "$value": {
11296
+ "colorSpace": "hsl",
11297
+ "components": [0, 0, 100],
11298
+ "hex": "#ffffff"
11299
+ },
10640
11300
  "filePath": "src/tokens/component/button.json5",
10641
11301
  "isSource": true,
10642
11302
  "$type": "color"
10643
11303
  },
10644
11304
  "dark-dimmed-high-contrast": {
10645
- "$value": "#ffffff",
11305
+ "$value": {
11306
+ "colorSpace": "hsl",
11307
+ "components": [0, 0, 100],
11308
+ "hex": "#ffffff"
11309
+ },
10646
11310
  "filePath": "src/tokens/component/button.json5",
10647
11311
  "isSource": true,
10648
11312
  "$type": "color"
@@ -14114,7 +14778,11 @@
14114
14778
  "filePath": "src/tokens/functional/color/syntax.json5",
14115
14779
  "isSource": true,
14116
14780
  "original": {
14117
- "$value": "#1b7c83",
14781
+ "$value": {
14782
+ "colorSpace": "hsl",
14783
+ "components": [184, 65.8, 31],
14784
+ "hex": "#1b7c83"
14785
+ },
14118
14786
  "$type": "color",
14119
14787
  "$extensions": {
14120
14788
  "org.primer.figma": {
@@ -14147,7 +14815,11 @@
14147
14815
  "filePath": "src/tokens/functional/color/syntax.json5",
14148
14816
  "isSource": true,
14149
14817
  "original": {
14150
- "$value": "#3192aa",
14818
+ "$value": {
14819
+ "colorSpace": "hsl",
14820
+ "components": [191.9, 55.3, 42.9],
14821
+ "hex": "#3192aa"
14822
+ },
14151
14823
  "$type": "color",
14152
14824
  "$extensions": {
14153
14825
  "org.primer.figma": {
@@ -17012,7 +17684,11 @@
17012
17684
  "org.primer.overrides": {
17013
17685
  "dark": "#454c54",
17014
17686
  "dark-dimmed": {
17015
- "$value": "#3d444d",
17687
+ "$value": {
17688
+ "colorSpace": "hsl",
17689
+ "components": [213.8, 11.6, 27.1],
17690
+ "hex": "#3d444d"
17691
+ },
17016
17692
  "filePath": "src/tokens/functional/color/control.json5",
17017
17693
  "isSource": true,
17018
17694
  "$type": "color"
@@ -17033,7 +17709,11 @@
17033
17709
  "org.primer.overrides": {
17034
17710
  "dark": "{borderColor.default}",
17035
17711
  "dark-dimmed": {
17036
- "$value": "#3d444d",
17712
+ "$value": {
17713
+ "colorSpace": "hsl",
17714
+ "components": [213.8, 11.6, 27.1],
17715
+ "hex": "#3d444d"
17716
+ },
17037
17717
  "filePath": "src/tokens/functional/color/control.json5",
17038
17718
  "isSource": true,
17039
17719
  "$type": "color"
@@ -17164,49 +17844,81 @@
17164
17844
  "org.primer.overrides": {
17165
17845
  "dark": "#3685F3",
17166
17846
  "dark-high-contrast": {
17167
- "$value": "#3c79d0",
17847
+ "$value": {
17848
+ "colorSpace": "hsl",
17849
+ "components": [215.3, 61.2, 52.5],
17850
+ "hex": "#3c79d0"
17851
+ },
17168
17852
  "filePath": "src/tokens/functional/color/control.json5",
17169
17853
  "isSource": true,
17170
17854
  "$type": "color"
17171
17855
  },
17172
17856
  "dark-protanopia-deuteranopia-high-contrast": {
17173
- "$value": "#3c79d0",
17857
+ "$value": {
17858
+ "colorSpace": "hsl",
17859
+ "components": [215.3, 61.2, 52.5],
17860
+ "hex": "#3c79d0"
17861
+ },
17174
17862
  "filePath": "src/tokens/functional/color/control.json5",
17175
17863
  "isSource": true,
17176
17864
  "$type": "color"
17177
17865
  },
17178
17866
  "dark-tritanopia-high-contrast": {
17179
- "$value": "#3c79d0",
17867
+ "$value": {
17868
+ "colorSpace": "hsl",
17869
+ "components": [215.3, 61.2, 52.5],
17870
+ "hex": "#3c79d0"
17871
+ },
17180
17872
  "filePath": "src/tokens/functional/color/control.json5",
17181
17873
  "isSource": true,
17182
17874
  "$type": "color"
17183
17875
  },
17184
17876
  "dark-dimmed": {
17185
- "$value": "#3f7fdb",
17877
+ "$value": {
17878
+ "colorSpace": "hsl",
17879
+ "components": [215.4, 68.4, 55.3],
17880
+ "hex": "#3f7fdb"
17881
+ },
17186
17882
  "filePath": "src/tokens/functional/color/control.json5",
17187
17883
  "isSource": true,
17188
17884
  "$type": "color"
17189
17885
  },
17190
17886
  "dark-dimmed-high-contrast": {
17191
- "$value": "#3c79d0",
17887
+ "$value": {
17888
+ "colorSpace": "hsl",
17889
+ "components": [215.3, 61.2, 52.5],
17890
+ "hex": "#3c79d0"
17891
+ },
17192
17892
  "filePath": "src/tokens/functional/color/control.json5",
17193
17893
  "isSource": true,
17194
17894
  "$type": "color"
17195
17895
  },
17196
17896
  "light-high-contrast": {
17197
- "$value": "#033f9d",
17897
+ "$value": {
17898
+ "colorSpace": "hsl",
17899
+ "components": [216.6, 96.3, 31.4],
17900
+ "hex": "#033f9d"
17901
+ },
17198
17902
  "filePath": "src/tokens/functional/color/control.json5",
17199
17903
  "isSource": true,
17200
17904
  "$type": "color"
17201
17905
  },
17202
17906
  "light-tritanopia-high-contrast": {
17203
- "$value": "#033f9d",
17907
+ "$value": {
17908
+ "colorSpace": "hsl",
17909
+ "components": [216.6, 96.3, 31.4],
17910
+ "hex": "#033f9d"
17911
+ },
17204
17912
  "filePath": "src/tokens/functional/color/control.json5",
17205
17913
  "isSource": true,
17206
17914
  "$type": "color"
17207
17915
  },
17208
17916
  "light-protanopia-deuteranopia-high-contrast": {
17209
- "$value": "#033f9d",
17917
+ "$value": {
17918
+ "colorSpace": "hsl",
17919
+ "components": [216.6, 96.3, 31.4],
17920
+ "hex": "#033f9d"
17921
+ },
17210
17922
  "filePath": "src/tokens/functional/color/control.json5",
17211
17923
  "isSource": true,
17212
17924
  "$type": "color"
@@ -17216,7 +17928,11 @@
17216
17928
  "filePath": "src/tokens/functional/color/control.json5",
17217
17929
  "isSource": true,
17218
17930
  "original": {
17219
- "$value": "#033f9d",
17931
+ "$value": {
17932
+ "colorSpace": "hsl",
17933
+ "components": [216.6, 96.3, 31.4],
17934
+ "hex": "#033f9d"
17935
+ },
17220
17936
  "$type": "color",
17221
17937
  "$extensions": {
17222
17938
  "org.primer.figma": {
@@ -17227,49 +17943,81 @@
17227
17943
  "org.primer.overrides": {
17228
17944
  "dark": "#3685F3",
17229
17945
  "dark-high-contrast": {
17230
- "$value": "#3c79d0",
17946
+ "$value": {
17947
+ "colorSpace": "hsl",
17948
+ "components": [215.3, 61.2, 52.5],
17949
+ "hex": "#3c79d0"
17950
+ },
17231
17951
  "filePath": "src/tokens/functional/color/control.json5",
17232
17952
  "isSource": true,
17233
17953
  "$type": "color"
17234
17954
  },
17235
17955
  "dark-protanopia-deuteranopia-high-contrast": {
17236
- "$value": "#3c79d0",
17956
+ "$value": {
17957
+ "colorSpace": "hsl",
17958
+ "components": [215.3, 61.2, 52.5],
17959
+ "hex": "#3c79d0"
17960
+ },
17237
17961
  "filePath": "src/tokens/functional/color/control.json5",
17238
17962
  "isSource": true,
17239
17963
  "$type": "color"
17240
17964
  },
17241
17965
  "dark-tritanopia-high-contrast": {
17242
- "$value": "#3c79d0",
17966
+ "$value": {
17967
+ "colorSpace": "hsl",
17968
+ "components": [215.3, 61.2, 52.5],
17969
+ "hex": "#3c79d0"
17970
+ },
17243
17971
  "filePath": "src/tokens/functional/color/control.json5",
17244
17972
  "isSource": true,
17245
17973
  "$type": "color"
17246
17974
  },
17247
17975
  "dark-dimmed": {
17248
- "$value": "#3f7fdb",
17976
+ "$value": {
17977
+ "colorSpace": "hsl",
17978
+ "components": [215.4, 68.4, 55.3],
17979
+ "hex": "#3f7fdb"
17980
+ },
17249
17981
  "filePath": "src/tokens/functional/color/control.json5",
17250
17982
  "isSource": true,
17251
17983
  "$type": "color"
17252
17984
  },
17253
17985
  "dark-dimmed-high-contrast": {
17254
- "$value": "#3c79d0",
17986
+ "$value": {
17987
+ "colorSpace": "hsl",
17988
+ "components": [215.3, 61.2, 52.5],
17989
+ "hex": "#3c79d0"
17990
+ },
17255
17991
  "filePath": "src/tokens/functional/color/control.json5",
17256
17992
  "isSource": true,
17257
17993
  "$type": "color"
17258
17994
  },
17259
17995
  "light-high-contrast": {
17260
- "$value": "#033f9d",
17996
+ "$value": {
17997
+ "colorSpace": "hsl",
17998
+ "components": [216.6, 96.3, 31.4],
17999
+ "hex": "#033f9d"
18000
+ },
17261
18001
  "filePath": "src/tokens/functional/color/control.json5",
17262
18002
  "isSource": true,
17263
18003
  "$type": "color"
17264
18004
  },
17265
18005
  "light-tritanopia-high-contrast": {
17266
- "$value": "#033f9d",
18006
+ "$value": {
18007
+ "colorSpace": "hsl",
18008
+ "components": [216.6, 96.3, 31.4],
18009
+ "hex": "#033f9d"
18010
+ },
17267
18011
  "filePath": "src/tokens/functional/color/control.json5",
17268
18012
  "isSource": true,
17269
18013
  "$type": "color"
17270
18014
  },
17271
18015
  "light-protanopia-deuteranopia-high-contrast": {
17272
- "$value": "#033f9d",
18016
+ "$value": {
18017
+ "colorSpace": "hsl",
18018
+ "components": [216.6, 96.3, 31.4],
18019
+ "hex": "#033f9d"
18020
+ },
17273
18021
  "filePath": "src/tokens/functional/color/control.json5",
17274
18022
  "isSource": true,
17275
18023
  "$type": "color"
@@ -17330,49 +18078,81 @@
17330
18078
  "org.primer.overrides": {
17331
18079
  "dark": "#2A7AEF",
17332
18080
  "dark-high-contrast": {
17333
- "$value": "#2b64c1",
18081
+ "$value": {
18082
+ "colorSpace": "hsl",
18083
+ "components": [217.2, 63.6, 46.3],
18084
+ "hex": "#2b64c1"
18085
+ },
17334
18086
  "filePath": "src/tokens/functional/color/control.json5",
17335
18087
  "isSource": true,
17336
18088
  "$type": "color"
17337
18089
  },
17338
18090
  "dark-tritanopia-high-contrast": {
17339
- "$value": "#2b64c1",
18091
+ "$value": {
18092
+ "colorSpace": "hsl",
18093
+ "components": [217.2, 63.6, 46.3],
18094
+ "hex": "#2b64c1"
18095
+ },
17340
18096
  "filePath": "src/tokens/functional/color/control.json5",
17341
18097
  "isSource": true,
17342
18098
  "$type": "color"
17343
18099
  },
17344
18100
  "dark-protanopia-deuteranopia-high-contrast": {
17345
- "$value": "#2b64c1",
18101
+ "$value": {
18102
+ "colorSpace": "hsl",
18103
+ "components": [217.2, 63.6, 46.3],
18104
+ "hex": "#2b64c1"
18105
+ },
17346
18106
  "filePath": "src/tokens/functional/color/control.json5",
17347
18107
  "isSource": true,
17348
18108
  "$type": "color"
17349
18109
  },
17350
18110
  "dark-dimmed": {
17351
- "$value": "#3876d3",
18111
+ "$value": {
18112
+ "colorSpace": "hsl",
18113
+ "components": [216, 63.8, 52.4],
18114
+ "hex": "#3876d3"
18115
+ },
17352
18116
  "filePath": "src/tokens/functional/color/control.json5",
17353
18117
  "isSource": true,
17354
18118
  "$type": "color"
17355
18119
  },
17356
18120
  "dark-dimmed-high-contrast": {
17357
- "$value": "#2b64c1",
18121
+ "$value": {
18122
+ "colorSpace": "hsl",
18123
+ "components": [217.2, 63.6, 46.3],
18124
+ "hex": "#2b64c1"
18125
+ },
17358
18126
  "filePath": "src/tokens/functional/color/control.json5",
17359
18127
  "isSource": true,
17360
18128
  "$type": "color"
17361
18129
  },
17362
18130
  "light-high-contrast": {
17363
- "$value": "#0344a8",
18131
+ "$value": {
18132
+ "colorSpace": "hsl",
18133
+ "components": [216.4, 96.5, 33.5],
18134
+ "hex": "#0344a8"
18135
+ },
17364
18136
  "filePath": "src/tokens/functional/color/control.json5",
17365
18137
  "isSource": true,
17366
18138
  "$type": "color"
17367
18139
  },
17368
18140
  "light-tritanopia-high-contrast": {
17369
- "$value": "#0344a8",
18141
+ "$value": {
18142
+ "colorSpace": "hsl",
18143
+ "components": [216.4, 96.5, 33.5],
18144
+ "hex": "#0344a8"
18145
+ },
17370
18146
  "filePath": "src/tokens/functional/color/control.json5",
17371
18147
  "isSource": true,
17372
18148
  "$type": "color"
17373
18149
  },
17374
18150
  "light-protanopia-deuteranopia-high-contrast": {
17375
- "$value": "#0344a8",
18151
+ "$value": {
18152
+ "colorSpace": "hsl",
18153
+ "components": [216.4, 96.5, 33.5],
18154
+ "hex": "#0344a8"
18155
+ },
17376
18156
  "filePath": "src/tokens/functional/color/control.json5",
17377
18157
  "isSource": true,
17378
18158
  "$type": "color"
@@ -17382,7 +18162,11 @@
17382
18162
  "filePath": "src/tokens/functional/color/control.json5",
17383
18163
  "isSource": true,
17384
18164
  "original": {
17385
- "$value": "#0344a8",
18165
+ "$value": {
18166
+ "colorSpace": "hsl",
18167
+ "components": [216.4, 96.5, 33.5],
18168
+ "hex": "#0344a8"
18169
+ },
17386
18170
  "$type": "color",
17387
18171
  "$extensions": {
17388
18172
  "org.primer.figma": {
@@ -17393,49 +18177,81 @@
17393
18177
  "org.primer.overrides": {
17394
18178
  "dark": "#2A7AEF",
17395
18179
  "dark-high-contrast": {
17396
- "$value": "#2b64c1",
18180
+ "$value": {
18181
+ "colorSpace": "hsl",
18182
+ "components": [217.2, 63.6, 46.3],
18183
+ "hex": "#2b64c1"
18184
+ },
17397
18185
  "filePath": "src/tokens/functional/color/control.json5",
17398
18186
  "isSource": true,
17399
18187
  "$type": "color"
17400
18188
  },
17401
18189
  "dark-tritanopia-high-contrast": {
17402
- "$value": "#2b64c1",
18190
+ "$value": {
18191
+ "colorSpace": "hsl",
18192
+ "components": [217.2, 63.6, 46.3],
18193
+ "hex": "#2b64c1"
18194
+ },
17403
18195
  "filePath": "src/tokens/functional/color/control.json5",
17404
18196
  "isSource": true,
17405
18197
  "$type": "color"
17406
18198
  },
17407
18199
  "dark-protanopia-deuteranopia-high-contrast": {
17408
- "$value": "#2b64c1",
18200
+ "$value": {
18201
+ "colorSpace": "hsl",
18202
+ "components": [217.2, 63.6, 46.3],
18203
+ "hex": "#2b64c1"
18204
+ },
17409
18205
  "filePath": "src/tokens/functional/color/control.json5",
17410
18206
  "isSource": true,
17411
18207
  "$type": "color"
17412
18208
  },
17413
18209
  "dark-dimmed": {
17414
- "$value": "#3876d3",
18210
+ "$value": {
18211
+ "colorSpace": "hsl",
18212
+ "components": [216, 63.8, 52.4],
18213
+ "hex": "#3876d3"
18214
+ },
17415
18215
  "filePath": "src/tokens/functional/color/control.json5",
17416
18216
  "isSource": true,
17417
18217
  "$type": "color"
17418
18218
  },
17419
18219
  "dark-dimmed-high-contrast": {
17420
- "$value": "#2b64c1",
18220
+ "$value": {
18221
+ "colorSpace": "hsl",
18222
+ "components": [217.2, 63.6, 46.3],
18223
+ "hex": "#2b64c1"
18224
+ },
17421
18225
  "filePath": "src/tokens/functional/color/control.json5",
17422
18226
  "isSource": true,
17423
18227
  "$type": "color"
17424
18228
  },
17425
18229
  "light-high-contrast": {
17426
- "$value": "#0344a8",
18230
+ "$value": {
18231
+ "colorSpace": "hsl",
18232
+ "components": [216.4, 96.5, 33.5],
18233
+ "hex": "#0344a8"
18234
+ },
17427
18235
  "filePath": "src/tokens/functional/color/control.json5",
17428
18236
  "isSource": true,
17429
18237
  "$type": "color"
17430
18238
  },
17431
18239
  "light-tritanopia-high-contrast": {
17432
- "$value": "#0344a8",
18240
+ "$value": {
18241
+ "colorSpace": "hsl",
18242
+ "components": [216.4, 96.5, 33.5],
18243
+ "hex": "#0344a8"
18244
+ },
17433
18245
  "filePath": "src/tokens/functional/color/control.json5",
17434
18246
  "isSource": true,
17435
18247
  "$type": "color"
17436
18248
  },
17437
18249
  "light-protanopia-deuteranopia-high-contrast": {
17438
- "$value": "#0344a8",
18250
+ "$value": {
18251
+ "colorSpace": "hsl",
18252
+ "components": [216.4, 96.5, 33.5],
18253
+ "hex": "#0344a8"
18254
+ },
17439
18255
  "filePath": "src/tokens/functional/color/control.json5",
17440
18256
  "isSource": true,
17441
18257
  "$type": "color"
@@ -17514,7 +18330,11 @@
17514
18330
  "$type": "color"
17515
18331
  },
17516
18332
  "dark-dimmed": {
17517
- "$value": "#3f7fdb",
18333
+ "$value": {
18334
+ "colorSpace": "hsl",
18335
+ "components": [215.4, 68.4, 55.3],
18336
+ "hex": "#3f7fdb"
18337
+ },
17518
18338
  "filePath": "src/tokens/functional/color/control.json5",
17519
18339
  "isSource": true,
17520
18340
  "$type": "color"
@@ -17526,19 +18346,31 @@
17526
18346
  "$type": "color"
17527
18347
  },
17528
18348
  "light-high-contrast": {
17529
- "$value": "#033f9d",
18349
+ "$value": {
18350
+ "colorSpace": "hsl",
18351
+ "components": [216.6, 96.3, 31.4],
18352
+ "hex": "#033f9d"
18353
+ },
17530
18354
  "filePath": "src/tokens/functional/color/control.json5",
17531
18355
  "isSource": true,
17532
18356
  "$type": "color"
17533
18357
  },
17534
18358
  "light-protanopia-deuteranopia-high-contrast": {
17535
- "$value": "#033f9d",
18359
+ "$value": {
18360
+ "colorSpace": "hsl",
18361
+ "components": [216.6, 96.3, 31.4],
18362
+ "hex": "#033f9d"
18363
+ },
17536
18364
  "filePath": "src/tokens/functional/color/control.json5",
17537
18365
  "isSource": true,
17538
18366
  "$type": "color"
17539
18367
  },
17540
18368
  "light-tritanopia-high-contrast": {
17541
- "$value": "#033f9d",
18369
+ "$value": {
18370
+ "colorSpace": "hsl",
18371
+ "components": [216.6, 96.3, 31.4],
18372
+ "hex": "#033f9d"
18373
+ },
17542
18374
  "filePath": "src/tokens/functional/color/control.json5",
17543
18375
  "isSource": true,
17544
18376
  "$type": "color"
@@ -17548,7 +18380,11 @@
17548
18380
  "filePath": "src/tokens/functional/color/control.json5",
17549
18381
  "isSource": true,
17550
18382
  "original": {
17551
- "$value": "#033f9d",
18383
+ "$value": {
18384
+ "colorSpace": "hsl",
18385
+ "components": [216.6, 96.3, 31.4],
18386
+ "hex": "#033f9d"
18387
+ },
17552
18388
  "$type": "color",
17553
18389
  "$extensions": {
17554
18390
  "org.primer.figma": {
@@ -17577,7 +18413,11 @@
17577
18413
  "$type": "color"
17578
18414
  },
17579
18415
  "dark-dimmed": {
17580
- "$value": "#3f7fdb",
18416
+ "$value": {
18417
+ "colorSpace": "hsl",
18418
+ "components": [215.4, 68.4, 55.3],
18419
+ "hex": "#3f7fdb"
18420
+ },
17581
18421
  "filePath": "src/tokens/functional/color/control.json5",
17582
18422
  "isSource": true,
17583
18423
  "$type": "color"
@@ -17589,19 +18429,31 @@
17589
18429
  "$type": "color"
17590
18430
  },
17591
18431
  "light-high-contrast": {
17592
- "$value": "#033f9d",
18432
+ "$value": {
18433
+ "colorSpace": "hsl",
18434
+ "components": [216.6, 96.3, 31.4],
18435
+ "hex": "#033f9d"
18436
+ },
17593
18437
  "filePath": "src/tokens/functional/color/control.json5",
17594
18438
  "isSource": true,
17595
18439
  "$type": "color"
17596
18440
  },
17597
18441
  "light-protanopia-deuteranopia-high-contrast": {
17598
- "$value": "#033f9d",
18442
+ "$value": {
18443
+ "colorSpace": "hsl",
18444
+ "components": [216.6, 96.3, 31.4],
18445
+ "hex": "#033f9d"
18446
+ },
17599
18447
  "filePath": "src/tokens/functional/color/control.json5",
17600
18448
  "isSource": true,
17601
18449
  "$type": "color"
17602
18450
  },
17603
18451
  "light-tritanopia-high-contrast": {
17604
- "$value": "#033f9d",
18452
+ "$value": {
18453
+ "colorSpace": "hsl",
18454
+ "components": [216.6, 96.3, 31.4],
18455
+ "hex": "#033f9d"
18456
+ },
17605
18457
  "filePath": "src/tokens/functional/color/control.json5",
17606
18458
  "isSource": true,
17607
18459
  "$type": "color"
@@ -17680,7 +18532,11 @@
17680
18532
  "$type": "color"
17681
18533
  },
17682
18534
  "dark-dimmed": {
17683
- "$value": "#3876d3",
18535
+ "$value": {
18536
+ "colorSpace": "hsl",
18537
+ "components": [216, 63.8, 52.4],
18538
+ "hex": "#3876d3"
18539
+ },
17684
18540
  "filePath": "src/tokens/functional/color/control.json5",
17685
18541
  "isSource": true,
17686
18542
  "$type": "color"
@@ -17692,19 +18548,31 @@
17692
18548
  "$type": "color"
17693
18549
  },
17694
18550
  "light-high-contrast": {
17695
- "$value": "#0344a8",
18551
+ "$value": {
18552
+ "colorSpace": "hsl",
18553
+ "components": [216.4, 96.5, 33.5],
18554
+ "hex": "#0344a8"
18555
+ },
17696
18556
  "filePath": "src/tokens/functional/color/control.json5",
17697
18557
  "isSource": true,
17698
18558
  "$type": "color"
17699
18559
  },
17700
18560
  "light-tritanopia-high-contrast": {
17701
- "$value": "#0344a8",
18561
+ "$value": {
18562
+ "colorSpace": "hsl",
18563
+ "components": [216.4, 96.5, 33.5],
18564
+ "hex": "#0344a8"
18565
+ },
17702
18566
  "filePath": "src/tokens/functional/color/control.json5",
17703
18567
  "isSource": true,
17704
18568
  "$type": "color"
17705
18569
  },
17706
18570
  "light-protanopia-deuteranopia-high-contrast": {
17707
- "$value": "#0344a8",
18571
+ "$value": {
18572
+ "colorSpace": "hsl",
18573
+ "components": [216.4, 96.5, 33.5],
18574
+ "hex": "#0344a8"
18575
+ },
17708
18576
  "filePath": "src/tokens/functional/color/control.json5",
17709
18577
  "isSource": true,
17710
18578
  "$type": "color"
@@ -17714,7 +18582,11 @@
17714
18582
  "filePath": "src/tokens/functional/color/control.json5",
17715
18583
  "isSource": true,
17716
18584
  "original": {
17717
- "$value": "#0344a8",
18585
+ "$value": {
18586
+ "colorSpace": "hsl",
18587
+ "components": [216.4, 96.5, 33.5],
18588
+ "hex": "#0344a8"
18589
+ },
17718
18590
  "$type": "color",
17719
18591
  "$extensions": {
17720
18592
  "org.primer.figma": {
@@ -17743,7 +18615,11 @@
17743
18615
  "$type": "color"
17744
18616
  },
17745
18617
  "dark-dimmed": {
17746
- "$value": "#3876d3",
18618
+ "$value": {
18619
+ "colorSpace": "hsl",
18620
+ "components": [216, 63.8, 52.4],
18621
+ "hex": "#3876d3"
18622
+ },
17747
18623
  "filePath": "src/tokens/functional/color/control.json5",
17748
18624
  "isSource": true,
17749
18625
  "$type": "color"
@@ -17755,19 +18631,31 @@
17755
18631
  "$type": "color"
17756
18632
  },
17757
18633
  "light-high-contrast": {
17758
- "$value": "#0344a8",
18634
+ "$value": {
18635
+ "colorSpace": "hsl",
18636
+ "components": [216.4, 96.5, 33.5],
18637
+ "hex": "#0344a8"
18638
+ },
17759
18639
  "filePath": "src/tokens/functional/color/control.json5",
17760
18640
  "isSource": true,
17761
18641
  "$type": "color"
17762
18642
  },
17763
18643
  "light-tritanopia-high-contrast": {
17764
- "$value": "#0344a8",
18644
+ "$value": {
18645
+ "colorSpace": "hsl",
18646
+ "components": [216.4, 96.5, 33.5],
18647
+ "hex": "#0344a8"
18648
+ },
17765
18649
  "filePath": "src/tokens/functional/color/control.json5",
17766
18650
  "isSource": true,
17767
18651
  "$type": "color"
17768
18652
  },
17769
18653
  "light-protanopia-deuteranopia-high-contrast": {
17770
- "$value": "#0344a8",
18654
+ "$value": {
18655
+ "colorSpace": "hsl",
18656
+ "components": [216.4, 96.5, 33.5],
18657
+ "hex": "#0344a8"
18658
+ },
17771
18659
  "filePath": "src/tokens/functional/color/control.json5",
17772
18660
  "isSource": true,
17773
18661
  "$type": "color"
@@ -17959,21 +18847,33 @@
17959
18847
  "$type": "color"
17960
18848
  },
17961
18849
  "dark-high-contrast": {
17962
- "$value": "#c51120",
18850
+ "$value": {
18851
+ "colorSpace": "hsl",
18852
+ "components": [355, 84.1, 42],
18853
+ "hex": "#c51120"
18854
+ },
17963
18855
  "alpha": 1,
17964
18856
  "filePath": "src/tokens/functional/color/control.json5",
17965
18857
  "isSource": true,
17966
18858
  "$type": "color"
17967
18859
  },
17968
18860
  "dark-dimmed-high-contrast": {
17969
- "$value": "#c51120",
18861
+ "$value": {
18862
+ "colorSpace": "hsl",
18863
+ "components": [355, 84.1, 42],
18864
+ "hex": "#c51120"
18865
+ },
17970
18866
  "alpha": 1,
17971
18867
  "filePath": "src/tokens/functional/color/control.json5",
17972
18868
  "isSource": true,
17973
18869
  "$type": "color"
17974
18870
  },
17975
18871
  "dark-tritanopia-high-contrast": {
17976
- "$value": "#c51120",
18872
+ "$value": {
18873
+ "colorSpace": "hsl",
18874
+ "components": [355, 84.1, 42],
18875
+ "hex": "#c51120"
18876
+ },
17977
18877
  "alpha": 1,
17978
18878
  "filePath": "src/tokens/functional/color/control.json5",
17979
18879
  "isSource": true,
@@ -17986,13 +18886,21 @@
17986
18886
  "$type": "color"
17987
18887
  },
17988
18888
  "light-high-contrast": {
17989
- "$value": "#8c0b1d",
18889
+ "$value": {
18890
+ "colorSpace": "hsl",
18891
+ "components": [351.6, 85.4, 29.6],
18892
+ "hex": "#8c0b1d"
18893
+ },
17990
18894
  "filePath": "src/tokens/functional/color/control.json5",
17991
18895
  "isSource": true,
17992
18896
  "$type": "color"
17993
18897
  },
17994
18898
  "light-tritanopia-high-contrast": {
17995
- "$value": "#8c0b1d",
18899
+ "$value": {
18900
+ "colorSpace": "hsl",
18901
+ "components": [351.6, 85.4, 29.6],
18902
+ "hex": "#8c0b1d"
18903
+ },
17996
18904
  "filePath": "src/tokens/functional/color/control.json5",
17997
18905
  "isSource": true,
17998
18906
  "$type": "color"
@@ -18032,21 +18940,33 @@
18032
18940
  "$type": "color"
18033
18941
  },
18034
18942
  "dark-high-contrast": {
18035
- "$value": "#c51120",
18943
+ "$value": {
18944
+ "colorSpace": "hsl",
18945
+ "components": [355, 84.1, 42],
18946
+ "hex": "#c51120"
18947
+ },
18036
18948
  "alpha": 1,
18037
18949
  "filePath": "src/tokens/functional/color/control.json5",
18038
18950
  "isSource": true,
18039
18951
  "$type": "color"
18040
18952
  },
18041
18953
  "dark-dimmed-high-contrast": {
18042
- "$value": "#c51120",
18954
+ "$value": {
18955
+ "colorSpace": "hsl",
18956
+ "components": [355, 84.1, 42],
18957
+ "hex": "#c51120"
18958
+ },
18043
18959
  "alpha": 1,
18044
18960
  "filePath": "src/tokens/functional/color/control.json5",
18045
18961
  "isSource": true,
18046
18962
  "$type": "color"
18047
18963
  },
18048
18964
  "dark-tritanopia-high-contrast": {
18049
- "$value": "#c51120",
18965
+ "$value": {
18966
+ "colorSpace": "hsl",
18967
+ "components": [355, 84.1, 42],
18968
+ "hex": "#c51120"
18969
+ },
18050
18970
  "alpha": 1,
18051
18971
  "filePath": "src/tokens/functional/color/control.json5",
18052
18972
  "isSource": true,
@@ -18059,13 +18979,21 @@
18059
18979
  "$type": "color"
18060
18980
  },
18061
18981
  "light-high-contrast": {
18062
- "$value": "#8c0b1d",
18982
+ "$value": {
18983
+ "colorSpace": "hsl",
18984
+ "components": [351.6, 85.4, 29.6],
18985
+ "hex": "#8c0b1d"
18986
+ },
18063
18987
  "filePath": "src/tokens/functional/color/control.json5",
18064
18988
  "isSource": true,
18065
18989
  "$type": "color"
18066
18990
  },
18067
18991
  "light-tritanopia-high-contrast": {
18068
- "$value": "#8c0b1d",
18992
+ "$value": {
18993
+ "colorSpace": "hsl",
18994
+ "components": [351.6, 85.4, 29.6],
18995
+ "hex": "#8c0b1d"
18996
+ },
18069
18997
  "filePath": "src/tokens/functional/color/control.json5",
18070
18998
  "isSource": true,
18071
18999
  "$type": "color"
@@ -47471,14 +48399,22 @@
47471
48399
  },
47472
48400
  "org.primer.overrides": {
47473
48401
  "dark": {
47474
- "$value": "#3a8cfd",
48402
+ "$value": {
48403
+ "colorSpace": "hsl",
48404
+ "components": [214.8, 98, 61],
48405
+ "hex": "#3a8cfd"
48406
+ },
47475
48407
  "alpha": 0.36,
47476
48408
  "filePath": "src/tokens/component/reactionButton.json5",
47477
48409
  "isSource": true,
47478
48410
  "$type": "color"
47479
48411
  },
47480
48412
  "dark-dimmed": {
47481
- "$value": "#4285e5",
48413
+ "$value": {
48414
+ "colorSpace": "hsl",
48415
+ "components": [215.3, 75.8, 57.8],
48416
+ "hex": "#4285e5"
48417
+ },
47482
48418
  "alpha": 0.36,
47483
48419
  "filePath": "src/tokens/component/reactionButton.json5",
47484
48420
  "isSource": true,
@@ -47486,7 +48422,11 @@
47486
48422
  },
47487
48423
  "light-high-contrast": "#c7e9ff",
47488
48424
  "dark-high-contrast": {
47489
- "$value": "#5dadff",
48425
+ "$value": {
48426
+ "colorSpace": "hsl",
48427
+ "components": [210.4, 100, 68.2],
48428
+ "hex": "#5dadff"
48429
+ },
47490
48430
  "alpha": 0.36,
47491
48431
  "filePath": "src/tokens/component/reactionButton.json5",
47492
48432
  "isSource": true,
@@ -47497,7 +48437,11 @@
47497
48437
  "filePath": "src/tokens/component/reactionButton.json5",
47498
48438
  "isSource": true,
47499
48439
  "original": {
47500
- "$value": "#caecff",
48440
+ "$value": {
48441
+ "colorSpace": "hsl",
48442
+ "components": [201.5, 100, 89.6],
48443
+ "hex": "#caecff"
48444
+ },
47501
48445
  "$type": "color",
47502
48446
  "$extensions": {
47503
48447
  "org.primer.figma": {
@@ -47507,14 +48451,22 @@
47507
48451
  },
47508
48452
  "org.primer.overrides": {
47509
48453
  "dark": {
47510
- "$value": "#3a8cfd",
48454
+ "$value": {
48455
+ "colorSpace": "hsl",
48456
+ "components": [214.8, 98, 61],
48457
+ "hex": "#3a8cfd"
48458
+ },
47511
48459
  "alpha": 0.36,
47512
48460
  "filePath": "src/tokens/component/reactionButton.json5",
47513
48461
  "isSource": true,
47514
48462
  "$type": "color"
47515
48463
  },
47516
48464
  "dark-dimmed": {
47517
- "$value": "#4285e5",
48465
+ "$value": {
48466
+ "colorSpace": "hsl",
48467
+ "components": [215.3, 75.8, 57.8],
48468
+ "hex": "#4285e5"
48469
+ },
47518
48470
  "alpha": 0.36,
47519
48471
  "filePath": "src/tokens/component/reactionButton.json5",
47520
48472
  "isSource": true,
@@ -47522,7 +48474,11 @@
47522
48474
  },
47523
48475
  "light-high-contrast": "#c7e9ff",
47524
48476
  "dark-high-contrast": {
47525
- "$value": "#5dadff",
48477
+ "$value": {
48478
+ "colorSpace": "hsl",
48479
+ "components": [210.4, 100, 68.2],
48480
+ "hex": "#5dadff"
48481
+ },
47526
48482
  "alpha": 0.36,
47527
48483
  "filePath": "src/tokens/component/reactionButton.json5",
47528
48484
  "isSource": true,
@@ -47853,6 +48809,147 @@
47853
48809
  "filePath": "src/tokens/functional/shadow/shadow.json5",
47854
48810
  "isSource": true,
47855
48811
  "$type": "shadow"
48812
+ },
48813
+ "light-high-contrast": {
48814
+ "$value": [
48815
+ {
48816
+ "color": "#454c54",
48817
+ "alpha": 1,
48818
+ "offsetX": {
48819
+ "value": 0,
48820
+ "unit": "px"
48821
+ },
48822
+ "offsetY": {
48823
+ "value": 0,
48824
+ "unit": "px"
48825
+ },
48826
+ "blur": {
48827
+ "value": 0,
48828
+ "unit": "px"
48829
+ },
48830
+ "spread": {
48831
+ "value": 1,
48832
+ "unit": "px"
48833
+ }
48834
+ },
48835
+ {
48836
+ "color": "#25292e",
48837
+ "alpha": 0.24,
48838
+ "offsetX": {
48839
+ "value": 0,
48840
+ "unit": "px"
48841
+ },
48842
+ "offsetY": {
48843
+ "value": 40,
48844
+ "unit": "px"
48845
+ },
48846
+ "blur": {
48847
+ "value": 80,
48848
+ "unit": "px"
48849
+ },
48850
+ "spread": {
48851
+ "value": 0,
48852
+ "unit": "px"
48853
+ }
48854
+ }
48855
+ ],
48856
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48857
+ "isSource": true,
48858
+ "$type": "shadow"
48859
+ },
48860
+ "light-protanopia-deuteranopia-high-contrast": {
48861
+ "$value": [
48862
+ {
48863
+ "color": "#454c54",
48864
+ "alpha": 1,
48865
+ "offsetX": {
48866
+ "value": 0,
48867
+ "unit": "px"
48868
+ },
48869
+ "offsetY": {
48870
+ "value": 0,
48871
+ "unit": "px"
48872
+ },
48873
+ "blur": {
48874
+ "value": 0,
48875
+ "unit": "px"
48876
+ },
48877
+ "spread": {
48878
+ "value": 1,
48879
+ "unit": "px"
48880
+ }
48881
+ },
48882
+ {
48883
+ "color": "#25292e",
48884
+ "alpha": 0.24,
48885
+ "offsetX": {
48886
+ "value": 0,
48887
+ "unit": "px"
48888
+ },
48889
+ "offsetY": {
48890
+ "value": 40,
48891
+ "unit": "px"
48892
+ },
48893
+ "blur": {
48894
+ "value": 80,
48895
+ "unit": "px"
48896
+ },
48897
+ "spread": {
48898
+ "value": 0,
48899
+ "unit": "px"
48900
+ }
48901
+ }
48902
+ ],
48903
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48904
+ "isSource": true,
48905
+ "$type": "shadow"
48906
+ },
48907
+ "light-tritanopia-high-contrast": {
48908
+ "$value": [
48909
+ {
48910
+ "color": "#454c54",
48911
+ "alpha": 1,
48912
+ "offsetX": {
48913
+ "value": 0,
48914
+ "unit": "px"
48915
+ },
48916
+ "offsetY": {
48917
+ "value": 0,
48918
+ "unit": "px"
48919
+ },
48920
+ "blur": {
48921
+ "value": 0,
48922
+ "unit": "px"
48923
+ },
48924
+ "spread": {
48925
+ "value": 1,
48926
+ "unit": "px"
48927
+ }
48928
+ },
48929
+ {
48930
+ "color": "#25292e",
48931
+ "alpha": 0.24,
48932
+ "offsetX": {
48933
+ "value": 0,
48934
+ "unit": "px"
48935
+ },
48936
+ "offsetY": {
48937
+ "value": 40,
48938
+ "unit": "px"
48939
+ },
48940
+ "blur": {
48941
+ "value": 80,
48942
+ "unit": "px"
48943
+ },
48944
+ "spread": {
48945
+ "value": 0,
48946
+ "unit": "px"
48947
+ }
48948
+ }
48949
+ ],
48950
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48951
+ "isSource": true,
48952
+ "$type": "shadow"
47856
48953
  }
47857
48954
  },
47858
48955
  "org.primer.llm": {
@@ -47866,7 +48963,7 @@
47866
48963
  "$value": [
47867
48964
  {
47868
48965
  "color": "{overlay.borderColor}",
47869
- "alpha": 0,
48966
+ "alpha": 1,
47870
48967
  "offsetX": {
47871
48968
  "value": 0,
47872
48969
  "unit": "px"
@@ -47959,6 +49056,147 @@
47959
49056
  "filePath": "src/tokens/functional/shadow/shadow.json5",
47960
49057
  "isSource": true,
47961
49058
  "$type": "shadow"
49059
+ },
49060
+ "light-high-contrast": {
49061
+ "$value": [
49062
+ {
49063
+ "color": "{overlay.borderColor}",
49064
+ "alpha": 1,
49065
+ "offsetX": {
49066
+ "value": 0,
49067
+ "unit": "px"
49068
+ },
49069
+ "offsetY": {
49070
+ "value": 0,
49071
+ "unit": "px"
49072
+ },
49073
+ "blur": {
49074
+ "value": 0,
49075
+ "unit": "px"
49076
+ },
49077
+ "spread": {
49078
+ "value": 1,
49079
+ "unit": "px"
49080
+ }
49081
+ },
49082
+ {
49083
+ "color": "{base.color.neutral.12}",
49084
+ "alpha": 0.24,
49085
+ "offsetX": {
49086
+ "value": 0,
49087
+ "unit": "px"
49088
+ },
49089
+ "offsetY": {
49090
+ "value": 40,
49091
+ "unit": "px"
49092
+ },
49093
+ "blur": {
49094
+ "value": 80,
49095
+ "unit": "px"
49096
+ },
49097
+ "spread": {
49098
+ "value": 0,
49099
+ "unit": "px"
49100
+ }
49101
+ }
49102
+ ],
49103
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49104
+ "isSource": true,
49105
+ "$type": "shadow"
49106
+ },
49107
+ "light-protanopia-deuteranopia-high-contrast": {
49108
+ "$value": [
49109
+ {
49110
+ "color": "{overlay.borderColor}",
49111
+ "alpha": 1,
49112
+ "offsetX": {
49113
+ "value": 0,
49114
+ "unit": "px"
49115
+ },
49116
+ "offsetY": {
49117
+ "value": 0,
49118
+ "unit": "px"
49119
+ },
49120
+ "blur": {
49121
+ "value": 0,
49122
+ "unit": "px"
49123
+ },
49124
+ "spread": {
49125
+ "value": 1,
49126
+ "unit": "px"
49127
+ }
49128
+ },
49129
+ {
49130
+ "color": "{base.color.neutral.12}",
49131
+ "alpha": 0.24,
49132
+ "offsetX": {
49133
+ "value": 0,
49134
+ "unit": "px"
49135
+ },
49136
+ "offsetY": {
49137
+ "value": 40,
49138
+ "unit": "px"
49139
+ },
49140
+ "blur": {
49141
+ "value": 80,
49142
+ "unit": "px"
49143
+ },
49144
+ "spread": {
49145
+ "value": 0,
49146
+ "unit": "px"
49147
+ }
49148
+ }
49149
+ ],
49150
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49151
+ "isSource": true,
49152
+ "$type": "shadow"
49153
+ },
49154
+ "light-tritanopia-high-contrast": {
49155
+ "$value": [
49156
+ {
49157
+ "color": "{overlay.borderColor}",
49158
+ "alpha": 1,
49159
+ "offsetX": {
49160
+ "value": 0,
49161
+ "unit": "px"
49162
+ },
49163
+ "offsetY": {
49164
+ "value": 0,
49165
+ "unit": "px"
49166
+ },
49167
+ "blur": {
49168
+ "value": 0,
49169
+ "unit": "px"
49170
+ },
49171
+ "spread": {
49172
+ "value": 1,
49173
+ "unit": "px"
49174
+ }
49175
+ },
49176
+ {
49177
+ "color": "{base.color.neutral.12}",
49178
+ "alpha": 0.24,
49179
+ "offsetX": {
49180
+ "value": 0,
49181
+ "unit": "px"
49182
+ },
49183
+ "offsetY": {
49184
+ "value": 40,
49185
+ "unit": "px"
49186
+ },
49187
+ "blur": {
49188
+ "value": 80,
49189
+ "unit": "px"
49190
+ },
49191
+ "spread": {
49192
+ "value": 0,
49193
+ "unit": "px"
49194
+ }
49195
+ }
49196
+ ],
49197
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49198
+ "isSource": true,
49199
+ "$type": "shadow"
47962
49200
  }
47963
49201
  },
47964
49202
  "org.primer.llm": {
@@ -48234,152 +49472,794 @@
48234
49472
  "value": -12,
48235
49473
  "unit": "px"
48236
49474
  }
48237
- },
48238
- {
48239
- "color": "#ffffff",
48240
- "alpha": 0.4,
48241
- "offsetX": {
48242
- "value": 0,
48243
- "unit": "px"
49475
+ },
49476
+ {
49477
+ "color": "#ffffff",
49478
+ "alpha": 0.4,
49479
+ "offsetX": {
49480
+ "value": 0,
49481
+ "unit": "px"
49482
+ },
49483
+ "offsetY": {
49484
+ "value": 48,
49485
+ "unit": "px"
49486
+ },
49487
+ "blur": {
49488
+ "value": 96,
49489
+ "unit": "px"
49490
+ },
49491
+ "spread": {
49492
+ "value": -24,
49493
+ "unit": "px"
49494
+ }
49495
+ }
49496
+ ],
49497
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49498
+ "isSource": true,
49499
+ "$type": "shadow"
49500
+ },
49501
+ "light-high-contrast": {
49502
+ "$value": [
49503
+ {
49504
+ "color": "#454c54",
49505
+ "alpha": 1,
49506
+ "offsetX": {
49507
+ "value": 0,
49508
+ "unit": "px"
49509
+ },
49510
+ "offsetY": {
49511
+ "value": 0,
49512
+ "unit": "px"
49513
+ },
49514
+ "blur": {
49515
+ "value": 0,
49516
+ "unit": "px"
49517
+ },
49518
+ "spread": {
49519
+ "value": 1,
49520
+ "unit": "px"
49521
+ }
49522
+ },
49523
+ {
49524
+ "color": "#25292e",
49525
+ "alpha": 0.08,
49526
+ "offsetX": {
49527
+ "value": 0,
49528
+ "unit": "px"
49529
+ },
49530
+ "offsetY": {
49531
+ "value": 8,
49532
+ "unit": "px"
49533
+ },
49534
+ "blur": {
49535
+ "value": 16,
49536
+ "unit": "px"
49537
+ },
49538
+ "spread": {
49539
+ "value": -4,
49540
+ "unit": "px"
49541
+ }
49542
+ },
49543
+ {
49544
+ "color": "#25292e",
49545
+ "alpha": 0.08,
49546
+ "offsetX": {
49547
+ "value": 0,
49548
+ "unit": "px"
49549
+ },
49550
+ "offsetY": {
49551
+ "value": 4,
49552
+ "unit": "px"
49553
+ },
49554
+ "blur": {
49555
+ "value": 32,
49556
+ "unit": "px"
49557
+ },
49558
+ "spread": {
49559
+ "value": -4,
49560
+ "unit": "px"
49561
+ }
49562
+ },
49563
+ {
49564
+ "color": "#25292e",
49565
+ "alpha": 0.08,
49566
+ "offsetX": {
49567
+ "value": 0,
49568
+ "unit": "px"
49569
+ },
49570
+ "offsetY": {
49571
+ "value": 24,
49572
+ "unit": "px"
49573
+ },
49574
+ "blur": {
49575
+ "value": 48,
49576
+ "unit": "px"
49577
+ },
49578
+ "spread": {
49579
+ "value": -12,
49580
+ "unit": "px"
49581
+ }
49582
+ },
49583
+ {
49584
+ "color": "#25292e",
49585
+ "alpha": 0.08,
49586
+ "offsetX": {
49587
+ "value": 0,
49588
+ "unit": "px"
49589
+ },
49590
+ "offsetY": {
49591
+ "value": 48,
49592
+ "unit": "px"
49593
+ },
49594
+ "blur": {
49595
+ "value": 96,
49596
+ "unit": "px"
49597
+ },
49598
+ "spread": {
49599
+ "value": -24,
49600
+ "unit": "px"
49601
+ }
49602
+ }
49603
+ ],
49604
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49605
+ "isSource": true,
49606
+ "$type": "shadow"
49607
+ },
49608
+ "light-protanopia-deuteranopia-high-contrast": {
49609
+ "$value": [
49610
+ {
49611
+ "color": "#454c54",
49612
+ "alpha": 1,
49613
+ "offsetX": {
49614
+ "value": 0,
49615
+ "unit": "px"
49616
+ },
49617
+ "offsetY": {
49618
+ "value": 0,
49619
+ "unit": "px"
49620
+ },
49621
+ "blur": {
49622
+ "value": 0,
49623
+ "unit": "px"
49624
+ },
49625
+ "spread": {
49626
+ "value": 1,
49627
+ "unit": "px"
49628
+ }
49629
+ },
49630
+ {
49631
+ "color": "#25292e",
49632
+ "alpha": 0.08,
49633
+ "offsetX": {
49634
+ "value": 0,
49635
+ "unit": "px"
49636
+ },
49637
+ "offsetY": {
49638
+ "value": 8,
49639
+ "unit": "px"
49640
+ },
49641
+ "blur": {
49642
+ "value": 16,
49643
+ "unit": "px"
49644
+ },
49645
+ "spread": {
49646
+ "value": -4,
49647
+ "unit": "px"
49648
+ }
49649
+ },
49650
+ {
49651
+ "color": "#25292e",
49652
+ "alpha": 0.08,
49653
+ "offsetX": {
49654
+ "value": 0,
49655
+ "unit": "px"
49656
+ },
49657
+ "offsetY": {
49658
+ "value": 4,
49659
+ "unit": "px"
49660
+ },
49661
+ "blur": {
49662
+ "value": 32,
49663
+ "unit": "px"
49664
+ },
49665
+ "spread": {
49666
+ "value": -4,
49667
+ "unit": "px"
49668
+ }
49669
+ },
49670
+ {
49671
+ "color": "#25292e",
49672
+ "alpha": 0.08,
49673
+ "offsetX": {
49674
+ "value": 0,
49675
+ "unit": "px"
49676
+ },
49677
+ "offsetY": {
49678
+ "value": 24,
49679
+ "unit": "px"
49680
+ },
49681
+ "blur": {
49682
+ "value": 48,
49683
+ "unit": "px"
49684
+ },
49685
+ "spread": {
49686
+ "value": -12,
49687
+ "unit": "px"
49688
+ }
49689
+ },
49690
+ {
49691
+ "color": "#25292e",
49692
+ "alpha": 0.08,
49693
+ "offsetX": {
49694
+ "value": 0,
49695
+ "unit": "px"
49696
+ },
49697
+ "offsetY": {
49698
+ "value": 48,
49699
+ "unit": "px"
49700
+ },
49701
+ "blur": {
49702
+ "value": 96,
49703
+ "unit": "px"
49704
+ },
49705
+ "spread": {
49706
+ "value": -24,
49707
+ "unit": "px"
49708
+ }
49709
+ }
49710
+ ],
49711
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49712
+ "isSource": true,
49713
+ "$type": "shadow"
49714
+ },
49715
+ "light-tritanopia-high-contrast": {
49716
+ "$value": [
49717
+ {
49718
+ "color": "#454c54",
49719
+ "alpha": 1,
49720
+ "offsetX": {
49721
+ "value": 0,
49722
+ "unit": "px"
49723
+ },
49724
+ "offsetY": {
49725
+ "value": 0,
49726
+ "unit": "px"
49727
+ },
49728
+ "blur": {
49729
+ "value": 0,
49730
+ "unit": "px"
49731
+ },
49732
+ "spread": {
49733
+ "value": 1,
49734
+ "unit": "px"
49735
+ }
49736
+ },
49737
+ {
49738
+ "color": "#25292e",
49739
+ "alpha": 0.08,
49740
+ "offsetX": {
49741
+ "value": 0,
49742
+ "unit": "px"
49743
+ },
49744
+ "offsetY": {
49745
+ "value": 8,
49746
+ "unit": "px"
49747
+ },
49748
+ "blur": {
49749
+ "value": 16,
49750
+ "unit": "px"
49751
+ },
49752
+ "spread": {
49753
+ "value": -4,
49754
+ "unit": "px"
49755
+ }
49756
+ },
49757
+ {
49758
+ "color": "#25292e",
49759
+ "alpha": 0.08,
49760
+ "offsetX": {
49761
+ "value": 0,
49762
+ "unit": "px"
49763
+ },
49764
+ "offsetY": {
49765
+ "value": 4,
49766
+ "unit": "px"
49767
+ },
49768
+ "blur": {
49769
+ "value": 32,
49770
+ "unit": "px"
49771
+ },
49772
+ "spread": {
49773
+ "value": -4,
49774
+ "unit": "px"
49775
+ }
49776
+ },
49777
+ {
49778
+ "color": "#25292e",
49779
+ "alpha": 0.08,
49780
+ "offsetX": {
49781
+ "value": 0,
49782
+ "unit": "px"
49783
+ },
49784
+ "offsetY": {
49785
+ "value": 24,
49786
+ "unit": "px"
49787
+ },
49788
+ "blur": {
49789
+ "value": 48,
49790
+ "unit": "px"
49791
+ },
49792
+ "spread": {
49793
+ "value": -12,
49794
+ "unit": "px"
49795
+ }
49796
+ },
49797
+ {
49798
+ "color": "#25292e",
49799
+ "alpha": 0.08,
49800
+ "offsetX": {
49801
+ "value": 0,
49802
+ "unit": "px"
49803
+ },
49804
+ "offsetY": {
49805
+ "value": 48,
49806
+ "unit": "px"
49807
+ },
49808
+ "blur": {
49809
+ "value": 96,
49810
+ "unit": "px"
49811
+ },
49812
+ "spread": {
49813
+ "value": -24,
49814
+ "unit": "px"
49815
+ }
49816
+ }
49817
+ ],
49818
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49819
+ "isSource": true,
49820
+ "$type": "shadow"
49821
+ }
49822
+ },
49823
+ "org.primer.llm": {
49824
+ "usage": ["popover", "action-menu", "select-panel", "autocomplete"],
49825
+ "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."
49826
+ }
49827
+ },
49828
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49829
+ "isSource": true,
49830
+ "original": {
49831
+ "$value": [
49832
+ {
49833
+ "color": "{overlay.borderColor}",
49834
+ "alpha": 1,
49835
+ "offsetX": {
49836
+ "value": 0,
49837
+ "unit": "px"
49838
+ },
49839
+ "offsetY": {
49840
+ "value": 0,
49841
+ "unit": "px"
49842
+ },
49843
+ "blur": {
49844
+ "value": 0,
49845
+ "unit": "px"
49846
+ },
49847
+ "spread": {
49848
+ "value": 1,
49849
+ "unit": "px"
49850
+ }
49851
+ },
49852
+ {
49853
+ "color": "{base.color.neutral.12}",
49854
+ "alpha": 0.08,
49855
+ "offsetX": {
49856
+ "value": 0,
49857
+ "unit": "px"
49858
+ },
49859
+ "offsetY": {
49860
+ "value": 8,
49861
+ "unit": "px"
49862
+ },
49863
+ "blur": {
49864
+ "value": 16,
49865
+ "unit": "px"
49866
+ },
49867
+ "spread": {
49868
+ "value": -4,
49869
+ "unit": "px"
49870
+ }
49871
+ },
49872
+ {
49873
+ "color": "{base.color.neutral.12}",
49874
+ "alpha": 0.08,
49875
+ "offsetX": {
49876
+ "value": 0,
49877
+ "unit": "px"
49878
+ },
49879
+ "offsetY": {
49880
+ "value": 4,
49881
+ "unit": "px"
49882
+ },
49883
+ "blur": {
49884
+ "value": 32,
49885
+ "unit": "px"
49886
+ },
49887
+ "spread": {
49888
+ "value": -4,
49889
+ "unit": "px"
49890
+ }
49891
+ },
49892
+ {
49893
+ "color": "{base.color.neutral.12}",
49894
+ "alpha": 0.08,
49895
+ "offsetX": {
49896
+ "value": 0,
49897
+ "unit": "px"
49898
+ },
49899
+ "offsetY": {
49900
+ "value": 24,
49901
+ "unit": "px"
49902
+ },
49903
+ "blur": {
49904
+ "value": 48,
49905
+ "unit": "px"
49906
+ },
49907
+ "spread": {
49908
+ "value": -12,
49909
+ "unit": "px"
49910
+ }
49911
+ },
49912
+ {
49913
+ "color": "{base.color.neutral.12}",
49914
+ "alpha": 0.08,
49915
+ "offsetX": {
49916
+ "value": 0,
49917
+ "unit": "px"
49918
+ },
49919
+ "offsetY": {
49920
+ "value": 48,
49921
+ "unit": "px"
49922
+ },
49923
+ "blur": {
49924
+ "value": 96,
49925
+ "unit": "px"
49926
+ },
49927
+ "spread": {
49928
+ "value": -24,
49929
+ "unit": "px"
49930
+ }
49931
+ }
49932
+ ],
49933
+ "$type": "shadow",
49934
+ "$description": "Medium floating shadow for popovers and action menus",
49935
+ "$extensions": {
49936
+ "org.primer.figma": {
49937
+ "collection": "mode",
49938
+ "group": "shadow"
49939
+ },
49940
+ "org.primer.overrides": {
49941
+ "dark": {
49942
+ "$value": [
49943
+ {
49944
+ "color": "{overlay.borderColor}",
49945
+ "alpha": 1,
49946
+ "offsetX": {
49947
+ "value": 0,
49948
+ "unit": "px"
49949
+ },
49950
+ "offsetY": {
49951
+ "value": 0,
49952
+ "unit": "px"
49953
+ },
49954
+ "blur": {
49955
+ "value": 0,
49956
+ "unit": "px"
49957
+ },
49958
+ "spread": {
49959
+ "value": 1,
49960
+ "unit": "px"
49961
+ }
49962
+ },
49963
+ {
49964
+ "color": "{base.color.neutral.0}",
49965
+ "alpha": 0.4,
49966
+ "offsetX": {
49967
+ "value": 0,
49968
+ "unit": "px"
49969
+ },
49970
+ "offsetY": {
49971
+ "value": 8,
49972
+ "unit": "px"
49973
+ },
49974
+ "blur": {
49975
+ "value": 16,
49976
+ "unit": "px"
49977
+ },
49978
+ "spread": {
49979
+ "value": -4,
49980
+ "unit": "px"
49981
+ }
49982
+ },
49983
+ {
49984
+ "color": "{base.color.neutral.0}",
49985
+ "alpha": 0.4,
49986
+ "offsetX": {
49987
+ "value": 0,
49988
+ "unit": "px"
49989
+ },
49990
+ "offsetY": {
49991
+ "value": 4,
49992
+ "unit": "px"
49993
+ },
49994
+ "blur": {
49995
+ "value": 32,
49996
+ "unit": "px"
49997
+ },
49998
+ "spread": {
49999
+ "value": -4,
50000
+ "unit": "px"
50001
+ }
50002
+ },
50003
+ {
50004
+ "color": "{base.color.neutral.0}",
50005
+ "alpha": 0.4,
50006
+ "offsetX": {
50007
+ "value": 0,
50008
+ "unit": "px"
50009
+ },
50010
+ "offsetY": {
50011
+ "value": 24,
50012
+ "unit": "px"
50013
+ },
50014
+ "blur": {
50015
+ "value": 48,
50016
+ "unit": "px"
50017
+ },
50018
+ "spread": {
50019
+ "value": -12,
50020
+ "unit": "px"
50021
+ }
50022
+ },
50023
+ {
50024
+ "color": "{base.color.neutral.0}",
50025
+ "alpha": 0.4,
50026
+ "offsetX": {
50027
+ "value": 0,
50028
+ "unit": "px"
50029
+ },
50030
+ "offsetY": {
50031
+ "value": 48,
50032
+ "unit": "px"
50033
+ },
50034
+ "blur": {
50035
+ "value": 96,
50036
+ "unit": "px"
50037
+ },
50038
+ "spread": {
50039
+ "value": -24,
50040
+ "unit": "px"
50041
+ }
50042
+ }
50043
+ ],
50044
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50045
+ "isSource": true,
50046
+ "$type": "shadow"
50047
+ },
50048
+ "light-high-contrast": {
50049
+ "$value": [
50050
+ {
50051
+ "color": "{overlay.borderColor}",
50052
+ "alpha": 1,
50053
+ "offsetX": {
50054
+ "value": 0,
50055
+ "unit": "px"
50056
+ },
50057
+ "offsetY": {
50058
+ "value": 0,
50059
+ "unit": "px"
50060
+ },
50061
+ "blur": {
50062
+ "value": 0,
50063
+ "unit": "px"
50064
+ },
50065
+ "spread": {
50066
+ "value": 1,
50067
+ "unit": "px"
50068
+ }
50069
+ },
50070
+ {
50071
+ "color": "{base.color.neutral.12}",
50072
+ "alpha": 0.08,
50073
+ "offsetX": {
50074
+ "value": 0,
50075
+ "unit": "px"
50076
+ },
50077
+ "offsetY": {
50078
+ "value": 8,
50079
+ "unit": "px"
50080
+ },
50081
+ "blur": {
50082
+ "value": 16,
50083
+ "unit": "px"
50084
+ },
50085
+ "spread": {
50086
+ "value": -4,
50087
+ "unit": "px"
50088
+ }
50089
+ },
50090
+ {
50091
+ "color": "{base.color.neutral.12}",
50092
+ "alpha": 0.08,
50093
+ "offsetX": {
50094
+ "value": 0,
50095
+ "unit": "px"
50096
+ },
50097
+ "offsetY": {
50098
+ "value": 4,
50099
+ "unit": "px"
50100
+ },
50101
+ "blur": {
50102
+ "value": 32,
50103
+ "unit": "px"
50104
+ },
50105
+ "spread": {
50106
+ "value": -4,
50107
+ "unit": "px"
50108
+ }
50109
+ },
50110
+ {
50111
+ "color": "{base.color.neutral.12}",
50112
+ "alpha": 0.08,
50113
+ "offsetX": {
50114
+ "value": 0,
50115
+ "unit": "px"
50116
+ },
50117
+ "offsetY": {
50118
+ "value": 24,
50119
+ "unit": "px"
50120
+ },
50121
+ "blur": {
50122
+ "value": 48,
50123
+ "unit": "px"
50124
+ },
50125
+ "spread": {
50126
+ "value": -12,
50127
+ "unit": "px"
50128
+ }
50129
+ },
50130
+ {
50131
+ "color": "{base.color.neutral.12}",
50132
+ "alpha": 0.08,
50133
+ "offsetX": {
50134
+ "value": 0,
50135
+ "unit": "px"
50136
+ },
50137
+ "offsetY": {
50138
+ "value": 48,
50139
+ "unit": "px"
50140
+ },
50141
+ "blur": {
50142
+ "value": 96,
50143
+ "unit": "px"
50144
+ },
50145
+ "spread": {
50146
+ "value": -24,
50147
+ "unit": "px"
50148
+ }
50149
+ }
50150
+ ],
50151
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50152
+ "isSource": true,
50153
+ "$type": "shadow"
50154
+ },
50155
+ "light-protanopia-deuteranopia-high-contrast": {
50156
+ "$value": [
50157
+ {
50158
+ "color": "{overlay.borderColor}",
50159
+ "alpha": 1,
50160
+ "offsetX": {
50161
+ "value": 0,
50162
+ "unit": "px"
50163
+ },
50164
+ "offsetY": {
50165
+ "value": 0,
50166
+ "unit": "px"
50167
+ },
50168
+ "blur": {
50169
+ "value": 0,
50170
+ "unit": "px"
50171
+ },
50172
+ "spread": {
50173
+ "value": 1,
50174
+ "unit": "px"
50175
+ }
48244
50176
  },
48245
- "offsetY": {
48246
- "value": 48,
48247
- "unit": "px"
50177
+ {
50178
+ "color": "{base.color.neutral.12}",
50179
+ "alpha": 0.08,
50180
+ "offsetX": {
50181
+ "value": 0,
50182
+ "unit": "px"
50183
+ },
50184
+ "offsetY": {
50185
+ "value": 8,
50186
+ "unit": "px"
50187
+ },
50188
+ "blur": {
50189
+ "value": 16,
50190
+ "unit": "px"
50191
+ },
50192
+ "spread": {
50193
+ "value": -4,
50194
+ "unit": "px"
50195
+ }
48248
50196
  },
48249
- "blur": {
48250
- "value": 96,
48251
- "unit": "px"
50197
+ {
50198
+ "color": "{base.color.neutral.12}",
50199
+ "alpha": 0.08,
50200
+ "offsetX": {
50201
+ "value": 0,
50202
+ "unit": "px"
50203
+ },
50204
+ "offsetY": {
50205
+ "value": 4,
50206
+ "unit": "px"
50207
+ },
50208
+ "blur": {
50209
+ "value": 32,
50210
+ "unit": "px"
50211
+ },
50212
+ "spread": {
50213
+ "value": -4,
50214
+ "unit": "px"
50215
+ }
48252
50216
  },
48253
- "spread": {
48254
- "value": -24,
48255
- "unit": "px"
50217
+ {
50218
+ "color": "{base.color.neutral.12}",
50219
+ "alpha": 0.08,
50220
+ "offsetX": {
50221
+ "value": 0,
50222
+ "unit": "px"
50223
+ },
50224
+ "offsetY": {
50225
+ "value": 24,
50226
+ "unit": "px"
50227
+ },
50228
+ "blur": {
50229
+ "value": 48,
50230
+ "unit": "px"
50231
+ },
50232
+ "spread": {
50233
+ "value": -12,
50234
+ "unit": "px"
50235
+ }
50236
+ },
50237
+ {
50238
+ "color": "{base.color.neutral.12}",
50239
+ "alpha": 0.08,
50240
+ "offsetX": {
50241
+ "value": 0,
50242
+ "unit": "px"
50243
+ },
50244
+ "offsetY": {
50245
+ "value": 48,
50246
+ "unit": "px"
50247
+ },
50248
+ "blur": {
50249
+ "value": 96,
50250
+ "unit": "px"
50251
+ },
50252
+ "spread": {
50253
+ "value": -24,
50254
+ "unit": "px"
50255
+ }
48256
50256
  }
48257
- }
48258
- ],
48259
- "filePath": "src/tokens/functional/shadow/shadow.json5",
48260
- "isSource": true,
48261
- "$type": "shadow"
48262
- }
48263
- },
48264
- "org.primer.llm": {
48265
- "usage": ["popover", "action-menu", "select-panel", "autocomplete"],
48266
- "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."
48267
- }
48268
- },
48269
- "filePath": "src/tokens/functional/shadow/shadow.json5",
48270
- "isSource": true,
48271
- "original": {
48272
- "$value": [
48273
- {
48274
- "color": "{overlay.borderColor}",
48275
- "alpha": 0,
48276
- "offsetX": {
48277
- "value": 0,
48278
- "unit": "px"
48279
- },
48280
- "offsetY": {
48281
- "value": 0,
48282
- "unit": "px"
48283
- },
48284
- "blur": {
48285
- "value": 0,
48286
- "unit": "px"
48287
- },
48288
- "spread": {
48289
- "value": 1,
48290
- "unit": "px"
48291
- }
48292
- },
48293
- {
48294
- "color": "{base.color.neutral.12}",
48295
- "alpha": 0.08,
48296
- "offsetX": {
48297
- "value": 0,
48298
- "unit": "px"
48299
- },
48300
- "offsetY": {
48301
- "value": 8,
48302
- "unit": "px"
48303
- },
48304
- "blur": {
48305
- "value": 16,
48306
- "unit": "px"
48307
- },
48308
- "spread": {
48309
- "value": -4,
48310
- "unit": "px"
48311
- }
48312
- },
48313
- {
48314
- "color": "{base.color.neutral.12}",
48315
- "alpha": 0.08,
48316
- "offsetX": {
48317
- "value": 0,
48318
- "unit": "px"
48319
- },
48320
- "offsetY": {
48321
- "value": 4,
48322
- "unit": "px"
48323
- },
48324
- "blur": {
48325
- "value": 32,
48326
- "unit": "px"
48327
- },
48328
- "spread": {
48329
- "value": -4,
48330
- "unit": "px"
48331
- }
48332
- },
48333
- {
48334
- "color": "{base.color.neutral.12}",
48335
- "alpha": 0.08,
48336
- "offsetX": {
48337
- "value": 0,
48338
- "unit": "px"
48339
- },
48340
- "offsetY": {
48341
- "value": 24,
48342
- "unit": "px"
48343
- },
48344
- "blur": {
48345
- "value": 48,
48346
- "unit": "px"
48347
- },
48348
- "spread": {
48349
- "value": -12,
48350
- "unit": "px"
48351
- }
48352
- },
48353
- {
48354
- "color": "{base.color.neutral.12}",
48355
- "alpha": 0.08,
48356
- "offsetX": {
48357
- "value": 0,
48358
- "unit": "px"
48359
- },
48360
- "offsetY": {
48361
- "value": 48,
48362
- "unit": "px"
48363
- },
48364
- "blur": {
48365
- "value": 96,
48366
- "unit": "px"
50257
+ ],
50258
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50259
+ "isSource": true,
50260
+ "$type": "shadow"
48367
50261
  },
48368
- "spread": {
48369
- "value": -24,
48370
- "unit": "px"
48371
- }
48372
- }
48373
- ],
48374
- "$type": "shadow",
48375
- "$description": "Medium floating shadow for popovers and action menus",
48376
- "$extensions": {
48377
- "org.primer.figma": {
48378
- "collection": "mode",
48379
- "group": "shadow"
48380
- },
48381
- "org.primer.overrides": {
48382
- "dark": {
50262
+ "light-tritanopia-high-contrast": {
48383
50263
  "$value": [
48384
50264
  {
48385
50265
  "color": "{overlay.borderColor}",
@@ -48402,8 +50282,8 @@
48402
50282
  }
48403
50283
  },
48404
50284
  {
48405
- "color": "{base.color.neutral.0}",
48406
- "alpha": 0.4,
50285
+ "color": "{base.color.neutral.12}",
50286
+ "alpha": 0.08,
48407
50287
  "offsetX": {
48408
50288
  "value": 0,
48409
50289
  "unit": "px"
@@ -48422,8 +50302,8 @@
48422
50302
  }
48423
50303
  },
48424
50304
  {
48425
- "color": "{base.color.neutral.0}",
48426
- "alpha": 0.4,
50305
+ "color": "{base.color.neutral.12}",
50306
+ "alpha": 0.08,
48427
50307
  "offsetX": {
48428
50308
  "value": 0,
48429
50309
  "unit": "px"
@@ -48442,8 +50322,8 @@
48442
50322
  }
48443
50323
  },
48444
50324
  {
48445
- "color": "{base.color.neutral.0}",
48446
- "alpha": 0.4,
50325
+ "color": "{base.color.neutral.12}",
50326
+ "alpha": 0.08,
48447
50327
  "offsetX": {
48448
50328
  "value": 0,
48449
50329
  "unit": "px"
@@ -48462,8 +50342,8 @@
48462
50342
  }
48463
50343
  },
48464
50344
  {
48465
- "color": "{base.color.neutral.0}",
48466
- "alpha": 0.4,
50345
+ "color": "{base.color.neutral.12}",
50346
+ "alpha": 0.08,
48467
50347
  "offsetX": {
48468
50348
  "value": 0,
48469
50349
  "unit": "px"
@@ -48791,6 +50671,147 @@
48791
50671
  "filePath": "src/tokens/functional/shadow/shadow.json5",
48792
50672
  "isSource": true,
48793
50673
  "$type": "shadow"
50674
+ },
50675
+ "light-high-contrast": {
50676
+ "$value": [
50677
+ {
50678
+ "color": "#454c54",
50679
+ "alpha": 1,
50680
+ "offsetX": {
50681
+ "value": 0,
50682
+ "unit": "px"
50683
+ },
50684
+ "offsetY": {
50685
+ "value": 0,
50686
+ "unit": "px"
50687
+ },
50688
+ "blur": {
50689
+ "value": 0,
50690
+ "unit": "px"
50691
+ },
50692
+ "spread": {
50693
+ "value": 1,
50694
+ "unit": "px"
50695
+ }
50696
+ },
50697
+ {
50698
+ "color": "#25292e",
50699
+ "alpha": 0.32,
50700
+ "offsetX": {
50701
+ "value": 0,
50702
+ "unit": "px"
50703
+ },
50704
+ "offsetY": {
50705
+ "value": 56,
50706
+ "unit": "px"
50707
+ },
50708
+ "blur": {
50709
+ "value": 112,
50710
+ "unit": "px"
50711
+ },
50712
+ "spread": {
50713
+ "value": 0,
50714
+ "unit": "px"
50715
+ }
50716
+ }
50717
+ ],
50718
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50719
+ "isSource": true,
50720
+ "$type": "shadow"
50721
+ },
50722
+ "light-protanopia-deuteranopia-high-contrast": {
50723
+ "$value": [
50724
+ {
50725
+ "color": "#454c54",
50726
+ "alpha": 1,
50727
+ "offsetX": {
50728
+ "value": 0,
50729
+ "unit": "px"
50730
+ },
50731
+ "offsetY": {
50732
+ "value": 0,
50733
+ "unit": "px"
50734
+ },
50735
+ "blur": {
50736
+ "value": 0,
50737
+ "unit": "px"
50738
+ },
50739
+ "spread": {
50740
+ "value": 1,
50741
+ "unit": "px"
50742
+ }
50743
+ },
50744
+ {
50745
+ "color": "#25292e",
50746
+ "alpha": 0.32,
50747
+ "offsetX": {
50748
+ "value": 0,
50749
+ "unit": "px"
50750
+ },
50751
+ "offsetY": {
50752
+ "value": 56,
50753
+ "unit": "px"
50754
+ },
50755
+ "blur": {
50756
+ "value": 112,
50757
+ "unit": "px"
50758
+ },
50759
+ "spread": {
50760
+ "value": 0,
50761
+ "unit": "px"
50762
+ }
50763
+ }
50764
+ ],
50765
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50766
+ "isSource": true,
50767
+ "$type": "shadow"
50768
+ },
50769
+ "light-tritanopia-high-contrast": {
50770
+ "$value": [
50771
+ {
50772
+ "color": "#454c54",
50773
+ "alpha": 1,
50774
+ "offsetX": {
50775
+ "value": 0,
50776
+ "unit": "px"
50777
+ },
50778
+ "offsetY": {
50779
+ "value": 0,
50780
+ "unit": "px"
50781
+ },
50782
+ "blur": {
50783
+ "value": 0,
50784
+ "unit": "px"
50785
+ },
50786
+ "spread": {
50787
+ "value": 1,
50788
+ "unit": "px"
50789
+ }
50790
+ },
50791
+ {
50792
+ "color": "#25292e",
50793
+ "alpha": 0.32,
50794
+ "offsetX": {
50795
+ "value": 0,
50796
+ "unit": "px"
50797
+ },
50798
+ "offsetY": {
50799
+ "value": 56,
50800
+ "unit": "px"
50801
+ },
50802
+ "blur": {
50803
+ "value": 112,
50804
+ "unit": "px"
50805
+ },
50806
+ "spread": {
50807
+ "value": 0,
50808
+ "unit": "px"
50809
+ }
50810
+ }
50811
+ ],
50812
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50813
+ "isSource": true,
50814
+ "$type": "shadow"
48794
50815
  }
48795
50816
  },
48796
50817
  "org.primer.llm": {
@@ -48804,7 +50825,7 @@
48804
50825
  "$value": [
48805
50826
  {
48806
50827
  "color": "{overlay.borderColor}",
48807
- "alpha": 0,
50828
+ "alpha": 1,
48808
50829
  "offsetX": {
48809
50830
  "value": 0,
48810
50831
  "unit": "px"
@@ -48897,6 +50918,147 @@
48897
50918
  "filePath": "src/tokens/functional/shadow/shadow.json5",
48898
50919
  "isSource": true,
48899
50920
  "$type": "shadow"
50921
+ },
50922
+ "light-high-contrast": {
50923
+ "$value": [
50924
+ {
50925
+ "color": "{overlay.borderColor}",
50926
+ "alpha": 1,
50927
+ "offsetX": {
50928
+ "value": 0,
50929
+ "unit": "px"
50930
+ },
50931
+ "offsetY": {
50932
+ "value": 0,
50933
+ "unit": "px"
50934
+ },
50935
+ "blur": {
50936
+ "value": 0,
50937
+ "unit": "px"
50938
+ },
50939
+ "spread": {
50940
+ "value": 1,
50941
+ "unit": "px"
50942
+ }
50943
+ },
50944
+ {
50945
+ "color": "{base.color.neutral.12}",
50946
+ "alpha": 0.32,
50947
+ "offsetX": {
50948
+ "value": 0,
50949
+ "unit": "px"
50950
+ },
50951
+ "offsetY": {
50952
+ "value": 56,
50953
+ "unit": "px"
50954
+ },
50955
+ "blur": {
50956
+ "value": 112,
50957
+ "unit": "px"
50958
+ },
50959
+ "spread": {
50960
+ "value": 0,
50961
+ "unit": "px"
50962
+ }
50963
+ }
50964
+ ],
50965
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50966
+ "isSource": true,
50967
+ "$type": "shadow"
50968
+ },
50969
+ "light-protanopia-deuteranopia-high-contrast": {
50970
+ "$value": [
50971
+ {
50972
+ "color": "{overlay.borderColor}",
50973
+ "alpha": 1,
50974
+ "offsetX": {
50975
+ "value": 0,
50976
+ "unit": "px"
50977
+ },
50978
+ "offsetY": {
50979
+ "value": 0,
50980
+ "unit": "px"
50981
+ },
50982
+ "blur": {
50983
+ "value": 0,
50984
+ "unit": "px"
50985
+ },
50986
+ "spread": {
50987
+ "value": 1,
50988
+ "unit": "px"
50989
+ }
50990
+ },
50991
+ {
50992
+ "color": "{base.color.neutral.12}",
50993
+ "alpha": 0.32,
50994
+ "offsetX": {
50995
+ "value": 0,
50996
+ "unit": "px"
50997
+ },
50998
+ "offsetY": {
50999
+ "value": 56,
51000
+ "unit": "px"
51001
+ },
51002
+ "blur": {
51003
+ "value": 112,
51004
+ "unit": "px"
51005
+ },
51006
+ "spread": {
51007
+ "value": 0,
51008
+ "unit": "px"
51009
+ }
51010
+ }
51011
+ ],
51012
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
51013
+ "isSource": true,
51014
+ "$type": "shadow"
51015
+ },
51016
+ "light-tritanopia-high-contrast": {
51017
+ "$value": [
51018
+ {
51019
+ "color": "{overlay.borderColor}",
51020
+ "alpha": 1,
51021
+ "offsetX": {
51022
+ "value": 0,
51023
+ "unit": "px"
51024
+ },
51025
+ "offsetY": {
51026
+ "value": 0,
51027
+ "unit": "px"
51028
+ },
51029
+ "blur": {
51030
+ "value": 0,
51031
+ "unit": "px"
51032
+ },
51033
+ "spread": {
51034
+ "value": 1,
51035
+ "unit": "px"
51036
+ }
51037
+ },
51038
+ {
51039
+ "color": "{base.color.neutral.12}",
51040
+ "alpha": 0.32,
51041
+ "offsetX": {
51042
+ "value": 0,
51043
+ "unit": "px"
51044
+ },
51045
+ "offsetY": {
51046
+ "value": 56,
51047
+ "unit": "px"
51048
+ },
51049
+ "blur": {
51050
+ "value": 112,
51051
+ "unit": "px"
51052
+ },
51053
+ "spread": {
51054
+ "value": 0,
51055
+ "unit": "px"
51056
+ }
51057
+ }
51058
+ ],
51059
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
51060
+ "isSource": true,
51061
+ "$type": "shadow"
48900
51062
  }
48901
51063
  },
48902
51064
  "org.primer.llm": {