@cuby-ui/core 0.0.540 → 0.0.542

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 (3) hide show
  1. package/package.json +4 -4
  2. package/styles/theme.scss +60 -24
  3. package/styles/variables/colors.scss +27 -9
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@cuby-ui/core",
3
- "version": "0.0.540",
3
+ "version": "0.0.542",
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.540",
10
- "@cuby-ui/cdk": "^0.0.540",
11
- "@cuby-ui/icons": "^0.0.540",
9
+ "@cuby-ui/api": "^0.0.542",
10
+ "@cuby-ui/cdk": "^0.0.542",
11
+ "@cuby-ui/icons": "^0.0.542",
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
@@ -226,6 +226,8 @@
226
226
 
227
227
  --cui-badge-success-bg: var(--cui-green-50);
228
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);
229
231
 
230
232
  --cui-badge-warning-bg: var(--cui-yellow-50);
231
233
  --cui-badge-warning-label: var(--cui-gray-900);
@@ -235,44 +237,60 @@
235
237
 
236
238
  --cui-badge-light-blue-bg: var(--cui-light-blue-50);
237
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);
238
244
 
239
245
  --cui-badge-magenta-bg: var(--cui-magenta-50);
240
246
  --cui-badge-magenta-label: var(--cui-gray-900);
241
247
  --cui-badge-magenta-border: var(--cui-magenta-200);
242
248
 
243
249
  --cui-badge-light-green-bg: var(--cui-light-green-100);
244
- --cui-badge-light-green-border: var(--cui-light-green-200);
245
250
  --cui-badge-light-green-label: var(--cui-light-green-600);
251
+ --cui-badge-light-green-border: var(--cui-light-green-200);
246
252
 
247
253
  --cui-badge-lavender-bg: var(--cui-lavender-50);
248
- --cui-badge-lavender-border: var(--cui-lavender-200);
249
254
  --cui-badge-lavender-label: var(--cui-lavender-400);
255
+ --cui-badge-lavender-border: var(--cui-lavender-200);
250
256
 
251
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);
252
260
  --cui-badge-violet-label: var(--cui-gray-900);
253
- --cui-badge-violet-label-2: var(--cui-violet-400);
254
261
  --cui-badge-violet-border: var(--cui-violet-400);
262
+ --cui-badge-violet-icon: var(--cui-violet-400);
255
263
 
256
264
  --cui-badge-yellow-bg: var(--cui-yellow-50);
257
- --cui-badge-yellow-border: var(--cui-yellow-100);
258
265
  --cui-badge-yellow-label: var(--cui-gray-900);
259
- --cui-badge-yellow-label-2: var(--cui-yellow-500);
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);
260
272
 
261
273
  --cui-badge-orange-bg: var(--cui-orange-50);
262
- --cui-badge-orange-label: var(--cui-gray-900);
263
- --cui-badge-orange-border: var(--cui-orange-200)
274
+ --cui-badge-orange-label: var(--cui-orange-600);
275
+ --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);
264
278
 
265
- --cui-badge-blue-border: var(--cui-blue-200);
266
279
  --cui-badge-blue-bg: var(--cui-blue-50);
267
280
  --cui-badge-blue-label: var(--cui-base-900);
281
+ --cui-badge-blue-border: var(--cui-blue-200);
268
282
 
269
- --cui-badge-purple-border: var(--cui-purple-100);
270
283
  --cui-badge-purple-bg: var(--cui-purple-50);
284
+ --cui-badge-purple-surface-border: var(--cui-purple-50);
271
285
  --cui-badge-purple-label: var(--cui-base-900);
286
+ --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);
272
289
 
273
- --cui-badge-cyan-border: var(--cui-cyan-100);
274
- --cui-badge-cyan-bg: var(--cui-cyan-500);
275
- --cui-badge-cyan-label: var(--cui-cyan-200);
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);
276
294
 
277
295
  --cui-badge-terra-bg-light: var(--cui-terra-100);
278
296
  --cui-badge-terra-bg: var(--cui-terra-500);
@@ -375,6 +393,8 @@
375
393
 
376
394
  --cui-badge-success-bg: var(--cui-green-900);
377
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);
378
398
 
379
399
  --cui-badge-warning-bg: var(--cui-yellow-900);
380
400
  --cui-badge-warning-label: var(--cui-yellow-400);
@@ -384,44 +404,60 @@
384
404
 
385
405
  --cui-badge-light-blue-bg: var(--cui-light-blue-900);
386
406
  --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);
387
411
 
388
412
  --cui-badge-magenta-bg: var(--cui-magenta-900);
389
413
  --cui-badge-magenta-label: var(--cui-magenta-500);
390
414
  --cui-badge-magenta-border: var(--cui-magenta-600)
391
415
 
392
416
  --cui-badge-light-green-bg: var(--cui-light-green-900);
393
- --cui-badge-light-green-border: var(--cui-light-green-800);
394
417
  --cui-badge-light-green-label: var(--cui-light-green-500);
418
+ --cui-badge-light-green-border: var(--cui-light-green-800);
395
419
 
396
420
  --cui-badge-lavender-bg: var(--cui-lavender-900);
397
- --cui-badge-lavender-border: var(--cui-lavender-800);
398
421
  --cui-badge-lavender-label: var(--cui-lavender-300);
422
+ --cui-badge-lavender-border: var(--cui-lavender-800);
399
423
 
400
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);
401
427
  --cui-badge-violet-label: var(--cui-violet-400);
402
- --cui-badge-violet-label-2: var(--cui-violet-600);
403
- --cui-badge-violet-border: var(--cui-violet-400);
428
+ --cui-badge-violet-border: var(--cui-violet-600);
429
+ --cui-badge-violet-icon: var(--cui-violet-500);
404
430
 
