@bcc-code/design-tokens 1.0.20 → 1.0.21

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 (2) hide show
  1. package/dist/tailwind.css +236 -252
  2. package/package.json +2 -3
package/dist/tailwind.css CHANGED
@@ -154,11 +154,11 @@
154
154
  /* COLOR */
155
155
  --color-surface-primary: var(--color-neutral-0);
156
156
  --color-surface-secondary: var(--color-neutral-200);
157
- --color-surface-overlay-default: var(--color-neutral-alpha-500a);
157
+ --color-surface-overlay: var(--color-neutral-alpha-500a);
158
158
  --color-surface-inverse-primary: var(--color-dark-neutral-0);
159
159
  --color-surface-inverse-secondary: var(--color-dark-neutral-200);
160
160
  --color-divider-light: var(--color-neutral-100);
161
- --color-divider-default: var(--color-neutral-200);
161
+ --color-divider: var(--color-neutral-200);
162
162
  --color-divider-bold: var(--color-neutral-300);
163
163
  --color-text-primary: var(--color-neutral-1100);
164
164
  --color-primary: var(--color-neutral-1100);
@@ -178,40 +178,40 @@
178
178
  --color-info: var(--color-neutral-0);
179
179
  --color-text-danger: var(--color-neutral-0);
180
180
  --color-danger: var(--color-neutral-0);
181
- --color-text-brand-default: var(--color-bcc-700);
182
- --color-brand-default: var(--color-bcc-700);
181
+ --color-text-brand: var(--color-bcc-700);
182
+ --color-brand: var(--color-bcc-700);
183
183
  --color-text-brand-bold: var(--color-bcc-800);
184
184
  --color-brand-bold: var(--color-bcc-800);
185
- --color-text-accent-rust-default: var(--color-rust-700);
186
- --color-accent-rust-default: var(--color-rust-700);
185
+ --color-text-accent-rust: var(--color-rust-700);
186
+ --color-accent-rust: var(--color-rust-700);
187
187
  --color-text-accent-rust-bold: var(--color-rust-800);
188
188
  --color-accent-rust-bold: var(--color-rust-800);
189
- --color-text-accent-yellow-default: var(--color-red-700);
190
- --color-accent-yellow-default: var(--color-red-700);
189
+ --color-text-accent-yellow: var(--color-red-700);
190
+ --color-accent-yellow: var(--color-red-700);
191
191
  --color-text-accent-yellow-bold: var(--color-red-800);
192
192
  --color-accent-yellow-bold: var(--color-red-800);
193
- --color-text-accent-green-default: var(--color-green-700);
194
- --color-accent-green-default: var(--color-green-700);
193
+ --color-text-accent-green: var(--color-green-700);
194
+ --color-accent-green: var(--color-green-700);
195
195
  --color-text-accent-green-bold: var(--color-green-800);
196
196
  --color-accent-green-bold: var(--color-green-800);
197
- --color-text-accent-teal-default: var(--color-teal-700);
198
- --color-accent-teal-default: var(--color-teal-700);
197
+ --color-text-accent-teal: var(--color-teal-700);
198
+ --color-accent-teal: var(--color-teal-700);
199
199
  --color-text-accent-teal-bold: var(--color-teal-800);
200
200
  --color-accent-teal-bold: var(--color-teal-800);
201
- --color-text-accent-sand-default: var(--color-sand-700);
202
- --color-accent-sand-default: var(--color-sand-700);
201
+ --color-text-accent-sand: var(--color-sand-700);
202
+ --color-accent-sand: var(--color-sand-700);
203
203
  --color-text-accent-sand-bold: var(--color-sand-800);
204
204
  --color-accent-sand-bold: var(--color-sand-800);
205
- --color-text-accent-blue-default: var(--color-blue-700);
206
- --color-accent-blue-default: var(--color-blue-700);
205
+ --color-text-accent-blue: var(--color-blue-700);
206
+ --color-accent-blue: var(--color-blue-700);
207
207
  --color-text-accent-blue-bold: var(--color-blue-800);
208
208
  --color-accent-blue-bold: var(--color-blue-800);
209
- --color-text-accent-purple-default: var(--color-purple-700);
210
- --color-accent-purple-default: var(--color-purple-700);
209
+ --color-text-accent-purple: var(--color-purple-700);
210
+ --color-accent-purple: var(--color-purple-700);
211
211
  --color-text-accent-purple-bold: var(--color-purple-800);
212
212
  --color-accent-purple-bold: var(--color-purple-800);
213
- --color-text-accent-magenta-default: var(--color-magenta-700);
214
- --color-accent-magenta-default: var(--color-magenta-700);
213
+ --color-text-accent-magenta: var(--color-magenta-700);
214
+ --color-accent-magenta: var(--color-magenta-700);
215
215
  --color-text-accent-magenta-bold: var(--color-magenta-800);
216
216
  --color-accent-magenta-bold: var(--color-magenta-800);
217
217
  --color-icon-primary: var(--color-neutral-1100);
@@ -232,289 +232,281 @@
232
232
  --color-icon-accent-magenta: var(--color-magenta-700);
233
233
  --color-icon-accent-sand: var(--color-sand-700);
234
234
  --color-icon-brand: var(--color-bcc-700);
235
- --color-link-default: var(--color-blue-600);
235
+ --color-link: var(--color-blue-600);
236
236
  --color-link-hover: var(--color-blue-700);
237
237
  --color-link-visited: var(--color-blue-900);
238
- --color-background-disabled-default: #ffffff;
239
- --color-disabled-default: #ffffff;
240
- --color-background-brand-default: var(--color-bcc-600);
241
- --color-brand-default: var(--color-bcc-600);
238
+ --color-background-disabled: #ffffff;
239
+ --color-disabled: #ffffff;
240
+ --color-background-brand: var(--color-bcc-600);
241
+ --color-brand: var(--color-bcc-600);
242
242
  --color-background-brand-hover: var(--color-bcc-700);
243
243
  --color-brand-hover: var(--color-bcc-700);
244
244
  --color-background-brand-pressed: var(--color-bcc-800);
245
245
  --color-brand-pressed: var(--color-bcc-800);
246
- --color-background-brand-lighter-default: var(--color-bcc-200);
247
- --color-brand-lighter-default: var(--color-bcc-200);
246
+ --color-background-brand-lighter: var(--color-bcc-200);
247
+ --color-brand-lighter: var(--color-bcc-200);
248
248
  --color-background-brand-lighter-hover: var(--color-bcc-300);
249
249
  --color-brand-lighter-hover: var(--color-bcc-300);
250
250
  --color-background-brand-lighter-pressed: var(--color-bcc-400);
251
251
  --color-brand-lighter-pressed: var(--color-bcc-400);
252
- --color-background-brand-light-default: var(--color-bcc-400);
253
- --color-brand-light-default: var(--color-bcc-400);
252
+ --color-background-brand-light: var(--color-bcc-400);
253
+ --color-brand-light: var(--color-bcc-400);
254
254
  --color-background-brand-light-hover: var(--color-bcc-500);
255
255
  --color-brand-light-hover: var(--color-bcc-500);
256
256
  --color-background-brand-light-pressed: var(--color-bcc-600);
257
257
  --color-brand-light-pressed: var(--color-bcc-600);
258
- --color-background-brand-bold-default: var(--color-bcc-800);
259
- --color-brand-bold-default: var(--color-bcc-800);
258
+ --color-background-brand-bold: var(--color-bcc-800);
260
259
  --color-background-brand-bold-hover: var(--color-bcc-900);
261
260
  --color-brand-bold-hover: var(--color-bcc-900);
262
261
  --color-background-brand-bold-pressed: var(--color-bcc-1000);
263
262
  --color-brand-bold-pressed: var(--color-bcc-1000);
264
- --color-background-accent-red-default: var(--color-red-600);
265
- --color-accent-red-default: var(--color-red-600);
263
+ --color-background-accent-red: var(--color-red-600);
264
+ --color-accent-red: var(--color-red-600);
266
265
  --color-background-accent-red-hover: var(--color-red-700);
267
266
  --color-accent-red-hover: var(--color-red-700);
268
267
  --color-background-accent-red-pressed: var(--color-red-800);
269
268
  --color-accent-red-pressed: var(--color-red-800);
270
- --color-background-accent-red-lighter-default: var(--color-red-200);
271
- --color-accent-red-lighter-default: var(--color-red-200);
269
+ --color-background-accent-red-lighter: var(--color-red-200);
270
+ --color-accent-red-lighter: var(--color-red-200);
272
271
  --color-background-accent-red-lighter-hover: var(--color-red-300);
