@digdir/designsystemet 0.1.0-next.21 → 0.1.0-next.23

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 (96) hide show
  1. package/dist/bin/designsystemet.js +2 -2
  2. package/dist/src/colors/colorUtils.js +10 -10
  3. package/dist/src/init/createTokensPackage.js +27 -4
  4. package/dist/src/init/generateMetadataJson.js +6 -4
  5. package/dist/src/init/generateThemesJson.js +56 -5
  6. package/dist/src/init/nextStepsMarkdown.js +2 -2
  7. package/dist/src/init/template/default-files/design-tokens/primitives/globals.json +32 -68
  8. package/dist/src/init/template/default-files/design-tokens/primitives/size/default.json +175 -0
  9. package/dist/src/init/template/default-files/design-tokens/semantic/color.json +280 -270
  10. package/dist/src/init/template/default-files/design-tokens/semantic/style.json +307 -286
  11. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/contrast/theme-template.json +314 -0
  12. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/dark/global.json +376 -0
  13. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/dark/theme-template.json +314 -0
  14. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/light/global.json +376 -0
  15. package/dist/src/init/template/template-files/design-tokens/primitives/modes/colors/light/theme-template.json +314 -0
  16. package/dist/src/init/template/template-files/design-tokens/primitives/modes/typography/primary/theme-template.json +30 -0
  17. package/dist/src/init/template/template-files/design-tokens/primitives/modes/typography/secondary/theme-template.json +30 -0
  18. package/dist/src/init/template/template-files/design-tokens/themes/theme-template.json +170 -150
  19. package/dist/src/init/template/template-files/package.json +1 -1
  20. package/dist/src/migrations/codemods/css/plugins.js +14 -15
  21. package/dist/src/migrations/codemods/jsx/classname-prefix.js +8 -7
  22. package/dist/src/tokens/actions.js +1 -1
  23. package/dist/src/tokens/build.js +26 -15
  24. package/dist/src/tokens/configs.js +20 -16
  25. package/dist/src/tokens/formats/css.js +42 -31
  26. package/dist/src/tokens/formats/js-tokens.js +8 -4
  27. package/dist/src/tokens/transformers.js +7 -3
  28. package/dist/src/tokens/utils/entryfile.js +31 -0
  29. package/dist/src/tokens/utils/permutateThemes.js +2 -2
  30. package/dist/src/tokens/utils/utils.js +11 -0
  31. package/dist/types/bin/designsystemet.d.ts +3 -0
  32. package/dist/types/bin/designsystemet.d.ts.map +1 -0
  33. package/dist/types/src/colors/colorUtils.d.ts +126 -0
  34. package/dist/types/src/colors/colorUtils.d.ts.map +1 -0
  35. package/dist/types/src/colors/index.d.ts +4 -0
  36. package/dist/types/src/colors/index.d.ts.map +1 -0
  37. package/dist/types/src/colors/themeUtils.d.ts +102 -0
  38. package/dist/types/src/colors/themeUtils.d.ts.map +1 -0
  39. package/dist/types/src/colors/types.d.ts +16 -0
  40. package/dist/types/src/colors/types.d.ts.map +1 -0
  41. package/dist/types/src/init/createTokensPackage.d.ts +5 -0
  42. package/dist/types/src/init/createTokensPackage.d.ts.map +1 -0
  43. package/dist/types/src/init/generateMetadataJson.d.ts +6 -0
  44. package/dist/types/src/init/generateMetadataJson.d.ts.map +1 -0
  45. package/dist/types/src/init/generateThemesJson.d.ts +3 -0
  46. package/dist/types/src/init/generateThemesJson.d.ts.map +1 -0
  47. package/dist/types/src/init/index.d.ts +3 -0
  48. package/dist/types/src/init/index.d.ts.map +1 -0
  49. package/dist/types/src/init/nextStepsMarkdown.d.ts +3 -0
  50. package/dist/types/src/init/nextStepsMarkdown.d.ts.map +1 -0
  51. package/dist/types/src/init/template/prettier.config.d.mts +9 -0
  52. package/dist/types/src/init/template/prettier.config.d.mts.map +1 -0
  53. package/dist/types/src/init/utils.d.ts +4 -0
  54. package/dist/types/src/init/utils.d.ts.map +1 -0
  55. package/dist/types/src/migrations/beta-to-v1.d.ts +3 -0
  56. package/dist/types/src/migrations/beta-to-v1.d.ts.map +1 -0
  57. package/dist/types/src/migrations/codemods/css/plugins.d.ts +6 -0
  58. package/dist/types/src/migrations/codemods/css/plugins.d.ts.map +1 -0
  59. package/dist/types/src/migrations/codemods/css/run.d.ts +8 -0
  60. package/dist/types/src/migrations/codemods/css/run.d.ts.map +1 -0
  61. package/dist/types/src/migrations/codemods/jsx/classname-prefix.d.ts +10 -0
  62. package/dist/types/src/migrations/codemods/jsx/classname-prefix.d.ts.map +1 -0
  63. package/dist/types/src/migrations/codemods/jsx/run.d.ts +7 -0
  64. package/dist/types/src/migrations/codemods/jsx/run.d.ts.map +1 -0
  65. package/dist/types/src/migrations/index.d.ts +6 -0
  66. package/dist/types/src/migrations/index.d.ts.map +1 -0
  67. package/dist/types/src/migrations/react-beta-to-v1.d.ts +3 -0
  68. package/dist/types/src/migrations/react-beta-to-v1.d.ts.map +1 -0
  69. package/dist/types/src/tokens/actions.d.ts +6 -0
  70. package/dist/types/src/tokens/actions.d.ts.map +1 -0
  71. package/dist/types/src/tokens/build.d.ts +11 -0
  72. package/dist/types/src/tokens/build.d.ts.map +1 -0
  73. package/dist/types/src/tokens/configs.d.ts +31 -0
  74. package/dist/types/src/tokens/configs.d.ts.map +1 -0
  75. package/dist/types/src/tokens/formats/css.d.ts +5 -0
  76. package/dist/types/src/tokens/formats/css.d.ts.map +1 -0
  77. package/dist/types/src/tokens/formats/js-tokens.d.ts +6 -0
  78. package/dist/types/src/tokens/formats/js-tokens.d.ts.map +1 -0
  79. package/dist/types/src/tokens/transformers.d.ts +5 -0
  80. package/dist/types/src/tokens/transformers.d.ts.map +1 -0
  81. package/dist/types/src/tokens/utils/entryfile.d.ts +11 -0
  82. package/dist/types/src/tokens/utils/entryfile.d.ts.map +1 -0
  83. package/dist/types/src/tokens/utils/noCase.d.ts +11 -0
  84. package/dist/types/src/tokens/utils/noCase.d.ts.map +1 -0
  85. package/dist/types/src/tokens/utils/permutateThemes.d.ts +17 -0
  86. package/dist/types/src/tokens/utils/permutateThemes.d.ts.map +1 -0
  87. package/dist/types/src/tokens/utils/utils.d.ts +25 -0
  88. package/dist/types/src/tokens/utils/utils.d.ts.map +1 -0
  89. package/package.json +24 -22
  90. package/dist/src/init/template/default-files/design-tokens/primitives/typography/default.json +0 -86
  91. package/dist/src/init/template/template-files/design-tokens/primitives/colors/contrast/theme-template.json +0 -314
  92. package/dist/src/init/template/template-files/design-tokens/primitives/colors/dark/global.json +0 -376
  93. package/dist/src/init/template/template-files/design-tokens/primitives/colors/dark/theme-template.json +0 -314
  94. package/dist/src/init/template/template-files/design-tokens/primitives/colors/light/global.json +0 -376
  95. package/dist/src/init/template/template-files/design-tokens/primitives/colors/light/theme-template.json +0 -314
  96. /package/dist/src/init/template/template-files/design-tokens/primitives/{colors → modes/colors}/contrast/global.json +0 -0
