npm - @dialpad/dialtone - Versions diffs - 9.71.0 → 9.72.1 - Mend

@dialpad/dialtone 9.71.0 → 9.72.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist/tokens/less/tokens-base-dark.less CHANGED Viewed

@@ -135,6 +135,7 @@
 @dt-size-radius-200: 0.2rem;
 @dt-size-radius-300: 0.4rem;
 @dt-size-radius-400: 0.8rem;
+@dt-size-radius-450: 1.2rem;
 @dt-size-radius-500: 1.6rem;
 @dt-size-radius-600: 3.2rem;
 @dt-size-radius-pill: 10.2rem;

package/dist/tokens/less/tokens-base-light.less CHANGED Viewed

@@ -135,6 +135,7 @@
 @dt-size-radius-200: 0.2rem;
 @dt-size-radius-300: 0.4rem;
 @dt-size-radius-400: 0.8rem;
+@dt-size-radius-450: 1.2rem;
 @dt-size-radius-500: 1.6rem;
 @dt-size-radius-600: 3.2rem;
 @dt-size-radius-pill: 10.2rem;

package/dist/tokens/less/tokens-dp-dark.less CHANGED Viewed

@@ -270,6 +270,46 @@
 @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
+@dt-typography-inputs-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-size: 1.2rem; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-size: 1.2rem; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-size: 1.5rem; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-size: 1.9rem; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-size: 2.7rem; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-button-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small button
+@dt-typography-button-xs-font-weight: 500; // Text style for extra small button
+@dt-typography-button-xs-font-size: 1.2rem; // Text style for extra small button
+@dt-typography-button-xs-line-height: 1.2; // Text style for extra small button
+@dt-typography-button-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small button
+@dt-typography-button-sm-font-weight: 500; // Text style for small button
+@dt-typography-button-sm-font-size: 1.2rem; // Text style for small button
+@dt-typography-button-sm-line-height: 1.2; // Text style for small button
+@dt-typography-button-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium button
+@dt-typography-button-md-font-weight: 500; // Text style for medium button
+@dt-typography-button-md-font-size: 1.5rem; // Text style for medium button
+@dt-typography-button-md-line-height: 1.2; // Text style for medium button
+@dt-typography-button-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large button
+@dt-typography-button-lg-font-weight: 500; // Text style for large button
+@dt-typography-button-lg-font-size: 1.9rem; // Text style for large button
+@dt-typography-button-lg-line-height: 1.2; // Text style for large button
+@dt-typography-button-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large button
+@dt-typography-button-xl-font-weight: 400; // Text style for extra large button
+@dt-typography-button-xl-font-size: 2.7rem; // Text style for extra large button
+@dt-typography-button-xl-line-height: 1.2; // Text style for extra large button
 @dt-inputs-size-border-default: 0.15rem;
 @dt-inputs-size-border-status: 0.2rem;
 @dt-inputs-size-radius-xs: 0.4rem;
@@ -277,12 +317,21 @@
 @dt-inputs-size-radius-md: 0.8rem;
 @dt-inputs-size-radius-lg: 1.2rem;
 @dt-inputs-size-radius-xl: 1.6rem;
-@dt-inputs-line-height-default: 1.2;
-@dt-inputs-font-size-xs: 1.2rem;
-@dt-inputs-font-size-sm: 1.2rem;
-@dt-inputs-font-size-md: 1.5rem;
-@dt-inputs-font-size-lg: 1.9rem;
-@dt-inputs-font-size-xl: 2.7rem;
+@dt-inputs-line-height-xs: 1.2; // Line height for extra small inputs (e.g. input and textarea)
+@dt-inputs-line-height-sm: 1.2; // Line height for small inputs (e.g. input and textarea)
+@dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
+@dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
+@dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xs: 1.2rem; // Font size for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-size-sm: 1.2rem; // Font size for small inputs (e.g. input and textarea)
+@dt-inputs-font-size-md: 1.5rem; // Font size for medium inputs (e.g. input and textarea)
+@dt-inputs-font-size-lg: 1.9rem; // Font size for large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xl: 2.7rem; // Font size for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
+@dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
 @dt-inputs-color-foreground-default: #E6E6E6;
 @dt-inputs-color-foreground-placeholder: #AAAAAA;
 @dt-inputs-color-foreground-disabled: #AAAAAA;