273
272
  --color-accent-red-lighter-hover: var(--color-red-300);
274
273
  --color-background-accent-red-lighter-pressed: var(--color-red-400);
275
274
  --color-accent-red-lighter-pressed: var(--color-red-400);
276
- --color-background-accent-red-light-default: var(--color-red-400);
277
- --color-accent-red-light-default: var(--color-red-400);
275
+ --color-background-accent-red-light: var(--color-red-400);
276
+ --color-accent-red-light: var(--color-red-400);
278
277
  --color-background-accent-red-light-hover: var(--color-red-500);
279
278
  --color-accent-red-light-hover: var(--color-red-500);
280
279
  --color-background-accent-red-light-pressed: var(--color-red-600);
281
280
  --color-accent-red-light-pressed: var(--color-red-600);
282
- --color-background-accent-red-bold-default: var(--color-red-800);
283
- --color-accent-red-bold-default: var(--color-red-800);
281
+ --color-background-accent-red-bold: var(--color-red-800);
282
+ --color-accent-red-bold: var(--color-red-800);
284
283
  --color-background-accent-red-bold-hover: var(--color-red-700);
285
284
  --color-accent-red-bold-hover: var(--color-red-700);
286
285
  --color-background-accent-red-bold-pressed: var(--color-red-600);
287
286
  --color-accent-red-bold-pressed: var(--color-red-600);
288
- --color-background-accent-rust-default: var(--color-rust-600);
289
- --color-accent-rust-default: var(--color-rust-600);
287
+ --color-background-accent-rust: var(--color-rust-600);
288
+ --color-accent-rust: var(--color-rust-600);
290
289
  --color-background-accent-rust-hover: var(--color-rust-700);
291
290
  --color-accent-rust-hover: var(--color-rust-700);
292
291
  --color-background-accent-rust-pressed: var(--color-rust-800);
293
292
  --color-accent-rust-pressed: var(--color-rust-800);
294
- --color-background-accent-rust-lighter-default: var(--color-rust-200);
295
- --color-accent-rust-lighter-default: var(--color-rust-200);
293
+ --color-background-accent-rust-lighter: var(--color-rust-200);
294
+ --color-accent-rust-lighter: var(--color-rust-200);
296
295
  --color-background-accent-rust-lighter-hover: var(--color-rust-300);
297
296
  --color-accent-rust-lighter-hover: var(--color-rust-300);
298
297
  --color-background-accent-rust-lighter-pressed: var(--color-rust-400);
299
298
  --color-accent-rust-lighter-pressed: var(--color-rust-400);
300
- --color-background-accent-rust-light-default: var(--color-rust-400);
301
- --color-accent-rust-light-default: var(--color-rust-400);
299
+ --color-background-accent-rust-light: var(--color-rust-400);
300
+ --color-accent-rust-light: var(--color-rust-400);
302
301
  --color-background-accent-rust-light-hover: var(--color-rust-500);
303
302
  --color-accent-rust-light-hover: var(--color-rust-500);
304
303
  --color-background-accent-rust-light-pressed: var(--color-rust-600);
305
304
  --color-accent-rust-light-pressed: var(--color-rust-600);
306
- --color-background-accent-rust-bold-default: var(--color-rust-800);
307
- --color-accent-rust-bold-default: var(--color-rust-800);
305
+ --color-background-accent-rust-bold: var(--color-rust-800);
308
306
  --color-background-accent-rust-bold-hover: var(--color-rust-700);
309
307
  --color-accent-rust-bold-hover: var(--color-rust-700);
310
308
  --color-background-accent-rust-bold-pressed: var(--color-rust-600);
311
309
  --color-accent-rust-bold-pressed: var(--color-rust-600);
312
- --color-background-accent-green-default: var(--color-green-500);
313
- --color-accent-green-default: var(--color-green-500);
310
+ --color-background-accent-green: var(--color-green-500);
311
+ --color-accent-green: var(--color-green-500);
314
312
  --color-background-accent-green-hover: var(--color-green-600);
315
313
  --color-accent-green-hover: var(--color-green-600);
316
314
  --color-background-accent-green-pressed: var(--color-green-700);
317
315
  --color-accent-green-pressed: var(--color-green-700);
318
- --color-background-accent-green-lighter-default: var(--color-green-200);
319
- --color-accent-green-lighter-default: var(--color-green-200);
316
+ --color-background-accent-green-lighter: var(--color-green-200);
317
+ --color-accent-green-lighter: var(--color-green-200);
320
318
  --color-background-accent-green-lighter-hover: var(--color-green-300);
321
319
  --color-accent-green-lighter-hover: var(--color-green-300);
322
320
  --color-background-accent-green-lighter-pressed: var(--color-green-400);
323
321
  --color-accent-green-lighter-pressed: var(--color-green-400);
324
- --color-background-accent-green-light-default: var(--color-green-400);
325
- --color-accent-green-light-default: var(--color-green-400);
322
+ --color-background-accent-green-light: var(--color-green-400);
323
+ --color-accent-green-light: var(--color-green-400);
326
324
  --color-background-accent-green-light-hover: var(--color-green-500);
327
325
  --color-accent-green-light-hover: var(--color-green-500);
328
326
  --color-background-accent-green-light-pressed: var(--color-green-600);
329
327
  --color-accent-green-light-pressed: var(--color-green-600);
330
- --color-background-accent-green-bold-default: var(--color-green-800);
331
- --color-accent-green-bold-default: var(--color-green-800);
328
+ --color-background-accent-green-bold: var(--color-green-800);
332
329
  --color-background-accent-green-bold-hover: var(--color-green-700);
333
330
  --color-accent-green-bold-hover: var(--color-green-700);
334
331
  --color-background-accent-green-bold-pressed: var(--color-green-600);
335
332
  --color-accent-green-bold-pressed: var(--color-green-600);
336
- --color-background-accent-teal-default: var(--color-teal-600);
337
- --color-accent-teal-default: var(--color-teal-600);
333
+ --color-background-accent-teal: var(--color-teal-600);
334
+ --color-accent-teal: var(--color-teal-600);
338
335
  --color-background-accent-teal-hover: var(--color-teal-700);
339
336
  --color-accent-teal-hover: var(--color-teal-700);
340
337
  --color-background-accent-teal-pressed: var(--color-teal-800);
341
338
  --color-accent-teal-pressed: var(--color-teal-800);
342
- --color-background-accent-teal-lighter-default: var(--color-teal-200);
343
- --color-accent-teal-lighter-default: var(--color-teal-200);
339
+ --color-background-accent-teal-lighter: var(--color-teal-200);
340
+ --color-accent-teal-lighter: var(--color-teal-200);
344
341
  --color-background-accent-teal-lighter-hover: var(--color-teal-300);
345
342
  --color-accent-teal-lighter-hover: var(--color-teal-300);
346
343
  --color-background-accent-teal-lighter-pressed: #ffffff;
347
344
  --color-accent-teal-lighter-pressed: #ffffff;
348
- --color-background-accent-teal-light-default: var(--color-teal-400);
349
- --color-accent-teal-light-default: var(--color-teal-400);
345
+ --color-background-accent-teal-light: var(--color-teal-400);
346
+ --color-accent-teal-light: var(--color-teal-400);
350
347
  --color-background-accent-teal-light-hover: #ffffff;
351
348
  --color-accent-teal-light-hover: #ffffff;
352
349
  --color-background-accent-teal-light-pressed: #ffffff;
353
350
  --color-accent-teal-light-pressed: #ffffff;
354
- --color-background-accent-teal-bold-default: var(--color-teal-800);
355
- --color-accent-teal-bold-default: var(--color-teal-800);
351
+ --color-background-accent-teal-bold: var(--color-teal-800);
356
352
  --color-background-accent-teal-bold-hover: #ffffff;
357
353
  --color-accent-teal-bold-hover: #ffffff;
358
354
  --color-background-accent-teal-bold-pressed: #ffffff;
359
355
  --color-accent-teal-bold-pressed: #ffffff;
360
- --color-background-accent-sand-default: var(--color-sand-600);
361
- --color-accent-sand-default: var(--color-sand-600);
356
+ --color-background-accent-sand: var(--color-sand-600);
357
+ --color-accent-sand: var(--color-sand-600);
362
358
  --color-background-accent-sand-hover: #ffffff;
363
359
  --color-accent-sand-hover: #ffffff;
364
360
  --color-background-accent-sand-pressed: #ffffff;
365
361
  --color-accent-sand-pressed: #ffffff;
