@nswds/tokens 2.32.2 → 2.33.0

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 (192) hide show
  1. package/README.md +23 -0
  2. package/dist/css/colors/global/hsl.css +342 -342
  3. package/dist/css/colors/global/oklch.css +342 -342
  4. package/dist/css/colors/semantic/hsl.css +76 -76
  5. package/dist/css/colors/semantic/oklch.css +76 -76
  6. package/dist/css/colors/themes/data-visualisation/hex.css +208 -0
  7. package/dist/css/colors/themes/data-visualisation/hsl.css +208 -0
  8. package/dist/css/colors/themes/data-visualisation/oklch.css +208 -0
  9. package/dist/css/colors/themes/data-visualisation/rgb.css +208 -0
  10. package/dist/css/colors/themes/fuchsia-blue/hex.css +59 -0
  11. package/dist/css/colors/themes/fuchsia-blue/hsl.css +59 -0
  12. package/dist/css/colors/themes/fuchsia-blue/oklch.css +59 -0
  13. package/dist/css/colors/themes/fuchsia-blue/rgb.css +59 -0
  14. package/dist/css/colors/themes/fuchsia-orange/hex.css +59 -0
  15. package/dist/css/colors/themes/fuchsia-orange/hsl.css +59 -0
  16. package/dist/css/colors/themes/fuchsia-orange/oklch.css +59 -0
  17. package/dist/css/colors/themes/fuchsia-orange/rgb.css +59 -0
  18. package/dist/css/colors/themes/masterbrand/hsl.css +57 -57
  19. package/dist/css/colors/themes/masterbrand/oklch.css +57 -57
  20. package/dist/figma/color/global/hex.json +1 -1
  21. package/dist/figma/color/global/hsl.json +1027 -2053
  22. package/dist/figma/color/global/oklch.json +1027 -2053
  23. package/dist/figma/color/global/rgb.json +1369 -2395
  24. package/dist/figma/color/semantic/hsl.json +228 -152
  25. package/dist/figma/color/semantic/oklch.json +228 -152
  26. package/dist/figma/color/semantic/rgb.json +304 -228
  27. package/dist/figma/color/themes/data-visualisation/hex.json +846 -0
  28. package/dist/figma/color/themes/data-visualisation/hsl.json +1876 -0
  29. package/dist/figma/color/themes/data-visualisation/oklch.json +1876 -0
  30. package/dist/figma/color/themes/data-visualisation/rgb.json +1876 -0
  31. package/dist/figma/color/themes/fuchsia-blue/hex.json +236 -0
  32. package/dist/figma/color/themes/fuchsia-blue/hsl.json +521 -0
  33. package/dist/figma/color/themes/fuchsia-blue/oklch.json +521 -0
  34. package/dist/figma/color/themes/fuchsia-blue/rgb.json +521 -0
  35. package/dist/figma/color/themes/fuchsia-orange/hex.json +236 -0
  36. package/dist/figma/color/themes/fuchsia-orange/hsl.json +521 -0
  37. package/dist/figma/color/themes/fuchsia-orange/oklch.json +521 -0
  38. package/dist/figma/color/themes/fuchsia-orange/rgb.json +521 -0
  39. package/dist/figma/color/themes/masterbrand/color/hsl.json +171 -114
  40. package/dist/figma/color/themes/masterbrand/color/oklch.json +171 -114
  41. package/dist/figma/color/themes/masterbrand/color/rgb.json +228 -171
  42. package/dist/index.cjs +33786 -11365
  43. package/dist/index.cjs.map +1 -1
  44. package/dist/index.d.cts +3878 -482
  45. package/dist/index.d.ts +3878 -482
  46. package/dist/index.js +33786 -11365
  47. package/dist/index.js.map +1 -1
  48. package/dist/js/colors/global/hsl.js +342 -342
  49. package/dist/js/colors/global/oklch.js +342 -342
  50. package/dist/js/colors/semantic/hex.js +0 -3
  51. package/dist/js/colors/semantic/hsl.js +76 -79
  52. package/dist/js/colors/semantic/oklch.js +76 -79
  53. package/dist/js/colors/semantic/rgb.js +0 -3
  54. package/dist/js/colors/themes/data-visualisation/hex.js +226 -0
  55. package/dist/js/colors/themes/data-visualisation/hsl.js +226 -0
  56. package/dist/js/colors/themes/data-visualisation/oklch.js +226 -0
  57. package/dist/js/colors/themes/data-visualisation/rgb.js +226 -0
  58. package/dist/js/colors/themes/fuchsia-blue/hex.js +63 -0
  59. package/dist/js/colors/themes/fuchsia-blue/hsl.js +63 -0
  60. package/dist/js/colors/themes/fuchsia-blue/oklch.js +63 -0
  61. package/dist/js/colors/themes/fuchsia-blue/rgb.js +63 -0
  62. package/dist/js/colors/themes/fuchsia-orange/hex.js +63 -0
  63. package/dist/js/colors/themes/fuchsia-orange/hsl.js +63 -0
  64. package/dist/js/colors/themes/fuchsia-orange/oklch.js +63 -0
  65. package/dist/js/colors/themes/fuchsia-orange/rgb.js +63 -0
  66. package/dist/js/colors/themes/masterbrand/hsl.js +57 -57
  67. package/dist/js/colors/themes/masterbrand/oklch.js +57 -57
  68. package/dist/json/colors/global/hex.json +1 -1
  69. package/dist/json/colors/global/hsl.json +343 -343
  70. package/dist/json/colors/global/oklch.json +343 -343
  71. package/dist/json/colors/global/rgb.json +1 -1
  72. package/dist/json/colors/semantic/hsl.json +76 -76
  73. package/dist/json/colors/semantic/oklch.json +76 -76
  74. package/dist/json/colors/themes/data-visualisation/hex.json +228 -0
  75. package/dist/json/colors/themes/data-visualisation/hsl.json +228 -0
  76. package/dist/json/colors/themes/data-visualisation/oklch.json +228 -0
  77. package/dist/json/colors/themes/data-visualisation/rgb.json +228 -0
  78. package/dist/json/colors/themes/fuchsia-blue/hex.json +65 -0
  79. package/dist/json/colors/themes/fuchsia-blue/hsl.json +65 -0
  80. package/dist/json/colors/themes/fuchsia-blue/oklch.json +65 -0
  81. package/dist/json/colors/themes/fuchsia-blue/rgb.json +65 -0
  82. package/dist/json/colors/themes/fuchsia-orange/hex.json +65 -0
  83. package/dist/json/colors/themes/fuchsia-orange/hsl.json +65 -0
  84. package/dist/json/colors/themes/fuchsia-orange/oklch.json +65 -0
  85. package/dist/json/colors/themes/fuchsia-orange/rgb.json +65 -0
  86. package/dist/json/colors/themes/masterbrand/hsl.json +57 -57
  87. package/dist/json/colors/themes/masterbrand/oklch.json +57 -57
  88. package/dist/less/colors/global/hsl.less +342 -342
  89. package/dist/less/colors/global/oklch.less +342 -342
  90. package/dist/less/colors/semantic/hsl.less +76 -76
  91. package/dist/less/colors/semantic/oklch.less +76 -76
  92. package/dist/less/colors/themes/data-visualisation/hex.less +206 -0
  93. package/dist/less/colors/themes/data-visualisation/hsl.less +206 -0
  94. package/dist/less/colors/themes/data-visualisation/oklch.less +206 -0
  95. package/dist/less/colors/themes/data-visualisation/rgb.less +206 -0
  96. package/dist/less/colors/themes/fuchsia-blue/hex.less +57 -0
  97. package/dist/less/colors/themes/fuchsia-blue/hsl.less +57 -0
  98. package/dist/less/colors/themes/fuchsia-blue/oklch.less +57 -0
  99. package/dist/less/colors/themes/fuchsia-blue/rgb.less +57 -0
  100. package/dist/less/colors/themes/fuchsia-orange/hex.less +57 -0
  101. package/dist/less/colors/themes/fuchsia-orange/hsl.less +57 -0
  102. package/dist/less/colors/themes/fuchsia-orange/oklch.less +57 -0
  103. package/dist/less/colors/themes/fuchsia-orange/rgb.less +57 -0
  104. package/dist/less/colors/themes/masterbrand/hsl.less +57 -57
  105. package/dist/less/colors/themes/masterbrand/oklch.less +57 -57
  106. package/dist/scss/colors/global/hsl.scss +342 -342
  107. package/dist/scss/colors/global/oklch.scss +342 -342
  108. package/dist/scss/colors/semantic/hsl.scss +76 -76
  109. package/dist/scss/colors/semantic/oklch.scss +76 -76
  110. package/dist/scss/colors/themes/data-visualisation/hex.scss +206 -0
  111. package/dist/scss/colors/themes/data-visualisation/hsl.scss +206 -0
  112. package/dist/scss/colors/themes/data-visualisation/oklch.scss +206 -0
  113. package/dist/scss/colors/themes/data-visualisation/rgb.scss +206 -0
  114. package/dist/scss/colors/themes/fuchsia-blue/hex.scss +57 -0
  115. package/dist/scss/colors/themes/fuchsia-blue/hsl.scss +57 -0
  116. package/dist/scss/colors/themes/fuchsia-blue/oklch.scss +57 -0
  117. package/dist/scss/colors/themes/fuchsia-blue/rgb.scss +57 -0
  118. package/dist/scss/colors/themes/fuchsia-orange/hex.scss +57 -0
  119. package/dist/scss/colors/themes/fuchsia-orange/hsl.scss +57 -0
  120. package/dist/scss/colors/themes/fuchsia-orange/oklch.scss +57 -0
  121. package/dist/scss/colors/themes/fuchsia-orange/rgb.scss +57 -0
  122. package/dist/scss/colors/themes/masterbrand/hsl.scss +57 -57
  123. package/dist/scss/colors/themes/masterbrand/oklch.scss +57 -57
  124. package/dist/tailwind/colors/global/hsl.css +342 -342
  125. package/dist/tailwind/colors/global/oklch.css +342 -342
  126. package/dist/tailwind/colors/semantic/hsl.css +76 -76
  127. package/dist/tailwind/colors/semantic/oklch.css +76 -76
  128. package/dist/tailwind/colors/themes/data-visualisation/hsl.css +206 -206
  129. package/dist/tailwind/colors/themes/data-visualisation/oklch.css +206 -206
  130. package/dist/tailwind/colors/themes/fuchsia-blue/hex.css +1 -1
  131. package/dist/tailwind/colors/themes/fuchsia-blue/hsl.css +117 -57
  132. package/dist/tailwind/colors/themes/fuchsia-blue/oklch.css +117 -57
  133. package/dist/tailwind/colors/themes/fuchsia-blue/rgb.css +117 -57
  134. package/dist/tailwind/colors/themes/fuchsia-orange/hex.css +1 -1
  135. package/dist/tailwind/colors/themes/fuchsia-orange/hsl.css +117 -57
  136. package/dist/tailwind/colors/themes/fuchsia-orange/oklch.css +117 -57
  137. package/dist/tailwind/colors/themes/fuchsia-orange/rgb.css +117 -57
  138. package/dist/tailwind/colors/themes/masterbrand/hex.css +1 -1
  139. package/dist/tailwind/colors/themes/masterbrand/hsl.css +117 -57
  140. package/dist/tailwind/colors/themes/masterbrand/oklch.css +117 -57
  141. package/dist/tailwind/colors/themes/masterbrand/rgb.css +117 -57
  142. package/dist/tokens/global/color/canonical.json +4484 -0
  143. package/dist/tokens/global/color/hex.json +1 -1
  144. package/dist/tokens/global/color/hsl.json +1942 -1600
  145. package/dist/tokens/global/color/oklch.json +2041 -1699
  146. package/dist/tokens/global/color/rgb.json +2342 -2000
  147. package/dist/tokens/{Primitives /342/200/224 semantic.light.json" → primitives-semantic.light.json} +76 -76
  148. package/dist/tokens/semantic/color/canonical.json +998 -0
  149. package/dist/tokens/semantic/color/hsl.json +532 -152
  150. package/dist/tokens/semantic/color/oklch.json +532 -152
  151. package/dist/tokens/semantic/color/rgb.json +608 -228
  152. package/dist/tokens/themes/color/data-visualisation/canonical.json +2700 -0
  153. package/dist/tokens/themes/color/data-visualisation/hex.json +846 -0
  154. package/dist/tokens/themes/color/data-visualisation/hsl.json +2700 -0
  155. package/dist/tokens/themes/color/data-visualisation/oklch.json +2700 -0
  156. package/dist/tokens/themes/color/data-visualisation/rgb.json +2700 -0
  157. package/dist/tokens/themes/color/fuchsia-blue/canonical.json +236 -0
  158. package/dist/tokens/themes/color/fuchsia-blue/hex.json +236 -0
  159. package/dist/tokens/themes/color/fuchsia-blue/hsl.json +749 -0
  160. package/dist/tokens/themes/color/fuchsia-blue/oklch.json +749 -0
  161. package/dist/tokens/themes/color/fuchsia-blue/rgb.json +749 -0
  162. package/dist/tokens/themes/color/fuchsia-orange/canonical.json +236 -0
  163. package/dist/tokens/themes/color/fuchsia-orange/hex.json +236 -0
  164. package/dist/tokens/themes/color/fuchsia-orange/hsl.json +749 -0
  165. package/dist/tokens/themes/color/fuchsia-orange/oklch.json +749 -0
  166. package/dist/tokens/themes/color/fuchsia-orange/rgb.json +749 -0
  167. package/dist/tokens/themes/color/masterbrand/canonical.json +236 -0
  168. package/dist/tokens/themes/color/masterbrand/hex.json +1 -1
  169. package/dist/tokens/themes/color/masterbrand/hsl.json +313 -256
  170. package/dist/tokens/themes/color/masterbrand/oklch.json +338 -281
  171. package/dist/tokens/themes/color/masterbrand/rgb.json +390 -333
  172. package/dist/tokens/{Themes /342/200/224 masterbrand.light.json" → themes-masterbrand.light.json} +57 -57
  173. package/dist/ts/colors/global/hsl.ts +342 -342
  174. package/dist/ts/colors/global/oklch.ts +342 -342
  175. package/dist/ts/colors/semantic/hsl.ts +76 -76
  176. package/dist/ts/colors/semantic/oklch.ts +76 -76
  177. package/dist/ts/colors/themes/data-visualisation/hex.ts +226 -0
  178. package/dist/ts/colors/themes/data-visualisation/hsl.ts +226 -0
  179. package/dist/ts/colors/themes/data-visualisation/oklch.ts +226 -0
  180. package/dist/ts/colors/themes/data-visualisation/rgb.ts +226 -0
  181. package/dist/ts/colors/themes/fuchsia-blue/hex.ts +63 -0
  182. package/dist/ts/colors/themes/fuchsia-blue/hsl.ts +63 -0
  183. package/dist/ts/colors/themes/fuchsia-blue/oklch.ts +63 -0
  184. package/dist/ts/colors/themes/fuchsia-blue/rgb.ts +63 -0
  185. package/dist/ts/colors/themes/fuchsia-orange/hex.ts +63 -0
  186. package/dist/ts/colors/themes/fuchsia-orange/hsl.ts +63 -0
  187. package/dist/ts/colors/themes/fuchsia-orange/oklch.ts +63 -0
  188. package/dist/ts/colors/themes/fuchsia-orange/rgb.ts +63 -0
  189. package/dist/ts/colors/themes/masterbrand/hsl.ts +57 -57
  190. package/dist/ts/colors/themes/masterbrand/oklch.ts +57 -57
  191. package/package.json +15 -2
  192. /package/dist/tokens/{Primitives /342/200/224 global.light.json" → primitives-global.light.json} +0 -0
@@ -3,7 +3,7 @@
3
3
  "50": {
4
4
  "$type": "color",
5
5
  "$value": "#eff9ed",
6
- "$description": "",
6
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 50: lightest tints for subtle backgrounds and surfaces.",
7
7
  "$extensions": {
8
8
  "com.figma": {
9
9
  "hiddenFromPublishing": false,
@@ -17,7 +17,7 @@
17
17
  "100": {
18
18
  "$type": "color",
19
19
  "$value": "#e0f3de",
20
- "$description": "",
20
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 100: lightest tints for subtle backgrounds and surfaces.",
21
21
  "$extensions": {
22
22
  "com.figma": {
23
23
  "hiddenFromPublishing": false,
@@ -31,7 +31,7 @@
31
31
  "150": {
32
32
  "$type": "color",
33
33
  "$value": "#d2eccf",
34
- "$description": "",
34
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 150: lightest tints for subtle backgrounds and surfaces.",
35
35
  "$extensions": {
36
36
  "com.figma": {
37
37
  "hiddenFromPublishing": false,
@@ -45,7 +45,7 @@
45
45
  "200": {
46
46
  "$type": "color",
47
47
  "$value": "#c4e5c0",
48
- "$description": "",
48
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 200: lightest tints for subtle backgrounds and surfaces.",
49
49
  "$extensions": {
50
50
  "com.figma": {
51
51
  "hiddenFromPublishing": false,
@@ -59,7 +59,7 @@
59
59
  "250": {
60
60
  "$type": "color",
61
61
  "$value": "#aad6a5",
62
- "$description": "",
62
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 250: lightest tints for subtle backgrounds and surfaces.",
63
63
  "$extensions": {
64
64
  "com.figma": {
65
65
  "hiddenFromPublishing": false,
@@ -73,7 +73,7 @@
73
73
  "300": {
74
74
  "$type": "color",
75
75
  "$value": "#8fc78a",
76
- "$description": "",
76
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 300: light tints.",
77
77
  "$extensions": {
78
78
  "com.figma": {
79
79
  "hiddenFromPublishing": false,
@@ -87,7 +87,7 @@
87
87
  "350": {
88
88
  "$type": "color",
89
89
  "$value": "#74b76f",
90
- "$description": "",
90
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 350: light tints.",
91
91
  "$extensions": {
92
92
  "com.figma": {
93
93
  "hiddenFromPublishing": false,
@@ -101,7 +101,7 @@
101
101
  "400": {
102
102
  "$type": "color",
103
103
  "$value": "#58a854",
104
- "$description": "",
104
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 400: light tints.",
105
105
  "$extensions": {
106
106
  "com.figma": {
107
107
  "hiddenFromPublishing": false,
@@ -115,7 +115,7 @@
115
115
  "450": {
116
116
  "$type": "color",
117
117
  "$value": "#49a146",
118
- "$description": "",
118
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 450: light tints.",
119
119
  "$extensions": {
120
120
  "com.figma": {
121
121
  "hiddenFromPublishing": false,
@@ -129,7 +129,7 @@
129
129
  "500": {
130
130
  "$type": "color",
131
131
  "$value": "#399936",
132
- "$description": "",
132
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 500: base colour.",
133
133
  "$extensions": {
134
134
  "com.figma": {
135
135
  "hiddenFromPublishing": false,
@@ -143,7 +143,7 @@
143
143
  "550": {
144
144
  "$type": "color",
145
145
  "$value": "#259224",
146
- "$description": "",
146
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 550: shades for borders and icons.",
147
147
  "$extensions": {
148
148
  "com.figma": {
149
149
  "hiddenFromPublishing": false,
@@ -157,7 +157,7 @@
157
157
  "600": {
158
158
  "$type": "color",
159
159
  "$value": "#008a07",
160
- "$description": "",
160
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 600: shades for borders and icons.",
161
161
  "$extensions": {
162
162
  "com.figma": {
163
163
  "hiddenFromPublishing": false,
@@ -171,7 +171,7 @@
171
171
  "650": {
172
172
  "$type": "color",
173
173
  "$value": "#007204",
174
- "$description": "",
174
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 650: shades for borders and icons.",
175
175
  "$extensions": {
176
176
  "com.figma": {
177
177
  "hiddenFromPublishing": false,
@@ -185,7 +185,7 @@
185
185
  "700": {
186
186
  "$type": "color",
187
187
  "$value": "#005a02",
188
- "$description": "",
188
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 700: shades for borders and icons.",
189
189
  "$extensions": {
190
190
  "com.figma": {
191
191
  "hiddenFromPublishing": false,
@@ -199,7 +199,7 @@
199
199
  "750": {
200
200
  "$type": "color",
201
201
  "$value": "#004401",
202
- "$description": "",
202
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 750: darkest shades for text and high emphasis.",
203
203
  "$extensions": {
204
204
  "com.figma": {
205
205
  "hiddenFromPublishing": false,
@@ -213,7 +213,7 @@
213
213
  "800": {
214
214
  "$type": "color",
215
215
  "$value": "#002f00",
216
- "$description": "",
216
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 800: darkest shades for text and high emphasis.",
217
217
  "$extensions": {
218
218
  "com.figma": {
219
219
  "hiddenFromPublishing": false,
@@ -227,7 +227,7 @@
227
227
  "850": {
228
228
  "$type": "color",
229
229
  "$value": "#002200",
230
- "$description": "",
230
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 850: darkest shades for text and high emphasis.",
231
231
  "$extensions": {
232
232
  "com.figma": {
233
233
  "hiddenFromPublishing": false,
@@ -241,7 +241,7 @@
241
241
  "900": {
242
242
  "$type": "color",
243
243
  "$value": "#001600",
244
- "$description": "",
244
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 900: darkest shades for text and high emphasis.",
245
245
  "$extensions": {
246
246
  "com.figma": {
247
247
  "hiddenFromPublishing": false,
@@ -255,7 +255,7 @@
255
255
  "950": {
256
256
  "$type": "color",
257
257
  "$value": "#000b00",
258
- "$description": "",
258
+ "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 950: darkest shades for text and high emphasis.",
259
259
  "$extensions": {
260
260
  "com.figma": {
261
261
  "hiddenFromPublishing": false,
@@ -271,7 +271,7 @@
271
271
  "50": {
272
272
  "$type": "color",
273
273
  "$value": "#fff3ed",
274
- "$description": "",
274
+ "$description": "Warning state — caution and actions that need attention. Step 50: lightest tints for subtle backgrounds and surfaces.",
275
275
  "$extensions": {
276
276
  "com.figma": {
277
277
  "hiddenFromPublishing": false,
@@ -285,7 +285,7 @@
285
285
  "100": {
286
286
  "$type": "color",
287
287
  "$value": "#ffe8de",
288
- "$description": "",
288
+ "$description": "Warning state — caution and actions that need attention. Step 100: lightest tints for subtle backgrounds and surfaces.",
289
289
  "$extensions": {
290
290
  "com.figma": {
291
291
  "hiddenFromPublishing": false,
@@ -299,7 +299,7 @@
299
299
  "150": {
300
300
  "$type": "color",
301
301
  "$value": "#ffddcf",
302
- "$description": "",
302
+ "$description": "Warning state — caution and actions that need attention. Step 150: lightest tints for subtle backgrounds and surfaces.",
303
303
  "$extensions": {
304
304
  "com.figma": {
305
305
  "hiddenFromPublishing": false,
@@ -313,7 +313,7 @@
313
313
  "200": {
314
314
  "$type": "color",
315
315
  "$value": "#fdd2c0",
316
- "$description": "",
316
+ "$description": "Warning state — caution and actions that need attention. Step 200: lightest tints for subtle backgrounds and surfaces.",
317
317
  "$extensions": {
318
318
  "com.figma": {
319
319
  "hiddenFromPublishing": false,
@@ -327,7 +327,7 @@
327
327
  "250": {
328
328
  "$type": "color",
329
329
  "$value": "#f6bda5",
330
- "$description": "",
330
+ "$description": "Warning state — caution and actions that need attention. Step 250: lightest tints for subtle backgrounds and surfaces.",
331
331
  "$extensions": {
332
332
  "com.figma": {
333
333
  "hiddenFromPublishing": false,
@@ -341,7 +341,7 @@
341
341
  "300": {
342
342
  "$type": "color",
343
343
  "$value": "#eea88a",
344
- "$description": "",
344
+ "$description": "Warning state — caution and actions that need attention. Step 300: light tints.",
345
345
  "$extensions": {
346
346
  "com.figma": {
347
347
  "hiddenFromPublishing": false,
@@ -355,7 +355,7 @@
355
355
  "350": {
356
356
  "$type": "color",
357
357
  "$value": "#e6936f",
358
- "$description": "",
358
+ "$description": "Warning state — caution and actions that need attention. Step 350: light tints.",
359
359
  "$extensions": {
360
360
  "com.figma": {
361
361
  "hiddenFromPublishing": false,
@@ -369,7 +369,7 @@
369
369
  "400": {
370
370
  "$type": "color",
371
371
  "$value": "#dd7d53",
372
- "$description": "",
372
+ "$description": "Warning state — caution and actions that need attention. Step 400: light tints.",
373
373
  "$extensions": {
374
374
  "com.figma": {
375
375
  "hiddenFromPublishing": false,
@@ -383,7 +383,7 @@
383
383
  "450": {
384
384
  "$type": "color",
385
385
  "$value": "#d87244",
386
- "$description": "",
386
+ "$description": "Warning state — caution and actions that need attention. Step 450: light tints.",
387
387
  "$extensions": {
388
388
  "com.figma": {
389
389
  "hiddenFromPublishing": false,
@@ -397,7 +397,7 @@
397
397
  "500": {
398
398
  "$type": "color",
399
399
  "$value": "#d36734",
400
- "$description": "",
400
+ "$description": "Warning state — caution and actions that need attention. Step 500: base colour.",
401
401
  "$extensions": {
402
402
  "com.figma": {
403
403
  "hiddenFromPublishing": false,
@@ -411,7 +411,7 @@
411
411
  "550": {
412
412
  "$type": "color",
413
413
  "$value": "#ce5c21",
414
- "$description": "",
414
+ "$description": "Warning state — caution and actions that need attention. Step 550: shades for borders and icons.",
415
415
  "$extensions": {
416
416
  "com.figma": {
417
417
  "hiddenFromPublishing": false,
@@ -425,7 +425,7 @@
425
425
  "600": {
426
426
  "$type": "color",
427
427
  "$value": "#c95000",
428
- "$description": "",
428
+ "$description": "Warning state — caution and actions that need attention. Step 600: shades for borders and icons.",
429
429
  "$extensions": {
430
430
  "com.figma": {
431
431
  "hiddenFromPublishing": false,
@@ -439,7 +439,7 @@
439
439
  "650": {
440
440
  "$type": "color",
441
441
  "$value": "#a83f03",
442
- "$description": "",
442
+ "$description": "Warning state — caution and actions that need attention. Step 650: shades for borders and icons.",
443
443
  "$extensions": {
444
444
  "com.figma": {
445
445
  "hiddenFromPublishing": false,
@@ -453,7 +453,7 @@
453
453
  "700": {
454
454
  "$type": "color",
455
455
  "$value": "#882f03",
456
- "$description": "",
456
+ "$description": "Warning state — caution and actions that need attention. Step 700: shades for borders and icons.",
457
457
  "$extensions": {
458
458
  "com.figma": {
459
459
  "hiddenFromPublishing": false,
@@ -467,7 +467,7 @@
467
467
  "750": {
468
468
  "$type": "color",
469
469
  "$value": "#692001",
470
- "$description": "",
470
+ "$description": "Warning state — caution and actions that need attention. Step 750: darkest shades for text and high emphasis.",
471
471
  "$extensions": {
472
472
  "com.figma": {
473
473
  "hiddenFromPublishing": false,
@@ -481,7 +481,7 @@
481
481
  "800": {
482
482
  "$type": "color",
483
483
  "$value": "#4b1200",
484
- "$description": "",
484
+ "$description": "Warning state — caution and actions that need attention. Step 800: darkest shades for text and high emphasis.",
485
485
  "$extensions": {
486
486
  "com.figma": {
487
487
  "hiddenFromPublishing": false,
@@ -495,7 +495,7 @@
495
495
  "850": {
496
496
  "$type": "color",
497
497
  "$value": "#390a00",
498
- "$description": "",
498
+ "$description": "Warning state — caution and actions that need attention. Step 850: darkest shades for text and high emphasis.",
499
499
  "$extensions": {
500
500
  "com.figma": {
501
501
  "hiddenFromPublishing": false,
@@ -509,7 +509,7 @@
509
509
  "900": {
510
510
  "$type": "color",
511
511
  "$value": "#270400",
512
- "$description": "",
512
+ "$description": "Warning state — caution and actions that need attention. Step 900: darkest shades for text and high emphasis.",
513
513
  "$extensions": {
514
514
  "com.figma": {
515
515
  "hiddenFromPublishing": false,
@@ -523,7 +523,7 @@
523
523
  "950": {
524
524
  "$type": "color",
525
525
  "$value": "#170100",
526
- "$description": "",
526
+ "$description": "Warning state — caution and actions that need attention. Step 950: darkest shades for text and high emphasis.",
527
527
  "$extensions": {
528
528
  "com.figma": {
529
529
  "hiddenFromPublishing": false,
@@ -539,7 +539,7 @@
539
539
  "50": {
540
540
  "$type": "color",
541
541
  "$value": "#fff0ef",
542
- "$description": "",
542
+ "$description": "Danger state — errors and destructive or critical actions. Step 50: lightest tints for subtle backgrounds and surfaces.",
543
543
  "$extensions": {
544
544
  "com.figma": {
545
545
  "hiddenFromPublishing": false,
@@ -553,7 +553,7 @@
553
553
  "100": {
554
554
  "$type": "color",
555
555
  "$value": "#ffe2e1",
556
- "$description": "",
556
+ "$description": "Danger state — errors and destructive or critical actions. Step 100: lightest tints for subtle backgrounds and surfaces.",
557
557
  "$extensions": {
558
558
  "com.figma": {
559
559
  "hiddenFromPublishing": false,
@@ -567,7 +567,7 @@
567
567
  "150": {
568
568
  "$type": "color",
569
569
  "$value": "#ffd4d4",
570
- "$description": "",
570
+ "$description": "Danger state — errors and destructive or critical actions. Step 150: lightest tints for subtle backgrounds and surfaces.",
571
571
  "$extensions": {
572
572
  "com.figma": {
573
573
  "hiddenFromPublishing": false,
@@ -581,7 +581,7 @@
581
581
  "200": {
582
582
  "$type": "color",
583
583
  "$value": "#fdc6c6",
584
- "$description": "",
584
+ "$description": "Danger state — errors and destructive or critical actions. Step 200: lightest tints for subtle backgrounds and surfaces.",
585
585
  "$extensions": {
586
586
  "com.figma": {
587
587
  "hiddenFromPublishing": false,
@@ -595,7 +595,7 @@
595
595
  "250": {
596
596
  "$type": "color",
597
597
  "$value": "#f4acad",
598
- "$description": "",
598
+ "$description": "Danger state — errors and destructive or critical actions. Step 250: lightest tints for subtle backgrounds and surfaces.",
599
599
  "$extensions": {
600
600
  "com.figma": {
601
601
  "hiddenFromPublishing": false,
@@ -609,7 +609,7 @@
609
609
  "300": {
610
610
  "$type": "color",
611
611
  "$value": "#ea9294",
612
- "$description": "",
612
+ "$description": "Danger state — errors and destructive or critical actions. Step 300: light tints.",
613
613
  "$extensions": {
614
614
  "com.figma": {
615
615
  "hiddenFromPublishing": false,
@@ -623,7 +623,7 @@
623
623
  "350": {
624
624
  "$type": "color",
625
625
  "$value": "#df787c",
626
- "$description": "",
626
+ "$description": "Danger state — errors and destructive or critical actions. Step 350: light tints.",
627
627
  "$extensions": {
628
628
  "com.figma": {
629
629
  "hiddenFromPublishing": false,
@@ -637,7 +637,7 @@
637
637
  "400": {
638
638
  "$type": "color",
639
639
  "$value": "#d35d65",
640
- "$description": "",
640
+ "$description": "Danger state — errors and destructive or critical actions. Step 400: light tints.",
641
641
  "$extensions": {
642
642
  "com.figma": {
643
643
  "hiddenFromPublishing": false,
@@ -651,7 +651,7 @@
651
651
  "450": {
652
652
  "$type": "color",
653
653
  "$value": "#cd4e59",
654
- "$description": "",
654
+ "$description": "Danger state — errors and destructive or critical actions. Step 450: light tints.",
655
655
  "$extensions": {
656
656
  "com.figma": {
657
657
  "hiddenFromPublishing": false,
@@ -665,7 +665,7 @@
665
665
  "500": {
666
666
  "$type": "color",
667
667
  "$value": "#c63f4e",
668
- "$description": "",
668
+ "$description": "Danger state — errors and destructive or critical actions. Step 500: base colour.",
669
669
  "$extensions": {
670
670
  "com.figma": {
671
671
  "hiddenFromPublishing": false,
@@ -679,7 +679,7 @@
679
679
  "550": {
680
680
  "$type": "color",
681
681
  "$value": "#bf2c42",
682
- "$description": "",
682
+ "$description": "Danger state — errors and destructive or critical actions. Step 550: shades for borders and icons.",
683
683
  "$extensions": {
684
684
  "com.figma": {
685
685
  "hiddenFromPublishing": false,
@@ -693,7 +693,7 @@
693
693
  "600": {
694
694
  "$type": "color",
695
695
  "$value": "#b81237",
696
- "$description": "",
696
+ "$description": "Danger state — errors and destructive or critical actions. Step 600: shades for borders and icons.",
697
697
  "$extensions": {
698
698
  "com.figma": {
699
699
  "hiddenFromPublishing": false,
@@ -707,7 +707,7 @@
707
707
  "650": {
708
708
  "$type": "color",
709
709
  "$value": "#990b2a",
710
- "$description": "",
710
+ "$description": "Danger state — errors and destructive or critical actions. Step 650: shades for borders and icons.",
711
711
  "$extensions": {
712
712
  "com.figma": {
713
713
  "hiddenFromPublishing": false,
@@ -721,7 +721,7 @@
721
721
  "700": {
722
722
  "$type": "color",
723
723
  "$value": "#7c061f",
724
- "$description": "",
724
+ "$description": "Danger state — errors and destructive or critical actions. Step 700: shades for borders and icons.",
725
725
  "$extensions": {
726
726
  "com.figma": {
727
727
  "hiddenFromPublishing": false,
@@ -735,7 +735,7 @@
735
735
  "750": {
736
736
  "$type": "color",
737
737
  "$value": "#5f0214",
738
- "$description": "",
738
+ "$description": "Danger state — errors and destructive or critical actions. Step 750: darkest shades for text and high emphasis.",
739
739
  "$extensions": {
740
740
  "com.figma": {
741
741
  "hiddenFromPublishing": false,
@@ -749,7 +749,7 @@
749
749
  "800": {
750
750
  "$type": "color",
751
751
  "$value": "#44000a",
752
- "$description": "",
752
+ "$description": "Danger state — errors and destructive or critical actions. Step 800: darkest shades for text and high emphasis.",
753
753
  "$extensions": {
754
754
  "com.figma": {
755
755
  "hiddenFromPublishing": false,
@@ -763,7 +763,7 @@
763
763
  "850": {
764
764
  "$type": "color",
765
765
  "$value": "#330005",
766
- "$description": "",
766
+ "$description": "Danger state — errors and destructive or critical actions. Step 850: darkest shades for text and high emphasis.",
767
767
  "$extensions": {
768
768
  "com.figma": {
769
769
  "hiddenFromPublishing": false,
@@ -777,7 +777,7 @@
777
777
  "900": {
778
778
  "$type": "color",
779
779
  "$value": "#230002",
780
- "$description": "",
780
+ "$description": "Danger state — errors and destructive or critical actions. Step 900: darkest shades for text and high emphasis.",
781
781
  "$extensions": {
782
782
  "com.figma": {
783
783
  "hiddenFromPublishing": false,
@@ -791,7 +791,7 @@
791
791
  "950": {
792
792
  "$type": "color",
793
793
  "$value": "#140001",
794
- "$description": "",
794
+ "$description": "Danger state — errors and destructive or critical actions. Step 950: darkest shades for text and high emphasis.",
795
795
  "$extensions": {
796
796
  "com.figma": {
797
797
  "hiddenFromPublishing": false,
@@ -807,7 +807,7 @@
807
807
  "50": {
808
808
  "$type": "color",
809
809
  "$value": "#e9eef7",
810
- "$description": "",
810
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 50: lightest tints for subtle backgrounds and surfaces.",
811
811
  "$extensions": {
812
812
  "com.figma": {
813
813
  "hiddenFromPublishing": false,
@@ -821,7 +821,7 @@
821
821
  "100": {
822
822
  "$type": "color",
823
823
  "$value": "#d4ddeb",
824
- "$description": "",
824
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 100: lightest tints for subtle backgrounds and surfaces.",
825
825
  "$extensions": {
826
826
  "com.figma": {
827
827
  "hiddenFromPublishing": false,
@@ -835,7 +835,7 @@
835
835
  "150": {
836
836
  "$type": "color",
837
837
  "$value": "#c0cce0",
838
- "$description": "",
838
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 150: lightest tints for subtle backgrounds and surfaces.",
839
839
  "$extensions": {
840
840
  "com.figma": {
841
841
  "hiddenFromPublishing": false,
@@ -849,7 +849,7 @@
849
849
  "200": {
850
850
  "$type": "color",
851
851
  "$value": "#acbbd5",
852
- "$description": "",
852
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 200: lightest tints for subtle backgrounds and surfaces.",
853
853
  "$extensions": {
854
854
  "com.figma": {
855
855
  "hiddenFromPublishing": false,
@@ -863,7 +863,7 @@
863
863
  "250": {
864
864
  "$type": "color",
865
865
  "$value": "#96a9cc",
866
- "$description": "",
866
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 250: lightest tints for subtle backgrounds and surfaces.",
867
867
  "$extensions": {
868
868
  "com.figma": {
869
869
  "hiddenFromPublishing": false,
@@ -877,7 +877,7 @@
877
877
  "300": {
878
878
  "$type": "color",
879
879
  "$value": "#8098c2",
880
- "$description": "",
880
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 300: light tints.",
881
881
  "$extensions": {
882
882
  "com.figma": {
883
883
  "hiddenFromPublishing": false,
@@ -891,7 +891,7 @@
891
891
  "350": {
892
892
  "$type": "color",
893
893
  "$value": "#6b86b8",
894
- "$description": "",
894
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 350: light tints.",
895
895
  "$extensions": {
896
896
  "com.figma": {
897
897
  "hiddenFromPublishing": false,
@@ -905,7 +905,7 @@
905
905
  "400": {
906
906
  "$type": "color",
907
907
  "$value": "#5775ae",
908
- "$description": "",
908
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 400: light tints.",
909
909
  "$extensions": {
910
910
  "com.figma": {
911
911
  "hiddenFromPublishing": false,
@@ -919,7 +919,7 @@
919
919
  "450": {
920
920
  "$type": "color",
921
921
  "$value": "#4d6ca9",
922
- "$description": "",
922
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 450: light tints.",
923
923
  "$extensions": {
924
924
  "com.figma": {
925
925
  "hiddenFromPublishing": false,
@@ -933,7 +933,7 @@
933
933
  "500": {
934
934
  "$type": "color",
935
935
  "$value": "#4264a4",
936
- "$description": "",
936
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 500: base colour.",
937
937
  "$extensions": {
938
938
  "com.figma": {
939
939
  "hiddenFromPublishing": false,
@@ -947,7 +947,7 @@
947
947
  "550": {
948
948
  "$type": "color",
949
949
  "$value": "#385b9e",
950
- "$description": "",
950
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 550: shades for borders and icons.",
951
951
  "$extensions": {
952
952
  "com.figma": {
953
953
  "hiddenFromPublishing": false,
@@ -961,7 +961,7 @@
961
961
  "600": {
962
962
  "$type": "color",
963
963
  "$value": "#2e5299",
964
- "$description": "",
964
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 600: shades for borders and icons.",
965
965
  "$extensions": {
966
966
  "com.figma": {
967
967
  "hiddenFromPublishing": false,
@@ -975,7 +975,7 @@
975
975
  "650": {
976
976
  "$type": "color",
977
977
  "$value": "#23427f",
978
- "$description": "",
978
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 650: shades for borders and icons.",
979
979
  "$extensions": {
980
980
  "com.figma": {
981
981
  "hiddenFromPublishing": false,
@@ -989,7 +989,7 @@
989
989
  "700": {
990
990
  "$type": "color",
991
991
  "$value": "#193366",
992
- "$description": "",
992
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 700: shades for borders and icons.",
993
993
  "$extensions": {
994
994
  "com.figma": {
995
995
  "hiddenFromPublishing": false,
@@ -1003,7 +1003,7 @@
1003
1003
  "750": {
1004
1004
  "$type": "color",
1005
1005
  "$value": "#10254f",
1006
- "$description": "",
1006
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 750: darkest shades for text and high emphasis.",
1007
1007
  "$extensions": {
1008
1008
  "com.figma": {
1009
1009
  "hiddenFromPublishing": false,
@@ -1017,7 +1017,7 @@
1017
1017
  "800": {
1018
1018
  "$type": "color",
1019
1019
  "$value": "#071738",
1020
- "$description": "",
1020
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 800: darkest shades for text and high emphasis.",
1021
1021
  "$extensions": {
1022
1022
  "com.figma": {
1023
1023
  "hiddenFromPublishing": false,
@@ -1031,7 +1031,7 @@
1031
1031
  "850": {
1032
1032
  "$type": "color",
1033
1033
  "$value": "#040f2a",
1034
- "$description": "",
1034
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 850: darkest shades for text and high emphasis.",
1035
1035
  "$extensions": {
1036
1036
  "com.figma": {
1037
1037
  "hiddenFromPublishing": false,
@@ -1045,7 +1045,7 @@
1045
1045
  "900": {
1046
1046
  "$type": "color",
1047
1047
  "$value": "#02071c",
1048
- "$description": "",
1048
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 900: darkest shades for text and high emphasis.",
1049
1049
  "$extensions": {
1050
1050
  "com.figma": {
1051
1051
  "hiddenFromPublishing": false,
@@ -1059,7 +1059,7 @@
1059
1059
  "950": {
1060
1060
  "$type": "color",
1061
1061
  "$value": "#00030f",
1062
- "$description": "",
1062
+ "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 950: darkest shades for text and high emphasis.",
1063
1063
  "$extensions": {
1064
1064
  "com.figma": {
1065
1065
  "hiddenFromPublishing": false,