@dialpad/dialtone-css 8.76.0-next.1 → 8.76.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/lib/build/less/components/button.less +4 -4
  2. package/lib/build/less/components/emoji-picker.less +3 -6
  3. package/lib/build/less/components/filter-pill.less +51 -28
  4. package/lib/build/less/components/input.less +5 -0
  5. package/lib/build/less/components/list-item.less +1 -1
  6. package/lib/build/less/components/popover.less +0 -1
  7. package/lib/build/less/components/segmented-control.less +116 -0
  8. package/lib/build/less/components/tabs.less +21 -0
  9. package/lib/build/less/components/tooltip.less +17 -17
  10. package/lib/build/less/dialtone.less +1 -0
  11. package/lib/build/less/utilities/layout.less +1 -0
  12. package/lib/build/less/utilities/typography.less +1 -0
  13. package/lib/dist/dialtone-default-theme.css +151 -43
  14. package/lib/dist/dialtone-default-theme.min.css +1 -1
  15. package/lib/dist/dialtone-docs.json +1 -1
  16. package/lib/dist/dialtone.css +149 -41
  17. package/lib/dist/dialtone.min.css +1 -1
  18. package/lib/dist/tokens/tokens-101-dark.css +2 -2
  19. package/lib/dist/tokens/tokens-101-light.css +2 -2
  20. package/lib/dist/tokens/tokens-102-dark.css +2 -2
  21. package/lib/dist/tokens/tokens-102-light.css +2 -2
  22. package/lib/dist/tokens/tokens-103-dark.css +2 -2
  23. package/lib/dist/tokens/tokens-103-light.css +2 -2
  24. package/lib/dist/tokens/tokens-104-dark.css +2 -2
  25. package/lib/dist/tokens/tokens-104-light.css +2 -2
  26. package/lib/dist/tokens/tokens-105-dark.css +2 -2
  27. package/lib/dist/tokens/tokens-105-light.css +2 -2
  28. package/lib/dist/tokens/tokens-106-dark.css +2 -2
  29. package/lib/dist/tokens/tokens-106-light.css +2 -2
  30. package/lib/dist/tokens/tokens-107-dark.css +2 -2
  31. package/lib/dist/tokens/tokens-107-light.css +2 -2
  32. package/lib/dist/tokens/tokens-108-dark.css +2 -2
  33. package/lib/dist/tokens/tokens-108-light.css +2 -2
  34. package/lib/dist/tokens/tokens-109-dark.css +2 -2
  35. package/lib/dist/tokens/tokens-109-light.css +2 -2
  36. package/lib/dist/tokens/tokens-110-dark.css +2 -2
  37. package/lib/dist/tokens/tokens-110-light.css +2 -2
  38. package/lib/dist/tokens/tokens-111-dark.css +2 -2
  39. package/lib/dist/tokens/tokens-111-light.css +2 -2
  40. package/lib/dist/tokens/tokens-112-dark.css +2 -2
  41. package/lib/dist/tokens/tokens-112-light.css +2 -2
  42. package/lib/dist/tokens/tokens-113-dark.css +2 -2
  43. package/lib/dist/tokens/tokens-113-light.css +2 -2
  44. package/lib/dist/tokens/tokens-114-dark.css +2 -2
  45. package/lib/dist/tokens/tokens-114-light.css +2 -2
  46. package/lib/dist/tokens/tokens-115-dark.css +2 -2
  47. package/lib/dist/tokens/tokens-115-light.css +2 -2
  48. package/lib/dist/tokens/tokens-116-dark.css +2 -2
  49. package/lib/dist/tokens/tokens-116-light.css +2 -2
  50. package/lib/dist/tokens/tokens-117-dark.css +2 -2
  51. package/lib/dist/tokens/tokens-117-light.css +2 -2
  52. package/lib/dist/tokens/tokens-118-dark.css +2 -2
  53. package/lib/dist/tokens/tokens-118-light.css +2 -2
  54. package/lib/dist/tokens/tokens-119-dark.css +2 -2
  55. package/lib/dist/tokens/tokens-119-light.css +2 -2
  56. package/lib/dist/tokens/tokens-120-dark.css +2 -2
  57. package/lib/dist/tokens/tokens-120-light.css +2 -2
  58. package/lib/dist/tokens/tokens-121-dark.css +2 -2
  59. package/lib/dist/tokens/tokens-121-light.css +2 -2
  60. package/lib/dist/tokens/tokens-122-dark.css +2 -2
  61. package/lib/dist/tokens/tokens-122-light.css +2 -2
  62. package/lib/dist/tokens/tokens-123-dark.css +2 -2
  63. package/lib/dist/tokens/tokens-123-light.css +2 -2
  64. package/lib/dist/tokens/tokens-124-dark.css +2 -2
  65. package/lib/dist/tokens/tokens-124-light.css +2 -2
  66. package/lib/dist/tokens/tokens-125-dark.css +2 -2
  67. package/lib/dist/tokens/tokens-125-light.css +2 -2
  68. package/lib/dist/tokens/tokens-126-dark.css +2 -2
  69. package/lib/dist/tokens/tokens-126-light.css +2 -2
  70. package/lib/dist/tokens/tokens-127-dark.css +2 -2
  71. package/lib/dist/tokens/tokens-127-light.css +2 -2
  72. package/lib/dist/tokens/tokens-128-dark.css +2 -2
  73. package/lib/dist/tokens/tokens-128-light.css +2 -2
  74. package/lib/dist/tokens/tokens-129-dark.css +2 -2
  75. package/lib/dist/tokens/tokens-129-light.css +2 -2
  76. package/lib/dist/tokens/tokens-130-dark.css +2 -2
  77. package/lib/dist/tokens/tokens-130-light.css +2 -2
  78. package/lib/dist/tokens/tokens-131-dark.css +2 -2
  79. package/lib/dist/tokens/tokens-131-light.css +2 -2
  80. package/lib/dist/tokens/tokens-132-dark.css +2 -2
  81. package/lib/dist/tokens/tokens-132-light.css +2 -2
  82. package/lib/dist/tokens/tokens-133-dark.css +2 -2
  83. package/lib/dist/tokens/tokens-133-light.css +2 -2
  84. package/lib/dist/tokens/tokens-134-dark.css +2 -2
  85. package/lib/dist/tokens/tokens-134-light.css +2 -2
  86. package/lib/dist/tokens/tokens-135-dark.css +2 -2
  87. package/lib/dist/tokens/tokens-135-light.css +2 -2
  88. package/lib/dist/tokens/tokens-136-dark.css +2 -2
  89. package/lib/dist/tokens/tokens-136-light.css +2 -2
  90. package/lib/dist/tokens/tokens-137-dark.css +2 -2
  91. package/lib/dist/tokens/tokens-137-light.css +2 -2
  92. package/lib/dist/tokens/tokens-aegean-dark.css +2 -2
  93. package/lib/dist/tokens/tokens-aegean-light.css +2 -2
  94. package/lib/dist/tokens/tokens-botany-dark.css +2 -2
  95. package/lib/dist/tokens/tokens-botany-light.css +2 -2
  96. package/lib/dist/tokens/tokens-buttercream-dark.css +2 -2
  97. package/lib/dist/tokens/tokens-buttercream-light.css +2 -2
  98. package/lib/dist/tokens/tokens-ceruleo-dark.css +2 -2
  99. package/lib/dist/tokens/tokens-ceruleo-light.css +2 -2
  100. package/lib/dist/tokens/tokens-dp-dark.css +2 -2
  101. package/lib/dist/tokens/tokens-dp-light.css +2 -2
  102. package/lib/dist/tokens/tokens-expressive-dark.css +2 -2
  103. package/lib/dist/tokens/tokens-expressive-light.css +2 -2
  104. package/lib/dist/tokens/tokens-expressive-sm-dark.css +2 -2
  105. package/lib/dist/tokens/tokens-expressive-sm-light.css +2 -2
  106. package/lib/dist/tokens/tokens-high-desert-dark.css +2 -2
  107. package/lib/dist/tokens/tokens-high-desert-light.css +2 -2
  108. package/lib/dist/tokens/tokens-melon-dark.css +2 -2
  109. package/lib/dist/tokens/tokens-melon-light.css +2 -2
  110. package/lib/dist/tokens/tokens-plum-dark.css +2 -2
  111. package/lib/dist/tokens/tokens-plum-light.css +2 -2
  112. package/lib/dist/tokens/tokens-prota-deuter-dark.css +2 -2
  113. package/lib/dist/tokens/tokens-prota-deuter-light.css +2 -2
  114. package/lib/dist/tokens/tokens-sunflower-dark.css +2 -2
  115. package/lib/dist/tokens/tokens-sunflower-light.css +2 -2
  116. package/lib/dist/tokens/tokens-tmo-dark.css +2 -2
  117. package/lib/dist/tokens/tokens-tmo-light.css +2 -2
  118. package/lib/dist/tokens/tokens-trita-dark.css +2 -2
  119. package/lib/dist/tokens/tokens-trita-light.css +2 -2
  120. package/lib/dist/tokens/tokens-verdant-haze-dark.css +2 -2
  121. package/lib/dist/tokens/tokens-verdant-haze-light.css +2 -2
  122. package/lib/dist/tokens-docs.json +1 -1
  123. package/package.json +3 -3