366
- --color-background-accent-sand-lighter-default: var(--color-sand-200);
367
- --color-accent-sand-lighter-default: var(--color-sand-200);
362
+ --color-background-accent-sand-lighter: var(--color-sand-200);
363
+ --color-accent-sand-lighter: var(--color-sand-200);
368
364
  --color-background-accent-sand-lighter-hover: var(--color-sand-300);
369
365
  --color-accent-sand-lighter-hover: var(--color-sand-300);
370
366
  --color-background-accent-sand-lighter-pressed: #ffffff;
371
367
  --color-accent-sand-lighter-pressed: #ffffff;
372
- --color-background-accent-sand-light-default: var(--color-sand-400);
373
- --color-accent-sand-light-default: var(--color-sand-400);
368
+ --color-background-accent-sand-light: var(--color-sand-400);
369
+ --color-accent-sand-light: var(--color-sand-400);
374
370
  --color-background-accent-sand-light-hover: #ffffff;
375
371
  --color-accent-sand-light-hover: #ffffff;
376
372
  --color-background-accent-sand-light-pressed: #ffffff;
377
373
  --color-accent-sand-light-pressed: #ffffff;
378
- --color-background-accent-sand-bold-default: var(--color-sand-800);
379
- --color-accent-sand-bold-default: var(--color-sand-800);
374
+ --color-background-accent-sand-bold: var(--color-sand-800);
380
375
  --color-background-accent-sand-bold-hover: #ffffff;
381
376
  --color-accent-sand-bold-hover: #ffffff;
382
377
  --color-background-accent-sand-bold-pressed: #ffffff;
383
378
  --color-accent-sand-bold-pressed: #ffffff;
384
- --color-background-accent-blue-default: var(--color-blue-600);
385
- --color-accent-blue-default: var(--color-blue-600);
379
+ --color-background-accent-blue: var(--color-blue-600);
380
+ --color-accent-blue: var(--color-blue-600);
386
381
  --color-background-accent-blue-hover: #ffffff;
387
382
  --color-accent-blue-hover: #ffffff;
388
383
  --color-background-accent-blue-pressed: #ffffff;
389
384
  --color-accent-blue-pressed: #ffffff;
390
- --color-background-accent-blue-lighter-default: var(--color-blue-200);
391
- --color-accent-blue-lighter-default: var(--color-blue-200);
385
+ --color-background-accent-blue-lighter: var(--color-blue-200);
386
+ --color-accent-blue-lighter: var(--color-blue-200);
392
387
  --color-background-accent-blue-lighter-hover: #ffffff;
393
388
  --color-accent-blue-lighter-hover: #ffffff;
394
389
  --color-background-accent-blue-lighter-pressed: #ffffff;
395
390
  --color-accent-blue-lighter-pressed: #ffffff;
396
- --color-background-accent-blue-light-default: var(--color-blue-400);
397
- --color-accent-blue-light-default: var(--color-blue-400);
391
+ --color-background-accent-blue-light: var(--color-blue-400);
392
+ --color-accent-blue-light: var(--color-blue-400);
398
393
  --color-background-accent-blue-light-hover: #ffffff;
399
394
  --color-accent-blue-light-hover: #ffffff;
400
395
  --color-background-accent-blue-light-pressed: #ffffff;
401
396
  --color-accent-blue-light-pressed: #ffffff;
402
- --color-background-accent-blue-bold-default: var(--color-blue-800);
403
- --color-accent-blue-bold-default: var(--color-blue-800);
397
+ --color-background-accent-blue-bold: var(--color-blue-800);
404
398
  --color-background-accent-blue-bold-hover: #ffffff;
405
399
  --color-accent-blue-bold-hover: #ffffff;
406
400
  --color-background-accent-blue-bold-pressed: #ffffff;
407
401
  --color-accent-blue-bold-pressed: #ffffff;
408
- --color-background-accent-purple-default: var(--color-purple-600);
409
- --color-accent-purple-default: var(--color-purple-600);
402
+ --color-background-accent-purple: var(--color-purple-600);
403
+ --color-accent-purple: var(--color-purple-600);
410
404
  --color-background-accent-purple-hover: #ffffff;
411
405
  --color-accent-purple-hover: #ffffff;
412
406
  --color-background-accent-purple-pressed: #ffffff;
413
407
  --color-accent-purple-pressed: #ffffff;
414
- --color-background-accent-purple-lighter-default: var(--color-purple-200);
415
- --color-accent-purple-lighter-default: var(--color-purple-200);
408
+ --color-background-accent-purple-lighter: var(--color-purple-200);
409
+ --color-accent-purple-lighter: var(--color-purple-200);
416
410
  --color-background-accent-purple-lighter-hover: #ffffff;
417
411
  --color-accent-purple-lighter-hover: #ffffff;
418
412
  --color-background-accent-purple-lighter-pressed: #ffffff;
419
413
  --color-accent-purple-lighter-pressed: #ffffff;
420
- --color-background-accent-purple-light-default: var(--color-purple-400);
421
- --color-accent-purple-light-default: var(--color-purple-400);
414
+ --color-background-accent-purple-light: var(--color-purple-400);
415
+ --color-accent-purple-light: var(--color-purple-400);
422
416
  --color-background-accent-purple-light-hover: #ffffff;
423
417
  --color-accent-purple-light-hover: #ffffff;
424
418
  --color-background-accent-purple-light-pressed: #ffffff;
425
419
  --color-accent-purple-light-pressed: #ffffff;
426
- --color-background-accent-purple-bold-default: var(--color-purple-800);
427
- --color-accent-purple-bold-default: var(--color-purple-800);
420
+ --color-background-accent-purple-bold: var(--color-purple-800);
428
421
  --color-background-accent-purple-bold-hover: #ffffff;
429
422
  --color-accent-purple-bold-hover: #ffffff;
430
423
  --color-background-accent-purple-bold-pressed: #ffffff;
431
424
  --color-accent-purple-bold-pressed: #ffffff;
432
- --color-background-accent-magenta-default: var(--color-magenta-600);
433
- --color-accent-magenta-default: var(--color-magenta-600);
425
+ --color-background-accent-magenta: var(--color-magenta-600);
426
+ --color-accent-magenta: var(--color-magenta-600);
434
427
  --color-background-accent-magenta-hover: #ffffff;
435
428
  --color-accent-magenta-hover: #ffffff;
436
429
  --color-background-accent-magenta-pressed: #ffffff;
437
430
  --color-accent-magenta-pressed: #ffffff;
438
- --color-background-accent-magenta-lighter-default: var(--color-magenta-200);
439
- --color-accent-magenta-lighter-default: var(--color-magenta-200);
431
+ --color-background-accent-magenta-lighter: var(--color-magenta-200);
432
+ --color-accent-magenta-lighter: var(--color-magenta-200);
440
433
  --color-background-accent-magenta-lighter-hover: #ffffff;
441
434
  --color-accent-magenta-lighter-hover: #ffffff;
442
435
  --color-background-accent-magenta-lighter-pressed: #ffffff;
443
436
  --color-accent-magenta-lighter-pressed: #ffffff;
444
- --color-background-accent-magenta-light-default: var(--color-magenta-400);
445
- --color-accent-magenta-light-default: var(--color-magenta-400);
437
+ --color-background-accent-magenta-light: var(--color-magenta-400);
438
+ --color-accent-magenta-light: var(--color-magenta-400);
446
439
  --color-background-accent-magenta-light-hover: #ffffff;
447
440
  --color-accent-magenta-light-hover: #ffffff;
448
441
  --color-background-accent-magenta-light-pressed: #ffffff;
449
442
  --color-accent-magenta-light-pressed: #ffffff;
450
- --color-background-accent-magenta-bold-default: var(--color-magenta-800);
451
- --color-accent-magenta-bold-default: var(--color-magenta-800);
443
+ --color-background-accent-magenta-bold: var(--color-magenta-800);
452
444
  --color-background-accent-magenta-bold-hover: #ffffff;
453
445
  --color-accent-magenta-bold-hover: #ffffff;
454
446
  --color-background-accent-magenta-bold-pressed: #ffffff;
455
447
  --color-accent-magenta-bold-pressed: #ffffff;
456
- --color-background-accent-yellow-default: #ffffff;
457
- --color-accent-yellow-default: #ffffff;
448
+ --color-background-accent-yellow: #ffffff;
449
+ --color-accent-yellow: #ffffff;
458
450
  --color-background-accent-yellow-hover: #ffffff;
459
451
  --color-accent-yellow-hover: #ffffff;
460
452
  --color-background-accent-yellow-pressed: #ffffff;
461
453
  --color-accent-yellow-pressed: #ffffff;