@@ -422,6 +471,26 @@
 @dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
 @dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
 @dt-badge-color-border-bulletin-subtle: hsl(261 100% 74.7% / 0.6);
+@dt-button-font-size-xs: 1.2rem; // Extra small Button text size
+@dt-button-font-size-sm: 1.2rem; // Small Button text size
+@dt-button-font-size-md: 1.5rem; // Medium Button text size
+@dt-button-font-size-lg: 1.9rem; // Large Button text size
+@dt-button-font-size-xl: 2.7rem; // Extra large Button text size
+@dt-button-font-weight-xs: 500; // Font weight for XS button
+@dt-button-font-weight-sm: 500; // Font weight for SM button
+@dt-button-font-weight-md: 500; // Font weight for MD button
+@dt-button-font-weight-lg: 500; // Font weight for LG button
+@dt-button-font-weight-xl: 400; // Font weight for XL button
+@dt-button-line-height-xs: 1.2; // Line-height for XS button
+@dt-button-line-height-sm: 1.2; // Line-height for SM button
+@dt-button-line-height-md: 1.2; // Line-height for MD button
+@dt-button-line-height-lg: 1.2; // Line-height for LG button
+@dt-button-line-height-xl: 1.2; // Line-height for XL button
+@dt-button-size-radius-xs: 0.4rem; // Border radius for extra small button
+@dt-button-size-radius-sm: 0.8rem; // Border radius for small button
+@dt-button-size-radius-md: 0.8rem; // Border radius for medium button.
+@dt-button-size-radius-lg: 1.2rem; // Border radius for large button.
+@dt-button-size-radius-xl: 1.6rem; // Border radius for extra large button.
 @dt-checkbox-size-width: 1.6rem;
 @dt-checkbox-size-height: 1.6rem;
 @dt-checkbox-size-radius: 0.4rem;

package/dist/tokens/less/tokens-dp-light.less CHANGED Viewed

@@ -270,6 +270,46 @@
 @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
+@dt-typography-inputs-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-size: 1.2rem; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-size: 1.2rem; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-size: 1.5rem; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-size: 1.9rem; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-size: 2.7rem; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-button-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small button
+@dt-typography-button-xs-font-weight: 500; // Text style for extra small button
+@dt-typography-button-xs-font-size: 1.2rem; // Text style for extra small button
+@dt-typography-button-xs-line-height: 1.2; // Text style for extra small button
+@dt-typography-button-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small button
+@dt-typography-button-sm-font-weight: 500; // Text style for small button
+@dt-typography-button-sm-font-size: 1.2rem; // Text style for small button
+@dt-typography-button-sm-line-height: 1.2; // Text style for small button
+@dt-typography-button-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium button
+@dt-typography-button-md-font-weight: 500; // Text style for medium button
+@dt-typography-button-md-font-size: 1.5rem; // Text style for medium button
+@dt-typography-button-md-line-height: 1.2; // Text style for medium button
+@dt-typography-button-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large button
+@dt-typography-button-lg-font-weight: 500; // Text style for large button
+@dt-typography-button-lg-font-size: 1.9rem; // Text style for large button
+@dt-typography-button-lg-line-height: 1.2; // Text style for large button
+@dt-typography-button-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large button
+@dt-typography-button-xl-font-weight: 400; // Text style for extra large button
+@dt-typography-button-xl-font-size: 2.7rem; // Text style for extra large button
+@dt-typography-button-xl-line-height: 1.2; // Text style for extra large button
 @dt-inputs-size-border-default: 0.15rem;
 @dt-inputs-size-border-status: 0.2rem;
 @dt-inputs-size-radius-xs: 0.4rem;
