@dialpad/dialtone-css 8.74.0-next.2 → 8.74.0-next.4

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 (139) hide show
  1. package/lib/build/less/components/banner.less +7 -5
  2. package/lib/build/less/components/breadcrumbs.less +17 -16
  3. package/lib/build/less/components/button.less +161 -117
  4. package/lib/build/less/components/card.less +1 -0
  5. package/lib/build/less/components/codeblock.less +35 -11
  6. package/lib/build/less/components/datepicker.less +1 -11
  7. package/lib/build/less/components/empty-state.less +7 -5
  8. package/lib/build/less/components/forms.less +34 -10
  9. package/lib/build/less/components/keyboard-shortcut.less +2 -2
  10. package/lib/build/less/components/loader.less +11 -0
  11. package/lib/build/less/components/notice.less +21 -9
  12. package/lib/build/less/components/pagination.less +0 -5
  13. package/lib/build/less/components/progress_circle.less +60 -0
  14. package/lib/build/less/components/radio-checkbox.less +9 -2
  15. package/lib/build/less/components/scrollbar.less +4 -4
  16. package/lib/build/less/components/selects.less +1 -1
  17. package/lib/build/less/components/table.less +12 -15
  18. package/lib/build/less/components/tabs.less +88 -1
  19. package/lib/build/less/components/text.less +91 -35
  20. package/lib/build/less/components/toast.less +5 -6
  21. package/lib/build/less/dialtone.less +17 -16
  22. package/lib/build/less/recipes/attachment_carousel.less +16 -35
  23. package/lib/build/less/utilities/typography.less +1 -1
  24. package/lib/build/less/variables/sizes.less +2 -2
  25. package/lib/dist/dialtone-default-theme.css +3106 -2766
  26. package/lib/dist/dialtone-default-theme.min.css +1 -1
  27. package/lib/dist/dialtone-docs.json +1 -1
  28. package/lib/dist/dialtone.css +3083 -2744
  29. package/lib/dist/dialtone.min.css +1 -1
  30. package/lib/dist/tokens/tokens-101-dark.css +19 -19
  31. package/lib/dist/tokens/tokens-101-light.css +11 -11
  32. package/lib/dist/tokens/tokens-102-dark.css +19 -19
  33. package/lib/dist/tokens/tokens-102-light.css +11 -11
  34. package/lib/dist/tokens/tokens-103-dark.css +19 -19
  35. package/lib/dist/tokens/tokens-103-light.css +11 -11
  36. package/lib/dist/tokens/tokens-104-dark.css +19 -19
  37. package/lib/dist/tokens/tokens-104-light.css +11 -11
  38. package/lib/dist/tokens/tokens-105-dark.css +19 -19
  39. package/lib/dist/tokens/tokens-105-light.css +11 -11
  40. package/lib/dist/tokens/tokens-106-dark.css +19 -19
  41. package/lib/dist/tokens/tokens-106-light.css +11 -11
  42. package/lib/dist/tokens/tokens-107-dark.css +19 -19
  43. package/lib/dist/tokens/tokens-107-light.css +11 -11
  44. package/lib/dist/tokens/tokens-108-dark.css +19 -19
  45. package/lib/dist/tokens/tokens-108-light.css +11 -11
  46. package/lib/dist/tokens/tokens-109-dark.css +19 -19
  47. package/lib/dist/tokens/tokens-109-light.css +11 -11
  48. package/lib/dist/tokens/tokens-110-dark.css +19 -19
  49. package/lib/dist/tokens/tokens-110-light.css +11 -11
  50. package/lib/dist/tokens/tokens-111-dark.css +19 -19
  51. package/lib/dist/tokens/tokens-111-light.css +11 -11
  52. package/lib/dist/tokens/tokens-112-dark.css +19 -19
  53. package/lib/dist/tokens/tokens-112-light.css +11 -11
  54. package/lib/dist/tokens/tokens-113-dark.css +19 -19
  55. package/lib/dist/tokens/tokens-113-light.css +11 -11
  56. package/lib/dist/tokens/tokens-114-dark.css +19 -19
  57. package/lib/dist/tokens/tokens-114-light.css +11 -11
  58. package/lib/dist/tokens/tokens-115-dark.css +19 -19
  59. package/lib/dist/tokens/tokens-115-light.css +11 -11
  60. package/lib/dist/tokens/tokens-116-dark.css +19 -19
  61. package/lib/dist/tokens/tokens-116-light.css +11 -11
  62. package/lib/dist/tokens/tokens-117-dark.css +19 -19
  63. package/lib/dist/tokens/tokens-117-light.css +11 -11
  64. package/lib/dist/tokens/tokens-118-dark.css +19 -19
  65. package/lib/dist/tokens/tokens-118-light.css +11 -11
  66. package/lib/dist/tokens/tokens-119-dark.css +19 -19
  67. package/lib/dist/tokens/tokens-119-light.css +11 -11
  68. package/lib/dist/tokens/tokens-120-dark.css +19 -19
  69. package/lib/dist/tokens/tokens-120-light.css +11 -11
  70. package/lib/dist/tokens/tokens-121-dark.css +19 -19
  71. package/lib/dist/tokens/tokens-121-light.css +11 -11
  72. package/lib/dist/tokens/tokens-122-dark.css +19 -19
  73. package/lib/dist/tokens/tokens-122-light.css +11 -11
  74. package/lib/dist/tokens/tokens-123-dark.css +19 -19
  75. package/lib/dist/tokens/tokens-123-light.css +11 -11
  76. package/lib/dist/tokens/tokens-124-dark.css +19 -19
  77. package/lib/dist/tokens/tokens-124-light.css +11 -11
  78. package/lib/dist/tokens/tokens-125-dark.css +19 -19
  79. package/lib/dist/tokens/tokens-125-light.css +11 -11
  80. package/lib/dist/tokens/tokens-126-dark.css +19 -19
  81. package/lib/dist/tokens/tokens-126-light.css +11 -11
  82. package/lib/dist/tokens/tokens-127-dark.css +19 -19
  83. package/lib/dist/tokens/tokens-127-light.css +11 -11
  84. package/lib/dist/tokens/tokens-128-dark.css +19 -19
  85. package/lib/dist/tokens/tokens-128-light.css +11 -11
  86. package/lib/dist/tokens/tokens-129-dark.css +19 -19
  87. package/lib/dist/tokens/tokens-129-light.css +11 -11
  88. package/lib/dist/tokens/tokens-130-dark.css +19 -19
  89. package/lib/dist/tokens/tokens-130-light.css +11 -11
  90. package/lib/dist/tokens/tokens-131-dark.css +19 -19
  91. package/lib/dist/tokens/tokens-131-light.css +11 -11
  92. package/lib/dist/tokens/tokens-132-dark.css +19 -19
  93. package/lib/dist/tokens/tokens-132-light.css +11 -11
  94. package/lib/dist/tokens/tokens-133-dark.css +19 -19
  95. package/lib/dist/tokens/tokens-133-light.css +11 -11
  96. package/lib/dist/tokens/tokens-134-dark.css +19 -19
  97. package/lib/dist/tokens/tokens-134-light.css +11 -11
  98. package/lib/dist/tokens/tokens-135-dark.css +19 -19
  99. package/lib/dist/tokens/tokens-135-light.css +11 -11
  100. package/lib/dist/tokens/tokens-136-dark.css +19 -19
  101. package/lib/dist/tokens/tokens-136-light.css +11 -11
  102. package/lib/dist/tokens/tokens-137-dark.css +19 -19
  103. package/lib/dist/tokens/tokens-137-light.css +11 -11
  104. package/lib/dist/tokens/tokens-aegean-dark.css +19 -19
  105. package/lib/dist/tokens/tokens-aegean-light.css +11 -11
  106. package/lib/dist/tokens/tokens-base-dark.css +12 -11
  107. package/lib/dist/tokens/tokens-base-light.css +12 -11
  108. package/lib/dist/tokens/tokens-botany-dark.css +19 -19
  109. package/lib/dist/tokens/tokens-botany-light.css +11 -11
  110. package/lib/dist/tokens/tokens-buttercream-dark.css +19 -19
  111. package/lib/dist/tokens/tokens-buttercream-light.css +11 -11
  112. package/lib/dist/tokens/tokens-ceruleo-dark.css +19 -19
  113. package/lib/dist/tokens/tokens-ceruleo-light.css +11 -11
  114. package/lib/dist/tokens/tokens-debug-base.css +12 -11
  115. package/lib/dist/tokens/tokens-debug-dp.css +9 -9
  116. package/lib/dist/tokens/tokens-dp-dark.css +19 -19
  117. package/lib/dist/tokens/tokens-dp-light.css +11 -11
  118. package/lib/dist/tokens/tokens-expressive-dark.css +19 -19
  119. package/lib/dist/tokens/tokens-expressive-light.css +11 -11
  120. package/lib/dist/tokens/tokens-expressive-sm-dark.css +19 -19
  121. package/lib/dist/tokens/tokens-expressive-sm-light.css +11 -11
  122. package/lib/dist/tokens/tokens-high-desert-dark.css +19 -19
  123. package/lib/dist/tokens/tokens-high-desert-light.css +11 -11
  124. package/lib/dist/tokens/tokens-melon-dark.css +19 -19
  125. package/lib/dist/tokens/tokens-melon-light.css +11 -11
  126. package/lib/dist/tokens/tokens-plum-dark.css +19 -19
  127. package/lib/dist/tokens/tokens-plum-light.css +11 -11
  128. package/lib/dist/tokens/tokens-prota-deuter-dark.css +18 -18
  129. package/lib/dist/tokens/tokens-prota-deuter-light.css +11 -11
  130. package/lib/dist/tokens/tokens-sunflower-dark.css +19 -19
  131. package/lib/dist/tokens/tokens-sunflower-light.css +11 -11
  132. package/lib/dist/tokens/tokens-tmo-dark.css +19 -19
  133. package/lib/dist/tokens/tokens-tmo-light.css +11 -11
  134. package/lib/dist/tokens/tokens-trita-dark.css +19 -19
  135. package/lib/dist/tokens/tokens-trita-light.css +11 -11
  136. package/lib/dist/tokens/tokens-verdant-haze-dark.css +19 -19
  137. package/lib/dist/tokens/tokens-verdant-haze-light.css +11 -11
  138. package/lib/dist/tokens-docs.json +1 -1
  139. package/package.json +2 -2
