@dialpad/dialtone-tokens 1.33.0 → 1.34.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 (56) hide show
  1. package/dist/android/java/tokens-dp-dark.kt +2 -0
  2. package/dist/android/java/tokens-dp-light.kt +2 -0
  3. package/dist/android/java/tokens-expressive-dark.kt +2 -0
  4. package/dist/android/java/tokens-expressive-light.kt +2 -0
  5. package/dist/android/java/tokens-expressive-sm-dark.kt +2 -0
  6. package/dist/android/java/tokens-expressive-sm-light.kt +2 -0
  7. package/dist/android/java/tokens-tmo-dark.kt +2 -0
  8. package/dist/android/java/tokens-tmo-light.kt +2 -0
  9. package/dist/android/res/values/colors-dp-dark.xml +2 -0
  10. package/dist/android/res/values/colors-dp-light.xml +2 -0
  11. package/dist/android/res/values/colors-expressive-dark.xml +2 -0
  12. package/dist/android/res/values/colors-expressive-light.xml +2 -0
  13. package/dist/android/res/values/colors-expressive-sm-dark.xml +2 -0
  14. package/dist/android/res/values/colors-expressive-sm-light.xml +2 -0
  15. package/dist/android/res/values/colors-tmo-dark.xml +2 -0
  16. package/dist/android/res/values/colors-tmo-light.xml +2 -0
  17. package/dist/css/tokens-base-dark.css +5 -5
  18. package/dist/css/tokens-base-light.css +5 -5
  19. package/dist/css/tokens-dp-dark.css +56 -44
  20. package/dist/css/tokens-dp-light.css +56 -44
  21. package/dist/css/tokens-expressive-dark.css +62 -50
  22. package/dist/css/tokens-expressive-light.css +62 -50
  23. package/dist/css/tokens-expressive-sm-dark.css +62 -50
  24. package/dist/css/tokens-expressive-sm-light.css +62 -50
  25. package/dist/css/tokens-tmo-dark.css +56 -44
  26. package/dist/css/tokens-tmo-light.css +56 -44
  27. package/dist/doc.json +18838 -18486
  28. package/dist/ios/tokens-dp-dark.swift +2 -0
  29. package/dist/ios/tokens-dp-light.swift +2 -0
  30. package/dist/ios/tokens-expressive-dark.swift +2 -0
  31. package/dist/ios/tokens-expressive-light.swift +2 -0
  32. package/dist/ios/tokens-expressive-sm-dark.swift +2 -0
  33. package/dist/ios/tokens-expressive-sm-light.swift +2 -0
  34. package/dist/ios/tokens-tmo-dark.swift +2 -0
  35. package/dist/ios/tokens-tmo-light.swift +2 -0
  36. package/dist/less/tokens-base-dark.less +5 -5
  37. package/dist/less/tokens-base-light.less +5 -5
  38. package/dist/less/tokens-dp-dark.less +46 -44
  39. package/dist/less/tokens-dp-light.less +46 -44
  40. package/dist/less/tokens-expressive-dark.less +52 -50
  41. package/dist/less/tokens-expressive-light.less +52 -50
  42. package/dist/less/tokens-expressive-sm-dark.less +52 -50
  43. package/dist/less/tokens-expressive-sm-light.less +52 -50
  44. package/dist/less/tokens-tmo-dark.less +46 -44
  45. package/dist/less/tokens-tmo-light.less +46 -44
  46. package/dist/tokens-base-dark.json +5 -5
  47. package/dist/tokens-base-light.json +5 -5
  48. package/dist/tokens-dp-dark.json +46 -44
  49. package/dist/tokens-dp-light.json +46 -44
  50. package/dist/tokens-expressive-dark.json +52 -50
  51. package/dist/tokens-expressive-light.json +52 -50
  52. package/dist/tokens-expressive-sm-dark.json +52 -50
  53. package/dist/tokens-expressive-sm-light.json +52 -50
  54. package/dist/tokens-tmo-dark.json +46 -44
  55. package/dist/tokens-tmo-light.json +46 -44
  56. package/package.json +1 -1
package/dist/less/tokens-dp-light.less CHANGED
@@ -118,157 +118,157 @@
118
118
  @dt-typography-body-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"; // Base default medium text style for main content.
119
119
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
120
120
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
121
- @dt-typography-body-md-font-size: 15px; // Base default medium text style for main content.
121
+ @dt-typography-body-md-font-size: 1.5rem; // Base default medium text style for main content.
122
122
  @dt-typography-body-md-text-case: none; // Base default medium text style for main content.
123
123
  @dt-typography-body-md-compact-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"; // A tighter-spaced version of medium body style.
124
124
  @dt-typography-body-md-compact-font-weight: 400; // A tighter-spaced version of medium body style.
125
125
  @dt-typography-body-md-compact-line-height: 1.4; // A tighter-spaced version of medium body style.
126
- @dt-typography-body-md-compact-font-size: 15px; // A tighter-spaced version of medium body style.
126
+ @dt-typography-body-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium body style.
127
127
  @dt-typography-body-md-compact-text-case: none; // A tighter-spaced version of medium body style.
128
128
  @dt-typography-body-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"; // Reduced small text style for less prominent or adjacent content.
129
129
  @dt-typography-body-sm-font-weight: 400; // Reduced small text style for less prominent or adjacent content.
130
130
  @dt-typography-body-sm-line-height: 1.4; // Reduced small text style for less prominent or adjacent content.
131
- @dt-typography-body-sm-font-size: 12px; // Reduced small text style for less prominent or adjacent content.
131
+ @dt-typography-body-sm-font-size: 1.2rem; // Reduced small text style for less prominent or adjacent content.
132
132
  @dt-typography-body-sm-text-case: none; // Reduced small text style for less prominent or adjacent content.
133
133
  @dt-typography-body-sm-compact-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"; // A tighter-spaced version of small body style.
134
134
  @dt-typography-body-sm-compact-font-weight: 400; // A tighter-spaced version of small body style.
135
135
  @dt-typography-body-sm-compact-line-height: 1.2; // A tighter-spaced version of small body style.
136
- @dt-typography-body-sm-compact-font-size: 12px; // A tighter-spaced version of small body style.
136
+ @dt-typography-body-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small body style.
137
137
  @dt-typography-body-sm-compact-text-case: none; // A tighter-spaced version of small body style.