@@ -277,12 +317,21 @@
 @dt-inputs-size-radius-md: 0.8rem;
 @dt-inputs-size-radius-lg: 1.2rem;
 @dt-inputs-size-radius-xl: 1.6rem;
-@dt-inputs-line-height-default: 1.2;
-@dt-inputs-font-size-xs: 1.2rem;
-@dt-inputs-font-size-sm: 1.2rem;
-@dt-inputs-font-size-md: 1.5rem;
-@dt-inputs-font-size-lg: 1.9rem;
-@dt-inputs-font-size-xl: 2.7rem;
+@dt-inputs-line-height-xs: 1.2; // Line height for extra small inputs (e.g. input and textarea)
+@dt-inputs-line-height-sm: 1.2; // Line height for small inputs (e.g. input and textarea)
+@dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
+@dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
+@dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xs: 1.2rem; // Font size for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-size-sm: 1.2rem; // Font size for small inputs (e.g. input and textarea)
+@dt-inputs-font-size-md: 1.5rem; // Font size for medium inputs (e.g. input and textarea)
+@dt-inputs-font-size-lg: 1.9rem; // Font size for large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xl: 2.7rem; // Font size for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
+@dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
 @dt-inputs-color-foreground-default: #3A3A3A;
 @dt-inputs-color-foreground-placeholder: #808080;
 @dt-inputs-color-foreground-disabled: #808080;
@@ -422,6 +471,26 @@
 @dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
 @dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
 @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
+@dt-button-font-size-xs: 1.2rem; // Extra small Button text size
+@dt-button-font-size-sm: 1.2rem; // Small Button text size
+@dt-button-font-size-md: 1.5rem; // Medium Button text size
+@dt-button-font-size-lg: 1.9rem; // Large Button text size
+@dt-button-font-size-xl: 2.7rem; // Extra large Button text size
+@dt-button-font-weight-xs: 500; // Font weight for XS button
+@dt-button-font-weight-sm: 500; // Font weight for SM button
+@dt-button-font-weight-md: 500; // Font weight for MD button
+@dt-button-font-weight-lg: 500; // Font weight for LG button
+@dt-button-font-weight-xl: 400; // Font weight for XL button
+@dt-button-line-height-xs: 1.2; // Line-height for XS button
+@dt-button-line-height-sm: 1.2; // Line-height for SM button
+@dt-button-line-height-md: 1.2; // Line-height for MD button
+@dt-button-line-height-lg: 1.2; // Line-height for LG button
+@dt-button-line-height-xl: 1.2; // Line-height for XL button
+@dt-button-size-radius-xs: 0.4rem; // Border radius for extra small button
+@dt-button-size-radius-sm: 0.8rem; // Border radius for small button
+@dt-button-size-radius-md: 0.8rem; // Border radius for medium button.
+@dt-button-size-radius-lg: 1.2rem; // Border radius for large button.
+@dt-button-size-radius-xl: 1.6rem; // Border radius for extra large button.
 @dt-checkbox-size-width: 1.6rem;
 @dt-checkbox-size-height: 1.6rem;
 @dt-checkbox-size-radius: 0.4rem;

package/dist/tokens/less/tokens-expressive-dark.less CHANGED Viewed

@@ -276,6 +276,26 @@
 @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-font-size: 1.6rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
+@dt-typography-inputs-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-size: 1.6rem; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-size: 1.6rem; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-size: 2rem; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-size: 2.8rem; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-size: 1.6rem; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
 @dt-inputs-size-border-default: 0.15rem;
 @dt-inputs-size-border-status: 0.2rem;
 @dt-inputs-size-radius-xs: 0.4rem;
