@seed-design/css 1.1.13 → 1.1.16

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 (68) hide show
  1. package/all.css +385 -170
  2. package/all.min.css +1 -1
  3. package/base.css +184 -164
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/app-bar-main.css +1 -0
  7. package/recipes/app-bar-main.d.ts +1 -1
  8. package/recipes/app-bar-main.mjs +2 -1
  9. package/recipes/app-bar.css +21 -0
  10. package/recipes/app-bar.d.ts +1 -1
  11. package/recipes/app-bar.mjs +2 -1
  12. package/recipes/app-screen.css +34 -4
  13. package/recipes/app-screen.d.ts +1 -1
  14. package/recipes/app-screen.mjs +2 -1
  15. package/recipes/checkmark.css +2 -1
  16. package/recipes/menu-sheet-item.css +1 -0
  17. package/recipes/segmented-control.css +1 -0
  18. package/recipes/text.css +120 -0
  19. package/recipes/text.d.ts +1 -1
  20. package/recipes/text.mjs +25 -1
  21. package/vars/color/banner.d.ts +10 -0
  22. package/vars/color/banner.mjs +10 -0
  23. package/vars/color/bg.d.ts +13 -13
  24. package/vars/color/bg.mjs +13 -13
  25. package/vars/color/fg.d.ts +8 -8
  26. package/vars/color/fg.mjs +8 -8
  27. package/vars/color/index.d.ts +2 -1
  28. package/vars/color/index.mjs +2 -1
  29. package/vars/color/manner-temp/index.d.ts +2 -2
  30. package/vars/color/manner-temp/index.mjs +2 -2
  31. package/vars/color/manner-temp/l1.d.ts +2 -2
  32. package/vars/color/manner-temp/l1.mjs +2 -2
  33. package/vars/color/manner-temp/l10.d.ts +2 -2
  34. package/vars/color/manner-temp/l10.mjs +2 -2
  35. package/vars/color/manner-temp/l2.d.ts +2 -2
  36. package/vars/color/manner-temp/l2.mjs +2 -2
  37. package/vars/color/manner-temp/l3.d.ts +2 -2
  38. package/vars/color/manner-temp/l3.mjs +2 -2
  39. package/vars/color/manner-temp/l4.d.ts +2 -2
  40. package/vars/color/manner-temp/l4.mjs +2 -2
  41. package/vars/color/manner-temp/l5.d.ts +2 -2
  42. package/vars/color/manner-temp/l5.mjs +2 -2
  43. package/vars/color/manner-temp/l6.d.ts +2 -2
  44. package/vars/color/manner-temp/l6.mjs +2 -2
  45. package/vars/color/manner-temp/l7.d.ts +2 -2
  46. package/vars/color/manner-temp/l7.mjs +2 -2
  47. package/vars/color/manner-temp/l8.d.ts +2 -2
  48. package/vars/color/manner-temp/l8.mjs +2 -2
  49. package/vars/color/manner-temp/l9.d.ts +2 -2
  50. package/vars/color/manner-temp/l9.mjs +2 -2
  51. package/vars/color/palette.d.ts +42 -42
  52. package/vars/color/palette.mjs +42 -42
  53. package/vars/color/stroke.d.ts +8 -8
  54. package/vars/color/stroke.mjs +8 -8
  55. package/vars/component/action-button.d.ts +18 -0
  56. package/vars/component/checkmark.d.ts +4 -2
  57. package/vars/component/checkmark.mjs +4 -2
  58. package/vars/component/control-chip.d.ts +1 -1
  59. package/vars/component/control-chip.mjs +1 -1
  60. package/vars/component/help-bubble.d.ts +2 -0
  61. package/vars/component/typography.d.ts +216 -0
  62. package/vars/component/typography.mjs +216 -0
  63. package/vars/dimension/spacing-x.d.ts +2 -0
  64. package/vars/dimension/spacing-y.d.ts +4 -0
  65. package/vars/gradient.d.ts +10 -3
  66. package/vars/gradient.mjs +3 -3
  67. package/vars/index.d.ts +9 -4
  68. package/vars/shadow.d.ts +1 -0
package/all.css CHANGED
@@ -315,26 +315,6 @@
315
315
  }
316
316
 