138
138
  @dt-typography-headline-eyebrow-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"; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
139
139
  @dt-typography-headline-eyebrow-font-weight: 400; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
140
140
  @dt-typography-headline-eyebrow-line-height: 1.4; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
141
- @dt-typography-headline-eyebrow-font-size: 12px; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
141
+ @dt-typography-headline-eyebrow-font-size: 1.2rem; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
142
142
  @dt-typography-headline-eyebrow-text-case: uppercase; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
143
143
  @dt-typography-headline-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"; // Smaller text size for secondary information or subheadings.
144
144
  @dt-typography-headline-sm-font-weight: 700; // Smaller text size for secondary information or subheadings.
145
145
  @dt-typography-headline-sm-line-height: 1.4; // Smaller text size for secondary information or subheadings.
146
- @dt-typography-headline-sm-font-size: 12px; // Smaller text size for secondary information or subheadings.
146
+ @dt-typography-headline-sm-font-size: 1.2rem; // Smaller text size for secondary information or subheadings.
147
147
  @dt-typography-headline-sm-text-case: none; // Smaller text size for secondary information or subheadings.
148
148
  @dt-typography-headline-sm-compact-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"; // A tighter-spaced version of small headline style.
149
149
  @dt-typography-headline-sm-compact-font-weight: 700; // A tighter-spaced version of small headline style.
150
150
  @dt-typography-headline-sm-compact-line-height: 1.2; // A tighter-spaced version of small headline style.
151
- @dt-typography-headline-sm-compact-font-size: 12px; // A tighter-spaced version of small headline style.
151
+ @dt-typography-headline-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small headline style.
152
152
  @dt-typography-headline-sm-compact-text-case: none; // A tighter-spaced version of small headline style.
153
153
  @dt-typography-headline-sm-soft-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"; // A softer font weight version of small headline style.
154
154
  @dt-typography-headline-sm-soft-font-weight: 500; // A softer font weight version of small headline style.
155
155
  @dt-typography-headline-sm-soft-line-height: 1.4; // A softer font weight version of small headline style.
156
- @dt-typography-headline-sm-soft-font-size: 12px; // A softer font weight version of small headline style.
156
+ @dt-typography-headline-sm-soft-font-size: 1.2rem; // A softer font weight version of small headline style.
157
157
  @dt-typography-headline-sm-soft-text-case: none; // A softer font weight version of small headline style.
158
158
  @dt-typography-headline-sm-soft-compact-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"; // A softer font weight, tighter-spaced version of small headline style.
159
159
  @dt-typography-headline-sm-soft-compact-font-weight: 500; // A softer font weight, tighter-spaced version of small headline style.
160
160
  @dt-typography-headline-sm-soft-compact-line-height: 1.2; // A softer font weight, tighter-spaced version of small headline style.
161
- @dt-typography-headline-sm-soft-compact-font-size: 12px; // A softer font weight, tighter-spaced version of small headline style.
161
+ @dt-typography-headline-sm-soft-compact-font-size: 1.2rem; // A softer font weight, tighter-spaced version of small headline style.
162
162
  @dt-typography-headline-sm-soft-compact-text-case: none; // A softer font weight, tighter-spaced version of small headline style.
163
163
  @dt-typography-headline-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"; // Medium-sized base text style for headlines.
164
164
  @dt-typography-headline-md-font-weight: 700; // Medium-sized base text style for headlines.
165
165
  @dt-typography-headline-md-line-height: 1.6; // Medium-sized base text style for headlines.
166
- @dt-typography-headline-md-font-size: 15px; // Medium-sized base text style for headlines.
166
+ @dt-typography-headline-md-font-size: 1.5rem; // Medium-sized base text style for headlines.
167
167
  @dt-typography-headline-md-text-case: none; // Medium-sized base text style for headlines.
168
168
  @dt-typography-headline-md-compact-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"; // A tighter-spaced version of medium headline style.
169
169
  @dt-typography-headline-md-compact-font-weight: 700; // A tighter-spaced version of medium headline style.
170
170
  @dt-typography-headline-md-compact-line-height: 1.4; // A tighter-spaced version of medium headline style.
171
- @dt-typography-headline-md-compact-font-size: 15px; // A tighter-spaced version of medium headline style.
171
+ @dt-typography-headline-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium headline style.
172
172
  @dt-typography-headline-md-compact-text-case: none; // A tighter-spaced version of medium headline style.
173
173
  @dt-typography-headline-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"; // Large text style for headlines to attract attention.
174
174
  @dt-typography-headline-lg-font-weight: 700; // Large text style for headlines to attract attention.
175
175
  @dt-typography-headline-lg-line-height: 1.6; // Large text style for headlines to attract attention.
176
- @dt-typography-headline-lg-font-size: 19px; // Large text style for headlines to attract attention.
176
+ @dt-typography-headline-lg-font-size: 1.9rem; // Large text style for headlines to attract attention.
177
177
  @dt-typography-headline-lg-text-case: none; // Large text style for headlines to attract attention.
178
178
  @dt-typography-headline-lg-soft-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"; // A softer font weight version of large headline style.
179
179
  @dt-typography-headline-lg-soft-font-weight: 500; // A softer font weight version of large headline style.
180
180
  @dt-typography-headline-lg-soft-line-height: 1.6; // A softer font weight version of large headline style.
181
- @dt-typography-headline-lg-soft-font-size: 19px; // A softer font weight version of large headline style.
181
+ @dt-typography-headline-lg-soft-font-size: 1.9rem; // A softer font weight version of large headline style.
182
182
  @dt-typography-headline-lg-soft-text-case: none; // A softer font weight version of large headline style.
183
183
  @dt-typography-headline-lg-compact-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"; // A tighter-spaced version of large body style.
184
184
  @dt-typography-headline-lg-compact-font-weight: 700; // A tighter-spaced version of large body style.
185
185
  @dt-typography-headline-lg-compact-line-height: 1.2; // A tighter-spaced version of large body style.
186
- @dt-typography-headline-lg-compact-font-size: 19px; // A tighter-spaced version of large body style.
186
+ @dt-typography-headline-lg-compact-font-size: 1.9rem; // A tighter-spaced version of large body style.
187
187
  @dt-typography-headline-lg-compact-text-case: none; // A tighter-spaced version of large body style.
188
188
  @dt-typography-headline-lg-soft-compact-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"; // A softer font weight, tighter spaced version of large headline style.
