@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-prota-deuter-dark.css CHANGED
@@ -81,16 +81,16 @@
81
81
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
82
82
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
83
83
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
84
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
84
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
85
85
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
86
86
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
87
87
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
88
88
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
89
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
89
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
90
90
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
91
91
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
92
92
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
93
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
93
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
94
94
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
95
95
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
96
96
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -126,8 +126,8 @@
126
126
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-700);
127
127
  --dt-theme-presence-color-background-available: var(--dt-color-green-600);
128
128
  --dt-theme-color-base: var(--dt-color-black-900);
129
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-800);
130
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-700); /* Postive, accepting, or success actions. */
129
+ --dt-action-color-background-positive-primary-hover: var(--dt-color-green-700);
130
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-600);
131
131
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
132
132
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
133
133
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
@@ -153,12 +153,12 @@
153
153
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
154
154
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
155
155
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
156
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
156
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
157
157
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
158
158
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
159
159
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
160
160
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
161
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
161
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
162
162
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
163
163
  --dt-inputs-size-border-status: var(--dt-size-border-200);
164
164
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -445,7 +445,7 @@
445
445
  --dt-color-border-subtle-inverted: oklch(0 0 0 / 0.1);
446
446
  --dt-color-border-brand-strong: var(--dt-color-purple-900);
447
447
  --dt-color-border-warning-strong: var(--dt-color-gold-900);
448
- --dt-color-border-success-strong: var(--dt-color-green-700);
448
+ --dt-color-border-success-strong: var(--dt-color-green-800);
449
449
  --dt-color-border-critical-strong: var(--dt-color-red-900);
450
450
  --dt-color-border-brand-subtle: var(--dt-color-purple-500);
451
451
  --dt-color-border-warning-subtle: var(--dt-color-gold-600);
@@ -453,7 +453,7 @@
453
453
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
454
454
  --dt-color-border-brand: var(--dt-color-purple-800);
455
455
  --dt-color-border-warning: var(--dt-color-gold-800);
456
- --dt-color-border-success: var(--dt-color-green-800);
456
+ --dt-color-border-success: var(--dt-color-green-600);
457
457
  --dt-color-border-critical: var(--dt-color-red-800);
458
458
  --dt-color-border-bold: oklch(1 0 0 / 0.5);
459
459
  --dt-color-border-moderate: oklch(1 0 0 / 0.36);
@@ -514,8 +514,8 @@
514
514
  --dt-color-surface-secondary-opaque: oklch(0.92 0 0 / 0.03);
515
515
  --dt-color-surface-brand-strong: var(--dt-color-purple-800);
516
516
  --dt-color-surface-info-strong: var(--dt-color-blue-600);
517
- --dt-color-surface-success-strong: var(--dt-color-green-700);
518
- --dt-color-surface-warning-strong: var(--dt-color-gold-800);
517
+ --dt-color-surface-success-strong: var(--dt-color-green-600);
518
+ --dt-color-surface-warning-strong: var(--dt-color-gold-700);
519
519
  --dt-color-surface-critical-strong: var(--dt-color-red-800);
520
520
  --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
521
521
  --dt-color-surface-info-subtle: oklch(0.13 0.05 248);
@@ -552,7 +552,7 @@
552
552
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
553
553
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-black);
554
554
  --dt-color-foreground-warning: var(--dt-color-gold-700);
555
- --dt-color-foreground-success-strong: var(--dt-color-green-900);
555
+ --dt-color-foreground-success-strong: var(--dt-color-green-800);
556
556
  --dt-color-foreground-success: var(--dt-shell-base-color-accent);
557
557
  --dt-color-foreground-critical-strong: var(--dt-color-red-900);
558
558
  --dt-color-foreground-critical: var(--dt-color-magenta-700);