@@ -283,12 +303,21 @@
 @dt-inputs-size-radius-md: 0.8rem;
 @dt-inputs-size-radius-lg: 1.2rem;
 @dt-inputs-size-radius-xl: 1.6rem;
-@dt-inputs-line-height-default: 1.2;
-@dt-inputs-font-size-xs: 1.6rem;
-@dt-inputs-font-size-sm: 1.6rem;
-@dt-inputs-font-size-md: 2rem;
-@dt-inputs-font-size-lg: 2.8rem;
+@dt-inputs-line-height-xs: 1.2; // Line height for extra small inputs (e.g. input and textarea)
+@dt-inputs-line-height-sm: 1.2; // Line height for small inputs (e.g. input and textarea)
+@dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
+@dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
+@dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xs: 1.6rem; // Font size for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-size-sm: 1.6rem; // Font size for small inputs (e.g. input and textarea)
+@dt-inputs-font-size-md: 2rem; // Font size for medium inputs (e.g. input and textarea)
+@dt-inputs-font-size-lg: 2.8rem; // Font size for large inputs (e.g. input and textarea)
 @dt-inputs-font-size-xl: 1.6rem;
+@dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
+@dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
 @dt-inputs-color-foreground-default: #E6E6E6;
 @dt-inputs-color-foreground-placeholder: #AAAAAA;
 @dt-inputs-color-foreground-disabled: #AAAAAA;

package/dist/tokens/less/tokens-expressive-light.less CHANGED Viewed

@@ -276,6 +276,26 @@
 @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-font-size: 1.6rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
+@dt-typography-inputs-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-size: 1.6rem; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-size: 1.6rem; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-size: 2rem; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-size: 2.8rem; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-size: 1.6rem; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
 @dt-inputs-size-border-default: 0.15rem;
 @dt-inputs-size-border-status: 0.2rem;
 @dt-inputs-size-radius-xs: 0.4rem;
@@ -283,12 +303,21 @@
 @dt-inputs-size-radius-md: 0.8rem;
 @dt-inputs-size-radius-lg: 1.2rem;
 @dt-inputs-size-radius-xl: 1.6rem;
-@dt-inputs-line-height-default: 1.2;
-@dt-inputs-font-size-xs: 1.6rem;
-@dt-inputs-font-size-sm: 1.6rem;
-@dt-inputs-font-size-md: 2rem;
-@dt-inputs-font-size-lg: 2.8rem;
+@dt-inputs-line-height-xs: 1.2; // Line height for extra small inputs (e.g. input and textarea)
+@dt-inputs-line-height-sm: 1.2; // Line height for small inputs (e.g. input and textarea)
+@dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
+@dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
+@dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xs: 1.6rem; // Font size for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-size-sm: 1.6rem; // Font size for small inputs (e.g. input and textarea)
+@dt-inputs-font-size-md: 2rem; // Font size for medium inputs (e.g. input and textarea)
+@dt-inputs-font-size-lg: 2.8rem; // Font size for large inputs (e.g. input and textarea)
 @dt-inputs-font-size-xl: 1.6rem;
+@dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
+@dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
 @dt-inputs-color-foreground-default: #3A3A3A;
 @dt-inputs-color-foreground-placeholder: #808080;
 @dt-inputs-color-foreground-disabled: #808080;

package/dist/tokens/less/tokens-expressive-sm-dark.less CHANGED Viewed

@@ -276,6 +276,26 @@
 @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
+@dt-typography-inputs-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-size: 1.2rem; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-size: 1.2rem; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-size: 1.6rem; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-size: 2rem; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-size: 1.2rem; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
 @dt-inputs-size-border-default: 0.15rem;
 @dt-inputs-size-border-status: 0.2rem;
 @dt-inputs-size-radius-xs: 0.4rem;
@@ -283,12 +303,21 @@
 @dt-inputs-size-radius-md: 0.8rem;
 @dt-inputs-size-radius-lg: 1.2rem;
 @dt-inputs-size-radius-xl: 1.6rem;