317
317
  :root, :root[data-seed-color-mode="system"][data-seed-user-color-scheme="light"], :root[data-seed-color-mode="light-only"], :root [data-seed-color-mode="light-only"] {
318
- --seed-color-palette-blue-100: #eff6ff;
319
- --seed-color-palette-blue-200: #e2edfc;
320
- --seed-color-palette-blue-300: #cbdffa;
321
- --seed-color-palette-blue-400: #aacefd;
322
- --seed-color-palette-blue-500: #85b8fd;
323
- --seed-color-palette-blue-600: #5e98fe;
324
- --seed-color-palette-blue-700: #217cf9;
325
- --seed-color-palette-blue-800: #135fcd;
326
- --seed-color-palette-blue-900: #0b4596;
327
- --seed-color-palette-blue-1000: #032451;
328
- --seed-color-palette-carrot-100: #fff2ec;
329
- --seed-color-palette-carrot-200: #ffe8db;
330
- --seed-color-palette-carrot-300: #ffd5c0;
331
- --seed-color-palette-carrot-400: #ffb999;
332
- --seed-color-palette-carrot-500: #ff9364;
333
- --seed-color-palette-carrot-600: #f60;
334
- --seed-color-palette-carrot-700: #e14d00;
335
- --seed-color-palette-carrot-800: #b93901;
336
- --seed-color-palette-carrot-900: #862b00;
337
- --seed-color-palette-carrot-1000: #471601;
338
318
  --seed-color-palette-gray-00: #fff;
339
319
  --seed-color-palette-gray-100: #f7f8f9;
340
320
  --seed-color-palette-gray-200: #f3f4f5;
@@ -346,6 +326,36 @@
346
326
  --seed-color-palette-gray-800: #555d6d;
347
327
  --seed-color-palette-gray-900: #2a3038;
348
328
  --seed-color-palette-gray-1000: #1a1c20;
329
+ --seed-color-palette-carrot-100: #fff2ec;
330
+ --seed-color-palette-carrot-200: #ffe8db;
331
+ --seed-color-palette-carrot-300: #ffd5c0;
332
+ --seed-color-palette-carrot-400: #ffb999;
333
+ --seed-color-palette-carrot-500: #ff9364;
334
+ --seed-color-palette-carrot-600: #f60;
335
+ --seed-color-palette-carrot-700: #e14d00;
336
+ --seed-color-palette-carrot-800: #b93901;
337
+ --seed-color-palette-carrot-900: #862b00;
338
+ --seed-color-palette-carrot-1000: #471601;
339
+ --seed-color-palette-blue-100: #eff6ff;
340
+ --seed-color-palette-blue-200: #e2edfc;
341
+ --seed-color-palette-blue-300: #cbdffa;
342
+ --seed-color-palette-blue-400: #aacefd;
343
+ --seed-color-palette-blue-500: #85b8fd;
344
+ --seed-color-palette-blue-600: #5e98fe;
345
+ --seed-color-palette-blue-700: #217cf9;
346
+ --seed-color-palette-blue-800: #135fcd;
347
+ --seed-color-palette-blue-900: #0b4596;
348
+ --seed-color-palette-blue-1000: #032451;
349
+ --seed-color-palette-red-100: #fdf0f0;
350
+ --seed-color-palette-red-200: #fde7e7;
351
+ --seed-color-palette-red-300: #fed4d2;
352
+ --seed-color-palette-red-400: #feb7b3;
353
+ --seed-color-palette-red-500: #fe928d;
354
+ --seed-color-palette-red-600: #fc6a66;
355
+ --seed-color-palette-red-700: #fa342c;
356
+ --seed-color-palette-red-800: #ca1d13;
357
+ --seed-color-palette-red-900: #921708;
358
+ --seed-color-palette-red-1000: #4a1209;
349
359
  --seed-color-palette-green-100: #edfaf6;
350
360
  --seed-color-palette-green-200: #d9f6e9;
351
361
  --seed-color-palette-green-300: #b9e9d2;
@@ -356,6 +366,16 @@
356
366
  --seed-color-palette-green-800: #00745f;
357
367
  --seed-color-palette-green-900: #075445;
358
368
  --seed-color-palette-green-1000: #0a2b24;
369
+ --seed-color-palette-yellow-100: #fff7de;
370
+ --seed-color-palette-yellow-200: #fdefb9;
371
+ --seed-color-palette-yellow-300: #fbdc65;
372
+ --seed-color-palette-yellow-400: #e9c647;
373
+ --seed-color-palette-yellow-500: #d4ab28;
374
+ --seed-color-palette-yellow-600: #c49725;
375
+ --seed-color-palette-yellow-700: #9b7821;
376
+ --seed-color-palette-yellow-800: #755b22;
377
+ --seed-color-palette-yellow-900: #4f3e1f;
378
+ --seed-color-palette-yellow-1000: #2c2512;
359
379
  --seed-color-palette-purple-100: #f5f3fe;
360
380
  --seed-color-palette-purple-200: #efeafe;
361
381
  --seed-color-palette-purple-300: #e1d8ff;
@@ -366,18 +386,7 @@
366
386
  --seed-color-palette-purple-800: #6d50cb;
367
387
  --seed-color-palette-purple-900: #50379b;
368
388
  --seed-color-palette-purple-1000: #29175d;
369
- --seed-color-palette-red-100: #fdf0f0;
370
- --seed-color-palette-red-200: #fde7e7;
371
- --seed-color-palette-red-300: #fed4d2;
372
- --seed-color-palette-red-400: #feb7b3;
373
- --seed-color-palette-red-500: #fe928d;
374
- --seed-color-palette-red-600: #fc6a66;
375
- --seed-color-palette-red-700: #fa342c;
376
- --seed-color-palette-red-800: #ca1d13;
377
- --seed-color-palette-red-900: #921708;
378
- --seed-color-palette-red-1000: #4a1209;
379
389
  --seed-color-palette-static-black: #000;
380
- --seed-color-palette-static-white: #fff;
381
390
  --seed-color-palette-static-black-alpha-100: #00000007;
382
391
  --seed-color-palette-static-black-alpha-200: #0000000c;
383
392
  --seed-color-palette-static-black-alpha-300: #00000010;
@@ -388,6 +397,7 @@
388
397
  --seed-color-palette-static-black-alpha-800: #000000a2;
389
398
  --seed-color-palette-static-black-alpha-900: #000000d0;
390
399
  --seed-color-palette-static-black-alpha-1000: #000000e3;
400
+ --seed-color-palette-static-white: #fff;
391
401
  --seed-color-palette-static-white-alpha-50: #ffffff0d;
392
402
  --seed-color-palette-static-white-alpha-100: #ffffff17;
393
403
  --seed-color-palette-static-white-alpha-200: #ffffff20;
@@ -399,140 +409,120 @@
399
409
  --seed-color-palette-static-white-alpha-800: #ffffffde;
400
410
  --seed-color-palette-static-white-alpha-900: #ffffffea;
401
411
  --seed-color-palette-static-white-alpha-1000: #fffffff4;
402
- --seed-color-palette-yellow-100: #fff7de;
403
- --seed-color-palette-yellow-200: #fdefb9;
404
- --seed-color-palette-yellow-300: #fbdc65;
405
- --seed-color-palette-yellow-400: #e9c647;
406
- --seed-color-palette-yellow-500: #d4ab28;
407
- --seed-color-palette-yellow-600: #c49725;
408
- --seed-color-palette-yellow-700: #9b7821;
409
- --seed-color-palette-yellow-800: #755b22;
410
- --seed-color-palette-yellow-900: #4f3e1f;
411
- --seed-color-palette-yellow-1000: #2c2512;
412
- --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
413
- --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
414
- --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
415
412
  --seed-color-fg-brand: var(--seed-color-palette-carrot-600);
416
- --seed-color-fg-informative: var(--seed-color-palette-blue-700);
417
- --seed-color-fg-critical: var(--seed-color-palette-red-700);
418
- --seed-color-fg-positive: var(--seed-color-palette-green-700);
419
- --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
420
413
  --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
414
+ --seed-color-fg-critical: var(--seed-color-palette-red-700);
421
415
  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
416
+ --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
417
+ --seed-color-fg-informative: var(--seed-color-palette-blue-700);
422
418
  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
419
+ --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
420
+ --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-00);
423
421
  --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