189
189
  @dt-typography-headline-lg-soft-compact-font-weight: 500; // A softer font weight, tighter spaced version of large headline style.
190
190
  @dt-typography-headline-lg-soft-compact-line-height: 1.2; // A softer font weight, tighter spaced version of large headline style.
191
- @dt-typography-headline-lg-soft-compact-font-size: 19px; // A softer font weight, tighter spaced version of large headline style.
191
+ @dt-typography-headline-lg-soft-compact-font-size: 1.9rem; // A softer font weight, tighter spaced version of large headline style.
192
192
  @dt-typography-headline-lg-soft-compact-text-case: none; // A softer font weight, tighter spaced version of large headline style.
193
193
  @dt-typography-headline-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"; // Extra large text style for high importance headlines.
194
194
  @dt-typography-headline-xl-font-weight: 500; // Extra large text style for high importance headlines.
195
195
  @dt-typography-headline-xl-line-height: 1.2; // Extra large text style for high importance headlines.
196
- @dt-typography-headline-xl-font-size: 27px; // Extra large text style for high importance headlines.
196
+ @dt-typography-headline-xl-font-size: 2.7rem; // Extra large text style for high importance headlines.
197
197
  @dt-typography-headline-xl-text-case: none; // Extra large text style for high importance headlines.
198
198
  @dt-typography-headline-xl-compact-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"; // A tighter-spaced version of extra large headline style.
199
199
  @dt-typography-headline-xl-compact-font-weight: 500; // A tighter-spaced version of extra large headline style.
200
200
  @dt-typography-headline-xl-compact-line-height: 1; // A tighter-spaced version of extra large headline style.
201
- @dt-typography-headline-xl-compact-font-size: 27px; // A tighter-spaced version of extra large headline style.
201
+ @dt-typography-headline-xl-compact-font-size: 2.7rem; // A tighter-spaced version of extra large headline style.
202
202
  @dt-typography-headline-xl-compact-text-case: none; // A tighter-spaced version of extra large headline style.
203
203
  @dt-typography-headline-xxl-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"; // Largest text style for extra extra large content.
204
204
  @dt-typography-headline-xxl-font-weight: 500; // Largest text style for extra extra large content.
205
205
  @dt-typography-headline-xxl-line-height: 1.2; // Largest text style for extra extra large content.
206
- @dt-typography-headline-xxl-font-size: 38px; // Largest text style for extra extra large content.
206
+ @dt-typography-headline-xxl-font-size: 3.8rem; // Largest text style for extra extra large content.
207
207
  @dt-typography-headline-xxl-text-case: none; // Largest text style for extra extra large content.
208
208
  @dt-typography-headline-xxl-compact-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"; // A tighter-spaced version of extra extra large headline style.
209
209
  @dt-typography-headline-xxl-compact-font-weight: 500; // A tighter-spaced version of extra extra large headline style.
210
210
  @dt-typography-headline-xxl-compact-line-height: 1; // A tighter-spaced version of extra extra large headline style.
211
- @dt-typography-headline-xxl-compact-font-size: 38px; // A tighter-spaced version of extra extra large headline style.
211
+ @dt-typography-headline-xxl-compact-font-size: 3.8rem; // A tighter-spaced version of extra extra large headline style.
212
212
  @dt-typography-headline-xxl-compact-text-case: none; // A tighter-spaced version of extra extra large headline style.
213
213
  @dt-typography-label-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"; // Base default medium-sized text style for labels, providing clear identification and categorization.
214
214
  @dt-typography-label-md-font-weight: 600; // Base default medium-sized text style for labels, providing clear identification and categorization.
215
215
  @dt-typography-label-md-line-height: 1.6; // Base default medium-sized text style for labels, providing clear identification and categorization.
216
- @dt-typography-label-md-font-size: 15px; // Base default medium-sized text style for labels, providing clear identification and categorization.
216
+ @dt-typography-label-md-font-size: 1.5rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
217
217
  @dt-typography-label-md-text-case: none; // Base default medium-sized text style for labels, providing clear identification and categorization.
218
218
  @dt-typography-label-md-compact-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"; // A tighter-spaced version of medium label style.
219
219
  @dt-typography-label-md-compact-font-weight: 600; // A tighter-spaced version of medium label style.
220
220
  @dt-typography-label-md-compact-line-height: 1.4; // A tighter-spaced version of medium label style.
221
- @dt-typography-label-md-compact-font-size: 15px; // A tighter-spaced version of medium label style.
221
+ @dt-typography-label-md-compact-font-size: 1.5rem; // A tighter-spaced version of medium label style.
222
222
  @dt-typography-label-md-compact-text-case: none; // A tighter-spaced version of medium label style.
223
223
  @dt-typography-label-md-plain-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"; // A non-bold version of medium label style.
224
224
  @dt-typography-label-md-plain-font-weight: 400; // A non-bold version of medium label style.
225
225
  @dt-typography-label-md-plain-line-height: 1.6; // A non-bold version of medium label style.
226
- @dt-typography-label-md-plain-font-size: 15px; // A non-bold version of medium label style.
226
+ @dt-typography-label-md-plain-font-size: 1.5rem; // A non-bold version of medium label style.
227
227
  @dt-typography-label-md-plain-text-case: none; // A non-bold version of medium label style.
228
228
  @dt-typography-label-md-plain-compact-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"; // A non-bolded, tighter-spaced version of medium label style.
229
229
  @dt-typography-label-md-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of medium label style.
230
230
  @dt-typography-label-md-plain-compact-line-height: 1.4; // A non-bolded, tighter-spaced version of medium label style.
231
- @dt-typography-label-md-plain-compact-font-size: 15px; // A non-bolded, tighter-spaced version of medium label style.
231
+ @dt-typography-label-md-plain-compact-font-size: 1.5rem; // A non-bolded, tighter-spaced version of medium label style.
232
232
  @dt-typography-label-md-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of medium label style.
233
233
  @dt-typography-label-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"; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
234
234
  @dt-typography-label-sm-font-weight: 600; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
235
235
  @dt-typography-label-sm-line-height: 1.4; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
236
- @dt-typography-label-sm-font-size: 12px; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
236
+ @dt-typography-label-sm-font-size: 1.2rem; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
237
237
  @dt-typography-label-sm-text-case: none; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
238
238
  @dt-typography-label-sm-compact-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"; // A tighter-spaced version of small label style.
