@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
  1. package/dist/css/dialtone-default-theme.css +518 -369
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +430 -361
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/css/tokens/tokens-base-dark.css +1 -0
  6. package/dist/css/tokens/tokens-base-light.css +1 -0
  7. package/dist/css/tokens/tokens-dp-dark.css +87 -8
  8. package/dist/css/tokens/tokens-dp-light.css +87 -8
  9. package/dist/css/tokens/tokens-expressive-dark.css +41 -7
  10. package/dist/css/tokens/tokens-expressive-light.css +41 -7
  11. package/dist/css/tokens/tokens-expressive-sm-dark.css +41 -7
  12. package/dist/css/tokens/tokens-expressive-sm-light.css +41 -7
  13. package/dist/css/tokens/tokens-tmo-dark.css +42 -8
  14. package/dist/css/tokens/tokens-tmo-light.css +42 -8
  15. package/dist/tokens/css/tokens-base-dark.css +1 -0
  16. package/dist/tokens/css/tokens-base-light.css +1 -0
  17. package/dist/tokens/css/tokens-dp-dark.css +87 -8
  18. package/dist/tokens/css/tokens-dp-light.css +87 -8
  19. package/dist/tokens/css/tokens-expressive-dark.css +41 -7
  20. package/dist/tokens/css/tokens-expressive-light.css +41 -7
  21. package/dist/tokens/css/tokens-expressive-sm-dark.css +41 -7
  22. package/dist/tokens/css/tokens-expressive-sm-light.css +41 -7
  23. package/dist/tokens/css/tokens-tmo-dark.css +42 -8
  24. package/dist/tokens/css/tokens-tmo-light.css +42 -8
  25. package/dist/tokens/doc.json +28026 -18988
  26. package/dist/tokens/less/tokens-base-dark.less +1 -0
  27. package/dist/tokens/less/tokens-base-light.less +1 -0
  28. package/dist/tokens/less/tokens-dp-dark.less +75 -6
  29. package/dist/tokens/less/tokens-dp-light.less +75 -6
  30. package/dist/tokens/less/tokens-expressive-dark.less +34 -5
  31. package/dist/tokens/less/tokens-expressive-light.less +34 -5
  32. package/dist/tokens/less/tokens-expressive-sm-dark.less +34 -5
  33. package/dist/tokens/less/tokens-expressive-sm-light.less +34 -5
  34. package/dist/tokens/less/tokens-tmo-dark.less +35 -6
  35. package/dist/tokens/less/tokens-tmo-light.less +35 -6
  36. package/dist/tokens/themes/chunks/tokens-base-dark-BEsKKfTV.js +4 -0
  37. package/dist/tokens/themes/chunks/tokens-base-dark-Bxzti7ig.js +1 -0
  38. package/dist/tokens/themes/chunks/tokens-base-light-DV0xl0Dv.js +1 -0
  39. package/dist/tokens/themes/chunks/tokens-base-light-jdZ77WhZ.js +4 -0
  40. package/dist/tokens/themes/dp-dark.cjs +1 -1
  41. package/dist/tokens/themes/dp-dark.js +5 -5
  42. package/dist/tokens/themes/dp-light.cjs +1 -1
  43. package/dist/tokens/themes/dp-light.js +5 -5
  44. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  45. package/dist/tokens/themes/expressive-dark.js +2 -2
  46. package/dist/tokens/themes/expressive-light.cjs +1 -1
  47. package/dist/tokens/themes/expressive-light.js +4 -4
  48. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  49. package/dist/tokens/themes/expressive-sm-dark.js +2 -2
  50. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  51. package/dist/tokens/themes/expressive-sm-light.js +4 -4
  52. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  53. package/dist/tokens/themes/tmo-dark.js +4 -4
  54. package/dist/tokens/themes/tmo-light.cjs +1 -1
  55. package/dist/tokens/themes/tmo-light.js +4 -4
  56. package/dist/tokens/tokens-base-dark.json +1 -0
  57. package/dist/tokens/tokens-base-light.json +1 -0
  58. package/dist/tokens/tokens-dp-dark.json +70 -1
  59. package/dist/tokens/tokens-dp-light.json +70 -1
  60. package/dist/tokens/tokens-expressive-dark.json +30 -1
  61. package/dist/tokens/tokens-expressive-light.json +30 -1
  62. package/dist/tokens/tokens-expressive-sm-dark.json +30 -1
  63. package/dist/tokens/tokens-expressive-sm-light.json +30 -1
  64. package/dist/tokens/tokens-tmo-dark.json +30 -1
  65. package/dist/tokens/tokens-tmo-light.json +30 -1
  66. package/dist/vue2/components/emoji_picker/modules/emoji_search.vue.cjs +3 -3
  67. package/dist/vue2/components/emoji_picker/modules/emoji_search.vue.cjs.map +1 -1
  68. package/dist/vue2/components/emoji_picker/modules/emoji_search.vue.js +3 -3
  69. package/dist/vue2/components/emoji_picker/modules/emoji_search.vue.js.map +1 -1
  70. package/dist/vue2/components/emoji_picker/modules/emoji_tabset.vue.cjs +1 -1
  71. package/dist/vue2/components/emoji_picker/modules/emoji_tabset.vue.cjs.map +1 -1
  72. package/dist/vue2/components/emoji_picker/modules/emoji_tabset.vue.js +1 -1
  73. package/dist/vue2/components/emoji_picker/modules/emoji_tabset.vue.js.map +1 -1
  74. package/dist/vue3/components/emoji_picker/modules/emoji_search.vue.cjs +4 -1
  75. package/dist/vue3/components/emoji_picker/modules/emoji_search.vue.cjs.map +1 -1
  76. package/dist/vue3/components/emoji_picker/modules/emoji_search.vue.js +4 -1
  77. package/dist/vue3/components/emoji_picker/modules/emoji_search.vue.js.map +1 -1
  78. package/dist/vue3/components/emoji_picker/modules/emoji_tabset.vue.cjs +1 -0
  79. package/dist/vue3/components/emoji_picker/modules/emoji_tabset.vue.cjs.map +1 -1
  80. package/dist/vue3/components/emoji_picker/modules/emoji_tabset.vue.js +1 -0
  81. package/dist/vue3/components/emoji_picker/modules/emoji_tabset.vue.js.map +1 -1
  82. package/package.json +4 -4
  83. package/dist/tokens/themes/chunks/tokens-base-dark-C_VClg5s.js +0 -4
  84. package/dist/tokens/themes/chunks/tokens-base-dark-CsflOADh.js +0 -1
  85. package/dist/tokens/themes/chunks/tokens-base-light-9TN2mC0P.js +0 -4
  86. package/dist/tokens/themes/chunks/tokens-base-light-Bg9yNmR_.js +0 -1
