@dialpad/dialtone-css 8.42.3 → 8.43.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 (23) hide show
  1. package/lib/build/less/components/button.less +13 -19
  2. package/lib/build/less/components/emoji-picker.less +34 -29
  3. package/lib/build/less/components/forms.less +3 -5
  4. package/lib/build/less/components/input.less +36 -15
  5. package/lib/build/less/components/radio-checkbox.less +3 -5
  6. package/lib/build/less/components/tabs.less +36 -51
  7. package/lib/build/less/dialtone.less +3 -3
  8. package/lib/build/less/variables/sizes.less +16 -15
  9. package/lib/dist/dialtone-default-theme.css +522 -373
  10. package/lib/dist/dialtone-default-theme.min.css +1 -1
  11. package/lib/dist/dialtone.css +430 -361
  12. package/lib/dist/dialtone.min.css +1 -1
  13. package/lib/dist/tokens/tokens-base-dark.css +1 -0
  14. package/lib/dist/tokens/tokens-base-light.css +1 -0
  15. package/lib/dist/tokens/tokens-dp-dark.css +90 -11
  16. package/lib/dist/tokens/tokens-dp-light.css +91 -12
  17. package/lib/dist/tokens/tokens-expressive-dark.css +44 -10
  18. package/lib/dist/tokens/tokens-expressive-light.css +45 -11
  19. package/lib/dist/tokens/tokens-expressive-sm-dark.css +44 -10
  20. package/lib/dist/tokens/tokens-expressive-sm-light.css +45 -11
  21. package/lib/dist/tokens/tokens-tmo-dark.css +45 -11
  22. package/lib/dist/tokens/tokens-tmo-light.css +46 -12
  23. package/package.json +2 -2
package/lib/dist/tokens/tokens-expressive-sm-dark.css CHANGED
@@ -843,7 +843,32 @@
843
843
  --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
844
844
  --dt-typography-code-sm-line-height: 1.2; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
845
845
  --dt-typography-code-sm-font-size: 1.2rem; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
846
- --dt-typography-code-sm-text-case: none;
846
+ --dt-typography-code-sm-text-case: none; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
847
+ --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) */
848
+ --dt-typography-inputs-xs-font-weight: 400; /* Text style for extra small inputs (e.g. input and textarea) */
849
+ --dt-typography-inputs-xs-font-size: 1.2rem; /* Text style for extra small inputs (e.g. input and textarea) */
850
+ --dt-typography-inputs-xs-line-height: 1.2; /* Text style for extra small inputs (e.g. input and textarea) */
851
+ --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) */
852
+ --dt-typography-inputs-sm-font-weight: 400; /* Text style for small inputs (e.g. input and textarea) */
853
+ --dt-typography-inputs-sm-font-size: 1.2rem; /* Text style for small inputs (e.g. input and textarea) */
854
+ --dt-typography-inputs-sm-line-height: 1.2; /* Text style for small inputs (e.g. input and textarea) */
855
+ --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) */
856
+ --dt-typography-inputs-md-font-weight: 400; /* Text style for medium inputs (e.g. input and textarea) */
857
+ --dt-typography-inputs-md-font-size: 1.6rem; /* Text style for medium inputs (e.g. input and textarea) */
858
+ --dt-typography-inputs-md-line-height: 1.2; /* Text style for medium inputs (e.g. input and textarea) */
859
+ --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) */
860
+ --dt-typography-inputs-lg-font-weight: 400; /* Text style for large inputs (e.g. input and textarea) */
861
+ --dt-typography-inputs-lg-font-size: 2rem; /* Text style for large inputs (e.g. input and textarea) */
862
+ --dt-typography-inputs-lg-line-height: 1.2; /* Text style for large inputs (e.g. input and textarea) */
863
+ --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) */
864
+ --dt-typography-inputs-xl-font-weight: 400; /* Text style for extra large inputs (e.g. input and textarea) */
865
+ --dt-typography-inputs-xl-font-size: 1.2rem; /* Text style for extra large inputs (e.g. input and textarea) */
866
+ --dt-typography-inputs-xl-line-height: 1.2;
867
+ --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);
868
+ --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);
869
+ --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);
870
+ --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);
871
+ --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);
847
872
  --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);
