@cuby-ui/core 0.0.554 → 0.0.555

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 (20) hide show
  1. package/README.md +9 -4
  2. package/components/badge/badge.component.d.ts +4 -3
  3. package/components/badge/badge.options.d.ts +5 -2
  4. package/components/badge/index.d.ts +1 -1
  5. package/esm2022/components/badge/badge.component.mjs +8 -6
  6. package/esm2022/components/badge/badge.options.mjs +2 -2
  7. package/esm2022/components/badge/index.mjs +2 -1
  8. package/esm2022/components/card-wrapper/card-wrapper.component.mjs +2 -2
  9. package/esm2022/components/notification/notification.component.mjs +2 -2
  10. package/esm2022/widgets/ui/checklist-block/components/checklist-block-list-item-action-with-verification/checklist-block-list-item-action-with-verification.component.mjs +3 -3
  11. package/esm2022/widgets/ui/checklist-block/components/checklist-block-list-item-container/checklist-block-list-item-container.component.mjs +2 -2
  12. package/esm2022/widgets/ui/inserted/inserted.component.mjs +3 -3
  13. package/esm2022/widgets/ui/toolbox-form/components/tool-form-readonly/tool-form-readonly.component.mjs +2 -2
  14. package/esm2022/widgets/ui/toolbox-form/tool-form.component.mjs +2 -2
  15. package/esm2022/widgets/ui/utility-modal/components/readonly-utility-modal/readonly-utility-modal.component.mjs +3 -3
  16. package/fesm2022/cuby-ui-core.mjs +23 -20
  17. package/fesm2022/cuby-ui-core.mjs.map +1 -1
  18. package/package.json +4 -4
  19. package/styles/theme.scss +228 -126
  20. package/styles/variables/colors.scss +120 -57
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@cuby-ui/core",
3
- "version": "0.0.554",
3
+ "version": "0.0.555",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
7
7
  "@angular/elements": ">=18.0.0",
8
8
  "@angular/forms": ">=18.0.0",
9
- "@cuby-ui/api": "^0.0.554",
10
- "@cuby-ui/cdk": "^0.0.554",
11
- "@cuby-ui/icons": "^0.0.554",
9
+ "@cuby-ui/api": "^0.0.555",
10
+ "@cuby-ui/cdk": "^0.0.555",
11
+ "@cuby-ui/icons": "^0.0.555",
12
12
  "@editorjs/editorjs": "2.29.1",
13
13
  "@editorjs/header": "^2.8.1",
14
14
  "@editorjs/list": "^1.9.0",
package/styles/theme.scss CHANGED
@@ -42,7 +42,7 @@
42
42
  --cui-light-green-50: #f5fef1;
43
43
  --cui-light-green-100: #f0feea;
44
44
  --cui-light-green-200: #e1fcd3;
45
- --cui-light-green-300: #9ef572;
45
+ --cui-light-green-300: #bef6a2;
46
46
  --cui-light-green-400: #8edd67;
47
47
  --cui-light-green-500: #7ec45b;
48
48
  --cui-light-green-600: #77b856;
@@ -51,10 +51,10 @@
51
51
  --cui-light-green-900: #375628;
52
52
 
53
53
  --cui-green-50: #ecfff3;
54
- --cui-green-100: #c1ffda;
55
- --cui-green-200: #97ffc0;
56
- --cui-green-300: #6dffa7;
57
- --cui-green-400: #3eee84;
54
+ --cui-green-100: #d9ffeb;
55
+ --cui-green-200: #c7ffdd;
56
+ --cui-green-300: #a3f5c4;
57
+ --cui-green-400: #59e892;
58
58
  --cui-green-500: #29cc6a;
59
59
  --cui-green-600: #17c174;
60
60
  --cui-green-700: #039855;
@@ -118,8 +118,8 @@
118
118
 
119
119
  --cui-magenta-50: #ffe5ff;
120
120
  --cui-magenta-100: #ffe5ff;
121
- --cui-magenta-200: #f38de2;
122
- --cui-magenta-300: #ec5fd6;
121
+ --cui-magenta-200: #f9c3f0;
122
+ --cui-magenta-300: #f18de2;
123
123
  --cui-magenta-400: #e633c9;
124
124
  --cui-magenta-500: #cc19b0;
125
125
  --cui-magenta-600: #a0128a;
@@ -218,82 +218,145 @@
218
218
 
219
219
  --cui-btn-bg: var(--cui-light-blue-500);
220
220
 
221
- --cui-badge-info-bg: var(--cui-blue-50);
222
- --cui-badge-info-label: var(--cui-gray-900);
221
+ --cui-badge-blue-bg: var(--cui-blue-50);
222
+ --cui-badge-blue-bg-bold: var(--cui-info);
223
+ --cui-badge-blue-bg-subtle: var(--cui-blue-100);
224
+ --cui-badge-blue-border: var(--cui-blue-200);
225
+ --cui-badge-blue-border-bold: var(--cui-info);
226
+ --cui-badge-blue-border-subtle: var(--cui-blue-300);
227
+ --cui-badge-blue-label: var(--cui-info);
228
+ --cui-badge-blue-label-inverse: var(--cui-base-900);
229
+ --cui-badge-blue-stroke: var(--cui-info);
223
230
 
224
- --cui-badge-danger-bg: var(--cui-red-50);
225
- --cui-badge-danger-label: var(--cui-gray-900);
231
+ --cui-badge-cyan-bg: var(--cui-cyan-100);
232
+ --cui-badge-cyan-bg-bold: var(--cui-cyan-500);
233
+ --cui-badge-cyan-bg-subtle: var(--cui-cyan-200);
234
+ --cui-badge-cyan-border: var(--cui-cyan-200);
235
+ --cui-badge-cyan-border-bold: var(--cui-cyan-500);
236
+ --cui-badge-cyan-border-subtle: var(--cui-cyan-300);
237
+ --cui-badge-cyan-label: var(--cui-cyan-500);
238
+ --cui-badge-cyan-label-inverse: var(--cui-gray-900);
239
+ --cui-badge-cyan-stroke: var(--cui-cyan-500);
226
240
 