package/lib/dist/tokens/tokens-101-dark.css CHANGED
@@ -84,16 +84,16 @@
84
84
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
85
85
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
86
86
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
87
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
87
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
88
88
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
89
89
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
90
90
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
91
91
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
92
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
92
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
93
93
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
94
94
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
95
95
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
96
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
96
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
97
97
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
98
98
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
99
99
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -135,8 +135,8 @@
135
135
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-700);
136
136
  --dt-theme-presence-color-background-available: var(--dt-color-green-600);
137
137
  --dt-theme-color-base: var(--dt-color-black-900);
138
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-800);
139
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-700); /* Postive, accepting, or success actions. */
138
+ --dt-action-color-background-positive-primary-hover: var(--dt-color-green-700);
139
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-600);
140
140
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
141
141
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
142
142
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
@@ -162,12 +162,12 @@
162
162
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
163
163
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
164
164
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
165
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
165
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
166
166
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
167
167
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
168
168
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
169
169
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
170
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
170
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
171
171
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
172
172
  --dt-inputs-size-border-status: var(--dt-size-border-200);
173
173
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -454,7 +454,7 @@
454
454
  --dt-color-border-subtle-inverted: oklch(0 0 0 / 0.1);
455
455
  --dt-color-border-brand-strong: var(--dt-color-purple-900);