848
873
  --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);
849
874
  --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 @@
874
899
  --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);
875
900
  --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);
876
901
  --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);
877
- --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. */
902
+ --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) */
878
903
  --dt-inputs-size-border-default: 0.15rem;
879
904
  --dt-inputs-size-border-status: 0.2rem;
880
905
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -882,12 +907,21 @@
882
907
  --dt-inputs-size-radius-md: 0.8rem;
883
908
  --dt-inputs-size-radius-lg: 1.2rem;
884
909
  --dt-inputs-size-radius-xl: 1.6rem;
885
- --dt-inputs-line-height-default: 1.2;
886
- --dt-inputs-font-size-xs: 1.2rem;
887
- --dt-inputs-font-size-sm: 1.2rem;
888
- --dt-inputs-font-size-md: 1.6rem;
889
- --dt-inputs-font-size-lg: 2rem;
910
+ --dt-inputs-line-height-xs: 1.2; /* Line height for extra small inputs (e.g. input and textarea) */
911
+ --dt-inputs-line-height-sm: 1.2; /* Line height for small inputs (e.g. input and textarea) */
912
+ --dt-inputs-line-height-md: 1.2; /* Line height for medium inputs (e.g. input and textarea) */
913
+ --dt-inputs-line-height-lg: 1.2; /* Line height for large inputs (e.g. input and textarea) */
914
+ --dt-inputs-line-height-xl: 1.2; /* Line height for extra large inputs (e.g. input and textarea) */
915
+ --dt-inputs-font-size-xs: 1.2rem; /* Font size for extra small inputs (e.g. input and textarea) */
916
+ --dt-inputs-font-size-sm: 1.2rem; /* Font size for small inputs (e.g. input and textarea) */
917
+ --dt-inputs-font-size-md: 1.6rem; /* Font size for medium inputs (e.g. input and textarea) */
918
+ --dt-inputs-font-size-lg: 2rem; /* Font size for large inputs (e.g. input and textarea) */
890
919
  --dt-inputs-font-size-xl: 1.2rem;
920
+ --dt-inputs-font-weight-xs: 400; /* Font weight for extra small inputs (e.g. input and textarea) */
921
+ --dt-inputs-font-weight-sm: 400; /* Font weight for small inputs (e.g. input and textarea) */
922
+ --dt-inputs-font-weight-md: 400; /* Font weight for medium inputs (e.g. input and textarea) */
923
+ --dt-inputs-font-weight-lg: 400; /* Font weight for large inputs (e.g. input and textarea) */
924
+ --dt-inputs-font-weight-xl: 400; /* Font weight for extra large inputs (e.g. input and textarea) */
891
925
  --dt-inputs-color-foreground-default-h: 0;
892
926
  --dt-inputs-color-foreground-default-s: 0%;
893
927
  --dt-inputs-color-foreground-default-l: 90.19607843137256%;
@@ -1277,13 +1311,13 @@
1277
1311
  --dt-action-color-border-inverted-outlined-default-l: 0%;
1278
1312
  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l);
1279
1313
  --dt-action-color-border-inverted-outlined-default-hsla: hsla(var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l) / var(--alpha, 100%));
1280
- --dt-action-color-border-inverted-outlined-default: #000000;
1314
+ --dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
1281
1315
  --dt-action-color-border-muted-outlined-default-h: 0;
1282
1316
  --dt-action-color-border-muted-outlined-default-s: 0%;
1283
- --dt-action-color-border-muted-outlined-default-l: 66.66666666666666%;
1317
+ --dt-action-color-border-muted-outlined-default-l: 100%;
1284
1318
  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l);
1285
1319
  --dt-action-color-border-muted-outlined-default-hsla: hsla(var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l) / var(--alpha, 100%));
1286
- --dt-action-color-border-muted-outlined-default: #AAAAAA;
1320
+ --dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
1287
1321
  --dt-theme-color-base-h: 0;
1288
1322
  --dt-theme-color-base-s: 0%;
1289
1323
  --dt-theme-color-base-l: 90.19607843137256%;
package/lib/dist/tokens/tokens-expressive-sm-light.css CHANGED
@@ -843,7 +843,32 @@
843
843
  --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
844
844
  --dt-typography-code-sm-line-height: 1.2; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