462
- --color-background-accent-yellow-lighter-default: #ffffff;
463
- --color-accent-yellow-lighter-default: #ffffff;
454
+ --color-background-accent-yellow-lighter: #ffffff;
455
+ --color-accent-yellow-lighter: #ffffff;
464
456
  --color-background-accent-yellow-lighter-hover: #ffffff;
465
457
  --color-accent-yellow-lighter-hover: #ffffff;
466
458
  --color-background-accent-yellow-lighter-pressed: #ffffff;
467
459
  --color-accent-yellow-lighter-pressed: #ffffff;
468
- --color-background-accent-yellow-light-default: #ffffff;
469
- --color-accent-yellow-light-default: #ffffff;
460
+ --color-background-accent-yellow-light: #ffffff;
461
+ --color-accent-yellow-light: #ffffff;
470
462
  --color-background-accent-yellow-light-hover: #ffffff;
471
463
  --color-accent-yellow-light-hover: #ffffff;
472
464
  --color-background-accent-yellow-light-pressed: #ffffff;
473
465
  --color-accent-yellow-light-pressed: #ffffff;
474
- --color-background-accent-yellow-bold-default: #ffffff;
475
- --color-accent-yellow-bold-default: #ffffff;
466
+ --color-background-accent-yellow-bold: #ffffff;
467
+ --color-accent-yellow-bold: #ffffff;
476
468
  --color-background-accent-yellow-bold-hover: #ffffff;
477
469
  --color-accent-yellow-bold-hover: #ffffff;
478
470
  --color-background-accent-yellow-bold-pressed: #ffffff;
479
471
  --color-accent-yellow-bold-pressed: #ffffff;
480
- --color-background-neutral-default: var(--color-neutral-alpha-300a);
481
- --color-neutral-default: var(--color-neutral-alpha-300a);
472
+ --color-background-neutral: var(--color-neutral-alpha-300a);
473
+ --color-neutral: var(--color-neutral-alpha-300a);
482
474
  --color-background-neutral-hover: var(--color-neutral-alpha-400a);
483
475
  --color-neutral-hover: var(--color-neutral-alpha-400a);
484
476
  --color-background-neutral-pressed: var(--color-neutral-alpha-500a);
485
477
  --color-neutral-pressed: var(--color-neutral-alpha-500a);
486
478
  --color-background-neutral-light-pressed: var(--color-neutral-alpha-200a);
487
479
  --color-neutral-light-pressed: var(--color-neutral-alpha-200a);
488
- --color-background-neutral-light-default: var(--color-dark-neutral-alpha-100a);
489
- --color-neutral-light-default: var(--color-dark-neutral-alpha-100a);
480
+ --color-background-neutral-light: var(--color-dark-neutral-alpha-100a);
481
+ --color-neutral-light: var(--color-dark-neutral-alpha-100a);
490
482
  --color-background-neutral-light-hover: var(--color-neutral-alpha-200a);
491
483
  --color-neutral-light-hover: var(--color-neutral-alpha-200a);
492
484
  --color-background-neutral-lighter-hover: var(--color-neutral-alpha-100a);
493
485
  --color-neutral-lighter-hover: var(--color-neutral-alpha-100a);
494
486
  --color-background-neutral-lighter-pressed: var(--color-neutral-alpha-200a);
495
487
  --color-neutral-lighter-pressed: var(--color-neutral-alpha-200a);
496
- --color-background-neutral-lighter-default: rgba(9, 30, 77, 0);
497
- --color-neutral-lighter-default: rgba(9, 30, 77, 0);
498
- --color-background-info-default: #ffffff;
499
- --color-info-default: #ffffff;
488
+ --color-background-neutral-lighter: rgba(9, 30, 77, 0);
489
+ --color-neutral-lighter: rgba(9, 30, 77, 0);
490
+ --color-background-info: #ffffff;
491
+ --color-info: #ffffff;
500
492
  --color-background-info-hover: #ffffff;
501
493
  --color-info-hover: #ffffff;
502
494
  --color-background-info-pressed: #ffffff;
503
495
  --color-info-pressed: #ffffff;
504
- --color-background-success-default: #ffffff;
505
- --color-success-default: #ffffff;
496
+ --color-background-success: #ffffff;
497
+ --color-success: #ffffff;
506
498
  --color-background-success-hover: #ffffff;
507
499
  --color-success-hover: #ffffff;
508
500
  --color-background-success-pressed: #ffffff;
509
501
  --color-success-pressed: #ffffff;
510
- --color-background-alert-default: #ffffff;
511
- --color-alert-default: #ffffff;
502
+ --color-background-alert: #ffffff;
503
+ --color-alert: #ffffff;
512
504
  --color-background-alert-hover: #ffffff;
513
505
  --color-alert-hover: #ffffff;
514
506
  --color-background-alert-pressed: #ffffff;
515
507
  --color-alert-pressed: #ffffff;
516
- --color-background-danger-default: #ffffff;
517
- --color-danger-default: #ffffff;
508
+ --color-background-danger: #ffffff;
509
+ --color-danger: #ffffff;
518
510
  --color-background-danger-hover: #ffffff;
519
511
  --color-danger-hover: #ffffff;
520
512
  --color-background-danger-pressed: #ffffff;
@@ -531,40 +523,40 @@
531
523
  --color-selected: var(--color-bcc-600);
532
524
  --color-border-disabled: var(--color-neutral-100);
533
525
  --color-disabled: var(--color-neutral-100);
534
- --color-border-accent-red-default: var(--color-red-600);
526
+ --color-border-accent-red: var(--color-red-600);
535
527
  --color-border-accent-red-hover: var(--color-red-700);
536
528
  --color-border-accent-red-pressed: var(--color-red-800);
537
- --color-border-accent-rust-default: var(--color-rust-600);
529
+ --color-border-accent-rust: var(--color-rust-600);
538
530
  --color-border-accent-rust-hover: var(--color-rust-700);
539
531
  --color-border-accent-rust-pressed: var(--color-rust-800);
540
- --color-border-accent-yellow-default: #ffffff;
532
+ --color-border-accent-yellow: #ffffff;
541
533
  --color-border-accent-yellow-hover: #ffffff;
542
534
  --color-border-accent-yellow-pressed: #ffffff;
543
- --color-border-accent-green-default: var(--color-green-600);
544
- --color-accent-green-default: var(--color-green-600);
535
+ --color-border-accent-green: var(--color-green-600);
536
+ --color-accent-green: var(--color-green-600);
545
537
  --color-border-accent-green-hover: var(--color-green-700);
546
538
  --color-accent-green-hover: var(--color-green-700);
547
539
  --color-border-accent-green-pressed: var(--color-green-800);
548
540
  --color-accent-green-pressed: var(--color-green-800);
549
- --color-border-accent-teal-default: var(--color-teal-600);
541
+ --color-border-accent-teal: var(--color-teal-600);
550
542
  --color-border-accent-teal-hover: var(--color-teal-700);
551
543
  --color-border-accent-teal-pressed: var(--color-teal-800);
552
- --color-border-accent-sand-default: var(--color-sand-600);
544
+ --color-border-accent-sand: var(--color-sand-600);
553
545
  --color-border-accent-sand-hover: var(--color-sand-700);
554
546
  --color-accent-sand-hover: var(--color-sand-700);
555
547
  --color-border-accent-sand-pressed: var(--color-sand-800);
556
548
  --color-accent-sand-pressed: var(--color-sand-800);
557
- --color-border-accent-blue-default: var(--color-blue-600);
549
+ --color-border-accent-blue: var(--color-blue-600);
558
550
  --color-border-accent-blue-hover: var(--color-blue-700);
559
551
  --color-accent-blue-hover: var(--color-blue-700);
560
552
  --color-border-accent-blue-pressed: var(--color-blue-800);
561
553
  --color-accent-blue-pressed: var(--color-blue-800);
562
- --color-border-accent-purple-default: var(--color-purple-600);
554
+ --color-border-accent-purple: var(--color-purple-600);
563
555
  --color-border-accent-purple-hover: var(--color-purple-700);
564
556
  --color-accent-purple-hover: var(--color-purple-700);
565
557
  --color-border-accent-purple-pressed: var(--color-purple-800);
566
558
  --color-accent-purple-pressed: var(--color-purple-800);
567
- --color-border-accent-magenta-default: var(--color-magenta-600);
559
+ --color-border-accent-magenta: var(--color-magenta-600);
568
560
  --color-border-accent-magenta-hover: var(--color-magenta-700);
569
561
  --color-accent-magenta-hover: var(--color-magenta-700);
570
562
  --color-border-accent-magenta-pressed: var(--color-magenta-800);
@@ -577,11 +569,11 @@
577
569
  /* COLOR */