227
- --cui-badge-success-bg: var(--cui-green-50);
228
- --cui-badge-success-label: var(--cui-gray-900);
229
- --cui-badge-success-label-2: var(--cui-green-600);
230
- --cui-badge-success-border: var(--cui-green-100);
241
+ --cui-badge-gray-bg: var(--cui-gray-100);
242
+ --cui-badge-gray-bg-bold: var(--cui-gray-400);
243
+ --cui-badge-gray-bg-subtle: var(--cui-gray-200);
244
+ --cui-badge-gray-border: var(--cui-gray-200);
245
+ --cui-badge-gray-border-bold: var(--cui-gray-500);
246
+ --cui-badge-gray-border-subtle: var(--cui-gray-300);
247
+ --cui-badge-gray-label: var(--cui-gray-500);
248
+ --cui-badge-gray-label-inverse: var(--cui-gray-900);
249
+ --cui-badge-gray-stroke: var(--cui-gray-500);
250
+
251
+ --cui-badge-green-bg: var(--cui-green-50);
252
+ --cui-badge-green-bg-bold: var(--cui-success);
253
+ --cui-badge-green-bg-subtle: var(--cui-green-100);
254
+ --cui-badge-green-border: var(--cui-green-100);
255
+ --cui-badge-green-border-bold: var(--cui-green-300);
256
+ --cui-badge-green-border-subtle: var(--cui-green-200);
257
+ --cui-badge-green-label: var(--cui-success);
258
+ --cui-badge-green-label-inverse: var(--cui-gray-900);
259
+ --cui-badge-green-stroke: var(--cui-success);
260
+
261
+ --cui-badge-red-bg: var(--cui-red-50);
262
+ --cui-badge-red-bg-bold: var(--cui-danger);
263
+ --cui-badge-red-bg-subtle: var(--cui-red-100);
264
+ --cui-badge-red-border: var(--cui-red-100);
265
+ --cui-badge-red-border-bold: var(--cui-danger);
266
+ --cui-badge-red-border-subtle: var(--cui-red-200);
267
+ --cui-badge-red-label: var(--cui-danger);
268
+ --cui-badge-red-label-inverse: var(--cui-gray-900);
269
+ --cui-badge-red-stroke: var(--cui-danger);
231
270
 
232
- --cui-badge-warning-bg: var(--cui-yellow-50);
233
- --cui-badge-warning-label: var(--cui-gray-900);
271
+ --cui-badge-yellow-bg: var(--cui-yellow-50);
272
+ --cui-badge-yellow-bg-bold: var(--cui-yellow-400);
273
+ --cui-badge-yellow-bg-subtle: var(--cui-yellow-100);
274
+ --cui-badge-yellow-border: var(--cui-yellow-100);
275
+ --cui-badge-yellow-border-bold: var(--cui-yellow-300);
276
+ --cui-badge-yellow-border-subtle: var(--cui-yellow-200);
277
+ --cui-badge-yellow-label: var(--cui-yellow-500);
278
+ --cui-badge-yellow-label-inverse: var(--cui-gray-900);
279
+ --cui-badge-yellow-stroke: var(--cui-warning);
234
280
 
235
- --cui-badge-gray-bg: var(--cui-gray-100);
236
- --cui-badge-gray-label: var(--cui-gray-900);
281
+ --cui-badge-lavender-bg: var(--cui-lavender-50);
282
+ --cui-badge-lavender-bg-bold: var(--cui-lavender-400);
283
+ --cui-badge-lavender-bg-subtle: var(--cui-lavender-100);
284
+ --cui-badge-lavender-border: var(--cui-lavender-200);
285
+ --cui-badge-lavender-border-bold: var(--cui-lavender-400);
286
+ --cui-badge-lavender-border-subtle: var(--cui-lavender-300);
287
+ --cui-badge-lavender-label: var(--cui-lavender-400);
288
+ --cui-badge-lavender-label-inverse: var(--cui-gray-900);
289
+ --cui-badge-lavender-stroke: var(--cui-lavender-400);
237
290
 
238
291
  --cui-badge-light-blue-bg: var(--cui-light-blue-50);
239
- --cui-badge-light-blue-label: var(--cui-gray-900);
240
- --cui-badge-light-blue-surface: var(--cui-light-blue-100);
241
- --cui-badge-light-blue-surface-border: var(--cui-light-blue-300);
242
- --cui-badge-light-blue-light-blue-bg: var(--cui-light-blue-500);
243
- --cui-badge-light-blue-light-blue-bg-1: var(--cui-light-blue-50);
244
-
245
- --cui-badge-magenta-bg: var(--cui-magenta-50);
246
- --cui-badge-magenta-label: var(--cui-gray-900);
247
- --cui-badge-magenta-border: var(--cui-magenta-200);
292
+ --cui-badge-light-blue-bg-bold: var(--cui-light-blue-500);
293
+ --cui-badge-light-blue-bg-subtle: var(--cui-light-blue-100);
294
+ --cui-badge-light-blue-border: var(--cui-light-blue-200);
295
+ --cui-badge-light-blue-border-bold: var(--cui-light-blue-500);
296
+ --cui-badge-light-blue-border-subtle: var(--cui-light-blue-400);
297
+ --cui-badge-light-blue-label: var(--cui-light-blue-500);
298
+ --cui-badge-light-blue-label-inverse: var(--cui-gray-900);
299
+ --cui-badge-light-blue-stroke: var(--cui-light-blue-500);
248
300
 
249
301
  --cui-badge-light-green-bg: var(--cui-light-green-100);
250
- --cui-badge-light-green-label: var(--cui-light-green-600);
302
+ --cui-badge-light-green-bg-bold: var(--cui-light-green-600);
303
+ --cui-badge-light-green-bg-subtle: var(--cui-light-green-200);
251
304
  --cui-badge-light-green-border: var(--cui-light-green-200);
