@carbon/themes 12.0.0-alpha.0 → 12.0.0-alpha.2

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 (75) hide show
  1. package/es/index.js +5572 -0
  2. package/lib/__tests__/themes-test.d.ts +1 -0
  3. package/lib/__tests__/tools-test.d.ts +1 -0
  4. package/lib/tokens/__tests__/Token-test.d.ts +1 -0
  5. package/lib/tokens/__tests__/TokenFormat-test.d.ts +1 -0
  6. package/lib/tokens/__tests__/TokenGroup-test.d.ts +1 -0
  7. package/lib/tokens/__tests__/TokenSet-test.d.ts +1 -0
  8. package/lib/tokens/__tests__/metadata-test.d.ts +1 -0
  9. package/lib/tokens/__tests__/v11-test.d.ts +1 -0
  10. package/lib/v10/__tests__/themes-test.d.ts +1 -0
  11. package/lib/v10/__tests__/tokens-test.d.ts +1 -0
  12. package/package.json +13 -5
  13. package/umd/index.js +6322 -0
  14. package/docs/sass.md +0 -189
  15. package/js/generated/component-tokens/button.d.ts +0 -98
  16. package/js/generated/component-tokens/button.js +0 -98
  17. package/js/generated/component-tokens/content-switcher.d.ts +0 -25
  18. package/js/generated/component-tokens/content-switcher.js +0 -25
  19. package/js/generated/component-tokens/notification.d.ts +0 -65
  20. package/js/generated/component-tokens/notification.js +0 -65
  21. package/js/generated/component-tokens/status.d.ts +0 -63
  22. package/js/generated/component-tokens/status.js +0 -63
  23. package/js/generated/component-tokens/tag.d.ts +0 -247
  24. package/js/generated/component-tokens/tag.js +0 -247
  25. package/js/generated/themes/g10.d.ts +0 -242
  26. package/js/generated/themes/g10.js +0 -242
  27. package/js/generated/themes/g100.d.ts +0 -242
  28. package/js/generated/themes/g100.js +0 -242
  29. package/js/generated/themes/g90.d.ts +0 -242
  30. package/js/generated/themes/g90.js +0 -242
  31. package/js/generated/themes/white.d.ts +0 -242
  32. package/js/generated/themes/white.js +0 -242
  33. package/src/dtcg/README.md +0 -336
  34. package/src/dtcg/color-palette.json +0 -4424
  35. package/src/dtcg/components/button.json +0 -193
  36. package/src/dtcg/components/content-switcher.json +0 -60
  37. package/src/dtcg/components/notification.json +0 -130
  38. package/src/dtcg/components/status.json +0 -122
  39. package/src/dtcg/components/tag.json +0 -486
  40. package/src/dtcg/themes.json +0 -3356
  41. package/src/index.ts +0 -129
  42. package/src/tokens/Token.ts +0 -41
  43. package/src/tokens/TokenFormat.ts +0 -93
  44. package/src/tokens/TokenGroup.ts +0 -185
  45. package/src/tokens/TokenSet.ts +0 -91
  46. package/src/tokens/components.ts +0 -120
  47. package/src/tokens/index.ts +0 -59
  48. package/src/tokens/layout.ts +0 -39
  49. package/src/tokens/type.ts +0 -49
  50. package/src/tokens/types.ts +0 -28
  51. package/src/tokens/v10.ts +0 -188
  52. package/src/tokens/v11TokenGroup.ts +0 -546
  53. package/src/tokens/v11TokenSet.ts +0 -93
  54. package/src/tools.ts +0 -69
  55. package/src/v10/g10.ts +0 -349
  56. package/src/v10/g100.ts +0 -348
  57. package/src/v10/g90.ts +0 -350
  58. package/src/v10/index.ts +0 -22
  59. package/src/v10/metadata.yml +0 -217
  60. package/src/v10/tokens.ts +0 -397
  61. package/src/v10/white.ts +0 -352
  62. package/style-dictionary/formats/js-component-tokens.js +0 -128
  63. package/style-dictionary/formats/js-themes.js +0 -84
  64. package/style-dictionary/formats/scss-component-tokens.js +0 -149
  65. package/style-dictionary/formats/scss-themes.js +0 -127
  66. package/style-dictionary/formats/scss-tokens.js +0 -91
  67. package/style-dictionary/preprocessors/component-tokens.js +0 -172
  68. package/style-dictionary/preprocessors/dual-role.js +0 -157
  69. package/style-dictionary/preprocessors/theme-metadata.js +0 -46
  70. package/style-dictionary/sd.config.js +0 -449
  71. package/style-dictionary/transforms/alpha-modifier.js +0 -68
  72. package/style-dictionary/transforms/color-flatten.js +0 -79
  73. package/test-dtcg.scss +0 -28
  74. package/tsconfig.json +0 -8
  75. package/tsconfig.types.json +0 -10