@@ -582,10 +582,10 @@
582
582
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
583
583
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
584
584
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
585
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
585
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
586
586
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
587
587
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
588
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
588
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
589
589
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
590
590
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
591
591
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
641
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -670,10 +670,10 @@
670
670
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
671
671
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
672
672
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
673
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
673
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
674
674
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
675
675
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
676
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
676
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
677
677
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
678
678
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
679
679
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-prota-deuter-light.css CHANGED
@@ -81,16 +81,16 @@
81
81
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
82
82
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
83
83
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
84
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
84
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
85
85
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
86
86
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
87
87
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
88
88
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
89
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
89
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
90
90
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
91
91
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
92
92
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
93
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
93
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
94
94
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
95
95
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
96
96
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -150,12 +150,12 @@
150
150
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
151
151
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
152
152
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
153
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
153
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
154
154
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
155
155
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
156
156
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
157
157
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
158
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
158
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
159
159
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
160
160
  --dt-inputs-size-border-status: var(--dt-size-border-200);
161
161
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -579,10 +579,10 @@
579
579
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
580
580
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
581
581
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
582
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
582
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
583
583
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
584
584
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
585
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
585
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
586
586
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
587
587
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
588
588
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
644
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -670,10 +670,10 @@
670
670
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
671
671
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
672
672
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
673
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
673
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
674
674
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
675
675
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
676
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
676
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
677
677
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
678
678
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
679
679
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-sunflower-dark.css CHANGED
@@ -79,16 +79,16 @@
79
79
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
80
80
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
81
81
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
82
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
82
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
83
83
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
84
84
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
85
85
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
86
86
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
87
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
87
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
88
88
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
89
89
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
90
90
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
91
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
91
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
92
92
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
93
93
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
94
94
  --dt-badge-color-border-bulletin-subtle: oklch(0.65 0.2 290 / 0.6);
@@ -120,8 +120,8 @@
120
120
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-700);
121
121
  --dt-theme-presence-color-background-available: var(--dt-color-green-600);
122
122
  --dt-theme-color-base: var(--dt-color-black-900);
123
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-800);
124
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-700); /* Postive, accepting, or success actions. */
123
+ --dt-action-color-background-positive-primary-hover: var(--dt-color-green-700);
124
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-600);
125
125
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
126
126
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
127
127
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
@@ -147,12 +147,12 @@
147
147
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
148
148
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
149
149
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
150
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
150
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
151
151
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
152
152
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
153
153
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
154
154
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
155
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
155
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
156
156
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
157
157
  --dt-inputs-size-border-status: var(--dt-size-border-200);
158
158
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -439,7 +439,7 @@
439
439
  --dt-color-border-subtle-inverted: oklch(0 0 0 / 0.1);
440
440
  --dt-color-border-brand-strong: var(--dt-color-purple-900);
441
441
  --dt-color-border-warning-strong: var(--dt-color-gold-900);
442
- --dt-color-border-success-strong: var(--dt-color-green-700);
442
+ --dt-color-border-success-strong: var(--dt-color-green-800);
443
443
  --dt-color-border-critical-strong: var(--dt-color-red-900);
444
444
  --dt-color-border-brand-subtle: var(--dt-color-purple-500);
445
445
  --dt-color-border-warning-subtle: var(--dt-color-gold-600);
@@ -447,7 +447,7 @@
447
447
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
448
448
  --dt-color-border-brand: var(--dt-color-purple-800);
449
449
  --dt-color-border-warning: var(--dt-color-gold-800);
450
- --dt-color-border-success: var(--dt-color-green-800);
450
+ --dt-color-border-success: var(--dt-color-green-600);
451
451
  --dt-color-border-critical: var(--dt-color-red-800);
452
452
  --dt-color-border-bold: oklch(1 0 0 / 0.5);
453
453
  --dt-color-border-moderate: oklch(1 0 0 / 0.36);
@@ -508,8 +508,8 @@
508
508
  --dt-color-surface-secondary-opaque: oklch(0.92 0 0 / 0.03);
509
509
  --dt-color-surface-brand-strong: var(--dt-color-purple-800);
510
510
  --dt-color-surface-info-strong: var(--dt-color-blue-600);