424
422
  --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
425
- --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-00);
423
+ --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
424
+ --seed-color-fg-positive: var(--seed-color-palette-green-700);
426
425
  --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
426
+ --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
427
427
  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
428
- --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
429
- --seed-color-bg-disabled: var(--seed-color-palette-gray-200);
430
- --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
431
428
  --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-600);
432
429
  --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-700);
430
+ --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
433
431
  --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
434
- --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
435
432
  --seed-color-bg-critical-solid: var(--seed-color-palette-red-700);
436
433
  --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-800);
434
+ --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
437
435
  --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
438
- --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
436
+ --seed-color-bg-disabled: var(--seed-color-palette-gray-200);
439
437
  --seed-color-bg-informative-solid: var(--seed-color-palette-blue-700);
440
438
  --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-800);
439
+ --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
441
440
  --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
442
441
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
443
442
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
443
+ --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
444
444
  --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
445
445
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
446
- --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
447
446
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
448
447
  --seed-color-bg-magic-weak: #f9f2ee;
449
- --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-200);
450
448
  --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-900);
451
- --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
452
449
  --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
450
+ --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
453
451
  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-800);
454
452
  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-900);
453
+ --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-200);
455
454
  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-300);
455
+ --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
456
456
  --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
457
- --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
458
457
  --seed-color-bg-positive-solid: var(--seed-color-palette-green-700);
459
458
  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-800);
459
+ --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
460
460
  --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
461
- --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
461
+ --seed-color-bg-transparent: #0000;
462
+ --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-black-alpha-100);
462
463
  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-300);
463
464
  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-400);
465
+ --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
464
466
  --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
465
- --seed-color-bg-transparent: #0000;
466
- --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-black-alpha-100);
467
- --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
468
467
  --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
469
- --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
468
+ --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
470
469
  --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
471
- --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
470
+ --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
472
471
  --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
472
+ --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
473
473
  --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
474
- --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
475
- --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
476
474
  --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-black-alpha-300);
475
+ --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
477
476
  --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-black-alpha-200);
478
- --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
477
+ --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
479
478
  --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
480
- --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
479
+ --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
481
480
  --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
481
+ --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
482
+ --seed-color-manner-temp-l1-bg: #f1f2f3;
482
483
  --seed-color-manner-temp-l1-text: #757b85;
484
+ --seed-color-manner-temp-l10-bg: #ffebee;
485
+ --seed-color-manner-temp-l10-text: #cb0123;
486
+ --seed-color-manner-temp-l2-bg: #f8f4ec;
483
487
  --seed-color-manner-temp-l2-text: #ab863f;
488
+ --seed-color-manner-temp-l3-bg: #fff5e5;
484
489
  --seed-color-manner-temp-l3-text: #e08a00;
485
- --seed-color-manner-temp-l4-text: #f57e00;
486
490
  --seed-color-manner-temp-l4-bg: #fff3e5;
487
- --seed-color-manner-temp-l5-text: #ff7300;
488
- --seed-color-manner-temp-l6-text: #f60;
489
- --seed-color-manner-temp-l1-bg: #f1f2f3;
490
- --seed-color-manner-temp-l2-bg: #f8f4ec;
491
- --seed-color-manner-temp-l3-bg: #fff5e5;
491
+ --seed-color-manner-temp-l4-text: #f57e00;
492
492
  --seed-color-manner-temp-l5-bg: #fff1e5;
493
+ --seed-color-manner-temp-l5-text: #ff7300;
493
494
  --seed-color-manner-temp-l6-bg: #fff0e5;
494
- --seed-color-manner-temp-l7-text: #ff5100;
495
+ --seed-color-manner-temp-l6-text: #f60;
495
496
  --seed-color-manner-temp-l7-bg: #ffefe5;
496
- --seed-color-manner-temp-l8-text: #f30;
497
- --seed-color-manner-temp-l9-text: #e82c45;
497
+ --seed-color-manner-temp-l7-text: #ff5100;
498
498
  --seed-color-manner-temp-l8-bg: #ffeee5;
499
+ --seed-color-manner-temp-l8-text: #f30;
499
500
  --seed-color-manner-temp-l9-bg: #fdeded;
500
- --seed-color-manner-temp-l10-text: #cb0123;
501
- --seed-color-manner-temp-l10-bg: #ffebee;
501
+ --seed-color-manner-temp-l9-text: #e82c45;
502
+ --seed-color-banner-blue: #e1f7ff;
503
+ --seed-color-banner-cool-gray: #ebf1f5;
504
+ --seed-color-banner-green: #f0fbe5;
505
+ --seed-color-banner-orange: #fff2e1;
506
+ --seed-color-banner-pink: #ffebf1;
507
+ --seed-color-banner-purple: #f5ecff;
508
+ --seed-color-banner-red: #ffecee;
509
+ --seed-color-banner-teal: #e6faf6;
510
+ --seed-color-banner-warm-gray: #f2f0ee;
511
+ --seed-color-banner-yellow: #fffae1;
502
512
  --seed-gradient-fade-layer-floating: #fff0 0%, #000 100%;