package/dist/src/init/template/default-files/design-tokens/semantic/color.json CHANGED
@@ -2,560 +2,570 @@
2
2
  "color": {
3
3
  "accent": {
4
4
  "background-default": {
5
- "type": "color",
6
- "value": "{color.accent.1}"
5
+ "$type": "color",
6
+ "$value": "{color.accent.1}"
7
7
  },
8
8
  "background-subtle": {
9
- "type": "color",
10
- "value": "{color.accent.2}"
9
+ "$type": "color",
10
+ "$value": "{color.accent.2}"
11
11
  },
12
12
  "surface-default": {
13
- "type": "color",
14
- "value": "{color.accent.3}"
13
+ "$type": "color",
14
+ "$value": "{color.accent.3}"
15
15
  },
16
16
  "surface-hover": {
17
- "type": "color",
18
- "value": "{color.accent.4}"
17
+ "$type": "color",
18
+ "$value": "{color.accent.4}"
19
19
  },
20
20
  "surface-active": {
21
- "type": "color",
22
- "value": "{color.accent.5}"
21
+ "$type": "color",
22
+ "$value": "{color.accent.5}"
23
23
  },
24
24
  "border-subtle": {
25
- "type": "color",
26
- "value": "{color.accent.6}"
25
+ "$type": "color",
26
+ "$value": "{color.accent.6}"
27
27
  },
28
28
  "border-default": {
29
- "type": "color",
30
- "value": "{color.accent.7}"
29
+ "$type": "color",
30
+ "$value": "{color.accent.7}"
31
31
  },
32
32
  "border-strong": {
33
- "type": "color",
34
- "value": "{color.accent.8}"
33
+ "$type": "color",
34
+ "$value": "{color.accent.8}"
35
35
  },
36
36
  "base-default": {
37
- "type": "color",
38
- "value": "{color.accent.9}"
37
+ "$type": "color",
38
+ "$value": "{color.accent.9}"
39
39
  },
40
40
  "base-hover": {
41
- "type": "color",
42
- "value": "{color.accent.10}"
41
+ "$type": "color",
42
+ "$value": "{color.accent.10}"
43
43
  },
44
44
  "base-active": {
45
- "type": "color",
46
- "value": "{color.accent.11}"
45
+ "$type": "color",
46
+ "$value": "{color.accent.11}"
47
47
  },
48
48
  "text-subtle": {
49
- "type": "color",
50
- "value": "{color.accent.12}"
49
+ "$type": "color",
50
+ "$value": "{color.accent.12}"
51
51
  },
52
52
  "text-default": {
53
- "type": "color",
54
- "value": "{color.accent.13}"
53
+ "$type": "color",
54
+ "$value": "{color.accent.13}"
55
55
  },
56
56
  "contrast-default": {
57
- "type": "color",
58
- "value": "{color.accent.contrast-1}"
57
+ "$type": "color",
58
+ "$value": "{color.accent.contrast-1}"
59
59
  },
60
60
  "contrast-subtle": {
61
- "type": "color",
62
- "value": "{color.accent.contrast-2}"
61
+ "$type": "color",
62
+ "$value": "{color.accent.contrast-2}"
63
63
  }
64
64
  },
65
65
  "neutral": {
66
66
  "background-default": {
67
- "type": "color",
68
- "value": "{color.neutral.1}"
67
+ "$type": "color",
68
+ "$value": "{color.neutral.1}"
69
69
  },
70
70
  "background-subtle": {
71
- "type": "color",
72
- "value": "{color.neutral.2}"
71
+ "$type": "color",
72
+ "$value": "{color.neutral.2}"
73
73
  },
74
74
  "surface-default": {
75
- "type": "color",
76
- "value": "{color.neutral.3}"
75
+ "$type": "color",
76
+ "$value": "{color.neutral.3}"
77
77
  },
78
78
  "surface-hover": {
79
- "type": "color",
80
- "value": "{color.neutral.4}"
79
+ "$type": "color",
80
+ "$value": "{color.neutral.4}"
81
81
  },
82
82
  "surface-active": {
83
- "type": "color",
84
- "value": "{color.neutral.5}"
83
+ "$type": "color",
84
+ "$value": "{color.neutral.5}"
85
85
  },
86
86
  "border-subtle": {
87
- "type": "color",
88
- "value": "{color.neutral.6}"
87
+ "$type": "color",
88
+ "$value": "{color.neutral.6}"
89
89
  },
90
90
  "border-default": {
91
- "type": "color",
92
- "value": "{color.neutral.7}"
91
+ "$type": "color",
92
+ "$value": "{color.neutral.7}"
93
93
  },
94
94
  "border-strong": {
95
- "type": "color",
96
- "value": "{color.neutral.8}"
95
+ "$type": "color",
96
+ "$value": "{color.neutral.8}"
97
97
  },
98
98
  "base-default": {
99
- "type": "color",
100
- "value": "{color.neutral.9}"
99
+ "$type": "color",
100
+ "$value": "{color.neutral.9}"
101
101
  },
102
102
  "base-hover": {
103
- "type": "color",
104
- "value": "{color.neutral.10}"
103
+ "$type": "color",
104
+ "$value": "{color.neutral.10}"
105
105
  },
106
106
  "base-active": {
107
- "type": "color",
108
- "value": "{color.neutral.11}"
107
+ "$type": "color",
108
+ "$value": "{color.neutral.11}"
109
109
  },
110
110
  "text-subtle": {
111
- "type": "color",
112
- "value": "{color.neutral.12}"
111
+ "$type": "color",
112
+ "$value": "{color.neutral.12}"
113
113
  },
114
114
  "text-default": {
115
- "type": "color",
116
- "value": "{color.neutral.13}"
115
+ "$type": "color",
116
+ "$value": "{color.neutral.13}"
117
117
  },
118
118
  "contrast-default": {
119
- "type": "color",
120
- "value": "{color.neutral.contrast-1}"
119
+ "$type": "color",
120
+ "$value": "{color.neutral.contrast-1}"
121
121
  },
122
122
  "contrast-subtle": {
123
- "type": "color",
124
- "value": "{color.neutral.contrast-2}"
123
+ "$type": "color",
124
+ "$value": "{color.neutral.contrast-2}"
125
125
  }
126
126
  },
127
127
  "brand1": {
128
128
  "background-default": {
129
- "type": "color",
130
- "value": "{color.brand1.1}"
129
+ "$type": "color",
130
+ "$value": "{color.brand1.1}"
131
131
  },
132
132
  "background-subtle": {
133
- "type": "color",
134
- "value": "{color.brand1.2}"
133
+ "$type": "color",
134
+ "$value": "{color.brand1.2}"
135
135
  },
136
136
  "surface-default": {
137
- "type": "color",
138
- "value": "{color.brand1.3}"
137
+ "$type": "color",
138
+ "$value": "{color.brand1.3}"
139
139
  },
140
140
  "surface-hover": {
141
- "type": "color",
142
- "value": "{color.brand1.4}"
141
+ "$type": "color",
142
+ "$value": "{color.brand1.4}"
143
143
  },
144
144
  "surface-active": {
145
- "type": "color",
146
- "value": "{color.brand1.5}"
145
+ "$type": "color",
146
+ "$value": "{color.brand1.5}"
147
147
  },
148
148
  "border-subtle": {
149
- "type": "color",
150
- "value": "{color.brand1.6}"
149
+ "$type": "color",
150
+ "$value": "{color.brand1.6}"
151
151
  },
152
152
  "border-default": {
153
- "type": "color",
154
- "value": "{color.brand1.7}"
153
+ "$type": "color",
154
+ "$value": "{color.brand1.7}"
155
155
  },
156
156
  "border-strong": {
157
- "type": "color",
158
- "value": "{color.brand1.8}"
157
+ "$type": "color",
158
+ "$value": "{color.brand1.8}"
159
159
  },
160
160
  "base-default": {
161
- "type": "color",
162
- "value": "{color.brand1.9}"
161
+ "$type": "color",
162
+ "$value": "{color.brand1.9}"
163
163
  },
164
164
  "base-hover": {
165
- "type": "color",
166
- "value": "{color.brand1.10}"
165
+ "$type": "color",
166
+ "$value": "{color.brand1.10}"
167
167
  },
168
168
  "base-active": {
169
- "type": "color",
170
- "value": "{color.brand1.11}"
169
+ "$type": "color",
170
+ "$value": "{color.brand1.11}"
171
171
  },
172
172
  "text-subtle": {
173
- "type": "color",
174
- "value": "{color.brand1.12}"
173
+ "$type": "color",
174
+ "$value": "{color.brand1.12}"
175
175
  },
176
176
  "text-default": {
177
- "type": "color",
178
- "value": "{color.brand1.13}"
177
+ "$type": "color",
178
+ "$value": "{color.brand1.13}"
179
179
  },
180
180
  "contrast-default": {
181
- "type": "color",
182
- "value": "{color.brand1.contrast-1}"
181
+ "$type": "color",
182
+ "$value": "{color.brand1.contrast-1}"
183
183
  },
184
184
  "contrast-subtle": {
185
- "type": "color",
186
- "value": "{color.brand1.contrast-2}"
185
+ "$type": "color",
186
+ "$value": "{color.brand1.contrast-2}"
187
187
  }
188
188
  },
189
189
  "brand2": {
190
190
  "background-default": {
191
- "type": "color",
192
- "value": "{color.brand2.1}"
191
+ "$type": "color",
192
+ "$value": "{color.brand2.1}"
193
193
  },
194
194
  "background-subtle": {
195
- "type": "color",
196
- "value": "{color.brand2.2}"
195
+ "$type": "color",
196
+ "$value": "{color.brand2.2}"
197
197
  },
198
198
  "surface-default": {
199
- "type": "color",
200
- "value": "{color.brand2.3}"
199
+ "$type": "color",
200
+ "$value": "{color.brand2.3}"
201
201
  },
202
202
  "surface-hover": {
203
- "type": "color",
204
- "value": "{color.brand2.4}"
203
+ "$type": "color",
204
+ "$value": "{color.brand2.4}"
205
205
  },
206
206
  "surface-active": {
207
- "type": "color",
208
- "value": "{color.brand2.5}"
207
+ "$type": "color",
208
+ "$value": "{color.brand2.5}"
209
209
  },
210
210
  "border-subtle": {
211
- "type": "color",
212
- "value": "{color.brand2.6}"
211
+ "$type": "color",
212
+ "$value": "{color.brand2.6}"
213
213
  },
214
214
  "border-default": {
215
- "type": "color",
216
- "value": "{color.brand2.7}"
215
+ "$type": "color",
216
+ "$value": "{color.brand2.7}"
217
217
  },
218
218
  "border-strong": {
219
- "type": "color",
220
- "value": "{color.brand2.8}"
219
+ "$type": "color",
220
+ "$value": "{color.brand2.8}"
221
221
  },
222
222
  "base-default": {
223
- "type": "color",
224
- "value": "{color.brand2.9}"
223
+ "$type": "color",
224
+ "$value": "{color.brand2.9}"
225
225
  },
226
226
  "base-hover": {
227
- "type": "color",
228
- "value": "{color.brand2.10}"
227
+ "$type": "color",
228
+ "$value": "{color.brand2.10}"
229
229
  },
230
230
  "base-active": {
231
- "type": "color",
232
- "value": "{color.brand2.11}"
231
+ "$type": "color",
232
+ "$value": "{color.brand2.11}"
233
233
  },
234
234
  "text-subtle": {
235
- "type": "color",
236
- "value": "{color.brand2.12}"
235
+ "$type": "color",
236
+ "$value": "{color.brand2.12}"
237
237
  },
238
238
  "text-default": {
239
- "type": "color",
240
- "value": "{color.brand2.13}"
239
+ "$type": "color",
240
+ "$value": "{color.brand2.13}"
241
241
  },
242
242
  "contrast-default": {
243
- "type": "color",
244
- "value": "{color.brand2.contrast-1}"
243
+ "$type": "color",
244
+ "$value": "{color.brand2.contrast-1}"
245
245
  },
246
246
  "contrast-subtle": {
247
- "type": "color",
248
- "value": "{color.brand2.contrast-2}"
247
+ "$type": "color",
248
+ "$value": "{color.brand2.contrast-2}"
249
249
  }
250
250
  },
251
251
  "brand3": {
252
252
  "background-default": {
253
- "type": "color",
254
- "value": "{color.brand3.1}"
253
+ "$type": "color",
254
+ "$value": "{color.brand3.1}"
255
255
  },
256
256
  "background-subtle": {
257
- "type": "color",
258
- "value": "{color.brand3.2}"
257
+ "$type": "color",
258
+ "$value": "{color.brand3.2}"
259
259
  },
260
260
  "surface-default": {
261
- "type": "color",
262
- "value": "{color.brand3.3}"
261
+ "$type": "color",
262
+ "$value": "{color.brand3.3}"
263
263
  },
264
264
  "surface-hover": {
265
- "type": "color",
266
- "value": "{color.brand3.4}"
265
+ "$type": "color",
266
+ "$value": "{color.brand3.4}"
267
267
  },
268
268
  "surface-active": {
269
- "type": "color",
270
- "value": "{color.brand3.5}"
269
+ "$type": "color",
270
+ "$value": "{color.brand3.5}"
271
271
  },
272
272
  "border-subtle": {
273
- "type": "color",
274
- "value": "{color.brand3.6}"
273
+ "$type": "color",
274
+ "$value": "{color.brand3.6}"
275
275
  },
276
276
  "border-default": {
277
- "type": "color",
278
- "value": "{color.brand3.7}"
277
+ "$type": "color",
278
+ "$value": "{color.brand3.7}"
279
279
  },
280
280
  "border-strong": {
281
- "type": "color",
282
- "value": "{color.brand3.8}"
281
+ "$type": "color",
282
+ "$value": "{color.brand3.8}"
283
283
  },
284
284
  "base-default": {
285
- "type": "color",
286
- "value": "{color.brand3.9}"
285
+ "$type": "color",
286
+ "$value": "{color.brand3.9}"
287
287
  },
288
288
  "base-hover": {
289
- "type": "color",
290
- "value": "{color.brand3.10}"
289
+ "$type": "color",
290
+ "$value": "{color.brand3.10}"
291
291
  },
292
292
  "base-active": {
293
- "type": "color",
294
- "value": "{color.brand3.11}"
293
+ "$type": "color",
294
+ "$value": "{color.brand3.11}"
295
295
  },
296
296
  "text-subtle": {
297
- "type": "color",
298
- "value": "{color.brand3.12}"
297
+ "$type": "color",
298
+ "$value": "{color.brand3.12}"
299
299
  },
300
300
  "text-default": {
301
- "type": "color",
302
- "value": "{color.brand3.13}"
301
+ "$type": "color",
302
+ "$value": "{color.brand3.13}"
303
303
  },
304
304
  "contrast-default": {
305
- "type": "color",
306
- "value": "{color.brand3.contrast-1}"
305
+ "$type": "color",
306
+ "$value": "{color.brand3.contrast-1}"
307
307
  },
308
308
  "contrast-subtle": {
309
- "type": "color",
310
- "value": "{color.brand3.contrast-2}"
309
+ "$type": "color",
310
+ "$value": "{color.brand3.contrast-2}"
311
311
  }
312
312
  },
313
313
  "success": {
314
314
  "background-default": {
315
- "type": "color",
316
- "value": "{global.green.1}"
315
+ "$type": "color",
316
+ "$value": "{global.green.1}"
317
317
  },
318
318
  "background-subtle": {
319
- "type": "color",
320
- "value": "{global.green.2}"
319
+ "$type": "color",
320
+ "$value": "{global.green.2}"
321
321
  },
322
322
  "surface-default": {
323
- "type": "color",
324
- "value": "{global.green.3}"
323
+ "$type": "color",
324
+ "$value": "{global.green.3}"
325
325
  },
326
326
  "surface-hover": {
327
- "type": "color",
328
- "value": "{global.green.4}"
327
+ "$type": "color",
328
+ "$value": "{global.green.4}"
329
329
  },
330
330
  "surface-active": {
331
- "type": "color",
332
- "value": "{global.green.5}"
331
+ "$type": "color",
332
+ "$value": "{global.green.5}"
333
333
  },
334
334
  "border-subtle": {
335
- "type": "color",
336
- "value": "{global.green.6}"
335
+ "$type": "color",
336
+ "$value": "{global.green.6}"
337
337
  },
338
338
  "border-default": {
339
- "type": "color",
340
- "value": "{global.green.7}"
339
+ "$type": "color",
340
+ "$value": "{global.green.7}"
341
341
  },
342
342
  "border-strong": {
343
- "type": "color",
344
- "value": "{global.green.8}"
343
+ "$type": "color",
344
+ "$value": "{global.green.8}"
345
345
  },
346
346
  "base-default": {
347
- "type": "color",
348
- "value": "{global.green.9}"
347
+ "$type": "color",
348
+ "$value": "{global.green.9}"
349
349
  },
350
350
  "base-hover": {
351
- "type": "color",
352
- "value": "{global.green.10}"
351
+ "$type": "color",
352
+ "$value": "{global.green.10}"
353
353
  },
354
354
  "base-active": {
355
- "type": "color",
356
- "value": "{global.green.11}"
355
+ "$type": "color",
356
+ "$value": "{global.green.11}"
357
357
  },
358
358
  "text-subtle": {
359
- "type": "color",
360
- "value": "{global.green.12}"
359
+ "$type": "color",
360
+ "$value": "{global.green.12}"
361
361
  },
362
362
  "text-default": {
363
- "type": "color",
364
- "value": "{global.green.13}"
363
+ "$type": "color",
364
+ "$value": "{global.green.13}"
365
365
  },
366
366
  "contrast-default": {
367
- "type": "color",
368
- "value": "{global.green.contrast-1}"
367
+ "$type": "color",
368
+ "$value": "{global.green.contrast-1}"
369
369
  },
370
370
  "contrast-subtle": {
371
- "type": "color",
372
- "value": "{global.green.contrast-2}"
371
+ "$type": "color",
372
+ "$value": "{global.green.contrast-2}"
373
373
  }
374
374
  },
375
375
  "danger": {
376
376
  "background-default": {
377
- "type": "color",
378
- "value": "{global.red.1}"
377
+ "$type": "color",
378
+ "$value": "{global.red.1}"
379
379
  },
380
380
  "background-subtle": {
381
- "type": "color",
382
- "value": "{global.red.2}"
381
+ "$type": "color",
382
+ "$value": "{global.red.2}"
383
383
  },
384
384
  "surface-default": {
385
- "type": "color",
386
- "value": "{global.red.3}"
385
+ "$type": "color",
386
+ "$value": "{global.red.3}"
387
387
  },
388
388
  "surface-hover": {
389
- "type": "color",
390
- "value": "{global.red.4}"
389
+ "$type": "color",
390
+ "$value": "{global.red.4}"
391
391
  },
392
392
  "surface-active": {
393
- "type": "color",
394
- "value": "{global.red.5}"
393
+ "$type": "color",
394
+ "$value": "{global.red.5}"
395
395
  },
396
396
  "border-subtle": {
397
- "type": "color",
398
- "value": "{global.red.6}"
397
+ "$type": "color",
398
+ "$value": "{global.red.6}"
399
399
  },
400
400
  "border-default": {
401
- "type": "color",
402
- "value": "{global.red.7}"
401
+ "$type": "color",
402
+ "$value": "{global.red.7}"
403
403
  },
404
404
  "border-strong": {
405
- "type": "color",
406
- "value": "{global.red.8}"
405
+ "$type": "color",
406
+ "$value": "{global.red.8}"
407
407
  },
408
408
  "base-default": {
409
- "type": "color",
410
- "value": "{global.red.9}"
409
+ "$type": "color",
410
+ "$value": "{global.red.9}"
411
411
  },
412
412
  "base-hover": {
413
- "type": "color",
414
- "value": "{global.red.10}"
413
+ "$type": "color",
414
+ "$value": "{global.red.10}"
415
415
  },
416
416
  "base-active": {
417
- "type": "color",
418
- "value": "{global.red.11}"
417
+ "$type": "color",
418
+ "$value": "{global.red.11}"
419
419
  },
420
420
  "text-subtle": {
421
- "type": "color",
422
- "value": "{global.red.12}"
421
+ "$type": "color",
422
+ "$value": "{global.red.12}"
423
423
  },
424
424
  "text-default": {
425
- "type": "color",
426
- "value": "{global.red.13}"
425
+ "$type": "color",
426
+ "$value": "{global.red.13}"
427
427
  },
428
428
  "contrast-default": {
429
- "type": "color",
430
- "value": "{global.red.contrast-1}"
429
+ "$type": "color",
430
+ "$value": "{global.red.contrast-1}"
431
431
  },
432
432
  "contrast-subtle": {
433
- "type": "color",
434
- "value": "{global.red.contrast-2}"
433
+ "$type": "color",
434
+ "$value": "{global.red.contrast-2}"
435
435
  }
436
436
  },
437
437
  "info": {
438
438
  "background-default": {
439
- "type": "color",
440
- "value": "{global.blue.1}"
439
+ "$type": "color",
440
+ "$value": "{global.blue.1}"
441
441
  },
442
442
  "background-subtle": {
443
- "type": "color",
444
- "value": "{global.blue.2}"
443
+ "$type": "color",
444
+ "$value": "{global.blue.2}"
445
445
  },
446
446
  "surface-default": {
447
- "type": "color",
448
- "value": "{global.blue.3}"
447
+ "$type": "color",
448
+ "$value": "{global.blue.3}"
449
449
  },
450
450
  "surface-hover": {
451
- "type": "color",
452
- "value": "{global.blue.4}"
451
+ "$type": "color",
452
+ "$value": "{global.blue.4}"
453
453
  },
454
454
  "surface-active": {
455
- "type": "color",
456
- "value": "{global.blue.5}"
455
+ "$type": "color",
456
+ "$value": "{global.blue.5}"
457
457
  },
458
458
  "border-subtle": {
459
- "type": "color",
460
- "value": "{global.blue.6}"
459
+ "$type": "color",
460
+ "$value": "{global.blue.6}"
461
461
  },
462
462
  "border-default": {
463
- "type": "color",
464
- "value": "{global.blue.7}"
463
+ "$type": "color",
464
+ "$value": "{global.blue.7}"
465
465
  },
466
466
  "border-strong": {
467
- "type": "color",
468
- "value": "{global.blue.8}"
467
+ "$type": "color",
468
+ "$value": "{global.blue.8}"
469
469
  },
470
470
  "base-default": {
471
- "type": "color",
472
- "value": "{global.blue.9}"
471
+ "$type": "color",
472
+ "$value": "{global.blue.9}"
473
473
  },
474
474
  "base-hover": {
475
- "type": "color",
476
- "value": "{global.blue.10}"
475
+ "$type": "color",
476
+ "$value": "{global.blue.10}"
477
477
  },
478
478
  "base-active": {
479
- "type": "color",
480
- "value": "{global.blue.11}"
479
+ "$type": "color",
480
+ "$value": "{global.blue.11}"
481
481
  },
482
482
  "text-subtle": {
483
- "type": "color",
484
- "value": "{global.blue.12}"
483
+ "$type": "color",
484
+ "$value": "{global.blue.12}"
485
485
  },
486
486
  "text-default": {
487
- "type": "color",
488
- "value": "{global.blue.13}"
487
+ "$type": "color",
488
+ "$value": "{global.blue.13}"
489
489
  },
490
490
  "contrast-default": {
491
- "type": "color",
492
- "value": "{global.blue.contrast-1}"
491
+ "$type": "color",
492
+ "$value": "{global.blue.contrast-1}"
493
493
  },
494
494
  "contrast-subtle": {
495
- "type": "color",
496
- "value": "{global.blue.contrast-2}"
495
+ "$type": "color",
496
+ "$value": "{global.blue.contrast-2}"
497
497
  }
498
498
  },
499
499
  "warning": {
500
500
  "background-default": {
501
- "type": "color",
502
- "value": "{global.yellow.1}"
501
+ "$type": "color",
502
+ "$value": "{global.yellow.1}"
503
503
  },
504
504
  "background-subtle": {
505
- "type": "color",
506
- "value": "{global.yellow.2}"
505
+ "$type": "color",
506
+ "$value": "{global.yellow.2}"
507
507
  },
508
508
  "surface-default": {
509
- "type": "color",
510
- "value": "{global.yellow.3}"
509
+ "$type": "color",
510
+ "$value": "{global.yellow.3}"
511
511
  },
512
512
  "surface-hover": {
513
- "type": "color",
514
- "value": "{global.yellow.4}"
513
+ "$type": "color",
514
+ "$value": "{global.yellow.4}"
515
515
  },
516
516
  "surface-active": {
517
- "type": "color",
518
- "value": "{global.yellow.5}"
517
+ "$type": "color",
518
+ "$value": "{global.yellow.5}"
519
519
  },
520
520
  "border-subtle": {
521
- "type": "color",
522
- "value": "{global.yellow.6}"
521
+ "$type": "color",
522
+ "$value": "{global.yellow.6}"
523
523
  },
524
524
  "border-default": {
525
- "type": "color",
526
- "value": "{global.yellow.7}"
525
+ "$type": "color",
526
+ "$value": "{global.yellow.7}"
527
527
  },
528
528
  "border-strong": {
529
- "type": "color",
530
- "value": "{global.yellow.8}"
529
+ "$type": "color",
530
+ "$value": "{global.yellow.8}"
531
531
  },
532
532
  "base-default": {
533
- "type": "color",
534
- "value": "{global.orange.9}"
533
+ "$type": "color",
534
+ "$value": "{global.orange.9}"
535
535
  },
536
536
  "base-hover": {
537
- "type": "color",
538
- "value": "{global.orange.10}"
537
+ "$type": "color",
538
+ "$value": "{global.orange.10}"
539
539
  },
540
540
  "base-active": {
541
- "type": "color",
542
- "value": "{global.orange.11}"
541
+ "$type": "color",
542
+ "$value": "{global.orange.11}"
543
543
  },
544
544
  "text-subtle": {
545
- "type": "color",
546
- "value": "{global.orange.12}"
545
+ "$type": "color",
546
+ "$value": "{global.orange.12}"
547
547
  },
548
548
  "text-default": {
549
- "type": "color",
550
- "value": "{global.orange.13}"
549
+ "$type": "color",
550
+ "$value": "{global.orange.13}"
551
551
  },
552
552
  "contrast-default": {
553
- "type": "color",
554
- "value": "{global.yellow.contrast-1}"
553
+ "$type": "color",
554
+ "$value": "{global.yellow.contrast-1}"
555
555
  },
556
556
  "contrast-subtle": {
557
- "type": "color",
558
- "value": "{global.yellow.contrast-2}"
557
+ "$type": "color",
558
+ "$value": "{global.yellow.contrast-2}"
559
+ }
560
+ },
561
+ "focus": {
562
+ "inner": {
563
+ "$type": "color",
564
+ "$value": "{color.neutral.background-default}"
565
+ },
566
+ "outer": {
567
+ "$type": "color",
568
+ "$value": "{color.accent.text-default}"
559
569
  }
560
570
  }
561
571
  }