511
- --dt-color-surface-success-strong: var(--dt-color-green-700);
512
- --dt-color-surface-warning-strong: var(--dt-color-gold-800);
511
+ --dt-color-surface-success-strong: var(--dt-color-green-600);
512
+ --dt-color-surface-warning-strong: var(--dt-color-gold-700);
513
513
  --dt-color-surface-critical-strong: var(--dt-color-red-800);
514
514
  --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
515
515
  --dt-color-surface-info-subtle: oklch(0.13 0.05 248);
@@ -546,8 +546,8 @@
546
546
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
547
547
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-black);
548
548
  --dt-color-foreground-warning: var(--dt-color-gold-700);
549
- --dt-color-foreground-success-strong: var(--dt-color-green-900);
550
- --dt-color-foreground-success: var(--dt-color-green-700);
549
+ --dt-color-foreground-success-strong: var(--dt-color-green-800);
550
+ --dt-color-foreground-success: var(--dt-color-green-600);
551
551
  --dt-color-foreground-critical-strong: var(--dt-color-red-900);
552
552
  --dt-color-foreground-critical: var(--dt-color-red-800);
553
553
  --dt-color-foreground-disabled: var(--dt-color-black-600);
@@ -576,10 +576,10 @@
576
576
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
577
577
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
578
578
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
579
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
579
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
580
580
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
581
581
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
582
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
582
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
583
583
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
584
584
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
585
585
  --dt-badge-color-foreground-bulletin-subtle: oklch(0.92 0 0);
@@ -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-default);
641
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -670,10 +670,10 @@
670
670
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
671
671
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
672
672
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
673
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
673
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
674
674
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
675
675
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
676
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
676
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
677
677
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
678
678
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
679
679
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-sunflower-light.css CHANGED
@@ -79,16 +79,16 @@
79
79
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
80
80
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
81
81
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
82
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
82
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
83
83
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
84
84
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
85
85
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
86
86
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
87
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
87
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
88
88
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
89
89
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
90
90
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
91
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
91
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
92
92
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
93
93
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
94
94
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -144,12 +144,12 @@
144
144
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
145
145
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
146
146
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
147
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
147
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
148
148
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
149
149
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
150
150
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
151
151
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
152
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
152
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
153
153
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
154
154
  --dt-inputs-size-border-status: var(--dt-size-border-200);
155
155
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -573,10 +573,10 @@
573
573
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
574
574
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
575
575
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
576
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
576
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
577
577
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
578
578
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
579
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
579
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
580
580
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
581
581
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
582
582
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
643
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -669,10 +669,10 @@
669
669
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
670
670
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
671
671
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
672
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
672
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
673
673
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
674
674
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
675
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
675
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
676
676
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
677
677
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
678
678
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-tmo-dark.css CHANGED
@@ -80,16 +80,16 @@
80
80
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
81
81
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
82
82
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
83
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
83
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
84
84
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
85
85
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
86
86
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
87
87
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
88
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
88
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
89
89
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
90
90
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
91
91
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
92
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
92
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
93
93
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
94
94
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
95
95
  --dt-badge-color-border-bulletin-subtle: oklch(0.65 0.2 290 / 0.6);
@@ -122,8 +122,8 @@
122
122
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-700);
123
123
  --dt-theme-presence-color-background-available: var(--dt-color-green-600);
124
124
  --dt-theme-color-base: var(--dt-color-black-900);
125
- --dt-action-color-background-positive-primary-hover: var(--dt-color-green-800);
126
- --dt-action-color-background-positive-primary-default: var(--dt-color-green-700); /* Postive, accepting, or success actions. */
125
+ --dt-action-color-background-positive-primary-hover: var(--dt-color-green-700);
126
+ --dt-action-color-background-positive-primary-default: var(--dt-color-green-600);
127
127
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
128
128
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
129
129
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
@@ -149,12 +149,12 @@
149
149
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
150
150
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
151
151
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
152
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
152
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
153
153
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
154
154
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
155
155
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
156
156
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
157
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
157
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
158
158
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
159
159
  --dt-inputs-size-border-status: var(--dt-size-border-200);
160
160
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -441,7 +441,7 @@
441
441
  --dt-color-border-subtle-inverted: oklch(0 0 0 / 0.1);
