@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
@@ -2090,7 +2090,11 @@
2090
2090
  "$type": "color"
2091
2091
  },
2092
2092
  "dark-tritanopia": {
2093
- "$value": "#db61a2",
2093
+ "$value": {
2094
+ "colorSpace": "hsl",
2095
+ "components": [328, 62.9, 62],
2096
+ "hex": "#db61a2"
2097
+ },
2094
2098
  "alpha": 0.1,
2095
2099
  "filePath": "src/tokens/functional/color/bgColor.json5",
2096
2100
  "isSource": true,
@@ -2127,7 +2131,11 @@
2127
2131
  "$type": "color"
2128
2132
  },
2129
2133
  "dark-tritanopia": {
2130
- "$value": "#db61a2",
2134
+ "$value": {
2135
+ "colorSpace": "hsl",
2136
+ "components": [328, 62.9, 62],
2137
+ "hex": "#db61a2"
2138
+ },
2131
2139
  "alpha": 0.1,
2132
2140
  "filePath": "src/tokens/functional/color/bgColor.json5",
2133
2141
  "isSource": true,
@@ -2796,6 +2804,52 @@
2796
2804
  "attributes": {},
2797
2805
  "path": ["border", "done", "muted"]
2798
2806
  },
2807
+ "border-draft-emphasis": {
2808
+ "key": "{border.draft.emphasis}",
2809
+ "$value": {
2810
+ "color": "#b7bdc8",
2811
+ "style": "solid",
2812
+ "width": ["0.0625rem", "1px"]
2813
+ },
2814
+ "$type": "border",
2815
+ "filePath": "src/tokens/functional/border/border.json5",
2816
+ "isSource": true,
2817
+ "original": {
2818
+ "$value": {
2819
+ "color": "{borderColor.draft.emphasis}",
2820
+ "style": "solid",
2821
+ "width": "{borderWidth.default}"
2822
+ },
2823
+ "$type": "border",
2824
+ "key": "{border.draft.emphasis}"
2825
+ },
2826
+ "name": "border-draft-emphasis",
2827
+ "attributes": {},
2828
+ "path": ["border", "draft", "emphasis"]
2829
+ },
2830
+ "border-draft-muted": {
2831
+ "key": "{border.draft.muted}",
2832
+ "$value": {
2833
+ "color": "#b7bdc8",
2834
+ "style": "solid",
2835
+ "width": ["0.0625rem", "1px"]
2836
+ },
2837
+ "$type": "border",
2838
+ "filePath": "src/tokens/functional/border/border.json5",
2839
+ "isSource": true,
2840
+ "original": {
2841
+ "$value": {
2842
+ "color": "{borderColor.draft.muted}",
2843
+ "style": "solid",
2844
+ "width": "{borderWidth.default}"
2845
+ },
2846
+ "$type": "border",
2847
+ "key": "{border.draft.muted}"
2848
+ },
2849
+ "name": "border-draft-muted",
2850
+ "attributes": {},
2851
+ "path": ["border", "draft", "muted"]
2852
+ },
2799
2853
  "border-emphasis": {
2800
2854
  "key": "{border.emphasis}",
2801
2855
  "$value": {
@@ -3064,6 +3118,31 @@
3064
3118
  "attributes": {},
3065
3119
  "path": ["border", "success", "muted"]
3066
3120
  },
3121
+ "border-translucent": {
3122
+ "key": "{border.translucent}",
3123
+ "$description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
3124
+ "$value": {
3125
+ "color": "#9198a1",
3126
+ "style": "solid",
3127
+ "width": ["0.0625rem", "1px"]
3128
+ },
3129
+ "$type": "border",
3130
+ "filePath": "src/tokens/functional/border/border.json5",
3131
+ "isSource": true,
3132
+ "original": {
3133
+ "$description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
3134
+ "$value": {
3135
+ "color": "{borderColor.translucent}",
3136
+ "style": "solid",
3137
+ "width": "{borderWidth.default}"
3138
+ },
3139
+ "$type": "border",
3140
+ "key": "{border.translucent}"
3141
+ },
3142
+ "name": "border-translucent",
3143
+ "attributes": {},
3144
+ "path": ["border", "translucent"]
3145
+ },
3067
3146
  "border-transparent": {
3068
3147
  "key": "{border.transparent}",
3069
3148
  "$value": {
@@ -5867,7 +5946,7 @@
5867
5946
  "key": "{borderColor.translucent}",
5868
5947
  "$value": "#9198a1",
5869
5948
  "$type": "color",
5870
- "$description": "Semi-transparent border for overlays and layered elements",
5949
+ "$description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
5871
5950
  "$extensions": {
5872
5951
  "org.primer.figma": {
5873
5952
  "collection": "mode",
@@ -5936,7 +6015,7 @@
5936
6015
  "original": {
5937
6016
  "$value": "{base.color.neutral.9}",
5938
6017
  "$type": "color",
5939
- "$description": "Semi-transparent border for overlays and layered elements",
6018
+ "$description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
5940
6019
  "$extensions": {
5941
6020
  "org.primer.figma": {
5942
6021
  "collection": "mode",
@@ -6732,13 +6811,21 @@
6732
6811
  "$type": "color"
6733
6812
  },
6734
6813
  "dark-dimmed-high-contrast": {
6735
- "$value": "#ffffff",
6814
+ "$value": {
6815
+ "colorSpace": "hsl",
6816
+ "components": [0, 0, 100],
6817
+ "hex": "#ffffff"
6818
+ },
6736
6819
  "filePath": "src/tokens/component/button.json5",
6737
6820
  "isSource": true,
6738
6821
  "$type": "color"
6739
6822
  },
6740
6823
  "dark-dimmed": {
6741
- "$value": "#ffffff",
6824
+ "$value": {
6825
+ "colorSpace": "hsl",
6826
+ "components": [0, 0, 100],
6827
+ "hex": "#ffffff"
6828
+ },
6742
6829
  "filePath": "src/tokens/component/button.json5",
6743
6830
  "isSource": true,
6744
6831
  "$type": "color"
@@ -6764,13 +6851,21 @@
6764
6851
  "$type": "color"
6765
6852
  },
6766
6853
  "dark-dimmed-high-contrast": {
6767
- "$value": "#ffffff",
6854
+ "$value": {
6855
+ "colorSpace": "hsl",
6856
+ "components": [0, 0, 100],
6857
+ "hex": "#ffffff"
6858
+ },
6768
6859
  "filePath": "src/tokens/component/button.json5",
6769
6860
  "isSource": true,
6770
6861
  "$type": "color"
6771
6862
  },
6772
6863
  "dark-dimmed": {
6773
- "$value": "#ffffff",
6864
+ "$value": {
6865
+ "colorSpace": "hsl",
6866
+ "components": [0, 0, 100],
6867
+ "hex": "#ffffff"
6868
+ },
6774
6869
  "filePath": "src/tokens/component/button.json5",
6775
6870
  "isSource": true,
6776
6871
  "$type": "color"
@@ -6850,13 +6945,21 @@
6850
6945
  "$type": "color"
6851
6946
  },
6852
6947
  "dark-dimmed-high-contrast": {
6853
- "$value": "#ffffff",
6948
+ "$value": {
6949
+ "colorSpace": "hsl",
6950
+ "components": [0, 0, 100],
6951
+ "hex": "#ffffff"
6952
+ },
6854
6953
  "filePath": "src/tokens/component/button.json5",
6855
6954
  "isSource": true,
6856
6955
  "$type": "color"
6857
6956
  },
6858
6957
  "dark-dimmed": {
6859
- "$value": "#ffffff",
6958
+ "$value": {
6959
+ "colorSpace": "hsl",
6960
+ "components": [0, 0, 100],
6961
+ "hex": "#ffffff"
6962
+ },
6860
6963
  "filePath": "src/tokens/component/button.json5",
6861
6964
  "isSource": true,
6862
6965
  "$type": "color"
@@ -6882,13 +6985,21 @@
6882
6985
  "$type": "color"
6883
6986
  },
6884
6987
  "dark-dimmed-high-contrast": {
6885
- "$value": "#ffffff",
6988
+ "$value": {
6989
+ "colorSpace": "hsl",
6990
+ "components": [0, 0, 100],
6991
+ "hex": "#ffffff"
6992
+ },
6886
6993
  "filePath": "src/tokens/component/button.json5",
6887
6994
  "isSource": true,
6888
6995
  "$type": "color"
6889
6996
  },
6890
6997
  "dark-dimmed": {
6891
- "$value": "#ffffff",
6998
+ "$value": {
6999
+ "colorSpace": "hsl",
7000
+ "components": [0, 0, 100],
7001
+ "hex": "#ffffff"
7002
+ },
6892
7003
  "filePath": "src/tokens/component/button.json5",
6893
7004
  "isSource": true,
6894
7005
  "$type": "color"
@@ -6913,13 +7024,21 @@
6913
7024
  },
6914
7025
  "org.primer.overrides": {
6915
7026
  "dark": {
6916
- "$value": "#FA5E55",
7027
+ "$value": {
7028
+ "colorSpace": "hsl",
7029
+ "components": [3.3, 94.3, 65.7],
7030
+ "hex": "#FA5E55"
7031
+ },
6917
7032
  "filePath": "src/tokens/component/button.json5",
6918
7033
  "isSource": true,
6919
7034
  "$type": "color"
6920
7035
  },
6921
7036
  "dark-dimmed": {
6922
- "$value": "#ea5c53",
7037
+ "$value": {
7038
+ "colorSpace": "hsl",
7039
+ "components": [3.6, 78.2, 62.2],
7040
+ "hex": "#ea5c53"
7041
+ },
6923
7042
  "filePath": "src/tokens/component/button.json5",
6924
7043
  "isSource": true,
6925
7044
  "$type": "color"
@@ -6969,13 +7088,21 @@
6969
7088
  },
6970
7089
  "org.primer.overrides": {
6971
7090
  "dark": {
6972
- "$value": "#FA5E55",
7091
+ "$value": {
7092
+ "colorSpace": "hsl",
7093
+ "components": [3.3, 94.3, 65.7],
7094
+ "hex": "#FA5E55"
7095
+ },
6973
7096
  "filePath": "src/tokens/component/button.json5",
6974
7097
  "isSource": true,
6975
7098
  "$type": "color"
6976
7099
  },
6977
7100
  "dark-dimmed": {
6978
- "$value": "#ea5c53",
7101
+ "$value": {
7102
+ "colorSpace": "hsl",
7103
+ "components": [3.6, 78.2, 62.2],
7104
+ "hex": "#ea5c53"
7105
+ },
6979
7106
  "filePath": "src/tokens/component/button.json5",
6980
7107
  "isSource": true,
6981
7108
  "$type": "color"
@@ -7018,6 +7145,35 @@
7018
7145
  "attributes": {},
7019
7146
  "path": ["button", "danger", "fgColor", "rest"]
7020
7147
  },
7148
+ "button-danger-iconColor-disabled": {
7149
+ "key": "{button.danger.iconColor.disabled}",
7150
+ "$value": "#ff949280",
7151
+ "$type": "color",
7152
+ "$extensions": {
7153
+ "org.primer.figma": {
7154
+ "collection": "mode",
7155
+ "group": "component (internal)",
7156
+ "scopes": ["fgColor"]
7157
+ }
7158
+ },
7159
+ "filePath": "src/tokens/component/button.json5",
7160
+ "isSource": true,
7161
+ "original": {
7162
+ "$value": "{button.danger.fgColor.disabled}",
7163
+ "$type": "color",
7164
+ "$extensions": {
7165
+ "org.primer.figma": {
7166
+ "collection": "mode",
7167
+ "group": "component (internal)",
7168
+ "scopes": ["fgColor"]
7169
+ }
7170
+ },
7171
+ "key": "{button.danger.iconColor.disabled}"
7172
+ },
7173
+ "name": "button-danger-iconColor-disabled",
7174
+ "attributes": {},
7175
+ "path": ["button", "danger", "iconColor", "disabled"]
7176
+ },
7021
7177
  "button-danger-iconColor-hover": {
7022
7178
  "key": "{button.danger.iconColor.hover}",
7023
7179
  "$value": "#ffffff",
@@ -7036,7 +7192,11 @@
7036
7192
  "$type": "color"
7037
7193
  },
7038
7194
  "dark-dimmed-high-contrast": {
7039
- "$value": "#ffffff",
7195
+ "$value": {
7196
+ "colorSpace": "hsl",
7197
+ "components": [0, 0, 100],
7198
+ "hex": "#ffffff"
7199
+ },
7040
7200
  "filePath": "src/tokens/component/button.json5",
7041
7201
  "isSource": true,
7042
7202
  "$type": "color"
@@ -7062,7 +7222,11 @@
7062
7222
  "$type": "color"
7063
7223
  },
7064
7224
  "dark-dimmed-high-contrast": {
7065
- "$value": "#ffffff",
7225
+ "$value": {
7226
+ "colorSpace": "hsl",
7227
+ "components": [0, 0, 100],
7228
+ "hex": "#ffffff"
7229
+ },
7066
7230
  "filePath": "src/tokens/component/button.json5",
7067
7231
  "isSource": true,
7068
7232
  "$type": "color"
@@ -7106,7 +7270,7 @@
7106
7270
  },
7107
7271
  "button-danger-shadow-selected": {
7108
7272
  "key": "{button.danger.shadow.selected}",
7109
- "$value": "0 0 0 0 #000000",
7273
+ "$value": "0 0 0 0 #00000000",
7110
7274
  "$type": "shadow",
7111
7275
  "$extensions": {
7112
7276
  "org.primer.figma": {
@@ -7582,6 +7746,35 @@
7582
7746
  "attributes": {},
7583
7747
  "path": ["button", "default", "borderColor", "rest"]
7584
7748
  },
7749
+ "button-default-fgColor-disabled": {
7750
+ "key": "{button.default.fgColor.disabled}",
7751
+ "$value": "#656c76",
7752
+ "$type": "color",
7753
+ "$extensions": {
7754
+ "org.primer.figma": {
7755
+ "collection": "mode",
7756
+ "group": "component (internal)",
7757
+ "scopes": ["fgColor"]
7758
+ }
7759
+ },
7760
+ "filePath": "src/tokens/component/button.json5",
7761
+ "isSource": true,
7762
+ "original": {
7763
+ "$value": "{control.fgColor.disabled}",
7764
+ "$type": "color",
7765
+ "$extensions": {
7766
+ "org.primer.figma": {
7767
+ "collection": "mode",
7768
+ "group": "component (internal)",
7769
+ "scopes": ["fgColor"]
7770
+ }
7771
+ },
7772
+ "key": "{button.default.fgColor.disabled}"
7773
+ },
7774
+ "name": "button-default-fgColor-disabled",
7775
+ "attributes": {},
7776
+ "path": ["button", "default", "fgColor", "disabled"]
7777
+ },
7585
7778
  "button-default-fgColor-rest": {
7586
7779
  "key": "{button.default.fgColor.rest}",
7587
7780
  "$value": "#ffffff",
@@ -7629,7 +7822,7 @@
7629
7822
  },
7630
7823
  "button-default-shadow-resting": {
7631
7824
  "key": "{button.default.shadow.resting}",
7632
- "$value": "0 0 0 0 #000000",
7825
+ "$value": "0 0 0 0 #00000000",
7633
7826
  "$type": "shadow",
7634
7827
  "$extensions": {
7635
7828
  "org.primer.figma": {
@@ -8874,31 +9067,51 @@
8874
9067
  "$type": "color"
8875
9068
  },
8876
9069
  "dark-tritanopia": {
8877
- "$value": "#0d419d",
9070
+ "$value": {
9071
+ "colorSpace": "hsl",
9072
+ "components": [218.3, 84.7, 33.3],
9073
+ "hex": "#0d419d"
9074
+ },
8878
9075
  "filePath": "src/tokens/component/button.json5",
8879
9076
  "isSource": true,
8880
9077
  "$type": "color"
8881
9078
  },
8882
9079
  "dark-tritanopia-high-contrast": {
8883
- "$value": "#0d419d",
9080
+ "$value": {
9081
+ "colorSpace": "hsl",
9082
+ "components": [218.3, 84.7, 33.3],
9083
+ "hex": "#0d419d"
9084
+ },
8884
9085
  "filePath": "src/tokens/component/button.json5",
8885
9086
  "isSource": true,
8886
9087
  "$type": "color"
8887
9088
  },
8888
9089
  "light-high-contrast": {
8889
- "$value": "#033f9d",
9090
+ "$value": {
9091
+ "colorSpace": "hsl",
9092
+ "components": [216.6, 96.3, 31.4],
9093
+ "hex": "#033f9d"
9094
+ },
8890
9095
  "filePath": "src/tokens/component/button.json5",
8891
9096
  "isSource": true,
8892
9097
  "$type": "color"
8893
9098
  },
8894
9099
  "light-tritanopia-high-contrast": {
8895
- "$value": "#033f9d",
9100
+ "$value": {
9101
+ "colorSpace": "hsl",
9102
+ "components": [216.6, 96.3, 31.4],
9103
+ "hex": "#033f9d"
9104
+ },
8896
9105
  "filePath": "src/tokens/component/button.json5",
8897
9106
  "isSource": true,
8898
9107
  "$type": "color"
8899
9108
  },
8900
9109
  "light-protanopia-deuteranopia-high-contrast": {
8901
- "$value": "#033f9d",
9110
+ "$value": {
9111
+ "colorSpace": "hsl",
9112
+ "components": [216.6, 96.3, 31.4],
9113
+ "hex": "#033f9d"
9114
+ },
8902
9115
  "filePath": "src/tokens/component/button.json5",
8903
9116
  "isSource": true,
8904
9117
  "$type": "color"
@@ -8924,31 +9137,51 @@
8924
9137
  "$type": "color"
8925
9138
  },
8926
9139
  "dark-tritanopia": {
8927
- "$value": "#0d419d",
9140
+ "$value": {
9141
+ "colorSpace": "hsl",
9142
+ "components": [218.3, 84.7, 33.3],
9143
+ "hex": "#0d419d"
9144
+ },
8928
9145
  "filePath": "src/tokens/component/button.json5",
8929
9146
  "isSource": true,
8930
9147
  "$type": "color"
8931
9148
  },
8932
9149
  "dark-tritanopia-high-contrast": {
8933
- "$value": "#0d419d",
9150
+ "$value": {
9151
+ "colorSpace": "hsl",
9152
+ "components": [218.3, 84.7, 33.3],
9153
+ "hex": "#0d419d"
9154
+ },
8934
9155
  "filePath": "src/tokens/component/button.json5",
8935
9156
  "isSource": true,
8936
9157
  "$type": "color"
8937
9158
  },
8938
9159
  "light-high-contrast": {
8939
- "$value": "#033f9d",
9160
+ "$value": {
9161
+ "colorSpace": "hsl",
9162
+ "components": [216.6, 96.3, 31.4],
9163
+ "hex": "#033f9d"
9164
+ },
8940
9165
  "filePath": "src/tokens/component/button.json5",
8941
9166
  "isSource": true,
8942
9167
  "$type": "color"
8943
9168
  },
8944
9169
  "light-tritanopia-high-contrast": {
8945
- "$value": "#033f9d",
9170
+ "$value": {
9171
+ "colorSpace": "hsl",
9172
+ "components": [216.6, 96.3, 31.4],
9173
+ "hex": "#033f9d"
9174
+ },
8946
9175
  "filePath": "src/tokens/component/button.json5",
8947
9176
  "isSource": true,
8948
9177
  "$type": "color"
8949
9178
  },
8950
9179
  "light-protanopia-deuteranopia-high-contrast": {
8951
- "$value": "#033f9d",
9180
+ "$value": {
9181
+ "colorSpace": "hsl",
9182
+ "components": [216.6, 96.3, 31.4],
9183
+ "hex": "#033f9d"
9184
+ },
8952
9185
  "filePath": "src/tokens/component/button.json5",
8953
9186
  "isSource": true,
8954
9187
  "$type": "color"
@@ -8979,7 +9212,11 @@
8979
9212
  "$type": "color"
8980
9213
  },
8981
9214
  "dark-tritanopia": {
8982
- "$value": "#212830",
9215
+ "$value": {
9216
+ "colorSpace": "hsl",
9217
+ "components": [212, 18.5, 15.9],
9218
+ "hex": "#212830"
9219
+ },
8983
9220
  "filePath": "src/tokens/component/button.json5",
8984
9221
  "isSource": true,
8985
9222
  "$type": "color"
@@ -9005,7 +9242,11 @@
9005
9242
  "$type": "color"
9006
9243
  },
9007
9244
  "dark-tritanopia": {
9008
- "$value": "#212830",
9245
+ "$value": {
9246
+ "colorSpace": "hsl",
9247
+ "components": [212, 18.5, 15.9],
9248
+ "hex": "#212830"
9249
+ },
9009
9250
  "filePath": "src/tokens/component/button.json5",
9010
9251
  "isSource": true,
9011
9252
  "$type": "color"
@@ -9036,7 +9277,11 @@
9036
9277
  "$type": "color"
9037
9278
  },
9038
9279
  "dark-tritanopia": {
9039
- "$value": "#262c36",
9280
+ "$value": {
9281
+ "colorSpace": "hsl",
9282
+ "components": [217.5, 17.4, 18],
9283
+ "hex": "#262c36"
9284
+ },
9040
9285
  "filePath": "src/tokens/component/button.json5",
9041
9286
  "isSource": true,
9042
9287
  "$type": "color"
@@ -9062,7 +9307,11 @@
9062
9307
  "$type": "color"
9063
9308
  },
9064
9309
  "dark-tritanopia": {
9065
- "$value": "#262c36",
9310
+ "$value": {
9311
+ "colorSpace": "hsl",
9312
+ "components": [217.5, 17.4, 18],
9313
+ "hex": "#262c36"
9314
+ },
9066
9315
  "filePath": "src/tokens/component/button.json5",
9067
9316
  "isSource": true,
9068
9317
  "$type": "color"
@@ -9294,7 +9543,12 @@
9294
9543
  "$type": "color"
9295
9544
  },
9296
9545
  "dark-dimmed": {
9297
- "$value": "#478be680",
9546
+ "$value": {
9547
+ "colorSpace": "hsl",
9548
+ "components": [214.3, 76.1, 59],
9549
+ "hex": "#478be6"
9550
+ },
9551
+ "alpha": 0.502,
9298
9552
  "filePath": "src/tokens/component/button.json5",
9299
9553
  "isSource": true,
9300
9554
  "$type": "color"
@@ -9322,7 +9576,12 @@
9322
9576
  "$type": "color"
9323
9577
  },
9324
9578
  "dark-dimmed": {
9325
- "$value": "#478be680",
9579
+ "$value": {
9580
+ "colorSpace": "hsl",
9581
+ "components": [214.3, 76.1, 59],
9582
+ "hex": "#478be6"
9583
+ },
9584
+ "alpha": 0.502,
9326
9585
  "filePath": "src/tokens/component/button.json5",
9327
9586
  "isSource": true,
9328
9587
  "$type": "color"
@@ -9428,7 +9687,7 @@
9428
9687
  },
9429
9688
  "button-outline-shadow-selected": {
9430
9689
  "key": "{button.outline.shadow.selected}",
9431
- "$value": "0 0 0 0 #000000",
9690
+ "$value": "0 0 0 0 #00000000",
9432
9691
  "$type": "shadow",
9433
9692
  "$extensions": {
9434
9693
  "org.primer.figma": {
@@ -9547,13 +9806,21 @@
9547
9806
  },
9548
9807
  "org.primer.overrides": {
9549
9808
  "dark": {
9550
- "$value": "#2E9A40",
9809
+ "$value": {
9810
+ "colorSpace": "hsl",
9811
+ "components": [130, 54, 39.2],
9812
+ "hex": "#2E9A40"
9813
+ },
9551
9814
  "filePath": "src/tokens/component/button.json5",
9552
9815
  "isSource": true,
9553
9816
  "$type": "color"
9554
9817
  },
9555
9818
  "dark-dimmed": {
9556
- "$value": "#428f46",
9819
+ "$value": {
9820
+ "colorSpace": "hsl",
9821
+ "components": [123.1, 36.8, 41],
9822
+ "hex": "#428f46"
9823
+ },
9557
9824
  "filePath": "src/tokens/component/button.json5",
9558
9825
  "isSource": true,
9559
9826
  "$type": "color"
@@ -9565,61 +9832,101 @@
9565
9832
  "$type": "color"
9566
9833
  },
9567
9834
  "dark-tritanopia": {
9568
- "$value": "#3685f3",
9835
+ "$value": {
9836
+ "colorSpace": "hsl",
9837
+ "components": [214.9, 88.7, 58.2],
9838
+ "hex": "#3685f3"
9839
+ },
9569
9840
  "filePath": "src/tokens/component/button.json5",
9570
9841
  "isSource": true,
9571
9842
  "$type": "color"
9572
9843
  },
9573
9844
  "dark-tritanopia-high-contrast": {
9574
- "$value": "#3685f3",
9845
+ "$value": {
9846
+ "colorSpace": "hsl",
9847
+ "components": [214.9, 88.7, 58.2],
9848
+ "hex": "#3685f3"
9849
+ },
9575
9850
  "filePath": "src/tokens/component/button.json5",
9576
9851
  "isSource": true,
9577
9852
  "$type": "color"
9578
9853
  },
9579
9854
  "dark-protanopia-deuteranopia": {
9580
- "$value": "#3685f3",
9855
+ "$value": {
9856
+ "colorSpace": "hsl",
9857
+ "components": [214.9, 88.7, 58.2],
9858
+ "hex": "#3685f3"
9859
+ },
9581
9860
  "filePath": "src/tokens/component/button.json5",
9582
9861
  "isSource": true,
9583
9862
  "$type": "color"
9584
9863
  },
9585
9864
  "dark-protanopia-deuteranopia-high-contrast": {
9586
- "$value": "#3685f3",
9865
+ "$value": {
9866
+ "colorSpace": "hsl",
9867
+ "components": [214.9, 88.7, 58.2],
9868
+ "hex": "#3685f3"
9869
+ },
9587
9870
  "filePath": "src/tokens/component/button.json5",
9588
9871
  "isSource": true,
9589
9872
  "$type": "color"
9590
9873
  },
9591
9874
  "dark-high-contrast": {
9592
- "$value": "#109135",
9875
+ "$value": {
9876
+ "colorSpace": "hsl",
9877
+ "components": [137.2, 80.1, 31.6],
9878
+ "hex": "#109135"
9879
+ },
9593
9880
  "filePath": "src/tokens/component/button.json5",
9594
9881
  "isSource": true,
9595
9882
  "$type": "color"
9596
9883
  },
9597
9884
  "light-tritanopia": {
9598
- "$value": "#075fc8",
9885
+ "$value": {
9886
+ "colorSpace": "hsl",
9887
+ "components": [212.6, 93.2, 40.6],
9888
+ "hex": "#075fc8"
9889
+ },
9599
9890
  "filePath": "src/tokens/component/button.json5",
9600
9891
  "isSource": true,
9601
9892
  "$type": "color"
9602
9893
  },
9603
9894
  "light-tritanopia-high-contrast": {
9604
- "$value": "#075fc8",
9895
+ "$value": {
9896
+ "colorSpace": "hsl",
9897
+ "components": [212.6, 93.2, 40.6],
9898
+ "hex": "#075fc8"
9899
+ },
9605
9900
  "filePath": "src/tokens/component/button.json5",
9606
9901
  "isSource": true,
9607
9902
  "$type": "color"
9608
9903
  },
9609
9904
  "light-protanopia-deuteranopia": {
9610
- "$value": "#075fc8",
9905
+ "$value": {
9906
+ "colorSpace": "hsl",
9907
+ "components": [212.6, 93.2, 40.6],
9908
+ "hex": "#075fc8"
9909
+ },
9611
9910
  "filePath": "src/tokens/component/button.json5",
9612
9911
  "isSource": true,
9613
9912
  "$type": "color"
9614
9913
  },
9615
9914
  "light-protanopia-deuteranopia-high-contrast": {
9616
- "$value": "#075fc8",
9915
+ "$value": {
9916
+ "colorSpace": "hsl",
9917
+ "components": [212.6, 93.2, 40.6],
9918
+ "hex": "#075fc8"
9919
+ },
9617
9920
  "filePath": "src/tokens/component/button.json5",
9618
9921
  "isSource": true,
9619
9922
  "$type": "color"
9620
9923
  },
9621
9924
  "light-high-contrast": {
9622
- "$value": "#03501b",
9925
+ "$value": {
9926
+ "colorSpace": "hsl",
9927
+ "components": [138.7, 92.8, 16.3],
9928
+ "hex": "#03501b"
9929
+ },
9623
9930
  "filePath": "src/tokens/component/button.json5",
9624
9931
  "isSource": true,
9625
9932
  "$type": "color"
@@ -9629,7 +9936,11 @@
9629
9936
  "filePath": "src/tokens/component/button.json5",
9630
9937
  "isSource": true,
9631
9938
  "original": {
9632
- "$value": "#109135",
9939
+ "$value": {
9940
+ "colorSpace": "hsl",
9941
+ "components": [137.2, 80.1, 31.6],
9942
+ "hex": "#109135"
9943
+ },
9633
9944
  "$type": "color",
9634
9945
  "$extensions": {
9635
9946
  "org.primer.figma": {
@@ -9639,13 +9950,21 @@
9639
9950
  },
9640
9951
  "org.primer.overrides": {
9641
9952
  "dark": {
9642
- "$value": "#2E9A40",
9953
+ "$value": {
9954
+ "colorSpace": "hsl",
9955
+ "components": [130, 54, 39.2],
9956
+ "hex": "#2E9A40"
9957
+ },
9643
9958
  "filePath": "src/tokens/component/button.json5",
9644
9959
  "isSource": true,
9645
9960
  "$type": "color"
9646
9961
  },
9647
9962
  "dark-dimmed": {
9648
- "$value": "#428f46",
9963
+ "$value": {
9964
+ "colorSpace": "hsl",
9965
+ "components": [123.1, 36.8, 41],
9966
+ "hex": "#428f46"
9967
+ },
9649
9968
  "filePath": "src/tokens/component/button.json5",
9650
9969
  "isSource": true,
9651
9970
  "$type": "color"
@@ -9657,61 +9976,101 @@
9657
9976
  "$type": "color"
9658
9977
  },
9659
9978
  "dark-tritanopia": {
9660
- "$value": "#3685f3",
9979
+ "$value": {
9980
+ "colorSpace": "hsl",
9981
+ "components": [214.9, 88.7, 58.2],
9982
+ "hex": "#3685f3"
9983
+ },
9661
9984
  "filePath": "src/tokens/component/button.json5",
9662
9985
  "isSource": true,
9663
9986
  "$type": "color"
9664
9987
  },
9665
9988
  "dark-tritanopia-high-contrast": {
9666
- "$value": "#3685f3",
9989
+ "$value": {
9990
+ "colorSpace": "hsl",
9991
+ "components": [214.9, 88.7, 58.2],
9992
+ "hex": "#3685f3"
9993
+ },
9667
9994
  "filePath": "src/tokens/component/button.json5",
9668
9995
  "isSource": true,
9669
9996
  "$type": "color"
9670
9997
  },
9671
9998
  "dark-protanopia-deuteranopia": {
9672
- "$value": "#3685f3",
9999
+ "$value": {
10000
+ "colorSpace": "hsl",
10001
+ "components": [214.9, 88.7, 58.2],
10002
+ "hex": "#3685f3"
10003
+ },
9673
10004
  "filePath": "src/tokens/component/button.json5",
9674
10005
  "isSource": true,
9675
10006
  "$type": "color"
9676
10007
  },
9677
10008
  "dark-protanopia-deuteranopia-high-contrast": {
9678
- "$value": "#3685f3",
10009
+ "$value": {
10010
+ "colorSpace": "hsl",
10011
+ "components": [214.9, 88.7, 58.2],
10012
+ "hex": "#3685f3"
10013
+ },
9679
10014
  "filePath": "src/tokens/component/button.json5",
9680
10015
  "isSource": true,
9681
10016
  "$type": "color"
9682
10017
  },
9683
10018
  "dark-high-contrast": {
9684
- "$value": "#109135",
10019
+ "$value": {
10020
+ "colorSpace": "hsl",
10021
+ "components": [137.2, 80.1, 31.6],
10022
+ "hex": "#109135"
10023
+ },
9685
10024
  "filePath": "src/tokens/component/button.json5",
9686
10025
  "isSource": true,
9687
10026
  "$type": "color"
9688
10027
  },
9689
10028
  "light-tritanopia": {
9690
- "$value": "#075fc8",
10029
+ "$value": {
10030
+ "colorSpace": "hsl",
10031
+ "components": [212.6, 93.2, 40.6],
10032
+ "hex": "#075fc8"
10033
+ },
9691
10034
  "filePath": "src/tokens/component/button.json5",
9692
10035
  "isSource": true,
9693
10036
  "$type": "color"
9694
10037
  },
9695
10038
  "light-tritanopia-high-contrast": {
9696
- "$value": "#075fc8",
10039
+ "$value": {
10040
+ "colorSpace": "hsl",
10041
+ "components": [212.6, 93.2, 40.6],
10042
+ "hex": "#075fc8"
10043
+ },
9697
10044
  "filePath": "src/tokens/component/button.json5",
9698
10045
  "isSource": true,
9699
10046
  "$type": "color"
9700
10047
  },
9701
10048
  "light-protanopia-deuteranopia": {
9702
- "$value": "#075fc8",
10049
+ "$value": {
10050
+ "colorSpace": "hsl",
10051
+ "components": [212.6, 93.2, 40.6],
10052
+ "hex": "#075fc8"
10053
+ },
9703
10054
  "filePath": "src/tokens/component/button.json5",
9704
10055
  "isSource": true,
9705
10056
  "$type": "color"
9706
10057
  },
9707
10058
  "light-protanopia-deuteranopia-high-contrast": {
9708
- "$value": "#075fc8",
10059
+ "$value": {
10060
+ "colorSpace": "hsl",
10061
+ "components": [212.6, 93.2, 40.6],
10062
+ "hex": "#075fc8"
10063
+ },
9709
10064
  "filePath": "src/tokens/component/button.json5",
9710
10065
  "isSource": true,
9711
10066
  "$type": "color"
9712
10067
  },
9713
10068
  "light-high-contrast": {
9714
- "$value": "#03501b",
10069
+ "$value": {
10070
+ "colorSpace": "hsl",
10071
+ "components": [138.7, 92.8, 16.3],
10072
+ "hex": "#03501b"
10073
+ },
9715
10074
  "filePath": "src/tokens/component/button.json5",
9716
10075
  "isSource": true,
9717
10076
  "$type": "color"
@@ -9736,25 +10095,41 @@
9736
10095
  },
9737
10096
  "org.primer.overrides": {
9738
10097
  "dark": {
9739
- "$value": "#105823",
10098
+ "$value": {
10099
+ "colorSpace": "hsl",
10100
+ "components": [135.8, 69.2, 20.4],
10101
+ "hex": "#105823"
10102
+ },
9740
10103
  "filePath": "src/tokens/component/button.json5",
9741
10104
  "isSource": true,
9742
10105
  "$type": "color"
9743
10106
  },
9744
10107
  "dark-dimmed": {
9745
- "$value": "#105823",
10108
+ "$value": {
10109
+ "colorSpace": "hsl",
10110
+ "components": [135.8, 69.2, 20.4],
10111
+ "hex": "#105823"
10112
+ },
9746
10113
  "filePath": "src/tokens/component/button.json5",
9747
10114
  "isSource": true,
9748
10115
  "$type": "color"
9749
10116
  },
9750
10117
  "dark-tritanopia": {
9751
- "$value": "#5fabfe",
10118
+ "$value": {
10119
+ "colorSpace": "hsl",
10120
+ "components": [211.3, 98.8, 68.4],
10121
+ "hex": "#5fabfe"
10122
+ },
9752
10123
  "filePath": "src/tokens/component/button.json5",
9753
10124
  "isSource": true,
9754
10125
  "$type": "color"
9755
10126
  },
9756
10127
  "dark-tritanopia-high-contrast": {
9757
- "$value": "#5fabfe",
10128
+ "$value": {
10129
+ "colorSpace": "hsl",
10130
+ "components": [211.3, 98.8, 68.4],
10131
+ "hex": "#5fabfe"
10132
+ },
9758
10133
  "filePath": "src/tokens/component/button.json5",
9759
10134
  "isSource": true,
9760
10135
  "$type": "color"
@@ -9772,37 +10147,61 @@
9772
10147
  "$type": "color"
9773
10148
  },
9774
10149
  "dark-high-contrast": {
9775
- "$value": "#048f2f",
10150
+ "$value": {
10151
+ "colorSpace": "hsl",
10152
+ "components": [138.6, 94.6, 28.8],
10153
+ "hex": "#048f2f"
10154
+ },
9776
10155
  "filePath": "src/tokens/component/button.json5",
9777
10156
  "isSource": true,
9778
10157
  "$type": "color"
9779
10158
  },
9780
10159
  "light-tritanopia": {
9781
- "$value": "#92caff",
10160
+ "$value": {
10161
+ "colorSpace": "hsl",
10162
+ "components": [209.2, 100, 78.6],
10163
+ "hex": "#92caff"
10164
+ },
9782
10165
  "filePath": "src/tokens/component/button.json5",
9783
10166
  "isSource": true,
9784
10167
  "$type": "color"
9785
10168
  },
9786
10169
  "light-tritanopia-high-contrast": {
9787
- "$value": "#92caff",
10170
+ "$value": {
10171
+ "colorSpace": "hsl",
10172
+ "components": [209.2, 100, 78.6],
10173
+ "hex": "#92caff"
10174
+ },
9788
10175
  "filePath": "src/tokens/component/button.json5",
9789
10176
  "isSource": true,
9790
10177
  "$type": "color"
9791
10178
  },
9792
10179
  "light-protanopia-deuteranopia": {
9793
- "$value": "#92caff",
10180
+ "$value": {
10181
+ "colorSpace": "hsl",
10182
+ "components": [209.2, 100, 78.6],
10183
+ "hex": "#92caff"
10184
+ },
9794
10185
  "filePath": "src/tokens/component/button.json5",
9795
10186
  "isSource": true,
9796
10187
  "$type": "color"
9797
10188
  },
9798
10189
  "light-protanopia-deuteranopia-high-contrast": {
9799
- "$value": "#92caff",
10190
+ "$value": {
10191
+ "colorSpace": "hsl",
10192
+ "components": [209.2, 100, 78.6],
10193
+ "hex": "#92caff"
10194
+ },
9800
10195
  "filePath": "src/tokens/component/button.json5",
9801
10196
  "isSource": true,
9802
10197
  "$type": "color"
9803
10198
  },
9804
10199
  "light-high-contrast": {
9805
- "$value": "#85cb97",
10200
+ "$value": {
10201
+ "colorSpace": "hsl",
10202
+ "components": [135.4, 40.2, 65.9],
10203
+ "hex": "#85cb97"
10204
+ },
9806
10205
  "filePath": "src/tokens/component/button.json5",
9807
10206
  "isSource": true,
9808
10207
  "$type": "color"
@@ -9812,7 +10211,11 @@
9812
10211
  "filePath": "src/tokens/component/button.json5",
9813
10212
  "isSource": true,
9814
10213
  "original": {
9815
- "$value": "#048f2f",
10214
+ "$value": {
10215
+ "colorSpace": "hsl",
10216
+ "components": [138.6, 94.6, 28.8],
10217
+ "hex": "#048f2f"
10218
+ },
9816
10219
  "$type": "color",
9817
10220
  "$extensions": {
9818
10221
  "org.primer.figma": {
@@ -9822,25 +10225,41 @@
9822
10225
  },
9823
10226
  "org.primer.overrides": {
9824
10227
  "dark": {
9825
- "$value": "#105823",
10228
+ "$value": {
10229
+ "colorSpace": "hsl",
10230
+ "components": [135.8, 69.2, 20.4],
10231
+ "hex": "#105823"
10232
+ },
9826
10233
  "filePath": "src/tokens/component/button.json5",
9827
10234
  "isSource": true,
9828
10235
  "$type": "color"
9829
10236
  },
9830
10237
  "dark-dimmed": {
9831
- "$value": "#105823",
10238
+ "$value": {
10239
+ "colorSpace": "hsl",
10240
+ "components": [135.8, 69.2, 20.4],
10241
+ "hex": "#105823"
10242
+ },
9832
10243
  "filePath": "src/tokens/component/button.json5",
9833
10244
  "isSource": true,
9834
10245
  "$type": "color"
9835
10246
  },
9836
10247
  "dark-tritanopia": {
9837
- "$value": "#5fabfe",
10248
+ "$value": {
10249
+ "colorSpace": "hsl",
10250
+ "components": [211.3, 98.8, 68.4],
10251
+ "hex": "#5fabfe"
10252
+ },
9838
10253
  "filePath": "src/tokens/component/button.json5",
9839
10254
  "isSource": true,
9840
10255
  "$type": "color"
9841
10256
  },
9842
10257
  "dark-tritanopia-high-contrast": {
9843
- "$value": "#5fabfe",
10258
+ "$value": {
10259
+ "colorSpace": "hsl",
10260
+ "components": [211.3, 98.8, 68.4],
10261
+ "hex": "#5fabfe"
10262
+ },
9844
10263
  "filePath": "src/tokens/component/button.json5",
9845
10264
  "isSource": true,
9846
10265
  "$type": "color"
@@ -9858,37 +10277,61 @@
9858
10277
  "$type": "color"
9859
10278
  },
9860
10279
  "dark-high-contrast": {
9861
- "$value": "#048f2f",
10280
+ "$value": {
10281
+ "colorSpace": "hsl",
10282
+ "components": [138.6, 94.6, 28.8],
10283
+ "hex": "#048f2f"
10284
+ },
9862
10285
  "filePath": "src/tokens/component/button.json5",
9863
10286
  "isSource": true,
9864
10287
  "$type": "color"
9865
10288
  },
9866
10289
  "light-tritanopia": {
9867
- "$value": "#92caff",
10290
+ "$value": {
10291
+ "colorSpace": "hsl",
10292
+ "components": [209.2, 100, 78.6],
10293
+ "hex": "#92caff"
10294
+ },
9868
10295
  "filePath": "src/tokens/component/button.json5",
9869
10296
  "isSource": true,
9870
10297
  "$type": "color"
9871
10298
  },
9872
10299
  "light-tritanopia-high-contrast": {
9873
- "$value": "#92caff",
10300
+ "$value": {
10301
+ "colorSpace": "hsl",
10302
+ "components": [209.2, 100, 78.6],
10303
+ "hex": "#92caff"
10304
+ },
9874
10305
  "filePath": "src/tokens/component/button.json5",
9875
10306
  "isSource": true,
9876
10307
  "$type": "color"
9877
10308
  },
9878
10309
  "light-protanopia-deuteranopia": {
9879
- "$value": "#92caff",
10310
+ "$value": {
10311
+ "colorSpace": "hsl",
10312
+ "components": [209.2, 100, 78.6],
10313
+ "hex": "#92caff"
10314
+ },
9880
10315
  "filePath": "src/tokens/component/button.json5",
9881
10316
  "isSource": true,
9882
10317
  "$type": "color"
9883
10318
  },
9884
10319
  "light-protanopia-deuteranopia-high-contrast": {
9885
- "$value": "#92caff",
10320
+ "$value": {
10321
+ "colorSpace": "hsl",
10322
+ "components": [209.2, 100, 78.6],
10323
+ "hex": "#92caff"
10324
+ },
9886
10325
  "filePath": "src/tokens/component/button.json5",
9887
10326
  "isSource": true,
9888
10327
  "$type": "color"
9889
10328
  },
9890
10329
  "light-high-contrast": {
9891
- "$value": "#85cb97",
10330
+ "$value": {
10331
+ "colorSpace": "hsl",
10332
+ "components": [135.4, 40.2, 65.9],
10333
+ "hex": "#85cb97"
10334
+ },
9892
10335
  "filePath": "src/tokens/component/button.json5",
9893
10336
  "isSource": true,
9894
10337
  "$type": "color"
@@ -9913,13 +10356,21 @@
9913
10356
  },
9914
10357
  "org.primer.overrides": {
9915
10358
  "dark": {
9916
- "$value": "#29903B",
10359
+ "$value": {
10360
+ "colorSpace": "hsl",
10361
+ "components": [130.5, 55.7, 36.3],
10362
+ "hex": "#29903B"
10363
+ },
9917
10364
  "filePath": "src/tokens/component/button.json5",
9918
10365
  "isSource": true,
9919
10366
  "$type": "color"
9920
10367
  },
9921
10368
  "dark-dimmed": {
9922
- "$value": "#3b8640",
10369
+ "$value": {
10370
+ "colorSpace": "hsl",
10371
+ "components": [124, 38.9, 37.8],
10372
+ "hex": "#3b8640"
10373
+ },
9923
10374
  "filePath": "src/tokens/component/button.json5",
9924
10375
  "isSource": true,
9925
10376
  "$type": "color"
@@ -9931,61 +10382,101 @@
9931
10382
  "$type": "color"
9932
10383
  },
9933
10384
  "dark-tritanopia": {
9934
- "$value": "#2a7aef",
10385
+ "$value": {
10386
+ "colorSpace": "hsl",
10387
+ "components": [215.6, 86, 55.1],
10388
+ "hex": "#2a7aef"
10389
+ },
9935
10390
  "filePath": "src/tokens/component/button.json5",
9936
10391
  "isSource": true,
9937
10392
  "$type": "color"
9938
10393
  },
9939
10394
  "dark-tritanopia-high-contrast": {
9940
- "$value": "#2a7aef",
10395
+ "$value": {
10396
+ "colorSpace": "hsl",
10397
+ "components": [215.6, 86, 55.1],
10398
+ "hex": "#2a7aef"
10399
+ },
9941
10400
  "filePath": "src/tokens/component/button.json5",
9942
10401
  "isSource": true,
9943
10402
  "$type": "color"
9944
10403
  },
9945
10404
  "dark-protanopia-deuteranopia": {
9946
- "$value": "#2a7aef",
10405
+ "$value": {
10406
+ "colorSpace": "hsl",
10407
+ "components": [215.6, 86, 55.1],
10408
+ "hex": "#2a7aef"
10409
+ },
9947
10410
  "filePath": "src/tokens/component/button.json5",
9948
10411
  "isSource": true,
9949
10412
  "$type": "color"
9950
10413
  },
9951
10414
  "dark-protanopia-deuteranopia-high-contrast": {
9952
- "$value": "#2a7aef",
10415
+ "$value": {
10416
+ "colorSpace": "hsl",
10417
+ "components": [215.6, 86, 55.1],
10418
+ "hex": "#2a7aef"
10419
+ },
9953
10420
  "filePath": "src/tokens/component/button.json5",
9954
10421
  "isSource": true,
9955
10422
  "$type": "color"
9956
10423
  },
9957
10424
  "dark-high-contrast": {
9958
- "$value": "#08792b",
10425
+ "$value": {
10426
+ "colorSpace": "hsl",
10427
+ "components": [138.6, 87.6, 25.3],
10428
+ "hex": "#08792b"
10429
+ },
9959
10430
  "filePath": "src/tokens/component/button.json5",
9960
10431
  "isSource": true,
9961
10432
  "$type": "color"
9962
10433
  },
9963
10434
  "light-tritanopia": {
9964
- "$value": "#0864d1",
10435
+ "$value": {
10436
+ "colorSpace": "hsl",
10437
+ "components": [212.5, 92.6, 42.5],
10438
+ "hex": "#0864d1"
10439
+ },
9965
10440
  "filePath": "src/tokens/component/button.json5",
9966
10441
  "isSource": true,
9967
10442
  "$type": "color"
9968
10443
  },
9969
10444
  "light-tritanopia-high-contrast": {
9970
- "$value": "#0864d1",
10445
+ "$value": {
10446
+ "colorSpace": "hsl",
10447
+ "components": [212.5, 92.6, 42.5],
10448
+ "hex": "#0864d1"
10449
+ },
9971
10450
  "filePath": "src/tokens/component/button.json5",
9972
10451
  "isSource": true,
9973
10452
  "$type": "color"
9974
10453
  },
9975
10454
  "light-protanopia-deuteranopia": {
9976
- "$value": "#0864d1",
10455
+ "$value": {
10456
+ "colorSpace": "hsl",
10457
+ "components": [212.5, 92.6, 42.5],
10458
+ "hex": "#0864d1"
10459
+ },
9977
10460
  "filePath": "src/tokens/component/button.json5",
9978
10461
  "isSource": true,
9979
10462
  "$type": "color"
9980
10463
  },
9981
10464
  "light-protanopia-deuteranopia-high-contrast": {
9982
- "$value": "#0864d1",
10465
+ "$value": {
10466
+ "colorSpace": "hsl",
10467
+ "components": [212.5, 92.6, 42.5],
10468
+ "hex": "#0864d1"
10469
+ },
9983
10470
  "filePath": "src/tokens/component/button.json5",
9984
10471
  "isSource": true,
9985
10472
  "$type": "color"
9986
10473
  },
9987
10474
  "light-high-contrast": {
9988
- "$value": "#04571e",
10475
+ "$value": {
10476
+ "colorSpace": "hsl",
10477
+ "components": [138.8, 91.2, 17.8],
10478
+ "hex": "#04571e"
10479
+ },
9989
10480
  "filePath": "src/tokens/component/button.json5",
9990
10481
  "isSource": true,
9991
10482
  "$type": "color"
@@ -9995,7 +10486,11 @@
9995
10486
  "filePath": "src/tokens/component/button.json5",
9996
10487
  "isSource": true,
9997
10488
  "original": {
9998
- "$value": "#08792b",
10489
+ "$value": {
10490
+ "colorSpace": "hsl",
10491
+ "components": [138.6, 87.6, 25.3],
10492
+ "hex": "#08792b"
10493
+ },
9999
10494
  "$type": "color",
10000
10495
  "$extensions": {
10001
10496
  "org.primer.figma": {
@@ -10005,13 +10500,21 @@
10005
10500
  },
10006
10501
  "org.primer.overrides": {
10007
10502
  "dark": {
10008
- "$value": "#29903B",
10503
+ "$value": {
10504
+ "colorSpace": "hsl",
10505
+ "components": [130.5, 55.7, 36.3],
10506
+ "hex": "#29903B"
10507
+ },
10009
10508
  "filePath": "src/tokens/component/button.json5",
10010
10509
  "isSource": true,
10011
10510
  "$type": "color"
10012
10511
  },
10013
10512
  "dark-dimmed": {
10014
- "$value": "#3b8640",
10513
+ "$value": {
10514
+ "colorSpace": "hsl",
10515
+ "components": [124, 38.9, 37.8],
10516
+ "hex": "#3b8640"
10517
+ },
10015
10518
  "filePath": "src/tokens/component/button.json5",
10016
10519
  "isSource": true,
10017
10520
  "$type": "color"
@@ -10023,61 +10526,101 @@
10023
10526
  "$type": "color"
10024
10527
  },
10025
10528
  "dark-tritanopia": {
10026
- "$value": "#2a7aef",
10529
+ "$value": {
10530
+ "colorSpace": "hsl",
10531
+ "components": [215.6, 86, 55.1],
10532
+ "hex": "#2a7aef"
10533
+ },
10027
10534
  "filePath": "src/tokens/component/button.json5",
10028
10535
  "isSource": true,
10029
10536
  "$type": "color"
10030
10537
  },
10031
10538
  "dark-tritanopia-high-contrast": {
10032
- "$value": "#2a7aef",
10539
+ "$value": {
10540
+ "colorSpace": "hsl",
10541
+ "components": [215.6, 86, 55.1],
10542
+ "hex": "#2a7aef"
10543
+ },
10033
10544
  "filePath": "src/tokens/component/button.json5",
10034
10545
  "isSource": true,
10035
10546
  "$type": "color"
10036
10547
  },
10037
10548
  "dark-protanopia-deuteranopia": {
10038
- "$value": "#2a7aef",
10549
+ "$value": {
10550
+ "colorSpace": "hsl",
10551
+ "components": [215.6, 86, 55.1],
10552
+ "hex": "#2a7aef"
10553
+ },
10039
10554
  "filePath": "src/tokens/component/button.json5",
10040
10555
  "isSource": true,
10041
10556
  "$type": "color"
10042
10557
  },
10043
10558
  "dark-protanopia-deuteranopia-high-contrast": {
10044
- "$value": "#2a7aef",
10559
+ "$value": {
10560
+ "colorSpace": "hsl",
10561
+ "components": [215.6, 86, 55.1],
10562
+ "hex": "#2a7aef"
10563
+ },
10045
10564
  "filePath": "src/tokens/component/button.json5",
10046
10565
  "isSource": true,
10047
10566
  "$type": "color"
10048
10567
  },
10049
10568
  "dark-high-contrast": {
10050
- "$value": "#08792b",
10569
+ "$value": {
10570
+ "colorSpace": "hsl",
10571
+ "components": [138.6, 87.6, 25.3],
10572
+ "hex": "#08792b"
10573
+ },
10051
10574
  "filePath": "src/tokens/component/button.json5",
10052
10575
  "isSource": true,
10053
10576
  "$type": "color"
10054
10577
  },
10055
10578
  "light-tritanopia": {
10056
- "$value": "#0864d1",
10579
+ "$value": {
10580
+ "colorSpace": "hsl",
10581
+ "components": [212.5, 92.6, 42.5],
10582
+ "hex": "#0864d1"
10583
+ },
10057
10584
  "filePath": "src/tokens/component/button.json5",
10058
10585
  "isSource": true,
10059
10586
  "$type": "color"
10060
10587
  },
10061
10588
  "light-tritanopia-high-contrast": {
10062
- "$value": "#0864d1",
10589
+ "$value": {
10590
+ "colorSpace": "hsl",
10591
+ "components": [212.5, 92.6, 42.5],
10592
+ "hex": "#0864d1"
10593
+ },
10063
10594
  "filePath": "src/tokens/component/button.json5",
10064
10595
  "isSource": true,
10065
10596
  "$type": "color"
10066
10597
  },
10067
10598
  "light-protanopia-deuteranopia": {
10068
- "$value": "#0864d1",
10599
+ "$value": {
10600
+ "colorSpace": "hsl",
10601
+ "components": [212.5, 92.6, 42.5],
10602
+ "hex": "#0864d1"
10603
+ },
10069
10604
  "filePath": "src/tokens/component/button.json5",
10070
10605
  "isSource": true,
10071
10606
  "$type": "color"
10072
10607
  },
10073
10608
  "light-protanopia-deuteranopia-high-contrast": {
10074
- "$value": "#0864d1",
10609
+ "$value": {
10610
+ "colorSpace": "hsl",
10611
+ "components": [212.5, 92.6, 42.5],
10612
+ "hex": "#0864d1"
10613
+ },
10075
10614
  "filePath": "src/tokens/component/button.json5",
10076
10615
  "isSource": true,
10077
10616
  "$type": "color"
10078
10617
  },
10079
10618
  "light-high-contrast": {
10080
- "$value": "#04571e",
10619
+ "$value": {
10620
+ "colorSpace": "hsl",
10621
+ "components": [138.8, 91.2, 17.8],
10622
+ "hex": "#04571e"
10623
+ },
10081
10624
  "filePath": "src/tokens/component/button.json5",
10082
10625
  "isSource": true,
10083
10626
  "$type": "color"
@@ -10188,37 +10731,61 @@
10188
10731
  },
10189
10732
  "org.primer.overrides": {
10190
10733
  "dark": {
10191
- "$value": "#105823",
10734
+ "$value": {
10735
+ "colorSpace": "hsl",
10736
+ "components": [135.8, 69.2, 20.4],
10737
+ "hex": "#105823"
10738
+ },
10192
10739
  "filePath": "src/tokens/component/button.json5",
10193
10740
  "isSource": true,
10194
10741
  "$type": "color"
10195
10742
  },
10196
10743
  "dark-dimmed": {
10197
- "$value": "#105823",
10744
+ "$value": {
10745
+ "colorSpace": "hsl",
10746
+ "components": [135.8, 69.2, 20.4],
10747
+ "hex": "#105823"
10748
+ },
10198
10749
  "filePath": "src/tokens/component/button.json5",
10199
10750
  "isSource": true,
10200
10751
  "$type": "color"
10201
10752
  },
10202
10753
  "dark-tritanopia": {
10203
- "$value": "#5fabfe",
10754
+ "$value": {
10755
+ "colorSpace": "hsl",
10756
+ "components": [211.3, 98.8, 68.4],
10757
+ "hex": "#5fabfe"
10758
+ },
10204
10759
  "filePath": "src/tokens/component/button.json5",
10205
10760
  "isSource": true,
10206
10761
  "$type": "color"
10207
10762
  },
10208
10763
  "dark-tritanopia-high-contrast": {
10209
- "$value": "#5fabfe",
10764
+ "$value": {
10765
+ "colorSpace": "hsl",
10766
+ "components": [211.3, 98.8, 68.4],
10767
+ "hex": "#5fabfe"
10768
+ },
10210
10769
  "filePath": "src/tokens/component/button.json5",
10211
10770
  "isSource": true,
10212
10771
  "$type": "color"
10213
10772
  },
10214
10773
  "dark-protanopia-deuteranopia": {
10215
- "$value": "#1158c7",
10774
+ "$value": {
10775
+ "colorSpace": "hsl",
10776
+ "components": [216.6, 84.3, 42.4],
10777
+ "hex": "#1158c7"
10778
+ },
10216
10779
  "filePath": "src/tokens/component/button.json5",
10217
10780
  "isSource": true,
10218
10781
  "$type": "color"
10219
10782
  },
10220
10783
  "dark-protanopia-deuteranopia-high-contrast": {
10221
- "$value": "#1158c7",
10784
+ "$value": {
10785
+ "colorSpace": "hsl",
10786
+ "components": [216.6, 84.3, 42.4],
10787
+ "hex": "#1158c7"
10788
+ },
10222
10789
  "filePath": "src/tokens/component/button.json5",
10223
10790
  "isSource": true,
10224
10791
  "$type": "color"
@@ -10231,7 +10798,11 @@
10231
10798
  "$type": "color"
10232
10799
  },
10233
10800
  "light-high-contrast": {
10234
- "$value": "#85cb97",
10801
+ "$value": {
10802
+ "colorSpace": "hsl",
10803
+ "components": [135.4, 40.2, 65.9],
10804
+ "hex": "#85cb97"
10805
+ },
10235
10806
  "filePath": "src/tokens/component/button.json5",
10236
10807
  "isSource": true,
10237
10808
  "$type": "color"
@@ -10252,37 +10823,61 @@
10252
10823
  },
10253
10824
  "org.primer.overrides": {
10254
10825
  "dark": {
10255
- "$value": "#105823",
10826
+ "$value": {
10827
+ "colorSpace": "hsl",
10828
+ "components": [135.8, 69.2, 20.4],
10829
+ "hex": "#105823"
10830
+ },
10256
10831
  "filePath": "src/tokens/component/button.json5",
10257
10832
  "isSource": true,
10258
10833
  "$type": "color"
10259
10834
  },
10260
10835
  "dark-dimmed": {
10261
- "$value": "#105823",
10836
+ "$value": {
10837
+ "colorSpace": "hsl",
10838
+ "components": [135.8, 69.2, 20.4],
10839
+ "hex": "#105823"
10840
+ },
10262
10841
  "filePath": "src/tokens/component/button.json5",
10263
10842
  "isSource": true,
10264
10843
  "$type": "color"
10265
10844
  },
10266
10845
  "dark-tritanopia": {
10267
- "$value": "#5fabfe",
10846
+ "$value": {
10847
+ "colorSpace": "hsl",
10848
+ "components": [211.3, 98.8, 68.4],
10849
+ "hex": "#5fabfe"
10850
+ },
10268
10851
  "filePath": "src/tokens/component/button.json5",
10269
10852
  "isSource": true,
10270
10853
  "$type": "color"
10271
10854
  },
10272
10855
  "dark-tritanopia-high-contrast": {
10273
- "$value": "#5fabfe",
10856
+ "$value": {
10857
+ "colorSpace": "hsl",
10858
+ "components": [211.3, 98.8, 68.4],
10859
+ "hex": "#5fabfe"
10860
+ },
10274
10861
  "filePath": "src/tokens/component/button.json5",
10275
10862
  "isSource": true,
10276
10863
  "$type": "color"
10277
10864
  },
10278
10865
  "dark-protanopia-deuteranopia": {
10279
- "$value": "#1158c7",
10866
+ "$value": {
10867
+ "colorSpace": "hsl",
10868
+ "components": [216.6, 84.3, 42.4],
10869
+ "hex": "#1158c7"
10870
+ },
10280
10871
  "filePath": "src/tokens/component/button.json5",
10281
10872
  "isSource": true,
10282
10873
  "$type": "color"
10283
10874
  },
10284
10875
  "dark-protanopia-deuteranopia-high-contrast": {
10285
- "$value": "#1158c7",
10876
+ "$value": {
10877
+ "colorSpace": "hsl",
10878
+ "components": [216.6, 84.3, 42.4],
10879
+ "hex": "#1158c7"
10880
+ },
10286
10881
  "filePath": "src/tokens/component/button.json5",
10287
10882
  "isSource": true,
10288
10883
  "$type": "color"
@@ -10295,7 +10890,11 @@
10295
10890
  "$type": "color"
10296
10891
  },
10297
10892
  "light-high-contrast": {
10298
- "$value": "#85cb97",
10893
+ "$value": {
10894
+ "colorSpace": "hsl",
10895
+ "components": [135.4, 40.2, 65.9],
10896
+ "hex": "#85cb97"
10897
+ },
10299
10898
  "filePath": "src/tokens/component/button.json5",
10300
10899
  "isSource": true,
10301
10900
  "$type": "color"
@@ -10538,13 +11137,21 @@
10538
11137
  "$type": "color"
10539
11138
  },
10540
11139
  "dark-dimmed": {
10541
- "$value": "#ffffff",
11140
+ "$value": {
11141
+ "colorSpace": "hsl",
11142
+ "components": [0, 0, 100],
11143
+ "hex": "#ffffff"
11144
+ },
10542
11145
  "filePath": "src/tokens/component/button.json5",
10543
11146
  "isSource": true,
10544
11147
  "$type": "color"
10545
11148
  },
10546
11149
  "dark-dimmed-high-contrast": {
10547
- "$value": "#ffffff",
11150
+ "$value": {
11151
+ "colorSpace": "hsl",
11152
+ "components": [0, 0, 100],
11153
+ "hex": "#ffffff"
11154
+ },
10548
11155
  "filePath": "src/tokens/component/button.json5",
10549
11156
  "isSource": true,
10550
11157
  "$type": "color"
@@ -10570,13 +11177,21 @@
10570
11177
  "$type": "color"
10571
11178
  },
10572
11179
  "dark-dimmed": {
10573
- "$value": "#ffffff",
11180
+ "$value": {
11181
+ "colorSpace": "hsl",
11182
+ "components": [0, 0, 100],
11183
+ "hex": "#ffffff"
11184
+ },
10574
11185
  "filePath": "src/tokens/component/button.json5",
10575
11186
  "isSource": true,
10576
11187
  "$type": "color"
10577
11188
  },
10578
11189
  "dark-dimmed-high-contrast": {
10579
- "$value": "#ffffff",
11190
+ "$value": {
11191
+ "colorSpace": "hsl",
11192
+ "components": [0, 0, 100],
11193
+ "hex": "#ffffff"
11194
+ },
10580
11195
  "filePath": "src/tokens/component/button.json5",
10581
11196
  "isSource": true,
10582
11197
  "$type": "color"
@@ -10589,6 +11204,35 @@
10589
11204
  "attributes": {},
10590
11205
  "path": ["button", "primary", "fgColor", "rest"]
10591
11206
  },
11207
+ "button-primary-iconColor-disabled": {
11208
+ "key": "{button.primary.iconColor.disabled}",
11209
+ "$value": "#ffffff66",
11210
+ "$type": "color",
11211
+ "$extensions": {
11212
+ "org.primer.figma": {
11213
+ "collection": "mode",
11214
+ "group": "component (internal)",
11215
+ "scopes": ["fgColor"]
11216
+ }
11217
+ },
11218
+ "filePath": "src/tokens/component/button.json5",
11219
+ "isSource": true,
11220
+ "original": {
11221
+ "$value": "{button.primary.fgColor.disabled}",
11222
+ "$type": "color",
11223
+ "$extensions": {
11224
+ "org.primer.figma": {
11225
+ "collection": "mode",
11226
+ "group": "component (internal)",
11227
+ "scopes": ["fgColor"]
11228
+ }
11229
+ },
11230
+ "key": "{button.primary.iconColor.disabled}"
11231
+ },
11232
+ "name": "button-primary-iconColor-disabled",
11233
+ "attributes": {},
11234
+ "path": ["button", "primary", "iconColor", "disabled"]
11235
+ },
10592
11236
  "button-primary-iconColor-rest": {
10593
11237
  "key": "{button.primary.iconColor.rest}",
10594
11238
  "$value": "#ffffff",
@@ -10614,13 +11258,21 @@
10614
11258
  "$type": "color"
10615
11259
  },
10616
11260
  "dark-dimmed": {
10617
- "$value": "#ffffff",
11261
+ "$value": {
11262
+ "colorSpace": "hsl",
11263
+ "components": [0, 0, 100],
11264
+ "hex": "#ffffff"
11265
+ },
10618
11266
  "filePath": "src/tokens/component/button.json5",
10619
11267
  "isSource": true,
10620
11268
  "$type": "color"
10621
11269
  },
10622
11270
  "dark-dimmed-high-contrast": {
10623
- "$value": "#ffffff",
11271
+ "$value": {
11272
+ "colorSpace": "hsl",
11273
+ "components": [0, 0, 100],
11274
+ "hex": "#ffffff"
11275
+ },
10624
11276
  "filePath": "src/tokens/component/button.json5",
10625
11277
  "isSource": true,
10626
11278
  "$type": "color"
@@ -10653,13 +11305,21 @@
10653
11305
  "$type": "color"
10654
11306
  },
10655
11307
  "dark-dimmed": {
10656
- "$value": "#ffffff",
11308
+ "$value": {
11309
+ "colorSpace": "hsl",
11310
+ "components": [0, 0, 100],
11311
+ "hex": "#ffffff"
11312
+ },
10657
11313
  "filePath": "src/tokens/component/button.json5",
10658
11314
  "isSource": true,
10659
11315
  "$type": "color"
10660
11316
  },
10661
11317
  "dark-dimmed-high-contrast": {
10662
- "$value": "#ffffff",
11318
+ "$value": {
11319
+ "colorSpace": "hsl",
11320
+ "components": [0, 0, 100],
11321
+ "hex": "#ffffff"
11322
+ },
10663
11323
  "filePath": "src/tokens/component/button.json5",
10664
11324
  "isSource": true,
10665
11325
  "$type": "color"
@@ -10674,7 +11334,7 @@
10674
11334
  },
10675
11335
  "button-primary-shadow-selected": {
10676
11336
  "key": "{button.primary.shadow.selected}",
10677
- "$value": "0 0 0 0 #000000",
11337
+ "$value": "0 0 0 0 #00000000",
10678
11338
  "$type": "shadow",
10679
11339
  "$extensions": {
10680
11340
  "org.primer.figma": {
@@ -17030,7 +17690,11 @@
17030
17690
  "org.primer.overrides": {
17031
17691
  "dark": "#b7bdc8",
17032
17692
  "dark-dimmed": {
17033
- "$value": "#3d444d",
17693
+ "$value": {
17694
+ "colorSpace": "hsl",
17695
+ "components": [213.8, 11.6, 27.1],
17696
+ "hex": "#3d444d"
17697
+ },
17034
17698
  "filePath": "src/tokens/functional/color/control.json5",
17035
17699
  "isSource": true,
17036
17700
  "$type": "color"
@@ -17051,7 +17715,11 @@
17051
17715
  "org.primer.overrides": {
17052
17716
  "dark": "{borderColor.default}",
17053
17717
  "dark-dimmed": {
17054
- "$value": "#3d444d",
17718
+ "$value": {
17719
+ "colorSpace": "hsl",
17720
+ "components": [213.8, 11.6, 27.1],
17721
+ "hex": "#3d444d"
17722
+ },
17055
17723
  "filePath": "src/tokens/functional/color/control.json5",
17056
17724
  "isSource": true,
17057
17725
  "$type": "color"
@@ -17182,49 +17850,81 @@
17182
17850
  "org.primer.overrides": {
17183
17851
  "dark": "#3685F3",
17184
17852
  "dark-high-contrast": {
17185
- "$value": "#3c79d0",
17853
+ "$value": {
17854
+ "colorSpace": "hsl",
17855
+ "components": [215.3, 61.2, 52.5],
17856
+ "hex": "#3c79d0"
17857
+ },
17186
17858
  "filePath": "src/tokens/functional/color/control.json5",
17187
17859
  "isSource": true,
17188
17860
  "$type": "color"
17189
17861
  },
17190
17862
  "dark-protanopia-deuteranopia-high-contrast": {
17191
- "$value": "#3c79d0",
17863
+ "$value": {
17864
+ "colorSpace": "hsl",
17865
+ "components": [215.3, 61.2, 52.5],
17866
+ "hex": "#3c79d0"
17867
+ },
17192
17868
  "filePath": "src/tokens/functional/color/control.json5",
17193
17869
  "isSource": true,
17194
17870
  "$type": "color"
17195
17871
  },
17196
17872
  "dark-tritanopia-high-contrast": {
17197
- "$value": "#3c79d0",
17873
+ "$value": {
17874
+ "colorSpace": "hsl",
17875
+ "components": [215.3, 61.2, 52.5],
17876
+ "hex": "#3c79d0"
17877
+ },
17198
17878
  "filePath": "src/tokens/functional/color/control.json5",
17199
17879
  "isSource": true,
17200
17880
  "$type": "color"
17201
17881
  },
17202
17882
  "dark-dimmed": {
17203
- "$value": "#3f7fdb",
17883
+ "$value": {
17884
+ "colorSpace": "hsl",
17885
+ "components": [215.4, 68.4, 55.3],
17886
+ "hex": "#3f7fdb"
17887
+ },
17204
17888
  "filePath": "src/tokens/functional/color/control.json5",
17205
17889
  "isSource": true,
17206
17890
  "$type": "color"
17207
17891
  },
17208
17892
  "dark-dimmed-high-contrast": {
17209
- "$value": "#3c79d0",
17893
+ "$value": {
17894
+ "colorSpace": "hsl",
17895
+ "components": [215.3, 61.2, 52.5],
17896
+ "hex": "#3c79d0"
17897
+ },
17210
17898
  "filePath": "src/tokens/functional/color/control.json5",
17211
17899
  "isSource": true,
17212
17900
  "$type": "color"
17213
17901
  },
17214
17902
  "light-high-contrast": {
17215
- "$value": "#033f9d",
17903
+ "$value": {
17904
+ "colorSpace": "hsl",
17905
+ "components": [216.6, 96.3, 31.4],
17906
+ "hex": "#033f9d"
17907
+ },
17216
17908
  "filePath": "src/tokens/functional/color/control.json5",
17217
17909
  "isSource": true,
17218
17910
  "$type": "color"
17219
17911
  },
17220
17912
  "light-tritanopia-high-contrast": {
17221
- "$value": "#033f9d",
17913
+ "$value": {
17914
+ "colorSpace": "hsl",
17915
+ "components": [216.6, 96.3, 31.4],
17916
+ "hex": "#033f9d"
17917
+ },
17222
17918
  "filePath": "src/tokens/functional/color/control.json5",
17223
17919
  "isSource": true,
17224
17920
  "$type": "color"
17225
17921
  },
17226
17922
  "light-protanopia-deuteranopia-high-contrast": {
17227
- "$value": "#033f9d",
17923
+ "$value": {
17924
+ "colorSpace": "hsl",
17925
+ "components": [216.6, 96.3, 31.4],
17926
+ "hex": "#033f9d"
17927
+ },
17228
17928
  "filePath": "src/tokens/functional/color/control.json5",
17229
17929
  "isSource": true,
17230
17930
  "$type": "color"
@@ -17234,7 +17934,11 @@
17234
17934
  "filePath": "src/tokens/functional/color/control.json5",
17235
17935
  "isSource": true,
17236
17936
  "original": {
17237
- "$value": "#3c79d0",
17937
+ "$value": {
17938
+ "colorSpace": "hsl",
17939
+ "components": [215.3, 61.2, 52.5],
17940
+ "hex": "#3c79d0"
17941
+ },
17238
17942
  "$type": "color",
17239
17943
  "$extensions": {
17240
17944
  "org.primer.figma": {
@@ -17245,49 +17949,81 @@
17245
17949
  "org.primer.overrides": {
17246
17950
  "dark": "#3685F3",
17247
17951
  "dark-high-contrast": {
17248
- "$value": "#3c79d0",
17952
+ "$value": {
17953
+ "colorSpace": "hsl",
17954
+ "components": [215.3, 61.2, 52.5],
17955
+ "hex": "#3c79d0"
17956
+ },
17249
17957
  "filePath": "src/tokens/functional/color/control.json5",
17250
17958
  "isSource": true,
17251
17959
  "$type": "color"
17252
17960
  },
17253
17961
  "dark-protanopia-deuteranopia-high-contrast": {
17254
- "$value": "#3c79d0",
17962
+ "$value": {
17963
+ "colorSpace": "hsl",
17964
+ "components": [215.3, 61.2, 52.5],
17965
+ "hex": "#3c79d0"
17966
+ },
17255
17967
  "filePath": "src/tokens/functional/color/control.json5",
17256
17968
  "isSource": true,
17257
17969
  "$type": "color"
17258
17970
  },
17259
17971
  "dark-tritanopia-high-contrast": {
17260
- "$value": "#3c79d0",
17972
+ "$value": {
17973
+ "colorSpace": "hsl",
17974
+ "components": [215.3, 61.2, 52.5],
17975
+ "hex": "#3c79d0"
17976
+ },
17261
17977
  "filePath": "src/tokens/functional/color/control.json5",
17262
17978
  "isSource": true,
17263
17979
  "$type": "color"
17264
17980
  },
17265
17981
  "dark-dimmed": {
17266
- "$value": "#3f7fdb",
17982
+ "$value": {
17983
+ "colorSpace": "hsl",
17984
+ "components": [215.4, 68.4, 55.3],
17985
+ "hex": "#3f7fdb"
17986
+ },
17267
17987
  "filePath": "src/tokens/functional/color/control.json5",
17268
17988
  "isSource": true,
17269
17989
  "$type": "color"
17270
17990
  },
17271
17991
  "dark-dimmed-high-contrast": {
17272
- "$value": "#3c79d0",
17992
+ "$value": {
17993
+ "colorSpace": "hsl",
17994
+ "components": [215.3, 61.2, 52.5],
17995
+ "hex": "#3c79d0"
17996
+ },
17273
17997
  "filePath": "src/tokens/functional/color/control.json5",
17274
17998
  "isSource": true,
17275
17999
  "$type": "color"
17276
18000
  },
17277
18001
  "light-high-contrast": {
17278
- "$value": "#033f9d",
18002
+ "$value": {
18003
+ "colorSpace": "hsl",
18004
+ "components": [216.6, 96.3, 31.4],
18005
+ "hex": "#033f9d"
18006
+ },
17279
18007
  "filePath": "src/tokens/functional/color/control.json5",
17280
18008
  "isSource": true,
17281
18009
  "$type": "color"
17282
18010
  },
17283
18011
  "light-tritanopia-high-contrast": {
17284
- "$value": "#033f9d",
18012
+ "$value": {
18013
+ "colorSpace": "hsl",
18014
+ "components": [216.6, 96.3, 31.4],
18015
+ "hex": "#033f9d"
18016
+ },
17285
18017
  "filePath": "src/tokens/functional/color/control.json5",
17286
18018
  "isSource": true,
17287
18019
  "$type": "color"
17288
18020
  },
17289
18021
  "light-protanopia-deuteranopia-high-contrast": {
17290
- "$value": "#033f9d",
18022
+ "$value": {
18023
+ "colorSpace": "hsl",
18024
+ "components": [216.6, 96.3, 31.4],
18025
+ "hex": "#033f9d"
18026
+ },
17291
18027
  "filePath": "src/tokens/functional/color/control.json5",
17292
18028
  "isSource": true,
17293
18029
  "$type": "color"
@@ -17348,49 +18084,81 @@
17348
18084
  "org.primer.overrides": {
17349
18085
  "dark": "#2A7AEF",
17350
18086
  "dark-high-contrast": {
17351
- "$value": "#2b64c1",
18087
+ "$value": {
18088
+ "colorSpace": "hsl",
18089
+ "components": [217.2, 63.6, 46.3],
18090
+ "hex": "#2b64c1"
18091
+ },
17352
18092
  "filePath": "src/tokens/functional/color/control.json5",
17353
18093
  "isSource": true,
17354
18094
  "$type": "color"
17355
18095
  },
17356
18096
  "dark-tritanopia-high-contrast": {
17357
- "$value": "#2b64c1",
18097
+ "$value": {
18098
+ "colorSpace": "hsl",
18099
+ "components": [217.2, 63.6, 46.3],
18100
+ "hex": "#2b64c1"
18101
+ },
17358
18102
  "filePath": "src/tokens/functional/color/control.json5",
17359
18103
  "isSource": true,
17360
18104
  "$type": "color"
17361
18105
  },
17362
18106
  "dark-protanopia-deuteranopia-high-contrast": {
17363
- "$value": "#2b64c1",
18107
+ "$value": {
18108
+ "colorSpace": "hsl",
18109
+ "components": [217.2, 63.6, 46.3],
18110
+ "hex": "#2b64c1"
18111
+ },
17364
18112
  "filePath": "src/tokens/functional/color/control.json5",
17365
18113
  "isSource": true,
17366
18114
  "$type": "color"
17367
18115
  },
17368
18116
  "dark-dimmed": {
17369
- "$value": "#3876d3",
18117
+ "$value": {
18118
+ "colorSpace": "hsl",
18119
+ "components": [216, 63.8, 52.4],
18120
+ "hex": "#3876d3"
18121
+ },
17370
18122
  "filePath": "src/tokens/functional/color/control.json5",
17371
18123
  "isSource": true,
17372
18124
  "$type": "color"
17373
18125
  },
17374
18126
  "dark-dimmed-high-contrast": {
17375
- "$value": "#2b64c1",
18127
+ "$value": {
18128
+ "colorSpace": "hsl",
18129
+ "components": [217.2, 63.6, 46.3],
18130
+ "hex": "#2b64c1"
18131
+ },
17376
18132
  "filePath": "src/tokens/functional/color/control.json5",
17377
18133
  "isSource": true,
17378
18134
  "$type": "color"
17379
18135
  },
17380
18136
  "light-high-contrast": {
17381
- "$value": "#0344a8",
18137
+ "$value": {
18138
+ "colorSpace": "hsl",
18139
+ "components": [216.4, 96.5, 33.5],
18140
+ "hex": "#0344a8"
18141
+ },
17382
18142
  "filePath": "src/tokens/functional/color/control.json5",
17383
18143
  "isSource": true,
17384
18144
  "$type": "color"
17385
18145
  },
17386
18146
  "light-tritanopia-high-contrast": {
17387
- "$value": "#0344a8",
18147
+ "$value": {
18148
+ "colorSpace": "hsl",
18149
+ "components": [216.4, 96.5, 33.5],
18150
+ "hex": "#0344a8"
18151
+ },
17388
18152
  "filePath": "src/tokens/functional/color/control.json5",
17389
18153
  "isSource": true,
17390
18154
  "$type": "color"
17391
18155
  },
17392
18156
  "light-protanopia-deuteranopia-high-contrast": {
17393
- "$value": "#0344a8",
18157
+ "$value": {
18158
+ "colorSpace": "hsl",
18159
+ "components": [216.4, 96.5, 33.5],
18160
+ "hex": "#0344a8"
18161
+ },
17394
18162
  "filePath": "src/tokens/functional/color/control.json5",
17395
18163
  "isSource": true,
17396
18164
  "$type": "color"
@@ -17400,7 +18168,11 @@
17400
18168
  "filePath": "src/tokens/functional/color/control.json5",
17401
18169
  "isSource": true,
17402
18170
  "original": {
17403
- "$value": "#2b64c1",
18171
+ "$value": {
18172
+ "colorSpace": "hsl",
18173
+ "components": [217.2, 63.6, 46.3],
18174
+ "hex": "#2b64c1"
18175
+ },
17404
18176
  "$type": "color",
17405
18177
  "$extensions": {
17406
18178
  "org.primer.figma": {
@@ -17411,49 +18183,81 @@
17411
18183
  "org.primer.overrides": {
17412
18184
  "dark": "#2A7AEF",
17413
18185
  "dark-high-contrast": {
17414
- "$value": "#2b64c1",
18186
+ "$value": {
18187
+ "colorSpace": "hsl",
18188
+ "components": [217.2, 63.6, 46.3],
18189
+ "hex": "#2b64c1"
18190
+ },
17415
18191
  "filePath": "src/tokens/functional/color/control.json5",
17416
18192
  "isSource": true,
17417
18193
  "$type": "color"
17418
18194
  },
17419
18195
  "dark-tritanopia-high-contrast": {
17420
- "$value": "#2b64c1",
18196
+ "$value": {
18197
+ "colorSpace": "hsl",
18198
+ "components": [217.2, 63.6, 46.3],
18199
+ "hex": "#2b64c1"
18200
+ },
17421
18201
  "filePath": "src/tokens/functional/color/control.json5",
17422
18202
  "isSource": true,
17423
18203
  "$type": "color"
17424
18204
  },
17425
18205
  "dark-protanopia-deuteranopia-high-contrast": {
17426
- "$value": "#2b64c1",
18206
+ "$value": {
18207
+ "colorSpace": "hsl",
18208
+ "components": [217.2, 63.6, 46.3],
18209
+ "hex": "#2b64c1"
18210
+ },
17427
18211
  "filePath": "src/tokens/functional/color/control.json5",
17428
18212
  "isSource": true,
17429
18213
  "$type": "color"
17430
18214
  },
17431
18215
  "dark-dimmed": {
17432
- "$value": "#3876d3",
18216
+ "$value": {
18217
+ "colorSpace": "hsl",
18218
+ "components": [216, 63.8, 52.4],
18219
+ "hex": "#3876d3"
18220
+ },
17433
18221
  "filePath": "src/tokens/functional/color/control.json5",
17434
18222
  "isSource": true,
17435
18223
  "$type": "color"
17436
18224
  },
17437
18225
  "dark-dimmed-high-contrast": {
17438
- "$value": "#2b64c1",
18226
+ "$value": {
18227
+ "colorSpace": "hsl",
18228
+ "components": [217.2, 63.6, 46.3],
18229
+ "hex": "#2b64c1"
18230
+ },
17439
18231
  "filePath": "src/tokens/functional/color/control.json5",
17440
18232
  "isSource": true,
17441
18233
  "$type": "color"
17442
18234
  },
17443
18235
  "light-high-contrast": {
17444
- "$value": "#0344a8",
18236
+ "$value": {
18237
+ "colorSpace": "hsl",
18238
+ "components": [216.4, 96.5, 33.5],
18239
+ "hex": "#0344a8"
18240
+ },
17445
18241
  "filePath": "src/tokens/functional/color/control.json5",
17446
18242
  "isSource": true,
17447
18243
  "$type": "color"
17448
18244
  },
17449
18245
  "light-tritanopia-high-contrast": {
17450
- "$value": "#0344a8",
18246
+ "$value": {
18247
+ "colorSpace": "hsl",
18248
+ "components": [216.4, 96.5, 33.5],
18249
+ "hex": "#0344a8"
18250
+ },
17451
18251
  "filePath": "src/tokens/functional/color/control.json5",
17452
18252
  "isSource": true,
17453
18253
  "$type": "color"
17454
18254
  },
17455
18255
  "light-protanopia-deuteranopia-high-contrast": {
17456
- "$value": "#0344a8",
18256
+ "$value": {
18257
+ "colorSpace": "hsl",
18258
+ "components": [216.4, 96.5, 33.5],
18259
+ "hex": "#0344a8"
18260
+ },
17457
18261
  "filePath": "src/tokens/functional/color/control.json5",
17458
18262
  "isSource": true,
17459
18263
  "$type": "color"
@@ -17532,7 +18336,11 @@
17532
18336
  "$type": "color"
17533
18337
  },
17534
18338
  "dark-dimmed": {
17535
- "$value": "#3f7fdb",
18339
+ "$value": {
18340
+ "colorSpace": "hsl",
18341
+ "components": [215.4, 68.4, 55.3],
18342
+ "hex": "#3f7fdb"
18343
+ },
17536
18344
  "filePath": "src/tokens/functional/color/control.json5",
17537
18345
  "isSource": true,
17538
18346
  "$type": "color"
@@ -17544,19 +18352,31 @@
17544
18352
  "$type": "color"
17545
18353
  },
17546
18354
  "light-high-contrast": {
17547
- "$value": "#033f9d",
18355
+ "$value": {
18356
+ "colorSpace": "hsl",
18357
+ "components": [216.6, 96.3, 31.4],
18358
+ "hex": "#033f9d"
18359
+ },
17548
18360
  "filePath": "src/tokens/functional/color/control.json5",
17549
18361
  "isSource": true,
17550
18362
  "$type": "color"
17551
18363
  },
17552
18364
  "light-protanopia-deuteranopia-high-contrast": {
17553
- "$value": "#033f9d",
18365
+ "$value": {
18366
+ "colorSpace": "hsl",
18367
+ "components": [216.6, 96.3, 31.4],
18368
+ "hex": "#033f9d"
18369
+ },
17554
18370
  "filePath": "src/tokens/functional/color/control.json5",
17555
18371
  "isSource": true,
17556
18372
  "$type": "color"
17557
18373
  },
17558
18374
  "light-tritanopia-high-contrast": {
17559
- "$value": "#033f9d",
18375
+ "$value": {
18376
+ "colorSpace": "hsl",
18377
+ "components": [216.6, 96.3, 31.4],
18378
+ "hex": "#033f9d"
18379
+ },
17560
18380
  "filePath": "src/tokens/functional/color/control.json5",
17561
18381
  "isSource": true,
17562
18382
  "$type": "color"
@@ -17595,7 +18415,11 @@
17595
18415
  "$type": "color"
17596
18416
  },
17597
18417
  "dark-dimmed": {
17598
- "$value": "#3f7fdb",
18418
+ "$value": {
18419
+ "colorSpace": "hsl",
18420
+ "components": [215.4, 68.4, 55.3],
18421
+ "hex": "#3f7fdb"
18422
+ },
17599
18423
  "filePath": "src/tokens/functional/color/control.json5",
17600
18424
  "isSource": true,
17601
18425
  "$type": "color"
@@ -17607,19 +18431,31 @@
17607
18431
  "$type": "color"
17608
18432
  },
17609
18433
  "light-high-contrast": {
17610
- "$value": "#033f9d",
18434
+ "$value": {
18435
+ "colorSpace": "hsl",
18436
+ "components": [216.6, 96.3, 31.4],
18437
+ "hex": "#033f9d"
18438
+ },
17611
18439
  "filePath": "src/tokens/functional/color/control.json5",
17612
18440
  "isSource": true,
17613
18441
  "$type": "color"
17614
18442
  },
17615
18443
  "light-protanopia-deuteranopia-high-contrast": {
17616
- "$value": "#033f9d",
18444
+ "$value": {
18445
+ "colorSpace": "hsl",
18446
+ "components": [216.6, 96.3, 31.4],
18447
+ "hex": "#033f9d"
18448
+ },
17617
18449
  "filePath": "src/tokens/functional/color/control.json5",
17618
18450
  "isSource": true,
17619
18451
  "$type": "color"
17620
18452
  },
17621
18453
  "light-tritanopia-high-contrast": {
17622
- "$value": "#033f9d",
18454
+ "$value": {
18455
+ "colorSpace": "hsl",
18456
+ "components": [216.6, 96.3, 31.4],
18457
+ "hex": "#033f9d"
18458
+ },
17623
18459
  "filePath": "src/tokens/functional/color/control.json5",
17624
18460
  "isSource": true,
17625
18461
  "$type": "color"
@@ -17698,7 +18534,11 @@
17698
18534
  "$type": "color"
17699
18535
  },
17700
18536
  "dark-dimmed": {
17701
- "$value": "#3876d3",
18537
+ "$value": {
18538
+ "colorSpace": "hsl",
18539
+ "components": [216, 63.8, 52.4],
18540
+ "hex": "#3876d3"
18541
+ },
17702
18542
  "filePath": "src/tokens/functional/color/control.json5",
17703
18543
  "isSource": true,
17704
18544
  "$type": "color"
@@ -17710,19 +18550,31 @@
17710
18550
  "$type": "color"
17711
18551
  },
17712
18552
  "light-high-contrast": {
17713
- "$value": "#0344a8",
18553
+ "$value": {
18554
+ "colorSpace": "hsl",
18555
+ "components": [216.4, 96.5, 33.5],
18556
+ "hex": "#0344a8"
18557
+ },
17714
18558
  "filePath": "src/tokens/functional/color/control.json5",
17715
18559
  "isSource": true,
17716
18560
  "$type": "color"
17717
18561
  },
17718
18562
  "light-tritanopia-high-contrast": {
17719
- "$value": "#0344a8",
18563
+ "$value": {
18564
+ "colorSpace": "hsl",
18565
+ "components": [216.4, 96.5, 33.5],
18566
+ "hex": "#0344a8"
18567
+ },
17720
18568
  "filePath": "src/tokens/functional/color/control.json5",
17721
18569
  "isSource": true,
17722
18570
  "$type": "color"
17723
18571
  },
17724
18572
  "light-protanopia-deuteranopia-high-contrast": {
17725
- "$value": "#0344a8",
18573
+ "$value": {
18574
+ "colorSpace": "hsl",
18575
+ "components": [216.4, 96.5, 33.5],
18576
+ "hex": "#0344a8"
18577
+ },
17726
18578
  "filePath": "src/tokens/functional/color/control.json5",
17727
18579
  "isSource": true,
17728
18580
  "$type": "color"
@@ -17761,7 +18613,11 @@
17761
18613
  "$type": "color"
17762
18614
  },
17763
18615
  "dark-dimmed": {
17764
- "$value": "#3876d3",
18616
+ "$value": {
18617
+ "colorSpace": "hsl",
18618
+ "components": [216, 63.8, 52.4],
18619
+ "hex": "#3876d3"
18620
+ },
17765
18621
  "filePath": "src/tokens/functional/color/control.json5",
17766
18622
  "isSource": true,
17767
18623
  "$type": "color"
@@ -17773,19 +18629,31 @@
17773
18629
  "$type": "color"
17774
18630
  },
17775
18631
  "light-high-contrast": {
17776
- "$value": "#0344a8",
18632
+ "$value": {
18633
+ "colorSpace": "hsl",
18634
+ "components": [216.4, 96.5, 33.5],
18635
+ "hex": "#0344a8"
18636
+ },
17777
18637
  "filePath": "src/tokens/functional/color/control.json5",
17778
18638
  "isSource": true,
17779
18639
  "$type": "color"
17780
18640
  },
17781
18641
  "light-tritanopia-high-contrast": {
17782
- "$value": "#0344a8",
18642
+ "$value": {
18643
+ "colorSpace": "hsl",
18644
+ "components": [216.4, 96.5, 33.5],
18645
+ "hex": "#0344a8"
18646
+ },
17783
18647
  "filePath": "src/tokens/functional/color/control.json5",
17784
18648
  "isSource": true,
17785
18649
  "$type": "color"
17786
18650
  },
17787
18651
  "light-protanopia-deuteranopia-high-contrast": {
17788
- "$value": "#0344a8",
18652
+ "$value": {
18653
+ "colorSpace": "hsl",
18654
+ "components": [216.4, 96.5, 33.5],
18655
+ "hex": "#0344a8"
18656
+ },
17789
18657
  "filePath": "src/tokens/functional/color/control.json5",
17790
18658
  "isSource": true,
17791
18659
  "$type": "color"
@@ -17977,21 +18845,33 @@
17977
18845
  "$type": "color"
17978
18846
  },
17979
18847
  "dark-high-contrast": {
17980
- "$value": "#c51120",
18848
+ "$value": {
18849
+ "colorSpace": "hsl",
18850
+ "components": [355, 84.1, 42],
18851
+ "hex": "#c51120"
18852
+ },
17981
18853
  "alpha": 1,
17982
18854
  "filePath": "src/tokens/functional/color/control.json5",
17983
18855
  "isSource": true,
17984
18856
  "$type": "color"
17985
18857
  },
17986
18858
  "dark-dimmed-high-contrast": {
17987
- "$value": "#c51120",
18859
+ "$value": {
18860
+ "colorSpace": "hsl",
18861
+ "components": [355, 84.1, 42],
18862
+ "hex": "#c51120"
18863
+ },
17988
18864
  "alpha": 1,
17989
18865
  "filePath": "src/tokens/functional/color/control.json5",
17990
18866
  "isSource": true,
17991
18867
  "$type": "color"
17992
18868
  },
17993
18869
  "dark-tritanopia-high-contrast": {
17994
- "$value": "#c51120",
18870
+ "$value": {
18871
+ "colorSpace": "hsl",
18872
+ "components": [355, 84.1, 42],
18873
+ "hex": "#c51120"
18874
+ },
17995
18875
  "alpha": 1,
17996
18876
  "filePath": "src/tokens/functional/color/control.json5",
17997
18877
  "isSource": true,
@@ -18004,13 +18884,21 @@
18004
18884
  "$type": "color"
18005
18885
  },
18006
18886
  "light-high-contrast": {
18007
- "$value": "#8c0b1d",
18887
+ "$value": {
18888
+ "colorSpace": "hsl",
18889
+ "components": [351.6, 85.4, 29.6],
18890
+ "hex": "#8c0b1d"
18891
+ },
18008
18892
  "filePath": "src/tokens/functional/color/control.json5",
18009
18893
  "isSource": true,
18010
18894
  "$type": "color"
18011
18895
  },
18012
18896
  "light-tritanopia-high-contrast": {
18013
- "$value": "#8c0b1d",
18897
+ "$value": {
18898
+ "colorSpace": "hsl",
18899
+ "components": [351.6, 85.4, 29.6],
18900
+ "hex": "#8c0b1d"
18901
+ },
18014
18902
  "filePath": "src/tokens/functional/color/control.json5",
18015
18903
  "isSource": true,
18016
18904
  "$type": "color"
@@ -18027,7 +18915,11 @@
18027
18915
  "isSource": true,
18028
18916
  "alpha": 1,
18029
18917
  "original": {
18030
- "$value": "#c51120",
18918
+ "$value": {
18919
+ "colorSpace": "hsl",
18920
+ "components": [355, 84.1, 42],
18921
+ "hex": "#c51120"
18922
+ },
18031
18923
  "$type": "color",
18032
18924
  "$extensions": {
18033
18925
  "org.primer.figma": {
@@ -18051,21 +18943,33 @@
18051
18943
  "$type": "color"
18052
18944
  },
18053
18945
  "dark-high-contrast": {
18054
- "$value": "#c51120",
18946
+ "$value": {
18947
+ "colorSpace": "hsl",
18948
+ "components": [355, 84.1, 42],
18949
+ "hex": "#c51120"
18950
+ },
18055
18951
  "alpha": 1,
18056
18952
  "filePath": "src/tokens/functional/color/control.json5",
18057
18953
  "isSource": true,
18058
18954
  "$type": "color"
18059
18955
  },
18060
18956
  "dark-dimmed-high-contrast": {
18061
- "$value": "#c51120",
18957
+ "$value": {
18958
+ "colorSpace": "hsl",
18959
+ "components": [355, 84.1, 42],
18960
+ "hex": "#c51120"
18961
+ },
18062
18962
  "alpha": 1,
18063
18963
  "filePath": "src/tokens/functional/color/control.json5",
18064
18964
  "isSource": true,
18065
18965
  "$type": "color"
18066
18966
  },
18067
18967
  "dark-tritanopia-high-contrast": {
18068
- "$value": "#c51120",
18968
+ "$value": {
18969
+ "colorSpace": "hsl",
18970
+ "components": [355, 84.1, 42],
18971
+ "hex": "#c51120"
18972
+ },
18069
18973
  "alpha": 1,
18070
18974
  "filePath": "src/tokens/functional/color/control.json5",
18071
18975
  "isSource": true,
@@ -18078,13 +18982,21 @@
18078
18982
  "$type": "color"
18079
18983
  },
18080
18984
  "light-high-contrast": {
18081
- "$value": "#8c0b1d",
18985
+ "$value": {
18986
+ "colorSpace": "hsl",
18987
+ "components": [351.6, 85.4, 29.6],
18988
+ "hex": "#8c0b1d"
18989
+ },
18082
18990
  "filePath": "src/tokens/functional/color/control.json5",
18083
18991
  "isSource": true,
18084
18992
  "$type": "color"
18085
18993
  },
18086
18994
  "light-tritanopia-high-contrast": {
18087
- "$value": "#8c0b1d",
18995
+ "$value": {
18996
+ "colorSpace": "hsl",
18997
+ "components": [351.6, 85.4, 29.6],
18998
+ "hex": "#8c0b1d"
18999
+ },
18088
19000
  "filePath": "src/tokens/functional/color/control.json5",
18089
19001
  "isSource": true,
18090
19002
  "$type": "color"
@@ -47505,14 +48417,22 @@
47505
48417
  },
47506
48418
  "org.primer.overrides": {
47507
48419
  "dark": {
47508
- "$value": "#3a8cfd",
48420
+ "$value": {
48421
+ "colorSpace": "hsl",
48422
+ "components": [214.8, 98, 61],
48423
+ "hex": "#3a8cfd"
48424
+ },
47509
48425
  "alpha": 0.36,
47510
48426
  "filePath": "src/tokens/component/reactionButton.json5",
47511
48427
  "isSource": true,
47512
48428
  "$type": "color"
47513
48429
  },
47514
48430
  "dark-dimmed": {
47515
- "$value": "#4285e5",
48431
+ "$value": {
48432
+ "colorSpace": "hsl",
48433
+ "components": [215.3, 75.8, 57.8],
48434
+ "hex": "#4285e5"
48435
+ },
47516
48436
  "alpha": 0.36,
47517
48437
  "filePath": "src/tokens/component/reactionButton.json5",
47518
48438
  "isSource": true,
@@ -47520,7 +48440,11 @@
47520
48440
  },
47521
48441
  "light-high-contrast": "#c7e9ff",
47522
48442
  "dark-high-contrast": {
47523
- "$value": "#5dadff",
48443
+ "$value": {
48444
+ "colorSpace": "hsl",
48445
+ "components": [210.4, 100, 68.2],
48446
+ "hex": "#5dadff"
48447
+ },
47524
48448
  "alpha": 0.36,
47525
48449
  "filePath": "src/tokens/component/reactionButton.json5",
47526
48450
  "isSource": true,
@@ -47532,7 +48456,11 @@
47532
48456
  "isSource": true,
47533
48457
  "alpha": 0.36,
47534
48458
  "original": {
47535
- "$value": "#5dadff",
48459
+ "$value": {
48460
+ "colorSpace": "hsl",
48461
+ "components": [210.4, 100, 68.2],
48462
+ "hex": "#5dadff"
48463
+ },
47536
48464
  "$type": "color",
47537
48465
  "$extensions": {
47538
48466
  "org.primer.figma": {
@@ -47542,14 +48470,22 @@
47542
48470
  },
47543
48471
  "org.primer.overrides": {
47544
48472
  "dark": {
47545
- "$value": "#3a8cfd",
48473
+ "$value": {
48474
+ "colorSpace": "hsl",
48475
+ "components": [214.8, 98, 61],
48476
+ "hex": "#3a8cfd"
48477
+ },
47546
48478
  "alpha": 0.36,
47547
48479
  "filePath": "src/tokens/component/reactionButton.json5",
47548
48480
  "isSource": true,
47549
48481
  "$type": "color"
47550
48482
  },
47551
48483
  "dark-dimmed": {
47552
- "$value": "#4285e5",
48484
+ "$value": {
48485
+ "colorSpace": "hsl",
48486
+ "components": [215.3, 75.8, 57.8],
48487
+ "hex": "#4285e5"
48488
+ },
47553
48489
  "alpha": 0.36,
47554
48490
  "filePath": "src/tokens/component/reactionButton.json5",
47555
48491
  "isSource": true,
@@ -47557,7 +48493,11 @@
47557
48493
  },
47558
48494
  "light-high-contrast": "#c7e9ff",
47559
48495
  "dark-high-contrast": {
47560
- "$value": "#5dadff",
48496
+ "$value": {
48497
+ "colorSpace": "hsl",
48498
+ "components": [210.4, 100, 68.2],
48499
+ "hex": "#5dadff"
48500
+ },
47561
48501
  "alpha": 0.36,
47562
48502
  "filePath": "src/tokens/component/reactionButton.json5",
47563
48503
  "isSource": true,
@@ -47891,6 +48831,147 @@
47891
48831
  "filePath": "src/tokens/functional/shadow/shadow.json5",
47892
48832
  "isSource": true,
47893
48833
  "$type": "shadow"
48834
+ },
48835
+ "light-high-contrast": {
48836
+ "$value": [
48837
+ {
48838
+ "color": "#b7bdc8",
48839
+ "alpha": 1,
48840
+ "offsetX": {
48841
+ "value": 0,
48842
+ "unit": "px"
48843
+ },
48844
+ "offsetY": {
48845
+ "value": 0,
48846
+ "unit": "px"
48847
+ },
48848
+ "blur": {
48849
+ "value": 0,
48850
+ "unit": "px"
48851
+ },
48852
+ "spread": {
48853
+ "value": 1,
48854
+ "unit": "px"
48855
+ }
48856
+ },
48857
+ {
48858
+ "color": "#f0f6fc",
48859
+ "alpha": 0.24,
48860
+ "offsetX": {
48861
+ "value": 0,
48862
+ "unit": "px"
48863
+ },
48864
+ "offsetY": {
48865
+ "value": 40,
48866
+ "unit": "px"
48867
+ },
48868
+ "blur": {
48869
+ "value": 80,
48870
+ "unit": "px"
48871
+ },
48872
+ "spread": {
48873
+ "value": 0,
48874
+ "unit": "px"
48875
+ }
48876
+ }
48877
+ ],
48878
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48879
+ "isSource": true,
48880
+ "$type": "shadow"
48881
+ },
48882
+ "light-protanopia-deuteranopia-high-contrast": {
48883
+ "$value": [
48884
+ {
48885
+ "color": "#b7bdc8",
48886
+ "alpha": 1,
48887
+ "offsetX": {
48888
+ "value": 0,
48889
+ "unit": "px"
48890
+ },
48891
+ "offsetY": {
48892
+ "value": 0,
48893
+ "unit": "px"
48894
+ },
48895
+ "blur": {
48896
+ "value": 0,
48897
+ "unit": "px"
48898
+ },
48899
+ "spread": {
48900
+ "value": 1,
48901
+ "unit": "px"
48902
+ }
48903
+ },
48904
+ {
48905
+ "color": "#f0f6fc",
48906
+ "alpha": 0.24,
48907
+ "offsetX": {
48908
+ "value": 0,
48909
+ "unit": "px"
48910
+ },
48911
+ "offsetY": {
48912
+ "value": 40,
48913
+ "unit": "px"
48914
+ },
48915
+ "blur": {
48916
+ "value": 80,
48917
+ "unit": "px"
48918
+ },
48919
+ "spread": {
48920
+ "value": 0,
48921
+ "unit": "px"
48922
+ }
48923
+ }
48924
+ ],
48925
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48926
+ "isSource": true,
48927
+ "$type": "shadow"
48928
+ },
48929
+ "light-tritanopia-high-contrast": {
48930
+ "$value": [
48931
+ {
48932
+ "color": "#b7bdc8",
48933
+ "alpha": 1,
48934
+ "offsetX": {
48935
+ "value": 0,
48936
+ "unit": "px"
48937
+ },
48938
+ "offsetY": {
48939
+ "value": 0,
48940
+ "unit": "px"
48941
+ },
48942
+ "blur": {
48943
+ "value": 0,
48944
+ "unit": "px"
48945
+ },
48946
+ "spread": {
48947
+ "value": 1,
48948
+ "unit": "px"
48949
+ }
48950
+ },
48951
+ {
48952
+ "color": "#f0f6fc",
48953
+ "alpha": 0.24,
48954
+ "offsetX": {
48955
+ "value": 0,
48956
+ "unit": "px"
48957
+ },
48958
+ "offsetY": {
48959
+ "value": 40,
48960
+ "unit": "px"
48961
+ },
48962
+ "blur": {
48963
+ "value": 80,
48964
+ "unit": "px"
48965
+ },
48966
+ "spread": {
48967
+ "value": 0,
48968
+ "unit": "px"
48969
+ }
48970
+ }
48971
+ ],
48972
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
48973
+ "isSource": true,
48974
+ "$type": "shadow"
47894
48975
  }
47895
48976
  },
47896
48977
  "org.primer.llm": {
@@ -47997,6 +49078,147 @@
47997
49078
  "filePath": "src/tokens/functional/shadow/shadow.json5",
47998
49079
  "isSource": true,
47999
49080
  "$type": "shadow"
49081
+ },
49082
+ "light-high-contrast": {
49083
+ "$value": [
49084
+ {
49085
+ "color": "{overlay.borderColor}",
49086
+ "alpha": 1,
49087
+ "offsetX": {
49088
+ "value": 0,
49089
+ "unit": "px"
49090
+ },
49091
+ "offsetY": {
49092
+ "value": 0,
49093
+ "unit": "px"
49094
+ },
49095
+ "blur": {
49096
+ "value": 0,
49097
+ "unit": "px"
49098
+ },
49099
+ "spread": {
49100
+ "value": 1,
49101
+ "unit": "px"
49102
+ }
49103
+ },
49104
+ {
49105
+ "color": "{base.color.neutral.12}",
49106
+ "alpha": 0.24,
49107
+ "offsetX": {
49108
+ "value": 0,
49109
+ "unit": "px"
49110
+ },
49111
+ "offsetY": {
49112
+ "value": 40,
49113
+ "unit": "px"
49114
+ },
49115
+ "blur": {
49116
+ "value": 80,
49117
+ "unit": "px"
49118
+ },
49119
+ "spread": {
49120
+ "value": 0,
49121
+ "unit": "px"
49122
+ }
49123
+ }
49124
+ ],
49125
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49126
+ "isSource": true,
49127
+ "$type": "shadow"
49128
+ },
49129
+ "light-protanopia-deuteranopia-high-contrast": {
49130
+ "$value": [
49131
+ {
49132
+ "color": "{overlay.borderColor}",
49133
+ "alpha": 1,
49134
+ "offsetX": {
49135
+ "value": 0,
49136
+ "unit": "px"
49137
+ },
49138
+ "offsetY": {
49139
+ "value": 0,
49140
+ "unit": "px"
49141
+ },
49142
+ "blur": {
49143
+ "value": 0,
49144
+ "unit": "px"
49145
+ },
49146
+ "spread": {
49147
+ "value": 1,
49148
+ "unit": "px"
49149
+ }
49150
+ },
49151
+ {
49152
+ "color": "{base.color.neutral.12}",
49153
+ "alpha": 0.24,
49154
+ "offsetX": {
49155
+ "value": 0,
49156
+ "unit": "px"
49157
+ },
49158
+ "offsetY": {
49159
+ "value": 40,
49160
+ "unit": "px"
49161
+ },
49162
+ "blur": {
49163
+ "value": 80,
49164
+ "unit": "px"
49165
+ },
49166
+ "spread": {
49167
+ "value": 0,
49168
+ "unit": "px"
49169
+ }
49170
+ }
49171
+ ],
49172
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49173
+ "isSource": true,
49174
+ "$type": "shadow"
49175
+ },
49176
+ "light-tritanopia-high-contrast": {
49177
+ "$value": [
49178
+ {
49179
+ "color": "{overlay.borderColor}",
49180
+ "alpha": 1,
49181
+ "offsetX": {
49182
+ "value": 0,
49183
+ "unit": "px"
49184
+ },
49185
+ "offsetY": {
49186
+ "value": 0,
49187
+ "unit": "px"
49188
+ },
49189
+ "blur": {
49190
+ "value": 0,
49191
+ "unit": "px"
49192
+ },
49193
+ "spread": {
49194
+ "value": 1,
49195
+ "unit": "px"
49196
+ }
49197
+ },
49198
+ {
49199
+ "color": "{base.color.neutral.12}",
49200
+ "alpha": 0.24,
49201
+ "offsetX": {
49202
+ "value": 0,
49203
+ "unit": "px"
49204
+ },
49205
+ "offsetY": {
49206
+ "value": 40,
49207
+ "unit": "px"
49208
+ },
49209
+ "blur": {
49210
+ "value": 80,
49211
+ "unit": "px"
49212
+ },
49213
+ "spread": {
49214
+ "value": 0,
49215
+ "unit": "px"
49216
+ }
49217
+ }
49218
+ ],
49219
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49220
+ "isSource": true,
49221
+ "$type": "shadow"
48000
49222
  }
48001
49223
  },
48002
49224
  "org.primer.llm": {
@@ -48272,152 +49494,794 @@
48272
49494
  "value": -12,
48273
49495
  "unit": "px"
48274
49496
  }
48275
- },
48276
- {
48277
- "color": "#010409",
48278
- "alpha": 0.4,
48279
- "offsetX": {
48280
- "value": 0,
48281
- "unit": "px"
49497
+ },
49498
+ {
49499
+ "color": "#010409",
49500
+ "alpha": 0.4,
49501
+ "offsetX": {
49502
+ "value": 0,
49503
+ "unit": "px"
49504
+ },
49505
+ "offsetY": {
49506
+ "value": 48,
49507
+ "unit": "px"
49508
+ },
49509
+ "blur": {
49510
+ "value": 96,
49511
+ "unit": "px"
49512
+ },
49513
+ "spread": {
49514
+ "value": -24,
49515
+ "unit": "px"
49516
+ }
49517
+ }
49518
+ ],
49519
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49520
+ "isSource": true,
49521
+ "$type": "shadow"
49522
+ },
49523
+ "light-high-contrast": {
49524
+ "$value": [
49525
+ {
49526
+ "color": "#b7bdc8",
49527
+ "alpha": 1,
49528
+ "offsetX": {
49529
+ "value": 0,
49530
+ "unit": "px"
49531
+ },
49532
+ "offsetY": {
49533
+ "value": 0,
49534
+ "unit": "px"
49535
+ },
49536
+ "blur": {
49537
+ "value": 0,
49538
+ "unit": "px"
49539
+ },
49540
+ "spread": {
49541
+ "value": 1,
49542
+ "unit": "px"
49543
+ }
49544
+ },
49545
+ {
49546
+ "color": "#f0f6fc",
49547
+ "alpha": 0.08,
49548
+ "offsetX": {
49549
+ "value": 0,
49550
+ "unit": "px"
49551
+ },
49552
+ "offsetY": {
49553
+ "value": 8,
49554
+ "unit": "px"
49555
+ },
49556
+ "blur": {
49557
+ "value": 16,
49558
+ "unit": "px"
49559
+ },
49560
+ "spread": {
49561
+ "value": -4,
49562
+ "unit": "px"
49563
+ }
49564
+ },
49565
+ {
49566
+ "color": "#f0f6fc",
49567
+ "alpha": 0.08,
49568
+ "offsetX": {
49569
+ "value": 0,
49570
+ "unit": "px"
49571
+ },
49572
+ "offsetY": {
49573
+ "value": 4,
49574
+ "unit": "px"
49575
+ },
49576
+ "blur": {
49577
+ "value": 32,
49578
+ "unit": "px"
49579
+ },
49580
+ "spread": {
49581
+ "value": -4,
49582
+ "unit": "px"
49583
+ }
49584
+ },
49585
+ {
49586
+ "color": "#f0f6fc",
49587
+ "alpha": 0.08,
49588
+ "offsetX": {
49589
+ "value": 0,
49590
+ "unit": "px"
49591
+ },
49592
+ "offsetY": {
49593
+ "value": 24,
49594
+ "unit": "px"
49595
+ },
49596
+ "blur": {
49597
+ "value": 48,
49598
+ "unit": "px"
49599
+ },
49600
+ "spread": {
49601
+ "value": -12,
49602
+ "unit": "px"
49603
+ }
49604
+ },
49605
+ {
49606
+ "color": "#f0f6fc",
49607
+ "alpha": 0.08,
49608
+ "offsetX": {
49609
+ "value": 0,
49610
+ "unit": "px"
49611
+ },
49612
+ "offsetY": {
49613
+ "value": 48,
49614
+ "unit": "px"
49615
+ },
49616
+ "blur": {
49617
+ "value": 96,
49618
+ "unit": "px"
49619
+ },
49620
+ "spread": {
49621
+ "value": -24,
49622
+ "unit": "px"
49623
+ }
49624
+ }
49625
+ ],
49626
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49627
+ "isSource": true,
49628
+ "$type": "shadow"
49629
+ },
49630
+ "light-protanopia-deuteranopia-high-contrast": {
49631
+ "$value": [
49632
+ {
49633
+ "color": "#b7bdc8",
49634
+ "alpha": 1,
49635
+ "offsetX": {
49636
+ "value": 0,
49637
+ "unit": "px"
49638
+ },
49639
+ "offsetY": {
49640
+ "value": 0,
49641
+ "unit": "px"
49642
+ },
49643
+ "blur": {
49644
+ "value": 0,
49645
+ "unit": "px"
49646
+ },
49647
+ "spread": {
49648
+ "value": 1,
49649
+ "unit": "px"
49650
+ }
49651
+ },
49652
+ {
49653
+ "color": "#f0f6fc",
49654
+ "alpha": 0.08,
49655
+ "offsetX": {
49656
+ "value": 0,
49657
+ "unit": "px"
49658
+ },
49659
+ "offsetY": {
49660
+ "value": 8,
49661
+ "unit": "px"
49662
+ },
49663
+ "blur": {
49664
+ "value": 16,
49665
+ "unit": "px"
49666
+ },
49667
+ "spread": {
49668
+ "value": -4,
49669
+ "unit": "px"
49670
+ }
49671
+ },
49672
+ {
49673
+ "color": "#f0f6fc",
49674
+ "alpha": 0.08,
49675
+ "offsetX": {
49676
+ "value": 0,
49677
+ "unit": "px"
49678
+ },
49679
+ "offsetY": {
49680
+ "value": 4,
49681
+ "unit": "px"
49682
+ },
49683
+ "blur": {
49684
+ "value": 32,
49685
+ "unit": "px"
49686
+ },
49687
+ "spread": {
49688
+ "value": -4,
49689
+ "unit": "px"
49690
+ }
49691
+ },
49692
+ {
49693
+ "color": "#f0f6fc",
49694
+ "alpha": 0.08,
49695
+ "offsetX": {
49696
+ "value": 0,
49697
+ "unit": "px"
49698
+ },
49699
+ "offsetY": {
49700
+ "value": 24,
49701
+ "unit": "px"
49702
+ },
49703
+ "blur": {
49704
+ "value": 48,
49705
+ "unit": "px"
49706
+ },
49707
+ "spread": {
49708
+ "value": -12,
49709
+ "unit": "px"
49710
+ }
49711
+ },
49712
+ {
49713
+ "color": "#f0f6fc",
49714
+ "alpha": 0.08,
49715
+ "offsetX": {
49716
+ "value": 0,
49717
+ "unit": "px"
49718
+ },
49719
+ "offsetY": {
49720
+ "value": 48,
49721
+ "unit": "px"
49722
+ },
49723
+ "blur": {
49724
+ "value": 96,
49725
+ "unit": "px"
49726
+ },
49727
+ "spread": {
49728
+ "value": -24,
49729
+ "unit": "px"
49730
+ }
49731
+ }
49732
+ ],
49733
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49734
+ "isSource": true,
49735
+ "$type": "shadow"
49736
+ },
49737
+ "light-tritanopia-high-contrast": {
49738
+ "$value": [
49739
+ {
49740
+ "color": "#b7bdc8",
49741
+ "alpha": 1,
49742
+ "offsetX": {
49743
+ "value": 0,
49744
+ "unit": "px"
49745
+ },
49746
+ "offsetY": {
49747
+ "value": 0,
49748
+ "unit": "px"
49749
+ },
49750
+ "blur": {
49751
+ "value": 0,
49752
+ "unit": "px"
49753
+ },
49754
+ "spread": {
49755
+ "value": 1,
49756
+ "unit": "px"
49757
+ }
49758
+ },
49759
+ {
49760
+ "color": "#f0f6fc",
49761
+ "alpha": 0.08,
49762
+ "offsetX": {
49763
+ "value": 0,
49764
+ "unit": "px"
49765
+ },
49766
+ "offsetY": {
49767
+ "value": 8,
49768
+ "unit": "px"
49769
+ },
49770
+ "blur": {
49771
+ "value": 16,
49772
+ "unit": "px"
49773
+ },
49774
+ "spread": {
49775
+ "value": -4,
49776
+ "unit": "px"
49777
+ }
49778
+ },
49779
+ {
49780
+ "color": "#f0f6fc",
49781
+ "alpha": 0.08,
49782
+ "offsetX": {
49783
+ "value": 0,
49784
+ "unit": "px"
49785
+ },
49786
+ "offsetY": {
49787
+ "value": 4,
49788
+ "unit": "px"
49789
+ },
49790
+ "blur": {
49791
+ "value": 32,
49792
+ "unit": "px"
49793
+ },
49794
+ "spread": {
49795
+ "value": -4,
49796
+ "unit": "px"
49797
+ }
49798
+ },
49799
+ {
49800
+ "color": "#f0f6fc",
49801
+ "alpha": 0.08,
49802
+ "offsetX": {
49803
+ "value": 0,
49804
+ "unit": "px"
49805
+ },
49806
+ "offsetY": {
49807
+ "value": 24,
49808
+ "unit": "px"
49809
+ },
49810
+ "blur": {
49811
+ "value": 48,
49812
+ "unit": "px"
49813
+ },
49814
+ "spread": {
49815
+ "value": -12,
49816
+ "unit": "px"
49817
+ }
49818
+ },
49819
+ {
49820
+ "color": "#f0f6fc",
49821
+ "alpha": 0.08,
49822
+ "offsetX": {
49823
+ "value": 0,
49824
+ "unit": "px"
49825
+ },
49826
+ "offsetY": {
49827
+ "value": 48,
49828
+ "unit": "px"
49829
+ },
49830
+ "blur": {
49831
+ "value": 96,
49832
+ "unit": "px"
49833
+ },
49834
+ "spread": {
49835
+ "value": -24,
49836
+ "unit": "px"
49837
+ }
49838
+ }
49839
+ ],
49840
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49841
+ "isSource": true,
49842
+ "$type": "shadow"
49843
+ }
49844
+ },
49845
+ "org.primer.llm": {
49846
+ "usage": ["popover", "action-menu", "select-panel", "autocomplete"],
49847
+ "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."
49848
+ }
49849
+ },
49850
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
49851
+ "isSource": true,
49852
+ "original": {
49853
+ "$value": [
49854
+ {
49855
+ "color": "{overlay.borderColor}",
49856
+ "alpha": 1,
49857
+ "offsetX": {
49858
+ "value": 0,
49859
+ "unit": "px"
49860
+ },
49861
+ "offsetY": {
49862
+ "value": 0,
49863
+ "unit": "px"
49864
+ },
49865
+ "blur": {
49866
+ "value": 0,
49867
+ "unit": "px"
49868
+ },
49869
+ "spread": {
49870
+ "value": 1,
49871
+ "unit": "px"
49872
+ }
49873
+ },
49874
+ {
49875
+ "color": "{base.color.neutral.0}",
49876
+ "alpha": 0.4,
49877
+ "offsetX": {
49878
+ "value": 0,
49879
+ "unit": "px"
49880
+ },
49881
+ "offsetY": {
49882
+ "value": 8,
49883
+ "unit": "px"
49884
+ },
49885
+ "blur": {
49886
+ "value": 16,
49887
+ "unit": "px"
49888
+ },
49889
+ "spread": {
49890
+ "value": -4,
49891
+ "unit": "px"
49892
+ }
49893
+ },
49894
+ {
49895
+ "color": "{base.color.neutral.0}",
49896
+ "alpha": 0.4,
49897
+ "offsetX": {
49898
+ "value": 0,
49899
+ "unit": "px"
49900
+ },
49901
+ "offsetY": {
49902
+ "value": 4,
49903
+ "unit": "px"
49904
+ },
49905
+ "blur": {
49906
+ "value": 32,
49907
+ "unit": "px"
49908
+ },
49909
+ "spread": {
49910
+ "value": -4,
49911
+ "unit": "px"
49912
+ }
49913
+ },
49914
+ {
49915
+ "color": "{base.color.neutral.0}",
49916
+ "alpha": 0.4,
49917
+ "offsetX": {
49918
+ "value": 0,
49919
+ "unit": "px"
49920
+ },
49921
+ "offsetY": {
49922
+ "value": 24,
49923
+ "unit": "px"
49924
+ },
49925
+ "blur": {
49926
+ "value": 48,
49927
+ "unit": "px"
49928
+ },
49929
+ "spread": {
49930
+ "value": -12,
49931
+ "unit": "px"
49932
+ }
49933
+ },
49934
+ {
49935
+ "color": "{base.color.neutral.0}",
49936
+ "alpha": 0.4,
49937
+ "offsetX": {
49938
+ "value": 0,
49939
+ "unit": "px"
49940
+ },
49941
+ "offsetY": {
49942
+ "value": 48,
49943
+ "unit": "px"
49944
+ },
49945
+ "blur": {
49946
+ "value": 96,
49947
+ "unit": "px"
49948
+ },
49949
+ "spread": {
49950
+ "value": -24,
49951
+ "unit": "px"
49952
+ }
49953
+ }
49954
+ ],
49955
+ "$type": "shadow",
49956
+ "$description": "Medium floating shadow for popovers and action menus",
49957
+ "$extensions": {
49958
+ "org.primer.figma": {
49959
+ "collection": "mode",
49960
+ "group": "shadow"
49961
+ },
49962
+ "org.primer.overrides": {
49963
+ "dark": {
49964
+ "$value": [
49965
+ {
49966
+ "color": "{overlay.borderColor}",
49967
+ "alpha": 1,
49968
+ "offsetX": {
49969
+ "value": 0,
49970
+ "unit": "px"
49971
+ },
49972
+ "offsetY": {
49973
+ "value": 0,
49974
+ "unit": "px"
49975
+ },
49976
+ "blur": {
49977
+ "value": 0,
49978
+ "unit": "px"
49979
+ },
49980
+ "spread": {
49981
+ "value": 1,
49982
+ "unit": "px"
49983
+ }
49984
+ },
49985
+ {
49986
+ "color": "{base.color.neutral.0}",
49987
+ "alpha": 0.4,
49988
+ "offsetX": {
49989
+ "value": 0,
49990
+ "unit": "px"
49991
+ },
49992
+ "offsetY": {
49993
+ "value": 8,
49994
+ "unit": "px"
49995
+ },
49996
+ "blur": {
49997
+ "value": 16,
49998
+ "unit": "px"
49999
+ },
50000
+ "spread": {
50001
+ "value": -4,
50002
+ "unit": "px"
50003
+ }
50004
+ },
50005
+ {
50006
+ "color": "{base.color.neutral.0}",
50007
+ "alpha": 0.4,
50008
+ "offsetX": {
50009
+ "value": 0,
50010
+ "unit": "px"
50011
+ },
50012
+ "offsetY": {
50013
+ "value": 4,
50014
+ "unit": "px"
50015
+ },
50016
+ "blur": {
50017
+ "value": 32,
50018
+ "unit": "px"
50019
+ },
50020
+ "spread": {
50021
+ "value": -4,
50022
+ "unit": "px"
50023
+ }
50024
+ },
50025
+ {
50026
+ "color": "{base.color.neutral.0}",
50027
+ "alpha": 0.4,
50028
+ "offsetX": {
50029
+ "value": 0,
50030
+ "unit": "px"
50031
+ },
50032
+ "offsetY": {
50033
+ "value": 24,
50034
+ "unit": "px"
50035
+ },
50036
+ "blur": {
50037
+ "value": 48,
50038
+ "unit": "px"
50039
+ },
50040
+ "spread": {
50041
+ "value": -12,
50042
+ "unit": "px"
50043
+ }
50044
+ },
50045
+ {
50046
+ "color": "{base.color.neutral.0}",
50047
+ "alpha": 0.4,
50048
+ "offsetX": {
50049
+ "value": 0,
50050
+ "unit": "px"
50051
+ },
50052
+ "offsetY": {
50053
+ "value": 48,
50054
+ "unit": "px"
50055
+ },
50056
+ "blur": {
50057
+ "value": 96,
50058
+ "unit": "px"
50059
+ },
50060
+ "spread": {
50061
+ "value": -24,
50062
+ "unit": "px"
50063
+ }
50064
+ }
50065
+ ],
50066
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50067
+ "isSource": true,
50068
+ "$type": "shadow"
50069
+ },
50070
+ "light-high-contrast": {
50071
+ "$value": [
50072
+ {
50073
+ "color": "{overlay.borderColor}",
50074
+ "alpha": 1,
50075
+ "offsetX": {
50076
+ "value": 0,
50077
+ "unit": "px"
50078
+ },
50079
+ "offsetY": {
50080
+ "value": 0,
50081
+ "unit": "px"
50082
+ },
50083
+ "blur": {
50084
+ "value": 0,
50085
+ "unit": "px"
50086
+ },
50087
+ "spread": {
50088
+ "value": 1,
50089
+ "unit": "px"
50090
+ }
50091
+ },
50092
+ {
50093
+ "color": "{base.color.neutral.12}",
50094
+ "alpha": 0.08,
50095
+ "offsetX": {
50096
+ "value": 0,
50097
+ "unit": "px"
50098
+ },
50099
+ "offsetY": {
50100
+ "value": 8,
50101
+ "unit": "px"
50102
+ },
50103
+ "blur": {
50104
+ "value": 16,
50105
+ "unit": "px"
50106
+ },
50107
+ "spread": {
50108
+ "value": -4,
50109
+ "unit": "px"
50110
+ }
50111
+ },
50112
+ {
50113
+ "color": "{base.color.neutral.12}",
50114
+ "alpha": 0.08,
50115
+ "offsetX": {
50116
+ "value": 0,
50117
+ "unit": "px"
50118
+ },
50119
+ "offsetY": {
50120
+ "value": 4,
50121
+ "unit": "px"
50122
+ },
50123
+ "blur": {
50124
+ "value": 32,
50125
+ "unit": "px"
50126
+ },
50127
+ "spread": {
50128
+ "value": -4,
50129
+ "unit": "px"
50130
+ }
50131
+ },
50132
+ {
50133
+ "color": "{base.color.neutral.12}",
50134
+ "alpha": 0.08,
50135
+ "offsetX": {
50136
+ "value": 0,
50137
+ "unit": "px"
50138
+ },
50139
+ "offsetY": {
50140
+ "value": 24,
50141
+ "unit": "px"
50142
+ },
50143
+ "blur": {
50144
+ "value": 48,
50145
+ "unit": "px"
50146
+ },
50147
+ "spread": {
50148
+ "value": -12,
50149
+ "unit": "px"
50150
+ }
50151
+ },
50152
+ {
50153
+ "color": "{base.color.neutral.12}",
50154
+ "alpha": 0.08,
50155
+ "offsetX": {
50156
+ "value": 0,
50157
+ "unit": "px"
50158
+ },
50159
+ "offsetY": {
50160
+ "value": 48,
50161
+ "unit": "px"
50162
+ },
50163
+ "blur": {
50164
+ "value": 96,
50165
+ "unit": "px"
50166
+ },
50167
+ "spread": {
50168
+ "value": -24,
50169
+ "unit": "px"
50170
+ }
50171
+ }
50172
+ ],
50173
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50174
+ "isSource": true,
50175
+ "$type": "shadow"
50176
+ },
50177
+ "light-protanopia-deuteranopia-high-contrast": {
50178
+ "$value": [
50179
+ {
50180
+ "color": "{overlay.borderColor}",
50181
+ "alpha": 1,
50182
+ "offsetX": {
50183
+ "value": 0,
50184
+ "unit": "px"
50185
+ },
50186
+ "offsetY": {
50187
+ "value": 0,
50188
+ "unit": "px"
50189
+ },
50190
+ "blur": {
50191
+ "value": 0,
50192
+ "unit": "px"
50193
+ },
50194
+ "spread": {
50195
+ "value": 1,
50196
+ "unit": "px"
50197
+ }
48282
50198
  },
48283
- "offsetY": {
48284
- "value": 48,
48285
- "unit": "px"
50199
+ {
50200
+ "color": "{base.color.neutral.12}",
50201
+ "alpha": 0.08,
50202
+ "offsetX": {
50203
+ "value": 0,
50204
+ "unit": "px"
50205
+ },
50206
+ "offsetY": {
50207
+ "value": 8,
50208
+ "unit": "px"
50209
+ },
50210
+ "blur": {
50211
+ "value": 16,
50212
+ "unit": "px"
50213
+ },
50214
+ "spread": {
50215
+ "value": -4,
50216
+ "unit": "px"
50217
+ }
48286
50218
  },
48287
- "blur": {
48288
- "value": 96,
48289
- "unit": "px"
50219
+ {
50220
+ "color": "{base.color.neutral.12}",
50221
+ "alpha": 0.08,
50222
+ "offsetX": {
50223
+ "value": 0,
50224
+ "unit": "px"
50225
+ },
50226
+ "offsetY": {
50227
+ "value": 4,
50228
+ "unit": "px"
50229
+ },
50230
+ "blur": {
50231
+ "value": 32,
50232
+ "unit": "px"
50233
+ },
50234
+ "spread": {
50235
+ "value": -4,
50236
+ "unit": "px"
50237
+ }
48290
50238
  },
48291
- "spread": {
48292
- "value": -24,
48293
- "unit": "px"
50239
+ {
50240
+ "color": "{base.color.neutral.12}",
50241
+ "alpha": 0.08,
50242
+ "offsetX": {
50243
+ "value": 0,
50244
+ "unit": "px"
50245
+ },
50246
+ "offsetY": {
50247
+ "value": 24,
50248
+ "unit": "px"
50249
+ },
50250
+ "blur": {
50251
+ "value": 48,
50252
+ "unit": "px"
50253
+ },
50254
+ "spread": {
50255
+ "value": -12,
50256
+ "unit": "px"
50257
+ }
50258
+ },
50259
+ {
50260
+ "color": "{base.color.neutral.12}",
50261
+ "alpha": 0.08,
50262
+ "offsetX": {
50263
+ "value": 0,
50264
+ "unit": "px"
50265
+ },
50266
+ "offsetY": {
50267
+ "value": 48,
50268
+ "unit": "px"
50269
+ },
50270
+ "blur": {
50271
+ "value": 96,
50272
+ "unit": "px"
50273
+ },
50274
+ "spread": {
50275
+ "value": -24,
50276
+ "unit": "px"
50277
+ }
48294
50278
  }
48295
- }
48296
- ],
48297
- "filePath": "src/tokens/functional/shadow/shadow.json5",
48298
- "isSource": true,
48299
- "$type": "shadow"
48300
- }
48301
- },
48302
- "org.primer.llm": {
48303
- "usage": ["popover", "action-menu", "select-panel", "autocomplete"],
48304
- "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."
48305
- }
48306
- },
48307
- "filePath": "src/tokens/functional/shadow/shadow.json5",
48308
- "isSource": true,
48309
- "original": {
48310
- "$value": [
48311
- {
48312
- "color": "{overlay.borderColor}",
48313
- "alpha": 1,
48314
- "offsetX": {
48315
- "value": 0,
48316
- "unit": "px"
48317
- },
48318
- "offsetY": {
48319
- "value": 0,
48320
- "unit": "px"
48321
- },
48322
- "blur": {
48323
- "value": 0,
48324
- "unit": "px"
48325
- },
48326
- "spread": {
48327
- "value": 1,
48328
- "unit": "px"
48329
- }
48330
- },
48331
- {
48332
- "color": "{base.color.neutral.0}",
48333
- "alpha": 0.4,
48334
- "offsetX": {
48335
- "value": 0,
48336
- "unit": "px"
48337
- },
48338
- "offsetY": {
48339
- "value": 8,
48340
- "unit": "px"
48341
- },
48342
- "blur": {
48343
- "value": 16,
48344
- "unit": "px"
48345
- },
48346
- "spread": {
48347
- "value": -4,
48348
- "unit": "px"
48349
- }
48350
- },
48351
- {
48352
- "color": "{base.color.neutral.0}",
48353
- "alpha": 0.4,
48354
- "offsetX": {
48355
- "value": 0,
48356
- "unit": "px"
48357
- },
48358
- "offsetY": {
48359
- "value": 4,
48360
- "unit": "px"
48361
- },
48362
- "blur": {
48363
- "value": 32,
48364
- "unit": "px"
48365
- },
48366
- "spread": {
48367
- "value": -4,
48368
- "unit": "px"
48369
- }
48370
- },
48371
- {
48372
- "color": "{base.color.neutral.0}",
48373
- "alpha": 0.4,
48374
- "offsetX": {
48375
- "value": 0,
48376
- "unit": "px"
48377
- },
48378
- "offsetY": {
48379
- "value": 24,
48380
- "unit": "px"
48381
- },
48382
- "blur": {
48383
- "value": 48,
48384
- "unit": "px"
48385
- },
48386
- "spread": {
48387
- "value": -12,
48388
- "unit": "px"
48389
- }
48390
- },
48391
- {
48392
- "color": "{base.color.neutral.0}",
48393
- "alpha": 0.4,
48394
- "offsetX": {
48395
- "value": 0,
48396
- "unit": "px"
48397
- },
48398
- "offsetY": {
48399
- "value": 48,
48400
- "unit": "px"
48401
- },
48402
- "blur": {
48403
- "value": 96,
48404
- "unit": "px"
50279
+ ],
50280
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50281
+ "isSource": true,
50282
+ "$type": "shadow"
48405
50283
  },
48406
- "spread": {
48407
- "value": -24,
48408
- "unit": "px"
48409
- }
48410
- }
48411
- ],
48412
- "$type": "shadow",
48413
- "$description": "Medium floating shadow for popovers and action menus",
48414
- "$extensions": {
48415
- "org.primer.figma": {
48416
- "collection": "mode",
48417
- "group": "shadow"
48418
- },
48419
- "org.primer.overrides": {
48420
- "dark": {
50284
+ "light-tritanopia-high-contrast": {
48421
50285
  "$value": [
48422
50286
  {
48423
50287
  "color": "{overlay.borderColor}",
@@ -48440,8 +50304,8 @@
48440
50304
  }
48441
50305
  },
48442
50306
  {
48443
- "color": "{base.color.neutral.0}",
48444
- "alpha": 0.4,
50307
+ "color": "{base.color.neutral.12}",
50308
+ "alpha": 0.08,
48445
50309
  "offsetX": {
48446
50310
  "value": 0,
48447
50311
  "unit": "px"
@@ -48460,8 +50324,8 @@
48460
50324
  }
48461
50325
  },
48462
50326
  {
48463
- "color": "{base.color.neutral.0}",
48464
- "alpha": 0.4,
50327
+ "color": "{base.color.neutral.12}",
50328
+ "alpha": 0.08,
48465
50329
  "offsetX": {
48466
50330
  "value": 0,
48467
50331
  "unit": "px"
@@ -48480,8 +50344,8 @@
48480
50344
  }
48481
50345
  },
48482
50346
  {
48483
- "color": "{base.color.neutral.0}",
48484
- "alpha": 0.4,
50347
+ "color": "{base.color.neutral.12}",
50348
+ "alpha": 0.08,
48485
50349
  "offsetX": {
48486
50350
  "value": 0,
48487
50351
  "unit": "px"
@@ -48500,8 +50364,8 @@
48500
50364
  }
48501
50365
  },
48502
50366
  {
48503
- "color": "{base.color.neutral.0}",
48504
- "alpha": 0.4,
50367
+ "color": "{base.color.neutral.12}",
50368
+ "alpha": 0.08,
48505
50369
  "offsetX": {
48506
50370
  "value": 0,
48507
50371
  "unit": "px"
@@ -48829,6 +50693,147 @@
48829
50693
  "filePath": "src/tokens/functional/shadow/shadow.json5",
48830
50694
  "isSource": true,
48831
50695
  "$type": "shadow"
50696
+ },
50697
+ "light-high-contrast": {
50698
+ "$value": [
50699
+ {
50700
+ "color": "#b7bdc8",
50701
+ "alpha": 1,
50702
+ "offsetX": {
50703
+ "value": 0,
50704
+ "unit": "px"
50705
+ },
50706
+ "offsetY": {
50707
+ "value": 0,
50708
+ "unit": "px"
50709
+ },
50710
+ "blur": {
50711
+ "value": 0,
50712
+ "unit": "px"
50713
+ },
50714
+ "spread": {
50715
+ "value": 1,
50716
+ "unit": "px"
50717
+ }
50718
+ },
50719
+ {
50720
+ "color": "#f0f6fc",
50721
+ "alpha": 0.32,
50722
+ "offsetX": {
50723
+ "value": 0,
50724
+ "unit": "px"
50725
+ },
50726
+ "offsetY": {
50727
+ "value": 56,
50728
+ "unit": "px"
50729
+ },
50730
+ "blur": {
50731
+ "value": 112,
50732
+ "unit": "px"
50733
+ },
50734
+ "spread": {
50735
+ "value": 0,
50736
+ "unit": "px"
50737
+ }
50738
+ }
50739
+ ],
50740
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50741
+ "isSource": true,
50742
+ "$type": "shadow"
50743
+ },
50744
+ "light-protanopia-deuteranopia-high-contrast": {
50745
+ "$value": [
50746
+ {
50747
+ "color": "#b7bdc8",
50748
+ "alpha": 1,
50749
+ "offsetX": {
50750
+ "value": 0,
50751
+ "unit": "px"
50752
+ },
50753
+ "offsetY": {
50754
+ "value": 0,
50755
+ "unit": "px"
50756
+ },
50757
+ "blur": {
50758
+ "value": 0,
50759
+ "unit": "px"
50760
+ },
50761
+ "spread": {
50762
+ "value": 1,
50763
+ "unit": "px"
50764
+ }
50765
+ },
50766
+ {
50767
+ "color": "#f0f6fc",
50768
+ "alpha": 0.32,
50769
+ "offsetX": {
50770
+ "value": 0,
50771
+ "unit": "px"
50772
+ },
50773
+ "offsetY": {
50774
+ "value": 56,
50775
+ "unit": "px"
50776
+ },
50777
+ "blur": {
50778
+ "value": 112,
50779
+ "unit": "px"
50780
+ },
50781
+ "spread": {
50782
+ "value": 0,
50783
+ "unit": "px"
50784
+ }
50785
+ }
50786
+ ],
50787
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50788
+ "isSource": true,
50789
+ "$type": "shadow"
50790
+ },
50791
+ "light-tritanopia-high-contrast": {
50792
+ "$value": [
50793
+ {
50794
+ "color": "#b7bdc8",
50795
+ "alpha": 1,
50796
+ "offsetX": {
50797
+ "value": 0,
50798
+ "unit": "px"
50799
+ },
50800
+ "offsetY": {
50801
+ "value": 0,
50802
+ "unit": "px"
50803
+ },
50804
+ "blur": {
50805
+ "value": 0,
50806
+ "unit": "px"
50807
+ },
50808
+ "spread": {
50809
+ "value": 1,
50810
+ "unit": "px"
50811
+ }
50812
+ },
50813
+ {
50814
+ "color": "#f0f6fc",
50815
+ "alpha": 0.32,
50816
+ "offsetX": {
50817
+ "value": 0,
50818
+ "unit": "px"
50819
+ },
50820
+ "offsetY": {
50821
+ "value": 56,
50822
+ "unit": "px"
50823
+ },
50824
+ "blur": {
50825
+ "value": 112,
50826
+ "unit": "px"
50827
+ },
50828
+ "spread": {
50829
+ "value": 0,
50830
+ "unit": "px"
50831
+ }
50832
+ }
50833
+ ],
50834
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50835
+ "isSource": true,
50836
+ "$type": "shadow"
48832
50837
  }
48833
50838
  },
48834
50839
  "org.primer.llm": {
@@ -48935,6 +50940,147 @@
48935
50940
  "filePath": "src/tokens/functional/shadow/shadow.json5",
48936
50941
  "isSource": true,
48937
50942
  "$type": "shadow"
50943
+ },
50944
+ "light-high-contrast": {
50945
+ "$value": [
50946
+ {
50947
+ "color": "{overlay.borderColor}",
50948
+ "alpha": 1,
50949
+ "offsetX": {
50950
+ "value": 0,
50951
+ "unit": "px"
50952
+ },
50953
+ "offsetY": {
50954
+ "value": 0,
50955
+ "unit": "px"
50956
+ },
50957
+ "blur": {
50958
+ "value": 0,
50959
+ "unit": "px"
50960
+ },
50961
+ "spread": {
50962
+ "value": 1,
50963
+ "unit": "px"
50964
+ }
50965
+ },
50966
+ {
50967
+ "color": "{base.color.neutral.12}",
50968
+ "alpha": 0.32,
50969
+ "offsetX": {
50970
+ "value": 0,
50971
+ "unit": "px"
50972
+ },
50973
+ "offsetY": {
50974
+ "value": 56,
50975
+ "unit": "px"
50976
+ },
50977
+ "blur": {
50978
+ "value": 112,
50979
+ "unit": "px"
50980
+ },
50981
+ "spread": {
50982
+ "value": 0,
50983
+ "unit": "px"
50984
+ }
50985
+ }
50986
+ ],
50987
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
50988
+ "isSource": true,
50989
+ "$type": "shadow"
50990
+ },
50991
+ "light-protanopia-deuteranopia-high-contrast": {
50992
+ "$value": [
50993
+ {
50994
+ "color": "{overlay.borderColor}",
50995
+ "alpha": 1,
50996
+ "offsetX": {
50997
+ "value": 0,
50998
+ "unit": "px"
50999
+ },
51000
+ "offsetY": {
51001
+ "value": 0,
51002
+ "unit": "px"
51003
+ },
51004
+ "blur": {
51005
+ "value": 0,
51006
+ "unit": "px"
51007
+ },
51008
+ "spread": {
51009
+ "value": 1,
51010
+ "unit": "px"
51011
+ }
51012
+ },
51013
+ {
51014
+ "color": "{base.color.neutral.12}",
51015
+ "alpha": 0.32,
51016
+ "offsetX": {
51017
+ "value": 0,
51018
+ "unit": "px"
51019
+ },
51020
+ "offsetY": {
51021
+ "value": 56,
51022
+ "unit": "px"
51023
+ },
51024
+ "blur": {
51025
+ "value": 112,
51026
+ "unit": "px"
51027
+ },
51028
+ "spread": {
51029
+ "value": 0,
51030
+ "unit": "px"
51031
+ }
51032
+ }
51033
+ ],
51034
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
51035
+ "isSource": true,
51036
+ "$type": "shadow"
51037
+ },
51038
+ "light-tritanopia-high-contrast": {
51039
+ "$value": [
51040
+ {
51041
+ "color": "{overlay.borderColor}",
51042
+ "alpha": 1,
51043
+ "offsetX": {
51044
+ "value": 0,
51045
+ "unit": "px"
51046
+ },
51047
+ "offsetY": {
51048
+ "value": 0,
51049
+ "unit": "px"
51050
+ },
51051
+ "blur": {
51052
+ "value": 0,
51053
+ "unit": "px"
51054
+ },
51055
+ "spread": {
51056
+ "value": 1,
51057
+ "unit": "px"
51058
+ }
51059
+ },
51060
+ {
51061
+ "color": "{base.color.neutral.12}",
51062
+ "alpha": 0.32,
51063
+ "offsetX": {
51064
+ "value": 0,
51065
+ "unit": "px"
51066
+ },
51067
+ "offsetY": {
51068
+ "value": 56,
51069
+ "unit": "px"
51070
+ },
51071
+ "blur": {
51072
+ "value": 112,
51073
+ "unit": "px"
51074
+ },
51075
+ "spread": {
51076
+ "value": 0,
51077
+ "unit": "px"
51078
+ }
51079
+ }
51080
+ ],
51081
+ "filePath": "src/tokens/functional/shadow/shadow.json5",
51082
+ "isSource": true,
51083
+ "$type": "shadow"
48938
51084
  }
48939
51085
  },
48940
51086
  "org.primer.llm": {