-@dt-inputs-line-height-default: 1.2;
-@dt-inputs-font-size-xs: 1.2rem;
-@dt-inputs-font-size-sm: 1.2rem;
-@dt-inputs-font-size-md: 1.6rem;
-@dt-inputs-font-size-lg: 2rem;
+@dt-inputs-line-height-xs: 1.2; // Line height for extra small inputs (e.g. input and textarea)
+@dt-inputs-line-height-sm: 1.2; // Line height for small inputs (e.g. input and textarea)
+@dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
+@dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
+@dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xs: 1.2rem; // Font size for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-size-sm: 1.2rem; // Font size for small inputs (e.g. input and textarea)
+@dt-inputs-font-size-md: 1.6rem; // Font size for medium inputs (e.g. input and textarea)
+@dt-inputs-font-size-lg: 2rem; // Font size for large inputs (e.g. input and textarea)
 @dt-inputs-font-size-xl: 1.2rem;
+@dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
+@dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
 @dt-inputs-color-foreground-default: #E6E6E6;
 @dt-inputs-color-foreground-placeholder: #AAAAAA;
 @dt-inputs-color-foreground-disabled: #AAAAAA;

package/dist/tokens/less/tokens-expressive-sm-light.less CHANGED Viewed

@@ -276,6 +276,26 @@
 @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
+@dt-typography-inputs-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-size: 1.2rem; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-size: 1.2rem; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-size: 1.6rem; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-size: 2rem; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-size: 1.2rem; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
 @dt-inputs-size-border-default: 0.15rem;
 @dt-inputs-size-border-status: 0.2rem;
 @dt-inputs-size-radius-xs: 0.4rem;
@@ -283,12 +303,21 @@
 @dt-inputs-size-radius-md: 0.8rem;
 @dt-inputs-size-radius-lg: 1.2rem;
 @dt-inputs-size-radius-xl: 1.6rem;
-@dt-inputs-line-height-default: 1.2;
-@dt-inputs-font-size-xs: 1.2rem;
-@dt-inputs-font-size-sm: 1.2rem;
-@dt-inputs-font-size-md: 1.6rem;
-@dt-inputs-font-size-lg: 2rem;
+@dt-inputs-line-height-xs: 1.2; // Line height for extra small inputs (e.g. input and textarea)
+@dt-inputs-line-height-sm: 1.2; // Line height for small inputs (e.g. input and textarea)
+@dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
+@dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
+@dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xs: 1.2rem; // Font size for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-size-sm: 1.2rem; // Font size for small inputs (e.g. input and textarea)
+@dt-inputs-font-size-md: 1.6rem; // Font size for medium inputs (e.g. input and textarea)
+@dt-inputs-font-size-lg: 2rem; // Font size for large inputs (e.g. input and textarea)
 @dt-inputs-font-size-xl: 1.2rem;
+@dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
+@dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
 @dt-inputs-color-foreground-default: #3A3A3A;
 @dt-inputs-color-foreground-placeholder: #808080;
 @dt-inputs-color-foreground-disabled: #808080;

package/dist/tokens/less/tokens-tmo-dark.less CHANGED Viewed

@@ -270,6 +270,26 @@
 @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
+@dt-typography-inputs-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-size: 1.2rem; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-size: 1.2rem; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-size: 1.5rem; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-size: 1.9rem; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-size: 2.7rem; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
 @dt-inputs-size-border-default: 0.15rem;
 @dt-inputs-size-border-status: 0.2rem;
 @dt-inputs-size-radius-xs: 0.4rem;
@@ -277,12 +297,21 @@
 @dt-inputs-size-radius-md: 0.8rem;
 @dt-inputs-size-radius-lg: 1.2rem;
 @dt-inputs-size-radius-xl: 1.6rem;