456
456
  --dt-color-border-warning-strong: var(--dt-color-gold-900);
457
- --dt-color-border-success-strong: var(--dt-color-green-700);
457
+ --dt-color-border-success-strong: var(--dt-color-green-800);
458
458
  --dt-color-border-critical-strong: var(--dt-color-red-900);
459
459
  --dt-color-border-brand-subtle: var(--dt-color-purple-500);
460
460
  --dt-color-border-warning-subtle: var(--dt-color-gold-600);
@@ -462,7 +462,7 @@
462
462
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
463
463
  --dt-color-border-brand: var(--dt-color-purple-800);
464
464
  --dt-color-border-warning: var(--dt-color-gold-800);
465
- --dt-color-border-success: var(--dt-color-green-800);
465
+ --dt-color-border-success: var(--dt-color-green-600);
466
466
  --dt-color-border-critical: var(--dt-color-red-800);
467
467
  --dt-color-border-bold: oklch(1 0 0 / 0.5);
468
468
  --dt-color-border-moderate: oklch(1 0 0 / 0.36);
@@ -523,8 +523,8 @@
523
523
  --dt-color-surface-secondary-opaque: oklch(0.92 0 0 / 0.03);
524
524
  --dt-color-surface-brand-strong: var(--dt-color-purple-800);