305
+ --cui-badge-light-green-border-bold: var(--cui-light-green-600);
306
+ --cui-badge-light-green-border-subtle: var(--cui-light-green-300);
307
+ --cui-badge-light-green-label: var(--cui-light-green-600);
308
+ --cui-badge-light-green-label-inverse: var(--cui-gray-900);
309
+ --cui-badge-light-green-stroke: var(--cui-light-green-600);
252
310
 
253
- --cui-badge-lavender-bg: var(--cui-lavender-50);
254
- --cui-badge-lavender-label: var(--cui-lavender-400);
255
- --cui-badge-lavender-border: var(--cui-lavender-200);
256
-
257
- --cui-badge-violet-bg: var(--cui-violet-50);
258
- --cui-badge-violet-surface: var(--cui-violet-50);
259
- --cui-badge-violet-surface-border: var(--cui-violet-100);
260
- --cui-badge-violet-label: var(--cui-gray-900);
261
- --cui-badge-violet-border: var(--cui-violet-400);
262
- --cui-badge-violet-icon: var(--cui-violet-400);
263
-
264
- --cui-badge-yellow-bg: var(--cui-yellow-50);
265
- --cui-badge-yellow-label: var(--cui-gray-900);
266
- --cui-badge-yellow-border: var(--cui-yellow-100);
267
- --cui-badge-yellow-surface: var(--cui-yellow-100);
268
- --cui-badge-yellow-surface-icon-border: var(--cui-yellow-300);
269
- --cui-badge-yellow-surface-border: var(--cui-yellow-100);
270
- --cui-badge-yellow-surface-bg-dark: var(--cui-yellow-200);
271
- --cui-badge-yellow-surface-icon: var(--cui-yellow-400);
311
+ --cui-badge-magenta-bg: var(--cui-magenta-50);
312
+ --cui-badge-magenta-bg-bold: var(--cui-magenta-500);
313
+ --cui-badge-magenta-bg-subtle: var(--cui-magenta-100);
314
+ --cui-badge-magenta-border: var(--cui-magenta-200);
315
+ --cui-badge-magenta-border-bold: var(--cui-magenta-500);
316
+ --cui-badge-magenta-border-subtle: var(--cui-magenta-200);
317
+ --cui-badge-magenta-label: var(--cui-magenta-500);
318
+ --cui-badge-magenta-label-inverse: var(--cui-gray-900);
319
+ --cui-badge-magenta-stroke: var(--cui-magenta-500);
272
320
 
273
321
  --cui-badge-orange-bg: var(--cui-orange-50);
274
- --cui-badge-orange-label: var(--cui-orange-600);
322
+ --cui-badge-orange-bg-bold: var(--cui-orange-600);
323
+ --cui-badge-orange-bg-subtle: var(--cui-orange-100);
275
324
  --cui-badge-orange-border: var(--cui-orange-200);
276
- --cui-badge-orange-surface: var(--cui-orange-100);
277
- --cui-badge-orange-surface-border: var(--cui-orange-100);
278
-
279
- --cui-badge-blue-bg: var(--cui-blue-50);
280
- --cui-badge-blue-label: var(--cui-base-900);
281
- --cui-badge-blue-border: var(--cui-blue-200);
325
+ --cui-badge-orange-border-bold: var(--cui-orange-600);
326
+ --cui-badge-orange-border-subtle: var(--cui-orange-300);
327
+ --cui-badge-orange-label: var(--cui-orange-600);
328
+ --cui-badge-orange-label-inverse: var(--cui-gray-900);
329
+ --cui-badge-orange-stroke: var(--cui-orange-600);
282
330
 
283
331
  --cui-badge-purple-bg: var(--cui-purple-50);
284
- --cui-badge-purple-surface-border: var(--cui-purple-50);
285
- --cui-badge-purple-label: var(--cui-base-900);
332
+ --cui-badge-purple-bg-bold: var(--cui-purple-500);
333
+ --cui-badge-purple-bg-subtle: var(--cui-purple-100);
286
334
  --cui-badge-purple-border: var(--cui-purple-100);
287
- --cui-badge-purple-purple-bg: var(--cui-purple-500);
288
- --cui-badge-purple-purple-label: var(--cui-purple-400);
289
-
290
- --cui-badge-cyan-bg: var(--cui-cyan-100);
291
- --cui-badge-cyan-surface: var(--cui-cyan-200);
292
- --cui-badge-cyan-label: var(--cui-cyan-500);
293
- --cui-badge-cyan-border: var(--cui-cyan-200);
335
+ --cui-badge-purple-border-bold: var(--cui-purple-400);
336
+ --cui-badge-purple-border-subtle: var(--cui-purple-200);
337
+ --cui-badge-purple-label: var(--cui-purple-400);
338
+ --cui-badge-purple-label-inverse: var(--cui-base-900);
339
+ --cui-badge-purple-stroke: var(--cui-purple-400);
340
+
341
+ --cui-badge-terra-bg: var(--cui-terra-50);
342
+ --cui-badge-terra-bg-bold: var(--cui-terra-500);
343
+ --cui-badge-terra-bg-subtle: var(--cui-terra-100);
344
+ --cui-badge-terra-border: var(--cui-terra-200);
345
+ --cui-badge-terra-border-bold: var(--cui-terra-500);
346
+ --cui-badge-terra-border-subtle: var(--cui-terra-300);
347
+ --cui-badge-terra-label: var(--cui-terra-600);
348
+ --cui-badge-terra-label-inverse: var(--cui-gray-900);
349
+ --cui-badge-terra-stroke: var(--cui-terra-600);
294
350
 
