@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
|
@@ -359,13 +359,13 @@
|
|
|
359
359
|
--dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
|
|
360
360
|
--dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
|
|
361
361
|
--dt-shell-base-color-foreground: var(--dt-color-black-900);
|
|
362
|
-
--dt-theme-mention-color-background-strong-h: var(--dt-color-purple-
|
|
363
|
-
--dt-theme-mention-color-background-strong-s: var(--dt-color-purple-
|
|
364
|
-
--dt-theme-mention-color-background-strong-l: var(--dt-color-purple-
|
|
365
|
-
--dt-theme-mention-color-background-strong-a: var(--dt-color-purple-
|
|
366
|
-
--dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-
|
|
367
|
-
--dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-
|
|
368
|
-
--dt-theme-mention-color-background-strong: var(--dt-color-purple-
|
|
362
|
+
--dt-theme-mention-color-background-strong-h: var(--dt-color-purple-600-h);
|
|
363
|
+
--dt-theme-mention-color-background-strong-s: var(--dt-color-purple-600-s);
|
|
364
|
+
--dt-theme-mention-color-background-strong-l: var(--dt-color-purple-600-l);
|
|
365
|
+
--dt-theme-mention-color-background-strong-a: var(--dt-color-purple-600-a);
|
|
366
|
+
--dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-600-hsl);
|
|
367
|
+
--dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-600-hsla);
|
|
368
|
+
--dt-theme-mention-color-background-strong: var(--dt-color-purple-600);
|
|
369
369
|
--dt-theme-mention-color-foreground-h: var(--dt-color-black-50-h);
|
|
370
370
|
--dt-theme-mention-color-foreground-s: var(--dt-color-black-50-s);
|
|
371
371
|
--dt-theme-mention-color-foreground-l: var(--dt-color-black-50-l);
|
|
@@ -457,27 +457,20 @@
|
|
|
457
457
|
--dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
|
|
458
458
|
--dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
|
|
459
459
|
--dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
|
|
460
|
-
--dt-action-color-background-critical-primary-
|
|
461
|
-
--dt-action-color-background-critical-primary-
|
|
462
|
-
--dt-action-color-background-critical-primary-
|
|
463
|
-
--dt-action-color-background-critical-primary-
|
|
464
|
-
--dt-action-color-background-critical-primary-
|
|
465
|
-
--dt-action-color-background-critical-primary-
|
|
466
|
-
--dt-action-color-background-critical-primary-
|
|
467
|
-
--dt-action-color-background-critical-primary-
|
|
468
|
-
--dt-action-color-background-critical-primary-
|
|
469
|
-
--dt-action-color-background-critical-primary-
|
|
470
|
-
--dt-action-color-background-critical-primary-
|
|
471
|
-
--dt-action-color-background-critical-primary-
|
|
472
|
-
--dt-action-color-background-critical-primary-
|
|
473
|
-
--dt-action-color-background-critical-primary-
|
|
474
|
-
--dt-action-color-background-critical-primary-default-h: var(--dt-color-red-400-h);
|
|
475
|
-
--dt-action-color-background-critical-primary-default-s: var(--dt-color-red-400-s);
|
|
476
|
-
--dt-action-color-background-critical-primary-default-l: var(--dt-color-red-400-l);
|
|
477
|
-
--dt-action-color-background-critical-primary-default-a: var(--dt-color-red-400-a);
|
|
478
|
-
--dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-400-hsl);
|
|
479
|
-
--dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-400-hsla);
|
|
480
|
-
--dt-action-color-background-critical-primary-default: var(--dt-color-red-400);
|
|
460
|
+
--dt-action-color-background-critical-primary-hover-h: var(--dt-color-red-700-h);
|
|
461
|
+
--dt-action-color-background-critical-primary-hover-s: var(--dt-color-red-700-s);
|
|
462
|
+
--dt-action-color-background-critical-primary-hover-l: var(--dt-color-red-700-l);
|
|
463
|
+
--dt-action-color-background-critical-primary-hover-a: var(--dt-color-red-700-a);
|
|
464
|
+
--dt-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-700-hsl);
|
|
465
|
+
--dt-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-700-hsla);
|
|
466
|
+
--dt-action-color-background-critical-primary-hover: var(--dt-color-red-700);
|
|
467
|
+
--dt-action-color-background-critical-primary-default-h: var(--dt-color-red-600-h);
|
|
468
|
+
--dt-action-color-background-critical-primary-default-s: var(--dt-color-red-600-s);
|
|
469
|
+
--dt-action-color-background-critical-primary-default-l: var(--dt-color-red-600-l);
|
|
470
|
+
--dt-action-color-background-critical-primary-default-a: var(--dt-color-red-600-a);
|
|
471
|
+
--dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-600-hsl);
|
|
472
|
+
--dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-600-hsla);
|
|
473
|
+
--dt-action-color-background-critical-primary-default: var(--dt-color-red-600);
|
|
481
474
|
--dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
|
|
482
475
|
--dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
|
|
483
476
|
--dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
|
|
@@ -485,27 +478,27 @@
|
|
|
485
478
|
--dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
|
|
486
479
|
--dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
|
|
487
480
|
--dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
|
|
488
|
-
--dt-action-color-background-base-primary-
|
|
489
|
-
--dt-action-color-background-base-primary-
|
|
490
|
-
--dt-action-color-background-base-primary-
|
|
491
|
-
--dt-action-color-background-base-primary-
|
|
492
|
-
--dt-action-color-background-base-primary-
|
|
493
|
-
--dt-action-color-background-base-primary-
|
|
494
|
-
--dt-action-color-background-base-primary-
|
|
495
|
-
--dt-action-color-background-base-primary-
|
|
496
|
-
--dt-action-color-background-base-primary-
|
|
497
|
-
--dt-action-color-background-base-primary-
|
|
498
|
-
--dt-action-color-background-base-primary-
|
|
499
|
-
--dt-action-color-background-base-primary-
|
|
500
|
-
--dt-action-color-background-base-primary-
|
|
501
|
-
--dt-action-color-background-base-primary-
|
|
502
|
-
--dt-action-color-background-base-
|
|
503
|
-
--dt-action-color-background-base-
|
|
504
|
-
--dt-action-color-background-base-
|
|
505
|
-
--dt-action-color-background-base-
|
|
506
|
-
--dt-action-color-background-base-
|
|
507
|
-
--dt-action-color-background-base-
|
|
508
|
-
--dt-action-color-background-base-
|
|
481
|
+
--dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-550-h);
|
|
482
|
+
--dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-550-s);
|
|
483
|
+
--dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-550-l);
|
|
484
|
+
--dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-550-a);
|
|
485
|
+
--dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-550-hsl);
|
|
486
|
+
--dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-550-hsla);
|
|
487
|
+
--dt-action-color-background-base-primary-hover: var(--dt-color-purple-550);
|
|
488
|
+
--dt-action-color-background-base-primary-default-h: var(--dt-color-purple-500-h);
|
|
489
|
+
--dt-action-color-background-base-primary-default-s: var(--dt-color-purple-500-s);
|
|
490
|
+
--dt-action-color-background-base-primary-default-l: var(--dt-color-purple-500-l);
|
|
491
|
+
--dt-action-color-background-base-primary-default-a: var(--dt-color-purple-500-a);
|
|
492
|
+
--dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-500-hsl);
|
|
493
|
+
--dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-500-hsla);
|
|
494
|
+
--dt-action-color-background-base-primary-default: var(--dt-color-purple-500);
|
|
495
|
+
--dt-action-color-background-base-hover-h: 253;
|
|
496
|
+
--dt-action-color-background-base-hover-s: 95.9%;
|
|
497
|
+
--dt-action-color-background-base-hover-l: 71.6%;
|
|
498
|
+
--dt-action-color-background-base-hover-a: 20%;
|
|
499
|
+
--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);
|
|
500
|
+
--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%));
|
|
501
|
+
--dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
|
|
509
502
|
--dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
|
|
510
503
|
--dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
|
|
511
504
|
--dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
|
|
@@ -665,69 +658,6 @@
|
|
|
665
658
|
--dt-typography-body-md-text-case: var(--dt-font-text-case-none); /* Base default medium text style for main content. */
|
|
666
659
|
--dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
|
|
667
660
|
--dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
|
|
668
|
-
--dt-color-theme-mention-color-background-strong-h: var(--dt-color-purple-600-h);
|
|
669
|
-
--dt-color-theme-mention-color-background-strong-s: var(--dt-color-purple-600-s);
|
|
670
|
-
--dt-color-theme-mention-color-background-strong-l: var(--dt-color-purple-600-l);
|
|
671
|
-
--dt-color-theme-mention-color-background-strong-a: var(--dt-color-purple-600-a);
|
|
672
|
-
--dt-color-theme-mention-color-background-strong-hsl: var(--dt-color-purple-600-hsl);
|
|
673
|
-
--dt-color-theme-mention-color-background-strong-hsla: var(--dt-color-purple-600-hsla);
|
|
674
|
-
--dt-color-theme-mention-color-background-strong: var(--dt-color-purple-600);
|
|
675
|
-
--dt-color-theme-presence-color-background-busy-h: var(--dt-color-gold-500-h);
|
|
676
|
-
--dt-color-theme-presence-color-background-busy-s: var(--dt-color-gold-500-s);
|
|
677
|
-
--dt-color-theme-presence-color-background-busy-l: var(--dt-color-gold-500-l);
|
|
678
|
-
--dt-color-theme-presence-color-background-busy-a: var(--dt-color-gold-500-a);
|
|
679
|
-
--dt-color-theme-presence-color-background-busy-hsl: var(--dt-color-gold-500-hsl);
|
|
680
|
-
--dt-color-theme-presence-color-background-busy-hsla: var(--dt-color-gold-500-hsla);
|
|
681
|
-
--dt-color-theme-presence-color-background-busy: var(--dt-color-gold-500);
|
|
682
|
-
--dt-color-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-500-h);
|
|
683
|
-
--dt-color-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-500-s);
|
|
684
|
-
--dt-color-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-500-l);
|
|
685
|
-
--dt-color-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-500-a);
|
|
686
|
-
--dt-color-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-500-hsl);
|
|
687
|
-
--dt-color-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-500-hsla);
|
|
688
|
-
--dt-color-theme-presence-color-background-busy-unavailable: var(--dt-color-red-500);
|
|
689
|
-
--dt-color-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
|
|
690
|
-
--dt-color-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
|
|
691
|
-
--dt-color-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
|
|
692
|
-
--dt-color-theme-presence-color-background-available-a: var(--dt-color-green-425-a);
|
|
693
|
-
--dt-color-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
|
|
694
|
-
--dt-color-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
|
|
695
|
-
--dt-color-theme-presence-color-background-available: var(--dt-color-green-425);
|
|
696
|
-
--dt-color-action-color-background-critical-primary-hover-h: var(--dt-color-red-700-h);
|
|
697
|
-
--dt-color-action-color-background-critical-primary-hover-s: var(--dt-color-red-700-s);
|
|
698
|
-
--dt-color-action-color-background-critical-primary-hover-l: var(--dt-color-red-700-l);
|
|
699
|
-
--dt-color-action-color-background-critical-primary-hover-a: var(--dt-color-red-700-a);
|
|
700
|
-
--dt-color-action-color-background-critical-primary-hover-hsl: var(--dt-color-red-700-hsl);
|
|
701
|
-
--dt-color-action-color-background-critical-primary-hover-hsla: var(--dt-color-red-700-hsla);
|
|
702
|
-
--dt-color-action-color-background-critical-primary-hover: var(--dt-color-red-700);
|
|
703
|
-
--dt-color-action-color-background-critical-primary-default-h: var(--dt-color-red-600-h);
|
|
704
|
-
--dt-color-action-color-background-critical-primary-default-s: var(--dt-color-red-600-s);
|
|
705
|
-
--dt-color-action-color-background-critical-primary-default-l: var(--dt-color-red-600-l);
|
|
706
|
-
--dt-color-action-color-background-critical-primary-default-a: var(--dt-color-red-600-a);
|
|
707
|
-
--dt-color-action-color-background-critical-primary-default-hsl: var(--dt-color-red-600-hsl);
|
|
708
|
-
--dt-color-action-color-background-critical-primary-default-hsla: var(--dt-color-red-600-hsla);
|
|
709
|
-
--dt-color-action-color-background-critical-primary-default: var(--dt-color-red-600);
|
|
710
|
-
--dt-color-action-color-background-base-hover-h: 253;
|
|
711
|
-
--dt-color-action-color-background-base-hover-s: 95.9%;
|
|
712
|
-
--dt-color-action-color-background-base-hover-l: 71.6%;
|
|
713
|
-
--dt-color-action-color-background-base-hover-a: 20%;
|
|
714
|
-
--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);
|
|
715
|
-
--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%));
|
|
716
|
-
--dt-color-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
|
|
717
|
-
--dt-color-action-color-background-base-primary-hover-h: var(--dt-color-purple-550-h);
|
|
718
|
-
--dt-color-action-color-background-base-primary-hover-s: var(--dt-color-purple-550-s);
|
|
719
|
-
--dt-color-action-color-background-base-primary-hover-l: var(--dt-color-purple-550-l);
|
|
720
|
-
--dt-color-action-color-background-base-primary-hover-a: var(--dt-color-purple-550-a);
|
|
721
|
-
--dt-color-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-550-hsl);
|
|
722
|
-
--dt-color-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-550-hsla);
|
|
723
|
-
--dt-color-action-color-background-base-primary-hover: var(--dt-color-purple-550);
|
|
724
|
-
--dt-color-action-color-background-base-primary-default-h: var(--dt-color-purple-500-h);
|
|
725
|
-
--dt-color-action-color-background-base-primary-default-s: var(--dt-color-purple-500-s);
|
|
726
|
-
--dt-color-action-color-background-base-primary-default-l: var(--dt-color-purple-500-l);
|
|
727
|
-
--dt-color-action-color-background-base-primary-default-a: var(--dt-color-purple-500-a);
|
|
728
|
-
--dt-color-action-color-background-base-primary-default-hsl: var(--dt-color-purple-500-hsl);
|
|
729
|
-
--dt-color-action-color-background-base-primary-default-hsla: var(--dt-color-purple-500-hsla);
|
|
730
|
-
--dt-color-action-color-background-base-primary-default: var(--dt-color-purple-500);
|
|
731
661
|
--dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
|
|
732
662
|
--dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
|
|
733
663
|
--dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
|
|
@@ -2577,10 +2507,10 @@
|
|
|
2577
2507
|
--dt-theme-sidebar-selected-row-color-background-h: 0;
|
|
2578
2508
|
--dt-theme-sidebar-selected-row-color-background-s: 0%;
|
|
2579
2509
|
--dt-theme-sidebar-selected-row-color-background-l: 90.2%;
|
|
2580
|
-
--dt-theme-sidebar-selected-row-color-background-a:
|
|
2510
|
+
--dt-theme-sidebar-selected-row-color-background-a: 12%;
|
|
2581
2511
|
--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);
|
|
2582
|
-
--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,
|
|
2583
|
-
--dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.
|
|
2512
|
+
--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%));
|
|
2513
|
+
--dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
|
|
2584
2514
|
--dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
|
|
2585
2515
|
--dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
|
|
2586
2516
|
--dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
|
|
@@ -2598,10 +2528,10 @@
|
|
|
2598
2528
|
--dt-theme-sidebar-row-color-background-hover-h: 0;
|
|
2599
2529
|
--dt-theme-sidebar-row-color-background-hover-s: 0%;
|
|
2600
2530
|
--dt-theme-sidebar-row-color-background-hover-l: 90.2%;
|
|
2601
|
-
--dt-theme-sidebar-row-color-background-hover-a:
|
|
2531
|
+
--dt-theme-sidebar-row-color-background-hover-a: 10%;
|
|
2602
2532
|
--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);
|
|
2603
|
-
--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,
|
|
2604
|
-
--dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.
|
|
2533
|
+
--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%));
|
|
2534
|
+
--dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
|
|
2605
2535
|
--dt-theme-sidebar-row-color-background-h: 0;
|
|
2606
2536
|
--dt-theme-sidebar-row-color-background-s: 0%;
|
|
2607
2537
|
--dt-theme-sidebar-row-color-background-l: 90.2%;
|
|
@@ -2675,10 +2605,10 @@
|
|
|
2675
2605
|
--dt-theme-topbar-button-color-background-hover-h: 0;
|
|
2676
2606
|
--dt-theme-topbar-button-color-background-hover-s: 0%;
|
|
2677
2607
|
--dt-theme-topbar-button-color-background-hover-l: 90.2%;
|
|
2678
|
-
--dt-theme-topbar-button-color-background-hover-a:
|
|
2608
|
+
--dt-theme-topbar-button-color-background-hover-a: 15%;
|
|
2679
2609
|
--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);
|
|
2680
|
-
--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,
|
|
2681
|
-
--dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.
|
|
2610
|
+
--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%));
|
|
2611
|
+
--dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
|
|
2682
2612
|
--dt-theme-topbar-button-color-background-h: 0;
|
|
2683
2613
|
--dt-theme-topbar-button-color-background-s: 0%;
|
|
2684
2614
|
--dt-theme-topbar-button-color-background-l: 90.2%;
|
|
@@ -2721,13 +2651,6 @@
|
|
|
2721
2651
|
--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);
|
|
2722
2652
|
--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%));
|
|
2723
2653
|
--dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
|
|
2724
|
-
--dt-theme-topbar-field-color-background-hover-h: 0;
|
|
2725
|
-
--dt-theme-topbar-field-color-background-hover-s: 0%;
|
|
2726
|
-
--dt-theme-topbar-field-color-background-hover-l: 100%;
|
|
2727
|
-
--dt-theme-topbar-field-color-background-hover-a: 100%;
|
|
2728
|
-
--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);
|
|
2729
|
-
--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%));
|
|
2730
|
-
--dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
|
|
2731
2654
|
--dt-theme-topbar-field-color-background-h: 0;
|
|
2732
2655
|
--dt-theme-topbar-field-color-background-s: 0%;
|
|
2733
2656
|
--dt-theme-topbar-field-color-background-l: 90.2%;
|
|
@@ -2798,13 +2721,13 @@
|
|
|
2798
2721
|
--dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
|
|
2799
2722
|
--dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
|
|
2800
2723
|
--dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
|
|
2801
|
-
--dt-action-color-background-positive-primary-active-h:
|
|
2802
|
-
--dt-action-color-background-positive-primary-active-s:
|
|
2803
|
-
--dt-action-color-background-positive-primary-active-l:
|
|
2804
|
-
--dt-action-color-background-positive-primary-active-a:
|
|
2805
|
-
--dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-
|
|
2806
|
-
--dt-action-color-background-positive-primary-active-hsla:
|
|
2807
|
-
--dt-action-color-background-positive-primary-active:
|
|
2724
|
+
--dt-action-color-background-positive-primary-active-h: var(--dt-action-color-background-positive-primary-default-h);
|
|
2725
|
+
--dt-action-color-background-positive-primary-active-s: var(--dt-action-color-background-positive-primary-default-s);
|
|
2726
|
+
--dt-action-color-background-positive-primary-active-l: var(--dt-action-color-background-positive-primary-default-l);
|
|
2727
|
+
--dt-action-color-background-positive-primary-active-a: var(--dt-action-color-background-positive-primary-default-a);
|
|
2728
|
+
--dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-default-hsl);
|
|
2729
|
+
--dt-action-color-background-positive-primary-active-hsla: var(--dt-action-color-background-positive-primary-default-hsla);
|
|
2730
|
+
--dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
|
|
2808
2731
|
--dt-action-color-background-positive-hover-h: var(--dt-color-surface-success-opaque-h);
|
|
2809
2732
|
--dt-action-color-background-positive-hover-s: var(--dt-color-surface-success-opaque-s);
|
|
2810
2733
|
--dt-action-color-background-positive-hover-l: var(--dt-color-surface-success-opaque-l);
|
|
@@ -2819,6 +2742,13 @@
|
|
|
2819
2742
|
--dt-action-color-background-disabled-default-hsl: var(--dt-color-surface-bold-opaque-hsl);
|
|
2820
2743
|
--dt-action-color-background-disabled-default-hsla: var(--dt-color-surface-bold-opaque-hsla);
|
|
2821
2744
|
--dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
|
|
2745
|
+
--dt-action-color-background-muted-active-h: var(--dt-color-surface-bold-opaque-h);
|
|
2746
|
+
--dt-action-color-background-muted-active-s: var(--dt-color-surface-bold-opaque-s);
|
|
2747
|
+
--dt-action-color-background-muted-active-l: var(--dt-color-surface-bold-opaque-l);
|
|
2748
|
+
--dt-action-color-background-muted-active-a: var(--dt-color-surface-bold-opaque-a);
|
|
2749
|
+
--dt-action-color-background-muted-active-hsl: var(--dt-color-surface-bold-opaque-hsl);
|
|
2750
|
+
--dt-action-color-background-muted-active-hsla: var(--dt-color-surface-bold-opaque-hsla);
|
|
2751
|
+
--dt-action-color-background-muted-active: var(--dt-color-surface-bold-opaque);
|
|
2822
2752
|
--dt-action-color-background-muted-hover-h: var(--dt-color-surface-moderate-opaque-h);
|
|
2823
2753
|
--dt-action-color-background-muted-hover-s: var(--dt-color-surface-moderate-opaque-s);
|
|
2824
2754
|
--dt-action-color-background-muted-hover-l: var(--dt-color-surface-moderate-opaque-l);
|
|
@@ -2847,6 +2777,13 @@
|
|
|
2847
2777
|
--dt-action-color-background-inverted-hover-hsl: var(--dt-color-surface-moderate-opaque-inverted-hsl);
|
|
2848
2778
|
--dt-action-color-background-inverted-hover-hsla: var(--dt-color-surface-moderate-opaque-inverted-hsla);
|
|
2849
2779
|
--dt-action-color-background-inverted-hover: var(--dt-color-surface-moderate-opaque-inverted);
|
|
2780
|
+
--dt-action-color-background-critical-primary-active-h: var(--dt-action-color-background-critical-primary-default-h);
|
|
2781
|
+
--dt-action-color-background-critical-primary-active-s: var(--dt-action-color-background-critical-primary-default-s);
|
|
2782
|
+
--dt-action-color-background-critical-primary-active-l: var(--dt-action-color-background-critical-primary-default-l);
|
|
2783
|
+
--dt-action-color-background-critical-primary-active-a: var(--dt-action-color-background-critical-primary-default-a);
|
|
2784
|
+
--dt-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-default-hsl);
|
|
2785
|
+
--dt-action-color-background-critical-primary-active-hsla: var(--dt-action-color-background-critical-primary-default-hsla);
|
|
2786
|
+
--dt-action-color-background-critical-primary-active: var(--dt-action-color-background-critical-primary-default);
|
|
2850
2787
|
--dt-action-color-background-critical-hover-h: var(--dt-color-surface-critical-opaque-h);
|
|
2851
2788
|
--dt-action-color-background-critical-hover-s: var(--dt-color-surface-critical-opaque-s);
|
|
2852
2789
|
--dt-action-color-background-critical-hover-l: var(--dt-color-surface-critical-opaque-l);
|
|
@@ -2854,13 +2791,20 @@
|
|
|
2854
2791
|
--dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
|
|
2855
2792
|
--dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
|
|
2856
2793
|
--dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
|
|
2857
|
-
--dt-action-color-background-base-
|
|
2858
|
-
--dt-action-color-background-base-
|
|
2859
|
-
--dt-action-color-background-base-
|
|
2860
|
-
--dt-action-color-background-base-
|
|
2861
|
-
--dt-action-color-background-base-
|
|
2862
|
-
--dt-action-color-background-base-
|
|
2863
|
-
--dt-action-color-background-base-
|
|
2794
|
+
--dt-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
|
|
2795
|
+
--dt-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
|
|
2796
|
+
--dt-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
|
|
2797
|
+
--dt-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
|
|
2798
|
+
--dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
|
|
2799
|
+
--dt-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
|
|
2800
|
+
--dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
|
|
2801
|
+
--dt-action-color-background-base-active-h: 253;
|
|
2802
|
+
--dt-action-color-background-base-active-s: 95.9%;
|
|
2803
|
+
--dt-action-color-background-base-active-l: 71.6%;
|
|
2804
|
+
--dt-action-color-background-base-active-a: 30%;
|
|
2805
|
+
--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);
|
|
2806
|
+
--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%));
|
|
2807
|
+
--dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
|
|
2864
2808
|
--dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
|
|
2865
2809
|
--dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
|
|
2866
2810
|
--dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
|
|
@@ -2973,13 +2917,13 @@
|
|
|
2973
2917
|
--dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
|
|
2974
2918
|
--dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
|
|
2975
2919
|
--dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
|
|
2976
|
-
--dt-inputs-color-foreground-default-h: var(--dt-color-foreground-
|
|
2977
|
-
--dt-inputs-color-foreground-default-s: var(--dt-color-foreground-
|
|
2978
|
-
--dt-inputs-color-foreground-default-l: var(--dt-color-foreground-
|
|
2979
|
-
--dt-inputs-color-foreground-default-a: var(--dt-color-foreground-
|
|
2980
|
-
--dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-
|
|
2981
|
-
--dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-
|
|
2982
|
-
--dt-inputs-color-foreground-default: var(--dt-color-foreground-
|
|
2920
|
+
--dt-inputs-color-foreground-default-h: var(--dt-color-foreground-primary-h);
|
|
2921
|
+
--dt-inputs-color-foreground-default-s: var(--dt-color-foreground-primary-s);
|
|
2922
|
+
--dt-inputs-color-foreground-default-l: var(--dt-color-foreground-primary-l);
|
|
2923
|
+
--dt-inputs-color-foreground-default-a: var(--dt-color-foreground-primary-a);
|
|
2924
|
+
--dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
|
|
2925
|
+
--dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
|
|
2926
|
+
--dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
|
|
2983
2927
|
--dt-inputs-font-size-xl: var(--dt-font-size-100);
|
|
2984
2928
|
--dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
|
|
2985
2929
|
--dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
|
|
@@ -3055,76 +2999,6 @@
|
|
|
3055
2999
|
--dt-typography-body-md-compact-font-family: var(--dt-font-family-expressive); /* A tighter-spaced version of medium body style. */
|
|
3056
3000
|
--dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
|
|
3057
3001
|
--dt-typography-body-md-font-family: var(--dt-font-family-expressive); /* Base default medium text style for main content. */
|
|
3058
|
-
--dt-color-theme-sidebar-selected-row-color-background-h: 0;
|
|
3059
|
-
--dt-color-theme-sidebar-selected-row-color-background-s: 0%;
|
|
3060
|
-
--dt-color-theme-sidebar-selected-row-color-background-l: 90.2%;
|
|
3061
|
-
--dt-color-theme-sidebar-selected-row-color-background-a: 12%;
|
|
3062
|
-
--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);
|
|
3063
|
-
--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%));
|
|
3064
|
-
--dt-color-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
|
|
3065
|
-
--dt-color-theme-sidebar-row-color-background-active-h: 0;
|
|
3066
|
-
--dt-color-theme-sidebar-row-color-background-active-s: 0%;
|
|
3067
|
-
--dt-color-theme-sidebar-row-color-background-active-l: 90.2%;
|
|
3068
|
-
--dt-color-theme-sidebar-row-color-background-active-a: 15%;
|
|
3069
|
-
--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);
|
|
3070
|
-
--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%));
|
|
3071
|
-
--dt-color-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
|
|
3072
|
-
--dt-color-theme-sidebar-row-color-background-hover-h: 0;
|
|
3073
|
-
--dt-color-theme-sidebar-row-color-background-hover-s: 0%;
|
|
3074
|
-
--dt-color-theme-sidebar-row-color-background-hover-l: 90.2%;
|
|
3075
|
-
--dt-color-theme-sidebar-row-color-background-hover-a: 10%;
|
|
3076
|
-
--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);
|
|
3077
|
-
--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%));
|
|
3078
|
-
--dt-color-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
|
|
3079
|
-
--dt-color-theme-topbar-button-color-background-hover-h: 0;
|
|
3080
|
-
--dt-color-theme-topbar-button-color-background-hover-s: 0%;
|
|
3081
|
-
--dt-color-theme-topbar-button-color-background-hover-l: 90.2%;
|
|
3082
|
-
--dt-color-theme-topbar-button-color-background-hover-a: 15%;
|
|
3083
|
-
--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);
|
|
3084
|
-
--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%));
|
|
3085
|
-
--dt-color-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
|
|
3086
|
-
--dt-color-action-color-background-positive-primary-active-h: var(--dt-action-color-background-positive-primary-default-h);
|
|
3087
|
-
--dt-color-action-color-background-positive-primary-active-s: var(--dt-action-color-background-positive-primary-default-s);
|
|
3088
|
-
--dt-color-action-color-background-positive-primary-active-l: var(--dt-action-color-background-positive-primary-default-l);
|
|
3089
|
-
--dt-color-action-color-background-positive-primary-active-a: var(--dt-action-color-background-positive-primary-default-a);
|
|
3090
|
-
--dt-color-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-default-hsl);
|
|
3091
|
-
--dt-color-action-color-background-positive-primary-active-hsla: var(--dt-action-color-background-positive-primary-default-hsla);
|
|
3092
|
-
--dt-color-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
|
|
3093
|
-
--dt-color-action-color-background-muted-active-h: var(--dt-color-surface-bold-opaque-h);
|
|
3094
|
-
--dt-color-action-color-background-muted-active-s: var(--dt-color-surface-bold-opaque-s);
|
|
3095
|
-
--dt-color-action-color-background-muted-active-l: var(--dt-color-surface-bold-opaque-l);
|
|
3096
|
-
--dt-color-action-color-background-muted-active-a: var(--dt-color-surface-bold-opaque-a);
|
|
3097
|
-
--dt-color-action-color-background-muted-active-hsl: var(--dt-color-surface-bold-opaque-hsl);
|
|
3098
|
-
--dt-color-action-color-background-muted-active-hsla: var(--dt-color-surface-bold-opaque-hsla);
|
|
3099
|
-
--dt-color-action-color-background-muted-active: var(--dt-color-surface-bold-opaque);
|
|
3100
|
-
--dt-color-action-color-background-muted-hover-h: var(--dt-color-surface-moderate-opaque-h);
|
|
3101
|
-
--dt-color-action-color-background-muted-hover-s: var(--dt-color-surface-moderate-opaque-s);
|
|
3102
|
-
--dt-color-action-color-background-muted-hover-l: var(--dt-color-surface-moderate-opaque-l);
|
|
3103
|
-
--dt-color-action-color-background-muted-hover-a: var(--dt-color-surface-moderate-opaque-a);
|
|
3104
|
-
--dt-color-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
|
|
3105
|
-
--dt-color-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
|
|
3106
|
-
--dt-color-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
|
|
3107
|
-
--dt-color-action-color-background-critical-primary-active-h: var(--dt-action-color-background-critical-primary-default-h);
|
|
3108
|
-
--dt-color-action-color-background-critical-primary-active-s: var(--dt-action-color-background-critical-primary-default-s);
|
|
3109
|
-
--dt-color-action-color-background-critical-primary-active-l: var(--dt-action-color-background-critical-primary-default-l);
|
|
3110
|
-
--dt-color-action-color-background-critical-primary-active-a: var(--dt-action-color-background-critical-primary-default-a);
|
|
3111
|
-
--dt-color-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-default-hsl);
|
|
3112
|
-
--dt-color-action-color-background-critical-primary-active-hsla: var(--dt-action-color-background-critical-primary-default-hsla);
|
|
3113
|
-
--dt-color-action-color-background-critical-primary-active: var(--dt-action-color-background-critical-primary-default);
|
|
3114
|
-
--dt-color-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
|
|
3115
|
-
--dt-color-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
|
|
3116
|
-
--dt-color-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
|
|
3117
|
-
--dt-color-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
|
|
3118
|
-
--dt-color-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
|
|
3119
|
-
--dt-color-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
|
|
3120
|
-
--dt-color-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
|
|
3121
|
-
--dt-color-inputs-color-foreground-default-h: var(--dt-color-foreground-primary-h);
|
|
3122
|
-
--dt-color-inputs-color-foreground-default-s: var(--dt-color-foreground-primary-s);
|
|
3123
|
-
--dt-color-inputs-color-foreground-default-l: var(--dt-color-foreground-primary-l);
|
|
3124
|
-
--dt-color-inputs-color-foreground-default-a: var(--dt-color-foreground-primary-a);
|
|
3125
|
-
--dt-color-inputs-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
|
|
3126
|
-
--dt-color-inputs-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
|
|
3127
|
-
--dt-color-inputs-color-foreground-default: var(--dt-color-foreground-primary);
|
|
3128
3002
|
--dt-color-surface-primary-opaque-inverted-h: 0;
|
|
3129
3003
|
--dt-color-surface-primary-opaque-inverted-s: 0%;
|
|
3130
3004
|
--dt-color-surface-primary-opaque-inverted-l: 100%;
|
|
@@ -3329,34 +3203,27 @@
|
|
|
3329
3203
|
--dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
|
|
3330
3204
|
--dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
|
|
3331
3205
|
--dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
|
|
3206
|
+
--dt-theme-topbar-field-color-background-hover-h: 0;
|
|
3207
|
+
--dt-theme-topbar-field-color-background-hover-s: 0%;
|
|
3208
|
+
--dt-theme-topbar-field-color-background-hover-l: 8.27%;
|
|
3209
|
+
--dt-theme-topbar-field-color-background-hover-a: 100%;
|
|
3210
|
+
--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);
|
|
3211
|
+
--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%));
|
|
3212
|
+
--dt-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
|
|
3332
3213
|
--dt-action-color-background-positive-active-h: 155;
|
|
3333
3214
|
--dt-action-color-background-positive-active-s: 100%;
|
|
3334
|
-
--dt-action-color-background-positive-active-l:
|
|
3215
|
+
--dt-action-color-background-positive-active-l: 36.6%;
|
|
3335
3216
|
--dt-action-color-background-positive-active-a: 28%;
|
|
3336
3217
|
--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);
|
|
3337
3218
|
--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%));
|
|
3338
|
-
--dt-action-color-background-positive-active: hsl(155 100%
|
|
3339
|
-
--dt-action-color-background-muted-active-h: 0;
|
|
3340
|
-
--dt-action-color-background-muted-active-s: 0%;
|
|
3341
|
-
--dt-action-color-background-muted-active-l: 90.2%;
|
|
3342
|
-
--dt-action-color-background-muted-active-a: 14%;
|
|
3343
|
-
--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);
|
|
3344
|
-
--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%));
|
|
3345
|
-
--dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.14);
|
|
3219
|
+
--dt-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
|
|
3346
3220
|
--dt-action-color-background-critical-active-h: 343;
|
|
3347
3221
|
--dt-action-color-background-critical-active-s: 72.9%;
|
|
3348
|
-
--dt-action-color-background-critical-active-l:
|
|
3222
|
+
--dt-action-color-background-critical-active-l: 50%;
|
|
3349
3223
|
--dt-action-color-background-critical-active-a: 20%;
|
|
3350
3224
|
--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);
|
|
3351
3225
|
--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%));
|
|
3352
|
-
--dt-action-color-background-critical-active: hsl(343 72.9%
|
|
3353
|
-
--dt-action-color-background-base-active-h: 260;
|
|
3354
|
-
--dt-action-color-background-base-active-s: 97.7%;
|
|
3355
|
-
--dt-action-color-background-base-active-l: 15%;
|
|
3356
|
-
--dt-action-color-background-base-active-a: 70%;
|
|
3357
|
-
--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);
|
|
3358
|
-
--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%));
|
|
3359
|
-
--dt-action-color-background-base-active: hsl(260 97.7% 15% / 0.7);
|
|
3226
|
+
--dt-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
|
|
3360
3227
|
--dt-action-color-foreground-positive-hover-h: var(--dt-color-link-success-hover-h);
|
|
3361
3228
|
--dt-action-color-foreground-positive-hover-s: var(--dt-color-link-success-hover-s);
|
|
3362
3229
|
--dt-action-color-foreground-positive-hover-l: var(--dt-color-link-success-hover-l);
|
|
@@ -3461,34 +3328,6 @@
|
|
|
3461
3328
|
--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);
|
|
3462
3329
|
--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);
|
|
3463
3330
|
--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) */
|
|
3464
|
-
--dt-color-theme-topbar-field-color-background-hover-h: 0;
|
|
3465
|
-
--dt-color-theme-topbar-field-color-background-hover-s: 0%;
|
|
3466
|
-
--dt-color-theme-topbar-field-color-background-hover-l: 8.27%;
|
|
3467
|
-
--dt-color-theme-topbar-field-color-background-hover-a: 100%;
|
|
3468
|
-
--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);
|
|
3469
|
-
--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%));
|
|
3470
|
-
--dt-color-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
|
|
3471
|
-
--dt-color-action-color-background-positive-active-h: 155;
|
|
3472
|
-
--dt-color-action-color-background-positive-active-s: 100%;
|
|
3473
|
-
--dt-color-action-color-background-positive-active-l: 36.6%;
|
|
3474
|
-
--dt-color-action-color-background-positive-active-a: 28%;
|
|
3475
|
-
--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);
|
|
3476
|
-
--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%));
|
|
3477
|
-
--dt-color-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
|
|
3478
|
-
--dt-color-action-color-background-critical-active-h: 343;
|
|
3479
|
-
--dt-color-action-color-background-critical-active-s: 72.9%;
|
|
3480
|
-
--dt-color-action-color-background-critical-active-l: 50%;
|
|
3481
|
-
--dt-color-action-color-background-critical-active-a: 20%;
|
|
3482
|
-
--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);
|
|
3483
|
-
--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%));
|
|
3484
|
-
--dt-color-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
|
|
3485
|
-
--dt-color-action-color-background-base-active-h: 260;
|
|
3486
|
-
--dt-color-action-color-background-base-active-s: 97.7%;
|
|
3487
|
-
--dt-color-action-color-background-base-active-l: 16.9%;
|
|
3488
|
-
--dt-color-action-color-background-base-active-a: 30%;
|
|
3489
|
-
--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);
|
|
3490
|
-
--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%));
|
|
3491
|
-
--dt-color-action-color-background-base-active: hsl(260 97.7% 16.9% / 0.3);
|
|
3492
3331
|
--dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-inverted-h);
|
|
3493
3332
|
--dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-inverted-s);
|
|
3494
3333
|
--dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-inverted-l);
|