npm - @dialpad/dialtone - Versions diffs - 9.86.2 → 9.88.0 - Mend

@dialpad/dialtone 9.86.2 → 9.88.0

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 (304) hide show

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

@@ -290,6 +290,26 @@
 @dt-typography-inputs-xl-font-weight: 400; // Text style for extra large inputs (e.g. input and textarea)
 @dt-typography-inputs-xl-font-size: 27px; // 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: 12px; // 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: 12px; // 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: 15px; // 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: 19px; // 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: 27px; // 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;
@@ -451,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: 12px; // Extra small Button text size
+@dt-button-font-size-sm: 12px; // Small Button text size
+@dt-button-font-size-md: 15px; // Medium Button text size
+@dt-button-font-size-lg: 19px; // Large Button text size
+@dt-button-font-size-xl: 27px; // 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;