845
845
  --dt-typography-code-sm-font-size: 1.2rem; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
846
- --dt-typography-code-sm-text-case: none;
846
+ --dt-typography-code-sm-text-case: none; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
847
+ --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) */
848
+ --dt-typography-inputs-xs-font-weight: 400; /* Text style for extra small inputs (e.g. input and textarea) */
849
+ --dt-typography-inputs-xs-font-size: 1.2rem; /* Text style for extra small inputs (e.g. input and textarea) */
850
+ --dt-typography-inputs-xs-line-height: 1.2; /* Text style for extra small inputs (e.g. input and textarea) */
851
+ --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) */
852
+ --dt-typography-inputs-sm-font-weight: 400; /* Text style for small inputs (e.g. input and textarea) */
853
+ --dt-typography-inputs-sm-font-size: 1.2rem; /* Text style for small inputs (e.g. input and textarea) */
854
+ --dt-typography-inputs-sm-line-height: 1.2; /* Text style for small inputs (e.g. input and textarea) */
855
+ --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) */
856
+ --dt-typography-inputs-md-font-weight: 400; /* Text style for medium inputs (e.g. input and textarea) */
857
+ --dt-typography-inputs-md-font-size: 1.6rem; /* Text style for medium inputs (e.g. input and textarea) */
858
+ --dt-typography-inputs-md-line-height: 1.2; /* Text style for medium inputs (e.g. input and textarea) */
859
+ --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) */
860
+ --dt-typography-inputs-lg-font-weight: 400; /* Text style for large inputs (e.g. input and textarea) */
861
+ --dt-typography-inputs-lg-font-size: 2rem; /* Text style for large inputs (e.g. input and textarea) */
862
+ --dt-typography-inputs-lg-line-height: 1.2; /* Text style for large inputs (e.g. input and textarea) */
863
+ --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) */
864
+ --dt-typography-inputs-xl-font-weight: 400; /* Text style for extra large inputs (e.g. input and textarea) */
865
+ --dt-typography-inputs-xl-font-size: 1.2rem; /* Text style for extra large inputs (e.g. input and textarea) */
866
+ --dt-typography-inputs-xl-line-height: 1.2;
867
+ --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);
868
+ --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);
869
+ --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);
870
+ --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);
871
+ --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);
847
872
  --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);
848
873
  --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);
849
874
  --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 @@
874
899
  --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);
875
900
  --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);
876
901
  --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);
877
- --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. */
902
+ --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) */
878
903
  --dt-inputs-size-border-default: 0.15rem;
879
904
  --dt-inputs-size-border-status: 0.2rem;
880
905
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -882,12 +907,21 @@
882
907
  --dt-inputs-size-radius-md: 0.8rem;
883
908
  --dt-inputs-size-radius-lg: 1.2rem;
884
909
  --dt-inputs-size-radius-xl: 1.6rem;
885
- --dt-inputs-line-height-default: 1.2;
886
- --dt-inputs-font-size-xs: 1.2rem;
887
- --dt-inputs-font-size-sm: 1.2rem;
888
- --dt-inputs-font-size-md: 1.6rem;
889
- --dt-inputs-font-size-lg: 2rem;
910
+ --dt-inputs-line-height-xs: 1.2; /* Line height for extra small inputs (e.g. input and textarea) */
911
+ --dt-inputs-line-height-sm: 1.2; /* Line height for small inputs (e.g. input and textarea) */
912
+ --dt-inputs-line-height-md: 1.2; /* Line height for medium inputs (e.g. input and textarea) */
913
+ --dt-inputs-line-height-lg: 1.2; /* Line height for large inputs (e.g. input and textarea) */
914
+ --dt-inputs-line-height-xl: 1.2; /* Line height for extra large inputs (e.g. input and textarea) */
915
+ --dt-inputs-font-size-xs: 1.2rem; /* Font size for extra small inputs (e.g. input and textarea) */
916
+ --dt-inputs-font-size-sm: 1.2rem; /* Font size for small inputs (e.g. input and textarea) */
917
+ --dt-inputs-font-size-md: 1.6rem; /* Font size for medium inputs (e.g. input and textarea) */
918
+ --dt-inputs-font-size-lg: 2rem; /* Font size for large inputs (e.g. input and textarea) */
890
919
  --dt-inputs-font-size-xl: 1.2rem;