442
442
  --dt-color-border-brand-strong: var(--dt-color-purple-900);
443
443
  --dt-color-border-warning-strong: var(--dt-color-gold-900);
444
- --dt-color-border-success-strong: var(--dt-color-green-700);
444
+ --dt-color-border-success-strong: var(--dt-color-green-800);
445
445
  --dt-color-border-critical-strong: var(--dt-color-red-900);
446
446
  --dt-color-border-brand-subtle: var(--dt-color-purple-500);
447
447
  --dt-color-border-warning-subtle: var(--dt-color-gold-600);
@@ -449,7 +449,7 @@
449
449
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
450
450
  --dt-color-border-brand: var(--dt-color-purple-800);
451
451
  --dt-color-border-warning: var(--dt-color-gold-800);
452
- --dt-color-border-success: var(--dt-color-green-800);
452
+ --dt-color-border-success: var(--dt-color-green-600);
453
453
  --dt-color-border-critical: var(--dt-color-red-800);
454
454
  --dt-color-border-bold: oklch(1 0 0 / 0.5);
455
455
  --dt-color-border-moderate: oklch(1 0 0 / 0.36);
@@ -510,8 +510,8 @@
510
510
  --dt-color-surface-secondary-opaque: oklch(0.92 0 0 / 0.03);
511
511
  --dt-color-surface-brand-strong: var(--dt-color-purple-800);
512
512
  --dt-color-surface-info-strong: var(--dt-color-blue-600);
513
- --dt-color-surface-success-strong: var(--dt-color-green-700);
514
- --dt-color-surface-warning-strong: var(--dt-color-gold-800);
513
+ --dt-color-surface-success-strong: var(--dt-color-green-600);
514
+ --dt-color-surface-warning-strong: var(--dt-color-gold-700);
515
515
  --dt-color-surface-critical-strong: var(--dt-color-red-800);
516
516
  --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
517
517
  --dt-color-surface-info-subtle: oklch(0.13 0.05 248);
@@ -548,8 +548,8 @@
548
548
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
549
549
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-black);
550
550
  --dt-color-foreground-warning: var(--dt-color-gold-700);
551
- --dt-color-foreground-success-strong: var(--dt-color-green-900);
552
- --dt-color-foreground-success: var(--dt-color-green-700);
551
+ --dt-color-foreground-success-strong: var(--dt-color-green-800);
552
+ --dt-color-foreground-success: var(--dt-color-green-600);
553
553
  --dt-color-foreground-critical-strong: var(--dt-color-red-900);
554
554
  --dt-color-foreground-critical: var(--dt-color-red-800);
555
555
  --dt-color-foreground-disabled: var(--dt-color-black-600);
@@ -578,10 +578,10 @@
578
578
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
579
579
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
580
580
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
581
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
581
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
582
582
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
583
583
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
584
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
584
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
585
585
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
586
586
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
587
587
  --dt-badge-color-foreground-bulletin-subtle: oklch(0.92 0 0);
@@ -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-default);
640
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -669,10 +669,10 @@
669
669
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
670
670
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
671
671
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
672
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
672
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
673
673
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
674
674
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
675
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
675
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
676
676
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
677
677
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
678
678
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */
package/lib/dist/tokens/tokens-tmo-light.css CHANGED
@@ -80,16 +80,16 @@
80
80
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
81
81
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
82
82
  --dt-button-size-radius-md: var(--dt-size-radius-400); /* Border radius for medium button. */
83
- --dt-button-size-radius-sm: var(--dt-size-radius-400); /* Border radius for small button */
83
+ --dt-button-size-radius-sm: var(--dt-size-radius-350); /* Border radius for small button */
84
84
  --dt-button-size-radius-xs: var(--dt-size-radius-300); /* Border radius for extra small button */
85
85
  --dt-button-line-height-xl: var(--dt-font-line-height-200); /* Line-height for XL button */
86
86
  --dt-button-line-height-lg: var(--dt-font-line-height-200); /* Line-height for LG button */
87
87
  --dt-button-line-height-md: var(--dt-font-line-height-200); /* Line-height for MD button */