239
239
  @dt-typography-label-sm-compact-font-weight: 600; // A tighter-spaced version of small label style.
240
240
  @dt-typography-label-sm-compact-line-height: 1.2; // A tighter-spaced version of small label style.
241
- @dt-typography-label-sm-compact-font-size: 12px; // A tighter-spaced version of small label style.
241
+ @dt-typography-label-sm-compact-font-size: 1.2rem; // A tighter-spaced version of small label style.
242
242
  @dt-typography-label-sm-compact-text-case: none; // A tighter-spaced version of small label style.
243
243
  @dt-typography-label-sm-plain-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"; // A non-bold version of small label style.
244
244
  @dt-typography-label-sm-plain-font-weight: 400; // A non-bold version of small label style.
245
245
  @dt-typography-label-sm-plain-line-height: 1.4; // A non-bold version of small label style.
246
- @dt-typography-label-sm-plain-font-size: 12px; // A non-bold version of small label style.
246
+ @dt-typography-label-sm-plain-font-size: 1.2rem; // A non-bold version of small label style.
247
247
  @dt-typography-label-sm-plain-text-case: none; // A non-bold version of small label style.
248
248
  @dt-typography-label-sm-plain-compact-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"; // A non-bolded, tighter-spaced version of small label style.
249
249
  @dt-typography-label-sm-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of small label style.
250
250
  @dt-typography-label-sm-plain-compact-line-height: 1.2; // A non-bolded, tighter-spaced version of small label style.
251
- @dt-typography-label-sm-plain-compact-font-size: 12px; // A non-bolded, tighter-spaced version of small label style.
251
+ @dt-typography-label-sm-plain-compact-font-size: 1.2rem; // A non-bolded, tighter-spaced version of small label style.
252
252
  @dt-typography-label-sm-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of small label style.
253
253
  @dt-typography-helper-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"; // Base default medium-sized text style for supplementary contextual information.
254
254
  @dt-typography-helper-md-font-weight: 400; // Base default medium-sized text style for supplementary contextual information.
255
255
  @dt-typography-helper-md-line-height: 1.4; // Base default medium-sized text style for supplementary contextual information.
256
- @dt-typography-helper-md-font-size: 15px; // Base default medium-sized text style for supplementary contextual information.
256
+ @dt-typography-helper-md-font-size: 1.5rem; // Base default medium-sized text style for supplementary contextual information.
257
257
  @dt-typography-helper-md-text-case: none; // Base default medium-sized text style for supplementary contextual information.
258
258
  @dt-typography-helper-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"; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
259
259
  @dt-typography-helper-sm-font-weight: 400; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
260
260
  @dt-typography-helper-sm-line-height: 1.2; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
261
- @dt-typography-helper-sm-font-size: 12px; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
261
+ @dt-typography-helper-sm-font-size: 1.2rem; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
262
262
  @dt-typography-helper-sm-text-case: none; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
263
263
  @dt-typography-code-md-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; // Base default medium-sized text style for monospace code snippets of technical content.
264
264
  @dt-typography-code-md-font-weight: 400; // Base default medium-sized text style for monospace code snippets of technical content.
265
265
  @dt-typography-code-md-line-height: 1.2; // Base default medium-sized text style for monospace code snippets of technical content.
266
- @dt-typography-code-md-font-size: 15px; // Base default medium-sized text style for monospace code snippets of technical content.
266
+ @dt-typography-code-md-font-size: 1.5rem; // Base default medium-sized text style for monospace code snippets of technical content.
267
267
  @dt-typography-code-md-text-case: none; // Base default medium-sized text style for monospace code snippets of technical content.
268
268
  @dt-typography-code-sm-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
269
269
  @dt-typography-code-sm-font-weight: 400; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
270
270
  @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
271
- @dt-typography-code-sm-font-size: 12px; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
271
+ @dt-typography-code-sm-font-size: 1.2rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
272
272
  @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
273
273
  @dt-inputs-size-border-default: 0.15rem;
274
274
  @dt-inputs-size-border-status: 0.2rem;
@@ -278,11 +278,11 @@
278
278
  @dt-inputs-size-radius-lg: 1.2rem;
279
279
  @dt-inputs-size-radius-xl: 1.6rem;
280
280
  @dt-inputs-line-height-default: 1.2;
281
- @dt-inputs-font-size-xs: 12px;
282
- @dt-inputs-font-size-sm: 12px;
283
- @dt-inputs-font-size-md: 15px;
284
- @dt-inputs-font-size-lg: 19px;
285
- @dt-inputs-font-size-xl: 27px;
281
+ @dt-inputs-font-size-xs: 1.2rem;
282
+ @dt-inputs-font-size-sm: 1.2rem;
283
+ @dt-inputs-font-size-md: 1.5rem;
284
+ @dt-inputs-font-size-lg: 1.9rem;
285
+ @dt-inputs-font-size-xl: 2.7rem;
286
286
  @dt-inputs-color-foreground-default: #3A3A3A;
287
287
  @dt-inputs-color-foreground-placeholder: #808080;
288
288
  @dt-inputs-color-foreground-disabled: #808080;
@@ -386,7 +386,9 @@
386
386
  @dt-theme-presence-color-background-busy: #F6AB3C;
387
387
  @dt-theme-presence-color-background-offline: #ffffff;
388
388
  @dt-theme-mention-color-foreground: #ffffff;
389
+ @dt-theme-mention-color-foreground-strong: #ffffff;
389
390
  @dt-theme-mention-color-background: #7C52FF;
391
+ @dt-theme-mention-color-background-strong: #3A1D95;
390
392
  @dt-avatar-color-foreground: #000000;
391
393
  @dt-avatar-color-background-100: #1aa340;
392
394
  @dt-avatar-color-background-200: #aaff83;
@@ -426,14 +428,14 @@
426
428
  @dt-checkbox-color-border-unchecked: #AAAAAA;
427
429
  @dt-checkbox-color-border-checked: #7C52FF;
428
430
  @dt-checkbox-color-background-checked: #7C52FF;