920
+ --dt-inputs-font-weight-xs: 400; /* Font weight for extra small inputs (e.g. input and textarea) */
921
+ --dt-inputs-font-weight-sm: 400; /* Font weight for small inputs (e.g. input and textarea) */
922
+ --dt-inputs-font-weight-md: 400; /* Font weight for medium inputs (e.g. input and textarea) */
923
+ --dt-inputs-font-weight-lg: 400; /* Font weight for large inputs (e.g. input and textarea) */
924
+ --dt-inputs-font-weight-xl: 400; /* Font weight for extra large inputs (e.g. input and textarea) */
891
925
  --dt-inputs-color-foreground-default-h: 0;
892
926
  --dt-inputs-color-foreground-default-s: 0%;
893
927
  --dt-inputs-color-foreground-default-l: 22.745098039215687%;
@@ -1274,16 +1308,16 @@
1274
1308
  --dt-action-color-border-critical-outlined-default: #EC0E0E;
1275
1309
  --dt-action-color-border-inverted-outlined-default-h: 0;
1276
1310
  --dt-action-color-border-inverted-outlined-default-s: 0%;
1277
- --dt-action-color-border-inverted-outlined-default-l: 97.6470588235294%;
1311
+ --dt-action-color-border-inverted-outlined-default-l: 100%;
1278
1312
  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l);
1279
1313
  --dt-action-color-border-inverted-outlined-default-hsla: hsla(var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l) / var(--alpha, 100%));
1280
- --dt-action-color-border-inverted-outlined-default: #F9F9F9;
1314
+ --dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
1281
1315
  --dt-action-color-border-muted-outlined-default-h: 0;
1282
1316
  --dt-action-color-border-muted-outlined-default-s: 0%;
1283
- --dt-action-color-border-muted-outlined-default-l: 33.33333333333333%;
1317
+ --dt-action-color-border-muted-outlined-default-l: 0%;
1284
1318
  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l);
1285
1319
  --dt-action-color-border-muted-outlined-default-hsla: hsla(var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l) / var(--alpha, 100%));
1286
- --dt-action-color-border-muted-outlined-default: #555555;
1320
+ --dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
1287
1321
  --dt-theme-color-base-h: 0;
1288
1322
  --dt-theme-color-base-s: 0%;
1289
1323
  --dt-theme-color-base-l: 0%;
package/lib/dist/tokens/tokens-tmo-dark.css CHANGED
@@ -837,7 +837,32 @@
837
837
  --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
838
838
  --dt-typography-code-sm-line-height: 1.2; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
839
839
  --dt-typography-code-sm-font-size: 1.2rem; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
840
- --dt-typography-code-sm-text-case: none;
840
+ --dt-typography-code-sm-text-case: none; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
841
+ --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) */
842
+ --dt-typography-inputs-xs-font-weight: 400; /* Text style for extra small inputs (e.g. input and textarea) */
843
+ --dt-typography-inputs-xs-font-size: 1.2rem; /* Text style for extra small inputs (e.g. input and textarea) */
844
+ --dt-typography-inputs-xs-line-height: 1.2; /* Text style for extra small inputs (e.g. input and textarea) */
845
+ --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) */
846
+ --dt-typography-inputs-sm-font-weight: 400; /* Text style for small inputs (e.g. input and textarea) */
847
+ --dt-typography-inputs-sm-font-size: 1.2rem; /* Text style for small inputs (e.g. input and textarea) */
848
+ --dt-typography-inputs-sm-line-height: 1.2; /* Text style for small inputs (e.g. input and textarea) */
849
+ --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) */
850
+ --dt-typography-inputs-md-font-weight: 400; /* Text style for medium inputs (e.g. input and textarea) */
851
+ --dt-typography-inputs-md-font-size: 1.5rem; /* Text style for medium inputs (e.g. input and textarea) */
852
+ --dt-typography-inputs-md-line-height: 1.2; /* Text style for medium inputs (e.g. input and textarea) */
853
+ --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) */
854
+ --dt-typography-inputs-lg-font-weight: 400; /* Text style for large inputs (e.g. input and textarea) */
855
+ --dt-typography-inputs-lg-font-size: 1.9rem; /* Text style for large inputs (e.g. input and textarea) */
856
+ --dt-typography-inputs-lg-line-height: 1.2; /* Text style for large inputs (e.g. input and textarea) */
857
+ --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) */
858
+ --dt-typography-inputs-xl-font-weight: 400; /* Text style for extra large inputs (e.g. input and textarea) */
859
+ --dt-typography-inputs-xl-font-size: 2.7rem; /* Text style for extra large inputs (e.g. input and textarea) */
860
+ --dt-typography-inputs-xl-line-height: 1.2;
861
+ --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);
862
+ --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);
863
+ --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);
864
+ --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);
865
+ --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);
841
866
  --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);
