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