295
- --cui-badge-terra-bg-light: var(--cui-terra-100);
296
- --cui-badge-terra-bg: var(--cui-terra-500);
351
+ --cui-badge-violet-bg: var(--cui-violet-50);
352
+ --cui-badge-violet-bg-bold: var(--cui-violet-500);
353
+ --cui-badge-violet-bg-subtle: var(--cui-violet-100);
354
+ --cui-badge-violet-border: var(--cui-violet-100);
355
+ --cui-badge-violet-border-bold: var(--cui-violet-400);
356
+ --cui-badge-violet-border-subtle: var(--cui-violet-200);
357
+ --cui-badge-violet-label: var(--cui-violet-400);
358
+ --cui-badge-violet-label-inverse: var(--cui-base-900);
359
+ --cui-badge-violet-stroke: var(--cui-violet-400);
297
360
 
298
361
  --cui-banner-alert-bg: var(--cui-yellow-100);
299
362
  --cui-banner-alert-text: var(--cui-orange-800);
@@ -385,82 +448,121 @@
385
448
 
386
449
  --cui-btn-bg: var(--cui-light-blue-700);
387
450
 
388
- --cui-badge-info-bg: var(--cui-blue-900);
389
- --cui-badge-info-label: var(--cui-light-blue-600);
390
-
391
- --cui-badge-danger-bg: var(--cui-red-900);
392
- --cui-badge-danger-label: var(--cui-red-400);
451
+ --cui-badge-blue-bg: var(--cui-blue-900);
452
+ --cui-badge-blue-bg-subtle: var(--cui-blue-800);
453
+ --cui-badge-blue-border: var(--cui-blue-700);
454
+ --cui-badge-blue-border-subtle: var(--cui-blue-600);
455
+ --cui-badge-blue-label-inverse: var(--cui-info);
393
456
 
394
- --cui-badge-success-bg: var(--cui-green-900);
395
- --cui-badge-success-label: var(--cui-green-600);
396
- --cui-badge-success-label-2: var(--cui-green-600);
397
- --cui-badge-success-border: var(--cui-green-800);
457
+ --cui-badge-cyan-bg: var(--cui-cyan-900);
458
+ --cui-badge-cyan-bg-bold: var(--cui-cyan-600);
459
+ --cui-badge-cyan-bg-subtle: var(--cui-cyan-800);
460
+ --cui-badge-cyan-border: var(--cui-cyan-800);
461
+ --cui-badge-cyan-border-bold: var(--cui-cyan-600);
462
+ --cui-badge-cyan-border-subtle: var(--cui-cyan-600);
463
+ --cui-badge-cyan-label: var(--cui-cyan-600);
464
+ --cui-badge-cyan-label-inverse: var(--cui-cyan-500);
465
+ --cui-badge-cyan-stroke: var(--cui-cyan-600);
466
+
467
+ --cui-badge-gray-bg: var(--cui-gray-700);
468
+ --cui-badge-gray-bg-subtle: var(--cui-gray-700);
469
+ --cui-badge-gray-border: var(--cui-gray-600);
470
+ --cui-badge-gray-border-subtle: var(--cui-gray-500);
471
+ --cui-badge-gray-label-inverse: var(--cui-gray-400);
472
+ --cui-badge-gray-stroke: var(--cui-gray-400);
473
+
474
+ --cui-badge-green-bg: var(--cui-green-900);
475
+ --cui-badge-green-bg-subtle: var(--cui-green-800);
476
+ --cui-badge-green-border: var(--cui-green-800);
477
+ --cui-badge-green-border-bold: var(--cui-green-500);
478
+ --cui-badge-green-border-subtle: var(--cui-green-600);
479
+ --cui-badge-green-label-inverse: var(--cui-green-600);
480
+
481
+ --cui-badge-red-bg: var(--cui-red-900);
482
+ --cui-badge-red-bg-subtle: var(--cui-red-800);
483
+ --cui-badge-red-border: var(--cui-red-800);
484
+ --cui-badge-red-border-subtle: var(--cui-red-600);
485
+ --cui-badge-red-label-inverse: var(--cui-red-400);
398
486
 
399
- --cui-badge-warning-bg: var(--cui-yellow-900);
400
- --cui-badge-warning-label: var(--cui-yellow-400);
487
+ --cui-badge-yellow-bg: var(--cui-yellow-900);
488
+ --cui-badge-yellow-bg-bold: var(--cui-yellow-500);
489
+ --cui-badge-yellow-border: var(--cui-yellow-800);
490
+ --cui-badge-yellow-border-bold: var(--cui-yellow-500);
491
+ --cui-badge-yellow-border-subtle: var(--cui-yellow-600);
492
+ --cui-badge-yellow-label: var(--cui-warning);
493
+ --cui-badge-yellow-label-inverse: var(--cui-yellow-400);
401
494
 
402
- --cui-badge-gray-bg: var(--cui-gray-600);
403
- --cui-badge-gray-label: var(--cui-gray-0);
495
+ --cui-badge-lavender-bg: var(--cui-lavender-900);
496
+ --cui-badge-lavender-bg-subtle: var(--cui-lavender-800);
497
+ --cui-badge-lavender-border: var(--cui-lavender-800);
498
+ --cui-badge-lavender-border-bold: var(--cui-lavender-700);
499
+ --cui-badge-lavender-border-subtle: var(--cui-lavender-600);
500
+ --cui-badge-lavender-label: var(--cui-lavender-300);
501
+ --cui-badge-lavender-label-inverse: var(--cui-lavender-300);
502
+ --cui-badge-lavender-stroke: var(--cui-lavender-500);
404
503
 
405
504
  --cui-badge-light-blue-bg: var(--cui-light-blue-900);
505
+ --cui-badge-light-blue-bg-bold: var(--cui-light-blue-600);
506
+ --cui-badge-light-blue-bg-subtle: var(--cui-light-blue-800);
507
+ --cui-badge-light-blue-border: var(--cui-light-blue-600);
508
+ --cui-badge-light-blue-border-bold: var(--cui-light-blue-600);
509
+ --cui-badge-light-blue-border-subtle: var(--cui-light-blue-700);
406
510
  --cui-badge-light-blue-label: var(--cui-light-blue-600);