429
- @dt-icon-size-100: 12px;
430
- @dt-icon-size-200: 14px;
431
- @dt-icon-size-300: 18px;
432
- @dt-icon-size-400: 20px;
433
- @dt-icon-size-500: 24px;
434
- @dt-icon-size-600: 32px;
435
- @dt-icon-size-700: 38px;
436
- @dt-icon-size-800: 48px;
431
+ @dt-icon-size-100: 1.2rem;
432
+ @dt-icon-size-200: 1.4rem;
433
+ @dt-icon-size-300: 1.8rem;
434
+ @dt-icon-size-400: 2rem;
435
+ @dt-icon-size-500: 2.4rem;
436
+ @dt-icon-size-600: 3.2rem;
437
+ @dt-icon-size-700: 3.8rem;
438
+ @dt-icon-size-800: 4.8rem;
437
439
  @dt-icon-size-border-100: 0.1rem;
438
440
  @dt-icon-size-border-200: 0.125rem;
439
441
  @dt-icon-size-border-300: 0.15rem;
package/dist/less/tokens-expressive-dark.less CHANGED
@@ -1,12 +1,12 @@
1
1
 
2
2
  // Do not edit directly, this file was auto-generated.
3
3
 
4
- @dt-font-size-100: 16px; // small
5
- @dt-font-size-200: 20px; // medium / base
6
- @dt-font-size-300: 28px; // large
7
- @dt-font-size-400: 41px; // extra large / xl
8
- @dt-font-size-500: 65px; // extra large / xxl
9
- @dt-font-size-600: 105px;
4
+ @dt-font-size-100: 1.6rem; // small
5
+ @dt-font-size-200: 2rem; // medium / base
6
+ @dt-font-size-300: 2.8rem; // large
7
+ @dt-font-size-400: 4.1rem; // extra large / xl
8
+ @dt-font-size-500: 6.5rem; // extra large / xxl
9
+ @dt-font-size-600: 10.5rem;
10
10
  @dt-size-border-focus: 0.3rem;
11
11
  @dt-color-foreground-primary: #E6E6E6; // Default text color throughout the UI.
12
12
  @dt-color-foreground-secondary: #C2C2C2; // Example uses include introduction paragraphs, labels, and descriptions paired with form elements.
@@ -124,157 +124,157 @@
124
124
  @dt-typography-body-md-font-family: Archivo, -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"; // Base default medium text style for main content.
125
125
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
126
126
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
127
- @dt-typography-body-md-font-size: 20px; // Base default medium text style for main content.
127
+ @dt-typography-body-md-font-size: 2rem; // Base default medium text style for main content.
128
128
  @dt-typography-body-md-text-case: none; // Base default medium text style for main content.
129
129
  @dt-typography-body-md-compact-font-family: Archivo, -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"; // A tighter-spaced version of medium body style.
130
130
  @dt-typography-body-md-compact-font-weight: 400; // A tighter-spaced version of medium body style.
131
131
  @dt-typography-body-md-compact-line-height: 1.4; // A tighter-spaced version of medium body style.
132
- @dt-typography-body-md-compact-font-size: 20px; // A tighter-spaced version of medium body style.
132
+ @dt-typography-body-md-compact-font-size: 2rem; // A tighter-spaced version of medium body style.
133
133
  @dt-typography-body-md-compact-text-case: none; // A tighter-spaced version of medium body style.
134
134
  @dt-typography-body-sm-font-family: Archivo, -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"; // Reduced small text style for less prominent or adjacent content.
135
135
  @dt-typography-body-sm-font-weight: 400; // Reduced small text style for less prominent or adjacent content.
136
136
  @dt-typography-body-sm-line-height: 1.4; // Reduced small text style for less prominent or adjacent content.
137
- @dt-typography-body-sm-font-size: 16px; // Reduced small text style for less prominent or adjacent content.
137
+ @dt-typography-body-sm-font-size: 1.6rem; // Reduced small text style for less prominent or adjacent content.
138
138
  @dt-typography-body-sm-text-case: none; // Reduced small text style for less prominent or adjacent content.
139
139
  @dt-typography-body-sm-compact-font-family: Archivo, -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"; // A tighter-spaced version of small body style.
140
140
  @dt-typography-body-sm-compact-font-weight: 400; // A tighter-spaced version of small body style.
141
141
  @dt-typography-body-sm-compact-line-height: 1.2; // A tighter-spaced version of small body style.
142
- @dt-typography-body-sm-compact-font-size: 16px; // A tighter-spaced version of small body style.
142
+ @dt-typography-body-sm-compact-font-size: 1.6rem; // A tighter-spaced version of small body style.
143
143
  @dt-typography-body-sm-compact-text-case: none; // A tighter-spaced version of small body style.
144
144
  @dt-typography-headline-eyebrow-font-family: Archivo, -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"; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
145
145
  @dt-typography-headline-eyebrow-font-weight: 400; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
146
146
  @dt-typography-headline-eyebrow-line-height: 1.4; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
147
- @dt-typography-headline-eyebrow-font-size: 16px; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
147
+ @dt-typography-headline-eyebrow-font-size: 1.6rem; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
148
148
  @dt-typography-headline-eyebrow-text-case: uppercase; // Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline.
149
149
  @dt-typography-headline-sm-font-family: Archivo, -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"; // Smaller text size for secondary information or subheadings.
150
150
  @dt-typography-headline-sm-font-weight: 700; // Smaller text size for secondary information or subheadings.
151
151
  @dt-typography-headline-sm-line-height: 1.4; // Smaller text size for secondary information or subheadings.
152
- @dt-typography-headline-sm-font-size: 20px; // Smaller text size for secondary information or subheadings.
152
+ @dt-typography-headline-sm-font-size: 2rem; // Smaller text size for secondary information or subheadings.
153
153
  @dt-typography-headline-sm-text-case: none; // Smaller text size for secondary information or subheadings.
154
154
  @dt-typography-headline-sm-compact-font-family: Archivo, -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"; // A tighter-spaced version of small headline style.
155
155
  @dt-typography-headline-sm-compact-font-weight: 700; // A tighter-spaced version of small headline style.
156
156
  @dt-typography-headline-sm-compact-line-height: 1.2; // A tighter-spaced version of small headline style.
157
- @dt-typography-headline-sm-compact-font-size: 20px; // A tighter-spaced version of small headline style.
157
+ @dt-typography-headline-sm-compact-font-size: 2rem; // A tighter-spaced version of small headline style.
158
158
  @dt-typography-headline-sm-compact-text-case: none; // A tighter-spaced version of small headline style.
159
159
  @dt-typography-headline-sm-soft-font-family: Archivo, -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"; // A softer font weight version of small headline style.