578
570
  --color-surface-primary: var(--color-dark-neutral-0);
579
571
  --color-surface-secondary: var(--color-dark-neutral-200);
580
- --color-surface-overlay-default: var(--color-dark-neutral-alpha-500a);
572
+ --color-surface-overlay: var(--color-dark-neutral-alpha-500a);
581
573
  --color-surface-inverse-primary: var(--color-neutral-0);
582
574
  --color-surface-inverse-secondary: var(--color-neutral-200);
583
575
  --color-divider-light: var(--color-dark-neutral-100);
584
- --color-divider-default: var(--color-dark-neutral-200);
576
+ --color-divider: var(--color-dark-neutral-200);
585
577
  --color-divider-bold: var(--color-dark-neutral-300);
586
578
  --color-text-primary: var(--color-dark-neutral-1100);
587
579
  --color-primary: var(--color-dark-neutral-1100);
@@ -601,40 +593,40 @@
601
593
  --color-info: var(--color-dark-neutral-0);
602
594
  --color-text-danger: var(--color-dark-neutral-0);
603
595
  --color-danger: var(--color-dark-neutral-0);
604
- --color-text-brand-default: var(--color-bcc-400);
605
- --color-brand-default: var(--color-bcc-400);
596
+ --color-text-brand: var(--color-bcc-400);
597
+ --color-brand: var(--color-bcc-400);
606
598
  --color-text-brand-bold: var(--color-bcc-300);
607
599
  --color-brand-bold: var(--color-bcc-300);
608
- --color-text-accent-rust-default: var(--color-rust-400);
609
- --color-accent-rust-default: var(--color-rust-400);
600
+ --color-text-accent-rust: var(--color-rust-400);
601
+ --color-accent-rust: var(--color-rust-400);
610
602
  --color-text-accent-rust-bold: var(--color-rust-300);
611
603
  --color-accent-rust-bold: var(--color-rust-300);
612
- --color-text-accent-yellow-default: var(--color-red-400);
613
- --color-accent-yellow-default: var(--color-red-400);
604
+ --color-text-accent-yellow: var(--color-red-400);
605
+ --color-accent-yellow: var(--color-red-400);
614
606
  --color-text-accent-yellow-bold: var(--color-red-300);
615
607
  --color-accent-yellow-bold: var(--color-red-300);
616
- --color-text-accent-green-default: var(--color-green-400);
617
- --color-accent-green-default: var(--color-green-400);
608
+ --color-text-accent-green: var(--color-green-400);
609
+ --color-accent-green: var(--color-green-400);
618
610
  --color-text-accent-green-bold: var(--color-green-300);
619
611
  --color-accent-green-bold: var(--color-green-300);
620
- --color-text-accent-teal-default: var(--color-teal-400);
621
- --color-accent-teal-default: var(--color-teal-400);
612
+ --color-text-accent-teal: var(--color-teal-400);
613
+ --color-accent-teal: var(--color-teal-400);
622
614
  --color-text-accent-teal-bold: var(--color-teal-300);
623
615
  --color-accent-teal-bold: var(--color-teal-300);
624
- --color-text-accent-sand-default: var(--color-sand-400);
625
- --color-accent-sand-default: var(--color-sand-400);
616
+ --color-text-accent-sand: var(--color-sand-400);
617
+ --color-accent-sand: var(--color-sand-400);
626
618
  --color-text-accent-sand-bold: var(--color-sand-300);
627
619
  --color-accent-sand-bold: var(--color-sand-300);
628
- --color-text-accent-blue-default: var(--color-blue-400);
629
- --color-accent-blue-default: var(--color-blue-400);
620
+ --color-text-accent-blue: var(--color-blue-400);
621
+ --color-accent-blue: var(--color-blue-400);
630
622
  --color-text-accent-blue-bold: var(--color-blue-300);
631
623
  --color-accent-blue-bold: var(--color-blue-300);
632
- --color-text-accent-purple-default: var(--color-purple-400);
633
- --color-accent-purple-default: var(--color-purple-400);
624
+ --color-text-accent-purple: var(--color-purple-400);
625
+ --color-accent-purple: var(--color-purple-400);
634
626
  --color-text-accent-purple-bold: var(--color-purple-300);
635
627
  --color-accent-purple-bold: var(--color-purple-300);
636
- --color-text-accent-magenta-default: var(--color-magenta-400);
637
- --color-accent-magenta-default: var(--color-magenta-400);
628
+ --color-text-accent-magenta: var(--color-magenta-400);
629
+ --color-accent-magenta: var(--color-magenta-400);
638
630
  --color-text-accent-magenta-bold: var(--color-magenta-300);
639
631
  --color-accent-magenta-bold: var(--color-magenta-300);
640
632
  --color-icon-primary: var(--color-dark-neutral-1100);
@@ -655,253 +647,245 @@
655
647
  --color-icon-accent-magenta: var(--color-magenta-400);
656
648
  --color-icon-accent-sand: var(--color-sand-400);
657
649
  --color-icon-brand: var(--color-bcc-400);
658
- --color-link-default: var(--color-blue-500);
650
+ --color-link: var(--color-blue-500);
659
651
  --color-link-hover: var(--color-blue-400);
660
652
  --color-link-visited: var(--color-blue-300);
661
- --color-background-disabled-default: #ffffff;
662
- --color-disabled-default: #ffffff;
663
- --color-background-brand-default: var(--color-bcc-500);
664
- --color-brand-default: var(--color-bcc-500);
653
+ --color-background-disabled: #ffffff;
654
+ --color-disabled: #ffffff;
655
+ --color-background-brand: var(--color-bcc-500);
656
+ --color-brand: var(--color-bcc-500);
665
657
  --color-background-brand-hover: var(--color-bcc-400);
666
658
  --color-brand-hover: var(--color-bcc-400);
667
659
  --color-background-brand-pressed: var(--color-bcc-300);
668
660
  --color-brand-pressed: var(--color-bcc-300);
669
- --color-background-brand-lighter-default: var(--color-bcc-900);
670
- --color-brand-lighter-default: var(--color-bcc-900);
661
+ --color-background-brand-lighter: var(--color-bcc-900);
662
+ --color-brand-lighter: var(--color-bcc-900);
671
663
  --color-background-brand-lighter-hover: var(--color-bcc-800);
672
664
  --color-brand-lighter-hover: var(--color-bcc-800);
673
665
  --color-background-brand-lighter-pressed: var(--color-bcc-700);
674
666
  --color-brand-lighter-pressed: var(--color-bcc-700);
675
- --color-background-brand-light-default: var(--color-bcc-700);
676
- --color-brand-light-default: var(--color-bcc-700);
667
+ --color-background-brand-light: var(--color-bcc-700);
668
+ --color-brand-light: var(--color-bcc-700);
677
669
  --color-background-brand-light-hover: var(--color-bcc-600);
678
670
  --color-brand-light-hover: var(--color-bcc-600);
679
671
  --color-background-brand-light-pressed: var(--color-bcc-500);
680
672
  --color-brand-light-pressed: var(--color-bcc-500);
681
- --color-background-brand-bold-default: var(--color-bcc-300);
682
- --color-brand-bold-default: var(--color-bcc-300);
673
+ --color-background-brand-bold: var(--color-bcc-300);
683
674
  --color-background-brand-bold-hover: var(--color-bcc-200);
684
675
  --color-brand-bold-hover: var(--color-bcc-200);
685
676
  --color-background-brand-bold-pressed: var(--color-bcc-100);
686
677
  --color-brand-bold-pressed: var(--color-bcc-100);
687
- --color-background-accent-red-default: var(--color-red-500);
688
- --color-accent-red-default: var(--color-red-500);
678
+ --color-background-accent-red: var(--color-red-500);
679
+ --color-accent-red: var(--color-red-500);
689
680
  --color-background-accent-red-hover: var(--color-red-400);
690
681
  --color-accent-red-hover: var(--color-red-400);
691
682
  --color-background-accent-red-pressed: var(--color-red-300);
692
683
  --color-accent-red-pressed: var(--color-red-300);
693
- --color-background-accent-red-lighter-default: var(--color-red-900);
694
- --color-accent-red-lighter-default: var(--color-red-900);
684
+ --color-background-accent-red-lighter: var(--color-red-900);
685
+ --color-accent-red-lighter: var(--color-red-900);
695
686
  --color-background-accent-red-lighter-hover: var(--color-red-800);
696
687
  --color-accent-red-lighter-hover: var(--color-red-800);
697
688
  --color-background-accent-red-lighter-pressed: var(--color-red-700);