407
- --cui-badge-light-blue-surface: var(--cui-light-blue-900);
408
- --cui-badge-light-blue-surface-border: var(--cui-light-blue-700);
409
- --cui-badge-light-blue-light-blue-bg: var(--cui-light-blue-600);
410
- --cui-badge-light-blue-light-blue-bg-1: var(--cui-light-blue-800);
411
-
412
- --cui-badge-magenta-bg: var(--cui-magenta-900);
413
- --cui-badge-magenta-label: var(--cui-magenta-500);
414
- --cui-badge-magenta-border: var(--cui-magenta-600);
511
+ --cui-badge-light-blue-label-inverse: var(--cui-light-blue-600);
512
+ --cui-badge-light-blue-stroke: var(--cui-light-blue-600);
415
513
 
416
514
  --cui-badge-light-green-bg: var(--cui-light-green-900);
417
- --cui-badge-light-green-label: var(--cui-light-green-500);
515
+ --cui-badge-light-green-bg-bold: var(--cui-light-green-500);
516
+ --cui-badge-light-green-bg-subtle: var(--cui-light-green-800);
418
517
  --cui-badge-light-green-border: var(--cui-light-green-800);
518
+ --cui-badge-light-green-border-bold: var(--cui-light-green-700);
519
+ --cui-badge-light-green-border-subtle: var(--cui-light-green-700);
520
+ --cui-badge-light-green-label: var(--cui-light-green-500);
521
+ --cui-badge-light-green-label-inverse: var(--cui-light-green-500);
419
522
 
420
- --cui-badge-lavender-bg: var(--cui-lavender-900);
421
- --cui-badge-lavender-label: var(--cui-lavender-300);
422
- --cui-badge-lavender-border: var(--cui-lavender-800);
423
-
424
- --cui-badge-violet-bg: var(--cui-violet-900);
425
- --cui-badge-violet-surface: var(--cui-violet-800);
426
- --cui-badge-violet-surface-border: var(--cui-violet-700);
427
- --cui-badge-violet-label: var(--cui-violet-400);
428
- --cui-badge-violet-border: var(--cui-violet-600);
429
- --cui-badge-violet-icon: var(--cui-violet-500);
430
-
431
- --cui-badge-yellow-bg: var(--cui-yellow-900);
432
- --cui-badge-yellow-label: var(--cui-slate-200);
433
- --cui-badge-yellow-border: var(--cui-yellow-800);
434
- --cui-badge-yellow-surface: var(--cui-yellow-800);
435
- --cui-badge-yellow-surface-icon-border: var(--cui-yellow-500);
436
- --cui-badge-yellow-surface-border: var(--cui-yellow-600);
437
- --cui-badge-yellow-surface-bg-dark: var(--cui-yellow-700);
438
- --cui-badge-yellow-surface-icon: var(--cui-yellow-300);
523
+ --cui-badge-magenta-bg: var(--cui-magenta-800);
524
+ --cui-badge-magenta-bg-bold: var(--cui-magenta-600);
525
+ --cui-badge-magenta-bg-subtle: var(--cui-magenta-700);
526
+ --cui-badge-magenta-border: var(--cui-magenta-600);
527
+ --cui-badge-magenta-border-bold: var(--cui-magenta-700);
528
+ --cui-badge-magenta-border-subtle: var(--cui-magenta-600);
529
+ --cui-badge-magenta-label-inverse: var(--cui-magenta-500);
439
530
 
440
531
  --cui-badge-orange-bg: var(--cui-orange-900);
441
- --cui-badge-orange-label: var(--cui-orange-700);
532
+ --cui-badge-orange-bg-bold: var(--cui-orange-700);
533
+ --cui-badge-orange-bg-subtle: var(--cui-orange-800);
442
534
  --cui-badge-orange-border: var(--cui-orange-800);
443
- --cui-badge-orange-surface: var(--cui-orange-800);
444
- --cui-badge-orange-surface-border: var(--cui-orange-700);
445
-
446
- --cui-badge-blue-border: var(--cui-blue-800);
447
- --cui-badge-blue-label: var(--cui-slate-200);
448
- --cui-badge-blue-bg: var(--cui-blue-900);
535
+ --cui-badge-orange-border-bold: var(--cui-orange-700);
536
+ --cui-badge-orange-border-subtle: var(--cui-orange-700);
537
+ --cui-badge-orange-label-inverse: var(--cui-orange-600);
449
538
 
450
539
  --cui-badge-purple-bg: var(--cui-purple-900);
451
- --cui-badge-purple-surface-border: var(--cui-purple-700);
452
- --cui-badge-purple-label: var(--cui-slate-200);
540
+ --cui-badge-purple-bg-subtle: var(--cui-purple-800);
453
541
  --cui-badge-purple-border: var(--cui-purple-800);
454
- --cui-badge-purple-purple-bg: var(--cui-purple-700);
455
- --cui-badge-purple-purple-label: var(--cui-purple-500);
542
+ --cui-badge-purple-border-bold: var(--cui-purple-500);
543
+ --cui-badge-purple-border-subtle: var(--cui-purple-600);
544
+ --cui-badge-purple-label-inverse: var(--cui-purple-400);
545
+ --cui-badge-purple-stroke: var(--cui-purple-500);
546
+
547
+ --cui-badge-terra-bg: var(--cui-terra-800);
548
+ --cui-badge-terra-bg-bold: var(--cui-terra-600);
549
+ --cui-badge-terra-bg-subtle: var(--cui-terra-800);
550
+ --cui-badge-terra-border: var(--cui-terra-700);
551
+ --cui-badge-terra-border-bold: var(--cui-terra-700);
552
+ --cui-badge-terra-border-subtle: var(--cui-terra-600);
553
+ --cui-badge-terra-label: var(--cui-terra-500);
554
+ --cui-badge-terra-label-inverse: var(--cui-terra-500);
555
+ --cui-badge-terra-stroke: var(--cui-terra-500);
456
556
 
