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/css/tokens-expressive-sm-dark.css CHANGED Viewed

@@ -843,7 +843,32 @@
   --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
   --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;
+  --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;
+  --dt-typography-inputs-xl: var(--dt-typography-inputs-xl-font-weight) var(--dt-typography-inputs-xl-font-size)/var(--dt-typography-inputs-xl-line-height) var(--dt-typography-inputs-xl-font-family);
+  --dt-typography-inputs-lg: var(--dt-typography-inputs-lg-font-weight) var(--dt-typography-inputs-lg-font-size)/var(--dt-typography-inputs-lg-line-height) var(--dt-typography-inputs-lg-font-family);
+  --dt-typography-inputs-md: var(--dt-typography-inputs-md-font-weight) var(--dt-typography-inputs-md-font-size)/var(--dt-typography-inputs-md-line-height) var(--dt-typography-inputs-md-font-family);
+  --dt-typography-inputs-sm: var(--dt-typography-inputs-sm-font-weight) var(--dt-typography-inputs-sm-font-size)/var(--dt-typography-inputs-sm-line-height) var(--dt-typography-inputs-sm-font-family);
+  --dt-typography-inputs-xs: var(--dt-typography-inputs-xs-font-weight) var(--dt-typography-inputs-xs-font-size)/var(--dt-typography-inputs-xs-line-height) var(--dt-typography-inputs-xs-font-family);
   --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family);
   --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
   --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
@@ -874,7 +899,7 @@
   --dt-typography-body-sm-compact: var(--dt-typography-body-sm-compact-font-weight) var(--dt-typography-body-sm-compact-font-size)/var(--dt-typography-body-sm-compact-line-height) var(--dt-typography-body-sm-compact-font-family);
   --dt-typography-body-sm: var(--dt-typography-body-sm-font-weight) var(--dt-typography-body-sm-font-size)/var(--dt-typography-body-sm-line-height) var(--dt-typography-body-sm-font-family);
   --dt-typography-body-md-compact: var(--dt-typography-body-md-compact-font-weight) var(--dt-typography-body-md-compact-font-size)/var(--dt-typography-body-md-compact-line-height) var(--dt-typography-body-md-compact-font-family);