package/dist/css/tokens/tokens-base-dark.css CHANGED
@@ -138,6 +138,7 @@
138
138
  --dt-size-radius-200: 0.2rem;
139
139
  --dt-size-radius-300: 0.4rem;
140
140
  --dt-size-radius-400: 0.8rem;
141
+ --dt-size-radius-450: 1.2rem;
141
142
  --dt-size-radius-500: 1.6rem;
142
143
  --dt-size-radius-600: 3.2rem;
143
144
  --dt-size-radius-pill: 10.2rem;
package/dist/css/tokens/tokens-base-light.css CHANGED
@@ -138,6 +138,7 @@
138
138
  --dt-size-radius-200: 0.2rem;
139
139
  --dt-size-radius-300: 0.4rem;
140
140
  --dt-size-radius-400: 0.8rem;
141
+ --dt-size-radius-450: 1.2rem;
141
142
  --dt-size-radius-500: 1.6rem;
142
143
  --dt-size-radius-600: 3.2rem;
143
144
  --dt-size-radius-pill: 10.2rem;
package/dist/css/tokens/tokens-dp-dark.css CHANGED
@@ -837,7 +837,57 @@
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; /* Text style for extra large inputs (e.g. input and textarea) */
861
+ --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 */
862
+ --dt-typography-button-xs-font-weight: 500; /* Text style for extra small button */
863
+ --dt-typography-button-xs-font-size: 1.2rem; /* Text style for extra small button */
864
+ --dt-typography-button-xs-line-height: 1.2; /* Text style for extra small button */
865
+ --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 */
866
+ --dt-typography-button-sm-font-weight: 500; /* Text style for small button */
867
+ --dt-typography-button-sm-font-size: 1.2rem; /* Text style for small button */
868
+ --dt-typography-button-sm-line-height: 1.2; /* Text style for small button */
869
+ --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 */
870
+ --dt-typography-button-md-font-weight: 500; /* Text style for medium button */
871
+ --dt-typography-button-md-font-size: 1.5rem; /* Text style for medium button */
872
+ --dt-typography-button-md-line-height: 1.2; /* Text style for medium button */
873
+ --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 */
874
+ --dt-typography-button-lg-font-weight: 500; /* Text style for large button */
875
+ --dt-typography-button-lg-font-size: 1.9rem; /* Text style for large button */
876
+ --dt-typography-button-lg-line-height: 1.2; /* Text style for large button */
877
+ --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 */
878
+ --dt-typography-button-xl-font-weight: 400; /* Text style for extra large button */
879
+ --dt-typography-button-xl-font-size: 2.7rem; /* Text style for extra large button */
880
+ --dt-typography-button-xl-line-height: 1.2;
881
+ --dt-typography-button-xl: var(--dt-typography-button-xl-font-weight) var(--dt-typography-button-xl-font-size)/var(--dt-typography-button-xl-line-height) var(--dt-typography-button-xl-font-family);
882
+ --dt-typography-button-lg: var(--dt-typography-button-lg-font-weight) var(--dt-typography-button-lg-font-size)/var(--dt-typography-button-lg-line-height) var(--dt-typography-button-lg-font-family);
883
+ --dt-typography-button-md: var(--dt-typography-button-md-font-weight) var(--dt-typography-button-md-font-size)/var(--dt-typography-button-md-line-height) var(--dt-typography-button-md-font-family);
884
+ --dt-typography-button-sm: var(--dt-typography-button-sm-font-weight) var(--dt-typography-button-sm-font-size)/var(--dt-typography-button-sm-line-height) var(--dt-typography-button-sm-font-family);
885
+ --dt-typography-button-xs: var(--dt-typography-button-xs-font-weight) var(--dt-typography-button-xs-font-size)/var(--dt-typography-button-xs-line-height) var(--dt-typography-button-xs-font-family);
886
+ --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);
887
+ --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);
888
+ --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);
889
+ --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);
890
+ --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
891
  --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