457
- --cui-badge-cyan-bg: var(--cui-cyan-900);
458
- --cui-badge-cyan-surface: var(--cui-cyan-900);
459
- --cui-badge-cyan-label: var(--cui-cyan-500);
460
- --cui-badge-cyan-border: var(--cui-cyan-800);
461
-
462
- --cui-badge-terra-bg-light: var(--cui-terra-800);
463
- --cui-badge-terra-bg: var(--cui-terra-600);
557
+ --cui-badge-violet-bg: var(--cui-violet-900);
558
+ --cui-badge-violet-bg-bold: var(--cui-violet-600);
559
+ --cui-badge-violet-bg-subtle: var(--cui-violet-800);
560
+ --cui-badge-violet-border: var(--cui-violet-600);
561
+ --cui-badge-violet-border-bold: var(--cui-violet-500);
562
+ --cui-badge-violet-border-subtle: var(--cui-violet-700);
563
+ --cui-badge-violet-label: var(--cui-violet-500);
564
+ --cui-badge-violet-label-inverse: var(--cui-violet-400);
565
+ --cui-badge-violet-stroke: var(--cui-violet-500);
464
566
 
465
567
  --cui-banner-alert-bg: var(--cui-yellow-900);
466
568
  --cui-banner-alert-text: var(--cui-gray-0);
@@ -502,5 +604,5 @@
502
604
  --cui-cyan-bg: var(--cui-cyan-800);
503
605
  --cui-yellow-bg: var(--cui-yellow-600);
504
606
  --cui-lavender-bg: var(--cui-lavender-900);
505
- --cui-violet-bg: var(-cui-violet-600);
607
+ --cui-violet-bg: var(--cui-violet-600);
506
608
  }
package/styles/variables/colors.scss CHANGED
@@ -213,82 +213,145 @@ $cui-track: var(--cui-track);
213
213
 
214
214
  $cui-btn-bg: var(--cui-btn-bg);
215
215
 
216
- $cui-badge-info-bg: var(--cui-badge-info-bg);
217
- $cui-badge-info-label: var(--cui-badge-info-label);
218
-
219
- $cui-badge-danger-bg: var(--cui-badge-danger-bg);
220
- $cui-badge-danger-label: var(--cui-badge-danger-label);
221
-
222
- $cui-badge-success-bg: var(--cui-badge-success-bg);
223
- $cui-badge-success-label: var(--cui-badge-success-label);
224
- $cui-badge-success-label-2: var(--cui-badge-success-label-2);
225
- $cui-badge-success-border: var(--cui-badge-success-border);
216
+ $cui-badge-blue-bg: var(--cui-badge-blue-bg);
217
+ $cui-badge-blue-bg-bold: var(--cui-badge-blue-bg-bold);
218
+ $cui-badge-blue-bg-subtle: var(--cui-badge-blue-bg-subtle);
219
+ $cui-badge-blue-border: var(--cui-badge-blue-border);
220
+ $cui-badge-blue-border-bold: var(--cui-badge-blue-border-bold);
221
+ $cui-badge-blue-border-subtle: var(--cui-badge-blue-border-subtle);
222
+ $cui-badge-blue-label: var(--cui-badge-blue-label);
223
+ $cui-badge-blue-label-inverse: var(--cui-badge-blue-label-inverse);
224
+ $cui-badge-blue-stroke: var(--cui-badge-blue-stroke);
226
225
 
227
- $cui-badge-warning-bg: var(--cui-badge-warning-bg);
228
- $cui-badge-warning-label: var(--cui-badge-warning-label);
226
+ $cui-badge-cyan-bg: var(--cui-badge-cyan-bg);
227
+ $cui-badge-cyan-bg-bold: var(--cui-badge-cyan-bg-bold);
228
+ $cui-badge-cyan-bg-subtle: var(--cui-badge-cyan-bg-subtle);
229
+ $cui-badge-cyan-border: var(--cui-badge-cyan-border);
230
+ $cui-badge-cyan-border-bold: var(--cui-badge-cyan-border-bold);
231
+ $cui-badge-cyan-border-subtle: var(--cui-badge-cyan-border-subtle);
232
+ $cui-badge-cyan-label: var(--cui-badge-cyan-label);
233
+ $cui-badge-cyan-label-inverse: var(--cui-badge-cyan-label-inverse);
234
+ $cui-badge-cyan-stroke: var(--cui-badge-cyan-stroke);
229
235
 
230
236
  $cui-badge-gray-bg: var(--cui-badge-gray-bg);
237
+ $cui-badge-gray-bg-bold: var(--cui-badge-gray-bg-bold);
238
+ $cui-badge-gray-bg-subtle: var(--cui-badge-gray-bg-subtle);
239
+ $cui-badge-gray-border: var(--cui-badge-gray-border);
240
+ $cui-badge-gray-border-bold: var(--cui-badge-gray-border-bold);
241
+ $cui-badge-gray-border-subtle: var(--cui-badge-gray-border-subtle);
231
242
  $cui-badge-gray-label: var(--cui-badge-gray-label);