@@ -637,8 +637,8 @@
637
637
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
638
638
  --dt-theme-topbar-color-foreground: oklch(0.92 0 0 / 0.8);
639
639
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
640
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
641
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
640
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
641
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
642
642
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
643
643
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
644
644
  --dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
@@ -640,8 +640,8 @@
640
640
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
641
641
  --dt-theme-topbar-color-foreground: oklch(0.23 0 0 / 0.8);
642
642
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
643
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
644
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
643
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
644
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
645
645
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
646
646
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
647
647
  --dt-action-color-background-positive-primary-active: oklch(0.47 0.15 147);
@@ -637,8 +637,8 @@
637
637
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
638
638
  --dt-theme-topbar-color-foreground: oklch(0.92 0 0 / 0.8);
639
639
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
640
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
641
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
640
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
641
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
642
642
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
643
643
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
644
644
  --dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
@@ -639,8 +639,8 @@
639
639
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
640
640
  --dt-theme-topbar-color-foreground: oklch(0.23 0 0 / 0.8);
641
641
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
642
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
643
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
642
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
643
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
644
644
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
645
645
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
646
646
  --dt-action-color-background-positive-primary-active: oklch(0.47 0.15 147);
@@ -636,8 +636,8 @@
636
636
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
637
637
  --dt-theme-topbar-color-foreground: oklch(0.92 0 0 / 0.8);