892
  --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
893
  --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 +918,7 @@
868
918
  --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
919
  --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
920
  --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. */
921
+ --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 button */
872
922
  --dt-inputs-size-border-default: 0.15rem;
873
923
  --dt-inputs-size-border-status: 0.2rem;
874
924
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -876,12 +926,21 @@
876
926
  --dt-inputs-size-radius-md: 0.8rem;
877
927
  --dt-inputs-size-radius-lg: 1.2rem;
878
928
  --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;
929
+ --dt-inputs-line-height-xs: 1.2; /* Line height for extra small inputs (e.g. input and textarea) */
930
+ --dt-inputs-line-height-sm: 1.2; /* Line height for small inputs (e.g. input and textarea) */
931
+ --dt-inputs-line-height-md: 1.2; /* Line height for medium inputs (e.g. input and textarea) */
932
+ --dt-inputs-line-height-lg: 1.2; /* Line height for large inputs (e.g. input and textarea) */
933
+ --dt-inputs-line-height-xl: 1.2; /* Line height for extra large inputs (e.g. input and textarea) */
934
+ --dt-inputs-font-size-xs: 1.2rem; /* Font size for extra small inputs (e.g. input and textarea) */
935
+ --dt-inputs-font-size-sm: 1.2rem; /* Font size for small inputs (e.g. input and textarea) */
936
+ --dt-inputs-font-size-md: 1.5rem; /* Font size for medium inputs (e.g. input and textarea) */
937
+ --dt-inputs-font-size-lg: 1.9rem; /* Font size for large inputs (e.g. input and textarea) */
938
+ --dt-inputs-font-size-xl: 2.7rem; /* Font size for extra large inputs (e.g. input and textarea) */
939
+ --dt-inputs-font-weight-xs: 400; /* Font weight for extra small inputs (e.g. input and textarea) */
940
+ --dt-inputs-font-weight-sm: 400; /* Font weight for small inputs (e.g. input and textarea) */
941
+ --dt-inputs-font-weight-md: 400; /* Font weight for medium inputs (e.g. input and textarea) */
942
+ --dt-inputs-font-weight-lg: 400; /* Font weight for large inputs (e.g. input and textarea) */
943
+ --dt-inputs-font-weight-xl: 400; /* Font weight for extra large inputs (e.g. input and textarea) */
885
944
  --dt-inputs-color-foreground-default-h: 0;