698
689
  --color-accent-red-lighter-pressed: var(--color-red-700);
699
- --color-background-accent-red-light-default: var(--color-red-700);
700
- --color-accent-red-light-default: var(--color-red-700);
690
+ --color-background-accent-red-light: var(--color-red-700);
691
+ --color-accent-red-light: var(--color-red-700);
701
692
  --color-background-accent-red-light-hover: var(--color-red-600);
702
693
  --color-accent-red-light-hover: var(--color-red-600);
703
694
  --color-background-accent-red-light-pressed: var(--color-red-500);
704
695
  --color-accent-red-light-pressed: var(--color-red-500);
705
- --color-background-accent-red-bold-default: var(--color-red-300);
706
- --color-accent-red-bold-default: var(--color-red-300);
696
+ --color-background-accent-red-bold: var(--color-red-300);
697
+ --color-accent-red-bold: var(--color-red-300);
707
698
  --color-background-accent-red-bold-hover: var(--color-red-400);
708
699
  --color-accent-red-bold-hover: var(--color-red-400);
709
700
  --color-background-accent-red-bold-pressed: var(--color-red-500);
710
701
  --color-accent-red-bold-pressed: var(--color-red-500);
711
- --color-background-accent-rust-default: var(--color-rust-500);
712
- --color-accent-rust-default: var(--color-rust-500);
702
+ --color-background-accent-rust: var(--color-rust-500);
703
+ --color-accent-rust: var(--color-rust-500);
713
704
  --color-background-accent-rust-hover: var(--color-rust-400);
714
705
  --color-accent-rust-hover: var(--color-rust-400);
715
706
  --color-background-accent-rust-pressed: var(--color-rust-300);
716
707
  --color-accent-rust-pressed: var(--color-rust-300);
717
- --color-background-accent-rust-lighter-default: var(--color-rust-900);
718
- --color-accent-rust-lighter-default: var(--color-rust-900);
708
+ --color-background-accent-rust-lighter: var(--color-rust-900);
709
+ --color-accent-rust-lighter: var(--color-rust-900);
719
710
  --color-background-accent-rust-lighter-hover: var(--color-rust-800);
720
711
  --color-accent-rust-lighter-hover: var(--color-rust-800);
721
712
  --color-background-accent-rust-lighter-pressed: var(--color-rust-700);
722
713
  --color-accent-rust-lighter-pressed: var(--color-rust-700);
723
- --color-background-accent-rust-light-default: var(--color-rust-700);
724
- --color-accent-rust-light-default: var(--color-rust-700);
714
+ --color-background-accent-rust-light: var(--color-rust-700);
715
+ --color-accent-rust-light: var(--color-rust-700);
725
716
  --color-background-accent-rust-light-hover: var(--color-rust-600);
726
717
  --color-accent-rust-light-hover: var(--color-rust-600);
727
718
  --color-background-accent-rust-light-pressed: var(--color-rust-500);
728
719
  --color-accent-rust-light-pressed: var(--color-rust-500);
729
- --color-background-accent-rust-bold-default: var(--color-rust-300);
730
- --color-accent-rust-bold-default: var(--color-rust-300);
720
+ --color-background-accent-rust-bold: var(--color-rust-300);
731
721
  --color-background-accent-rust-bold-hover: var(--color-rust-400);
732
722
  --color-accent-rust-bold-hover: var(--color-rust-400);
733
723
  --color-background-accent-rust-bold-pressed: var(--color-rust-500);
734
724
  --color-accent-rust-bold-pressed: var(--color-rust-500);
735
- --color-background-accent-green-default: var(--color-green-600);
736
- --color-accent-green-default: var(--color-green-600);
725
+ --color-background-accent-green: var(--color-green-600);
726
+ --color-accent-green: var(--color-green-600);
737
727
  --color-background-accent-green-hover: var(--color-green-700);
738
728
  --color-accent-green-hover: var(--color-green-700);
739
729
  --color-background-accent-green-pressed: var(--color-green-800);
740
730
  --color-accent-green-pressed: var(--color-green-800);
741
- --color-background-accent-green-lighter-default: var(--color-green-900);
742
- --color-accent-green-lighter-default: var(--color-green-900);
731
+ --color-background-accent-green-lighter: var(--color-green-900);
732
+ --color-accent-green-lighter: var(--color-green-900);
743
733
  --color-background-accent-green-lighter-hover: var(--color-green-800);
744
734
  --color-accent-green-lighter-hover: var(--color-green-800);
745
735
  --color-background-accent-green-lighter-pressed: var(--color-green-700);
746
736
  --color-accent-green-lighter-pressed: var(--color-green-700);
747
- --color-background-accent-green-light-default: var(--color-green-700);
748
- --color-accent-green-light-default: var(--color-green-700);
737
+ --color-background-accent-green-light: var(--color-green-700);
738
+ --color-accent-green-light: var(--color-green-700);
749
739
  --color-background-accent-green-light-hover: var(--color-green-600);
750
740
  --color-accent-green-light-hover: var(--color-green-600);
751
741
  --color-background-accent-green-light-pressed: var(--color-green-500);
752
742
  --color-accent-green-light-pressed: var(--color-green-500);
753
- --color-background-accent-green-bold-default: var(--color-green-300);
754
- --color-accent-green-bold-default: var(--color-green-300);
743
+ --color-background-accent-green-bold: var(--color-green-300);
755
744
  --color-background-accent-green-bold-hover: var(--color-green-400);
756
745
  --color-accent-green-bold-hover: var(--color-green-400);
757
746
  --color-background-accent-green-bold-pressed: var(--color-green-500);
758
747
  --color-accent-green-bold-pressed: var(--color-green-500);
759
- --color-background-accent-teal-default: var(--color-teal-500);
760
- --color-accent-teal-default: var(--color-teal-500);
748
+ --color-background-accent-teal: var(--color-teal-500);
749
+ --color-accent-teal: var(--color-teal-500);
761
750
  --color-background-accent-teal-hover: var(--color-teal-400);
762
751
  --color-accent-teal-hover: var(--color-teal-400);
763
752
  --color-background-accent-teal-pressed: var(--color-teal-300);
764
753
  --color-accent-teal-pressed: var(--color-teal-300);
765
- --color-background-accent-teal-lighter-default: var(--color-teal-900);
766
- --color-accent-teal-lighter-default: var(--color-teal-900);
754
+ --color-background-accent-teal-lighter: var(--color-teal-900);
755
+ --color-accent-teal-lighter: var(--color-teal-900);
767
756
  --color-background-accent-teal-lighter-hover: #ffffff;
768
757
  --color-accent-teal-lighter-hover: #ffffff;
769
758
  --color-background-accent-teal-lighter-pressed: #ffffff;
770
759
  --color-accent-teal-lighter-pressed: #ffffff;
771
- --color-background-accent-teal-light-default: var(--color-teal-700);
772
- --color-accent-teal-light-default: var(--color-teal-700);
760
+ --color-background-accent-teal-light: var(--color-teal-700);
761
+ --color-accent-teal-light: var(--color-teal-700);
773
762
  --color-background-accent-teal-light-hover: #ffffff;
774
763
  --color-accent-teal-light-hover: #ffffff;
775
764
  --color-background-accent-teal-light-pressed: #ffffff;
776
765
  --color-accent-teal-light-pressed: #ffffff;
777
- --color-background-accent-teal-bold-default: var(--color-teal-300);
778
- --color-accent-teal-bold-default: var(--color-teal-300);
766
+ --color-background-accent-teal-bold: var(--color-teal-300);
779
767
  --color-background-accent-teal-bold-hover: #ffffff;
780
768
  --color-accent-teal-bold-hover: #ffffff;
781
769
  --color-background-accent-teal-bold-pressed: #ffffff;
782
770
  --color-accent-teal-bold-pressed: #ffffff;
783
- --color-background-accent-sand-default: var(--color-sand-500);
784
- --color-accent-sand-default: var(--color-sand-500);
771
+ --color-background-accent-sand: var(--color-sand-500);
772
+ --color-accent-sand: var(--color-sand-500);
785
773
  --color-background-accent-sand-hover: #ffffff;
786
774
  --color-accent-sand-hover: #ffffff;
787
775
  --color-background-accent-sand-pressed: #ffffff;
788
776
  --color-accent-sand-pressed: #ffffff;
789
- --color-background-accent-sand-lighter-default: var(--color-sand-900);
790
- --color-accent-sand-lighter-default: var(--color-sand-900);
777
+ --color-background-accent-sand-lighter: var(--color-sand-900);
778
+ --color-accent-sand-lighter: var(--color-sand-900);
791
779
  --color-background-accent-sand-lighter-hover: var(--color-sand-800);