160
160
  @dt-typography-headline-sm-soft-font-weight: 500; // A softer font weight version of small headline style.
161
161
  @dt-typography-headline-sm-soft-line-height: 1.4; // A softer font weight version of small headline style.
162
- @dt-typography-headline-sm-soft-font-size: 20px; // A softer font weight version of small headline style.
162
+ @dt-typography-headline-sm-soft-font-size: 2rem; // A softer font weight version of small headline style.
163
163
  @dt-typography-headline-sm-soft-text-case: none; // A softer font weight version of small headline style.
164
164
  @dt-typography-headline-sm-soft-compact-font-family: Archivo, -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"; // A softer font weight, tighter-spaced version of small headline style.
165
165
  @dt-typography-headline-sm-soft-compact-font-weight: 500; // A softer font weight, tighter-spaced version of small headline style.
166
166
  @dt-typography-headline-sm-soft-compact-line-height: 1.2; // A softer font weight, tighter-spaced version of small headline style.
167
- @dt-typography-headline-sm-soft-compact-font-size: 20px; // A softer font weight, tighter-spaced version of small headline style.
167
+ @dt-typography-headline-sm-soft-compact-font-size: 2rem; // A softer font weight, tighter-spaced version of small headline style.
168
168
  @dt-typography-headline-sm-soft-compact-text-case: none; // A softer font weight, tighter-spaced version of small headline style.
169
169
  @dt-typography-headline-md-font-family: Archivo, -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"; // Medium-sized base text style for headlines.
170
170
  @dt-typography-headline-md-font-weight: 700; // Medium-sized base text style for headlines.
171
171
  @dt-typography-headline-md-line-height: 1.6; // Medium-sized base text style for headlines.
172
- @dt-typography-headline-md-font-size: 28px; // Medium-sized base text style for headlines.
172
+ @dt-typography-headline-md-font-size: 2.8rem; // Medium-sized base text style for headlines.
173
173
  @dt-typography-headline-md-text-case: none; // Medium-sized base text style for headlines.
174
174
  @dt-typography-headline-md-compact-font-family: Archivo, -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"; // A tighter-spaced version of medium headline style.
175
175
  @dt-typography-headline-md-compact-font-weight: 700; // A tighter-spaced version of medium headline style.
176
176
  @dt-typography-headline-md-compact-line-height: 1.4; // A tighter-spaced version of medium headline style.
177
- @dt-typography-headline-md-compact-font-size: 28px; // A tighter-spaced version of medium headline style.
177
+ @dt-typography-headline-md-compact-font-size: 2.8rem; // A tighter-spaced version of medium headline style.
178
178
  @dt-typography-headline-md-compact-text-case: none; // A tighter-spaced version of medium headline style.
179
179
  @dt-typography-headline-lg-font-family: Archivo, -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"; // Large text style for headlines to attract attention.
180
180
  @dt-typography-headline-lg-font-weight: 700; // Large text style for headlines to attract attention.
181
181
  @dt-typography-headline-lg-line-height: 1.6; // Large text style for headlines to attract attention.
182
- @dt-typography-headline-lg-font-size: 41px; // Large text style for headlines to attract attention.
182
+ @dt-typography-headline-lg-font-size: 4.1rem; // Large text style for headlines to attract attention.
183
183
  @dt-typography-headline-lg-text-case: none; // Large text style for headlines to attract attention.
184
184
  @dt-typography-headline-lg-soft-font-family: Archivo, -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"; // A softer font weight version of large headline style.
185
185
  @dt-typography-headline-lg-soft-font-weight: 500; // A softer font weight version of large headline style.
186
186
  @dt-typography-headline-lg-soft-line-height: 1.6; // A softer font weight version of large headline style.
187
- @dt-typography-headline-lg-soft-font-size: 41px; // A softer font weight version of large headline style.
187
+ @dt-typography-headline-lg-soft-font-size: 4.1rem; // A softer font weight version of large headline style.
188
188
  @dt-typography-headline-lg-soft-text-case: none; // A softer font weight version of large headline style.
189
189
  @dt-typography-headline-lg-compact-font-family: Archivo, -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"; // A tighter-spaced version of large body style.
190
190
  @dt-typography-headline-lg-compact-font-weight: 700; // A tighter-spaced version of large body style.
191
191
  @dt-typography-headline-lg-compact-line-height: 1.4; // A tighter-spaced version of large body style.
192
- @dt-typography-headline-lg-compact-font-size: 41px; // A tighter-spaced version of large body style.
192
+ @dt-typography-headline-lg-compact-font-size: 4.1rem; // A tighter-spaced version of large body style.
193
193
  @dt-typography-headline-lg-compact-text-case: none; // A tighter-spaced version of large body style.
194
194
  @dt-typography-headline-lg-soft-compact-font-family: Archivo, -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"; // A softer font weight, tighter spaced version of large headline style.
195
195
  @dt-typography-headline-lg-soft-compact-font-weight: 500; // A softer font weight, tighter spaced version of large headline style.
196
196
  @dt-typography-headline-lg-soft-compact-line-height: 1.4; // A softer font weight, tighter spaced version of large headline style.
197
- @dt-typography-headline-lg-soft-compact-font-size: 41px; // A softer font weight, tighter spaced version of large headline style.
197
+ @dt-typography-headline-lg-soft-compact-font-size: 4.1rem; // A softer font weight, tighter spaced version of large headline style.
198
198
  @dt-typography-headline-lg-soft-compact-text-case: none; // A softer font weight, tighter spaced version of large headline style.
199
199
  @dt-typography-headline-xl-font-family: Archivo, -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"; // Extra large text style for high importance headlines.
200
200
  @dt-typography-headline-xl-font-weight: 500; // Extra large text style for high importance headlines.
201
201
  @dt-typography-headline-xl-line-height: 1.2; // Extra large text style for high importance headlines.
202
- @dt-typography-headline-xl-font-size: 65px; // Extra large text style for high importance headlines.
202
+ @dt-typography-headline-xl-font-size: 6.5rem; // Extra large text style for high importance headlines.
203
203
  @dt-typography-headline-xl-text-case: none; // Extra large text style for high importance headlines.
204
204
  @dt-typography-headline-xl-compact-font-family: Archivo, -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"; // A tighter-spaced version of extra large headline style.
