@seed-design/css 0.1.15 → 0.2.1

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 (90) hide show
  1. package/all.css +95 -96
  2. package/all.min.css +1 -1
  3. package/base.css +36 -28
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/action-button.css +4 -4
  7. package/recipes/action-button.d.ts +3 -3
  8. package/recipes/action-chip.d.ts +2 -2
  9. package/recipes/action-sheet-item.css +1 -1
  10. package/recipes/action-sheet-item.d.ts +1 -1
  11. package/recipes/action-sheet.css +1 -1
  12. package/recipes/app-bar-main.d.ts +4 -4
  13. package/recipes/app-bar.css +1 -1
  14. package/recipes/app-bar.d.ts +3 -3
  15. package/recipes/app-screen.d.ts +4 -4
  16. package/recipes/avatar.css +1 -1
  17. package/recipes/avatar.d.ts +1 -1
  18. package/recipes/badge.css +6 -6
  19. package/recipes/badge.d.ts +3 -3
  20. package/recipes/bottom-sheet.d.ts +1 -1
  21. package/recipes/callout.d.ts +1 -1
  22. package/recipes/checkbox.css +2 -2
  23. package/recipes/checkbox.d.ts +3 -3
  24. package/recipes/chip-tabs.d.ts +2 -2
  25. package/recipes/chip.css +36 -36
  26. package/recipes/chip.d.ts +3 -3
  27. package/recipes/contextual-floating-button.d.ts +2 -2
  28. package/recipes/control-chip.css +1 -1
  29. package/recipes/control-chip.d.ts +2 -2
  30. package/recipes/extended-action-sheet-item.css +1 -1
  31. package/recipes/extended-action-sheet-item.d.ts +1 -1
  32. package/recipes/extended-fab.d.ts +2 -2
  33. package/recipes/identity-placeholder.d.ts +1 -1
  34. package/recipes/inline-banner.d.ts +1 -1
  35. package/recipes/link-content.d.ts +2 -2
  36. package/recipes/manner-temp-badge.d.ts +1 -1
  37. package/recipes/manner-temp.d.ts +1 -1
  38. package/recipes/menu-sheet-item.css +1 -1
  39. package/recipes/menu-sheet-item.d.ts +2 -2
  40. package/recipes/notification-badge-positioner.d.ts +2 -2
  41. package/recipes/notification-badge.d.ts +1 -1
  42. package/recipes/page-banner.d.ts +2 -2
  43. package/recipes/progress-circle.d.ts +1 -1
  44. package/recipes/radio.css +1 -1
  45. package/recipes/radio.d.ts +1 -1
  46. package/recipes/reaction-button.css +3 -3
  47. package/recipes/reaction-button.d.ts +1 -1
  48. package/recipes/select-box.css +4 -4
  49. package/recipes/skeleton.d.ts +1 -1
  50. package/recipes/snackbar.d.ts +1 -1
  51. package/recipes/tabs.css +1 -1
  52. package/recipes/tabs.d.ts +3 -3
  53. package/recipes/text-field.css +3 -3
  54. package/recipes/text-field.d.ts +1 -1
  55. package/recipes/text.d.ts +3 -3
  56. package/recipes/toggle-button.d.ts +2 -2
  57. package/vars/color/fg.d.ts +3 -3
  58. package/vars/color/fg.mjs +3 -3
  59. package/vars/color/stroke.d.ts +14 -10
  60. package/vars/color/stroke.mjs +14 -10
  61. package/vars/component/action-button.d.ts +4 -4
  62. package/vars/component/action-button.mjs +4 -4
  63. package/vars/component/action-sheet.d.ts +1 -1
  64. package/vars/component/action-sheet.mjs +1 -1
  65. package/vars/component/avatar.d.ts +1 -1
  66. package/vars/component/avatar.mjs +1 -1
  67. package/vars/component/badge.d.ts +6 -6
  68. package/vars/component/badge.mjs +6 -6
  69. package/vars/component/checkbox.d.ts +2 -2
  70. package/vars/component/checkbox.mjs +2 -2
  71. package/vars/component/chip.d.ts +3 -94
  72. package/vars/component/chip.mjs +3 -94
  73. package/vars/component/control-chip.d.ts +1 -1
  74. package/vars/component/control-chip.mjs +1 -1
  75. package/vars/component/extended-action-sheet.d.ts +1 -1
  76. package/vars/component/extended-action-sheet.mjs +1 -1
  77. package/vars/component/menu-sheet.d.ts +1 -1
  78. package/vars/component/menu-sheet.mjs +1 -1
  79. package/vars/component/radio.d.ts +1 -1
  80. package/vars/component/radio.mjs +1 -1
  81. package/vars/component/reaction-button.d.ts +1 -1
  82. package/vars/component/reaction-button.mjs +1 -1
  83. package/vars/component/select-box.d.ts +4 -4
  84. package/vars/component/select-box.mjs +4 -4
  85. package/vars/component/tablist.d.ts +1 -1
  86. package/vars/component/tablist.mjs +1 -1
  87. package/vars/component/text-field.d.ts +4 -4
  88. package/vars/component/text-field.mjs +4 -4
  89. package/vars/component/top-navigation.d.ts +1 -1
  90. package/vars/component/top-navigation.mjs +1 -1
package/base.css CHANGED
@@ -405,13 +405,13 @@
405
405
  --seed-color-palette-yellow-900: #4f3e1f;
406
406
  --seed-color-palette-yellow-1000: #2c2512;
407
407
  --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
408
+ --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
409
+ --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
408
410
  --seed-color-fg-brand: var(--seed-color-palette-carrot-600);
411
+ --seed-color-fg-informative: var(--seed-color-palette-blue-700);
409
412
  --seed-color-fg-critical: var(--seed-color-palette-red-700);
410
413
  --seed-color-fg-positive: var(--seed-color-palette-green-700);
411
414
  --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
412
- --seed-color-fg-informative: var(--seed-color-palette-blue-700);
413
- --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
414
- --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
415
415
  --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
416
416
  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
417
417
  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
@@ -457,17 +457,21 @@
457
457
  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-300);
458
458
  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-400);
459
459
  --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
460
- --seed-color-stroke-neutral: var(--seed-color-palette-static-black-alpha-300);
461
- --seed-color-stroke-brand: var(--seed-color-palette-carrot-300);
462
- --seed-color-stroke-positive: var(--seed-color-palette-green-300);
463
- --seed-color-stroke-informative: var(--seed-color-palette-blue-300);
464
- --seed-color-stroke-warning: var(--seed-color-palette-yellow-300);
465
- --seed-color-stroke-critical: var(--seed-color-palette-red-300);
466
- --seed-color-stroke-field: var(--seed-color-palette-gray-400);
467
- --seed-color-stroke-control: var(--seed-color-palette-gray-400);
468
- --seed-color-stroke-field-focused: var(--seed-color-palette-gray-800);
469
- --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-black-alpha-200);
470
- --seed-color-stroke-on-image: var(--seed-color-palette-static-black-alpha-200);
460
+ --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
461
+ --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
462
+ --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
463
+ --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
464
+ --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
465
+ --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
466
+ --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
467
+ --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
468
+ --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
469
+ --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-black-alpha-300);
470
+ --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-black-alpha-200);
471
+ --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
472
+ --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
473
+ --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
474
+ --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
471
475
  --seed-color-manner-temp-l1-text: #62666a;
472
476
  --seed-color-manner-temp-l2-text: #2592f7;
473
477
  --seed-color-manner-temp-l3-text: #0099c8;
@@ -586,13 +590,13 @@
586
590
  --seed-color-palette-yellow-900: #e5d49b;
587
591
  --seed-color-palette-yellow-1000: #f7f0cd;
588
592
  --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
593
+ --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
594
+ --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
589
595
  --seed-color-fg-brand: var(--seed-color-palette-carrot-700);
596
+ --seed-color-fg-informative: var(--seed-color-palette-blue-700);
590
597
  --seed-color-fg-critical: var(--seed-color-palette-red-700);
591
598
  --seed-color-fg-positive: var(--seed-color-palette-green-700);
592
599
  --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
593
- --seed-color-fg-informative: var(--seed-color-palette-blue-700);
594
- --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
595
- --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
596
600
  --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
597
601
  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
598
602
  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
@@ -638,17 +642,21 @@
638
642
  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-600);
639
643
  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-700);
640
644
  --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