792
780
  --color-accent-sand-lighter-hover: var(--color-sand-800);
793
781
  --color-background-accent-sand-lighter-pressed: #ffffff;
794
782
  --color-accent-sand-lighter-pressed: #ffffff;
795
- --color-background-accent-sand-light-default: var(--color-sand-700);
796
- --color-accent-sand-light-default: var(--color-sand-700);
783
+ --color-background-accent-sand-light: var(--color-sand-700);
784
+ --color-accent-sand-light: var(--color-sand-700);
797
785
  --color-background-accent-sand-light-hover: #ffffff;
798
786
  --color-accent-sand-light-hover: #ffffff;
799
787
  --color-background-accent-sand-light-pressed: #ffffff;
800
788
  --color-accent-sand-light-pressed: #ffffff;
801
- --color-background-accent-sand-bold-default: var(--color-sand-300);
802
- --color-accent-sand-bold-default: var(--color-sand-300);
789
+ --color-background-accent-sand-bold: var(--color-sand-300);
803
790
  --color-background-accent-sand-bold-hover: #ffffff;
804
791
  --color-accent-sand-bold-hover: #ffffff;
805
792
  --color-background-accent-sand-bold-pressed: #ffffff;
806
793
  --color-accent-sand-bold-pressed: #ffffff;
807
- --color-background-accent-blue-default: var(--color-blue-500);
808
- --color-accent-blue-default: var(--color-blue-500);
794
+ --color-background-accent-blue: var(--color-blue-500);
795
+ --color-accent-blue: var(--color-blue-500);
809
796
  --color-background-accent-blue-hover: #ffffff;
810
797
  --color-accent-blue-hover: #ffffff;
811
798
  --color-background-accent-blue-pressed: #ffffff;
812
799
  --color-accent-blue-pressed: #ffffff;
813
- --color-background-accent-blue-lighter-default: var(--color-blue-900);
814
- --color-accent-blue-lighter-default: var(--color-blue-900);
800
+ --color-background-accent-blue-lighter: var(--color-blue-900);
801
+ --color-accent-blue-lighter: var(--color-blue-900);
815
802
  --color-background-accent-blue-lighter-hover: #ffffff;
816
803
  --color-accent-blue-lighter-hover: #ffffff;
817
804
  --color-background-accent-blue-lighter-pressed: #ffffff;
818
805
  --color-accent-blue-lighter-pressed: #ffffff;
819
- --color-background-accent-blue-light-default: var(--color-blue-700);
820
- --color-accent-blue-light-default: var(--color-blue-700);
806
+ --color-background-accent-blue-light: var(--color-blue-700);
807
+ --color-accent-blue-light: var(--color-blue-700);
821
808
  --color-background-accent-blue-light-hover: #ffffff;
822
809
  --color-accent-blue-light-hover: #ffffff;
823
810
  --color-background-accent-blue-light-pressed: #ffffff;
824
811
  --color-accent-blue-light-pressed: #ffffff;
825
- --color-background-accent-blue-bold-default: var(--color-blue-300);
826
- --color-accent-blue-bold-default: var(--color-blue-300);
812
+ --color-background-accent-blue-bold: var(--color-blue-300);
827
813
  --color-background-accent-blue-bold-hover: #ffffff;
828
814
  --color-accent-blue-bold-hover: #ffffff;
829
815
  --color-background-accent-blue-bold-pressed: #ffffff;
830
816
  --color-accent-blue-bold-pressed: #ffffff;
831
- --color-background-accent-purple-default: var(--color-purple-500);
832
- --color-accent-purple-default: var(--color-purple-500);
817
+ --color-background-accent-purple: var(--color-purple-500);
818
+ --color-accent-purple: var(--color-purple-500);
833
819
  --color-background-accent-purple-hover: #ffffff;
834
820
  --color-accent-purple-hover: #ffffff;
835
821
  --color-background-accent-purple-pressed: #ffffff;
836
822
  --color-accent-purple-pressed: #ffffff;
837
- --color-background-accent-purple-lighter-default: var(--color-purple-900);
838
- --color-accent-purple-lighter-default: var(--color-purple-900);
823
+ --color-background-accent-purple-lighter: var(--color-purple-900);
824
+ --color-accent-purple-lighter: var(--color-purple-900);
839
825
  --color-background-accent-purple-lighter-hover: #ffffff;
840
826
  --color-accent-purple-lighter-hover: #ffffff;
841
827
  --color-background-accent-purple-lighter-pressed: #ffffff;
842
828
  --color-accent-purple-lighter-pressed: #ffffff;
843
- --color-background-accent-purple-light-default: var(--color-purple-700);
844
- --color-accent-purple-light-default: var(--color-purple-700);
829
+ --color-background-accent-purple-light: var(--color-purple-700);
830
+ --color-accent-purple-light: var(--color-purple-700);
845
831
  --color-background-accent-purple-light-hover: #ffffff;
846
832
  --color-accent-purple-light-hover: #ffffff;
847
833
  --color-background-accent-purple-light-pressed: #ffffff;
848
834
  --color-accent-purple-light-pressed: #ffffff;
849
- --color-background-accent-purple-bold-default: var(--color-purple-300);
850
- --color-accent-purple-bold-default: var(--color-purple-300);
835
+ --color-background-accent-purple-bold: var(--color-purple-300);
851
836
  --color-background-accent-purple-bold-hover: #ffffff;
852
837
  --color-accent-purple-bold-hover: #ffffff;
853
838
  --color-background-accent-purple-bold-pressed: #ffffff;
854
839
  --color-accent-purple-bold-pressed: #ffffff;
855
- --color-background-accent-magenta-default: var(--color-magenta-500);
856
- --color-accent-magenta-default: var(--color-magenta-500);
840
+ --color-background-accent-magenta: var(--color-magenta-500);
841
+ --color-accent-magenta: var(--color-magenta-500);
857
842
  --color-background-accent-magenta-hover: #ffffff;
858
843
  --color-accent-magenta-hover: #ffffff;
859
844
  --color-background-accent-magenta-pressed: #ffffff;
860
845
  --color-accent-magenta-pressed: #ffffff;
861
- --color-background-accent-magenta-lighter-default: var(--color-magenta-900);
862
- --color-accent-magenta-lighter-default: var(--color-magenta-900);
846
+ --color-background-accent-magenta-lighter: var(--color-magenta-900);
847
+ --color-accent-magenta-lighter: var(--color-magenta-900);
863
848
  --color-background-accent-magenta-lighter-hover: #ffffff;
864
849
  --color-accent-magenta-lighter-hover: #ffffff;
865
850
  --color-background-accent-magenta-lighter-pressed: #ffffff;
866
851
  --color-accent-magenta-lighter-pressed: #ffffff;
867
- --color-background-accent-magenta-light-default: var(--color-magenta-700);
868
- --color-accent-magenta-light-default: var(--color-magenta-700);
852
+ --color-background-accent-magenta-light: var(--color-magenta-700);
853
+ --color-accent-magenta-light: var(--color-magenta-700);
869
854
  --color-background-accent-magenta-light-hover: #ffffff;
870
855
  --color-accent-magenta-light-hover: #ffffff;
871
856
  --color-background-accent-magenta-light-pressed: #ffffff;
872
857
  --color-accent-magenta-light-pressed: #ffffff;
873
- --color-background-accent-magenta-bold-default: var(--color-magenta-300);
874
- --color-accent-magenta-bold-default: var(--color-magenta-300);
858
+ --color-background-accent-magenta-bold: var(--color-magenta-300);
875
859
  --color-background-accent-magenta-bold-hover: #ffffff;
876
860
  --color-accent-magenta-bold-hover: #ffffff;
877
861
  --color-background-accent-magenta-bold-pressed: #ffffff;
878
862
  --color-accent-magenta-bold-pressed: #ffffff;
879
- --color-background-accent-yellow-default: #ffffff;
880
- --color-accent-yellow-default: #ffffff;
863
+ --color-background-accent-yellow: #ffffff;
864
+ --color-accent-yellow: #ffffff;
881
865
  --color-background-accent-yellow-hover: #ffffff;
882
866
  --color-accent-yellow-hover: #ffffff;
883
867
  --color-background-accent-yellow-pressed: #ffffff;
884
868
  --color-accent-yellow-pressed: #ffffff;
885
- --color-background-accent-yellow-lighter-default: #ffffff;
886
- --color-accent-yellow-lighter-default: #ffffff;
869
+ --color-background-accent-yellow-lighter: #ffffff;
870
+ --color-accent-yellow-lighter: #ffffff;
887
871
  --color-background-accent-yellow-lighter-hover: #ffffff;