886
945
  --dt-inputs-color-foreground-default-s: 0%;
887
946
  --dt-inputs-color-foreground-default-l: 90.19607843137256%;
@@ -1716,6 +1775,26 @@
1716
1775
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
1717
1776
  --dt-badge-color-border-bulletin-subtle-hsla: hsla(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 100%));
1718
1777
  --dt-badge-color-border-bulletin-subtle: hsl(261 100% 74.7% / 0.6);
1778
+ --dt-button-font-size-xs: 1.2rem; /* Extra small Button text size */
1779
+ --dt-button-font-size-sm: 1.2rem; /* Small Button text size */
1780
+ --dt-button-font-size-md: 1.5rem; /* Medium Button text size */
1781
+ --dt-button-font-size-lg: 1.9rem; /* Large Button text size */
1782
+ --dt-button-font-size-xl: 2.7rem; /* Extra large Button text size */
1783
+ --dt-button-font-weight-xs: 500; /* Font weight for XS button */
1784
+ --dt-button-font-weight-sm: 500; /* Font weight for SM button */
1785
+ --dt-button-font-weight-md: 500; /* Font weight for MD button */
1786
+ --dt-button-font-weight-lg: 500; /* Font weight for LG button */
1787
+ --dt-button-font-weight-xl: 400; /* Font weight for XL button */
1788
+ --dt-button-line-height-xs: 1.2; /* Line-height for XS button */
1789
+ --dt-button-line-height-sm: 1.2; /* Line-height for SM button */
1790
+ --dt-button-line-height-md: 1.2; /* Line-height for MD button */
1791
+ --dt-button-line-height-lg: 1.2; /* Line-height for LG button */
1792
+ --dt-button-line-height-xl: 1.2; /* Line-height for XL button */
1793
+ --dt-button-size-radius-xs: 0.4rem; /* Border radius for extra small button */
1794
+ --dt-button-size-radius-sm: 0.8rem; /* Border radius for small button */
1795
+ --dt-button-size-radius-md: 0.8rem; /* Border radius for medium button. */
1796
+ --dt-button-size-radius-lg: 1.2rem; /* Border radius for large button. */
1797
+ --dt-button-size-radius-xl: 1.6rem; /* Border radius for extra large button. */
1719
1798
  --dt-checkbox-size-width: 1.6rem;
1720
1799
  --dt-checkbox-size-height: 1.6rem;