525
525
  --dt-color-surface-info-strong: var(--dt-color-blue-600);
526
- --dt-color-surface-success-strong: var(--dt-color-green-700);
527
- --dt-color-surface-warning-strong: var(--dt-color-gold-800);
526
+ --dt-color-surface-success-strong: var(--dt-color-green-600);
527
+ --dt-color-surface-warning-strong: var(--dt-color-gold-700);
528
528
  --dt-color-surface-critical-strong: var(--dt-color-red-800);
529
529
  --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
530
530
  --dt-color-surface-info-subtle: oklch(0.13 0.05 248);
@@ -561,8 +561,8 @@
561
561
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
562
562
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-black);
563
563
  --dt-color-foreground-warning: var(--dt-color-gold-700);
564
- --dt-color-foreground-success-strong: var(--dt-color-green-900);
565
- --dt-color-foreground-success: var(--dt-color-green-700);
564
+ --dt-color-foreground-success-strong: var(--dt-color-green-800);
565
+ --dt-color-foreground-success: var(--dt-color-green-600);
566
566
  --dt-color-foreground-critical-strong: var(--dt-color-red-900);
567
567
  --dt-color-foreground-critical: var(--dt-color-red-800);
568
568
  --dt-color-foreground-disabled: var(--dt-color-black-600);
@@ -591,10 +591,10 @@
591
591
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
592
592
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
593
593
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
594
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
594
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
595
595
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
596
596
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
597
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
597
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
598
598
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
599
599
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
600
600
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
660
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -689,10 +689,10 @@
689
689
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
690
690
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
691
691
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
692
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
692
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
693
693
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
694
694
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
695
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
695
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
696
696
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
697
697
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
698
698
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-101-light.css CHANGED
@@ -84,16 +84,16 @@
84
84
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
85
85
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
86
86
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
87
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
87
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
88
88
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
89
89
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
90
90
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
91
91
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
92
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
92
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
93
93
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
94
94
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
95
95
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
96
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
96
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
97
97
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
98
98
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
99
99
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -159,12 +159,12 @@
159
159
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
160
160
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
161
161
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
162
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
162
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
163
163
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
164
164
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
165
165
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
166
166
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
167
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
167
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
168
168
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
169
169
  --dt-inputs-size-border-status: var(--dt-size-border-200);
170
170
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -588,10 +588,10 @@
588
588
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
589
589
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
590
590
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
591
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
591
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
592
592
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
593
593
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
594
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
594
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
595
595
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
596
596
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
597
597
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
662
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -688,10 +688,10 @@
688
688
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
689
689
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
690
690
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
691
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
691
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
692
692
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
693
693
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
694
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
694
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
695
695
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
696
696
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
697
697
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-102-dark.css CHANGED
@@ -84,16 +84,16 @@
84
84
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
85
85
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
86
86
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
87
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
87
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
88
88
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
89
89
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
90
90
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
91
91
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
92
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
92
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
93
93
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
94
94
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
95
95
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
96
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
96
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
97
97
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
98
98
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
99
99
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -135,8 +135,8 @@
135
135
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-700);
136
136
  --dt-theme-presence-color-background-available: var(--dt-color-green-600);
137
137
  --dt-theme-color-base: var(--dt-color-black-900);
138
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-800);
139
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-700); /* Postive, accepting, or success actions. */
138
+ --dt-action-color-background-positive-primary-hover: var(--dt-color-green-700);
139
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-600);
140
140
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
141
141
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
142
142
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
@@ -162,12 +162,12 @@
162
162
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
163
163
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
164
164
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
165
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
165
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
166
166
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
167
167
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
168
168
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
169
169
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
170
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
170
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
171
171
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
172
172
  --dt-inputs-size-border-status: var(--dt-size-border-200);
173
173
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -454,7 +454,7 @@
454
454
  --dt-color-border-subtle-inverted: oklch(0 0 0 / 0.1);
455
455
  --dt-color-border-brand-strong: var(--dt-color-purple-900);
456
456
  --dt-color-border-warning-strong: var(--dt-color-gold-900);
457
- --dt-color-border-success-strong: var(--dt-color-green-700);
457
+ --dt-color-border-success-strong: var(--dt-color-green-800);
458
458
  --dt-color-border-critical-strong: var(--dt-color-red-900);
459
459
  --dt-color-border-brand-subtle: var(--dt-color-purple-500);
460
460
  --dt-color-border-warning-subtle: var(--dt-color-gold-600);