503
513
  --seed-gradient-fade-layer-default: #000 0%, #fff0 100%;
504
514
  --seed-gradient-glow-magic: #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;
505
515
  --seed-gradient-glow-magic-pressed: #fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;
506
- --seed-gradient-shimmer-neutral: #fff0 0%, #fff6 46%, #fff6 54%, #fff0 100%;
507
- --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f58a 46%, #fff9f58a 54%, #fff9f500 100%;
508
- --seed-gradient-highlight-magic-pressed: #e14f00 20%, #ae58bf 100%;
509
516
  --seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
517
+ --seed-gradient-highlight-magic-pressed: #e14f00 20%, #ae58bf 100%;
518
+ --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f58a 46%, #fff9f58a 54%, #fff9f500 100%;
519
+ --seed-gradient-shimmer-neutral: #fff0 0%, #fff6 46%, #fff6 54%, #fff0 100%;
510
520
  --seed-shadow-s1: 0px 1px 4px 0px #00000014;
511
521
  --seed-shadow-s2: 0px 2px 10px 0px #0000001a;
512
522
  --seed-shadow-s3: 0px 4px 16px 0px #0000001f;
513
523
  }
514
524
 
515
525
  :root[data-seed-color-mode="system"][data-seed-user-color-scheme="dark"], :root[data-seed-color-mode="dark-only"], :root [data-seed-color-mode="dark-only"] {
516
- --seed-color-palette-blue-100: #202742;
517
- --seed-color-palette-blue-200: #1e3352;
518
- --seed-color-palette-blue-300: #1a4275;
519
- --seed-color-palette-blue-400: #0f559e;
520
- --seed-color-palette-blue-500: #1964d8;
521
- --seed-color-palette-blue-600: #1e82eb;
522
- --seed-color-palette-blue-700: #41a2f9;
523
- --seed-color-palette-blue-800: #83bcf9;
524
- --seed-color-palette-blue-900: #b9d7fb;
525
- --seed-color-palette-blue-1000: #e5f0fe;
526
- --seed-color-palette-carrot-100: #31241f;
527
- --seed-color-palette-carrot-200: #4b291c;
528
- --seed-color-palette-carrot-300: #6b311c;
529
- --seed-color-palette-carrot-400: #923600;
530
- --seed-color-palette-carrot-500: #bd4201;
531
- --seed-color-palette-carrot-600: #e65200;
532
- --seed-color-palette-carrot-700: #f60;
533
- --seed-color-palette-carrot-800: #ff9e65;
534
- --seed-color-palette-carrot-900: #eecebc;
535
- --seed-color-palette-carrot-1000: #f4eeea;
536
526
  --seed-color-palette-gray-00: #000;
537
527
  --seed-color-palette-gray-100: #16171b;
538
528
  --seed-color-palette-gray-200: #1d2025;
@@ -544,6 +534,36 @@
544
534
  --seed-color-palette-gray-800: #dcdee3;
545
535
  --seed-color-palette-gray-900: #e9eaec;
546
536
  --seed-color-palette-gray-1000: #f3f4f5;
537
+ --seed-color-palette-carrot-100: #31241f;
538
+ --seed-color-palette-carrot-200: #4b291c;
539
+ --seed-color-palette-carrot-300: #6b311c;
540
+ --seed-color-palette-carrot-400: #923600;
541
+ --seed-color-palette-carrot-500: #bd4201;
542
+ --seed-color-palette-carrot-600: #e65200;
543
+ --seed-color-palette-carrot-700: #f60;
544
+ --seed-color-palette-carrot-800: #ff9e65;
545
+ --seed-color-palette-carrot-900: #eecebc;
546
+ --seed-color-palette-carrot-1000: #f4eeea;
547
+ --seed-color-palette-blue-100: #202742;
548
+ --seed-color-palette-blue-200: #1e3352;
549
+ --seed-color-palette-blue-300: #1a4275;
550
+ --seed-color-palette-blue-400: #0f559e;
551
+ --seed-color-palette-blue-500: #1964d8;
552
+ --seed-color-palette-blue-600: #1e82eb;
553
+ --seed-color-palette-blue-700: #41a2f9;
554
+ --seed-color-palette-blue-800: #83bcf9;
555
+ --seed-color-palette-blue-900: #b9d7fb;
556
+ --seed-color-palette-blue-1000: #e5f0fe;
557
+ --seed-color-palette-red-100: #322323;
558
+ --seed-color-palette-red-200: #4f2624;
559
+ --seed-color-palette-red-300: #742826;
560
+ --seed-color-palette-red-400: #a12621;
561
+ --seed-color-palette-red-500: #ca2319;
562
+ --seed-color-palette-red-600: #f73526;
563
+ --seed-color-palette-red-700: #ff6e60;
564
+ --seed-color-palette-red-800: #ffa299;
565
+ --seed-color-palette-red-900: #f8c5c3;
566
+ --seed-color-palette-red-1000: #fdf2f2;
547
567
  --seed-color-palette-green-100: #202926;
548
568
  --seed-color-palette-green-200: #20362e;
549
569
  --seed-color-palette-green-300: #20493b;
@@ -554,6 +574,16 @@
554
574
  --seed-color-palette-green-800: #35ce9a;
555
575
  --seed-color-palette-green-900: #93e5c0;
556
576
  --seed-color-palette-green-1000: #d4f6ef;
577
+ --seed-color-palette-yellow-100: #302819;
578
+ --seed-color-palette-yellow-200: #413218;
579
+ --seed-color-palette-yellow-300: #543e15;
580
+ --seed-color-palette-yellow-400: #714e15;
581
+ --seed-color-palette-yellow-500: #91601b;
582
+ --seed-color-palette-yellow-600: #b6720d;
583
+ --seed-color-palette-yellow-700: #ca901c;
584
+ --seed-color-palette-yellow-800: #dab156;
585
+ --seed-color-palette-yellow-900: #e5d49b;
586
+ --seed-color-palette-yellow-1000: #f7f0cd;
557
587
  --seed-color-palette-purple-100: #28213b;
558
588
  --seed-color-palette-purple-200: #3b2873;
559
589
  --seed-color-palette-purple-300: #443081;
@@ -564,18 +594,7 @@
564
594
  --seed-color-palette-purple-800: #beadf2;
565
595
  --seed-color-palette-purple-900: #d9cefa;
566
596
  --seed-color-palette-purple-1000: #f0edfc;
567
- --seed-color-palette-red-100: #322323;
568
- --seed-color-palette-red-200: #4f2624;
569
- --seed-color-palette-red-300: #742826;
570
- --seed-color-palette-red-400: #a12621;
571
- --seed-color-palette-red-500: #ca2319;
572
- --seed-color-palette-red-600: #f73526;
573
- --seed-color-palette-red-700: #ff6e60;
574
- --seed-color-palette-red-800: #ffa299;
575
- --seed-color-palette-red-900: #f8c5c3;
576
- --seed-color-palette-red-1000: #fdf2f2;
577
597
  --seed-color-palette-static-black: #000;
578
- --seed-color-palette-static-white: #fff;
579
598
  --seed-color-palette-static-black-alpha-100: #00000007;
580
599
  --seed-color-palette-static-black-alpha-200: #0000000c;
581
600
  --seed-color-palette-static-black-alpha-300: #00000010;
@@ -586,6 +605,7 @@
586
605
  --seed-color-palette-static-black-alpha-800: #000000a2;
587
606
  --seed-color-palette-static-black-alpha-900: #000000d0;
588
607
  --seed-color-palette-static-black-alpha-1000: #000000e3;
608
+ --seed-color-palette-static-white: #fff;
589
609
  --seed-color-palette-static-white-alpha-50: #ffffff0d;
590
610
  --seed-color-palette-static-white-alpha-100: #ffffff17;
591
611
  --seed-color-palette-static-white-alpha-200: #ffffff20;
@@ -597,114 +617,114 @@
597
617
  --seed-color-palette-static-white-alpha-800: #ffffffde;
598
618
  --seed-color-palette-static-white-alpha-900: #ffffffea;
599
619
  --seed-color-palette-static-white-alpha-1000: #fffffff4;
600
- --seed-color-palette-yellow-100: #302819;
601
- --seed-color-palette-yellow-200: #413218;
602
- --seed-color-palette-yellow-300: #543e15;
603
- --seed-color-palette-yellow-400: #714e15;
604
- --seed-color-palette-yellow-500: #91601b;
605
- --seed-color-palette-yellow-600: #b6720d;
606
- --seed-color-palette-yellow-700: #ca901c;
607
- --seed-color-palette-yellow-800: #dab156;
608
- --seed-color-palette-yellow-900: #e5d49b;
609
- --seed-color-palette-yellow-1000: #f7f0cd;
610
- --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
611
- --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
612
- --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
613
620
  --seed-color-fg-brand: var(--seed-color-palette-carrot-700);
614
- --seed-color-fg-informative: var(--seed-color-palette-blue-700);
615
- --seed-color-fg-critical: var(--seed-color-palette-red-700);
616
- --seed-color-fg-positive: var(--seed-color-palette-green-700);
617
- --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
618
621
  --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
622
+ --seed-color-fg-critical: var(--seed-color-palette-red-700);
619
623
  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
624
+ --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
625
+ --seed-color-fg-informative: var(--seed-color-palette-blue-700);
620
626
  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
627
+ --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
628
+ --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-100);
621
629
  --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