405
431
  --cui-badge-yellow-bg: var(--cui-yellow-900);
432
+ --cui-badge-yellow-label: var(--cui-slate-200);
406
433
  --cui-badge-yellow-border: var(--cui-yellow-800);
407
- --cui-badge-yellow-label: var(--cui-yellow-500);
408
- --cui-badge-yellow-label-2: var(--cui-yellow-500);
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);
409
439
 
410
440
  --cui-badge-orange-bg: var(--cui-orange-900);
411
- --cui-badge-orange-label: var(--cui-orange-600);
441
+ --cui-badge-orange-label: var(--cui-orange-700);
412
442
  --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);
413
445
 
414
446
  --cui-badge-blue-border: var(--cui-blue-800);
415
- --cui-badge-blue-bg: var(--cui-blue-900);
416
447
  --cui-badge-blue-label: var(--cui-slate-200);
448
+ --cui-badge-blue-bg: var(--cui-blue-900);
417
449
 
418
- --cui-badge-purple-border: var(--cui-purple-800);
419
450
  --cui-badge-purple-bg: var(--cui-purple-900);
451
+ --cui-badge-purple-surface-border: var(--cui-purple-700);
420
452
  --cui-badge-purple-label: var(--cui-slate-200);
453
+ --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);
421
456
 
422
- --cui-badge-cyan-border: var(--cui-cyan-900);
423
- --cui-badge-cyan-bg: var(--cui-cyan-500);
424
- --cui-badge-cyan-label: var(--cui-cyan-800);
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);
425
461
 
426
462
  --cui-badge-terra-bg-light: var(--cui-terra-800);
427
463
  --cui-badge-terra-bg: var(--cui-terra-600);
package/styles/variables/colors.scss CHANGED
@@ -221,6 +221,8 @@ $cui-badge-danger-label: var(--cui-badge-danger-label);
221
221
 
222
222
  $cui-badge-success-bg: var(--cui-badge-success-bg);
223
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);
224
226
 
225
227
  $cui-badge-warning-bg: var(--cui-badge-warning-bg);
226
228
  $cui-badge-warning-label: var(--cui-badge-warning-label);
@@ -230,44 +232,60 @@ $cui-badge-gray-label: var(--cui-badge-gray-label);
230
232
 
231
233
  $cui-badge-light-blue-bg: var(--cui-badge-light-blue-bg);
232
234
  $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);
233
239
 
234
240
  $cui-badge-magenta-bg: var(--cui-badge-magenta-bg);
235
241
  $cui-badge-magenta-label: var(--cui-badge-magenta-label);
236
242
  $cui-badge-magenta-border: var(--cui-badge-magenta-border);
237
243
 
238
244
  $cui-badge-light-green-bg: var(--cui-badge-light-green-bg);
239
- $cui-badge-light-green-border: var(--cui-badge-light-green-border);
240
245
  $cui-badge-light-green-label: var(--cui-badge-light-green-label);
246
+ $cui-badge-light-green-border: var(--cui-badge-light-green-border);
241
247
 
242
248
  $cui-badge-lavender-bg: var(--cui-badge-lavender-bg);
243
- $cui-badge-lavender-border: var(--cui-badge-lavender-border);
244
249
  $cui-badge-lavender-label: var(--cui-badge-lavender-label);
250
+ $cui-badge-lavender-border: var(--cui-badge-lavender-border);
245
251
 
246
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);
247
255
  $cui-badge-violet-label: var(--cui-badge-violet-label);
248
- $cui-badge-violet-label-2: var(--cui-badge-violet-label-2);
249
256
  $cui-badge-violet-border: var(--cui-badge-violet-border);
257
+ $cui-badge-violet-icon: var(--cui-badge-violet-icon);
250
258
 
251
259
  $cui-badge-yellow-bg: var(--cui-badge-yellow-bg);
252
- $cui-badge-yellow-border: var(--cui-badge-yellow-border);
253
260
  $cui-badge-yellow-label: var(--cui-badge-yellow-label);
254
- $cui-badge-yellow-label-2: var(--cui-badge-yellow-label-2);
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);
255
267
 
256
268
  $cui-badge-orange-bg: var(--cui-badge-orange-bg);
257
- $cui-badge-orange-border: var(--cui-badge-orange-border);
258
269
  $cui-badge-orange-label: var(--cui-badge-orange-label);
270
+ $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);
259
273
 
260
- $cui-badge-blue-border: var(--cui-badge-blue-border);
261
274
  $cui-badge-blue-bg: var(--cui-badge-blue-bg);
262
275
  $cui-badge-blue-label: var(--cui-badge-blue-label);
276
+ $cui-badge-blue-border: var(--cui-badge-blue-border);
263
277
 
264
- $cui-badge-purple-border: var(--cui-badge-purple-border);
265
278
  $cui-badge-purple-bg: var(--cui-badge-purple-bg);
279
+ $cui-badge-purple-surface-border: var(--cui-badge-purple-surface-border);
266
280
  $cui-badge-purple-label: var(--cui-badge-purple-label);
281
+ $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);
267
284
 
268
- $cui-badge-cyan-border: var(--cui-badge-cyan-border);
269
285
  $cui-badge-cyan-bg: var(--cui-badge-cyan-bg);
286
+ $cui-badge-cyan-surface: var(--cui-badge-cyan-surface);
270
287
  $cui-badge-cyan-label: var(--cui-badge-cyan-label);
288
+ $cui-badge-cyan-border: var(--cui-badge-cyan-border);
271
289
 
272
290
  $cui-badge-terra-bg-light: var(--cui-badge-terra-bg-light);
273
291
  $cui-badge-terra-bg: var(--cui-badge-terra-bg);