package/src/v10/tokens.ts DELETED
@@ -1,397 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2018, 2026
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import { unstable_tokens as type } from '@carbon/type';
9
- import { unstable_tokens as layout } from '@carbon/layout';
10
-
11
- // The color token names for a Carbon theme, value corresponds to what they're
12
- // exported as in JavaScript
13
- const colors = [
14
- // Core
15
- 'interactive01',
16
- 'interactive02',
17
- 'interactive03',
18
- 'interactive04',
19
-
20
- 'uiBackground',
21
-
22
- 'ui01',
23
- 'ui02',
24
- 'ui03',
25
- 'ui04',
26
- 'ui05',
27
-
28
- 'text01',
29
- 'text02',
30
- 'text03',
31
- 'text04',
32
- 'text05',
33
- 'textError',
34
-
35
- 'icon01',
36
- 'icon02',
37
- 'icon03',
38
-
39
- 'link01',
40
- 'link02',
41
-
42
- 'inverseLink',
43
-
44
- 'field01',
45
- 'field02',
46
-
47
- 'inverse01',
48
- 'inverse02',
49
-
50
- 'support01',
51
- 'support02',
52
- 'support03',
53
- 'support04',
54
-
55
- 'inverseSupport01',
56
- 'inverseSupport02',
57
- 'inverseSupport03',
58
- 'inverseSupport04',
59
-
60
- 'overlay01',
61
-
62
- 'danger01',
63
- 'danger02',
64
-
65
- // Interactive states
66
- 'focus',
67
- 'inverseFocusUi',
68
-
69
- 'hoverPrimary',
70
- 'activePrimary',
71
- 'hoverPrimaryText',
72
-
73
- 'hoverSecondary',
74
- 'activeSecondary',
75
-
76
- 'hoverTertiary',
77
- 'activeTertiary',
78
-
79
- 'hoverUI',
80
- 'hoverLightUI',
81
- 'hoverSelectedUI',
82
- 'activeUI',
83
- 'activeLightUI',
84
- 'selectedUI',
85
- 'selectedLightUI',
86
- 'inverseHoverUI',
87
-
88
- 'hoverDanger',
89
- 'activeDanger',
90
-
91
- 'hoverRow',
92
-
93
- 'visitedLink',
94
-
95
- 'disabled01',
96
- 'disabled02',
97
- 'disabled03',
98
-
99
- 'highlight',
100
-
101
- 'decorative01',
102
-
103
- 'buttonSeparator',
104
-
105
- 'skeleton01',
106
- 'skeleton02',
107
-
108
- // New color tokens
109
- // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
110
- 'background',
111
- 'layer',
112
- 'layerAccent',
113
- 'layerAccentHover',
114
- 'layerAccentActive',
115
- 'field',
116
- 'backgroundInverse',
117
- 'backgroundBrand',
118
- 'interactive',
119
-
120
- 'borderSubtle',
121
- 'borderStrong',
122
- 'borderInverse',
123
- 'borderInteractive',
124
-
125
- 'textPrimary',
126
- 'textSecondary',
127
- 'textPlaceholder',
128
- 'textHelper',
129
- 'textOnColor',
130
- 'textInverse',
131
-
132
- 'linkPrimary',
133
- 'linkSecondary',
134
- 'linkVisited',
135
- 'linkInverse',
136
-
137
- 'iconPrimary',
138
- 'iconSecondary',
139
- 'iconOnColor',
140
- 'iconInverse',
141
-
142
- 'supportError',
143
- 'supportSuccess',
144
- 'supportWarning',
145
- 'supportInfo',
146
- 'supportErrorInverse',
147
- 'supportSuccessInverse',
148
- 'supportWarningInverse',
149
- 'supportInfoInverse',
150
-
151
- 'overlay',
152
- 'toggleOff',
153
- 'shadow',
154
-
155
- 'buttonPrimary',
156
- 'buttonSecondary',
157
- 'buttonTertiary',
158
- 'buttonDangerPrimary',
159
- 'buttonDangerSecondary',
160
-
161
- 'backgroundActive',
162
- 'layerActive',
163
-
164
- 'buttonDangerActive',
165
- 'buttonPrimaryActive',
166
- 'buttonSecondaryActive',
167
- 'buttonTertiaryActive',
168
-
169
- 'focusInset',
170
- 'focusInverse',
171
-
172
- 'backgroundHover',
173
- 'layerHover',
174
- 'fieldHover',
175
- 'backgroundInverseHover',
176
- 'linkPrimaryHover',
177
- 'buttonDangerHover',
178
- 'buttonPrimaryHover',
179
- 'buttonSecondaryHover',
180
- 'buttonTertiaryHover',
181
-
182
- 'backgroundSelected',
183
- 'backgroundSelectedHover',
184
- 'layerSelected',
185
- 'layerSelectedHover',
186
- 'layerSelectedInverse',
187
- 'borderSubtleSelected',
188
-
189
- 'borderDisabled',
190
-
191
- 'textDisabled',
192
- 'buttonDisabled',
193
- 'iconDisabled',
194
-
195
- 'textOnColorDisabled',
196
- 'iconOnColorDisabled',
197
- 'layerSelectedDisabled',
198
-
199
- 'skeletonBackground',
200
- 'skeletonElement',
201
-
202
- // Deprecated
203
- 'brand01',
204
- 'brand02',
205
- 'brand03',
206
- 'active01',
207
- 'hoverField',
208
- 'danger',
209
- ];
210
-
211
- export const tokens = {
212
- colors,
213
- type,
214
- layout,
215
- };
216
-
217
- export const unstable__meta = {
218
- colors: [
219
- {
220
- type: 'core',
221
- tokens: [
222
- 'uiBackground',
223
- 'interactive01',
224
- 'interactive02',
225
- 'interactive03',
226
- 'interactive04',
227
- 'brand01',
228
- 'brand02',
229
- 'brand03',
230
- 'danger',
231
- 'danger01',
232
- 'danger02',
233
- 'ui01',
234
- 'ui02',
235
- 'ui03',
236
- 'ui04',
237
- 'ui05',
238
- 'text01',
239
- 'text02',
240
- 'text03',
241
- 'text04',
242
- 'text05',
243
- 'textError',
244
- 'link01',
245
- 'link02',
246
- 'icon01',
247
- 'icon02',
248
- 'icon03',
249
- 'field01',
250
- 'field02',
251
- 'inverse01',
252
- 'inverse02',
253
- 'inverseLink',
254
- 'support01',
255
- 'support02',
256
- 'support03',
257
- 'support04',
258
- 'inverseSupport01',
259
- 'inverseSupport02',
260
- 'inverseSupport03',
261
- 'inverseSupport04',
262
- 'overlay01',
263
-
264
- //new tokens
265
- 'background',
266
- 'layer',
267
- 'layerAccent',
268
- 'layerAccentHover',
269
- 'layerAccentActive',
270
- 'field',
271
- 'backgroundInverse',
272
- 'backgroundBrand',
273
- 'interactive',
274
-
275
- 'borderSubtle',
276
- 'borderStrong',
277
- 'borderInverse',
278
- 'borderInteractive',
279
-
280
- 'textPrimary',
281
- 'textSecondary',
282
- 'textPlaceholder',
283
- 'textHelper',
284
- 'textOnColor',
285
- 'textInverse',
286
-
287
- 'linkPrimary',
288
- 'linkSecondary',
289
- 'linkVisited',
290
- 'linkInverse',
291
-
292
- 'iconPrimary',
293
- 'iconSecondary',
294
- 'iconOnColor',
295
- 'iconInverse',
296
-
297
- 'supportError',
298
- 'supportSuccess',
299
- 'supportWarning',
300
- 'supportInfo',
301
- 'supportErrorInverse',
302
- 'supportSuccessInverse',
303
- 'supportWarningInverse',
304
- 'supportInfoInverse',
305
-
306
- 'overlay',
307
- 'toggleOff',
308
- 'shadow',
309
-
310
- 'buttonPrimary',
311
- 'buttonSecondary',
312
- 'buttonTertiary',
313
- 'buttonDangerPrimary',
314
- 'buttonDangerSecondary',
315
- ],
316
- },
317
- {
318
- type: 'interactive',
319
- tokens: [
320
- 'focus',
321
- 'inverseFocusUi',
322
- 'hoverPrimary',
323
- 'hoverPrimaryText',
324
- 'hoverSecondary',
325
- 'hoverTertiary',
326
- 'hoverUI',
327
- 'hoverLightUI',
328
- 'hoverSelectedUI',
329
- 'hoverDanger',
330
- 'hoverRow',
331
- 'activePrimary',
332
- 'activeSecondary',
333
- 'activeTertiary',
334
- 'activeUI',
335
- 'activeLightUI',
336
- 'activeDanger',
337
- 'selectedUI',
338
- 'selectedLightUI',
339
- 'highlight',
340
- 'skeleton01',
341
- 'skeleton02',
342
- 'visitedLink',
343
- 'disabled01',
344
- 'disabled02',
345
- 'disabled03',
346
- 'inverseHoverUI',
347
- 'active01',
348
- 'hoverField',
349
- 'decorative01',
350
- 'buttonSeparator',
351
-
352
- // new tokens
353
- 'backgroundActive',
354
- 'layerActive',
355
-
356
- 'buttonDangerActive',
357
- 'buttonPrimaryActive',
358
- 'buttonSecondaryActive',
359
- 'buttonTertiaryActive',
360
-
361
- 'focusInset',
362
- 'focusInverse',
363
-
364
- 'backgroundHover',
365
- 'layerHover',
366
- 'fieldHover',
367
- 'backgroundInverseHover',
368
- 'linkPrimaryHover',
369
- 'buttonDangerHover',
370
- 'buttonPrimaryHover',
371
- 'buttonSecondaryHover',
372
- 'buttonTertiaryHover',
373
-
374
- 'backgroundSelected',
375
- 'backgroundSelectedHover',
376
- 'layerSelected',
377
- 'layerSelectedHover',
378
- 'layerSelectedInverse',
379
- 'borderSubtleSelected',
380
-
381
- 'borderDisabled',
382
-
383
- 'textDisabled',
384
- 'buttonDisabled',
385
- 'iconDisabled',
386
-
387
- 'textOnColorDisabled',
388
- 'iconOnColorDisabled',
389
- 'layerSelectedDisabled',
390
-
391
- 'skeletonBackground',
392
- 'skeletonElement',
393
- ],
394
- },
395
- ],
396
- deprecated: ['brand01', 'brand02', 'brand03', 'active01', 'danger'],
397
- };