622
630
  --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
623
- --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-100);
631
+ --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
632
+ --seed-color-fg-positive: var(--seed-color-palette-green-700);
624
633
  --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
634
+ --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
625
635
  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
626
- --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
627
- --seed-color-bg-disabled: var(--seed-color-palette-gray-300);
628
- --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
629
636
  --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-700);
630
637
  --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-800);
638
+ --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
631
639
  --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
632
- --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
633
640
  --seed-color-bg-critical-solid: var(--seed-color-palette-red-600);
634
641
  --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-700);
642
+ --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
635
643
  --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
636
- --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
644
+ --seed-color-bg-disabled: var(--seed-color-palette-gray-300);
637
645
  --seed-color-bg-informative-solid: var(--seed-color-palette-blue-600);
638
646
  --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-700);
647
+ --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
639
648
  --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
640
649
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-00);
641
650
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-100);
651
+ --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
642
652
  --seed-color-bg-layer-fill: var(--seed-color-palette-gray-200);
643
653
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-200);
644
- --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
645
654
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-300);
646
655
  --seed-color-bg-magic-weak: #201f1f;
647
- --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-300);
648
656
  --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-1000);
649
- --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-300);
650
657
  --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
658
+ --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-300);
651
659
  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-400);
652
660
  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-500);
661
+ --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-300);
653
662
  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-400);
663
+ --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
654
664
  --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
655
- --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
656
665
  --seed-color-bg-positive-solid: var(--seed-color-palette-green-500);
657
666
  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-600);
667
+ --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
658
668
  --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
659
- --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
669
+ --seed-color-bg-transparent: #fff0;
670
+ --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-white-alpha-50);
660
671
  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-800);
661
672
  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-900);
673
+ --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
662
674
  --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
663
- --seed-color-bg-transparent: #fff0;
664
- --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-white-alpha-50);
665
- --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
666
675
  --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
667
- --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
676
+ --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
668
677
  --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
669
- --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
678
+ --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
670
679
  --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
680
+ --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
671
681
  --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
672
- --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
673
- --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
674
682
  --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-white-alpha-100);
