@dialpad/dialtone-css 8.62.0 → 8.63.0-next.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/lib/build/less/components/avatar.less +15 -15
- package/lib/build/less/components/badge.less +2 -2
- package/lib/build/less/components/banner.less +8 -9
- package/lib/build/less/components/breadcrumbs.less +5 -4
- package/lib/build/less/components/button.less +20 -24
- package/lib/build/less/components/card.less +1 -1
- package/lib/build/less/components/chip.less +17 -18
- package/lib/build/less/components/collapsible.less +5 -5
- package/lib/build/less/components/combobox.less +3 -3
- package/lib/build/less/components/datepicker.less +9 -10
- package/lib/build/less/components/description-list.less +1 -1
- package/lib/build/less/components/dropdown.less +3 -4
- package/lib/build/less/components/emoji-picker.less +32 -33
- package/lib/build/less/components/emoji-text-wrapper.less +2 -2
- package/lib/build/less/components/emoji.less +1 -1
- package/lib/build/less/components/empty-state.less +3 -3
- package/lib/build/less/components/forms.less +7 -8
- package/lib/build/less/components/icon.less +2 -2
- package/lib/build/less/components/image-viewer.less +4 -4
- package/lib/build/less/components/input.less +19 -19
- package/lib/build/less/components/item-layout.less +8 -8
- package/lib/build/less/components/keyboard-shortcut.less +4 -5
- package/lib/build/less/components/list-item-group.less +1 -2
- package/lib/build/less/components/list-item.less +5 -5
- package/lib/build/less/components/modal.less +27 -29
- package/lib/build/less/components/notice.less +5 -5
- package/lib/build/less/components/pagination.less +2 -3
- package/lib/build/less/components/popover.less +7 -8
- package/lib/build/less/components/presence.less +2 -2
- package/lib/build/less/components/radio-checkbox.less +6 -6
- package/lib/build/less/components/rich-text-editor.less +16 -15
- package/lib/build/less/components/root-layout.less +9 -9
- package/lib/build/less/components/scrollbar.less +2 -2
- package/lib/build/less/components/scroller.less +8 -8
- package/lib/build/less/components/selects.less +6 -6
- package/lib/build/less/components/skeleton.less +7 -7
- package/lib/build/less/components/table.less +8 -8
- package/lib/build/less/components/toast.less +10 -10
- package/lib/build/less/components/toggle.less +21 -22
- package/lib/build/less/components/tooltip.less +29 -29
- package/lib/build/less/dialtone-reset.less +7 -5
- package/lib/build/less/recipes/attachment_carousel.less +17 -17
- package/lib/build/less/recipes/callbar_button.less +1 -2
- package/lib/build/less/recipes/callbar_button_with_dropdown.less +7 -7
- package/lib/build/less/recipes/callbar_button_with_popover.less +8 -9
- package/lib/build/less/recipes/callbox.less +8 -8
- package/lib/build/less/recipes/combobox_multi_select.less +14 -17
- package/lib/build/less/recipes/combobox_with_popover.less +1 -1
- package/lib/build/less/recipes/contact_info.less +7 -7
- package/lib/build/less/recipes/editor.less +8 -11
- package/lib/build/less/recipes/emoji_row.less +3 -3
- package/lib/build/less/recipes/feed_item_pill.less +10 -10
- package/lib/build/less/recipes/feed_item_row.less +11 -15
- package/lib/build/less/recipes/grouped_chip.less +6 -6
- package/lib/build/less/recipes/ivr_node.less +21 -21
- package/lib/build/less/recipes/leftbar_row.less +26 -30
- package/lib/build/less/recipes/message_input.less +13 -16
- package/lib/build/less/recipes/settings_menu_button.less +3 -3
- package/lib/build/less/recipes/top_banner_info.less +4 -5
- package/lib/build/less/utilities/backgrounds.less +12 -12
- package/lib/build/less/utilities/borders.less +81 -63
- package/lib/build/less/utilities/interactivity.less +6 -2
- package/lib/build/less/utilities/layout.less +34 -34
- package/lib/build/less/utilities/sizing.less +113 -113
- package/lib/build/less/utilities/spacing.less +60 -62
- package/lib/build/less/utilities/typography.less +3 -4
- package/lib/build/less/variables/sizes.less +8 -8
- package/lib/dist/dialtone-default-theme.css +4763 -8124
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone-docs.json +1 -1
- package/lib/dist/dialtone.css +2648 -3922
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/tokens/tokens-aegean-dark.css +3018 -2
- package/lib/dist/tokens/tokens-aegean-light.css +3011 -2
- package/lib/dist/tokens/tokens-botany-dark.css +3011 -2
- package/lib/dist/tokens/tokens-botany-light.css +3018 -2
- package/lib/dist/tokens/tokens-buttercream-dark.css +3011 -2
- package/lib/dist/tokens/tokens-ceruleo-dark.css +2997 -2
- package/lib/dist/tokens/tokens-ceruleo-light.css +3476 -0
- package/lib/dist/tokens/tokens-dp-dark.css +104 -265
- package/lib/dist/tokens/tokens-expressive-dark.css +104 -265
- package/lib/dist/tokens/tokens-expressive-sm-dark.css +104 -265
- package/lib/dist/tokens/tokens-high-desert-dark.css +3018 -2
- package/lib/dist/tokens/tokens-high-desert-light.css +3011 -2
- package/lib/dist/tokens/tokens-melon-dark.css +3018 -2
- package/lib/dist/tokens/tokens-melon-light.css +3011 -2
- package/lib/dist/tokens/tokens-plum-dark.css +3025 -2
- package/lib/dist/tokens/tokens-plum-light.css +3018 -2
- package/lib/dist/tokens/tokens-sunflower-dark.css +3018 -2
- package/lib/dist/tokens/tokens-sunflower-light.css +3011 -2
- package/lib/dist/tokens/tokens-tmo-dark.css +104 -265
- package/lib/dist/tokens/tokens-verdant-haze-dark.css +3011 -2
- package/lib/dist/tokens/tokens-verdant-haze-light.css +3004 -2
- package/lib/dist/tokens-docs.json +1 -1
- package/package.json +2 -2
- package/lib/dist/tokens/tokens-ceruleo-default.css +0 -488
|
@@ -331,13 +331,13 @@
|
|
|
331
331
|
--dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
|
|
332
332
|
--dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
|
|
333
333
|
--dt-shell-base-color-foreground: var(--dt-color-black-900);
|
|
334
|
-
--dt-theme-mention-color-background-strong-h: var(--dt-color-purple-
|
|
335
|
-
--dt-theme-mention-color-background-strong-s: var(--dt-color-purple-
|
|
336
|
-
--dt-theme-mention-color-background-strong-l: var(--dt-color-purple-
|
|
337
|
-
--dt-theme-mention-color-background-strong-a: var(--dt-color-purple-
|
|
338
|
-
--dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-
|
|
339
|
-
--dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-
|
|
340
|
-
--dt-theme-mention-color-background-strong: var(--dt-color-purple-
|
|
334
|
+
--dt-theme-mention-color-background-strong-h: var(--dt-color-purple-600-h);
|
|
335
|
+
--dt-theme-mention-color-background-strong-s: var(--dt-color-purple-600-s);
|
|
336
|
+
--dt-theme-mention-color-background-strong-l: var(--dt-color-purple-600-l);
|
|
337
|
+
--dt-theme-mention-color-background-strong-a: var(--dt-color-purple-600-a);
|
|
338
|
+
--dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-600-hsl);
|
|
339
|
+
--dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-600-hsla);
|
|
340
|
+
--dt-theme-mention-color-background-strong: var(--dt-color-purple-600);
|
|
341
341
|
--dt-theme-mention-color-foreground-h: var(--dt-color-black-50-h);
|
|
342
342
|
--dt-theme-mention-color-foreground-s: var(--dt-color-black-50-s);
|
|
343
343
|
--dt-theme-mention-color-foreground-l: var(--dt-color-black-50-l);
|
|
@@ -429,27 +429,20 @@
|
|
|
429
429
|
--dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
|
|
430
430
|
--dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
|
|
431
431
|
--dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
|
|
432
|
-
--dt-action-color-background-critical-primary-
|
|
433
|
-
--dt-action-color-background-critical-primary-
|
|
434
|
-
--dt-action-color-background-critical-primary-
|
|
435
|
-
--dt-action-color-background-critical-primary-
|
|
436
|
-
--dt-action-color-background-critical-primary-
|
|
437
|
-
--dt-action-color-background-critical-primary-
|
|
438
|
-
--dt-action-color-background-critical-primary-
|
|
439
|
-
--dt-action-color-background-critical-primary-
|
|
440
|
-
--dt-action-color-background-critical-primary-
|
|
441
|
-
--dt-action-color-background-critical-primary-
|
|
442
|
-
--dt-action-color-background-critical-primary-
|
|
443
|
-
--dt-action-color-background-critical-primary-
|
|
444
|
-
--dt-action-color-background-critical-primary-
|
|
445
|
-
--dt-action-color-background-critical-primary-
|
|
446
|
-
--dt-action-color-background-critical-primary-default-h: var(--dt-color-red-400-h);
|
|
447
|
-
--dt-action-color-background-critical-primary-default-s: var(--dt-color-red-400-s);
|
|
448
|
-
--dt-action-color-background-critical-primary-default-l: var(--dt-color-red-400-l);
|
|
449
|
-
--dt-action-color-background-critical-primary-default-a: var(--dt-color-red-400-a);
|
|
450
|
-
--dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-400-hsl);
|
|
451
|
-
--dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-400-hsla);
|
|
452
|
-
--dt-action-color-background-critical-primary-default: var(--dt-color-red-400);
|
|
432
|
+
--dt-action-color-background-critical-primary-hover-h: var(--dt-color-red-700-h);
|
|
433
|
+
--dt-action-color-background-critical-primary-hover-s: var(--dt-color-red-700-s);
|
|
434
|
+
--dt-action-color-background-critical-primary-hover-l: var(--dt-color-red-700-l);
|
|
435
|
+
--dt-action-color-background-critical-primary-hover-a: var(--dt-color-red-700-a);
|
|
436
|
+
--dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-700-hsl);
|
|
437
|
+
--dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-700-hsla);
|
|
438
|
+
--dt-action-color-background-critical-primary-hover: var(--dt-color-red-700);
|
|
439
|
+
--dt-action-color-background-critical-primary-default-h: var(--dt-color-red-600-h);
|
|
440
|
+
--dt-action-color-background-critical-primary-default-s: var(--dt-color-red-600-s);
|
|
441
|
+
--dt-action-color-background-critical-primary-default-l: var(--dt-color-red-600-l);
|
|
442
|
+
--dt-action-color-background-critical-primary-default-a: var(--dt-color-red-600-a);
|
|
443
|
+
--dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-600-hsl);
|
|
444
|
+
--dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-600-hsla);
|
|
445
|
+
--dt-action-color-background-critical-primary-default: var(--dt-color-red-600);
|
|
453
446
|
--dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
|
|
454
447
|
--dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
|
|
455
448
|
--dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
|
|
@@ -457,27 +450,27 @@
|
|
|
457
450
|
--dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
|
|
458
451
|
--dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
|
|
459
452
|
--dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
|
|
460
|
-
--dt-action-color-background-base-primary-
|
|
461
|
-
--dt-action-color-background-base-primary-
|
|
462
|
-
--dt-action-color-background-base-primary-
|
|
463
|
-
--dt-action-color-background-base-primary-
|
|
464
|
-
--dt-action-color-background-base-primary-
|
|
465
|
-
--dt-action-color-background-base-primary-
|
|
466
|
-
--dt-action-color-background-base-primary-
|
|
467
|
-
--dt-action-color-background-base-primary-
|
|
468
|
-
--dt-action-color-background-base-primary-
|
|
469
|
-
--dt-action-color-background-base-primary-
|
|
470
|
-
--dt-action-color-background-base-primary-
|
|
471
|
-
--dt-action-color-background-base-primary-
|
|
472
|
-
--dt-action-color-background-base-primary-
|
|
473
|
-
--dt-action-color-background-base-primary-
|
|
474
|
-
--dt-action-color-background-base-
|
|
475
|
-
--dt-action-color-background-base-
|
|
476
|
-
--dt-action-color-background-base-
|
|
477
|
-
--dt-action-color-background-base-
|
|
478
|
-
--dt-action-color-background-base-
|
|
479
|
-
--dt-action-color-background-base-
|
|
480
|
-
--dt-action-color-background-base-
|
|
453
|
+
--dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-550-h);
|
|
454
|
+
--dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-550-s);
|
|
455
|
+
--dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-550-l);
|
|
456
|
+
--dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-550-a);
|
|
457
|
+
--dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-550-hsl);
|
|
458
|
+
--dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-550-hsla);
|
|
459
|
+
--dt-action-color-background-base-primary-hover: var(--dt-color-purple-550);
|
|
460
|
+
--dt-action-color-background-base-primary-default-h: var(--dt-color-purple-500-h);
|
|
461
|
+
--dt-action-color-background-base-primary-default-s: var(--dt-color-purple-500-s);
|
|
462
|
+
--dt-action-color-background-base-primary-default-l: var(--dt-color-purple-500-l);
|
|
463
|
+
--dt-action-color-background-base-primary-default-a: var(--dt-color-purple-500-a);
|
|
464
|
+
--dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-500-hsl);
|
|
465
|
+
--dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-500-hsla);
|
|
466
|
+
--dt-action-color-background-base-primary-default: var(--dt-color-purple-500);
|
|
467
|
+
--dt-action-color-background-base-hover-h: 253;
|
|
468
|
+
--dt-action-color-background-base-hover-s: 95.9%;
|
|
469
|
+
--dt-action-color-background-base-hover-l: 71.6%;
|
|
470
|
+
--dt-action-color-background-base-hover-a: 20%;
|
|
471
|
+
--dt-action-color-background-base-hover-hsl: var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l);
|
|
472
|
+
--dt-action-color-background-base-hover-hsla: hsl(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 20%));
|
|
473
|
+
--dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
|
|
481
474
|
--dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
|
|
482
475
|
--dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
|
|
483
476
|
--dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
|
|
@@ -637,69 +630,6 @@
|
|
|
637
630
|
--dt-typography-body-md-text-case: var(--dt-font-text-case-none); /* Base default medium text style for main content. */
|
|
638
631
|
--dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
|
|
639
632
|
--dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
|
|
640
|
-
--dt-color-theme-mention-color-background-strong-h: var(--dt-color-purple-600-h);
|
|
641
|
-
--dt-color-theme-mention-color-background-strong-s: var(--dt-color-purple-600-s);
|
|
642
|
-
--dt-color-theme-mention-color-background-strong-l: var(--dt-color-purple-600-l);
|
|
643
|
-
--dt-color-theme-mention-color-background-strong-a: var(--dt-color-purple-600-a);
|
|
644
|
-
--dt-color-theme-mention-color-background-strong-hsl: var(--dt-color-purple-600-hsl);
|
|
645
|
-
--dt-color-theme-mention-color-background-strong-hsla: var(--dt-color-purple-600-hsla);
|
|
646
|
-
--dt-color-theme-mention-color-background-strong: var(--dt-color-purple-600);
|
|
647
|
-
--dt-color-theme-presence-color-background-busy-h: var(--dt-color-gold-500-h);
|
|
648
|
-
--dt-color-theme-presence-color-background-busy-s: var(--dt-color-gold-500-s);
|
|
649
|
-
--dt-color-theme-presence-color-background-busy-l: var(--dt-color-gold-500-l);
|
|
650
|
-
--dt-color-theme-presence-color-background-busy-a: var(--dt-color-gold-500-a);
|
|
651
|
-
--dt-color-theme-presence-color-background-busy-hsl: var(--dt-color-gold-500-hsl);
|
|
652
|
-
--dt-color-theme-presence-color-background-busy-hsla: var(--dt-color-gold-500-hsla);
|
|
653
|
-
--dt-color-theme-presence-color-background-busy: var(--dt-color-gold-500);
|
|
654
|
-
--dt-color-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-500-h);
|
|
655
|
-
--dt-color-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-500-s);
|
|
656
|
-
--dt-color-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-500-l);
|
|
657
|
-
--dt-color-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-500-a);
|
|
658
|
-
--dt-color-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-500-hsl);
|
|
659
|
-
--dt-color-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-500-hsla);
|
|
660
|
-
--dt-color-theme-presence-color-background-busy-unavailable: var(--dt-color-red-500);
|
|
661
|
-
--dt-color-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
|
|
662
|
-
--dt-color-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
|
|
663
|
-
--dt-color-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
|
|
664
|
-
--dt-color-theme-presence-color-background-available-a: var(--dt-color-green-425-a);
|
|
665
|
-
--dt-color-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
|
|
666
|
-
--dt-color-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
|
|
667
|
-
--dt-color-theme-presence-color-background-available: var(--dt-color-green-425);
|
|
668
|
-
--dt-color-action-color-background-critical-primary-hover-h: var(--dt-color-red-700-h);
|
|
669
|
-
--dt-color-action-color-background-critical-primary-hover-s: var(--dt-color-red-700-s);
|
|
670
|
-
--dt-color-action-color-background-critical-primary-hover-l: var(--dt-color-red-700-l);
|
|
671
|
-
--dt-color-action-color-background-critical-primary-hover-a: var(--dt-color-red-700-a);
|
|
672
|
-
--dt-color-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-700-hsl);
|
|
673
|
-
--dt-color-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-700-hsla);
|
|
674
|
-
--dt-color-action-color-background-critical-primary-hover: var(--dt-color-red-700);
|
|
675
|
-
--dt-color-action-color-background-critical-primary-default-h: var(--dt-color-red-600-h);
|
|
676
|
-
--dt-color-action-color-background-critical-primary-default-s: var(--dt-color-red-600-s);
|
|
677
|
-
--dt-color-action-color-background-critical-primary-default-l: var(--dt-color-red-600-l);
|
|
678
|
-
--dt-color-action-color-background-critical-primary-default-a: var(--dt-color-red-600-a);
|
|
679
|
-
--dt-color-action-color-background-critical-primary-default-hsl: var(--dt-color-red-600-hsl);
|
|
680
|
-
--dt-color-action-color-background-critical-primary-default-hsla: var(--dt-color-red-600-hsla);
|
|
681
|
-
--dt-color-action-color-background-critical-primary-default: var(--dt-color-red-600);
|
|
682
|
-
--dt-color-action-color-background-base-hover-h: 253;
|
|
683
|
-
--dt-color-action-color-background-base-hover-s: 95.9%;
|
|
684
|
-
--dt-color-action-color-background-base-hover-l: 71.6%;
|
|
685
|
-
--dt-color-action-color-background-base-hover-a: 20%;
|
|
686
|
-
--dt-color-action-color-background-base-hover-hsl: var(--dt-color-action-color-background-base-hover-h) var(--dt-color-action-color-background-base-hover-s) var(--dt-color-action-color-background-base-hover-l);
|
|
687
|
-
--dt-color-action-color-background-base-hover-hsla: hsl(var(--dt-color-action-color-background-base-hover-h) var(--dt-color-action-color-background-base-hover-s) var(--dt-color-action-color-background-base-hover-l) / var(--alpha, 20%));
|
|
688
|
-
--dt-color-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
|
|
689
|
-
--dt-color-action-color-background-base-primary-hover-h: var(--dt-color-purple-550-h);
|
|
690
|
-
--dt-color-action-color-background-base-primary-hover-s: var(--dt-color-purple-550-s);
|
|
691
|
-
--dt-color-action-color-background-base-primary-hover-l: var(--dt-color-purple-550-l);
|
|
692
|
-
--dt-color-action-color-background-base-primary-hover-a: var(--dt-color-purple-550-a);
|
|
693
|
-
--dt-color-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-550-hsl);
|
|
694
|
-
--dt-color-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-550-hsla);
|
|
695
|
-
--dt-color-action-color-background-base-primary-hover: var(--dt-color-purple-550);
|
|
696
|
-
--dt-color-action-color-background-base-primary-default-h: var(--dt-color-purple-500-h);
|
|
697
|
-
--dt-color-action-color-background-base-primary-default-s: var(--dt-color-purple-500-s);
|
|
698
|
-
--dt-color-action-color-background-base-primary-default-l: var(--dt-color-purple-500-l);
|
|
699
|
-
--dt-color-action-color-background-base-primary-default-a: var(--dt-color-purple-500-a);
|
|
700
|
-
--dt-color-action-color-background-base-primary-default-hsl: var(--dt-color-purple-500-hsl);
|
|
701
|
-
--dt-color-action-color-background-base-primary-default-hsla: var(--dt-color-purple-500-hsla);
|
|
702
|
-
--dt-color-action-color-background-base-primary-default: var(--dt-color-purple-500);
|
|
703
633
|
--dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
|
|
704
634
|
--dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
|
|
705
635
|
--dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
|
|
@@ -2549,10 +2479,10 @@
|
|
|
2549
2479
|
--dt-theme-sidebar-selected-row-color-background-h: 0;
|
|
2550
2480
|
--dt-theme-sidebar-selected-row-color-background-s: 0%;
|
|
2551
2481
|
--dt-theme-sidebar-selected-row-color-background-l: 90.2%;
|
|
2552
|
-
--dt-theme-sidebar-selected-row-color-background-a:
|
|
2482
|
+
--dt-theme-sidebar-selected-row-color-background-a: 12%;
|
|
2553
2483
|
--dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
|
|
2554
|
-
--dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha,
|
|
2555
|
-
--dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.
|
|
2484
|
+
--dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 12%));
|
|
2485
|
+
--dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
|
|
2556
2486
|
--dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
|
|
2557
2487
|
--dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
|
|
2558
2488
|
--dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
|
|
@@ -2570,10 +2500,10 @@
|
|
|
2570
2500
|
--dt-theme-sidebar-row-color-background-hover-h: 0;
|
|
2571
2501
|
--dt-theme-sidebar-row-color-background-hover-s: 0%;
|
|
2572
2502
|
--dt-theme-sidebar-row-color-background-hover-l: 90.2%;
|
|
2573
|
-
--dt-theme-sidebar-row-color-background-hover-a:
|
|
2503
|
+
--dt-theme-sidebar-row-color-background-hover-a: 10%;
|
|
2574
2504
|
--dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
|
|
2575
|
-
--dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha,
|
|
2576
|
-
--dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.
|
|
2505
|
+
--dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 10%));
|
|
2506
|
+
--dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
|
|
2577
2507
|
--dt-theme-sidebar-row-color-background-h: 0;
|
|
2578
2508
|
--dt-theme-sidebar-row-color-background-s: 0%;
|
|
2579
2509
|
--dt-theme-sidebar-row-color-background-l: 90.2%;
|
|
@@ -2647,10 +2577,10 @@
|
|
|
2647
2577
|
--dt-theme-topbar-button-color-background-hover-h: 0;
|
|
2648
2578
|
--dt-theme-topbar-button-color-background-hover-s: 0%;
|
|
2649
2579
|
--dt-theme-topbar-button-color-background-hover-l: 90.2%;
|
|
2650
|
-
--dt-theme-topbar-button-color-background-hover-a:
|
|
2580
|
+
--dt-theme-topbar-button-color-background-hover-a: 15%;
|
|
2651
2581
|
--dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
|
|
2652
|
-
--dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha,
|
|
2653
|
-
--dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.
|
|
2582
|
+
--dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 15%));
|
|
2583
|
+
--dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
|
|
2654
2584
|
--dt-theme-topbar-button-color-background-h: 0;
|
|
2655
2585
|
--dt-theme-topbar-button-color-background-s: 0%;
|
|
2656
2586
|
--dt-theme-topbar-button-color-background-l: 90.2%;
|
|
@@ -2693,13 +2623,6 @@
|
|
|
2693
2623
|
--dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
|
|
2694
2624
|
--dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
|
|
2695
2625
|
--dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
|
|
2696
|
-
--dt-theme-topbar-field-color-background-hover-h: 0;
|
|
2697
|
-
--dt-theme-topbar-field-color-background-hover-s: 0%;
|
|
2698
|
-
--dt-theme-topbar-field-color-background-hover-l: 100%;
|
|
2699
|
-
--dt-theme-topbar-field-color-background-hover-a: 100%;
|
|
2700
|
-
--dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
|
|
2701
|
-
--dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
|
|
2702
|
-
--dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
|
|
2703
2626
|
--dt-theme-topbar-field-color-background-h: 0;
|
|
2704
2627
|
--dt-theme-topbar-field-color-background-s: 0%;
|
|
2705
2628
|
--dt-theme-topbar-field-color-background-l: 90.2%;
|
|
@@ -2770,13 +2693,13 @@
|
|
|
2770
2693
|
--dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
|
|
2771
2694
|
--dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
|
|
2772
2695
|
--dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
|
|
2773
|
-
--dt-action-color-background-positive-primary-active-h:
|
|
2774
|
-
--dt-action-color-background-positive-primary-active-s:
|
|
2775
|
-
--dt-action-color-background-positive-primary-active-l:
|
|
2776
|
-
--dt-action-color-background-positive-primary-active-a:
|
|
2777
|
-
--dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-
|
|
2778
|
-
--dt-action-color-background-positive-primary-active-hsla:
|
|
2779
|
-
--dt-action-color-background-positive-primary-active:
|
|
2696
|
+
--dt-action-color-background-positive-primary-active-h: var(--dt-action-color-background-positive-primary-default-h);
|
|
2697
|
+
--dt-action-color-background-positive-primary-active-s: var(--dt-action-color-background-positive-primary-default-s);
|
|
2698
|
+
--dt-action-color-background-positive-primary-active-l: var(--dt-action-color-background-positive-primary-default-l);
|
|
2699
|
+
--dt-action-color-background-positive-primary-active-a: var(--dt-action-color-background-positive-primary-default-a);
|
|
2700
|
+
--dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-default-hsl);
|
|
2701
|
+
--dt-action-color-background-positive-primary-active-hsla: var(--dt-action-color-background-positive-primary-default-hsla);
|
|
2702
|
+
--dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
|
|
2780
2703
|
--dt-action-color-background-positive-hover-h: var(--dt-color-surface-success-opaque-h);
|
|
2781
2704
|
--dt-action-color-background-positive-hover-s: var(--dt-color-surface-success-opaque-s);
|
|
2782
2705
|
--dt-action-color-background-positive-hover-l: var(--dt-color-surface-success-opaque-l);
|
|
@@ -2791,6 +2714,13 @@
|
|
|
2791
2714
|
--dt-action-color-background-disabled-default-hsl: var(--dt-color-surface-bold-opaque-hsl);
|
|
2792
2715
|
--dt-action-color-background-disabled-default-hsla: var(--dt-color-surface-bold-opaque-hsla);
|
|
2793
2716
|
--dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
|
|
2717
|
+
--dt-action-color-background-muted-active-h: var(--dt-color-surface-bold-opaque-h);
|
|
2718
|
+
--dt-action-color-background-muted-active-s: var(--dt-color-surface-bold-opaque-s);
|
|
2719
|
+
--dt-action-color-background-muted-active-l: var(--dt-color-surface-bold-opaque-l);
|
|
2720
|
+
--dt-action-color-background-muted-active-a: var(--dt-color-surface-bold-opaque-a);
|
|
2721
|
+
--dt-action-color-background-muted-active-hsl: var(--dt-color-surface-bold-opaque-hsl);
|
|
2722
|
+
--dt-action-color-background-muted-active-hsla: var(--dt-color-surface-bold-opaque-hsla);
|
|
2723
|
+
--dt-action-color-background-muted-active: var(--dt-color-surface-bold-opaque);
|
|
2794
2724
|
--dt-action-color-background-muted-hover-h: var(--dt-color-surface-moderate-opaque-h);
|
|
2795
2725
|
--dt-action-color-background-muted-hover-s: var(--dt-color-surface-moderate-opaque-s);
|
|
2796
2726
|
--dt-action-color-background-muted-hover-l: var(--dt-color-surface-moderate-opaque-l);
|
|
@@ -2819,6 +2749,13 @@
|
|
|
2819
2749
|
--dt-action-color-background-inverted-hover-hsl: var(--dt-color-surface-moderate-opaque-inverted-hsl);
|
|
2820
2750
|
--dt-action-color-background-inverted-hover-hsla: var(--dt-color-surface-moderate-opaque-inverted-hsla);
|
|
2821
2751
|
--dt-action-color-background-inverted-hover: var(--dt-color-surface-moderate-opaque-inverted);
|
|
2752
|
+
--dt-action-color-background-critical-primary-active-h: var(--dt-action-color-background-critical-primary-default-h);
|
|
2753
|
+
--dt-action-color-background-critical-primary-active-s: var(--dt-action-color-background-critical-primary-default-s);
|
|
2754
|
+
--dt-action-color-background-critical-primary-active-l: var(--dt-action-color-background-critical-primary-default-l);
|
|
2755
|
+
--dt-action-color-background-critical-primary-active-a: var(--dt-action-color-background-critical-primary-default-a);
|
|
2756
|
+
--dt-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-default-hsl);
|
|
2757
|
+
--dt-action-color-background-critical-primary-active-hsla: var(--dt-action-color-background-critical-primary-default-hsla);
|
|
2758
|
+
--dt-action-color-background-critical-primary-active: var(--dt-action-color-background-critical-primary-default);
|
|
2822
2759
|
--dt-action-color-background-critical-hover-h: var(--dt-color-surface-critical-opaque-h);
|
|
2823
2760
|
--dt-action-color-background-critical-hover-s: var(--dt-color-surface-critical-opaque-s);
|
|
2824
2761
|
--dt-action-color-background-critical-hover-l: var(--dt-color-surface-critical-opaque-l);
|
|
@@ -2826,13 +2763,20 @@
|
|
|
2826
2763
|
--dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
|
|
2827
2764
|
--dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
|
|
2828
2765
|
--dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
|
|
2829
|
-
--dt-action-color-background-base-
|
|
2830
|
-
--dt-action-color-background-base-
|
|
2831
|
-
--dt-action-color-background-base-
|
|
2832
|
-
--dt-action-color-background-base-
|
|
2833
|
-
--dt-action-color-background-base-
|
|
2834
|
-
--dt-action-color-background-base-
|
|
2835
|
-
--dt-action-color-background-base-
|
|
2766
|
+
--dt-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
|
|
2767
|
+
--dt-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
|
|
2768
|
+
--dt-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
|
|
2769
|
+
--dt-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
|
|
2770
|
+
--dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
|
|
2771
|
+
--dt-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
|
|
2772
|
+
--dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
|
|
2773
|
+
--dt-action-color-background-base-active-h: 253;
|
|
2774
|
+
--dt-action-color-background-base-active-s: 95.9%;
|
|
2775
|
+
--dt-action-color-background-base-active-l: 71.6%;
|
|
2776
|
+
--dt-action-color-background-base-active-a: 30%;
|
|
2777
|
+
--dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
|
|
2778
|
+
--dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 30%));
|
|
2779
|
+
--dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
|
|
2836
2780
|
--dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
|
|
2837
2781
|
--dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
|
|
2838
2782
|
--dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
|
|
@@ -2945,13 +2889,13 @@
|
|
|
2945
2889
|
--dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
|
|
2946
2890
|
--dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
|
|
2947
2891
|
--dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
|
|
2948
|
-
--dt-inputs-color-foreground-default-h: var(--dt-color-foreground-
|
|
2949
|
-
--dt-inputs-color-foreground-default-s: var(--dt-color-foreground-
|
|
2950
|
-
--dt-inputs-color-foreground-default-l: var(--dt-color-foreground-
|
|
2951
|
-
--dt-inputs-color-foreground-default-a: var(--dt-color-foreground-
|
|
2952
|
-
--dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-
|
|
2953
|
-
--dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-
|
|
2954
|
-
--dt-inputs-color-foreground-default: var(--dt-color-foreground-
|
|
2892
|
+
--dt-inputs-color-foreground-default-h: var(--dt-color-foreground-primary-h);
|
|
2893
|
+
--dt-inputs-color-foreground-default-s: var(--dt-color-foreground-primary-s);
|
|
2894
|
+
--dt-inputs-color-foreground-default-l: var(--dt-color-foreground-primary-l);
|
|
2895
|
+
--dt-inputs-color-foreground-default-a: var(--dt-color-foreground-primary-a);
|
|
2896
|
+
--dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
|
|
2897
|
+
--dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
|
|
2898
|
+
--dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
|
|
2955
2899
|
--dt-inputs-font-size-xl: var(--dt-font-size-100);
|
|
2956
2900
|
--dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
|
|
2957
2901
|
--dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
|
|
@@ -3027,76 +2971,6 @@
|
|
|
3027
2971
|
--dt-typography-body-md-compact-font-family: var(--dt-font-family-expressive); /* A tighter-spaced version of medium body style. */
|
|
3028
2972
|
--dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
|
|
3029
2973
|
--dt-typography-body-md-font-family: var(--dt-font-family-expressive); /* Base default medium text style for main content. */
|
|
3030
|
-
--dt-color-theme-sidebar-selected-row-color-background-h: 0;
|
|
3031
|
-
--dt-color-theme-sidebar-selected-row-color-background-s: 0%;
|
|
3032
|
-
--dt-color-theme-sidebar-selected-row-color-background-l: 90.2%;
|
|
3033
|
-
--dt-color-theme-sidebar-selected-row-color-background-a: 12%;
|
|
3034
|
-
--dt-color-theme-sidebar-selected-row-color-background-hsl: var(--dt-color-theme-sidebar-selected-row-color-background-h) var(--dt-color-theme-sidebar-selected-row-color-background-s) var(--dt-color-theme-sidebar-selected-row-color-background-l);
|
|
3035
|
-
--dt-color-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-color-theme-sidebar-selected-row-color-background-h) var(--dt-color-theme-sidebar-selected-row-color-background-s) var(--dt-color-theme-sidebar-selected-row-color-background-l) / var(--alpha, 12%));
|
|
3036
|
-
--dt-color-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
|
|
3037
|
-
--dt-color-theme-sidebar-row-color-background-active-h: 0;
|
|
3038
|
-
--dt-color-theme-sidebar-row-color-background-active-s: 0%;
|
|
3039
|
-
--dt-color-theme-sidebar-row-color-background-active-l: 90.2%;
|
|
3040
|
-
--dt-color-theme-sidebar-row-color-background-active-a: 15%;
|
|
3041
|
-
--dt-color-theme-sidebar-row-color-background-active-hsl: var(--dt-color-theme-sidebar-row-color-background-active-h) var(--dt-color-theme-sidebar-row-color-background-active-s) var(--dt-color-theme-sidebar-row-color-background-active-l);
|
|
3042
|
-
--dt-color-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-color-theme-sidebar-row-color-background-active-h) var(--dt-color-theme-sidebar-row-color-background-active-s) var(--dt-color-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
|
|
3043
|
-
--dt-color-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
|
|
3044
|
-
--dt-color-theme-sidebar-row-color-background-hover-h: 0;
|
|
3045
|
-
--dt-color-theme-sidebar-row-color-background-hover-s: 0%;
|
|
3046
|
-
--dt-color-theme-sidebar-row-color-background-hover-l: 90.2%;
|
|
3047
|
-
--dt-color-theme-sidebar-row-color-background-hover-a: 10%;
|
|
3048
|
-
--dt-color-theme-sidebar-row-color-background-hover-hsl: var(--dt-color-theme-sidebar-row-color-background-hover-h) var(--dt-color-theme-sidebar-row-color-background-hover-s) var(--dt-color-theme-sidebar-row-color-background-hover-l);
|
|
3049
|
-
--dt-color-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-color-theme-sidebar-row-color-background-hover-h) var(--dt-color-theme-sidebar-row-color-background-hover-s) var(--dt-color-theme-sidebar-row-color-background-hover-l) / var(--alpha, 10%));
|
|
3050
|
-
--dt-color-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
|
|
3051
|
-
--dt-color-theme-topbar-button-color-background-hover-h: 0;
|
|
3052
|
-
--dt-color-theme-topbar-button-color-background-hover-s: 0%;
|
|
3053
|
-
--dt-color-theme-topbar-button-color-background-hover-l: 90.2%;
|
|
3054
|
-
--dt-color-theme-topbar-button-color-background-hover-a: 15%;
|
|
3055
|
-
--dt-color-theme-topbar-button-color-background-hover-hsl: var(--dt-color-theme-topbar-button-color-background-hover-h) var(--dt-color-theme-topbar-button-color-background-hover-s) var(--dt-color-theme-topbar-button-color-background-hover-l);
|
|
3056
|
-
--dt-color-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-color-theme-topbar-button-color-background-hover-h) var(--dt-color-theme-topbar-button-color-background-hover-s) var(--dt-color-theme-topbar-button-color-background-hover-l) / var(--alpha, 15%));
|
|
3057
|
-
--dt-color-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
|
|
3058
|
-
--dt-color-action-color-background-positive-primary-active-h: var(--dt-action-color-background-positive-primary-default-h);
|
|
3059
|
-
--dt-color-action-color-background-positive-primary-active-s: var(--dt-action-color-background-positive-primary-default-s);
|
|
3060
|
-
--dt-color-action-color-background-positive-primary-active-l: var(--dt-action-color-background-positive-primary-default-l);
|
|
3061
|
-
--dt-color-action-color-background-positive-primary-active-a: var(--dt-action-color-background-positive-primary-default-a);
|
|
3062
|
-
--dt-color-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-default-hsl);
|
|
3063
|
-
--dt-color-action-color-background-positive-primary-active-hsla: var(--dt-action-color-background-positive-primary-default-hsla);
|
|
3064
|
-
--dt-color-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
|
|
3065
|
-
--dt-color-action-color-background-muted-active-h: var(--dt-color-surface-bold-opaque-h);
|
|
3066
|
-
--dt-color-action-color-background-muted-active-s: var(--dt-color-surface-bold-opaque-s);
|
|
3067
|
-
--dt-color-action-color-background-muted-active-l: var(--dt-color-surface-bold-opaque-l);
|
|
3068
|
-
--dt-color-action-color-background-muted-active-a: var(--dt-color-surface-bold-opaque-a);
|
|
3069
|
-
--dt-color-action-color-background-muted-active-hsl: var(--dt-color-surface-bold-opaque-hsl);
|
|
3070
|
-
--dt-color-action-color-background-muted-active-hsla: var(--dt-color-surface-bold-opaque-hsla);
|
|
3071
|
-
--dt-color-action-color-background-muted-active: var(--dt-color-surface-bold-opaque);
|
|
3072
|
-
--dt-color-action-color-background-muted-hover-h: var(--dt-color-surface-moderate-opaque-h);
|
|
3073
|
-
--dt-color-action-color-background-muted-hover-s: var(--dt-color-surface-moderate-opaque-s);
|
|
3074
|
-
--dt-color-action-color-background-muted-hover-l: var(--dt-color-surface-moderate-opaque-l);
|
|
3075
|
-
--dt-color-action-color-background-muted-hover-a: var(--dt-color-surface-moderate-opaque-a);
|
|
3076
|
-
--dt-color-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
|
|
3077
|
-
--dt-color-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
|
|
3078
|
-
--dt-color-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
|
|
3079
|
-
--dt-color-action-color-background-critical-primary-active-h: var(--dt-action-color-background-critical-primary-default-h);
|
|
3080
|
-
--dt-color-action-color-background-critical-primary-active-s: var(--dt-action-color-background-critical-primary-default-s);
|
|
3081
|
-
--dt-color-action-color-background-critical-primary-active-l: var(--dt-action-color-background-critical-primary-default-l);
|
|
3082
|
-
--dt-color-action-color-background-critical-primary-active-a: var(--dt-action-color-background-critical-primary-default-a);
|
|
3083
|
-
--dt-color-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-default-hsl);
|
|
3084
|
-
--dt-color-action-color-background-critical-primary-active-hsla: var(--dt-action-color-background-critical-primary-default-hsla);
|
|
3085
|
-
--dt-color-action-color-background-critical-primary-active: var(--dt-action-color-background-critical-primary-default);
|
|
3086
|
-
--dt-color-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
|
|
3087
|
-
--dt-color-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
|
|
3088
|
-
--dt-color-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
|
|
3089
|
-
--dt-color-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
|
|
3090
|
-
--dt-color-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
|
|
3091
|
-
--dt-color-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
|
|
3092
|
-
--dt-color-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
|
|
3093
|
-
--dt-color-inputs-color-foreground-default-h: var(--dt-color-foreground-primary-h);
|
|
3094
|
-
--dt-color-inputs-color-foreground-default-s: var(--dt-color-foreground-primary-s);
|
|
3095
|
-
--dt-color-inputs-color-foreground-default-l: var(--dt-color-foreground-primary-l);
|
|
3096
|
-
--dt-color-inputs-color-foreground-default-a: var(--dt-color-foreground-primary-a);
|
|
3097
|
-
--dt-color-inputs-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
|
|
3098
|
-
--dt-color-inputs-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
|
|
3099
|
-
--dt-color-inputs-color-foreground-default: var(--dt-color-foreground-primary);
|
|
3100
2974
|
--dt-color-surface-primary-opaque-inverted-h: 0;
|
|
3101
2975
|
--dt-color-surface-primary-opaque-inverted-s: 0%;
|
|
3102
2976
|
--dt-color-surface-primary-opaque-inverted-l: 100%;
|
|
@@ -3301,34 +3175,27 @@
|
|
|
3301
3175
|
--dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
|
|
3302
3176
|
--dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
|
|
3303
3177
|
--dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
|
|
3178
|
+
--dt-theme-topbar-field-color-background-hover-h: 0;
|
|
3179
|
+
--dt-theme-topbar-field-color-background-hover-s: 0%;
|
|
3180
|
+
--dt-theme-topbar-field-color-background-hover-l: 8.27%;
|
|
3181
|
+
--dt-theme-topbar-field-color-background-hover-a: 100%;
|
|
3182
|
+
--dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
|
|
3183
|
+
--dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
|
|
3184
|
+
--dt-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
|
|
3304
3185
|
--dt-action-color-background-positive-active-h: 155;
|
|
3305
3186
|
--dt-action-color-background-positive-active-s: 100%;
|
|
3306
|
-
--dt-action-color-background-positive-active-l:
|
|
3187
|
+
--dt-action-color-background-positive-active-l: 36.6%;
|
|
3307
3188
|
--dt-action-color-background-positive-active-a: 28%;
|
|
3308
3189
|
--dt-action-color-background-positive-active-hsl: var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l);
|
|
3309
3190
|
--dt-action-color-background-positive-active-hsla: hsl(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 28%));
|
|
3310
|
-
--dt-action-color-background-positive-active: hsl(155 100%
|
|
3311
|
-
--dt-action-color-background-muted-active-h: 0;
|
|
3312
|
-
--dt-action-color-background-muted-active-s: 0%;
|
|
3313
|
-
--dt-action-color-background-muted-active-l: 90.2%;
|
|
3314
|
-
--dt-action-color-background-muted-active-a: 14%;
|
|
3315
|
-
--dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
|
|
3316
|
-
--dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 14%));
|
|
3317
|
-
--dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.14);
|
|
3191
|
+
--dt-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
|
|
3318
3192
|
--dt-action-color-background-critical-active-h: 343;
|
|
3319
3193
|
--dt-action-color-background-critical-active-s: 72.9%;
|
|
3320
|
-
--dt-action-color-background-critical-active-l:
|
|
3194
|
+
--dt-action-color-background-critical-active-l: 50%;
|
|
3321
3195
|
--dt-action-color-background-critical-active-a: 20%;
|
|
3322
3196
|
--dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
|
|
3323
3197
|
--dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 20%));
|
|
3324
|
-
--dt-action-color-background-critical-active: hsl(343 72.9%
|
|
3325
|
-
--dt-action-color-background-base-active-h: 260;
|
|
3326
|
-
--dt-action-color-background-base-active-s: 97.7%;
|
|
3327
|
-
--dt-action-color-background-base-active-l: 15%;
|
|
3328
|
-
--dt-action-color-background-base-active-a: 70%;
|
|
3329
|
-
--dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
|
|
3330
|
-
--dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 70%));
|
|
3331
|
-
--dt-action-color-background-base-active: hsl(260 97.7% 15% / 0.7);
|
|
3198
|
+
--dt-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
|
|
3332
3199
|
--dt-action-color-foreground-positive-hover-h: var(--dt-color-link-success-hover-h);
|
|
3333
3200
|
--dt-action-color-foreground-positive-hover-s: var(--dt-color-link-success-hover-s);
|
|
3334
3201
|
--dt-action-color-foreground-positive-hover-l: var(--dt-color-link-success-hover-l);
|
|
@@ -3433,34 +3300,6 @@
|
|
|
3433
3300
|
--dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
|
|
3434
3301
|
--dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
|
|
3435
3302
|
--dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
|
|
3436
|
-
--dt-color-theme-topbar-field-color-background-hover-h: 0;
|
|
3437
|
-
--dt-color-theme-topbar-field-color-background-hover-s: 0%;
|
|
3438
|
-
--dt-color-theme-topbar-field-color-background-hover-l: 8.27%;
|
|
3439
|
-
--dt-color-theme-topbar-field-color-background-hover-a: 100%;
|
|
3440
|
-
--dt-color-theme-topbar-field-color-background-hover-hsl: var(--dt-color-theme-topbar-field-color-background-hover-h) var(--dt-color-theme-topbar-field-color-background-hover-s) var(--dt-color-theme-topbar-field-color-background-hover-l);
|
|
3441
|
-
--dt-color-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-color-theme-topbar-field-color-background-hover-h) var(--dt-color-theme-topbar-field-color-background-hover-s) var(--dt-color-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
|
|
3442
|
-
--dt-color-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
|
|
3443
|
-
--dt-color-action-color-background-positive-active-h: 155;
|
|
3444
|
-
--dt-color-action-color-background-positive-active-s: 100%;
|
|
3445
|
-
--dt-color-action-color-background-positive-active-l: 36.6%;
|
|
3446
|
-
--dt-color-action-color-background-positive-active-a: 28%;
|
|
3447
|
-
--dt-color-action-color-background-positive-active-hsl: var(--dt-color-action-color-background-positive-active-h) var(--dt-color-action-color-background-positive-active-s) var(--dt-color-action-color-background-positive-active-l);
|
|
3448
|
-
--dt-color-action-color-background-positive-active-hsla: hsl(var(--dt-color-action-color-background-positive-active-h) var(--dt-color-action-color-background-positive-active-s) var(--dt-color-action-color-background-positive-active-l) / var(--alpha, 28%));
|
|
3449
|
-
--dt-color-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
|
|
3450
|
-
--dt-color-action-color-background-critical-active-h: 343;
|
|
3451
|
-
--dt-color-action-color-background-critical-active-s: 72.9%;
|
|
3452
|
-
--dt-color-action-color-background-critical-active-l: 50%;
|
|
3453
|
-
--dt-color-action-color-background-critical-active-a: 20%;
|
|
3454
|
-
--dt-color-action-color-background-critical-active-hsl: var(--dt-color-action-color-background-critical-active-h) var(--dt-color-action-color-background-critical-active-s) var(--dt-color-action-color-background-critical-active-l);
|
|
3455
|
-
--dt-color-action-color-background-critical-active-hsla: hsl(var(--dt-color-action-color-background-critical-active-h) var(--dt-color-action-color-background-critical-active-s) var(--dt-color-action-color-background-critical-active-l) / var(--alpha, 20%));
|
|
3456
|
-
--dt-color-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
|
|
3457
|
-
--dt-color-action-color-background-base-active-h: 260;
|
|
3458
|
-
--dt-color-action-color-background-base-active-s: 97.7%;
|
|
3459
|
-
--dt-color-action-color-background-base-active-l: 16.9%;
|
|
3460
|
-
--dt-color-action-color-background-base-active-a: 30%;
|
|
3461
|
-
--dt-color-action-color-background-base-active-hsl: var(--dt-color-action-color-background-base-active-h) var(--dt-color-action-color-background-base-active-s) var(--dt-color-action-color-background-base-active-l);
|
|
3462
|
-
--dt-color-action-color-background-base-active-hsla: hsl(var(--dt-color-action-color-background-base-active-h) var(--dt-color-action-color-background-base-active-s) var(--dt-color-action-color-background-base-active-l) / var(--alpha, 30%));
|
|
3463
|
-
--dt-color-action-color-background-base-active: hsl(260 97.7% 16.9% / 0.3);
|
|
3464
3303
|
--dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-inverted-h);
|
|
3465
3304
|
--dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-inverted-s);
|
|
3466
3305
|
--dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-inverted-l);
|