842
867
  --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);
843
868
  --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 @@
868
893
  --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);
869
894
  --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);
870
895
  --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);
871
- --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. */
896
+ --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) */
872
897
  --dt-inputs-size-border-default: 0.15rem;
873
898
  --dt-inputs-size-border-status: 0.2rem;
874
899
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -876,12 +901,21 @@
876
901
  --dt-inputs-size-radius-md: 0.8rem;
877
902
  --dt-inputs-size-radius-lg: 1.2rem;
878
903
  --dt-inputs-size-radius-xl: 1.6rem;
879
- --dt-inputs-line-height-default: 1.2;
880
- --dt-inputs-font-size-xs: 1.2rem;
881
- --dt-inputs-font-size-sm: 1.2rem;
882
- --dt-inputs-font-size-md: 1.5rem;
883
- --dt-inputs-font-size-lg: 1.9rem;
884
- --dt-inputs-font-size-xl: 2.7rem;
904
+ --dt-inputs-line-height-xs: 1.2; /* Line height for extra small inputs (e.g. input and textarea) */
905
+ --dt-inputs-line-height-sm: 1.2; /* Line height for small inputs (e.g. input and textarea) */
906
+ --dt-inputs-line-height-md: 1.2; /* Line height for medium inputs (e.g. input and textarea) */
907
+ --dt-inputs-line-height-lg: 1.2; /* Line height for large inputs (e.g. input and textarea) */
908
+ --dt-inputs-line-height-xl: 1.2; /* Line height for extra large inputs (e.g. input and textarea) */
909
+ --dt-inputs-font-size-xs: 1.2rem; /* Font size for extra small inputs (e.g. input and textarea) */
910
+ --dt-inputs-font-size-sm: 1.2rem; /* Font size for small inputs (e.g. input and textarea) */
911
+ --dt-inputs-font-size-md: 1.5rem; /* Font size for medium inputs (e.g. input and textarea) */
912
+ --dt-inputs-font-size-lg: 1.9rem; /* Font size for large inputs (e.g. input and textarea) */
913
+ --dt-inputs-font-size-xl: 2.7rem; /* Font size for extra large inputs (e.g. input and textarea) */
914
+ --dt-inputs-font-weight-xs: 400; /* Font weight for extra small inputs (e.g. input and textarea) */
915
+ --dt-inputs-font-weight-sm: 400; /* Font weight for small inputs (e.g. input and textarea) */
916
+ --dt-inputs-font-weight-md: 400; /* Font weight for medium inputs (e.g. input and textarea) */
917
+ --dt-inputs-font-weight-lg: 400; /* Font weight for large inputs (e.g. input and textarea) */
918
+ --dt-inputs-font-weight-xl: 400; /* Font weight for extra large inputs (e.g. input and textarea) */
885
919
  --dt-inputs-color-foreground-default-h: 0;
886
920
  --dt-inputs-color-foreground-default-s: 0%;
887
921
  --dt-inputs-color-foreground-default-l: 90.19607843137256%;
@@ -1271,13 +1305,13 @@
1271
1305
  --dt-action-color-border-inverted-outlined-default-l: 0%;
1272
1306
  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l);
1273
1307
  --dt-action-color-border-inverted-outlined-default-hsla: hsla(var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l) / var(--alpha, 100%));
1274
- --dt-action-color-border-inverted-outlined-default: #000000;
1308
+ --dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
1275
1309
  --dt-action-color-border-muted-outlined-default-h: 0;
1276
1310
  --dt-action-color-border-muted-outlined-default-s: 0%;