683
+ --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
675
684
  --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-white-alpha-50);
676
- --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
685
+ --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
677
686
  --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
678
- --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
687
+ --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
679
688
  --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
689
+ --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
690
+ --seed-color-manner-temp-l1-bg: #292929;
680
691
  --seed-color-manner-temp-l1-text: #b8b8b9;
692
+ --seed-color-manner-temp-l10-bg: #34040a;
693
+ --seed-color-manner-temp-l10-text: #fb6f82;
694
+ --seed-color-manner-temp-l2-bg: #332605;
681
695
  --seed-color-manner-temp-l2-text: #f5db97;
696
+ --seed-color-manner-temp-l3-bg: #372b01;
682
697
  --seed-color-manner-temp-l3-text: #fdda65;
683
- --seed-color-manner-temp-l4-text: #fbbe55;
684
698
  --seed-color-manner-temp-l4-bg: #372301;
685
- --seed-color-manner-temp-l5-text: #faac4b;
686
- --seed-color-manner-temp-l6-text: #fc9855;
687
- --seed-color-manner-temp-l1-bg: #292929;
688
- --seed-color-manner-temp-l2-bg: #332605;
689
- --seed-color-manner-temp-l3-bg: #372b01;
699
+ --seed-color-manner-temp-l4-text: #fbbe55;
690
700
  --seed-color-manner-temp-l5-bg: #371f01;
701
+ --seed-color-manner-temp-l5-text: #faac4b;
691
702
  --seed-color-manner-temp-l6-bg: #351b03;
692
- --seed-color-manner-temp-l7-text: #f97a25;
703
+ --seed-color-manner-temp-l6-text: #fc9855;
693
704
  --seed-color-manner-temp-l7-bg: #371701;
694
- --seed-color-manner-temp-l8-text: #fe6a34;
695
- --seed-color-manner-temp-l9-text: #fe6a5d;
705
+ --seed-color-manner-temp-l7-text: #f97a25;
696
706
  --seed-color-manner-temp-l8-bg: #380f00;
707
+ --seed-color-manner-temp-l8-text: #fe6a34;
697
708
  --seed-color-manner-temp-l9-bg: #380500;
698
- --seed-color-manner-temp-l10-text: #fb6f82;
699
- --seed-color-manner-temp-l10-bg: #34040a;
709
+ --seed-color-manner-temp-l9-text: #fe6a5d;
710
+ --seed-color-banner-blue: #0d2a3a;
711
+ --seed-color-banner-cool-gray: #242c33;
712
+ --seed-color-banner-green: #1e361c;
713
+ --seed-color-banner-orange: #42230a;
714
+ --seed-color-banner-pink: #3b172c;
715
+ --seed-color-banner-purple: #2e1e45;
716
+ --seed-color-banner-red: #3a0f15;
717
+ --seed-color-banner-teal: #143633;
718
+ --seed-color-banner-warm-gray: #2f2b27;
719
+ --seed-color-banner-yellow: #3e2b00;
700
720
  --seed-gradient-fade-layer-floating: #1d202500 0%, #000 100%;
701
721
  --seed-gradient-fade-layer-default: #000 0%, #16171b00 100%;
702
722
  --seed-gradient-glow-magic: #2d252d 0%, #3a312b 80%, #333232 100%;
703
723
  --seed-gradient-glow-magic-pressed: #3e333e 0%, #51453e 80%, #434242 100%;
704
- --seed-gradient-shimmer-neutral: #fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;
705
- --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;
706
- --seed-gradient-highlight-magic-pressed: #ff9e65 20%, #e89bee 100%;
707
724
  --seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
725
+ --seed-gradient-highlight-magic-pressed: #ff9e65 20%, #e89bee 100%;
726
+ --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;
727
+ --seed-gradient-shimmer-neutral: #fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;
708
728
  --seed-shadow-s1: 0px 1px 4px 0px #00000080;
709
729
  --seed-shadow-s2: 0px 2px 10px 0px #000000ad;
710
730
  --seed-shadow-s3: 0px 4px 16px 0px #000c;
@@ -1578,6 +1598,24 @@
1578
1598
  transform: translate3d(0, 0, 0);
1579
1599
  }
1580
1600
 
1601
+ [data-global-transition-state="enter-active"] .seed-app-bar__root--transitionStyle_fadeIn[data-activity-is-top] {
1602
+ --seed-enter-translate-x: 0;
1603
+ --seed-enter-translate-y: 0;
1604
+ --seed-enter-opacity: 0;
1605
+ --seed-enter-scale: 1;
1606
+ opacity: 1;
1607
+ animation: .3s ease-out seed-enter;
1608
+ }
1609
+
1610
+ [data-global-transition-state="exit-active"] .seed-app-bar__root--transitionStyle_fadeIn[data-activity-is-top] {
1611
+ opacity: 1;
1612
+ --seed-exit-translate-x: 0;
1613
+ --seed-exit-translate-y: 0;
1614
+ --seed-exit-opacity: 0;
1615
+ --seed-exit-scale: 1;
1616
+ animation: .15s ease-in forwards seed-exit;
1617
+ }
1618
+
1581
1619
  .seed-app-bar__root--tone_layer:before {
1582
1620
  background-color: var(--seed-color-bg-layer-default);
1583
1621
  }
@@ -1645,6 +1683,7 @@
1645
1683
  justify-content: flex-start;
1646
1684
  align-items: center;
1647
1685
  width: 100%;
1686
+ min-width: 0;
1648
1687
  height: 100%;
1649
1688
  display: flex;
1650
1689
  }
@@ -1813,11 +1852,6 @@
1813
1852
  --app-bar-height: 44px;
1814
1853
  }
1815
1854
 
