@seed-design/css 0.0.38 → 0.0.39

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 (16) hide show
  1. package/all.css +53 -21
  2. package/all.min.css +1 -1
  3. package/base.css +48 -16
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/action-button.css +3 -3
  7. package/recipes/progress-circle.css +1 -1
  8. package/recipes/toggle-button.css +1 -1
  9. package/vars/color/palette.d.ts +17 -1
  10. package/vars/color/palette.mjs +17 -1
  11. package/vars/component/action-button.d.ts +3 -3
  12. package/vars/component/action-button.mjs +3 -3
  13. package/vars/component/progress-circle.d.ts +1 -1
  14. package/vars/component/progress-circle.mjs +1 -1
  15. package/vars/component/toggle-button.d.ts +1 -1
  16. package/vars/component/toggle-button.mjs +1 -1
package/all.css CHANGED
@@ -332,11 +332,27 @@
332
332
  --seed-color-palette-red-1000: #4a1209;
333
333
  --seed-color-palette-static-black: #000;
334
334
  --seed-color-palette-static-white: #fff;
335
- --seed-color-palette-static-black-alpha-50: #0000000d;
336
- --seed-color-palette-static-black-alpha-200: #0003;
337
- --seed-color-palette-static-black-alpha-500: #00000080;
338
- --seed-color-palette-static-white-alpha-200: #fff3;
339
- --seed-color-palette-static-white-alpha-800: #fffc;
335
+ --seed-color-palette-static-black-alpha-100: #00000007;
336
+ --seed-color-palette-static-black-alpha-200: #0000000c;
337
+ --seed-color-palette-static-black-alpha-300: #00000010;
338
+ --seed-color-palette-static-black-alpha-400: #00000021;
339
+ --seed-color-palette-static-black-alpha-500: #0000002c;
340
+ --seed-color-palette-static-black-alpha-600: #0000004c;
341
+ --seed-color-palette-static-black-alpha-700: #00000074;
342
+ --seed-color-palette-static-black-alpha-800: #000000a2;
343
+ --seed-color-palette-static-black-alpha-900: #000000d0;
344
+ --seed-color-palette-static-black-alpha-1000: #000000e3;
345
+ --seed-color-palette-static-white-alpha-50: #ffffff0d;
346
+ --seed-color-palette-static-white-alpha-100: #ffffff17;
347
+ --seed-color-palette-static-white-alpha-200: #ffffff20;
348
+ --seed-color-palette-static-white-alpha-300: #ffffff2e;
349
+ --seed-color-palette-static-white-alpha-400: #ffffff3d;
350
+ --seed-color-palette-static-white-alpha-500: #ffffff60;
351
+ --seed-color-palette-static-white-alpha-600: #ffffff8b;
352
+ --seed-color-palette-static-white-alpha-700: #ffffffb3;
353
+ --seed-color-palette-static-white-alpha-800: #ffffffde;
354
+ --seed-color-palette-static-white-alpha-900: #ffffffea;
355
+ --seed-color-palette-static-white-alpha-1000: #fffffff4;
340
356
  --seed-color-palette-yellow-100: #fff7de;
341
357
  --seed-color-palette-yellow-200: #fdefb9;
342
358
  --seed-color-palette-yellow-300: #fbdc65;
@@ -364,7 +380,7 @@
364
380
  --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
365
381
  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
366
382
  --seed-color-bg-disabled: var(--seed-color-palette-gray-200);
367
- --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-500);
383
+ --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
368
384
  --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-600);
369
385
  --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-700);
370
386
  --seed-color-bg-critical-solid: var(--seed-color-palette-red-700);
@@ -392,7 +408,7 @@
392
408
  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-800);
393
409
  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-900);
394
410
  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-300);
395
- --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-200);
411
+ --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
396
412
  --seed-color-bg-positive-solid: var(--seed-color-palette-green-700);
397
413
  --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
398
414
  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-800);
@@ -409,7 +425,7 @@
409
425
  --seed-color-stroke-positive: var(--seed-color-palette-green-300);
410
426
  --seed-color-stroke-field-focused: var(--seed-color-palette-gray-800);
411
427
  --seed-color-stroke-neutral-muted: var(--seed-color-palette-gray-200);
412
- --seed-color-stroke-on-image: var(--seed-color-palette-static-black-alpha-50);
428
+ --seed-color-stroke-on-image: var(--seed-color-palette-static-black-alpha-200);
413
429
  --seed-color-manner-temp-l1-bg: #eff0f1;
414
430
  --seed-color-manner-temp-l1-text: #62666a;
415
431
  --seed-color-manner-temp-l2-bg: #e7f2fc;
@@ -489,11 +505,27 @@
489
505
  --seed-color-palette-red-1000: #fdf2f2;
490
506
  --seed-color-palette-static-black: #000;
491
507
  --seed-color-palette-static-white: #fff;