641
- --seed-color-stroke-neutral: var(--seed-color-palette-static-white-alpha-100);
642
- --seed-color-stroke-brand: var(--seed-color-palette-carrot-300);
643
- --seed-color-stroke-positive: var(--seed-color-palette-green-300);
644
- --seed-color-stroke-informative: var(--seed-color-palette-blue-300);
645
- --seed-color-stroke-warning: var(--seed-color-palette-yellow-300);
646
- --seed-color-stroke-critical: var(--seed-color-palette-red-300);
647
- --seed-color-stroke-field: var(--seed-color-palette-gray-400);
648
- --seed-color-stroke-control: var(--seed-color-palette-gray-400);
649
- --seed-color-stroke-field-focused: var(--seed-color-palette-gray-800);
650
- --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-white-alpha-50);
651
- --seed-color-stroke-on-image: var(--seed-color-palette-static-white-alpha-50);
645
+ --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
646
+ --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
647
+ --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
648
+ --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
649
+ --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
650
+ --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
651
+ --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
652
+ --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
653
+ --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
654
+ --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-white-alpha-100);
655
+ --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-white-alpha-50);
656
+ --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
657
+ --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
658
+ --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
659
+ --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
652
660
  --seed-color-manner-temp-l1-text: #b1b5b9;
653
661
  --seed-color-manner-temp-l2-text: #7cbaf4;
654
662
  --seed-color-manner-temp-l3-text: #47c3eb;