205
205
  @dt-typography-headline-xl-compact-font-weight: 500; // A tighter-spaced version of extra large headline style.
206
206
  @dt-typography-headline-xl-compact-line-height: 1; // A tighter-spaced version of extra large headline style.
207
- @dt-typography-headline-xl-compact-font-size: 65px; // A tighter-spaced version of extra large headline style.
207
+ @dt-typography-headline-xl-compact-font-size: 6.5rem; // A tighter-spaced version of extra large headline style.
208
208
  @dt-typography-headline-xl-compact-text-case: none; // A tighter-spaced version of extra large headline style.
209
209
  @dt-typography-headline-xxl-font-family: Archivo, -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"; // Largest text style for extra extra large content.
210
210
  @dt-typography-headline-xxl-font-weight: 500; // Largest text style for extra extra large content.
211
211
  @dt-typography-headline-xxl-line-height: 1.2; // Largest text style for extra extra large content.
212
- @dt-typography-headline-xxl-font-size: 105px; // Largest text style for extra extra large content.
212
+ @dt-typography-headline-xxl-font-size: 10.5rem; // Largest text style for extra extra large content.
213
213
  @dt-typography-headline-xxl-text-case: none; // Largest text style for extra extra large content.
214
214
  @dt-typography-headline-xxl-compact-font-family: Archivo, -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"; // A tighter-spaced version of extra extra large headline style.
215
215
  @dt-typography-headline-xxl-compact-font-weight: 500; // A tighter-spaced version of extra extra large headline style.
216
216
  @dt-typography-headline-xxl-compact-line-height: 1; // A tighter-spaced version of extra extra large headline style.
217
- @dt-typography-headline-xxl-compact-font-size: 105px; // A tighter-spaced version of extra extra large headline style.
217
+ @dt-typography-headline-xxl-compact-font-size: 10.5rem; // A tighter-spaced version of extra extra large headline style.
218
218
  @dt-typography-headline-xxl-compact-text-case: none; // A tighter-spaced version of extra extra large headline style.
219
219
  @dt-typography-label-md-font-family: Archivo, -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"; // Base default medium-sized text style for labels, providing clear identification and categorization.
220
220
  @dt-typography-label-md-font-weight: 600; // Base default medium-sized text style for labels, providing clear identification and categorization.
221
221
  @dt-typography-label-md-line-height: 1.6; // Base default medium-sized text style for labels, providing clear identification and categorization.
222
- @dt-typography-label-md-font-size: 20px; // Base default medium-sized text style for labels, providing clear identification and categorization.
222
+ @dt-typography-label-md-font-size: 2rem; // Base default medium-sized text style for labels, providing clear identification and categorization.
223
223
  @dt-typography-label-md-text-case: none; // Base default medium-sized text style for labels, providing clear identification and categorization.
224
224
  @dt-typography-label-md-compact-font-family: Archivo, -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"; // A tighter-spaced version of medium label style.
225
225
  @dt-typography-label-md-compact-font-weight: 600; // A tighter-spaced version of medium label style.
226
226
  @dt-typography-label-md-compact-line-height: 1.4; // A tighter-spaced version of medium label style.
227
- @dt-typography-label-md-compact-font-size: 20px; // A tighter-spaced version of medium label style.
227
+ @dt-typography-label-md-compact-font-size: 2rem; // A tighter-spaced version of medium label style.
228
228
  @dt-typography-label-md-compact-text-case: none; // A tighter-spaced version of medium label style.
229
229
  @dt-typography-label-md-plain-font-family: Archivo, -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"; // A non-bold version of medium label style.
230
230
  @dt-typography-label-md-plain-font-weight: 400; // A non-bold version of medium label style.
231
231
  @dt-typography-label-md-plain-line-height: 1.6; // A non-bold version of medium label style.
232
- @dt-typography-label-md-plain-font-size: 20px; // A non-bold version of medium label style.
232
+ @dt-typography-label-md-plain-font-size: 2rem; // A non-bold version of medium label style.
233
233
  @dt-typography-label-md-plain-text-case: none; // A non-bold version of medium label style.
234
234
  @dt-typography-label-md-plain-compact-font-family: Archivo, -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"; // A non-bolded, tighter-spaced version of medium label style.
235
235
  @dt-typography-label-md-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of medium label style.
236
236
  @dt-typography-label-md-plain-compact-line-height: 1.4; // A non-bolded, tighter-spaced version of medium label style.
237
- @dt-typography-label-md-plain-compact-font-size: 20px; // A non-bolded, tighter-spaced version of medium label style.
237
+ @dt-typography-label-md-plain-compact-font-size: 2rem; // A non-bolded, tighter-spaced version of medium label style.
238
238
  @dt-typography-label-md-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of medium label style.
239
239
  @dt-typography-label-sm-font-family: Archivo, -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"; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
240
240
  @dt-typography-label-sm-font-weight: 600; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
241
241
  @dt-typography-label-sm-line-height: 1.4; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
242
- @dt-typography-label-sm-font-size: 16px; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
242
+ @dt-typography-label-sm-font-size: 1.6rem; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
243
243
  @dt-typography-label-sm-text-case: none; // Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy.
244
244
  @dt-typography-label-sm-compact-font-family: Archivo, -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"; // A tighter-spaced version of small label style.
245
245
  @dt-typography-label-sm-compact-font-weight: 600; // A tighter-spaced version of small label style.
246
246
  @dt-typography-label-sm-compact-line-height: 1.2; // A tighter-spaced version of small label style.
247
- @dt-typography-label-sm-compact-font-size: 16px; // A tighter-spaced version of small label style.
247
+ @dt-typography-label-sm-compact-font-size: 1.6rem; // A tighter-spaced version of small label style.
248
248
  @dt-typography-label-sm-compact-text-case: none; // A tighter-spaced version of small label style.
249
249
  @dt-typography-label-sm-plain-font-family: Archivo, -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"; // A non-bold version of small label style.
250
250
  @dt-typography-label-sm-plain-font-weight: 400; // A non-bold version of small label style.
251
251
  @dt-typography-label-sm-plain-line-height: 1.4; // A non-bold version of small label style.
252
- @dt-typography-label-sm-plain-font-size: 16px; // A non-bold version of small label style.
252
+ @dt-typography-label-sm-plain-font-size: 1.6rem; // A non-bold version of small label style.
253
253
  @dt-typography-label-sm-plain-text-case: none; // A non-bold version of small label style.
