@seed-design/lynx-css 0.9.3 → 0.10.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.
- package/all.css +1026 -243
- package/all.min.css +1 -1
- package/base.css +156 -154
- package/base.min.css +1 -1
- package/package.json +1 -1
- package/recipes/manner-temp-badge.css +78 -0
- package/recipes/manner-temp-badge.d.ts +24 -0
- package/recipes/manner-temp-badge.mjs +51 -0
- package/recipes/manner-temp.css +52 -0
- package/recipes/manner-temp.d.ts +24 -0
- package/recipes/manner-temp.mjs +55 -0
- package/recipes/notification-badge-positioner.css +29 -0
- package/recipes/notification-badge-positioner.d.ts +26 -0
- package/recipes/notification-badge-positioner.mjs +51 -0
- package/recipes/notification-badge.css +33 -0
- package/recipes/notification-badge.d.ts +27 -0
- package/recipes/notification-badge.mjs +43 -0
- package/recipes/page-banner.css +357 -0
- package/recipes/page-banner.d.ts +36 -0
- package/recipes/page-banner.mjs +194 -0
- package/recipes/segmented-control.css +91 -0
- package/recipes/segmented-control.d.ts +36 -0
- package/recipes/segmented-control.mjs +75 -0
- package/recipes/select-box-checkmark.css +33 -0
- package/recipes/select-box-checkmark.d.ts +32 -0
- package/recipes/select-box-checkmark.mjs +63 -0
- package/recipes/select-box-group.css +10 -0
- package/recipes/select-box-group.d.ts +22 -0
- package/recipes/select-box-group.mjs +29 -0
- package/recipes/select-box.css +145 -0
- package/recipes/select-box.d.ts +40 -0
- package/recipes/select-box.mjs +108 -0
- package/vars/component/callout.d.ts +6 -2
- package/vars/component/callout.mjs +6 -2
- package/vars/component/image-frame-reaction-button.d.ts +26 -2
- package/vars/component/image-frame-reaction-button.mjs +26 -2
- package/vars/component/page-banner.d.ts +6 -2
- package/vars/component/page-banner.mjs +6 -2
- package/vars/component/scroll-fog.d.ts +69 -2
- package/vars/component/scroll-fog.mjs +69 -2
- package/vars/component/skeleton.d.ts +6 -2
- package/vars/component/skeleton.mjs +6 -2
- package/vars/component/top-navigation-icon-button.d.ts +10 -1
- package/vars/component/top-navigation-icon-button.mjs +10 -1
- package/vars/component/top-navigation-text-button.d.ts +10 -1
- package/vars/component/top-navigation-text-button.mjs +10 -1
- package/vars/component/top-navigation.d.ts +24 -5
- package/vars/component/top-navigation.mjs +23 -5
- package/vars/gradient.d.ts +2 -0
- package/vars/gradient.mjs +1 -0
package/base.css
CHANGED
|
@@ -59,20 +59,20 @@ text {
|
|
|
59
59
|
--seed-dimension-x13: 52px;
|
|
60
60
|
--seed-dimension-x14: 56px;
|
|
61
61
|
--seed-dimension-x16: 64px;
|
|
62
|
-
--seed-dimension-spacing-x-between-chips:
|
|
63
|
-
--seed-dimension-spacing-x-global-gutter:
|
|
64
|
-
--seed-dimension-spacing-y-component-default:
|
|
65
|
-
--seed-dimension-spacing-y-nav-to-title:
|
|
66
|
-
--seed-dimension-spacing-y-screen-bottom:
|
|
67
|
-
--seed-dimension-spacing-y-between-text:
|
|
62
|
+
--seed-dimension-spacing-x-between-chips: 8px;
|
|
63
|
+
--seed-dimension-spacing-x-global-gutter: 16px;
|
|
64
|
+
--seed-dimension-spacing-y-component-default: 12px;
|
|
65
|
+
--seed-dimension-spacing-y-nav-to-title: 20px;
|
|
66
|
+
--seed-dimension-spacing-y-screen-bottom: 56px;
|
|
67
|
+
--seed-dimension-spacing-y-between-text: 6px;
|
|
68
68
|
--seed-duration-d1: 50ms;
|
|
69
69
|
--seed-duration-d2: .1s;
|
|
70
70
|
--seed-duration-d3: .15s;
|
|
71
71
|
--seed-duration-d4: .2s;
|
|
72
72
|
--seed-duration-d5: .25s;
|
|
73
73
|
--seed-duration-d6: .3s;
|
|
74
|
-
--seed-duration-color-transition:
|
|
75
|
-
--seed-duration-pressed-scale:
|
|
74
|
+
--seed-duration-color-transition: .15s;
|
|
75
|
+
--seed-duration-pressed-scale: .15s;
|
|
76
76
|
--seed-font-size-t1: 11sp;
|
|
77
77
|
--seed-font-size-t2: 12sp;
|
|
78
78
|
--seed-font-size-t3: 13sp;
|
|
@@ -247,81 +247,81 @@ text {
|
|
|
247
247
|
--seed-color-palette-static-white-alpha-800: #ffffffde;
|
|
248
248
|
--seed-color-palette-static-white-alpha-900: #ffffffea;
|
|
249
249
|
--seed-color-palette-static-white-alpha-1000: #fffffff4;
|
|
250
|
-
--seed-color-fg-brand:
|
|
251
|
-
--seed-color-fg-brand-contrast:
|
|
252
|
-
--seed-color-fg-critical:
|
|
253
|
-
--seed-color-fg-critical-contrast:
|
|
254
|
-
--seed-color-fg-disabled:
|
|
255
|
-
--seed-color-fg-informative:
|
|
256
|
-
--seed-color-fg-informative-contrast:
|
|
257
|
-
--seed-color-fg-neutral:
|
|
258
|
-
--seed-color-fg-neutral-inverted:
|
|
259
|
-
--seed-color-fg-neutral-muted:
|
|
260
|
-
--seed-color-fg-neutral-subtle:
|
|
261
|
-
--seed-color-fg-placeholder:
|
|
262
|
-
--seed-color-fg-positive:
|
|
263
|
-
--seed-color-fg-positive-contrast:
|
|
264
|
-
--seed-color-fg-warning:
|
|
265
|
-
--seed-color-fg-warning-contrast:
|
|
266
|
-
--seed-color-bg-brand-solid:
|
|
267
|
-
--seed-color-bg-brand-solid-pressed:
|
|
268
|
-
--seed-color-bg-brand-weak:
|
|
269
|
-
--seed-color-bg-brand-weak-pressed:
|
|
270
|
-
--seed-color-bg-critical-solid:
|
|
271
|
-
--seed-color-bg-critical-solid-pressed:
|
|
272
|
-
--seed-color-bg-critical-weak:
|
|
273
|
-
--seed-color-bg-critical-weak-pressed:
|
|
274
|
-
--seed-color-bg-disabled:
|
|
275
|
-
--seed-color-bg-informative-solid:
|
|
276
|
-
--seed-color-bg-informative-solid-pressed:
|
|
277
|
-
--seed-color-bg-informative-weak:
|
|
278
|
-
--seed-color-bg-informative-weak-pressed:
|
|
279
|
-
--seed-color-bg-layer-basement:
|
|
280
|
-
--seed-color-bg-layer-default:
|
|
281
|
-
--seed-color-bg-layer-default-pressed:
|
|
282
|
-
--seed-color-bg-layer-fill:
|
|
283
|
-
--seed-color-bg-layer-floating:
|
|
284
|
-
--seed-color-bg-layer-floating-pressed:
|
|
250
|
+
--seed-color-fg-brand: #f60;
|
|
251
|
+
--seed-color-fg-brand-contrast: #e14d00;
|
|
252
|
+
--seed-color-fg-critical: #fa342c;
|
|
253
|
+
--seed-color-fg-critical-contrast: #921708;
|
|
254
|
+
--seed-color-fg-disabled: #d1d3d8;
|
|
255
|
+
--seed-color-fg-informative: #217cf9;
|
|
256
|
+
--seed-color-fg-informative-contrast: #0b4596;
|
|
257
|
+
--seed-color-fg-neutral: #1a1c20;
|
|
258
|
+
--seed-color-fg-neutral-inverted: #fff;
|
|
259
|
+
--seed-color-fg-neutral-muted: #555d6d;
|
|
260
|
+
--seed-color-fg-neutral-subtle: #868b94;
|
|
261
|
+
--seed-color-fg-placeholder: #b0b3ba;
|
|
262
|
+
--seed-color-fg-positive: #079171;
|
|
263
|
+
--seed-color-fg-positive-contrast: #075445;
|
|
264
|
+
--seed-color-fg-warning: #9b7821;
|
|
265
|
+
--seed-color-fg-warning-contrast: #4f3e1f;
|
|
266
|
+
--seed-color-bg-brand-solid: #f60;
|
|
267
|
+
--seed-color-bg-brand-solid-pressed: #e14d00;
|
|
268
|
+
--seed-color-bg-brand-weak: #fff2ec;
|
|
269
|
+
--seed-color-bg-brand-weak-pressed: #ffe8db;
|
|
270
|
+
--seed-color-bg-critical-solid: #fa342c;
|
|
271
|
+
--seed-color-bg-critical-solid-pressed: #ca1d13;
|
|
272
|
+
--seed-color-bg-critical-weak: #fdf0f0;
|
|
273
|
+
--seed-color-bg-critical-weak-pressed: #fde7e7;
|
|
274
|
+
--seed-color-bg-disabled: #f3f4f5;
|
|
275
|
+
--seed-color-bg-informative-solid: #217cf9;
|
|
276
|
+
--seed-color-bg-informative-solid-pressed: #135fcd;
|
|
277
|
+
--seed-color-bg-informative-weak: #eff6ff;
|
|
278
|
+
--seed-color-bg-informative-weak-pressed: #e2edfc;
|
|
279
|
+
--seed-color-bg-layer-basement: #f3f4f5;
|
|
280
|
+
--seed-color-bg-layer-default: #fff;
|
|
281
|
+
--seed-color-bg-layer-default-pressed: #f7f8f9;
|
|
282
|
+
--seed-color-bg-layer-fill: #f7f8f9;
|
|
283
|
+
--seed-color-bg-layer-floating: #fff;
|
|
284
|
+
--seed-color-bg-layer-floating-pressed: #f7f8f9;
|
|
285
285
|
--seed-color-bg-magic-weak: #f9f2ee;
|
|
286
|
-
--seed-color-bg-neutral-inverted:
|
|
287
|
-
--seed-color-bg-neutral-inverted-pressed:
|
|
288
|
-
--seed-color-bg-neutral-solid:
|
|
289
|
-
--seed-color-bg-neutral-solid-muted:
|
|
290
|
-
--seed-color-bg-neutral-solid-muted-pressed:
|
|
291
|
-
--seed-color-bg-neutral-weak:
|
|
292
|
-
--seed-color-bg-neutral-weak-alpha:
|
|
293
|
-
--seed-color-bg-neutral-weak-alpha-pressed:
|
|
294
|
-
--seed-color-bg-neutral-weak-pressed:
|
|
295
|
-
--seed-color-bg-overlay:
|
|
296
|
-
--seed-color-bg-overlay-muted:
|
|
297
|
-
--seed-color-bg-positive-solid:
|
|
298
|
-
--seed-color-bg-positive-solid-pressed:
|
|
299
|
-
--seed-color-bg-positive-weak:
|
|
300
|
-
--seed-color-bg-positive-weak-pressed:
|
|
286
|
+
--seed-color-bg-neutral-inverted: #2a3038;
|
|
287
|
+
--seed-color-bg-neutral-inverted-pressed: #555d6d;
|
|
288
|
+
--seed-color-bg-neutral-solid: #1a1c20;
|
|
289
|
+
--seed-color-bg-neutral-solid-muted: #555d6d;
|
|
290
|
+
--seed-color-bg-neutral-solid-muted-pressed: #2a3038;
|
|
291
|
+
--seed-color-bg-neutral-weak: #f3f4f5;
|
|
292
|
+
--seed-color-bg-neutral-weak-alpha: #0000000c;
|
|
293
|
+
--seed-color-bg-neutral-weak-alpha-pressed: #00000010;
|
|
294
|
+
--seed-color-bg-neutral-weak-pressed: #eeeff1;
|
|
295
|
+
--seed-color-bg-overlay: #00000074;
|
|
296
|
+
--seed-color-bg-overlay-muted: #0000002c;
|
|
297
|
+
--seed-color-bg-positive-solid: #079171;
|
|
298
|
+
--seed-color-bg-positive-solid-pressed: #00745f;
|
|
299
|
+
--seed-color-bg-positive-weak: #edfaf6;
|
|
300
|
+
--seed-color-bg-positive-weak-pressed: #d9f6e9;
|
|
301
301
|
--seed-color-bg-transparent: #0000;
|
|
302
|
-
--seed-color-bg-transparent-pressed:
|
|
303
|
-
--seed-color-bg-transparent-selected:
|
|
304
|
-
--seed-color-bg-transparent-selected-pressed:
|
|
305
|
-
--seed-color-bg-warning-solid:
|
|
306
|
-
--seed-color-bg-warning-solid-pressed:
|
|
307
|
-
--seed-color-bg-warning-weak:
|
|
308
|
-
--seed-color-bg-warning-weak-pressed:
|
|
309
|
-
--seed-color-stroke-brand-solid:
|
|
310
|
-
--seed-color-stroke-brand-weak:
|
|
311
|
-
--seed-color-stroke-critical-solid:
|
|
312
|
-
--seed-color-stroke-critical-weak:
|
|
313
|
-
--seed-color-stroke-focus-ring:
|
|
314
|
-
--seed-color-stroke-informative-solid:
|
|
315
|
-
--seed-color-stroke-informative-weak:
|
|
316
|
-
--seed-color-stroke-neutral-contrast:
|
|
317
|
-
--seed-color-stroke-neutral-muted:
|
|
318
|
-
--seed-color-stroke-neutral-solid:
|
|
319
|
-
--seed-color-stroke-neutral-subtle:
|
|
320
|
-
--seed-color-stroke-neutral-weak:
|
|
321
|
-
--seed-color-stroke-positive-solid:
|
|
322
|
-
--seed-color-stroke-positive-weak:
|
|
323
|
-
--seed-color-stroke-warning-solid:
|
|
324
|
-
--seed-color-stroke-warning-weak:
|
|
302
|
+
--seed-color-bg-transparent-pressed: #00000007;
|
|
303
|
+
--seed-color-bg-transparent-selected: #0000000c;
|
|
304
|
+
--seed-color-bg-transparent-selected-pressed: #00000010;
|
|
305
|
+
--seed-color-bg-warning-solid: #fbdc65;
|
|
306
|
+
--seed-color-bg-warning-solid-pressed: #e9c647;
|
|
307
|
+
--seed-color-bg-warning-weak: #fff7de;
|
|
308
|
+
--seed-color-bg-warning-weak-pressed: #fdefb9;
|
|
309
|
+
--seed-color-stroke-brand-solid: #e14d00;
|
|
310
|
+
--seed-color-stroke-brand-weak: #ffd5c0;
|
|
311
|
+
--seed-color-stroke-critical-solid: #fa342c;
|
|
312
|
+
--seed-color-stroke-critical-weak: #fed4d2;
|
|
313
|
+
--seed-color-stroke-focus-ring: #5e98fe;
|
|
314
|
+
--seed-color-stroke-informative-solid: #217cf9;
|
|
315
|
+
--seed-color-stroke-informative-weak: #cbdffa;
|
|
316
|
+
--seed-color-stroke-neutral-contrast: #1a1c20;
|
|
317
|
+
--seed-color-stroke-neutral-muted: #00000010;
|
|
318
|
+
--seed-color-stroke-neutral-solid: #555d6d;
|
|
319
|
+
--seed-color-stroke-neutral-subtle: #0000000c;
|
|
320
|
+
--seed-color-stroke-neutral-weak: #dcdee3;
|
|
321
|
+
--seed-color-stroke-positive-solid: #079171;
|
|
322
|
+
--seed-color-stroke-positive-weak: #b9e9d2;
|
|
323
|
+
--seed-color-stroke-warning-solid: #9b7821;
|
|
324
|
+
--seed-color-stroke-warning-weak: #fbdc65;
|
|
325
325
|
--seed-color-manner-temp-l1-bg: #f1f2f3;
|
|
326
326
|
--seed-color-manner-temp-l1-text: #757b85;
|
|
327
327
|
--seed-color-manner-temp-l10-bg: #ffebee;
|
|
@@ -352,6 +352,7 @@ text {
|
|
|
352
352
|
--seed-color-banner-teal: #e6faf6;
|
|
353
353
|
--seed-color-banner-warm-gray: #f2f0ee;
|
|
354
354
|
--seed-color-banner-yellow: #fffae1;
|
|
355
|
+
--seed-gradient-fade-mask: #0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;
|
|
355
356
|
--seed-gradient-glow-magic: #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;
|
|
356
357
|
--seed-gradient-glow-magic-pressed: #fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;
|
|
357
358
|
--seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
|
|
@@ -458,81 +459,81 @@ text {
|
|
|
458
459
|
--seed-color-palette-static-white-alpha-800: #ffffffde;
|
|
459
460
|
--seed-color-palette-static-white-alpha-900: #ffffffea;
|
|
460
461
|
--seed-color-palette-static-white-alpha-1000: #fffffff4;
|
|
461
|
-
--seed-color-fg-brand:
|
|
462
|
-
--seed-color-fg-brand-contrast:
|
|
463
|
-
--seed-color-fg-critical:
|
|
464
|
-
--seed-color-fg-critical-contrast:
|
|
465
|
-
--seed-color-fg-disabled:
|
|
466
|
-
--seed-color-fg-informative:
|
|
467
|
-
--seed-color-fg-informative-contrast:
|
|
468
|
-
--seed-color-fg-neutral:
|
|
469
|
-
--seed-color-fg-neutral-inverted:
|
|
470
|
-
--seed-color-fg-neutral-muted:
|
|
471
|
-
--seed-color-fg-neutral-subtle:
|
|
472
|
-
--seed-color-fg-placeholder:
|
|
473
|
-
--seed-color-fg-positive:
|
|
474
|
-
--seed-color-fg-positive-contrast:
|
|
475
|
-
--seed-color-fg-warning:
|
|
476
|
-
--seed-color-fg-warning-contrast:
|
|
477
|
-
--seed-color-bg-brand-solid:
|
|
478
|
-
--seed-color-bg-brand-solid-pressed:
|
|
479
|
-
--seed-color-bg-brand-weak:
|
|
480
|
-
--seed-color-bg-brand-weak-pressed:
|
|
481
|
-
--seed-color-bg-critical-solid:
|
|
482
|
-
--seed-color-bg-critical-solid-pressed:
|
|
483
|
-
--seed-color-bg-critical-weak:
|
|
484
|
-
--seed-color-bg-critical-weak-pressed:
|
|
485
|
-
--seed-color-bg-disabled:
|
|
486
|
-
--seed-color-bg-informative-solid:
|
|
487
|
-
--seed-color-bg-informative-solid-pressed:
|
|
488
|
-
--seed-color-bg-informative-weak:
|
|
489
|
-
--seed-color-bg-informative-weak-pressed:
|
|
490
|
-
--seed-color-bg-layer-basement:
|
|
491
|
-
--seed-color-bg-layer-default:
|
|
492
|
-
--seed-color-bg-layer-default-pressed:
|
|
493
|
-
--seed-color-bg-layer-fill:
|
|
494
|
-
--seed-color-bg-layer-floating:
|
|
495
|
-
--seed-color-bg-layer-floating-pressed:
|
|
462
|
+
--seed-color-fg-brand: #f60;
|
|
463
|
+
--seed-color-fg-brand-contrast: #f60;
|
|
464
|
+
--seed-color-fg-critical: #ff6e60;
|
|
465
|
+
--seed-color-fg-critical-contrast: #f8c5c3;
|
|
466
|
+
--seed-color-fg-disabled: #5b606a;
|
|
467
|
+
--seed-color-fg-informative: #41a2f9;
|
|
468
|
+
--seed-color-fg-informative-contrast: #b9d7fb;
|
|
469
|
+
--seed-color-fg-neutral: #f3f4f5;
|
|
470
|
+
--seed-color-fg-neutral-inverted: #16171b;
|
|
471
|
+
--seed-color-fg-neutral-muted: #dcdee3;
|
|
472
|
+
--seed-color-fg-neutral-subtle: #b0b3ba;
|
|
473
|
+
--seed-color-fg-placeholder: #868b94;
|
|
474
|
+
--seed-color-fg-positive: #22b27f;
|
|
475
|
+
--seed-color-fg-positive-contrast: #93e5c0;
|
|
476
|
+
--seed-color-fg-warning: #ca901c;
|
|
477
|
+
--seed-color-fg-warning-contrast: #e5d49b;
|
|
478
|
+
--seed-color-bg-brand-solid: #f60;
|
|
479
|
+
--seed-color-bg-brand-solid-pressed: #ff9e65;
|
|
480
|
+
--seed-color-bg-brand-weak: #31241f;
|
|
481
|
+
--seed-color-bg-brand-weak-pressed: #4b291c;
|
|
482
|
+
--seed-color-bg-critical-solid: #f73526;
|
|
483
|
+
--seed-color-bg-critical-solid-pressed: #ff6e60;
|
|
484
|
+
--seed-color-bg-critical-weak: #322323;
|
|
485
|
+
--seed-color-bg-critical-weak-pressed: #4f2624;
|
|
486
|
+
--seed-color-bg-disabled: #2b2e35;
|
|
487
|
+
--seed-color-bg-informative-solid: #1e82eb;
|
|
488
|
+
--seed-color-bg-informative-solid-pressed: #41a2f9;
|
|
489
|
+
--seed-color-bg-informative-weak: #202742;
|
|
490
|
+
--seed-color-bg-informative-weak-pressed: #1e3352;
|
|
491
|
+
--seed-color-bg-layer-basement: #000;
|
|
492
|
+
--seed-color-bg-layer-default: #16171b;
|
|
493
|
+
--seed-color-bg-layer-default-pressed: #2b2e35;
|
|
494
|
+
--seed-color-bg-layer-fill: #1d2025;
|
|
495
|
+
--seed-color-bg-layer-floating: #1d2025;
|
|
496
|
+
--seed-color-bg-layer-floating-pressed: #2b2e35;
|
|
496
497
|
--seed-color-bg-magic-weak: #201f1f;
|
|
497
|
-
--seed-color-bg-neutral-inverted:
|
|
498
|
-
--seed-color-bg-neutral-inverted-pressed:
|
|
499
|
-
--seed-color-bg-neutral-solid:
|
|
500
|
-
--seed-color-bg-neutral-solid-muted:
|
|
501
|
-
--seed-color-bg-neutral-solid-muted-pressed:
|
|
502
|
-
--seed-color-bg-neutral-weak:
|
|
503
|
-
--seed-color-bg-neutral-weak-alpha:
|
|
504
|
-
--seed-color-bg-neutral-weak-alpha-pressed:
|
|
505
|
-
--seed-color-bg-neutral-weak-pressed:
|
|
506
|
-
--seed-color-bg-overlay:
|
|
507
|
-
--seed-color-bg-overlay-muted:
|
|
508
|
-
--seed-color-bg-positive-solid:
|
|
509
|
-
--seed-color-bg-positive-solid-pressed:
|
|
510
|
-
--seed-color-bg-positive-weak:
|
|
511
|
-
--seed-color-bg-positive-weak-pressed:
|
|
498
|
+
--seed-color-bg-neutral-inverted: #f3f4f5;
|
|
499
|
+
--seed-color-bg-neutral-inverted-pressed: #dcdee3;
|
|
500
|
+
--seed-color-bg-neutral-solid: #2b2e35;
|
|
501
|
+
--seed-color-bg-neutral-solid-muted: #393d46;
|
|
502
|
+
--seed-color-bg-neutral-solid-muted-pressed: #5b606a;
|
|
503
|
+
--seed-color-bg-neutral-weak: #2b2e35;
|
|
504
|
+
--seed-color-bg-neutral-weak-alpha: #ffffff20;
|
|
505
|
+
--seed-color-bg-neutral-weak-alpha-pressed: #ffffff2e;
|
|
506
|
+
--seed-color-bg-neutral-weak-pressed: #393d46;
|
|
507
|
+
--seed-color-bg-overlay: #00000074;
|
|
508
|
+
--seed-color-bg-overlay-muted: #0000002c;
|
|
509
|
+
--seed-color-bg-positive-solid: #117956;
|
|
510
|
+
--seed-color-bg-positive-solid-pressed: #1b946d;
|
|
511
|
+
--seed-color-bg-positive-weak: #202926;
|
|
512
|
+
--seed-color-bg-positive-weak-pressed: #20362e;
|
|
512
513
|
--seed-color-bg-transparent: #fff0;
|
|
513
|
-
--seed-color-bg-transparent-pressed:
|
|
514
|
-
--seed-color-bg-transparent-selected:
|
|
515
|
-
--seed-color-bg-transparent-selected-pressed:
|
|
516
|
-
--seed-color-bg-warning-solid:
|
|
517
|
-
--seed-color-bg-warning-solid-pressed:
|
|
518
|
-
--seed-color-bg-warning-weak:
|
|
519
|
-
--seed-color-bg-warning-weak-pressed:
|
|
520
|
-
--seed-color-stroke-brand-solid:
|
|
521
|
-
--seed-color-stroke-brand-weak:
|
|
522
|
-
--seed-color-stroke-critical-solid:
|
|
523
|
-
--seed-color-stroke-critical-weak:
|
|
524
|
-
--seed-color-stroke-focus-ring:
|
|
525
|
-
--seed-color-stroke-informative-solid:
|
|
526
|
-
--seed-color-stroke-informative-weak:
|
|
527
|
-
--seed-color-stroke-neutral-contrast:
|
|
528
|
-
--seed-color-stroke-neutral-muted:
|
|
529
|
-
--seed-color-stroke-neutral-solid:
|
|
530
|
-
--seed-color-stroke-neutral-subtle:
|
|
531
|
-
--seed-color-stroke-neutral-weak:
|
|
532
|
-
--seed-color-stroke-positive-solid:
|
|
533
|
-
--seed-color-stroke-positive-weak:
|
|
534
|
-
--seed-color-stroke-warning-solid:
|
|
535
|
-
--seed-color-stroke-warning-weak:
|
|
514
|
+
--seed-color-bg-transparent-pressed: #ffffff0d;
|
|
515
|
+
--seed-color-bg-transparent-selected: #ffffff17;
|
|
516
|
+
--seed-color-bg-transparent-selected-pressed: #ffffff20;
|
|
517
|
+
--seed-color-bg-warning-solid: #dab156;
|
|
518
|
+
--seed-color-bg-warning-solid-pressed: #e5d49b;
|
|
519
|
+
--seed-color-bg-warning-weak: #302819;
|
|
520
|
+
--seed-color-bg-warning-weak-pressed: #413218;
|
|
521
|
+
--seed-color-stroke-brand-solid: #f60;
|
|
522
|
+
--seed-color-stroke-brand-weak: #6b311c;
|
|
523
|
+
--seed-color-stroke-critical-solid: #ff6e60;
|
|
524
|
+
--seed-color-stroke-critical-weak: #742826;
|
|
525
|
+
--seed-color-stroke-focus-ring: #1e82eb;
|
|
526
|
+
--seed-color-stroke-informative-solid: #41a2f9;
|
|
527
|
+
--seed-color-stroke-informative-weak: #1a4275;
|
|
528
|
+
--seed-color-stroke-neutral-contrast: #f3f4f5;
|
|
529
|
+
--seed-color-stroke-neutral-muted: #ffffff17;
|
|
530
|
+
--seed-color-stroke-neutral-solid: #dcdee3;
|
|
531
|
+
--seed-color-stroke-neutral-subtle: #ffffff0d;
|
|
532
|
+
--seed-color-stroke-neutral-weak: #393d46;
|
|
533
|
+
--seed-color-stroke-positive-solid: #22b27f;
|
|
534
|
+
--seed-color-stroke-positive-weak: #20493b;
|
|
535
|
+
--seed-color-stroke-warning-solid: #ca901c;
|
|
536
|
+
--seed-color-stroke-warning-weak: #543e15;
|
|
536
537
|
--seed-color-manner-temp-l1-bg: #292929;
|
|
537
538
|
--seed-color-manner-temp-l1-text: #b8b8b9;
|
|
538
539
|
--seed-color-manner-temp-l10-bg: #34040a;
|
|
@@ -563,6 +564,7 @@ text {
|
|
|
563
564
|
--seed-color-banner-teal: #143633;
|
|
564
565
|
--seed-color-banner-warm-gray: #2f2b27;
|
|
565
566
|
--seed-color-banner-yellow: #3e2b00;
|
|
567
|
+
--seed-gradient-fade-mask: #0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;
|
|
566
568
|
--seed-gradient-glow-magic: #2d252d 0%, #3a312b 80%, #333232 100%;
|
|
567
569
|
--seed-gradient-glow-magic-pressed: #3e333e 0%, #51453e 80%, #434242 100%;
|
|
568
570
|
--seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
|
package/base.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
text{background-color:var(--seed-color-bg-transparent)}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display: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,0);margin-right:var(--seed-prefix-icon-margin-right,0);margin-top:var(--seed-prefix-icon-margin-top,0);margin-bottom:var(--seed-prefix-icon-margin-bottom,0);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,0);margin-right:var(--seed-suffix-icon-margin-right,0);margin-top:var(--seed-suffix-icon-margin-top,0);margin-bottom:var(--seed-suffix-icon-margin-bottom,0);align-self:var(--seed-suffix-icon-align-self);justify-self:var(--seed-suffix-icon-justify-self)}: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-duration-color-transition:var(--seed-duration-d3);--seed-duration-pressed-scale:var(--seed-duration-d3);--seed-font-size-t1:11sp;--seed-font-size-t2:12sp;--seed-font-size-t3:13sp;--seed-font-size-t4:14sp;--seed-font-size-t5:16sp;--seed-font-size-t6:18sp;--seed-font-size-t7:20sp;--seed-font-size-t8:22sp;--seed-font-size-t9:24sp;--seed-font-size-t10:26sp;--seed-font-size-t11:28sp;--seed-font-size-t12:32sp;--seed-font-size-t13:40sp;--seed-font-size-t14:48sp;--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-size-t11-static:28px;--seed-font-size-t12-static:32px;--seed-font-size-t13-static:40px;--seed-font-size-t14-static:48px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:15sp;--seed-line-height-t2:16sp;--seed-line-height-t3:18sp;--seed-line-height-t4:19sp;--seed-line-height-t5:22sp;--seed-line-height-t6:24sp;--seed-line-height-t7:27sp;--seed-line-height-t8:30sp;--seed-line-height-t9:32sp;--seed-line-height-t10:35sp;--seed-line-height-t11:38sp;--seed-line-height-t12:42sp;--seed-line-height-t13:52sp;--seed-line-height-t14:60sp;--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-line-height-t11-static:38px;--seed-line-height-t12-static:42px;--seed-line-height-t13-static:52px;--seed-line-height-t14-static:60px;--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);--seed-timing-function-pressed-scale:cubic-bezier(0, 0, .15, 1)}:root,:root.seed-user-color-scheme-light,:root.seed-color-mode-light-only,.seed-color-mode-light-only{--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-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-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-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-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-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-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-static-black:#000;--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:#fff;--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-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--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-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--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:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--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:var(--seed-color-palette-red-100);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--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:var(--seed-color-palette-blue-100);--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-default-pressed:var(--seed-color-palette-gray-100);--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-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--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:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-weak-alpha:var(--seed-color-palette-static-black-alpha-200);--seed-color-bg-neutral-weak-alpha-pressed:var(--seed-color-palette-static-black-alpha-300);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--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:var(--seed-color-palette-green-100);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-transparent:#0000;--seed-color-bg-transparent-pressed:var(--seed-color-palette-static-black-alpha-100);--seed-color-bg-transparent-selected:var(--seed-color-palette-static-black-alpha-200);--seed-color-bg-transparent-selected-pressed:var(--seed-color-palette-static-black-alpha-300);--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:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-focus-ring:var(--seed-color-palette-blue-600);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--seed-color-manner-temp-l1-bg:#f1f2f3;--seed-color-manner-temp-l1-text:#757b85;--seed-color-manner-temp-l10-bg:#ffebee;--seed-color-manner-temp-l10-text:#cb0123;--seed-color-manner-temp-l2-bg:#f8f4ec;--seed-color-manner-temp-l2-text:#ab863f;--seed-color-manner-temp-l3-bg:#fff5e5;--seed-color-manner-temp-l3-text:#e08a00;--seed-color-manner-temp-l4-bg:#fff3e5;--seed-color-manner-temp-l4-text:#f57e00;--seed-color-manner-temp-l5-bg:#fff1e5;--seed-color-manner-temp-l5-text:#ff7300;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l6-text:#f60;--seed-color-manner-temp-l7-bg:#ffefe5;--seed-color-manner-temp-l7-text:#ff5100;--seed-color-manner-temp-l8-bg:#ffeee5;--seed-color-manner-temp-l8-text:#f30;--seed-color-manner-temp-l9-bg:#fdeded;--seed-color-manner-temp-l9-text:#e82c45;--seed-color-banner-blue:#e1f7ff;--seed-color-banner-cool-gray:#ebf1f5;--seed-color-banner-green:#f0fbe5;--seed-color-banner-orange:#fff2e1;--seed-color-banner-pink:#ffebf1;--seed-color-banner-purple:#f5ecff;--seed-color-banner-red:#ffecee;--seed-color-banner-teal:#e6faf6;--seed-color-banner-warm-gray:#f2f0ee;--seed-color-banner-yellow:#fffae1;--seed-gradient-glow-magic:#fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;--seed-gradient-highlight-magic:#f60 20%, #d25aca 100%;--seed-gradient-highlight-magic-pressed:#e14f00 20%, #ae58bf 100%;--seed-gradient-shimmer-magic:#fff9f500 0%, #fff9f5cc 46%, #fff9f5cc 54%, #fff9f500 100%;--seed-gradient-shimmer-neutral:#fff0 0%, #ffffffab 46%, #ffffffab 54%, #fff0 100%;--seed-shadow-s1:0px 1px 4px 0px #00000014;--seed-shadow-s2:0px 2px 10px 0px #0000001a;--seed-shadow-s3:0px 4px 16px 0px #0000001f}:root.seed-user-color-scheme-dark,:root.seed-color-mode-dark-only,.seed-color-mode-dark-only{--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-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-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-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-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-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-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-static-black:#000;--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:#fff;--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-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--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-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--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:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--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:var(--seed-color-palette-red-100);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--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:var(--seed-color-palette-blue-100);--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-default-pressed:var(--seed-color-palette-gray-300);--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-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--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:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-weak-alpha:var(--seed-color-palette-static-white-alpha-200);--seed-color-bg-neutral-weak-alpha-pressed:var(--seed-color-palette-static-white-alpha-300);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--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:var(--seed-color-palette-green-100);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-transparent:#fff0;--seed-color-bg-transparent-pressed:var(--seed-color-palette-static-white-alpha-50);--seed-color-bg-transparent-selected:var(--seed-color-palette-static-white-alpha-100);--seed-color-bg-transparent-selected-pressed:var(--seed-color-palette-static-white-alpha-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-800);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-900);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-focus-ring:var(--seed-color-palette-blue-600);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--seed-color-manner-temp-l1-bg:#292929;--seed-color-manner-temp-l1-text:#b8b8b9;--seed-color-manner-temp-l10-bg:#34040a;--seed-color-manner-temp-l10-text:#fb6f82;--seed-color-manner-temp-l2-bg:#332605;--seed-color-manner-temp-l2-text:#f5db97;--seed-color-manner-temp-l3-bg:#372b01;--seed-color-manner-temp-l3-text:#fdda65;--seed-color-manner-temp-l4-bg:#372301;--seed-color-manner-temp-l4-text:#fbbe55;--seed-color-manner-temp-l5-bg:#371f01;--seed-color-manner-temp-l5-text:#faac4b;--seed-color-manner-temp-l6-bg:#351b03;--seed-color-manner-temp-l6-text:#fc9855;--seed-color-manner-temp-l7-bg:#371701;--seed-color-manner-temp-l7-text:#f97a25;--seed-color-manner-temp-l8-bg:#380f00;--seed-color-manner-temp-l8-text:#fe6a34;--seed-color-manner-temp-l9-bg:#380500;--seed-color-manner-temp-l9-text:#fe6a5d;--seed-color-banner-blue:#0d2a3a;--seed-color-banner-cool-gray:#242c33;--seed-color-banner-green:#1e361c;--seed-color-banner-orange:#42230a;--seed-color-banner-pink:#3b172c;--seed-color-banner-purple:#2e1e45;--seed-color-banner-red:#3a0f15;--seed-color-banner-teal:#143633;--seed-color-banner-warm-gray:#2f2b27;--seed-color-banner-yellow:#3e2b00;--seed-gradient-glow-magic:#2d252d 0%, #3a312b 80%, #333232 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%, #51453e 80%, #434242 100%;--seed-gradient-highlight-magic:#f60 20%, #d25aca 100%;--seed-gradient-highlight-magic-pressed:#ff9e65 20%, #e89bee 100%;--seed-gradient-shimmer-magic:#fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;--seed-gradient-shimmer-neutral:#fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;--seed-shadow-s1:0px 1px 4px 0px #00000080;--seed-shadow-s2:0px 2px 10px 0px #000000ad;--seed-shadow-s3:0px 4px 16px 0px #000c}:root{--seed-scale-s95:.95;--seed-scale-s97:.97;--seed-scale-s98:.98}@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 fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes drawer-slide-from-bottom{0%{transform:translate3d(0, var(--seed-drawer-start-transform,100%), 0)}to{transform:translate3d(0, var(--snap-point-height,0), 0)}}@keyframes drawer-slide-to-bottom{to{transform:translate3d(0, var(--seed-drawer-start-transform,100%), 0)}}
|
|
1
|
+
text{background-color:var(--seed-color-bg-transparent)}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display: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,0);margin-right:var(--seed-prefix-icon-margin-right,0);margin-top:var(--seed-prefix-icon-margin-top,0);margin-bottom:var(--seed-prefix-icon-margin-bottom,0);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,0);margin-right:var(--seed-suffix-icon-margin-right,0);margin-top:var(--seed-suffix-icon-margin-top,0);margin-bottom:var(--seed-suffix-icon-margin-bottom,0);align-self:var(--seed-suffix-icon-align-self);justify-self:var(--seed-suffix-icon-justify-self)}: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:8px;--seed-dimension-spacing-x-global-gutter:16px;--seed-dimension-spacing-y-component-default:12px;--seed-dimension-spacing-y-nav-to-title:20px;--seed-dimension-spacing-y-screen-bottom:56px;--seed-dimension-spacing-y-between-text:6px;--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-duration-color-transition:.15s;--seed-duration-pressed-scale:.15s;--seed-font-size-t1:11sp;--seed-font-size-t2:12sp;--seed-font-size-t3:13sp;--seed-font-size-t4:14sp;--seed-font-size-t5:16sp;--seed-font-size-t6:18sp;--seed-font-size-t7:20sp;--seed-font-size-t8:22sp;--seed-font-size-t9:24sp;--seed-font-size-t10:26sp;--seed-font-size-t11:28sp;--seed-font-size-t12:32sp;--seed-font-size-t13:40sp;--seed-font-size-t14:48sp;--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-size-t11-static:28px;--seed-font-size-t12-static:32px;--seed-font-size-t13-static:40px;--seed-font-size-t14-static:48px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:15sp;--seed-line-height-t2:16sp;--seed-line-height-t3:18sp;--seed-line-height-t4:19sp;--seed-line-height-t5:22sp;--seed-line-height-t6:24sp;--seed-line-height-t7:27sp;--seed-line-height-t8:30sp;--seed-line-height-t9:32sp;--seed-line-height-t10:35sp;--seed-line-height-t11:38sp;--seed-line-height-t12:42sp;--seed-line-height-t13:52sp;--seed-line-height-t14:60sp;--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-line-height-t11-static:38px;--seed-line-height-t12-static:42px;--seed-line-height-t13-static:52px;--seed-line-height-t14-static:60px;--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);--seed-timing-function-pressed-scale:cubic-bezier(0, 0, .15, 1)}:root,:root.seed-user-color-scheme-light,:root.seed-color-mode-light-only,.seed-color-mode-light-only{--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-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-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-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-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-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-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-static-black:#000;--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:#fff;--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-fg-brand:#f60;--seed-color-fg-brand-contrast:#e14d00;--seed-color-fg-critical:#fa342c;--seed-color-fg-critical-contrast:#921708;--seed-color-fg-disabled:#d1d3d8;--seed-color-fg-informative:#217cf9;--seed-color-fg-informative-contrast:#0b4596;--seed-color-fg-neutral:#1a1c20;--seed-color-fg-neutral-inverted:#fff;--seed-color-fg-neutral-muted:#555d6d;--seed-color-fg-neutral-subtle:#868b94;--seed-color-fg-placeholder:#b0b3ba;--seed-color-fg-positive:#079171;--seed-color-fg-positive-contrast:#075445;--seed-color-fg-warning:#9b7821;--seed-color-fg-warning-contrast:#4f3e1f;--seed-color-bg-brand-solid:#f60;--seed-color-bg-brand-solid-pressed:#e14d00;--seed-color-bg-brand-weak:#fff2ec;--seed-color-bg-brand-weak-pressed:#ffe8db;--seed-color-bg-critical-solid:#fa342c;--seed-color-bg-critical-solid-pressed:#ca1d13;--seed-color-bg-critical-weak:#fdf0f0;--seed-color-bg-critical-weak-pressed:#fde7e7;--seed-color-bg-disabled:#f3f4f5;--seed-color-bg-informative-solid:#217cf9;--seed-color-bg-informative-solid-pressed:#135fcd;--seed-color-bg-informative-weak:#eff6ff;--seed-color-bg-informative-weak-pressed:#e2edfc;--seed-color-bg-layer-basement:#f3f4f5;--seed-color-bg-layer-default:#fff;--seed-color-bg-layer-default-pressed:#f7f8f9;--seed-color-bg-layer-fill:#f7f8f9;--seed-color-bg-layer-floating:#fff;--seed-color-bg-layer-floating-pressed:#f7f8f9;--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:#2a3038;--seed-color-bg-neutral-inverted-pressed:#555d6d;--seed-color-bg-neutral-solid:#1a1c20;--seed-color-bg-neutral-solid-muted:#555d6d;--seed-color-bg-neutral-solid-muted-pressed:#2a3038;--seed-color-bg-neutral-weak:#f3f4f5;--seed-color-bg-neutral-weak-alpha:#0000000c;--seed-color-bg-neutral-weak-alpha-pressed:#00000010;--seed-color-bg-neutral-weak-pressed:#eeeff1;--seed-color-bg-overlay:#00000074;--seed-color-bg-overlay-muted:#0000002c;--seed-color-bg-positive-solid:#079171;--seed-color-bg-positive-solid-pressed:#00745f;--seed-color-bg-positive-weak:#edfaf6;--seed-color-bg-positive-weak-pressed:#d9f6e9;--seed-color-bg-transparent:#0000;--seed-color-bg-transparent-pressed:#00000007;--seed-color-bg-transparent-selected:#0000000c;--seed-color-bg-transparent-selected-pressed:#00000010;--seed-color-bg-warning-solid:#fbdc65;--seed-color-bg-warning-solid-pressed:#e9c647;--seed-color-bg-warning-weak:#fff7de;--seed-color-bg-warning-weak-pressed:#fdefb9;--seed-color-stroke-brand-solid:#e14d00;--seed-color-stroke-brand-weak:#ffd5c0;--seed-color-stroke-critical-solid:#fa342c;--seed-color-stroke-critical-weak:#fed4d2;--seed-color-stroke-focus-ring:#5e98fe;--seed-color-stroke-informative-solid:#217cf9;--seed-color-stroke-informative-weak:#cbdffa;--seed-color-stroke-neutral-contrast:#1a1c20;--seed-color-stroke-neutral-muted:#00000010;--seed-color-stroke-neutral-solid:#555d6d;--seed-color-stroke-neutral-subtle:#0000000c;--seed-color-stroke-neutral-weak:#dcdee3;--seed-color-stroke-positive-solid:#079171;--seed-color-stroke-positive-weak:#b9e9d2;--seed-color-stroke-warning-solid:#9b7821;--seed-color-stroke-warning-weak:#fbdc65;--seed-color-manner-temp-l1-bg:#f1f2f3;--seed-color-manner-temp-l1-text:#757b85;--seed-color-manner-temp-l10-bg:#ffebee;--seed-color-manner-temp-l10-text:#cb0123;--seed-color-manner-temp-l2-bg:#f8f4ec;--seed-color-manner-temp-l2-text:#ab863f;--seed-color-manner-temp-l3-bg:#fff5e5;--seed-color-manner-temp-l3-text:#e08a00;--seed-color-manner-temp-l4-bg:#fff3e5;--seed-color-manner-temp-l4-text:#f57e00;--seed-color-manner-temp-l5-bg:#fff1e5;--seed-color-manner-temp-l5-text:#ff7300;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l6-text:#f60;--seed-color-manner-temp-l7-bg:#ffefe5;--seed-color-manner-temp-l7-text:#ff5100;--seed-color-manner-temp-l8-bg:#ffeee5;--seed-color-manner-temp-l8-text:#f30;--seed-color-manner-temp-l9-bg:#fdeded;--seed-color-manner-temp-l9-text:#e82c45;--seed-color-banner-blue:#e1f7ff;--seed-color-banner-cool-gray:#ebf1f5;--seed-color-banner-green:#f0fbe5;--seed-color-banner-orange:#fff2e1;--seed-color-banner-pink:#ffebf1;--seed-color-banner-purple:#f5ecff;--seed-color-banner-red:#ffecee;--seed-color-banner-teal:#e6faf6;--seed-color-banner-warm-gray:#f2f0ee;--seed-color-banner-yellow:#fffae1;--seed-gradient-fade-mask:#0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;--seed-gradient-glow-magic:#fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;--seed-gradient-highlight-magic:#f60 20%, #d25aca 100%;--seed-gradient-highlight-magic-pressed:#e14f00 20%, #ae58bf 100%;--seed-gradient-shimmer-magic:#fff9f500 0%, #fff9f5cc 46%, #fff9f5cc 54%, #fff9f500 100%;--seed-gradient-shimmer-neutral:#fff0 0%, #ffffffab 46%, #ffffffab 54%, #fff0 100%;--seed-shadow-s1:0px 1px 4px 0px #00000014;--seed-shadow-s2:0px 2px 10px 0px #0000001a;--seed-shadow-s3:0px 4px 16px 0px #0000001f}:root.seed-user-color-scheme-dark,:root.seed-color-mode-dark-only,.seed-color-mode-dark-only{--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-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-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-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-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-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-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-static-black:#000;--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:#fff;--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-fg-brand:#f60;--seed-color-fg-brand-contrast:#f60;--seed-color-fg-critical:#ff6e60;--seed-color-fg-critical-contrast:#f8c5c3;--seed-color-fg-disabled:#5b606a;--seed-color-fg-informative:#41a2f9;--seed-color-fg-informative-contrast:#b9d7fb;--seed-color-fg-neutral:#f3f4f5;--seed-color-fg-neutral-inverted:#16171b;--seed-color-fg-neutral-muted:#dcdee3;--seed-color-fg-neutral-subtle:#b0b3ba;--seed-color-fg-placeholder:#868b94;--seed-color-fg-positive:#22b27f;--seed-color-fg-positive-contrast:#93e5c0;--seed-color-fg-warning:#ca901c;--seed-color-fg-warning-contrast:#e5d49b;--seed-color-bg-brand-solid:#f60;--seed-color-bg-brand-solid-pressed:#ff9e65;--seed-color-bg-brand-weak:#31241f;--seed-color-bg-brand-weak-pressed:#4b291c;--seed-color-bg-critical-solid:#f73526;--seed-color-bg-critical-solid-pressed:#ff6e60;--seed-color-bg-critical-weak:#322323;--seed-color-bg-critical-weak-pressed:#4f2624;--seed-color-bg-disabled:#2b2e35;--seed-color-bg-informative-solid:#1e82eb;--seed-color-bg-informative-solid-pressed:#41a2f9;--seed-color-bg-informative-weak:#202742;--seed-color-bg-informative-weak-pressed:#1e3352;--seed-color-bg-layer-basement:#000;--seed-color-bg-layer-default:#16171b;--seed-color-bg-layer-default-pressed:#2b2e35;--seed-color-bg-layer-fill:#1d2025;--seed-color-bg-layer-floating:#1d2025;--seed-color-bg-layer-floating-pressed:#2b2e35;--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:#f3f4f5;--seed-color-bg-neutral-inverted-pressed:#dcdee3;--seed-color-bg-neutral-solid:#2b2e35;--seed-color-bg-neutral-solid-muted:#393d46;--seed-color-bg-neutral-solid-muted-pressed:#5b606a;--seed-color-bg-neutral-weak:#2b2e35;--seed-color-bg-neutral-weak-alpha:#ffffff20;--seed-color-bg-neutral-weak-alpha-pressed:#ffffff2e;--seed-color-bg-neutral-weak-pressed:#393d46;--seed-color-bg-overlay:#00000074;--seed-color-bg-overlay-muted:#0000002c;--seed-color-bg-positive-solid:#117956;--seed-color-bg-positive-solid-pressed:#1b946d;--seed-color-bg-positive-weak:#202926;--seed-color-bg-positive-weak-pressed:#20362e;--seed-color-bg-transparent:#fff0;--seed-color-bg-transparent-pressed:#ffffff0d;--seed-color-bg-transparent-selected:#ffffff17;--seed-color-bg-transparent-selected-pressed:#ffffff20;--seed-color-bg-warning-solid:#dab156;--seed-color-bg-warning-solid-pressed:#e5d49b;--seed-color-bg-warning-weak:#302819;--seed-color-bg-warning-weak-pressed:#413218;--seed-color-stroke-brand-solid:#f60;--seed-color-stroke-brand-weak:#6b311c;--seed-color-stroke-critical-solid:#ff6e60;--seed-color-stroke-critical-weak:#742826;--seed-color-stroke-focus-ring:#1e82eb;--seed-color-stroke-informative-solid:#41a2f9;--seed-color-stroke-informative-weak:#1a4275;--seed-color-stroke-neutral-contrast:#f3f4f5;--seed-color-stroke-neutral-muted:#ffffff17;--seed-color-stroke-neutral-solid:#dcdee3;--seed-color-stroke-neutral-subtle:#ffffff0d;--seed-color-stroke-neutral-weak:#393d46;--seed-color-stroke-positive-solid:#22b27f;--seed-color-stroke-positive-weak:#20493b;--seed-color-stroke-warning-solid:#ca901c;--seed-color-stroke-warning-weak:#543e15;--seed-color-manner-temp-l1-bg:#292929;--seed-color-manner-temp-l1-text:#b8b8b9;--seed-color-manner-temp-l10-bg:#34040a;--seed-color-manner-temp-l10-text:#fb6f82;--seed-color-manner-temp-l2-bg:#332605;--seed-color-manner-temp-l2-text:#f5db97;--seed-color-manner-temp-l3-bg:#372b01;--seed-color-manner-temp-l3-text:#fdda65;--seed-color-manner-temp-l4-bg:#372301;--seed-color-manner-temp-l4-text:#fbbe55;--seed-color-manner-temp-l5-bg:#371f01;--seed-color-manner-temp-l5-text:#faac4b;--seed-color-manner-temp-l6-bg:#351b03;--seed-color-manner-temp-l6-text:#fc9855;--seed-color-manner-temp-l7-bg:#371701;--seed-color-manner-temp-l7-text:#f97a25;--seed-color-manner-temp-l8-bg:#380f00;--seed-color-manner-temp-l8-text:#fe6a34;--seed-color-manner-temp-l9-bg:#380500;--seed-color-manner-temp-l9-text:#fe6a5d;--seed-color-banner-blue:#0d2a3a;--seed-color-banner-cool-gray:#242c33;--seed-color-banner-green:#1e361c;--seed-color-banner-orange:#42230a;--seed-color-banner-pink:#3b172c;--seed-color-banner-purple:#2e1e45;--seed-color-banner-red:#3a0f15;--seed-color-banner-teal:#143633;--seed-color-banner-warm-gray:#2f2b27;--seed-color-banner-yellow:#3e2b00;--seed-gradient-fade-mask:#0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;--seed-gradient-glow-magic:#2d252d 0%, #3a312b 80%, #333232 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%, #51453e 80%, #434242 100%;--seed-gradient-highlight-magic:#f60 20%, #d25aca 100%;--seed-gradient-highlight-magic-pressed:#ff9e65 20%, #e89bee 100%;--seed-gradient-shimmer-magic:#fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;--seed-gradient-shimmer-neutral:#fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;--seed-shadow-s1:0px 1px 4px 0px #00000080;--seed-shadow-s2:0px 2px 10px 0px #000000ad;--seed-shadow-s3:0px 4px 16px 0px #000c}:root{--seed-scale-s95:.95;--seed-scale-s97:.97;--seed-scale-s98:.98}@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 fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes drawer-slide-from-bottom{0%{transform:translate3d(0, var(--seed-drawer-start-transform,100%), 0)}to{transform:translate3d(0, var(--snap-point-height,0), 0)}}@keyframes drawer-slide-to-bottom{to{transform:translate3d(0, var(--seed-drawer-start-transform,100%), 0)}}
|
package/package.json
CHANGED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
.seed-manner-temp-badge__root {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: row;
|
|
4
|
+
align-items: center;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
flex-shrink: 0;
|
|
7
|
+
min-height: var(--seed-dimension-x5);
|
|
8
|
+
padding-left: var(--seed-dimension-x1_5);
|
|
9
|
+
padding-right: var(--seed-dimension-x1_5);
|
|
10
|
+
padding-top: var(--seed-dimension-x0_5);
|
|
11
|
+
padding-bottom: var(--seed-dimension-x0_5);
|
|
12
|
+
border-radius: var(--seed-radius-full)
|
|
13
|
+
}
|
|
14
|
+
.seed-manner-temp-badge__label {
|
|
15
|
+
font-size: var(--seed-font-size-t1);
|
|
16
|
+
line-height: var(--seed-line-height-t1);
|
|
17
|
+
font-weight: var(--seed-font-weight-bold)
|
|
18
|
+
}
|
|
19
|
+
.seed-manner-temp-badge__root--level_l1 {
|
|
20
|
+
background-color: var(--seed-color-manner-temp-l1-bg)
|
|
21
|
+
}
|
|
22
|
+
.seed-manner-temp-badge__label--level_l1 {
|
|
23
|
+
color: var(--seed-color-manner-temp-l1-text)
|
|
24
|
+
}
|
|
25
|
+
.seed-manner-temp-badge__root--level_l2 {
|
|
26
|
+
background-color: var(--seed-color-manner-temp-l2-bg)
|
|
27
|
+
}
|
|
28
|
+
.seed-manner-temp-badge__label--level_l2 {
|
|
29
|
+
color: var(--seed-color-manner-temp-l2-text)
|
|
30
|
+
}
|
|
31
|
+
.seed-manner-temp-badge__root--level_l3 {
|
|
32
|
+
background-color: var(--seed-color-manner-temp-l3-bg)
|
|
33
|
+
}
|
|
34
|
+
.seed-manner-temp-badge__label--level_l3 {
|
|
35
|
+
color: var(--seed-color-manner-temp-l3-text)
|
|
36
|
+
}
|
|
37
|
+
.seed-manner-temp-badge__root--level_l4 {
|
|
38
|
+
background-color: var(--seed-color-manner-temp-l4-bg)
|
|
39
|
+
}
|
|
40
|
+
.seed-manner-temp-badge__label--level_l4 {
|
|
41
|
+
color: var(--seed-color-manner-temp-l4-text)
|
|
42
|
+
}
|
|
43
|
+
.seed-manner-temp-badge__root--level_l5 {
|
|
44
|
+
background-color: var(--seed-color-manner-temp-l5-bg)
|
|
45
|
+
}
|
|
46
|
+
.seed-manner-temp-badge__label--level_l5 {
|
|
47
|
+
color: var(--seed-color-manner-temp-l5-text)
|
|
48
|
+
}
|
|
49
|
+
.seed-manner-temp-badge__root--level_l6 {
|
|
50
|
+
background-color: var(--seed-color-manner-temp-l6-bg)
|
|
51
|
+
}
|
|
52
|
+
.seed-manner-temp-badge__label--level_l6 {
|
|
53
|
+
color: var(--seed-color-manner-temp-l6-text)
|
|
54
|
+
}
|
|
55
|
+
.seed-manner-temp-badge__root--level_l7 {
|
|
56
|
+
background-color: var(--seed-color-manner-temp-l7-bg)
|
|
57
|
+
}
|
|
58
|
+
.seed-manner-temp-badge__label--level_l7 {
|
|
59
|
+
color: var(--seed-color-manner-temp-l7-text)
|
|
60
|
+
}
|
|
61
|
+
.seed-manner-temp-badge__root--level_l8 {
|
|
62
|
+
background-color: var(--seed-color-manner-temp-l8-bg)
|
|
63
|
+
}
|
|
64
|
+
.seed-manner-temp-badge__label--level_l8 {
|
|
65
|
+
color: var(--seed-color-manner-temp-l8-text)
|
|
66
|
+
}
|
|
67
|
+
.seed-manner-temp-badge__root--level_l9 {
|
|
68
|
+
background-color: var(--seed-color-manner-temp-l9-bg)
|
|
69
|
+
}
|
|
70
|
+
.seed-manner-temp-badge__label--level_l9 {
|
|
71
|
+
color: var(--seed-color-manner-temp-l9-text)
|
|
72
|
+
}
|
|
73
|
+
.seed-manner-temp-badge__root--level_l10 {
|
|
74
|
+
background-color: var(--seed-color-manner-temp-l10-bg)
|
|
75
|
+
}
|
|
76
|
+
.seed-manner-temp-badge__label--level_l10 {
|
|
77
|
+
color: var(--seed-color-manner-temp-l10-text)
|
|
78
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare interface MannerTempBadgeVariant {
|
|
2
|
+
/**
|
|
3
|
+
* @default "l1"
|
|
4
|
+
*/
|
|
5
|
+
level: "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "l8" | "l9" | "l10";
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
declare type MannerTempBadgeVariantMap = {
|
|
9
|
+
[key in keyof MannerTempBadgeVariant]: Array<MannerTempBadgeVariant[key]>;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export declare type MannerTempBadgeVariantProps = Partial<MannerTempBadgeVariant>;
|
|
13
|
+
|
|
14
|
+
export declare type MannerTempBadgeSlotName = "root" | "label";
|
|
15
|
+
|
|
16
|
+
export declare const mannerTempBadgeVariantMap: MannerTempBadgeVariantMap;
|
|
17
|
+
|
|
18
|
+
export declare const mannerTempBadge: ((
|
|
19
|
+
props?: MannerTempBadgeVariantProps,
|
|
20
|
+
) => Record<MannerTempBadgeSlotName, string>) & {
|
|
21
|
+
splitVariantProps: <T extends MannerTempBadgeVariantProps>(
|
|
22
|
+
props: T,
|
|
23
|
+
) => [MannerTempBadgeVariantProps, Omit<T, keyof MannerTempBadgeVariantProps>];
|
|
24
|
+
}
|