1277
- --dt-action-color-border-muted-outlined-default-l: 66.66666666666666%;
1311
+ --dt-action-color-border-muted-outlined-default-l: 100%;
1278
1312
  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l);
1279
1313
  --dt-action-color-border-muted-outlined-default-hsla: hsla(var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l) / var(--alpha, 100%));
1280
- --dt-action-color-border-muted-outlined-default: #AAAAAA;
1314
+ --dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
1281
1315
  --dt-theme-color-base-h: 329.7247706422018;
1282
1316
  --dt-theme-color-base-s: 80.74074074074072%;
1283
1317
  --dt-theme-color-base-l: 73.52941176470588%;
package/lib/dist/tokens/tokens-tmo-light.css CHANGED
@@ -837,7 +837,32 @@
837
837
  --dt-typography-code-sm-font-weight: 400; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
838
838
  --dt-typography-code-sm-line-height: 1.2; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
839
839
  --dt-typography-code-sm-font-size: 1.2rem; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
840
- --dt-typography-code-sm-text-case: none;
840
+ --dt-typography-code-sm-text-case: none; /* Smaller text size for monospace code, suitable for inline references or less prominent code examples. */
841
+ --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) */
842
+ --dt-typography-inputs-xs-font-weight: 400; /* Text style for extra small inputs (e.g. input and textarea) */
843
+ --dt-typography-inputs-xs-font-size: 1.2rem; /* Text style for extra small inputs (e.g. input and textarea) */
844
+ --dt-typography-inputs-xs-line-height: 1.2; /* Text style for extra small inputs (e.g. input and textarea) */
845
+ --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) */
846
+ --dt-typography-inputs-sm-font-weight: 400; /* Text style for small inputs (e.g. input and textarea) */
847
+ --dt-typography-inputs-sm-font-size: 1.2rem; /* Text style for small inputs (e.g. input and textarea) */
848
+ --dt-typography-inputs-sm-line-height: 1.2; /* Text style for small inputs (e.g. input and textarea) */
849
+ --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) */
850
+ --dt-typography-inputs-md-font-weight: 400; /* Text style for medium inputs (e.g. input and textarea) */
851
+ --dt-typography-inputs-md-font-size: 1.5rem; /* Text style for medium inputs (e.g. input and textarea) */
852
+ --dt-typography-inputs-md-line-height: 1.2; /* Text style for medium inputs (e.g. input and textarea) */
853
+ --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) */
854
+ --dt-typography-inputs-lg-font-weight: 400; /* Text style for large inputs (e.g. input and textarea) */
855
+ --dt-typography-inputs-lg-font-size: 1.9rem; /* Text style for large inputs (e.g. input and textarea) */
856
+ --dt-typography-inputs-lg-line-height: 1.2; /* Text style for large inputs (e.g. input and textarea) */
857
+ --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) */
858
+ --dt-typography-inputs-xl-font-weight: 400; /* Text style for extra large inputs (e.g. input and textarea) */
859
+ --dt-typography-inputs-xl-font-size: 2.7rem; /* Text style for extra large inputs (e.g. input and textarea) */
860
+ --dt-typography-inputs-xl-line-height: 1.2;
861
+ --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);
862
+ --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);
863
+ --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);
864
+ --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);
865
+ --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);
841
866
  --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);
842
867
  --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);
843
868
  --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 @@
868
893
  --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);
869
894
  --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);
870
895
  --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);
871
- --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. */
896
+ --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) */
872
897
  --dt-inputs-size-border-default: 0.15rem;
873
898
  --dt-inputs-size-border-status: 0.2rem;
874
899
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -876,12 +901,21 @@
876
901
  --dt-inputs-size-radius-md: 0.8rem;
877
902
  --dt-inputs-size-radius-lg: 1.2rem;
878
903
  --dt-inputs-size-radius-xl: 1.6rem;