1816
- .seed-app-screen__dim--theme_cupertino {
1817
- background: var(--seed-color-bg-overlay);
1818
- height: 100%;
1819
- }
1820
-
1821
1855
  .seed-app-screen__root--theme_android {
1822
1856
  --app-bar-height: 56px;
1823
1857
  }
@@ -1925,6 +1959,11 @@
1925
1959
  animation: none !important;
1926
1960
  }
1927
1961
 
1962
+ .seed-app-screen__dim--transitionStyle_slideFromRightIOS {
1963
+ background: var(--seed-color-bg-overlay);
1964
+ height: 100%;
1965
+ }
1966
+
1928
1967
  [data-global-transition-state="enter-active"] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top] {
1929
1968
  --seed-enter-translate-x: 0;
1930
1969
  --seed-enter-translate-y: 0;
@@ -2025,6 +2064,35 @@
2025
2064
  transform: translate3d(0, 0, 0);
2026
2065
  }
2027
2066
 
2067
+ .seed-app-screen__root--transitionStyle_fadeIn {
2068
+ --z-index-dim: calc(var(--z-index-base) + 0);
2069
+ --z-index-layer: calc(var(--z-index-base) + 3);
2070
+ --z-index-edge: calc(var(--z-index-base) + 4);
2071
+ --z-index-app-bar: calc(var(--z-index-base) + 4);
2072
+ }
2073
+
2074
+ .seed-app-screen__dim--transitionStyle_fadeIn {
2075
+ display: none;
2076
+ }
2077
+
2078
+ [data-global-transition-state="enter-active"] .seed-app-screen__layer--transitionStyle_fadeIn[data-activity-is-top] {
2079
+ --seed-enter-translate-x: 0;
2080
+ --seed-enter-translate-y: 0;
2081
+ --seed-enter-opacity: 0;
2082
+ --seed-enter-scale: 1;
2083
+ opacity: 1;
2084
+ animation: .3s ease-out seed-enter;
2085
+ }
2086
+
2087
+ [data-global-transition-state="exit-active"] .seed-app-screen__layer--transitionStyle_fadeIn[data-activity-is-top] {
2088
+ opacity: 1;
2089
+ --seed-exit-translate-x: 0;
2090
+ --seed-exit-translate-y: 0;
2091
+ --seed-exit-opacity: 0;
2092
+ --seed-exit-scale: 1;
2093
+ animation: .15s ease-in forwards seed-exit;
2094
+ }
2095
+
2028
2096
  .seed-app-screen__layer--layerOffsetTop_safeArea {
2029
2097
  padding-top: var(--seed-safe-area-top);
2030
2098
  }
@@ -3014,6 +3082,7 @@
3014
3082
 
3015
3083
  .seed-checkmark__icon--variant_ghost {
3016
3084
  color: var(--seed-color-fg-placeholder);
3085
+ transition: color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
3017
3086
  display: block;
3018
3087
  }
3019
3088
 
@@ -3062,7 +3131,7 @@
3062
3131
  }
3063
3132
 
3064
3133
  .seed-checkmark__icon--variant_ghost-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
3065
- color: var(--seed-color-fg-neutral-muted);
3134
+ color: var(--seed-color-fg-neutral);
3066
3135
  }
3067
3136
 
3068
3137
  .seed-checkmark__root--variant_ghost-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
@@ -5190,6 +5259,7 @@
5190
5259
  font-weight: var(--seed-font-weight-regular);
5191
5260
  border: none;
5192
5261
  outline: none;
5262
+ margin: 0;
5193
5263
  font-family: inherit;
5194
5264
  display: flex;
5195
5265
  }
@@ -5895,6 +5965,7 @@
5895
5965
  border-radius: var(--seed-radius-full);
5896
5966
  background-color: var(--seed-color-bg-neutral-weak);
5897
5967
  isolation: isolate;
5968
+ grid-auto-rows: 1fr;
5898
5969
  grid-auto-columns: 1fr;
5899
5970
  grid-auto-flow: column;
5900
5971
  align-items: center;
@@ -7088,6 +7159,150 @@
7088
7159
  --seed-font-weight: var(--seed-font-weight-bold);
7089
7160
  }
7090
7161
 