package/base.min.css CHANGED
@@ -1 +1 @@
1
- :root{--seed-safe-area-top:0px;--seed-safe-area-bottom:0px}@supports (left:constant(safe-area-inset-left)){:root{--seed-safe-area-top:constant(safe-area-inset-top);--seed-safe-area-bottom:constant(safe-area-inset-bottom)}}@supports (left:env(safe-area-inset-left)){:root{--seed-safe-area-top:env(safe-area-inset-top);--seed-safe-area-bottom:env(safe-area-inset-bottom)}}:root{--seed-font-size-multiplier:1;--seed-font-size-limit-min:.8;--seed-font-size-limit-max:1.5;--seed-line-height-limit-min:.8;--seed-line-height-limit-max:1.5}[data-seed-platform=ios]{--seed-font-size-limit-max:1.35;--seed-line-height-limit-max:1.35}@supports (font:-apple-system-body){html[data-seed-platform=ios][data-seed-font-scaling=enabled]{--seed-font-size-multiplier:.9412;font:-apple-system-body}}.seed-loading-indicator{display:inline-flex;position:absolute}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-icon{width:var(--seed-icon-size);height:var(--seed-icon-size);color:var(--seed-icon-color,currentColor)}.seed-prefix-icon{width:var(--seed-prefix-icon-size);height:var(--seed-prefix-icon-size);color:var(--seed-prefix-icon-color,currentColor);margin-left:var(--seed-prefix-icon-margin-left);margin-right:var(--seed-prefix-icon-margin-right);margin-top:var(--seed-prefix-icon-margin-top);align-self:var(--seed-prefix-icon-align-self);justify-self:var(--seed-prefix-icon-justify-self)}.seed-suffix-icon{width:var(--seed-suffix-icon-size);height:var(--seed-suffix-icon-size);color:var(--seed-suffix-icon-color,currentColor);margin-left:var(--seed-suffix-icon-margin-left);margin-right:var(--seed-suffix-icon-margin-right);margin-top:var(--seed-suffix-icon-margin-top);align-self:var(--seed-suffix-icon-align-self);justify-self:var(--seed-suffix-icon-justify-self)}.seed-count{font-size:var(--seed-count-font-size);line-height:var(--seed-count-line-height);font-weight:var(--seed-count-font-weight);color:var(--seed-count-color)}.seed-box{--seed-box-background:initial;--seed-box-color:initial;background:var(--seed-box-background);color:var(--seed-box-color);--seed-box-border-style:solid;--seed-box-border-color:initial;border-style:var(--seed-box-border-style);border-color:var(--seed-box-border-color);--seed-box-border-width:0;--seed-box-border-top-width:var(--seed-box-border-width);--seed-box-border-bottom-width:var(--seed-box-border-width);--seed-box-border-left-width:var(--seed-box-border-width);--seed-box-border-right-width:var(--seed-box-border-width);border-top-width:var(--seed-box-border-top-width);border-bottom-width:var(--seed-box-border-bottom-width);border-left-width:var(--seed-box-border-left-width);border-right-width:var(--seed-box-border-right-width);--seed-box-padding:0;--seed-box-padding-y:var(--seed-box-padding);--seed-box-padding-x:var(--seed-box-padding);--seed-box-padding-bottom:var(--seed-box-padding-y);--seed-box-padding-top:var(--seed-box-padding-y);--seed-box-padding-left:var(--seed-box-padding-x);--seed-box-padding-right:var(--seed-box-padding-x);padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-height:initial;--seed-box-min-width:initial;--seed-box-max-width:initial;--seed-box-width:initial;min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);height:var(--seed-box-height);min-width:var(--seed-box-min-width);max-width:var(--seed-box-max-width);width:var(--seed-box-width);--seed-box-top:initial;--seed-box-bottom:initial;--seed-box-left:initial;--seed-box-right:initial;top:var(--seed-box-top);bottom:var(--seed-box-bottom);left:var(--seed-box-left);right:var(--seed-box-right);--seed-box-border-radius:initial;--seed-box-border-bottom-left-radius:var(--seed-box-border-radius);--seed-box-border-bottom-right-radius:var(--seed-box-border-radius);--seed-box-border-top-left-radius:var(--seed-box-border-radius);--seed-box-border-top-right-radius:var(--seed-box-border-radius);border-bottom-left-radius:var(--seed-box-border-bottom-left-radius);border-bottom-right-radius:var(--seed-box-border-bottom-right-radius);border-top-left-radius:var(--seed-box-border-top-left-radius);border-top-right-radius:var(--seed-box-border-top-right-radius);--seed-box-display:block;--seed-box-position:initial;display:var(--seed-box-display);position:var(--seed-box-position);--seed-box-unstable-transform:initial;transform:var(--seed-box-unstable-transform);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-overflow-x:initial;--seed-box-overflow-y:initial;overflow-x:var(--seed-box-overflow-x);overflow-y:var(--seed-box-overflow-y);--seed-box-flex-grow:initial;--seed-box-flex-shrink:initial;flex-grow:var(--seed-box-flex-grow);flex-shrink:var(--seed-box-flex-shrink);--seed-box-flex-direction:initial;--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap:initial;flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);align-content:var(--seed-box-align-content);align-self:var(--seed-box-align-self);gap:var(--seed-box-gap)}.seed-box:is(:active,[data-active]){--seed-box-background--active:var(--seed-box-background);background:var(--seed-box-background--active)}.seed-consistent-width:before{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-regular);display:block}.seed-consistent-width:after{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-bold);display:block}:root,[data-seed-color-mode=system]{color-scheme:light dark}[data-seed-color-mode=light-only]{color-scheme:light}[data-seed-color-mode=dark-only]{color-scheme:dark}:root{--seed-dimension-x0_5:2px;--seed-dimension-x1:4px;--seed-dimension-x1_5:6px;--seed-dimension-x2:8px;--seed-dimension-x2_5:10px;--seed-dimension-x3:12px;--seed-dimension-x3_5:14px;--seed-dimension-x4:16px;--seed-dimension-x4_5:18px;--seed-dimension-x5:20px;--seed-dimension-x6:24px;--seed-dimension-x7:28px;--seed-dimension-x8:32px;--seed-dimension-x9:36px;--seed-dimension-x10:40px;--seed-dimension-x12:48px;--seed-dimension-x13:52px;--seed-dimension-x14:56px;--seed-dimension-x16:64px;--seed-dimension-spacing-x-between-chips:var(--seed-dimension-x2);--seed-dimension-spacing-x-global-gutter:var(--seed-dimension-x4);--seed-dimension-spacing-y-component-default:var(--seed-dimension-x3);--seed-dimension-spacing-y-nav-to-title:var(--seed-dimension-x5);--seed-dimension-spacing-y-screen-bottom:var(--seed-dimension-x14);--seed-dimension-spacing-y-between-text:var(--seed-dimension-x1_5);--seed-duration-d1:50ms;--seed-duration-d2:.1s;--seed-duration-d3:.15s;--seed-duration-d4:.2s;--seed-duration-d5:.25s;--seed-duration-d6:.3s;--seed-font-size-t1:clamp(calc(var(--seed-font-size-t1-static)*var(--seed-font-size-limit-min,.8)),calc(.6875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t1-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t2:clamp(calc(var(--seed-font-size-t2-static)*var(--seed-font-size-limit-min,.8)),calc(.75rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t2-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t3:clamp(calc(var(--seed-font-size-t3-static)*var(--seed-font-size-limit-min,.8)),calc(.8125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t3-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t4:clamp(calc(var(--seed-font-size-t4-static)*var(--seed-font-size-limit-min,.8)),calc(.875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t4-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t5:clamp(calc(var(--seed-font-size-t5-static)*var(--seed-font-size-limit-min,.8)),calc(1rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t5-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t6:clamp(calc(var(--seed-font-size-t6-static)*var(--seed-font-size-limit-min,.8)),calc(1.125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t6-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t7:clamp(calc(var(--seed-font-size-t7-static)*var(--seed-font-size-limit-min,.8)),calc(1.25rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t7-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t8:clamp(calc(var(--seed-font-size-t8-static)*var(--seed-font-size-limit-min,.8)),calc(1.375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t8-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t9:clamp(calc(var(--seed-font-size-t9-static)*var(--seed-font-size-limit-min,.8)),calc(1.5rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t9-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t10:clamp(calc(var(--seed-font-size-t10-static)*var(--seed-font-size-limit-min,.8)),calc(1.625rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t10-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t1-static:11px;--seed-font-size-t2-static:12px;--seed-font-size-t3-static:13px;--seed-font-size-t4-static:14px;--seed-font-size-t5-static:16px;--seed-font-size-t6-static:18px;--seed-font-size-t7-static:20px;--seed-font-size-t8-static:22px;--seed-font-size-t9-static:24px;--seed-font-size-t10-static:26px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:clamp(calc(var(--seed-line-height-t1-static)*var(--seed-line-height-limit-min,.8)),calc(.9375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t1-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t2:clamp(calc(var(--seed-line-height-t2-static)*var(--seed-line-height-limit-min,.8)),calc(1rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t2-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t3:clamp(calc(var(--seed-line-height-t3-static)*var(--seed-line-height-limit-min,.8)),calc(1.125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t3-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t4:clamp(calc(var(--seed-line-height-t4-static)*var(--seed-line-height-limit-min,.8)),calc(1.1875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t4-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t5:clamp(calc(var(--seed-line-height-t5-static)*var(--seed-line-height-limit-min,.8)),calc(1.375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t5-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t6:clamp(calc(var(--seed-line-height-t6-static)*var(--seed-line-height-limit-min,.8)),calc(1.5rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t6-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t7:clamp(calc(var(--seed-line-height-t7-static)*var(--seed-line-height-limit-min,.8)),calc(1.6875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t7-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t8:clamp(calc(var(--seed-line-height-t8-static)*var(--seed-line-height-limit-min,.8)),calc(1.875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t8-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t9:clamp(calc(var(--seed-line-height-t9-static)*var(--seed-line-height-limit-min,.8)),calc(2rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t9-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t10:clamp(calc(var(--seed-line-height-t10-static)*var(--seed-line-height-limit-min,.8)),calc(2.1875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t10-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t1-static:15px;--seed-line-height-t2-static:16px;--seed-line-height-t3-static:18px;--seed-line-height-t4-static:19px;--seed-line-height-t5-static:22px;--seed-line-height-t6-static:24px;--seed-line-height-t7-static:27px;--seed-line-height-t8-static:30px;--seed-line-height-t9-static:32px;--seed-line-height-t10-static:35px;--seed-radius-r0_5:2px;--seed-radius-r1:4px;--seed-radius-r1_5:6px;--seed-radius-r2:8px;--seed-radius-r2_5:10px;--seed-radius-r3:12px;--seed-radius-r3_5:14px;--seed-radius-r4:16px;--seed-radius-r5:20px;--seed-radius-r6:24px;--seed-radius-full:9999px;--seed-timing-function-linear:cubic-bezier(0,0,1,1);--seed-timing-function-easing:cubic-bezier(.35,0,.35,1);--seed-timing-function-enter:cubic-bezier(0,0,.15,1);--seed-timing-function-exit:cubic-bezier(.35,0,1,1);--seed-timing-function-enter-expressive:cubic-bezier(.03,.4,.1,1);--seed-timing-function-exit-expressive:cubic-bezier(.35,0,.95,.55)}: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]{--seed-color-palette-blue-100:#eff6ff;--seed-color-palette-blue-200:#e2edfc;--seed-color-palette-blue-300:#cbdffa;--seed-color-palette-blue-400:#aacefd;--seed-color-palette-blue-500:#85b8fd;--seed-color-palette-blue-600:#5e98fe;--seed-color-palette-blue-700:#217cf9;--seed-color-palette-blue-800:#135fcd;--seed-color-palette-blue-900:#0b4596;--seed-color-palette-blue-1000:#032451;--seed-color-palette-carrot-100:#fff2ec;--seed-color-palette-carrot-200:#ffe8db;--seed-color-palette-carrot-300:#ffd5c0;--seed-color-palette-carrot-400:#ffb999;--seed-color-palette-carrot-500:#ff9364;--seed-color-palette-carrot-600:#f60;--seed-color-palette-carrot-700:#e14d00;--seed-color-palette-carrot-800:#b93901;--seed-color-palette-carrot-900:#862b00;--seed-color-palette-carrot-1000:#471601;--seed-color-palette-gray-00:#fff;--seed-color-palette-gray-100:#f7f8f9;--seed-color-palette-gray-200:#f3f4f5;--seed-color-palette-gray-300:#eeeff1;--seed-color-palette-gray-400:#dcdee3;--seed-color-palette-gray-500:#d1d3d8;--seed-color-palette-gray-600:#b0b3ba;--seed-color-palette-gray-700:#868b94;--seed-color-palette-gray-800:#555d6d;--seed-color-palette-gray-900:#2a3038;--seed-color-palette-gray-1000:#1a1c20;--seed-color-palette-green-100:#edfaf6;--seed-color-palette-green-200:#d9f6e9;--seed-color-palette-green-300:#b9e9d2;--seed-color-palette-green-400:#7ddcb3;--seed-color-palette-green-500:#42c593;--seed-color-palette-green-600:#10ab7d;--seed-color-palette-green-700:#079171;--seed-color-palette-green-800:#00745f;--seed-color-palette-green-900:#075445;--seed-color-palette-green-1000:#0a2b24;--seed-color-palette-purple-100:#f5f3fe;--seed-color-palette-purple-200:#efeafe;--seed-color-palette-purple-300:#e1d8ff;--seed-color-palette-purple-400:#d0c0ff;--seed-color-palette-purple-500:#b8a1ff;--seed-color-palette-purple-600:#9f84fb;--seed-color-palette-purple-700:#8969ea;--seed-color-palette-purple-800:#6d50cb;--seed-color-palette-purple-900:#50379b;--seed-color-palette-purple-1000:#29175d;--seed-color-palette-red-100:#fdf0f0;--seed-color-palette-red-200:#fde7e7;--seed-color-palette-red-300:#fed4d2;--seed-color-palette-red-400:#feb7b3;--seed-color-palette-red-500:#fe928d;--seed-color-palette-red-600:#fc6a66;--seed-color-palette-red-700:#fa342c;--seed-color-palette-red-800:#ca1d13;--seed-color-palette-red-900:#921708;--seed-color-palette-red-1000:#4a1209;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#fff7de;--seed-color-palette-yellow-200:#fdefb9;--seed-color-palette-yellow-300:#fbdc65;--seed-color-palette-yellow-400:#e9c647;--seed-color-palette-yellow-500:#d4ab28;--seed-color-palette-yellow-600:#c49725;--seed-color-palette-yellow-700:#9b7821;--seed-color-palette-yellow-800:#755b22;--seed-color-palette-yellow-900:#4f3e1f;--seed-color-palette-yellow-1000:#2c2512;--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--seed-color-bg-brand-weak:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-600);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid:var(--seed-color-palette-red-700);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-800);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-700);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-800);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default:var(--seed-color-palette-gray-00);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid:var(--seed-color-palette-green-700);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-800);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-300);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-400);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-neutral:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-warning:var(--seed-color-palette-yellow-300);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-on-image:var(--seed-color-palette-static-black-alpha-200);--seed-color-manner-temp-l1-text:#62666a;--seed-color-manner-temp-l2-text:#2592f7;--seed-color-manner-temp-l3-text:#0099c8;--seed-color-manner-temp-l4-text:#03a07e;--seed-color-manner-temp-l4-bg:#ebf9f4;--seed-color-manner-temp-l5-text:#d28500;--seed-color-manner-temp-l6-text:#f06000;--seed-color-manner-temp-l1-bg:#eff0f1;--seed-color-manner-temp-l2-bg:#e7f2fc;--seed-color-manner-temp-l3-bg:#e3f6fc;--seed-color-manner-temp-l5-bg:#fff5e5;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-gradient-fade-layer-floating:#fff0 0%,#000 100%;--seed-gradient-fade-layer-default:#000 0%,#fff0 100%;--seed-gradient-glow-magic:#fef6f7 0%,#fef0e7 80%,#f9f7f5 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%,#ffe8db 80%,#f5f2ef 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#fff6 46%,#fff6 54%,#fff0 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f58a 46%,#fff9f58a 54%,#fff9f500 100%;--seed-gradient-highlight-magic-pressed:#e14f00 20%,#ae58bf 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}: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]{--seed-color-palette-blue-100:#202742;--seed-color-palette-blue-200:#1e3352;--seed-color-palette-blue-300:#1a4275;--seed-color-palette-blue-400:#0f559e;--seed-color-palette-blue-500:#1964d8;--seed-color-palette-blue-600:#1e82eb;--seed-color-palette-blue-700:#41a2f9;--seed-color-palette-blue-800:#83bcf9;--seed-color-palette-blue-900:#b9d7fb;--seed-color-palette-blue-1000:#e5f0fe;--seed-color-palette-carrot-100:#31241f;--seed-color-palette-carrot-200:#4b291c;--seed-color-palette-carrot-300:#6b311c;--seed-color-palette-carrot-400:#923600;--seed-color-palette-carrot-500:#bd4201;--seed-color-palette-carrot-600:#e65200;--seed-color-palette-carrot-700:#f60;--seed-color-palette-carrot-800:#ff9e65;--seed-color-palette-carrot-900:#eecebc;--seed-color-palette-carrot-1000:#f4eeea;--seed-color-palette-gray-00:#000;--seed-color-palette-gray-100:#16171b;--seed-color-palette-gray-200:#1d2025;--seed-color-palette-gray-300:#2b2e35;--seed-color-palette-gray-400:#393d46;--seed-color-palette-gray-500:#5b606a;--seed-color-palette-gray-600:#868b94;--seed-color-palette-gray-700:#b0b3ba;--seed-color-palette-gray-800:#dcdee3;--seed-color-palette-gray-900:#e9eaec;--seed-color-palette-gray-1000:#f3f4f5;--seed-color-palette-green-100:#202926;--seed-color-palette-green-200:#20362e;--seed-color-palette-green-300:#20493b;--seed-color-palette-green-400:#19604c;--seed-color-palette-green-500:#117956;--seed-color-palette-green-600:#1b946d;--seed-color-palette-green-700:#22b27f;--seed-color-palette-green-800:#35ce9a;--seed-color-palette-green-900:#93e5c0;--seed-color-palette-green-1000:#d4f6ef;--seed-color-palette-purple-100:#28213b;--seed-color-palette-purple-200:#3b2873;--seed-color-palette-purple-300:#443081;--seed-color-palette-purple-400:#5a3bb1;--seed-color-palette-purple-500:#764fd9;--seed-color-palette-purple-600:#8e6bee;--seed-color-palette-purple-700:#a78df0;--seed-color-palette-purple-800:#beadf2;--seed-color-palette-purple-900:#d9cefa;--seed-color-palette-purple-1000:#f0edfc;--seed-color-palette-red-100:#322323;--seed-color-palette-red-200:#4f2624;--seed-color-palette-red-300:#742826;--seed-color-palette-red-400:#a12621;--seed-color-palette-red-500:#ca2319;--seed-color-palette-red-600:#f73526;--seed-color-palette-red-700:#ff6e60;--seed-color-palette-red-800:#ffa299;--seed-color-palette-red-900:#f8c5c3;--seed-color-palette-red-1000:#fdf2f2;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#302819;--seed-color-palette-yellow-200:#413218;--seed-color-palette-yellow-300:#543e15;--seed-color-palette-yellow-400:#714e15;--seed-color-palette-yellow-500:#91601b;--seed-color-palette-yellow-600:#b6720d;--seed-color-palette-yellow-700:#ca901c;--seed-color-palette-yellow-800:#dab156;--seed-color-palette-yellow-900:#e5d49b;--seed-color-palette-yellow-1000:#f7f0cd;--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--seed-color-bg-brand-weak:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-800);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid:var(--seed-color-palette-red-600);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-600);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default:var(--seed-color-palette-gray-100);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-200);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-400);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-500);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid:var(--seed-color-palette-green-500);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-600);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-600);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-700);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-neutral:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-warning:var(--seed-color-palette-yellow-300);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-on-image:var(--seed-color-palette-static-white-alpha-50);--seed-color-manner-temp-l1-text:#b1b5b9;--seed-color-manner-temp-l2-text:#7cbaf4;--seed-color-manner-temp-l3-text:#47c3eb;--seed-color-manner-temp-l4-text:#33cc94;--seed-color-manner-temp-l4-bg:#162822;--seed-color-manner-temp-l5-text:#ffa100;--seed-color-manner-temp-l6-text:#ff9147;--seed-color-manner-temp-l1-bg:#222226;--seed-color-manner-temp-l2-bg:#16212b;--seed-color-manner-temp-l3-bg:#12262c;--seed-color-manner-temp-l5-bg:#2e2312;--seed-color-manner-temp-l6-bg:#2e1d12;--seed-gradient-fade-layer-floating:#1d202500 0%,#000 100%;--seed-gradient-fade-layer-default:#000 0%,#16171b00 100%;--seed-gradient-glow-magic:#2d252d 0%,#3a312b 80%,#333232 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%,#51453e 80%,#434242 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#ffffff1a 46%,#ffffff1a 54%,#fff0 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f51a 46%,#fff9f51a 54%,#fff9f500 100%;--seed-gradient-highlight-magic-pressed:#ff9e65 20%,#e89bee 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}@keyframes seed-enter{0%{opacity:var(--seed-enter-opacity,1);transform:translate3d(var(--seed-enter-translate-x,0),var(--seed-enter-translate-y,0),0)scale3d(var(--seed-enter-scale,1),var(--seed-enter-scale,1),var(--seed-enter-scale,1))rotate(var(--seed-enter-rotate,0))}}@keyframes seed-exit{to{opacity:var(--seed-exit-opacity,1);transform:translate3d(var(--seed-exit-translate-x,0),var(--seed-exit-translate-y,0),0)scale3d(var(--seed-exit-scale,1),var(--seed-exit-scale,1),var(--seed-exit-scale,1))rotate(var(--seed-exit-rotate,0))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-circle-head{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes progress-circle-tail{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}}
1
+ :root{--seed-safe-area-top:0px;--seed-safe-area-bottom:0px}@supports (left:constant(safe-area-inset-left)){:root{--seed-safe-area-top:constant(safe-area-inset-top);--seed-safe-area-bottom:constant(safe-area-inset-bottom)}}@supports (left:env(safe-area-inset-left)){:root{--seed-safe-area-top:env(safe-area-inset-top);--seed-safe-area-bottom:env(safe-area-inset-bottom)}}:root{--seed-font-size-multiplier:1;--seed-font-size-limit-min:.8;--seed-font-size-limit-max:1.5;--seed-line-height-limit-min:.8;--seed-line-height-limit-max:1.5}[data-seed-platform=ios]{--seed-font-size-limit-max:1.35;--seed-line-height-limit-max:1.35}@supports (font:-apple-system-body){html[data-seed-platform=ios][data-seed-font-scaling=enabled]{--seed-font-size-multiplier:.9412;font:-apple-system-body}}.seed-loading-indicator{display:inline-flex;position:absolute}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-icon{width:var(--seed-icon-size);height:var(--seed-icon-size);color:var(--seed-icon-color,currentColor)}.seed-prefix-icon{width:var(--seed-prefix-icon-size);height:var(--seed-prefix-icon-size);color:var(--seed-prefix-icon-color,currentColor);margin-left:var(--seed-prefix-icon-margin-left);margin-right:var(--seed-prefix-icon-margin-right);margin-top:var(--seed-prefix-icon-margin-top);align-self:var(--seed-prefix-icon-align-self);justify-self:var(--seed-prefix-icon-justify-self)}.seed-suffix-icon{width:var(--seed-suffix-icon-size);height:var(--seed-suffix-icon-size);color:var(--seed-suffix-icon-color,currentColor);margin-left:var(--seed-suffix-icon-margin-left);margin-right:var(--seed-suffix-icon-margin-right);margin-top:var(--seed-suffix-icon-margin-top);align-self:var(--seed-suffix-icon-align-self);justify-self:var(--seed-suffix-icon-justify-self)}.seed-count{font-size:var(--seed-count-font-size);line-height:var(--seed-count-line-height);font-weight:var(--seed-count-font-weight);color:var(--seed-count-color)}.seed-box{--seed-box-background:initial;--seed-box-color:initial;background:var(--seed-box-background);color:var(--seed-box-color);--seed-box-border-style:solid;--seed-box-border-color:initial;border-style:var(--seed-box-border-style);border-color:var(--seed-box-border-color);--seed-box-border-width:0;--seed-box-border-top-width:var(--seed-box-border-width);--seed-box-border-bottom-width:var(--seed-box-border-width);--seed-box-border-left-width:var(--seed-box-border-width);--seed-box-border-right-width:var(--seed-box-border-width);border-top-width:var(--seed-box-border-top-width);border-bottom-width:var(--seed-box-border-bottom-width);border-left-width:var(--seed-box-border-left-width);border-right-width:var(--seed-box-border-right-width);--seed-box-padding:0;--seed-box-padding-y:var(--seed-box-padding);--seed-box-padding-x:var(--seed-box-padding);--seed-box-padding-bottom:var(--seed-box-padding-y);--seed-box-padding-top:var(--seed-box-padding-y);--seed-box-padding-left:var(--seed-box-padding-x);--seed-box-padding-right:var(--seed-box-padding-x);padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-height:initial;--seed-box-min-width:initial;--seed-box-max-width:initial;--seed-box-width:initial;min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);height:var(--seed-box-height);min-width:var(--seed-box-min-width);max-width:var(--seed-box-max-width);width:var(--seed-box-width);--seed-box-top:initial;--seed-box-bottom:initial;--seed-box-left:initial;--seed-box-right:initial;top:var(--seed-box-top);bottom:var(--seed-box-bottom);left:var(--seed-box-left);right:var(--seed-box-right);--seed-box-border-radius:initial;--seed-box-border-bottom-left-radius:var(--seed-box-border-radius);--seed-box-border-bottom-right-radius:var(--seed-box-border-radius);--seed-box-border-top-left-radius:var(--seed-box-border-radius);--seed-box-border-top-right-radius:var(--seed-box-border-radius);border-bottom-left-radius:var(--seed-box-border-bottom-left-radius);border-bottom-right-radius:var(--seed-box-border-bottom-right-radius);border-top-left-radius:var(--seed-box-border-top-left-radius);border-top-right-radius:var(--seed-box-border-top-right-radius);--seed-box-display:block;--seed-box-position:initial;display:var(--seed-box-display);position:var(--seed-box-position);--seed-box-unstable-transform:initial;transform:var(--seed-box-unstable-transform);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-overflow-x:initial;--seed-box-overflow-y:initial;overflow-x:var(--seed-box-overflow-x);overflow-y:var(--seed-box-overflow-y);--seed-box-flex-grow:initial;--seed-box-flex-shrink:initial;flex-grow:var(--seed-box-flex-grow);flex-shrink:var(--seed-box-flex-shrink);--seed-box-flex-direction:initial;--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap:initial;flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);align-content:var(--seed-box-align-content);align-self:var(--seed-box-align-self);gap:var(--seed-box-gap)}.seed-box:is(:active,[data-active]){--seed-box-background--active:var(--seed-box-background);background:var(--seed-box-background--active)}.seed-consistent-width:before{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-regular);display:block}.seed-consistent-width:after{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-bold);display:block}:root,[data-seed-color-mode=system]{color-scheme:light dark}[data-seed-color-mode=light-only]{color-scheme:light}[data-seed-color-mode=dark-only]{color-scheme:dark}:root{--seed-dimension-x0_5:2px;--seed-dimension-x1:4px;--seed-dimension-x1_5:6px;--seed-dimension-x2:8px;--seed-dimension-x2_5:10px;--seed-dimension-x3:12px;--seed-dimension-x3_5:14px;--seed-dimension-x4:16px;--seed-dimension-x4_5:18px;--seed-dimension-x5:20px;--seed-dimension-x6:24px;--seed-dimension-x7:28px;--seed-dimension-x8:32px;--seed-dimension-x9:36px;--seed-dimension-x10:40px;--seed-dimension-x12:48px;--seed-dimension-x13:52px;--seed-dimension-x14:56px;--seed-dimension-x16:64px;--seed-dimension-spacing-x-between-chips:var(--seed-dimension-x2);--seed-dimension-spacing-x-global-gutter:var(--seed-dimension-x4);--seed-dimension-spacing-y-component-default:var(--seed-dimension-x3);--seed-dimension-spacing-y-nav-to-title:var(--seed-dimension-x5);--seed-dimension-spacing-y-screen-bottom:var(--seed-dimension-x14);--seed-dimension-spacing-y-between-text:var(--seed-dimension-x1_5);--seed-duration-d1:50ms;--seed-duration-d2:.1s;--seed-duration-d3:.15s;--seed-duration-d4:.2s;--seed-duration-d5:.25s;--seed-duration-d6:.3s;--seed-font-size-t1:clamp(calc(var(--seed-font-size-t1-static)*var(--seed-font-size-limit-min,.8)),calc(.6875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t1-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t2:clamp(calc(var(--seed-font-size-t2-static)*var(--seed-font-size-limit-min,.8)),calc(.75rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t2-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t3:clamp(calc(var(--seed-font-size-t3-static)*var(--seed-font-size-limit-min,.8)),calc(.8125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t3-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t4:clamp(calc(var(--seed-font-size-t4-static)*var(--seed-font-size-limit-min,.8)),calc(.875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t4-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t5:clamp(calc(var(--seed-font-size-t5-static)*var(--seed-font-size-limit-min,.8)),calc(1rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t5-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t6:clamp(calc(var(--seed-font-size-t6-static)*var(--seed-font-size-limit-min,.8)),calc(1.125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t6-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t7:clamp(calc(var(--seed-font-size-t7-static)*var(--seed-font-size-limit-min,.8)),calc(1.25rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t7-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t8:clamp(calc(var(--seed-font-size-t8-static)*var(--seed-font-size-limit-min,.8)),calc(1.375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t8-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t9:clamp(calc(var(--seed-font-size-t9-static)*var(--seed-font-size-limit-min,.8)),calc(1.5rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t9-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t10:clamp(calc(var(--seed-font-size-t10-static)*var(--seed-font-size-limit-min,.8)),calc(1.625rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t10-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t1-static:11px;--seed-font-size-t2-static:12px;--seed-font-size-t3-static:13px;--seed-font-size-t4-static:14px;--seed-font-size-t5-static:16px;--seed-font-size-t6-static:18px;--seed-font-size-t7-static:20px;--seed-font-size-t8-static:22px;--seed-font-size-t9-static:24px;--seed-font-size-t10-static:26px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:clamp(calc(var(--seed-line-height-t1-static)*var(--seed-line-height-limit-min,.8)),calc(.9375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t1-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t2:clamp(calc(var(--seed-line-height-t2-static)*var(--seed-line-height-limit-min,.8)),calc(1rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t2-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t3:clamp(calc(var(--seed-line-height-t3-static)*var(--seed-line-height-limit-min,.8)),calc(1.125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t3-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t4:clamp(calc(var(--seed-line-height-t4-static)*var(--seed-line-height-limit-min,.8)),calc(1.1875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t4-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t5:clamp(calc(var(--seed-line-height-t5-static)*var(--seed-line-height-limit-min,.8)),calc(1.375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t5-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t6:clamp(calc(var(--seed-line-height-t6-static)*var(--seed-line-height-limit-min,.8)),calc(1.5rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t6-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t7:clamp(calc(var(--seed-line-height-t7-static)*var(--seed-line-height-limit-min,.8)),calc(1.6875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t7-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t8:clamp(calc(var(--seed-line-height-t8-static)*var(--seed-line-height-limit-min,.8)),calc(1.875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t8-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t9:clamp(calc(var(--seed-line-height-t9-static)*var(--seed-line-height-limit-min,.8)),calc(2rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t9-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t10:clamp(calc(var(--seed-line-height-t10-static)*var(--seed-line-height-limit-min,.8)),calc(2.1875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t10-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t1-static:15px;--seed-line-height-t2-static:16px;--seed-line-height-t3-static:18px;--seed-line-height-t4-static:19px;--seed-line-height-t5-static:22px;--seed-line-height-t6-static:24px;--seed-line-height-t7-static:27px;--seed-line-height-t8-static:30px;--seed-line-height-t9-static:32px;--seed-line-height-t10-static:35px;--seed-radius-r0_5:2px;--seed-radius-r1:4px;--seed-radius-r1_5:6px;--seed-radius-r2:8px;--seed-radius-r2_5:10px;--seed-radius-r3:12px;--seed-radius-r3_5:14px;--seed-radius-r4:16px;--seed-radius-r5:20px;--seed-radius-r6:24px;--seed-radius-full:9999px;--seed-timing-function-linear:cubic-bezier(0,0,1,1);--seed-timing-function-easing:cubic-bezier(.35,0,.35,1);--seed-timing-function-enter:cubic-bezier(0,0,.15,1);--seed-timing-function-exit:cubic-bezier(.35,0,1,1);--seed-timing-function-enter-expressive:cubic-bezier(.03,.4,.1,1);--seed-timing-function-exit-expressive:cubic-bezier(.35,0,.95,.55)}: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]{--seed-color-palette-blue-100:#eff6ff;--seed-color-palette-blue-200:#e2edfc;--seed-color-palette-blue-300:#cbdffa;--seed-color-palette-blue-400:#aacefd;--seed-color-palette-blue-500:#85b8fd;--seed-color-palette-blue-600:#5e98fe;--seed-color-palette-blue-700:#217cf9;--seed-color-palette-blue-800:#135fcd;--seed-color-palette-blue-900:#0b4596;--seed-color-palette-blue-1000:#032451;--seed-color-palette-carrot-100:#fff2ec;--seed-color-palette-carrot-200:#ffe8db;--seed-color-palette-carrot-300:#ffd5c0;--seed-color-palette-carrot-400:#ffb999;--seed-color-palette-carrot-500:#ff9364;--seed-color-palette-carrot-600:#f60;--seed-color-palette-carrot-700:#e14d00;--seed-color-palette-carrot-800:#b93901;--seed-color-palette-carrot-900:#862b00;--seed-color-palette-carrot-1000:#471601;--seed-color-palette-gray-00:#fff;--seed-color-palette-gray-100:#f7f8f9;--seed-color-palette-gray-200:#f3f4f5;--seed-color-palette-gray-300:#eeeff1;--seed-color-palette-gray-400:#dcdee3;--seed-color-palette-gray-500:#d1d3d8;--seed-color-palette-gray-600:#b0b3ba;--seed-color-palette-gray-700:#868b94;--seed-color-palette-gray-800:#555d6d;--seed-color-palette-gray-900:#2a3038;--seed-color-palette-gray-1000:#1a1c20;--seed-color-palette-green-100:#edfaf6;--seed-color-palette-green-200:#d9f6e9;--seed-color-palette-green-300:#b9e9d2;--seed-color-palette-green-400:#7ddcb3;--seed-color-palette-green-500:#42c593;--seed-color-palette-green-600:#10ab7d;--seed-color-palette-green-700:#079171;--seed-color-palette-green-800:#00745f;--seed-color-palette-green-900:#075445;--seed-color-palette-green-1000:#0a2b24;--seed-color-palette-purple-100:#f5f3fe;--seed-color-palette-purple-200:#efeafe;--seed-color-palette-purple-300:#e1d8ff;--seed-color-palette-purple-400:#d0c0ff;--seed-color-palette-purple-500:#b8a1ff;--seed-color-palette-purple-600:#9f84fb;--seed-color-palette-purple-700:#8969ea;--seed-color-palette-purple-800:#6d50cb;--seed-color-palette-purple-900:#50379b;--seed-color-palette-purple-1000:#29175d;--seed-color-palette-red-100:#fdf0f0;--seed-color-palette-red-200:#fde7e7;--seed-color-palette-red-300:#fed4d2;--seed-color-palette-red-400:#feb7b3;--seed-color-palette-red-500:#fe928d;--seed-color-palette-red-600:#fc6a66;--seed-color-palette-red-700:#fa342c;--seed-color-palette-red-800:#ca1d13;--seed-color-palette-red-900:#921708;--seed-color-palette-red-1000:#4a1209;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#fff7de;--seed-color-palette-yellow-200:#fdefb9;--seed-color-palette-yellow-300:#fbdc65;--seed-color-palette-yellow-400:#e9c647;--seed-color-palette-yellow-500:#d4ab28;--seed-color-palette-yellow-600:#c49725;--seed-color-palette-yellow-700:#9b7821;--seed-color-palette-yellow-800:#755b22;--seed-color-palette-yellow-900:#4f3e1f;--seed-color-palette-yellow-1000:#2c2512;--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--seed-color-bg-brand-weak:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-600);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid:var(--seed-color-palette-red-700);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-800);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-700);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-800);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default:var(--seed-color-palette-gray-00);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid:var(--seed-color-palette-green-700);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-800);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-300);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-400);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-manner-temp-l1-text:#62666a;--seed-color-manner-temp-l2-text:#2592f7;--seed-color-manner-temp-l3-text:#0099c8;--seed-color-manner-temp-l4-text:#03a07e;--seed-color-manner-temp-l4-bg:#ebf9f4;--seed-color-manner-temp-l5-text:#d28500;--seed-color-manner-temp-l6-text:#f06000;--seed-color-manner-temp-l1-bg:#eff0f1;--seed-color-manner-temp-l2-bg:#e7f2fc;--seed-color-manner-temp-l3-bg:#e3f6fc;--seed-color-manner-temp-l5-bg:#fff5e5;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-gradient-fade-layer-floating:#fff0 0%,#000 100%;--seed-gradient-fade-layer-default:#000 0%,#fff0 100%;--seed-gradient-glow-magic:#fef6f7 0%,#fef0e7 80%,#f9f7f5 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%,#ffe8db 80%,#f5f2ef 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#fff6 46%,#fff6 54%,#fff0 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f58a 46%,#fff9f58a 54%,#fff9f500 100%;--seed-gradient-highlight-magic-pressed:#e14f00 20%,#ae58bf 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}: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]{--seed-color-palette-blue-100:#202742;--seed-color-palette-blue-200:#1e3352;--seed-color-palette-blue-300:#1a4275;--seed-color-palette-blue-400:#0f559e;--seed-color-palette-blue-500:#1964d8;--seed-color-palette-blue-600:#1e82eb;--seed-color-palette-blue-700:#41a2f9;--seed-color-palette-blue-800:#83bcf9;--seed-color-palette-blue-900:#b9d7fb;--seed-color-palette-blue-1000:#e5f0fe;--seed-color-palette-carrot-100:#31241f;--seed-color-palette-carrot-200:#4b291c;--seed-color-palette-carrot-300:#6b311c;--seed-color-palette-carrot-400:#923600;--seed-color-palette-carrot-500:#bd4201;--seed-color-palette-carrot-600:#e65200;--seed-color-palette-carrot-700:#f60;--seed-color-palette-carrot-800:#ff9e65;--seed-color-palette-carrot-900:#eecebc;--seed-color-palette-carrot-1000:#f4eeea;--seed-color-palette-gray-00:#000;--seed-color-palette-gray-100:#16171b;--seed-color-palette-gray-200:#1d2025;--seed-color-palette-gray-300:#2b2e35;--seed-color-palette-gray-400:#393d46;--seed-color-palette-gray-500:#5b606a;--seed-color-palette-gray-600:#868b94;--seed-color-palette-gray-700:#b0b3ba;--seed-color-palette-gray-800:#dcdee3;--seed-color-palette-gray-900:#e9eaec;--seed-color-palette-gray-1000:#f3f4f5;--seed-color-palette-green-100:#202926;--seed-color-palette-green-200:#20362e;--seed-color-palette-green-300:#20493b;--seed-color-palette-green-400:#19604c;--seed-color-palette-green-500:#117956;--seed-color-palette-green-600:#1b946d;--seed-color-palette-green-700:#22b27f;--seed-color-palette-green-800:#35ce9a;--seed-color-palette-green-900:#93e5c0;--seed-color-palette-green-1000:#d4f6ef;--seed-color-palette-purple-100:#28213b;--seed-color-palette-purple-200:#3b2873;--seed-color-palette-purple-300:#443081;--seed-color-palette-purple-400:#5a3bb1;--seed-color-palette-purple-500:#764fd9;--seed-color-palette-purple-600:#8e6bee;--seed-color-palette-purple-700:#a78df0;--seed-color-palette-purple-800:#beadf2;--seed-color-palette-purple-900:#d9cefa;--seed-color-palette-purple-1000:#f0edfc;--seed-color-palette-red-100:#322323;--seed-color-palette-red-200:#4f2624;--seed-color-palette-red-300:#742826;--seed-color-palette-red-400:#a12621;--seed-color-palette-red-500:#ca2319;--seed-color-palette-red-600:#f73526;--seed-color-palette-red-700:#ff6e60;--seed-color-palette-red-800:#ffa299;--seed-color-palette-red-900:#f8c5c3;--seed-color-palette-red-1000:#fdf2f2;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#302819;--seed-color-palette-yellow-200:#413218;--seed-color-palette-yellow-300:#543e15;--seed-color-palette-yellow-400:#714e15;--seed-color-palette-yellow-500:#91601b;--seed-color-palette-yellow-600:#b6720d;--seed-color-palette-yellow-700:#ca901c;--seed-color-palette-yellow-800:#dab156;--seed-color-palette-yellow-900:#e5d49b;--seed-color-palette-yellow-1000:#f7f0cd;--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--seed-color-bg-brand-weak:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-800);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid:var(--seed-color-palette-red-600);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-600);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default:var(--seed-color-palette-gray-100);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-200);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-400);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-500);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid:var(--seed-color-palette-green-500);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-600);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-600);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-700);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-manner-temp-l1-text:#b1b5b9;--seed-color-manner-temp-l2-text:#7cbaf4;--seed-color-manner-temp-l3-text:#47c3eb;--seed-color-manner-temp-l4-text:#33cc94;--seed-color-manner-temp-l4-bg:#162822;--seed-color-manner-temp-l5-text:#ffa100;--seed-color-manner-temp-l6-text:#ff9147;--seed-color-manner-temp-l1-bg:#222226;--seed-color-manner-temp-l2-bg:#16212b;--seed-color-manner-temp-l3-bg:#12262c;--seed-color-manner-temp-l5-bg:#2e2312;--seed-color-manner-temp-l6-bg:#2e1d12;--seed-gradient-fade-layer-floating:#1d202500 0%,#000 100%;--seed-gradient-fade-layer-default:#000 0%,#16171b00 100%;--seed-gradient-glow-magic:#2d252d 0%,#3a312b 80%,#333232 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%,#51453e 80%,#434242 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#ffffff1a 46%,#ffffff1a 54%,#fff0 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f51a 46%,#fff9f51a 54%,#fff9f500 100%;--seed-gradient-highlight-magic-pressed:#ff9e65 20%,#e89bee 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}@keyframes seed-enter{0%{opacity:var(--seed-enter-opacity,1);transform:translate3d(var(--seed-enter-translate-x,0),var(--seed-enter-translate-y,0),0)scale3d(var(--seed-enter-scale,1),var(--seed-enter-scale,1),var(--seed-enter-scale,1))rotate(var(--seed-enter-rotate,0))}}@keyframes seed-exit{to{opacity:var(--seed-exit-opacity,1);transform:translate3d(var(--seed-exit-translate-x,0),var(--seed-exit-translate-y,0),0)scale3d(var(--seed-exit-scale,1),var(--seed-exit-scale,1),var(--seed-exit-scale,1))rotate(var(--seed-exit-rotate,0))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-circle-head{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes progress-circle-tail{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/css",
3
- "version": "0.1.15",
3
+ "version": "0.2.1",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -137,7 +137,7 @@
137
137
  border-style: solid;
138
138
  background: var(--seed-color-bg-layer-default);
139
139
  border-width: 1px;
140
- border-color: var(--seed-color-stroke-neutral);
140
+ border-color: var(--seed-color-stroke-neutral-muted);
141
141
  color: var(--seed-color-fg-brand);
142
142
  --seed-prefix-icon-color: var(--seed-color-fg-brand);
143
143
  --seed-suffix-icon-color: var(--seed-color-fg-brand);
@@ -150,7 +150,7 @@
150
150
  }
151
151
  .seed-action-button--variant_brandOutline:is(:disabled, [disabled], [data-disabled]) {
152
152
  background: var(--seed-color-bg-layer-default);
153
- border-color: var(--seed-color-stroke-neutral);
153
+ border-color: var(--seed-color-stroke-neutral-muted);
154
154
  color: var(--seed-color-fg-disabled);
155
155
  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
156
156
  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
@@ -163,7 +163,7 @@
163
163
  border-style: solid;
164
164
  background: var(--seed-color-bg-layer-default);
165
165
  border-width: 1px;
166
- border-color: var(--seed-color-stroke-neutral);
166
+ border-color: var(--seed-color-stroke-neutral-muted);
167
167
  color: var(--seed-color-fg-neutral);
168
168
  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
169
169
  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
@@ -176,7 +176,7 @@
176
176
  }
177
177
  .seed-action-button--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) {
178
178
  background: var(--seed-color-bg-layer-default);
179
- border-color: var(--seed-color-stroke-neutral);
179
+ border-color: var(--seed-color-stroke-neutral-muted);
180
180
  color: var(--seed-color-fg-disabled);
181
181
  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
182
182
  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
@@ -1,14 +1,14 @@
1
1
  declare interface ActionButtonVariant {
2
2
  /**
3
- * @default brandSolid
3
+ * @default "brandSolid"
4
4
  */
5
5
  variant: "brandSolid" | "neutralSolid" | "neutralWeak" | "criticalSolid" | "brandOutline" | "neutralOutline" | "ghost";
6
6
  /**
7
- * @default medium
7
+ * @default "medium"
8
8
  */
9
9
  size: "xsmall" | "small" | "medium" | "large";
10
10
  /**
11
- * @default withText
11
+ * @default "withText"
12
12
  */
13
13
  layout: "withText" | "iconOnly";
14
14
  }
@@ -1,10 +1,10 @@
1
1
  declare interface ActionChipVariant {
2
2
  /**
3
- * @default medium
3
+ * @default "medium"
4
4
  */
5
5
  size: "medium" | "small";
6
6
  /**
7
- * @default withText
7
+ * @default "withText"
8
8
  */
9
9
  layout: "withText" | "iconOnly";
10
10
  }
@@ -22,7 +22,7 @@
22
22
  right: var(--seed-dimension-spacing-x-global-gutter);
23
23
  bottom: 0;
24
24
  height: 1px;
25
- background: var(--seed-color-stroke-neutral);
25
+ background: var(--seed-color-stroke-neutral-muted);
26
26
  }
27
27
  .seed-action-sheet-item--tone_neutral {
28
28
  color: var(--seed-color-fg-neutral);
@@ -1,6 +1,6 @@
1
1
  declare interface ActionSheetItemVariant {
2
2
  /**
3
- * @default neutral
3
+ * @default "neutral"
4
4
  */
5
5
  tone: "neutral" | "critical";
6
6
  }
@@ -82,7 +82,7 @@
82
82
  right: var(--seed-dimension-spacing-x-global-gutter);
83
83
  bottom: 0;
84
84
  height: 1px;
85
- background: var(--seed-color-stroke-neutral);
85
+ background: var(--seed-color-stroke-neutral-muted);
86
86
  }
87
87
  .seed-action-sheet__title {
88
88
  color: var(--seed-color-fg-neutral-muted);
@@ -1,18 +1,18 @@
1
1
  declare interface AppBarMainVariant {
2
2
  /**
3
- * @default titleOnly
3
+ * @default "titleOnly"
4
4
  */
5
5
  layout: "titleOnly" | "withSubtitle";
6
6
  /**
7
- * @default cupertino
7
+ * @default "cupertino"
8
8
  */
9
9
  theme: "cupertino" | "android";
10
10
  /**
11
- * @default slideFromRightIOS
11
+ * @default "slideFromRightIOS"
12
12
  */
13
13
  transitionStyle: "slideFromRightIOS" | "fadeFromBottomAndroid";
14
14
  /**
15
- * @default layer
15
+ * @default "layer"
16
16
  */
17
17
  tone: "layer" | "transparent";
18
18
  }
@@ -213,5 +213,5 @@
213
213
  color: var(--seed-color-palette-static-white);
214
214
  }
215
215
  .seed-app-bar__root--divider_true:before {
216
- box-shadow: inset 0px calc(-1 * 1px) 0 var(--seed-color-stroke-neutral-muted);
216
+ box-shadow: inset 0px calc(-1 * 1px) 0 var(--seed-color-stroke-neutral-subtle);
217
217
  }
@@ -1,14 +1,14 @@
1
1
  declare interface AppBarVariant {
2
2
  /**
3
- * @default cupertino
3
+ * @default "cupertino"
4
4
  */
5
5
  theme: "cupertino" | "android";
6
6
  /**
7
- * @default slideFromRightIOS
7
+ * @default "slideFromRightIOS"
8
8
  */
9
9
  transitionStyle: "slideFromRightIOS" | "fadeFromBottomAndroid";
10
10
  /**
11
- * @default layer
11
+ * @default "layer"
12
12
  */
13
13
  tone: "layer" | "transparent";
14
14
  /**
@@ -1,18 +1,18 @@
1
1
  declare interface AppScreenVariant {
2
2
  /**
3
- * @default cupertino
3
+ * @default "cupertino"
4
4
  */
5
5
  theme: "cupertino" | "android";
6
6
  /**
7
- * @default slideFromRightIOS
7
+ * @default "slideFromRightIOS"
8
8
  */
9
9
  transitionStyle: "slideFromRightIOS" | "fadeFromBottomAndroid";
10
10
  /**
11
- * @default appBar
11
+ * @default "appBar"
12
12
  */
13
13
  layerOffsetTop: "none" | "safeArea" | "appBar";
14
14
  /**
15
- * @default none
15
+ * @default "none"
16
16
  */
17
17
  layerOffsetBottom: "none" | "safeArea";
18
18
  }
@@ -18,7 +18,7 @@
18
18
  bottom: 0;
19
19
  pointer-events: none;
20
20
  border-radius: var(--seed-radius-full);
21
- box-shadow: inset 0 0 0 var(--avatar-stroke-width) var(--seed-color-stroke-on-image);
21
+ box-shadow: inset 0 0 0 var(--avatar-stroke-width) var(--seed-color-stroke-neutral-subtle);
22
22
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="white"/></svg>'), var(--svg-mask-uri);
23
23
  -webkit-mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
24
24
  -webkit-mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
@@ -4,7 +4,7 @@ declare interface AvatarVariant {
4
4
  */
5
5
  size: "20" | "24" | "36" | "42" | "48" | "64" | "80" | "96" | "108";
6
6
  /**
7
- * @default none
7
+ * @default "none"
8
8
  */
9
9
  badgeMask: "none" | "circle" | "flower" | "shield";
10
10
  }
package/recipes/badge.css CHANGED
@@ -49,7 +49,7 @@
49
49
  color: var(--seed-color-fg-neutral-inverted)
50
50
  }
51
51
  .seed-badge__root--tone_neutral-variant_outline {
52
- box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral);
52
+ box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
53
53
  color: var(--seed-color-fg-neutral-muted)
54
54
  }
55
55
  .seed-badge__root--tone_brand-variant_weak {
@@ -61,7 +61,7 @@
61
61
  color: var(--seed-color-palette-static-white)
62
62
  }
63
63
  .seed-badge__root--tone_brand-variant_outline {
64
- box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand);
64
+ box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand-weak);
65
65
  color: var(--seed-color-fg-brand)
66
66
  }
67
67
  .seed-badge__root--tone_informative-variant_weak {
@@ -73,7 +73,7 @@
73
73
  color: var(--seed-color-palette-static-white)
74
74
  }
75
75
  .seed-badge__root--tone_informative-variant_outline {
76
- box-shadow: inset 0 0 0 1px var(--seed-color-stroke-informative);
76
+ box-shadow: inset 0 0 0 1px var(--seed-color-stroke-informative-weak);
77
77
  color: var(--seed-color-fg-informative)
78
78
  }
79
79
  .seed-badge__root--tone_positive-variant_weak {
@@ -85,7 +85,7 @@
85
85
  color: var(--seed-color-palette-static-white)
86
86
  }
87
87
  .seed-badge__root--tone_positive-variant_outline {
88
- box-shadow: inset 0 0 0 1px var(--seed-color-stroke-positive);
88
+ box-shadow: inset 0 0 0 1px var(--seed-color-stroke-positive-weak);
89
89
  color: var(--seed-color-fg-positive)
90
90
  }
91
91
  .seed-badge__root--tone_warning-variant_weak {
@@ -97,7 +97,7 @@
97
97
  color: var(--seed-color-fg-neutral)
98
98
  }
99
99
  .seed-badge__root--tone_warning-variant_outline {
100
- box-shadow: inset 0 0 0 1px var(--seed-color-stroke-warning);
100
+ box-shadow: inset 0 0 0 1px var(--seed-color-stroke-warning-weak);
101
101
  color: var(--seed-color-fg-warning)
102
102
  }
103
103
  .seed-badge__root--tone_critical-variant_weak {
@@ -109,6 +109,6 @@
109
109
  color: var(--seed-color-palette-static-white)
110
110
  }
111
111
  .seed-badge__root--tone_critical-variant_outline {
112
- box-shadow: inset 0 0 0 1px var(--seed-color-stroke-critical);
112
+ box-shadow: inset 0 0 0 1px var(--seed-color-stroke-critical-weak);
113
113
  color: var(--seed-color-fg-critical)
114
114
  }
@@ -1,14 +1,14 @@
1
1
  declare interface BadgeVariant {
2
2
  /**
3
- * @default medium
3
+ * @default "medium"
4
4
  */
5
5
  size: "medium" | "large";
6
6
  /**
7
- * @default solid
7
+ * @default "solid"
8
8
  */
9
9
  variant: "weak" | "solid" | "outline";
10
10
  /**
11
- * @default neutral
11
+ * @default "neutral"
12
12
  */
13
13
  tone: "neutral" | "brand" | "informative" | "positive" | "warning" | "critical";
14
14
  }
@@ -1,6 +1,6 @@
1
1
  declare interface BottomSheetVariant {
2
2
  /**
3
- * @default left
3
+ * @default "left"
4
4
  */
5
5
  headerAlign: "left" | "center";
6
6
  }
@@ -1,6 +1,6 @@
1
1
  declare interface CalloutVariant {
2
2
  /**
3
- * @default neutral
3
+ * @default "neutral"
4
4
  */
5
5
  tone: "neutral" | "informative" | "warning" | "critical" | "magic";
6
6
  }
@@ -40,7 +40,7 @@
40
40
  .seed-checkbox__control--variant_square {
41
41
  border-width: 1px;
42
42
  border-style: solid;
43
- border-color: var(--seed-color-stroke-control);
43
+ border-color: var(--seed-color-stroke-neutral-weak);
44
44
  }
45
45
  .seed-checkbox__control--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
46
46
  background: var(--seed-color-bg-brand-solid);
@@ -54,7 +54,7 @@
54
54
  }
55
55
  .seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]) {
56
56
  background: var(--seed-color-bg-disabled);
57
- border-color: var(--seed-color-stroke-neutral);
57
+ border-color: var(--seed-color-stroke-neutral-muted);
58
58
  }
59
59
  .seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
60
60
  background: var(--seed-color-bg-disabled);
@@ -1,14 +1,14 @@
1
1
  declare interface CheckboxVariant {
2
2
  /**
3
- * @default default
3
+ * @default "default"
4
4
  */
5
5
  weight: "default" | "stronger";
6
6
  /**
7
- * @default square
7
+ * @default "square"
8
8
  */
9
9
  variant: "square" | "ghost";
10
10
  /**
11
- * @default medium
11
+ * @default "medium"
12
12
  */
13
13
  size: "large" | "medium";
14
14
  }
@@ -1,10 +1,10 @@
1
1
  declare interface ChipTabsVariant {
2
2
  /**
3
- * @default neutralSolid
3
+ * @default "neutralSolid"
4
4
  */
5
5
  variant: "neutralSolid" | "brandSolid";
6
6
  /**
7
- * @default hug
7
+ * @default "hug"
8
8
  */
9
9
  contentLayout: "fill" | "hug";
10
10
  /**