879
- --dt-inputs-line-height-default: 1.2;
880
- --dt-inputs-font-size-xs: 1.2rem;
881
- --dt-inputs-font-size-sm: 1.2rem;
882
- --dt-inputs-font-size-md: 1.5rem;
883
- --dt-inputs-font-size-lg: 1.9rem;
884
- --dt-inputs-font-size-xl: 2.7rem;
904
+ --dt-inputs-line-height-xs: 1.2; /* Line height for extra small inputs (e.g. input and textarea) */
905
+ --dt-inputs-line-height-sm: 1.2; /* Line height for small inputs (e.g. input and textarea) */
906
+ --dt-inputs-line-height-md: 1.2; /* Line height for medium inputs (e.g. input and textarea) */
907
+ --dt-inputs-line-height-lg: 1.2; /* Line height for large inputs (e.g. input and textarea) */
908
+ --dt-inputs-line-height-xl: 1.2; /* Line height for extra large inputs (e.g. input and textarea) */
909
+ --dt-inputs-font-size-xs: 1.2rem; /* Font size for extra small inputs (e.g. input and textarea) */
910
+ --dt-inputs-font-size-sm: 1.2rem; /* Font size for small inputs (e.g. input and textarea) */
911
+ --dt-inputs-font-size-md: 1.5rem; /* Font size for medium inputs (e.g. input and textarea) */
912
+ --dt-inputs-font-size-lg: 1.9rem; /* Font size for large inputs (e.g. input and textarea) */
913
+ --dt-inputs-font-size-xl: 2.7rem; /* Font size for extra large inputs (e.g. input and textarea) */
914
+ --dt-inputs-font-weight-xs: 400; /* Font weight for extra small inputs (e.g. input and textarea) */
915
+ --dt-inputs-font-weight-sm: 400; /* Font weight for small inputs (e.g. input and textarea) */
916
+ --dt-inputs-font-weight-md: 400; /* Font weight for medium inputs (e.g. input and textarea) */
917
+ --dt-inputs-font-weight-lg: 400; /* Font weight for large inputs (e.g. input and textarea) */
918
+ --dt-inputs-font-weight-xl: 400; /* Font weight for extra large inputs (e.g. input and textarea) */
885
919
  --dt-inputs-color-foreground-default-h: 0;
886
920
  --dt-inputs-color-foreground-default-s: 0%;
887
921
  --dt-inputs-color-foreground-default-l: 22.745098039215687%;
@@ -1268,16 +1302,16 @@
1268
1302
  --dt-action-color-border-critical-outlined-default: #EC0E0E;
1269
1303
  --dt-action-color-border-inverted-outlined-default-h: 0;
1270
1304
  --dt-action-color-border-inverted-outlined-default-s: 0%;
1271
- --dt-action-color-border-inverted-outlined-default-l: 97.6470588235294%;
1305
+ --dt-action-color-border-inverted-outlined-default-l: 100%;
1272
1306
  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l);
1273
1307
  --dt-action-color-border-inverted-outlined-default-hsla: hsla(var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l) / var(--alpha, 100%));
1274
- --dt-action-color-border-inverted-outlined-default: #F9F9F9;
1308
+ --dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
1275
1309
  --dt-action-color-border-muted-outlined-default-h: 0;
1276
1310
  --dt-action-color-border-muted-outlined-default-s: 0%;
1277
- --dt-action-color-border-muted-outlined-default-l: 33.33333333333333%;
1311
+ --dt-action-color-border-muted-outlined-default-l: 0%;
1278
1312
  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l);
1279
1313
  --dt-action-color-border-muted-outlined-default-hsla: hsla(var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l) / var(--alpha, 100%));
1280
- --dt-action-color-border-muted-outlined-default: #555555;
1314
+ --dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
1281
1315
  --dt-theme-color-base-h: 329.20353982300884;
1282
1316
  --dt-theme-color-base-s: 100%;
1283
1317
  --dt-theme-color-base-l: 44.31372549019608%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-css",
3
- "version": "8.42.3",
3
+ "version": "8.43.0",
4
4
  "description": "Dialpad's design system",
5
5
  "keywords": [
6
6
  "Dialpad",
@@ -90,7 +90,7 @@
90
90
  "through2": "^4.0.2",
91
91
  "tinycolor2": "^1.6.0",
92
92
  "yargs": "^17.7.2",
93
- "@dialpad/dialtone-tokens": "1.34.1"
93
+ "@dialpad/dialtone-tokens": "1.36.0"
94
94
  },
95
95
  "peerDependencies": {
96
96
  "chalk": "^5.2.0",