7162
+ .seed-text--textStyle_t1StaticRegular {
7163
+ --seed-font-size: var(--seed-font-size-t1-static);
7164
+ --seed-line-height: var(--seed-line-height-t1-static);
7165
+ --seed-font-weight: var(--seed-font-weight-regular);
7166
+ }
7167
+
7168
+ .seed-text--textStyle_t1StaticMedium {
7169
+ --seed-font-size: var(--seed-font-size-t1-static);
7170
+ --seed-line-height: var(--seed-line-height-t1-static);
7171
+ --seed-font-weight: var(--seed-font-weight-medium);
7172
+ }
7173
+
7174
+ .seed-text--textStyle_t1StaticBold {
7175
+ --seed-font-size: var(--seed-font-size-t1-static);
7176
+ --seed-line-height: var(--seed-line-height-t1-static);
7177
+ --seed-font-weight: var(--seed-font-weight-bold);
7178
+ }
7179
+
7180
+ .seed-text--textStyle_t2StaticRegular {
7181
+ --seed-font-size: var(--seed-font-size-t2-static);
7182
+ --seed-line-height: var(--seed-line-height-t2-static);
7183
+ --seed-font-weight: var(--seed-font-weight-regular);
7184
+ }
7185
+
7186
+ .seed-text--textStyle_t2StaticMedium {
7187
+ --seed-font-size: var(--seed-font-size-t2-static);
7188
+ --seed-line-height: var(--seed-line-height-t2-static);
7189
+ --seed-font-weight: var(--seed-font-weight-medium);
7190
+ }
7191
+
7192
+ .seed-text--textStyle_t2StaticBold {
7193
+ --seed-font-size: var(--seed-font-size-t2-static);
7194
+ --seed-line-height: var(--seed-line-height-t2-static);
7195
+ --seed-font-weight: var(--seed-font-weight-bold);
7196
+ }
7197
+
7198
+ .seed-text--textStyle_t3StaticRegular {
7199
+ --seed-font-size: var(--seed-font-size-t3-static);
7200
+ --seed-line-height: var(--seed-line-height-t3-static);
7201
+ --seed-font-weight: var(--seed-font-weight-regular);
7202
+ }
7203
+
7204
+ .seed-text--textStyle_t3StaticMedium {
7205
+ --seed-font-size: var(--seed-font-size-t3-static);
7206
+ --seed-line-height: var(--seed-line-height-t3-static);
7207
+ --seed-font-weight: var(--seed-font-weight-medium);
7208
+ }
7209
+
7210
+ .seed-text--textStyle_t3StaticBold {
7211
+ --seed-font-size: var(--seed-font-size-t3-static);
7212
+ --seed-line-height: var(--seed-line-height-t3-static);
7213
+ --seed-font-weight: var(--seed-font-weight-bold);
7214
+ }
7215
+
7216
+ .seed-text--textStyle_t4StaticRegular {
7217
+ --seed-font-size: var(--seed-font-size-t4-static);
7218
+ --seed-line-height: var(--seed-line-height-t4-static);
7219
+ --seed-font-weight: var(--seed-font-weight-regular);
7220
+ }
7221
+
7222
+ .seed-text--textStyle_t4StaticMedium {
7223
+ --seed-font-size: var(--seed-font-size-t4-static);
7224
+ --seed-line-height: var(--seed-line-height-t4-static);
7225
+ --seed-font-weight: var(--seed-font-weight-medium);
7226
+ }
7227
+
7228
+ .seed-text--textStyle_t4StaticBold {
7229
+ --seed-font-size: var(--seed-font-size-t4-static);
7230
+ --seed-line-height: var(--seed-line-height-t4-static);
7231
+ --seed-font-weight: var(--seed-font-weight-bold);
7232
+ }
7233
+
7234
+ .seed-text--textStyle_t5StaticRegular {
7235
+ --seed-font-size: var(--seed-font-size-t5-static);
7236
+ --seed-line-height: var(--seed-line-height-t5-static);
7237
+ --seed-font-weight: var(--seed-font-weight-regular);
7238
+ }
7239
+
7240
+ .seed-text--textStyle_t5StaticMedium {
7241
+ --seed-font-size: var(--seed-font-size-t5-static);
7242
+ --seed-line-height: var(--seed-line-height-t5-static);
7243
+ --seed-font-weight: var(--seed-font-weight-medium);
7244
+ }
7245
+
7246
+ .seed-text--textStyle_t5StaticBold {
7247
+ --seed-font-size: var(--seed-font-size-t5-static);
7248
+ --seed-line-height: var(--seed-line-height-t5-static);
7249
+ --seed-font-weight: var(--seed-font-weight-bold);
7250
+ }
7251
+
7252
+ .seed-text--textStyle_t6StaticRegular {
7253
+ --seed-font-size: var(--seed-font-size-t6-static);
7254
+ --seed-line-height: var(--seed-line-height-t6-static);
7255
+ --seed-font-weight: var(--seed-font-weight-regular);
7256
+ }
7257
+
7258
+ .seed-text--textStyle_t6StaticMedium {
7259
+ --seed-font-size: var(--seed-font-size-t6-static);
7260
+ --seed-line-height: var(--seed-line-height-t6-static);
7261
+ --seed-font-weight: var(--seed-font-weight-medium);
7262
+ }
7263
+
7264
+ .seed-text--textStyle_t6StaticBold {
7265
+ --seed-font-size: var(--seed-font-size-t6-static);
7266
+ --seed-line-height: var(--seed-line-height-t6-static);
7267
+ --seed-font-weight: var(--seed-font-weight-bold);
7268
+ }
7269
+
7270
+ .seed-text--textStyle_t7StaticRegular {
7271
+ --seed-font-size: var(--seed-font-size-t7-static);
7272
+ --seed-line-height: var(--seed-line-height-t7-static);
7273
+ --seed-font-weight: var(--seed-font-weight-regular);
7274
+ }
7275
+
7276
+ .seed-text--textStyle_t7StaticMedium {
7277
+ --seed-font-size: var(--seed-font-size-t7-static);
7278
+ --seed-line-height: var(--seed-line-height-t7-static);
7279
+ --seed-font-weight: var(--seed-font-weight-medium);
7280
+ }
7281
+
7282
+ .seed-text--textStyle_t7StaticBold {
7283
+ --seed-font-size: var(--seed-font-size-t7-static);
7284
+ --seed-line-height: var(--seed-line-height-t7-static);
7285
+ --seed-font-weight: var(--seed-font-weight-bold);
7286
+ }
7287
+
7288
+ .seed-text--textStyle_t8StaticBold {
7289
+ --seed-font-size: var(--seed-font-size-t8-static);
7290
+ --seed-line-height: var(--seed-line-height-t8-static);
7291
+ --seed-font-weight: var(--seed-font-weight-bold);
7292
+ }
7293
+
7294
+ .seed-text--textStyle_t9StaticBold {
7295
+ --seed-font-size: var(--seed-font-size-t9-static);
7296
+ --seed-line-height: var(--seed-line-height-t9-static);
7297
+ --seed-font-weight: var(--seed-font-weight-bold);
7298
+ }
7299
+
7300
+ .seed-text--textStyle_t10StaticBold {
7301
+ --seed-font-size: var(--seed-font-size-t10-static);
7302
+ --seed-line-height: var(--seed-line-height-t10-static);
7303
+ --seed-font-weight: var(--seed-font-weight-bold);
7304
+ }
7305
+
7091
7306
  .seed-text--maxLines_none {
7092
7307
  overflow: unset;
7093
7308
  min-width: unset;