-  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
+  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family); /* 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;
@@ -882,12 +907,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-h: 0;
   --dt-inputs-color-foreground-default-s: 0%;
   --dt-inputs-color-foreground-default-l: 90.19607843137256%;

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

@@ -843,7 +843,32 @@
   --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
   --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;
+  --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;
+  --dt-typography-inputs-xl: var(--dt-typography-inputs-xl-font-weight) var(--dt-typography-inputs-xl-font-size)/var(--dt-typography-inputs-xl-line-height) var(--dt-typography-inputs-xl-font-family);
+  --dt-typography-inputs-lg: var(--dt-typography-inputs-lg-font-weight) var(--dt-typography-inputs-lg-font-size)/var(--dt-typography-inputs-lg-line-height) var(--dt-typography-inputs-lg-font-family);
+  --dt-typography-inputs-md: var(--dt-typography-inputs-md-font-weight) var(--dt-typography-inputs-md-font-size)/var(--dt-typography-inputs-md-line-height) var(--dt-typography-inputs-md-font-family);
+  --dt-typography-inputs-sm: var(--dt-typography-inputs-sm-font-weight) var(--dt-typography-inputs-sm-font-size)/var(--dt-typography-inputs-sm-line-height) var(--dt-typography-inputs-sm-font-family);
+  --dt-typography-inputs-xs: var(--dt-typography-inputs-xs-font-weight) var(--dt-typography-inputs-xs-font-size)/var(--dt-typography-inputs-xs-line-height) var(--dt-typography-inputs-xs-font-family);
   --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family);
   --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
   --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
@@ -874,7 +899,7 @@
   --dt-typography-body-sm-compact: var(--dt-typography-body-sm-compact-font-weight) var(--dt-typography-body-sm-compact-font-size)/var(--dt-typography-body-sm-compact-line-height) var(--dt-typography-body-sm-compact-font-family);
   --dt-typography-body-sm: var(--dt-typography-body-sm-font-weight) var(--dt-typography-body-sm-font-size)/var(--dt-typography-body-sm-line-height) var(--dt-typography-body-sm-font-family);
   --dt-typography-body-md-compact: var(--dt-typography-body-md-compact-font-weight) var(--dt-typography-body-md-compact-font-size)/var(--dt-typography-body-md-compact-line-height) var(--dt-typography-body-md-compact-font-family);
-  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
+  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family); /* 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;
@@ -882,12 +907,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-h: 0;
   --dt-inputs-color-foreground-default-s: 0%;
   --dt-inputs-color-foreground-default-l: 22.745098039215687%;

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

@@ -837,7 +837,32 @@
   --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
   --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;
+  --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;
+  --dt-typography-inputs-xl: var(--dt-typography-inputs-xl-font-weight) var(--dt-typography-inputs-xl-font-size)/var(--dt-typography-inputs-xl-line-height) var(--dt-typography-inputs-xl-font-family);
+  --dt-typography-inputs-lg: var(--dt-typography-inputs-lg-font-weight) var(--dt-typography-inputs-lg-font-size)/var(--dt-typography-inputs-lg-line-height) var(--dt-typography-inputs-lg-font-family);
+  --dt-typography-inputs-md: var(--dt-typography-inputs-md-font-weight) var(--dt-typography-inputs-md-font-size)/var(--dt-typography-inputs-md-line-height) var(--dt-typography-inputs-md-font-family);
+  --dt-typography-inputs-sm: var(--dt-typography-inputs-sm-font-weight) var(--dt-typography-inputs-sm-font-size)/var(--dt-typography-inputs-sm-line-height) var(--dt-typography-inputs-sm-font-family);
+  --dt-typography-inputs-xs: var(--dt-typography-inputs-xs-font-weight) var(--dt-typography-inputs-xs-font-size)/var(--dt-typography-inputs-xs-line-height) var(--dt-typography-inputs-xs-font-family);
   --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family);
   --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
   --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
@@ -868,7 +893,7 @@
   --dt-typography-body-sm-compact: var(--dt-typography-body-sm-compact-font-weight) var(--dt-typography-body-sm-compact-font-size)/var(--dt-typography-body-sm-compact-line-height) var(--dt-typography-body-sm-compact-font-family);
   --dt-typography-body-sm: var(--dt-typography-body-sm-font-weight) var(--dt-typography-body-sm-font-size)/var(--dt-typography-body-sm-line-height) var(--dt-typography-body-sm-font-family);
   --dt-typography-body-md-compact: var(--dt-typography-body-md-compact-font-weight) var(--dt-typography-body-md-compact-font-size)/var(--dt-typography-body-md-compact-line-height) var(--dt-typography-body-md-compact-font-family);
-  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
+  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family); /* 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;
@@ -876,12 +901,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-h: 0;
   --dt-inputs-color-foreground-default-s: 0%;
   --dt-inputs-color-foreground-default-l: 90.19607843137256%;

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

@@ -837,7 +837,32 @@
   --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
   --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;
+  --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;
+  --dt-typography-inputs-xl: var(--dt-typography-inputs-xl-font-weight) var(--dt-typography-inputs-xl-font-size)/var(--dt-typography-inputs-xl-line-height) var(--dt-typography-inputs-xl-font-family);
+  --dt-typography-inputs-lg: var(--dt-typography-inputs-lg-font-weight) var(--dt-typography-inputs-lg-font-size)/var(--dt-typography-inputs-lg-line-height) var(--dt-typography-inputs-lg-font-family);
+  --dt-typography-inputs-md: var(--dt-typography-inputs-md-font-weight) var(--dt-typography-inputs-md-font-size)/var(--dt-typography-inputs-md-line-height) var(--dt-typography-inputs-md-font-family);
+  --dt-typography-inputs-sm: var(--dt-typography-inputs-sm-font-weight) var(--dt-typography-inputs-sm-font-size)/var(--dt-typography-inputs-sm-line-height) var(--dt-typography-inputs-sm-font-family);
+  --dt-typography-inputs-xs: var(--dt-typography-inputs-xs-font-weight) var(--dt-typography-inputs-xs-font-size)/var(--dt-typography-inputs-xs-line-height) var(--dt-typography-inputs-xs-font-family);
   --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family);
   --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
   --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
@@ -868,7 +893,7 @@
   --dt-typography-body-sm-compact: var(--dt-typography-body-sm-compact-font-weight) var(--dt-typography-body-sm-compact-font-size)/var(--dt-typography-body-sm-compact-line-height) var(--dt-typography-body-sm-compact-font-family);
   --dt-typography-body-sm: var(--dt-typography-body-sm-font-weight) var(--dt-typography-body-sm-font-size)/var(--dt-typography-body-sm-line-height) var(--dt-typography-body-sm-font-family);
   --dt-typography-body-md-compact: var(--dt-typography-body-md-compact-font-weight) var(--dt-typography-body-md-compact-font-size)/var(--dt-typography-body-md-compact-line-height) var(--dt-typography-body-md-compact-font-family);
-  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family); /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
+  --dt-typography-body-md: var(--dt-typography-body-md-font-weight) var(--dt-typography-body-md-font-size)/var(--dt-typography-body-md-line-height) var(--dt-typography-body-md-font-family); /* 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;
@@ -876,12 +901,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-h: 0;
   --dt-inputs-color-foreground-default-s: 0%;
   --dt-inputs-color-foreground-default-l: 22.745098039215687%;