1721
1800
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/tokens/tokens-dp-light.css CHANGED
@@ -837,7 +837,57 @@
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; /* Text style for extra large inputs (e.g. input and textarea) */
861
+ --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 */
862
+ --dt-typography-button-xs-font-weight: 500; /* Text style for extra small button */
863
+ --dt-typography-button-xs-font-size: 1.2rem; /* Text style for extra small button */
864
+ --dt-typography-button-xs-line-height: 1.2; /* Text style for extra small button */
865
+ --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 */
866
+ --dt-typography-button-sm-font-weight: 500; /* Text style for small button */
867
+ --dt-typography-button-sm-font-size: 1.2rem; /* Text style for small button */
868
+ --dt-typography-button-sm-line-height: 1.2; /* Text style for small button */
869
+ --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 */
870
+ --dt-typography-button-md-font-weight: 500; /* Text style for medium button */
871
+ --dt-typography-button-md-font-size: 1.5rem; /* Text style for medium button */
872
+ --dt-typography-button-md-line-height: 1.2; /* Text style for medium button */
873
+ --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 */
874
+ --dt-typography-button-lg-font-weight: 500; /* Text style for large button */
875
+ --dt-typography-button-lg-font-size: 1.9rem; /* Text style for large button */
876
+ --dt-typography-button-lg-line-height: 1.2; /* Text style for large button */
877
+ --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 */
878
+ --dt-typography-button-xl-font-weight: 400; /* Text style for extra large button */
879
+ --dt-typography-button-xl-font-size: 2.7rem; /* Text style for extra large button */
880
+ --dt-typography-button-xl-line-height: 1.2;
881
+ --dt-typography-button-xl: var(--dt-typography-button-xl-font-weight) var(--dt-typography-button-xl-font-size)/var(--dt-typography-button-xl-line-height) var(--dt-typography-button-xl-font-family);
882
+ --dt-typography-button-lg: var(--dt-typography-button-lg-font-weight) var(--dt-typography-button-lg-font-size)/var(--dt-typography-button-lg-line-height) var(--dt-typography-button-lg-font-family);
883
+ --dt-typography-button-md: var(--dt-typography-button-md-font-weight) var(--dt-typography-button-md-font-size)/var(--dt-typography-button-md-line-height) var(--dt-typography-button-md-font-family);
884
+ --dt-typography-button-sm: var(--dt-typography-button-sm-font-weight) var(--dt-typography-button-sm-font-size)/var(--dt-typography-button-sm-line-height) var(--dt-typography-button-sm-font-family);
885
+ --dt-typography-button-xs: var(--dt-typography-button-xs-font-weight) var(--dt-typography-button-xs-font-size)/var(--dt-typography-button-xs-line-height) var(--dt-typography-button-xs-font-family);
886
+ --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);
887
+ --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);
888
+ --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);
889
+ --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);
890
+ --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
891
  --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
892
  --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
893
  --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 +918,7 @@
868
918
  --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
919
  --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
920
  --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. */
921
+ --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 button */
872
922
  --dt-inputs-size-border-default: 0.15rem;
873
923
  --dt-inputs-size-border-status: 0.2rem;
874
924
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -876,12 +926,21 @@
876
926
  --dt-inputs-size-radius-md: 0.8rem;
877
927
  --dt-inputs-size-radius-lg: 1.2rem;
878
928
  --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;
929
+ --dt-inputs-line-height-xs: 1.2; /* Line height for extra small inputs (e.g. input and textarea) */
930
+ --dt-inputs-line-height-sm: 1.2; /* Line height for small inputs (e.g. input and textarea) */
931
+ --dt-inputs-line-height-md: 1.2; /* Line height for medium inputs (e.g. input and textarea) */
932
+ --dt-inputs-line-height-lg: 1.2; /* Line height for large inputs (e.g. input and textarea) */
933
+ --dt-inputs-line-height-xl: 1.2; /* Line height for extra large inputs (e.g. input and textarea) */
934
+ --dt-inputs-font-size-xs: 1.2rem; /* Font size for extra small inputs (e.g. input and textarea) */
935
+ --dt-inputs-font-size-sm: 1.2rem; /* Font size for small inputs (e.g. input and textarea) */
936
+ --dt-inputs-font-size-md: 1.5rem; /* Font size for medium inputs (e.g. input and textarea) */
937
+ --dt-inputs-font-size-lg: 1.9rem; /* Font size for large inputs (e.g. input and textarea) */
938
+ --dt-inputs-font-size-xl: 2.7rem; /* Font size for extra large inputs (e.g. input and textarea) */
939
+ --dt-inputs-font-weight-xs: 400; /* Font weight for extra small inputs (e.g. input and textarea) */
940
+ --dt-inputs-font-weight-sm: 400; /* Font weight for small inputs (e.g. input and textarea) */
941
+ --dt-inputs-font-weight-md: 400; /* Font weight for medium inputs (e.g. input and textarea) */
942
+ --dt-inputs-font-weight-lg: 400; /* Font weight for large inputs (e.g. input and textarea) */
943
+ --dt-inputs-font-weight-xl: 400; /* Font weight for extra large inputs (e.g. input and textarea) */
885
944
  --dt-inputs-color-foreground-default-h: 0;