243
+ $cui-badge-gray-label-inverse: var(--cui-badge-gray-label-inverse);
244
+ $cui-badge-gray-stroke: var(--cui-badge-gray-stroke);
245
+
246
+ $cui-badge-green-bg: var(--cui-badge-green-bg);
247
+ $cui-badge-green-bg-bold: var(--cui-badge-green-bg-bold);
248
+ $cui-badge-green-bg-subtle: var(--cui-badge-green-bg-subtle);
249
+ $cui-badge-green-border: var(--cui-badge-green-border);
250
+ $cui-badge-green-border-bold: var(--cui-badge-green-border-bold);
251
+ $cui-badge-green-border-subtle: var(--cui-badge-green-border-subtle);
252
+ $cui-badge-green-label: var(--cui-badge-green-label);
253
+ $cui-badge-green-label-inverse: var(--cui-badge-green-label-inverse);
254
+ $cui-badge-green-stroke: var(--cui-badge-green-stroke);
255
+
256
+ $cui-badge-red-bg: var(--cui-badge-red-bg);
257
+ $cui-badge-red-bg-bold: var(--cui-badge-red-bg-bold);
258
+ $cui-badge-red-bg-subtle: var(--cui-badge-red-bg-subtle);
259
+ $cui-badge-red-border: var(--cui-badge-red-border);
260
+ $cui-badge-red-border-bold: var(--cui-badge-red-border-bold);
261
+ $cui-badge-red-border-subtle: var(--cui-badge-red-border-subtle);
262
+ $cui-badge-red-label: var(--cui-badge-red-label);
263
+ $cui-badge-red-label-inverse: var(--cui-badge-red-label-inverse);
264
+ $cui-badge-red-stroke: var(--cui-badge-red-stroke);
265
+
266
+ $cui-badge-yellow-bg: var(--cui-badge-yellow-bg);
267
+ $cui-badge-yellow-bg-bold: var(--cui-badge-yellow-bg-bold);
268
+ $cui-badge-yellow-bg-subtle: var(--cui-badge-yellow-bg-subtle);
269
+ $cui-badge-yellow-border: var(--cui-badge-yellow-border);
270
+ $cui-badge-yellow-border-bold: var(--cui-badge-yellow-border-bold);
271
+ $cui-badge-yellow-border-subtle: var(--cui-badge-yellow-border-subtle);
272
+ $cui-badge-yellow-label: var(--cui-badge-yellow-label);
273
+ $cui-badge-yellow-label-inverse: var(--cui-badge-yellow-label-inverse);
274
+ $cui-badge-yellow-stroke: var(--cui-badge-yellow-stroke);
275
+
276
+ $cui-badge-lavender-bg: var(--cui-badge-lavender-bg);
277
+ $cui-badge-lavender-bg-bold: var(--cui-badge-lavender-bg-bold);
278
+ $cui-badge-lavender-bg-subtle: var(--cui-badge-lavender-bg-subtle);
279
+ $cui-badge-lavender-border: var(--cui-badge-lavender-border);
280
+ $cui-badge-lavender-border-bold: var(--cui-badge-lavender-border-bold);
281
+ $cui-badge-lavender-border-subtle: var(--cui-badge-lavender-border-subtle);
282
+ $cui-badge-lavender-label: var(--cui-badge-lavender-label);
283
+ $cui-badge-lavender-label-inverse: var(--cui-badge-lavender-label-inverse);
284
+ $cui-badge-lavender-stroke: var(--cui-badge-lavender-stroke);
232
285
 
233
286
  $cui-badge-light-blue-bg: var(--cui-badge-light-blue-bg);
287
+ $cui-badge-light-blue-bg-bold: var(--cui-badge-light-blue-bg-bold);
288
+ $cui-badge-light-blue-bg-subtle: var(--cui-badge-light-blue-bg-subtle);
289
+ $cui-badge-light-blue-border: var(--cui-badge-light-blue-border);
290
+ $cui-badge-light-blue-border-bold: var(--cui-badge-light-blue-border-bold);
291
+ $cui-badge-light-blue-border-subtle: var(--cui-badge-light-blue-border-subtle);
234
292
  $cui-badge-light-blue-label: var(--cui-badge-light-blue-label);
235
- $cui-badge-light-blue-surface: var(--cui-badge-light-blue-surface);
236
- $cui-badge-light-blue-surface-border: var(cui-badge-light-blue-surface-border);
237
- $cui-badge-light-blue-light-blue-bg: var(--cui-badge-light-blue-light-blue-bg);
238
- $cui-badge-light-blue-light-blue-bg-1: var(--cui-badge-light-blue-light-blue-bg-1);
239
-
240
- $cui-badge-magenta-bg: var(--cui-badge-magenta-bg);
241
- $cui-badge-magenta-label: var(--cui-badge-magenta-label);
242
- $cui-badge-magenta-border: var(--cui-badge-magenta-border);
293
+ $cui-badge-light-blue-label-inverse: var(--cui-badge-light-blue-label-inverse);
294
+ $cui-badge-light-blue-stroke: var(--cui-badge-light-blue-stroke);
243
295
 
244
296
  $cui-badge-light-green-bg: var(--cui-badge-light-green-bg);
245
- $cui-badge-light-green-label: var(--cui-badge-light-green-label);
297
+ $cui-badge-light-green-bg-bold: var(--cui-badge-light-green-bg-bold);
298
+ $cui-badge-light-green-bg-subtle: var(--cui-badge-light-green-bg-subtle);
246
299
  $cui-badge-light-green-border: var(--cui-badge-light-green-border);
300
+ $cui-badge-light-green-border-bold: var(--cui-badge-light-green-border-bold);
301
+ $cui-badge-light-green-border-subtle: var(--cui-badge-light-green-border-subtle);
302
+ $cui-badge-light-green-label: var(--cui-badge-light-green-label);
303
+ $cui-badge-light-green-label-inverse: var(--cui-badge-light-green-label-inverse);
304
+ $cui-badge-light-green-stroke: var(--cui-badge-light-green-stroke);
247
305
 