88
- --dt-button-line-height-sm: var(--dt-font-line-height-200); /* Line-height for SM button */
88
+ --dt-button-line-height-sm: var(--dt-font-line-height-300); /* Line-height for SM button */
89
89
  --dt-button-line-height-xs: var(--dt-font-line-height-200); /* Line-height for XS button */
90
90
  --dt-button-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for XL button */
91
91
  --dt-button-font-weight-lg: var(--dt-font-weight-medium); /* Font weight for LG button */
92
- --dt-button-font-weight-md: var(--dt-font-weight-semi-bold); /* Font weight for MD button */
92
+ --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
93
93
  --dt-button-font-weight-sm: var(--dt-font-weight-semi-bold); /* Font weight for SM button */
94
94
  --dt-button-font-weight-xs: var(--dt-font-weight-semi-bold); /* Font weight for XS button */
95
95
  --dt-badge-color-border-bulletin-subtle: oklch(0.59 0.24 288 / 0.5);
@@ -146,12 +146,12 @@
146
146
  --dt-inputs-line-height-xl: var(--dt-font-line-height-200); /* Line height for extra large inputs (e.g. input and textarea) */
147
147
  --dt-inputs-line-height-lg: var(--dt-font-line-height-200); /* Line height for large inputs (e.g. input and textarea) */
148
148
  --dt-inputs-line-height-md: var(--dt-font-line-height-200); /* Line height for medium inputs (e.g. input and textarea) */
149
- --dt-inputs-line-height-sm: var(--dt-font-line-height-200); /* Line height for small inputs (e.g. input and textarea) */
149
+ --dt-inputs-line-height-sm: var(--dt-font-line-height-300); /* Line height for small inputs (e.g. input and textarea) */
150
150
  --dt-inputs-line-height-xs: var(--dt-font-line-height-200); /* Line height for extra small inputs (e.g. input and textarea) */
151
151
  --dt-inputs-size-radius-xl: var(--dt-size-radius-500);
152
152
  --dt-inputs-size-radius-lg: var(--dt-size-radius-450);
153
153
  --dt-inputs-size-radius-md: var(--dt-size-radius-400);
154
- --dt-inputs-size-radius-sm: var(--dt-size-radius-400);
154
+ --dt-inputs-size-radius-sm: var(--dt-size-radius-350);
155
155
  --dt-inputs-size-radius-xs: var(--dt-size-radius-300);
156
156
  --dt-inputs-size-border-status: var(--dt-size-border-200);
157
157
  --dt-inputs-size-border-default: var(--dt-size-border-150);
@@ -575,10 +575,10 @@
575
575
  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
576
576
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
577
577
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
578
- --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
578
+ --dt-button-font-size-xl: var(--dt-font-size-350); /* Extra large Button text size */
579
579
  --dt-button-font-size-lg: var(--dt-font-size-300); /* Large Button text size */
580
580
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
581
- --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
581
+ --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
582
582
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
583
583
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
584
584
  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
@@ -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-default);
642
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
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);
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);
@@ -668,10 +668,10 @@
668
668
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
669
669
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
670
670
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
671
- --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
671
+ --dt-inputs-font-size-xl: var(--dt-font-size-350); /* Font size for extra large inputs (e.g. input and textarea) */
672
672
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
673
673
  --dt-inputs-font-size-md: var(--dt-font-size-200); /* Font size for medium inputs (e.g. input and textarea) */
674
- --dt-inputs-font-size-sm: var(--dt-font-size-100); /* Font size for small inputs (e.g. input and textarea) */
674
+ --dt-inputs-font-size-sm: var(--dt-font-size-125); /* Font size for small inputs (e.g. input and textarea) */
675
675
  --dt-inputs-font-size-xs: var(--dt-font-size-100); /* Font size for extra small inputs (e.g. input and textarea) */
676
676
  --dt-text-code-xs-font-size: var(--dt-font-size-100); /* Extra small code style */
677
677
  --dt-text-code-sm-font-size: var(--dt-font-size-150); /* Small code style */