638
638
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
639
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
640
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
639
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
640
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
641
641
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
642
642
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
643
643
  --dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
@@ -638,8 +638,8 @@
638
638
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
639
639
  --dt-theme-topbar-color-foreground: oklch(0.23 0 0 / 0.8);
640
640
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
641
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
642
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
641
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
642
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
643
643
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
644
644
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
645
645
  --dt-action-color-background-positive-primary-active: oklch(0.47 0.15 147);
@@ -636,8 +636,8 @@
636
636
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
637
637
  --dt-theme-topbar-color-foreground: oklch(0.92 0 0 / 0.8);
638
638
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
639
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
640
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
639
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
640
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
641
641
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
642
642
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
643
643
  --dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
@@ -638,8 +638,8 @@
638
638
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
639
639
  --dt-theme-topbar-color-foreground: oklch(0.23 0 0 / 0.8);
640
640
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
641
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
642
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
641
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
642
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
643
643
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
644
644
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
645
645
  --dt-action-color-background-positive-primary-active: oklch(0.47 0.15 147);
@@ -656,8 +656,8 @@
656
656
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
657
657
  --dt-theme-topbar-color-foreground: oklch(0.92 0 0 / 0.8);
658
658
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
659
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
660
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
659
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
660
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
661
661
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
662
662
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
663
663
  --dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
@@ -658,8 +658,8 @@
658
658
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
659
659
  --dt-theme-topbar-color-foreground: oklch(0.23 0 0 / 0.8);
660
660
  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
661
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
662
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
661
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
662
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
663
663
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
664
664
  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
665
665
  --dt-action-color-background-positive-primary-active: oklch(0.47 0.15 147);