248
- $cui-badge-lavender-bg: var(--cui-badge-lavender-bg);
249
- $cui-badge-lavender-label: var(--cui-badge-lavender-label);
250
- $cui-badge-lavender-border: var(--cui-badge-lavender-border);
251
-
252
- $cui-badge-violet-bg: var(--cui-badge-violet-bg);
253
- $cui-badge-violet-surface: var(--cui-badge-violet-surface);
254
- $cui-badge-violet-surface-border: var(--cui-badge-violet-surface-border);
255
- $cui-badge-violet-label: var(--cui-badge-violet-label);
256
- $cui-badge-violet-border: var(--cui-badge-violet-border);
257
- $cui-badge-violet-icon: var(--cui-badge-violet-icon);
258
-
259
- $cui-badge-yellow-bg: var(--cui-badge-yellow-bg);
260
- $cui-badge-yellow-label: var(--cui-badge-yellow-label);
261
- $cui-badge-yellow-border: var(--cui-badge-yellow-border);
262
- $cui-badge-yellow-surface: var(--cui-badge-yellow-surface);
263
- $cui-badge-yellow-surface-icon-border: var(--cui-badge-yellow-surface-icon-border);
264
- $cui-badge-yellow-surface-border: var(--cui-badge-yellow-surface-border);
265
- $cui-badge-yellow-surface-bg-dark: var(--cui-badge-yellow-surface-bg-dark);
266
- $cui-badge-yellow-surface-icon: var(--cui-badge-yellow-surface-icon);
306
+ $cui-badge-magenta-bg: var(--cui-badge-magenta-bg);
307
+ $cui-badge-magenta-bg-bold: var(--cui-badge-magenta-bg-bold);
308
+ $cui-badge-magenta-bg-subtle: var(--cui-badge-magenta-bg-subtle);
309
+ $cui-badge-magenta-border: var(--cui-badge-magenta-border);
310
+ $cui-badge-magenta-border-bold: var(--cui-badge-magenta-border-bold);
311
+ $cui-badge-magenta-border-subtle: var(--cui-badge-magenta-border-subtle);
312
+ $cui-badge-magenta-label: var(--cui-badge-magenta-label);
313
+ $cui-badge-magenta-label-inverse: var(--cui-badge-magenta-label-inverse);
314
+ $cui-badge-magenta-stroke: var(--cui-badge-magenta-stroke);
267
315
 
268
316
  $cui-badge-orange-bg: var(--cui-badge-orange-bg);
269
- $cui-badge-orange-label: var(--cui-badge-orange-label);
317
+ $cui-badge-orange-bg-bold: var(--cui-badge-orange-bg-bold);
318
+ $cui-badge-orange-bg-subtle: var(--cui-badge-orange-bg-subtle);
270
319
  $cui-badge-orange-border: var(--cui-badge-orange-border);
271
- $cui-badge-orange-surface: var(--cui-badge-orange-surface);
272
- $cui-badge-orange-surface-border: var(--cui-badge-orange-surface-border);
273
-
274
- $cui-badge-blue-bg: var(--cui-badge-blue-bg);
275
- $cui-badge-blue-label: var(--cui-badge-blue-label);
276
- $cui-badge-blue-border: var(--cui-badge-blue-border);
320
+ $cui-badge-orange-border-bold: var(--cui-badge-orange-border-bold);
321
+ $cui-badge-orange-border-subtle: var(--cui-badge-orange-border-subtle);
322
+ $cui-badge-orange-label: var(--cui-badge-orange-label);
323
+ $cui-badge-orange-label-inverse: var(--cui-badge-orange-label-inverse);
324
+ $cui-badge-orange-stroke: var(--cui-badge-orange-stroke);
277
325
 
278
326
  $cui-badge-purple-bg: var(--cui-badge-purple-bg);
279
- $cui-badge-purple-surface-border: var(--cui-badge-purple-surface-border);
280
- $cui-badge-purple-label: var(--cui-badge-purple-label);
327
+ $cui-badge-purple-bg-bold: var(--cui-badge-purple-bg-bold);
328
+ $cui-badge-purple-bg-subtle: var(--cui-badge-purple-bg-subtle);
281
329
  $cui-badge-purple-border: var(--cui-badge-purple-border);
282
- $cui-badge-purple-purple-bg: var(--cui-badge-purple-purple-bg);
283
- $cui-badge-purple-purple-label: var(--cui-badge-purple-purple-label);
284
-
285
- $cui-badge-cyan-bg: var(--cui-badge-cyan-bg);
286
- $cui-badge-cyan-surface: var(--cui-badge-cyan-surface);
287
- $cui-badge-cyan-label: var(--cui-badge-cyan-label);
288
- $cui-badge-cyan-border: var(--cui-badge-cyan-border);
330
+ $cui-badge-purple-border-bold: var(--cui-badge-purple-border-bold);
331
+ $cui-badge-purple-border-subtle: var(--cui-badge-purple-border-subtle);
332
+ $cui-badge-purple-label: var(--cui-badge-purple-label);
333
+ $cui-badge-purple-label-inverse: var(--cui-badge-purple-label-inverse);
334
+ $cui-badge-purple-stroke: var(--cui-badge-purple-stroke);
289
335
 
290
- $cui-badge-terra-bg-light: var(--cui-badge-terra-bg-light);
291
336
  $cui-badge-terra-bg: var(--cui-badge-terra-bg);
337
+ $cui-badge-terra-bg-bold: var(--cui-badge-terra-bg-bold);
338
+ $cui-badge-terra-bg-subtle: var(--cui-badge-terra-bg-subtle);
339
+ $cui-badge-terra-border: var(--cui-badge-terra-border);
340
+ $cui-badge-terra-border-bold: var(--cui-badge-terra-border-bold);
341
+ $cui-badge-terra-border-subtle: var(--cui-badge-terra-border-subtle);
342
+ $cui-badge-terra-label: var(--cui-badge-terra-label);
343
+ $cui-badge-terra-label-inverse: var(--cui-badge-terra-label-inverse);
344
+ $cui-badge-terra-stroke: var(--cui-badge-terra-stroke);
345
+
346
+ $cui-badge-violet-bg: var(--cui-badge-violet-bg);
347
+ $cui-badge-violet-bg-bold: var(--cui-badge-violet-bg-bold);
348
+ $cui-badge-violet-bg-subtle: var(--cui-badge-violet-bg-subtle);
349
+ $cui-badge-violet-border: var(--cui-badge-violet-border);
350
+ $cui-badge-violet-border-bold: var(--cui-badge-violet-border-bold);
351
+ $cui-badge-violet-border-subtle: var(--cui-badge-violet-border-subtle);
352
+ $cui-badge-violet-label: var(--cui-badge-violet-label);
353
+ $cui-badge-violet-label-inverse: var(--cui-badge-violet-label-inverse);
354
+ $cui-badge-violet-stroke: var(--cui-badge-violet-stroke);
292
355
 
293
356
  $cui-banner-alert-bg: var(--cui-banner-alert-bg);
294
357
  $cui-banner-alert-text: var(--cui-banner-alert-text);