492
- --seed-color-palette-static-black-alpha-50: #0000000d;
493
- --seed-color-palette-static-black-alpha-200: #0003;
494
- --seed-color-palette-static-black-alpha-500: #00000080;
495
- --seed-color-palette-static-white-alpha-200: #fff3;
496
- --seed-color-palette-static-white-alpha-800: #fffc;
508
+ --seed-color-palette-static-black-alpha-100: #00000007;
509
+ --seed-color-palette-static-black-alpha-200: #0000000c;
510
+ --seed-color-palette-static-black-alpha-300: #00000010;
511
+ --seed-color-palette-static-black-alpha-400: #00000021;
512
+ --seed-color-palette-static-black-alpha-500: #0000002c;
513
+ --seed-color-palette-static-black-alpha-600: #0000004c;
514
+ --seed-color-palette-static-black-alpha-700: #00000074;
515
+ --seed-color-palette-static-black-alpha-800: #000000a2;
516
+ --seed-color-palette-static-black-alpha-900: #000000d0;
517
+ --seed-color-palette-static-black-alpha-1000: #000000e3;
518
+ --seed-color-palette-static-white-alpha-50: #ffffff0d;
519
+ --seed-color-palette-static-white-alpha-100: #ffffff17;
520
+ --seed-color-palette-static-white-alpha-200: #ffffff20;
521
+ --seed-color-palette-static-white-alpha-300: #ffffff2e;
522
+ --seed-color-palette-static-white-alpha-400: #ffffff3d;
523
+ --seed-color-palette-static-white-alpha-500: #ffffff60;
524
+ --seed-color-palette-static-white-alpha-600: #ffffff8b;
525
+ --seed-color-palette-static-white-alpha-700: #ffffffb3;
526
+ --seed-color-palette-static-white-alpha-800: #ffffffde;
527
+ --seed-color-palette-static-white-alpha-900: #ffffffea;
528
+ --seed-color-palette-static-white-alpha-1000: #fffffff4;
497
529
  --seed-color-palette-yellow-100: #302819;
498
530
  --seed-color-palette-yellow-200: #413218;
499
531
  --seed-color-palette-yellow-300: #543e15;
@@ -521,7 +553,7 @@
521
553
  --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
522
554
  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
523
555
  --seed-color-bg-disabled: var(--seed-color-palette-gray-300);
524
- --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-500);
556
+ --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
525
557
  --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-700);
526
558
  --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-800);
527
559
  --seed-color-bg-critical-solid: var(--seed-color-palette-red-600);
@@ -549,7 +581,7 @@
549
581
  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-400);
550
582
  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-500);
551
583
  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-400);
552
- --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-200);
584
+ --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
553
585
  --seed-color-bg-positive-solid: var(--seed-color-palette-green-500);
554
586
  --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
555
587
  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-500);
@@ -566,7 +598,7 @@
566
598
  --seed-color-stroke-positive: var(--seed-color-palette-green-300);
567
599
  --seed-color-stroke-field-focused: var(--seed-color-palette-gray-800);
568
600
  --seed-color-stroke-neutral-muted: var(--seed-color-palette-gray-200);
569
- --seed-color-stroke-on-image: var(--seed-color-palette-static-black-alpha-50);
601
+ --seed-color-stroke-on-image: var(--seed-color-palette-static-black-alpha-200);
570
602
  --seed-color-manner-temp-l1-bg: #222226;
571
603
  --seed-color-manner-temp-l1-text: #b1b5b9;
572
604
  --seed-color-manner-temp-l2-bg: #16212b;
@@ -929,7 +961,7 @@
929
961
  --seed-prefix-icon-color: var(--seed-color-palette-static-white);
930
962
  --seed-suffix-icon-color: var(--seed-color-palette-static-white);
931
963
  --seed-icon-color: var(--seed-color-palette-static-white);
932
- --track-color: var(--seed-color-palette-static-white-alpha-200);
964
+ --track-color: var(--seed-color-palette-static-white-alpha-300);
933
965
  --range-color: var(--seed-color-palette-static-white);
934
966
  }
935
967
 
@@ -955,7 +987,7 @@
955
987
  --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
956
988
  --seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted);
957
989
  --seed-icon-color: var(--seed-color-fg-neutral-inverted);
958
- --track-color: var(--seed-color-palette-static-white-alpha-200);
990
+ --track-color: var(--seed-color-palette-static-white-alpha-300);
959
991
  --range-color: var(--seed-color-palette-static-white);
960
992
  }
961
993
 
@@ -1007,7 +1039,7 @@
1007
1039
  --seed-prefix-icon-color: var(--seed-color-palette-static-white);
1008
1040
  --seed-suffix-icon-color: var(--seed-color-palette-static-white);
1009
1041
  --seed-icon-color: var(--seed-color-palette-static-white);
1010
- --track-color: var(--seed-color-palette-static-white-alpha-200);
1042
+ --track-color: var(--seed-color-palette-static-white-alpha-300);
1011
1043
  --range-color: var(--seed-color-palette-static-white);
1012
1044
  }
1013
1045
 
@@ -1260,7 +1292,7 @@
1260
1292
  .seed-toggle-button--variant_brandSolid {
1261
1293
  background: var(--seed-color-bg-brand-solid);
1262
1294
  color: var(--seed-color-palette-static-white);
1263
- --track-color: var(--seed-color-palette-static-white-alpha-200);
1295
+ --track-color: var(--seed-color-palette-static-white-alpha-300);
1264
1296
  --range-color: var(--seed-color-palette-static-white);
1265
1297
  }
1266
1298
 
@@ -3714,7 +3746,7 @@
3714
3746
  }
3715
3747
 
3716
3748
  .seed-progress-circle__root--tone_staticWhite {
3717
- --track-color: var(--seed-color-palette-static-white-alpha-200);
3749
+ --track-color: var(--seed-color-palette-static-white-alpha-300);
3718
3750
  --range-color: var(--seed-color-palette-static-white);
3719
3751
  }
3720
3752