888
872
  --color-accent-yellow-lighter-hover: #ffffff;
889
873
  --color-background-accent-yellow-lighter-pressed: #ffffff;
890
874
  --color-accent-yellow-lighter-pressed: #ffffff;
891
- --color-background-accent-yellow-light-default: #ffffff;
892
- --color-accent-yellow-light-default: #ffffff;
875
+ --color-background-accent-yellow-light: #ffffff;
876
+ --color-accent-yellow-light: #ffffff;
893
877
  --color-background-accent-yellow-light-hover: #ffffff;
894
878
  --color-accent-yellow-light-hover: #ffffff;
895
879
  --color-background-accent-yellow-light-pressed: #ffffff;
896
880
  --color-accent-yellow-light-pressed: #ffffff;
897
- --color-background-accent-yellow-bold-default: #ffffff;
898
- --color-accent-yellow-bold-default: #ffffff;
881
+ --color-background-accent-yellow-bold: #ffffff;
882
+ --color-accent-yellow-bold: #ffffff;
899
883
  --color-background-accent-yellow-bold-hover: #ffffff;
900
884
  --color-accent-yellow-bold-hover: #ffffff;
901
885
  --color-background-accent-yellow-bold-pressed: #ffffff;
902
886
  --color-accent-yellow-bold-pressed: #ffffff;
903
- --color-background-neutral-default: var(--color-dark-neutral-alpha-300a);
904
- --color-neutral-default: var(--color-dark-neutral-alpha-300a);
887
+ --color-background-neutral: var(--color-dark-neutral-alpha-300a);
888
+ --color-neutral: var(--color-dark-neutral-alpha-300a);
905
889
  --color-background-neutral-hover: var(--color-dark-neutral-alpha-400a);
906
890
  --color-neutral-hover: var(--color-dark-neutral-alpha-400a);
907
891
  --color-background-neutral-pressed: var(--color-dark-neutral-alpha-500a);
@@ -916,28 +900,28 @@
916
900
  --color-neutral-lighter-hover: var(--color-dark-neutral-alpha-100a);
917
901
  --color-background-neutral-lighter-pressed: var(--color-dark-neutral-alpha-200a);
918
902
  --color-neutral-lighter-pressed: var(--color-dark-neutral-alpha-200a);
919
- --color-background-neutral-lighter-default: rgba(166, 197, 226, 0);
920
- --color-neutral-lighter-default: rgba(166, 197, 226, 0);
921
- --color-background-info-default: #ffffff;
922
- --color-info-default: #ffffff;
903
+ --color-background-neutral-lighter: rgba(166, 197, 226, 0);
904
+ --color-neutral-lighter: rgba(166, 197, 226, 0);
905
+ --color-background-info: #ffffff;
906
+ --color-info: #ffffff;
923
907
  --color-background-info-hover: #ffffff;
924
908
  --color-info-hover: #ffffff;
925
909
  --color-background-info-pressed: #ffffff;
926
910
  --color-info-pressed: #ffffff;
927
- --color-background-success-default: #ffffff;
928
- --color-success-default: #ffffff;
911
+ --color-background-success: #ffffff;
912
+ --color-success: #ffffff;
929
913
  --color-background-success-hover: #ffffff;
930
914
  --color-success-hover: #ffffff;
931
915
  --color-background-success-pressed: #ffffff;
932
916
  --color-success-pressed: #ffffff;
933
- --color-background-alert-default: #ffffff;
934
- --color-alert-default: #ffffff;
917
+ --color-background-alert: #ffffff;
918
+ --color-alert: #ffffff;
935
919
  --color-background-alert-hover: #ffffff;
936
920
  --color-alert-hover: #ffffff;
937
921
  --color-background-alert-pressed: #ffffff;
938
922
  --color-alert-pressed: #ffffff;
939
- --color-background-danger-default: #ffffff;
940
- --color-danger-default: #ffffff;
923
+ --color-background-danger: #ffffff;
924
+ --color-danger: #ffffff;
941
925
  --color-background-danger-hover: #ffffff;
942
926
  --color-danger-hover: #ffffff;
943
927
  --color-background-danger-pressed: #ffffff;
@@ -953,40 +937,40 @@
953
937
  --color-selected: var(--color-bcc-500);
954
938
  --color-border-disabled: var(--color-dark-neutral-200);
955
939
  --color-disabled: var(--color-dark-neutral-200);
956
- --color-border-accent-red-default: var(--color-red-500);
940
+ --color-border-accent-red: var(--color-red-500);
957
941
  --color-border-accent-red-hover: var(--color-red-400);
958
942
  --color-border-accent-red-pressed: var(--color-red-300);
959
- --color-border-accent-rust-default: var(--color-rust-500);
943
+ --color-border-accent-rust: var(--color-rust-500);
960
944
  --color-border-accent-rust-hover: var(--color-rust-400);
961
945
  --color-border-accent-rust-pressed: var(--color-rust-300);
962
- --color-border-accent-yellow-default: #ffffff;
946
+ --color-border-accent-yellow: #ffffff;
963
947
  --color-border-accent-yellow-hover: #ffffff;
964
948
  --color-border-accent-yellow-pressed: #ffffff;
965
- --color-border-accent-green-default: var(--color-green-500);
966
- --color-accent-green-default: var(--color-green-500);
949
+ --color-border-accent-green: var(--color-green-500);
950
+ --color-accent-green: var(--color-green-500);
967
951
  --color-border-accent-green-hover: var(--color-green-400);
968
952
  --color-accent-green-hover: var(--color-green-400);
969
953
  --color-border-accent-green-pressed: var(--color-green-300);
970
954
  --color-accent-green-pressed: var(--color-green-300);
971
- --color-border-accent-teal-default: var(--color-teal-500);
955
+ --color-border-accent-teal: var(--color-teal-500);
972
956
  --color-border-accent-teal-hover: var(--color-teal-400);
973
957
  --color-border-accent-teal-pressed: var(--color-teal-300);
974
- --color-border-accent-sand-default: var(--color-sand-500);
958
+ --color-border-accent-sand: var(--color-sand-500);
975
959
  --color-border-accent-sand-hover: var(--color-sand-400);
976
960
  --color-accent-sand-hover: var(--color-sand-400);
977
961
  --color-border-accent-sand-pressed: var(--color-sand-300);
978
962
  --color-accent-sand-pressed: var(--color-sand-300);
979
- --color-border-accent-blue-default: var(--color-blue-500);
963
+ --color-border-accent-blue: var(--color-blue-500);
980
964
  --color-border-accent-blue-hover: var(--color-blue-400);
981
965
  --color-accent-blue-hover: var(--color-blue-400);
982
966
  --color-border-accent-blue-pressed: var(--color-blue-300);
983
967
  --color-accent-blue-pressed: var(--color-blue-300);
984
- --color-border-accent-purple-default: var(--color-purple-500);
968
+ --color-border-accent-purple: var(--color-purple-500);
985
969
  --color-border-accent-purple-hover: var(--color-purple-400);
986
970
  --color-accent-purple-hover: var(--color-purple-400);
987
971
  --color-border-accent-purple-pressed: var(--color-purple-300);
988
972
  --color-accent-purple-pressed: var(--color-purple-300);
989
- --color-border-accent-magenta-default: var(--color-magenta-500);
973
+ --color-border-accent-magenta: var(--color-magenta-500);
990
974
  --color-border-accent-magenta-hover: var(--color-magenta-400);
991
975
  --color-accent-magenta-hover: var(--color-magenta-400);
992
976
  --color-border-accent-magenta-pressed: var(--color-magenta-300);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "1.0.20",
3
+ "version": "1.0.21",
4
4
  "description": "Design tokens package with light/dark themes for PrimeVue, WordPress, and vanilla HTML/JS.",
5
5
  "type": "module",
6
6
  "main": "dist/variables.css",
@@ -16,8 +16,7 @@
16
16
  "README.md"
17
17
  ],
18
18
  "scripts": {
19
- "build": "node export-tokens/build.js && node export-tokens/generators/generate-css-variables.js && node export-tokens/generators/generate-primevue-preset.js && node export-tokens/generators/generate-tailwind-css.js",
20
- "debug": "set DEBUG_TOKENS=1 && node export-tokens/generators/generate-tailwind-css.js"
19
+ "build": "node export-tokens/build.js && node export-tokens/generators/generate-css-variables.js && node export-tokens/generators/generate-primevue-preset.js && node export-tokens/generators/generate-tailwind-css.js"
21
20
  },
22
21
  "keywords": [
23
22
  "design-tokens",