254
254
  @dt-typography-label-sm-plain-compact-font-family: Archivo, -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"; // A non-bolded, tighter-spaced version of small label style.
255
255
  @dt-typography-label-sm-plain-compact-font-weight: 400; // A non-bolded, tighter-spaced version of small label style.
256
256
  @dt-typography-label-sm-plain-compact-line-height: 1.2; // A non-bolded, tighter-spaced version of small label style.
257
- @dt-typography-label-sm-plain-compact-font-size: 16px; // A non-bolded, tighter-spaced version of small label style.
257
+ @dt-typography-label-sm-plain-compact-font-size: 1.6rem; // A non-bolded, tighter-spaced version of small label style.
258
258
  @dt-typography-label-sm-plain-compact-text-case: none; // A non-bolded, tighter-spaced version of small label style.
259
259
  @dt-typography-helper-md-font-family: Archivo, -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"; // Base default medium-sized text style for supplementary contextual information.
260
260
  @dt-typography-helper-md-font-weight: 400; // Base default medium-sized text style for supplementary contextual information.
261
261
  @dt-typography-helper-md-line-height: 1.4; // Base default medium-sized text style for supplementary contextual information.
262
- @dt-typography-helper-md-font-size: 20px; // Base default medium-sized text style for supplementary contextual information.
262
+ @dt-typography-helper-md-font-size: 2rem; // Base default medium-sized text style for supplementary contextual information.
263
263
  @dt-typography-helper-md-text-case: none; // Base default medium-sized text style for supplementary contextual information.
264
264
  @dt-typography-helper-sm-font-family: Archivo, -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"; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
265
265
  @dt-typography-helper-sm-font-weight: 400; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
266
266
  @dt-typography-helper-sm-line-height: 1.2; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
267
- @dt-typography-helper-sm-font-size: 16px; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
267
+ @dt-typography-helper-sm-font-size: 1.6rem; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
268
268
  @dt-typography-helper-sm-text-case: none; // Smaller text size for subtle guidance or additional context, minimizing visual disruption.
269
269
  @dt-typography-code-md-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; // Base default medium-sized text style for monospace code snippets of technical content.
270
270
  @dt-typography-code-md-font-weight: 400; // Base default medium-sized text style for monospace code snippets of technical content.
271
271
  @dt-typography-code-md-line-height: 1.2; // Base default medium-sized text style for monospace code snippets of technical content.
272
- @dt-typography-code-md-font-size: 20px; // Base default medium-sized text style for monospace code snippets of technical content.
272
+ @dt-typography-code-md-font-size: 2rem; // Base default medium-sized text style for monospace code snippets of technical content.
273
273
  @dt-typography-code-md-text-case: none; // Base default medium-sized text style for monospace code snippets of technical content.
274
274
  @dt-typography-code-sm-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
275
275
  @dt-typography-code-sm-font-weight: 400; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
276
276
  @dt-typography-code-sm-line-height: 1.2; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
277
- @dt-typography-code-sm-font-size: 16px; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
277
+ @dt-typography-code-sm-font-size: 1.6rem; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
278
278
  @dt-typography-code-sm-text-case: none; // Smaller text size for monospace code, suitable for inline references or less prominent code examples.
279
279
  @dt-inputs-size-border-default: 0.15rem;
280
280
  @dt-inputs-size-border-status: 0.2rem;
@@ -284,11 +284,11 @@
284
284
  @dt-inputs-size-radius-lg: 1.2rem;
285
285
  @dt-inputs-size-radius-xl: 1.6rem;
286
286
  @dt-inputs-line-height-default: 1.2;
287
- @dt-inputs-font-size-xs: 16px;
288
- @dt-inputs-font-size-sm: 16px;
289
- @dt-inputs-font-size-md: 20px;
290
- @dt-inputs-font-size-lg: 28px;
291
- @dt-inputs-font-size-xl: 16px;
287
+ @dt-inputs-font-size-xs: 1.6rem;
288
+ @dt-inputs-font-size-sm: 1.6rem;
289
+ @dt-inputs-font-size-md: 2rem;
290
+ @dt-inputs-font-size-lg: 2.8rem;
291
+ @dt-inputs-font-size-xl: 1.6rem;
292
292
  @dt-inputs-color-foreground-default: #E6E6E6;
293
293
  @dt-inputs-color-foreground-placeholder: #AAAAAA;
294
294
  @dt-inputs-color-foreground-disabled: #AAAAAA;
@@ -392,7 +392,9 @@
392
392
  @dt-theme-presence-color-background-busy: #F6AB3C;
393
393
  @dt-theme-presence-color-background-offline: #ffffff;
394
394
  @dt-theme-mention-color-foreground: #ffffff;
395
+ @dt-theme-mention-color-foreground-strong: #000000;
395
396
  @dt-theme-mention-color-background: #7C52FF;
397
+ @dt-theme-mention-color-background-strong: #DAC7FF;
396
398
  @dt-avatar-color-foreground: #000000;
397
399
  @dt-avatar-color-background-100: #1aa340;
398
400
  @dt-avatar-color-background-200: #aaff83;
@@ -432,14 +434,14 @@
432
434
  @dt-checkbox-color-border-unchecked: #808080;
433
435
  @dt-checkbox-color-border-checked: #7C52FF;
434
436
  @dt-checkbox-color-background-checked: #7C52FF;
435
- @dt-icon-size-100: 12px;
436
- @dt-icon-size-200: 14px;
437
- @dt-icon-size-300: 18px;
438
- @dt-icon-size-400: 20px;
439
- @dt-icon-size-500: 24px;
440
- @dt-icon-size-600: 32px;
441
- @dt-icon-size-700: 38px;
442
- @dt-icon-size-800: 48px;
437
+ @dt-icon-size-100: 1.2rem;
438
+ @dt-icon-size-200: 1.4rem;
439
+ @dt-icon-size-300: 1.8rem;
440
+ @dt-icon-size-400: 2rem;
441
+ @dt-icon-size-500: 2.4rem;
442
+ @dt-icon-size-600: 3.2rem;
443
+ @dt-icon-size-700: 3.8rem;
444
+ @dt-icon-size-800: 4.8rem;
443
445
  @dt-icon-size-border-100: 0.1rem;
444
446
  @dt-icon-size-border-200: 0.125rem;
445
447
  @dt-icon-size-border-300: 0.15rem;