886
945
  --dt-inputs-color-foreground-default-s: 0%;
887
946
  --dt-inputs-color-foreground-default-l: 22.745098039215687%;
@@ -1716,6 +1775,26 @@
1716
1775
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
1717
1776
  --dt-badge-color-border-bulletin-subtle-hsla: hsla(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 100%));
1718
1777
  --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
1778
+ --dt-button-font-size-xs: 1.2rem; /* Extra small Button text size */
1779
+ --dt-button-font-size-sm: 1.2rem; /* Small Button text size */
1780
+ --dt-button-font-size-md: 1.5rem; /* Medium Button text size */
1781
+ --dt-button-font-size-lg: 1.9rem; /* Large Button text size */
1782
+ --dt-button-font-size-xl: 2.7rem; /* Extra large Button text size */
1783
+ --dt-button-font-weight-xs: 500; /* Font weight for XS button */
1784
+ --dt-button-font-weight-sm: 500; /* Font weight for SM button */
1785
+ --dt-button-font-weight-md: 500; /* Font weight for MD button */
1786
+ --dt-button-font-weight-lg: 500; /* Font weight for LG button */
1787
+ --dt-button-font-weight-xl: 400; /* Font weight for XL button */
1788
+ --dt-button-line-height-xs: 1.2; /* Line-height for XS button */
1789
+ --dt-button-line-height-sm: 1.2; /* Line-height for SM button */
1790
+ --dt-button-line-height-md: 1.2; /* Line-height for MD button */
1791
+ --dt-button-line-height-lg: 1.2; /* Line-height for LG button */
1792
+ --dt-button-line-height-xl: 1.2; /* Line-height for XL button */
1793
+ --dt-button-size-radius-xs: 0.4rem; /* Border radius for extra small button */
1794
+ --dt-button-size-radius-sm: 0.8rem; /* Border radius for small button */
1795
+ --dt-button-size-radius-md: 0.8rem; /* Border radius for medium button. */
1796
+ --dt-button-size-radius-lg: 1.2rem; /* Border radius for large button. */
1797
+ --dt-button-size-radius-xl: 1.6rem; /* Border radius for extra large button. */
1719
1798
  --dt-checkbox-size-width: 1.6rem;
1720
1799
  --dt-checkbox-size-height: 1.6rem;
1721
1800
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/tokens/tokens-expressive-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.6rem; /* 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.6rem; /* 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.6rem; /* 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: 2rem; /* 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: 2.8rem; /* 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.6rem; /* 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.6rem;
887
- --dt-inputs-font-size-sm: 1.6rem;
888
- --dt-inputs-font-size-md: 2rem;
889
- --dt-inputs-font-size-lg: 2.8rem;
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.6rem; /* Font size for extra small inputs (e.g. input and textarea) */
916
+ --dt-inputs-font-size-sm: 1.6rem; /* Font size for small inputs (e.g. input and textarea) */
917
+ --dt-inputs-font-size-md: 2rem; /* Font size for medium inputs (e.g. input and textarea) */
918
+ --dt-inputs-font-size-lg: 2.8rem; /* Font size for large inputs (e.g. input and textarea) */
890
919
  --dt-inputs-font-size-xl: 1.6rem;
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%;
package/dist/css/tokens/tokens-expressive-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.6rem; /* 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.6rem; /* 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.6rem; /* 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: 2rem; /* 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: 2.8rem; /* 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.6rem; /* 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.6rem;
887
- --dt-inputs-font-size-sm: 1.6rem;
888
- --dt-inputs-font-size-md: 2rem;
889
- --dt-inputs-font-size-lg: 2.8rem;
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.6rem; /* Font size for extra small inputs (e.g. input and textarea) */
916
+ --dt-inputs-font-size-sm: 1.6rem; /* Font size for small inputs (e.g. input and textarea) */
917
+ --dt-inputs-font-size-md: 2rem; /* Font size for medium inputs (e.g. input and textarea) */
918
+ --dt-inputs-font-size-lg: 2.8rem; /* Font size for large inputs (e.g. input and textarea) */
890
919
  --dt-inputs-font-size-xl: 1.6rem;
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%;
package/dist/css/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%;
package/dist/css/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%;