@@ -462,7 +462,7 @@
462
462
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
463
463
  --dt-color-border-brand: var(--dt-color-purple-800);
464
464
  --dt-color-border-warning: var(--dt-color-gold-800);
465
- --dt-color-border-success: var(--dt-color-green-800);
465
+ --dt-color-border-success: var(--dt-color-green-600);
466
466
  --dt-color-border-critical: var(--dt-color-red-800);
467
467
  --dt-color-border-bold: oklch(1 0 0 / 0.5);
468
468
  --dt-color-border-moderate: oklch(1 0 0 / 0.36);
@@ -523,8 +523,8 @@
523
523
  --dt-color-surface-secondary-opaque: oklch(0.92 0 0 / 0.03);
524
524
  --dt-color-surface-brand-strong: var(--dt-color-purple-800);
525
525
  --dt-color-surface-info-strong: var(--dt-color-blue-600);
526
- --dt-color-surface-success-strong: var(--dt-color-green-700);
527
- --dt-color-surface-warning-strong: var(--dt-color-gold-800);
526
+ --dt-color-surface-success-strong: var(--dt-color-green-600);
527
+ --dt-color-surface-warning-strong: var(--dt-color-gold-700);
528
528
  --dt-color-surface-critical-strong: var(--dt-color-red-800);
529
529
  --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
530
530
  --dt-color-surface-info-subtle: oklch(0.13 0.05 248);
@@ -561,8 +561,8 @@
561
561
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
562
562
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-black);
563
563
  --dt-color-foreground-warning: var(--dt-color-gold-700);
564
- --dt-color-foreground-success-strong: var(--dt-color-green-900);
565
- --dt-color-foreground-success: var(--dt-color-green-700);
564
+ --dt-color-foreground-success-strong: var(--dt-color-green-800);
565
+ --dt-color-foreground-success: var(--dt-color-green-600);
566
566
  --dt-color-foreground-critical-strong: var(--dt-color-red-900);
567
567
  --dt-color-foreground-critical: var(--dt-color-red-800);
568
568
  --dt-color-foreground-disabled: var(--dt-color-black-600);
@@ -591,10 +591,10 @@
591
591
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
592
592
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
593
593
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
594
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
594
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
595
595
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
596
596
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
597
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
597
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
598
598
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
599
599
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
600
600
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
660
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -689,10 +689,10 @@
689
689
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
690
690
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
691
691
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
692
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
692
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
693
693
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
694
694
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
695
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
695
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
696
696
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
697
697
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
698
698
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-102-light.css CHANGED
@@ -84,16 +84,16 @@
84
84
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
85
85
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
86
86
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
87
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
87
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
88
88
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
89
89
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
90
90
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
91
91
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
92
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
92
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
93
93
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
94
94
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
95
95
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
96
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
96
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
97
97
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
98
98
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
99
99
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -159,12 +159,12 @@
159
159
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
160
160
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
161
161
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
162
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
162
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
163
163
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
164
164
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
165
165
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
166
166
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
167
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
167
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
168
168
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
169
169
  --dt-inputs-size-border-status: var(--dt-size-border-200);
170
170
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -588,10 +588,10 @@
588
588
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
589
589
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
590
590
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
591
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
591
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
592
592
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
593
593
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
594
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
594
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
595
595
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
596
596
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
597
597
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
662
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -688,10 +688,10 @@
688
688
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
689
689
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
690
690
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
691
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
691
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
692
692
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
693
693
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
694
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
694
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
695
695
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
696
696
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
697
697
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-103-dark.css CHANGED
@@ -84,16 +84,16 @@
84
84
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
85
85
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
86
86
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
87
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
87
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
88
88
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
89
89
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
90
90
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
91
91
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
92
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
92
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
93
93
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
94
94
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
95
95
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
96
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
96
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
97
97
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
98
98
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
99
99
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -135,8 +135,8 @@
135
135
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-700);
136
136
  --dt-theme-presence-color-background-available: var(--dt-color-green-600);
137
137
  --dt-theme-color-base: var(--dt-color-black-900);
138
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-800);
139
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-700); /* Postive, accepting, or success actions. */
138
+ --dt-action-color-background-positive-primary-hover: var(--dt-color-green-700);
139
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-600);
140
140
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
141
141
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
142
142
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
@@ -162,12 +162,12 @@
162
162
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
163
163
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
164
164
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
165
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
165
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
166
166
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
167
167
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
168
168
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
169
169
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
170
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
170
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
171
171
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
172
172
  --dt-inputs-size-border-status: var(--dt-size-border-200);