-@dt-inputs-line-height-default: 1.2;
-@dt-inputs-font-size-xs: 1.2rem;
-@dt-inputs-font-size-sm: 1.2rem;
-@dt-inputs-font-size-md: 1.5rem;
-@dt-inputs-font-size-lg: 1.9rem;
-@dt-inputs-font-size-xl: 2.7rem;
+@dt-inputs-line-height-xs: 1.2; // Line height for extra small inputs (e.g. input and textarea)
+@dt-inputs-line-height-sm: 1.2; // Line height for small inputs (e.g. input and textarea)
+@dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
+@dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
+@dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xs: 1.2rem; // Font size for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-size-sm: 1.2rem; // Font size for small inputs (e.g. input and textarea)
+@dt-inputs-font-size-md: 1.5rem; // Font size for medium inputs (e.g. input and textarea)
+@dt-inputs-font-size-lg: 1.9rem; // Font size for large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xl: 2.7rem; // Font size for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
+@dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
 @dt-inputs-color-foreground-default: #E6E6E6;
 @dt-inputs-color-foreground-placeholder: #AAAAAA;
 @dt-inputs-color-foreground-disabled: #AAAAAA;

package/dist/tokens/less/tokens-tmo-light.less CHANGED Viewed

@@ -270,6 +270,26 @@
 @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
 @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
+@dt-typography-inputs-xs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-weight: 400; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-font-size: 1.2rem; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-xs-line-height: 1.2; // Text style for extra small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-weight: 400; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-font-size: 1.2rem; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-sm-line-height: 1.2; // Text style for small inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-weight: 400; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-font-size: 1.5rem; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-md-line-height: 1.2; // Text style for medium inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-weight: 400; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-font-size: 1.9rem; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-lg-line-height: 1.2; // Text style for large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-font-size: 2.7rem; // Text style for extra large inputs (e.g. input and textarea)
+@dt-typography-inputs-xl-line-height: 1.2; // Text style for extra large inputs (e.g. input and textarea)
 @dt-inputs-size-border-default: 0.15rem;
 @dt-inputs-size-border-status: 0.2rem;
 @dt-inputs-size-radius-xs: 0.4rem;
@@ -277,12 +297,21 @@
 @dt-inputs-size-radius-md: 0.8rem;
 @dt-inputs-size-radius-lg: 1.2rem;
 @dt-inputs-size-radius-xl: 1.6rem;
-@dt-inputs-line-height-default: 1.2;
-@dt-inputs-font-size-xs: 1.2rem;
-@dt-inputs-font-size-sm: 1.2rem;
-@dt-inputs-font-size-md: 1.5rem;
-@dt-inputs-font-size-lg: 1.9rem;
-@dt-inputs-font-size-xl: 2.7rem;
+@dt-inputs-line-height-xs: 1.2; // Line height for extra small inputs (e.g. input and textarea)
+@dt-inputs-line-height-sm: 1.2; // Line height for small inputs (e.g. input and textarea)
+@dt-inputs-line-height-md: 1.2; // Line height for medium inputs (e.g. input and textarea)
+@dt-inputs-line-height-lg: 1.2; // Line height for large inputs (e.g. input and textarea)
+@dt-inputs-line-height-xl: 1.2; // Line height for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xs: 1.2rem; // Font size for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-size-sm: 1.2rem; // Font size for small inputs (e.g. input and textarea)
+@dt-inputs-font-size-md: 1.5rem; // Font size for medium inputs (e.g. input and textarea)
+@dt-inputs-font-size-lg: 1.9rem; // Font size for large inputs (e.g. input and textarea)
+@dt-inputs-font-size-xl: 2.7rem; // Font size for extra large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xs: 400; // Font weight for extra small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-sm: 400; // Font weight for small inputs (e.g. input and textarea)
+@dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
+@dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
+@dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
 @dt-inputs-color-foreground-default: #3A3A3A;
 @dt-inputs-color-foreground-placeholder: #808080;
 @dt-inputs-color-foreground-disabled: #808080;