173
173
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -454,7 +454,7 @@
454
454
  --dt-color-border-subtle-inverted: oklch(0 0 0 / 0.1);
455
455
  --dt-color-border-brand-strong: var(--dt-color-purple-900);
456
456
  --dt-color-border-warning-strong: var(--dt-color-gold-900);
457
- --dt-color-border-success-strong: var(--dt-color-green-700);
457
+ --dt-color-border-success-strong: var(--dt-color-green-800);
458
458
  --dt-color-border-critical-strong: var(--dt-color-red-900);
459
459
  --dt-color-border-brand-subtle: var(--dt-color-purple-500);
460
460
  --dt-color-border-warning-subtle: var(--dt-color-gold-600);
@@ -462,7 +462,7 @@
462
462
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
463
463
  --dt-color-border-brand: var(--dt-color-purple-800);
464
464
  --dt-color-border-warning: var(--dt-color-gold-800);
465
- --dt-color-border-success: var(--dt-color-green-800);
465
+ --dt-color-border-success: var(--dt-color-green-600);
466
466
  --dt-color-border-critical: var(--dt-color-red-800);
467
467
  --dt-color-border-bold: oklch(1 0 0 / 0.5);
468
468
  --dt-color-border-moderate: oklch(1 0 0 / 0.36);
@@ -523,8 +523,8 @@
523
523
  --dt-color-surface-secondary-opaque: oklch(0.92 0 0 / 0.03);
524
524
  --dt-color-surface-brand-strong: var(--dt-color-purple-800);
525
525
  --dt-color-surface-info-strong: var(--dt-color-blue-600);
526
- --dt-color-surface-success-strong: var(--dt-color-green-700);
527
- --dt-color-surface-warning-strong: var(--dt-color-gold-800);
526
+ --dt-color-surface-success-strong: var(--dt-color-green-600);
527
+ --dt-color-surface-warning-strong: var(--dt-color-gold-700);
528
528
  --dt-color-surface-critical-strong: var(--dt-color-red-800);
529
529
  --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
530
530
  --dt-color-surface-info-subtle: oklch(0.13 0.05 248);
@@ -561,8 +561,8 @@
561
561
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
562
562
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-black);
563
563
  --dt-color-foreground-warning: var(--dt-color-gold-700);
564
- --dt-color-foreground-success-strong: var(--dt-color-green-900);
565
- --dt-color-foreground-success: var(--dt-color-green-700);
564
+ --dt-color-foreground-success-strong: var(--dt-color-green-800);
565
+ --dt-color-foreground-success: var(--dt-color-green-600);
566
566
  --dt-color-foreground-critical-strong: var(--dt-color-red-900);
567
567
  --dt-color-foreground-critical: var(--dt-color-red-800);
568
568
  --dt-color-foreground-disabled: var(--dt-color-black-600);
@@ -591,10 +591,10 @@
591
591
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
592
592
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
593
593
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
594
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
594
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
595
595
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
596
596
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
597
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
597
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
598
598
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
599
599
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
600
600
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
660
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -689,10 +689,10 @@
689
689
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
690
690
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
691
691
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
692
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
692
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
693
693
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
694
694
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
695
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
695
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
696
696
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
697
697
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
698
698
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-103-light.css CHANGED
@@ -84,16 +84,16 @@
84
84
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
85
85
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
86
86
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
87
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
87
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
88
88
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
89
89
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
90
90
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
91
91
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
92
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
92
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
93
93
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
94
94
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
95
95
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
96
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
96
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
97
97
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
98
98
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
99
99
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -159,12 +159,12 @@
159
159
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
160
160
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
161
161
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
162
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
162
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
163
163
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
164
164
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
165
165
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
166
166
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
167
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
167
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
168
168
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
169
169
  --dt-inputs-size-border-status: var(--dt-size-border-200);
170
170
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -588,10 +588,10 @@
588
588
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
589
589
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
590
590
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
591
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
591
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
592
592
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
593
593
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
594
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
594
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
595
595
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
596
596
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
597
597
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
662
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -688,10 +688,10 @@
688
688
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
689
689
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
690
690
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
691
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
691
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
692
692
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
693
693
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
694
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
694
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
695
695
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
696
696
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
697
697
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */