@dialpad/dialtone-tokens 1.4.4 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/android/java/tokens.kt +98 -95
  2. package/dist/android/res/values/colors.xml +25 -24
  3. package/dist/android/res/values/dimens.xml +4 -2
  4. package/dist/css/variables.css +28 -25
  5. package/dist/doc.json +6146 -0
  6. package/dist/ios/tokens.swift +59 -56
  7. package/dist/less/variables.less +28 -25
  8. package/dist/tokens.json +28 -25
  9. package/package.json +1 -1
package/dist/android/java/tokens.kt CHANGED
@@ -1,13 +1,13 @@
1
1
 
2
2
 
3
3
  // Do not edit directly
4
- // Generated on Wed, 23 Nov 2022 21:12:19 GMT
4
+ // Generated on Tue, 24 Jan 2023 20:55:26 GMT
5
5
 
6
6
 
7
7
 
8
8
  package design.dialpad;
9
9
 
10
-
10
+ import androidx.compose.ui.text.font.FontWeight
11
11
  import androidx.compose.ui.graphics.Color
12
12
  import androidx.compose.ui.unit.*
13
13
 
@@ -17,7 +17,7 @@ object DialtoneTokens {
17
17
  val dtButtonBorderRadiusLarge = 9.dp
18
18
  val dtButtonBorderRadiusMedium = 8.dp
19
19
  val dtButtonBorderRadiusSmall = 7.5.dp
20
- val dtButtonColorBackgroundDanger = Color(0xffff2e2e)
20
+ val dtButtonColorBackgroundDanger = Color(0xffec0e0e)
21
21
  val dtButtonColorBackgroundDefault = Color(0x00000000)
22
22
  val dtButtonColorBackgroundPrimary = Color(0xff7c52ff)
23
23
  val dtButtonColorTextDanger = Color(0xffffffff)
@@ -28,11 +28,11 @@ object DialtoneTokens {
28
28
  val dtButtonFontSizeLarge = 19.sp
29
29
  val dtButtonFontSizeMedium = 15.sp
30
30
  val dtButtonFontSizeSmall = 12.sp
31
- val dtButtonLineHeightSizeExtraLarge = 1.6
32
- val dtButtonLineHeightSizeExtraSmall = 1.2
33
- val dtButtonLineHeightSizeLarge = 1.6
34
- val dtButtonLineHeightSizeMedium = 1.4
35
- val dtButtonLineHeightSizeSmall = 1.4
31
+ val dtButtonLineHeightSizeExtraLarge = 1.6.em
32
+ val dtButtonLineHeightSizeExtraSmall = 1.2.em
33
+ val dtButtonLineHeightSizeLarge = 1.6.em
34
+ val dtButtonLineHeightSizeMedium = 1.4.em
35
+ val dtButtonLineHeightSizeSmall = 1.4.em
36
36
  val dtButtonPaddingHorizontalExtraLarge = 15.sp
37
37
  val dtButtonPaddingHorizontalExtraSmall = 15.sp
38
38
  val dtButtonPaddingHorizontalLarge = 63.sp
@@ -53,75 +53,76 @@ object DialtoneTokens {
53
53
  val dtColorBlack700 = Color(0xff3a3a3a)
54
54
  val dtColorBlack800 = Color(0xff222222)
55
55
  val dtColorBlack900 = Color(0xff000000)
56
- val dtColorBlue100 = Color(0xffe3edf9)
57
- val dtColorBlue200 = Color(0xff84bdff)
56
+ val dtColorBlue100 = Color(0xffeaf2fa)
57
+ val dtColorBlue200 = Color(0xff99c8ff)
58
58
  val dtColorBlue300 = Color(0xff51a0fe)
59
59
  val dtColorBlue400 = Color(0xff1768c6)
60
60
  val dtColorBlue500 = Color(0xff01326d)
61
- val dtColorGold100 = Color(0xffffe793)
62
- val dtColorGold200 = Color(0xffffd362)
61
+ val dtColorGold100 = Color(0xfffff4cc)
62
+ val dtColorGold200 = Color(0xffffdb80)
63
63
  val dtColorGold300 = Color(0xfff6ab3c)
64
64
  val dtColorGold400 = Color(0xffd28f2b)
65
65
  val dtColorGold500 = Color(0xff815008)
66
66
  val dtColorGradientMagentaPurple = Color(0xff000000)
67
- val dtColorGreen100 = Color(0xffddf4d9)
68
- val dtColorGreen200 = Color(0xff9fff90)
67
+ val dtColorGreen100 = Color(0xffedf9eb)
68
+ val dtColorGreen200 = Color(0xffb0ffa3)
69
69
  val dtColorGreen300 = Color(0xff45f777)
70
70
  val dtColorGreen400 = Color(0xff1aa340)
71
71
  val dtColorGreen500 = Color(0xff124620)
72
- val dtColorMagenta100 = Color(0xffff97d2)
73
- val dtColorMagenta200 = Color(0xfff756b1)
72
+ val dtColorMagenta100 = Color(0xffffe0f2)
73
+ val dtColorMagenta200 = Color(0xfff985c7)
74
74
  val dtColorMagenta300 = Color(0xfff9008e)
75
75
  val dtColorMagenta400 = Color(0xff8c0e56)
76
76
  val dtColorMagenta500 = Color(0xff541a3b)
77
77
  val dtColorNeutralBlack = Color(0xff000000)
78
78
  val dtColorNeutralWhite = Color(0xffffffff)
79
- val dtColorPurple100 = Color(0xffeee5ff)
80
- val dtColorPurple200 = Color(0xffd3bcff)
79
+ val dtColorPurple100 = Color(0xfff5f0ff)
80
+ val dtColorPurple200 = Color(0xffdac7ff)
81
81
  val dtColorPurple300 = Color(0xffab7eff)
82
82
  val dtColorPurple400 = Color(0xff7c52ff)
83
83
  val dtColorPurple500 = Color(0xff3a1d95)
84
84
  val dtColorPurple600 = Color(0xff10022c)
85
- val dtColorRed100 = Color(0xffffdcdc)
86
- val dtColorRed200 = Color(0xffff7474)
87
- val dtColorRed300 = Color(0xffff2e2e)
88
- val dtColorRed400 = Color(0xffa41111)
89
- val dtColorRed500 = Color(0xff540000)
85
+ val dtColorRed100 = Color(0xffffe5e6)
86
+ val dtColorRed200 = Color(0xffff8585)
87
+ val dtColorRed300 = Color(0xffec0e0e)
88
+ val dtColorRed400 = Color(0xffb70b0b)
89
+ val dtColorRed500 = Color(0xff5b0505)
90
90
  val dtColorSurfaceBold = Color(0xffd2d2d2)
91
91
  val dtColorSurfaceContrast = Color(0xff222222)
92
- val dtColorSurfaceError = Color(0xffffdcdc)
92
+ val dtColorSurfaceCritical = Color(0xffffe5e6)
93
+ val dtColorSurfaceInfo = Color(0xffeaf2fa)
93
94
  val dtColorSurfaceModerate = Color(0xffe9e9e9)
94
95
  val dtColorSurfacePrimary = Color(0xffffffff)
95
96
  val dtColorSurfaceSecondary = Color(0xfff9f9f9)
96
97
  val dtColorSurfaceStrong = Color(0xff555555)
97
- val dtColorSurfaceSuccess = Color(0xffddf4d9)
98
- val dtColorSurfaceWarning = Color(0xffffe793)
98
+ val dtColorSurfaceSuccess = Color(0xffedf9eb)
99
+ val dtColorSurfaceWarning = Color(0xfffff4cc)
99
100
  val dtColorTan100 = Color(0xfff2f0ee)
100
101
  val dtColorTan200 = Color(0xffcec8c4)
101
102
  val dtColorTan300 = Color(0xff87807b)
102
103
  val dtColorTan400 = Color(0xff3f3d3c)
103
104
  val dtColorTan500 = Color(0xff121212)
105
+ val dtColorTextCritical = Color(0xffec0e0e)
104
106
  val dtColorTextDisabled = Color(0xff808080)
105
- val dtColorTextError = Color(0xffa41111)
107
+ val dtColorTextInvertedPrimary = Color(0xffffffff)
108
+ val dtColorTextInvertedSecondary = Color(0xffe9e9e9)
106
109
  val dtColorTextLinkPrimary = Color(0xff7c52ff)
107
110
  val dtColorTextMuted = Color(0x80222222)
108
- val dtColorTextOnDarkPrimary = Color(0xfff9f9f9)
109
- val dtColorTextOnDarkSecondary = Color(0xffd2d2d2)
110
111
  val dtColorTextPlaceholder = Color(0xff808080)
111
112
  val dtColorTextPrimary = Color(0xff000000)
112
113
  val dtColorTextSecondary = Color(0xff3a3a3a)
113
- val dtColorTextSuccess = Color(0xff00671d)
114
+ val dtColorTextSuccess = Color(0xff1aa340)
114
115
  val dtColorTextTertiary = Color(0xff555555)
115
116
  val dtColorTextWarning = Color(0xff815008)
116
117
  val dtFontFamilyBody = arrayOf("-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")
117
118
  val dtFontFamilyExpressive = arrayOf("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")
118
119
  val dtFontFamilyMono = arrayOf("SFMono-Regular", "SF Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", "monospace")
119
- val dtFontLineHeight100 = 1
120
- val dtFontLineHeight200 = 1.2
121
- val dtFontLineHeight300 = 1.4
122
- val dtFontLineHeight400 = 1.6
123
- val dtFontLineHeight500 = 1.8
124
- val dtFontLineHeight600 = 2
120
+ val dtFontLineHeight100 = 1.em
121
+ val dtFontLineHeight200 = 1.2.em
122
+ val dtFontLineHeight300 = 1.4.em
123
+ val dtFontLineHeight400 = 1.6.em
124
+ val dtFontLineHeight500 = 1.8.em
125
+ val dtFontLineHeight600 = 2.em
125
126
  val dtFontSize100 = 12.sp
126
127
  val dtFontSize200 = 15.sp
127
128
  val dtFontSize300 = 19.sp
@@ -132,10 +133,10 @@ object DialtoneTokens {
132
133
  val dtFontTextCaseLowercase = "lowercase"
133
134
  val dtFontTextCaseNone = "none"
134
135
  val dtFontTextCaseUppercase = "uppercase"
135
- val dtFontWeightBold = "700"
136
- val dtFontWeightMedium = "500"
137
- val dtFontWeightNormal = "400"
138
- val dtFontWeightSemiBold = "600"
136
+ val dtFontWeightBold = FontWeight.Bold
137
+ val dtFontWeightMedium = FontWeight.Medium
138
+ val dtFontWeightNormal = FontWeight.Normal
139
+ val dtFontWeightSemiBold = FontWeight.SemiBold
139
140
  val dtOpacity0 = 0
140
141
  val dtOpacity100 = 0.05
141
142
  val dtOpacity1000 = 0.75
@@ -206,6 +207,7 @@ object DialtoneTokens {
206
207
  val dtSizeBorder100 = 1.dp
207
208
  val dtSizeBorder200 = 2.dp
208
209
  val dtSizeBorder300 = 4.dp
210
+ val dtSizeBorder400 = 8.dp
209
211
  val dtSizeBorderIcon100 = 1.dp
210
212
  val dtSizeBorderIcon200 = 1.25.dp
211
213
  val dtSizeBorderIcon300 = 1.5.dp
@@ -227,7 +229,8 @@ object DialtoneTokens {
227
229
  val dtSizeRadius200 = 2.dp
228
230
  val dtSizeRadius300 = 4.dp
229
231
  val dtSizeRadius400 = 8.dp
230
- val dtSizeRadius500 = 32.dp
232
+ val dtSizeRadius500 = 16.dp
233
+ val dtSizeRadius600 = 32.dp
231
234
  val dtSpace0 = 0
232
235
  val dtSpace100 = 1.sp
233
236
  val dtSpace200 = 2.sp
@@ -240,111 +243,111 @@ object DialtoneTokens {
240
243
  val dtSpaceBase = 8.sp
241
244
  val dtTypographyBodyBaseFontFamily = arrayOf("-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")
242
245
  val dtTypographyBodyBaseFontSize = 15.sp
243
- val dtTypographyBodyBaseFontWeight = "400"
244
- val dtTypographyBodyBaseLineHeight = 1.6
246
+ val dtTypographyBodyBaseFontWeight = FontWeight.Normal
247
+ val dtTypographyBodyBaseLineHeight = 1.6.em
245
248
  val dtTypographyBodyCompactBaseFontFamily = arrayOf("-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")
246
249
  val dtTypographyBodyCompactBaseFontSize = 15.sp
247
- val dtTypographyBodyCompactBaseFontWeight = "400"
248
- val dtTypographyBodyCompactBaseLineHeight = 1.4
250
+ val dtTypographyBodyCompactBaseFontWeight = FontWeight.Normal
251
+ val dtTypographyBodyCompactBaseLineHeight = 1.4.em
249
252
  val dtTypographyBodyCompactSmallFontFamily = arrayOf("-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")
250
253
  val dtTypographyBodyCompactSmallFontSize = 12.sp
251
- val dtTypographyBodyCompactSmallFontWeight = "400"
252
- val dtTypographyBodyCompactSmallLineHeight = 1.2
254
+ val dtTypographyBodyCompactSmallFontWeight = FontWeight.Normal
255
+ val dtTypographyBodyCompactSmallLineHeight = 1.2.em
253
256
  val dtTypographyBodySmallFontFamily = arrayOf("-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")
254
257
  val dtTypographyBodySmallFontSize = 12.sp
255
- val dtTypographyBodySmallFontWeight = "400"
256
- val dtTypographyBodySmallLineHeight = 1.4
258
+ val dtTypographyBodySmallFontWeight = FontWeight.Normal
259
+ val dtTypographyBodySmallLineHeight = 1.4.em
257
260
  val dtTypographyCodeBaseFontFamily = arrayOf("SFMono-Regular", "SF Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", "monospace")
258
261
  val dtTypographyCodeBaseFontSize = 15.sp
259
- val dtTypographyCodeBaseFontWeight = "400"
260
- val dtTypographyCodeBaseLineHeight = 1.2
262
+ val dtTypographyCodeBaseFontWeight = FontWeight.Normal
263
+ val dtTypographyCodeBaseLineHeight = 1.2.em
261
264
  val dtTypographyCodeSmallFontFamily = arrayOf("SFMono-Regular", "SF Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", "monospace")
262
265
  val dtTypographyCodeSmallFontSize = 12.sp
263
- val dtTypographyCodeSmallFontWeight = "400"
264
- val dtTypographyCodeSmallLineHeight = 1.2
266
+ val dtTypographyCodeSmallFontWeight = FontWeight.Normal
267
+ val dtTypographyCodeSmallLineHeight = 1.2.em
265
268
  val dtTypographyHeadlineCompactLargeFontFamily = arrayOf("-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")
266
269
  val dtTypographyHeadlineCompactLargeFontSize = 19.sp
267
- val dtTypographyHeadlineCompactLargeFontWeight = "700"
268
- val dtTypographyHeadlineCompactLargeLineHeight = 1.2
270
+ val dtTypographyHeadlineCompactLargeFontWeight = FontWeight.Bold
271
+ val dtTypographyHeadlineCompactLargeLineHeight = 1.2.em
269
272
  val dtTypographyHeadlineCompactMediumFontFamily = arrayOf("-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")
270
273
  val dtTypographyHeadlineCompactMediumFontSize = 15.sp
271
- val dtTypographyHeadlineCompactMediumFontWeight = "700"
272
- val dtTypographyHeadlineCompactMediumLineHeight = 1.4
274
+ val dtTypographyHeadlineCompactMediumFontWeight = FontWeight.Bold
275
+ val dtTypographyHeadlineCompactMediumLineHeight = 1.4.em
273
276
  val dtTypographyHeadlineCompactSmallFontFamily = arrayOf("-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")
274
277
  val dtTypographyHeadlineCompactSmallFontSize = 12.sp
275
- val dtTypographyHeadlineCompactSmallFontWeight = "700"
276
- val dtTypographyHeadlineCompactSmallLineHeight = 1.2
278
+ val dtTypographyHeadlineCompactSmallFontWeight = FontWeight.Bold
279
+ val dtTypographyHeadlineCompactSmallLineHeight = 1.2.em
277
280
  val dtTypographyHeadlineCompactSoftSmallFontFamily = arrayOf("-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")
278
281
  val dtTypographyHeadlineCompactSoftSmallFontSize = 12.sp
279
- val dtTypographyHeadlineCompactSoftSmallFontWeight = "500"
280
- val dtTypographyHeadlineCompactSoftSmallLineHeight = 1.2
282
+ val dtTypographyHeadlineCompactSoftSmallFontWeight = FontWeight.Medium
283
+ val dtTypographyHeadlineCompactSoftSmallLineHeight = 1.2.em
281
284
  val dtTypographyHeadlineExtraExtraLargeFontFamily = arrayOf("-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")
282
285
  val dtTypographyHeadlineExtraExtraLargeFontSize = 38.sp
283
- val dtTypographyHeadlineExtraExtraLargeFontWeight = "500"
284
- val dtTypographyHeadlineExtraExtraLargeLineHeight = 1.2
286
+ val dtTypographyHeadlineExtraExtraLargeFontWeight = FontWeight.Medium
287
+ val dtTypographyHeadlineExtraExtraLargeLineHeight = 1.2.em
285
288
  val dtTypographyHeadlineExtraLargeFontFamily = arrayOf("-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")
286
289
  val dtTypographyHeadlineExtraLargeFontSize = 27.sp
287
- val dtTypographyHeadlineExtraLargeFontWeight = "500"
288
- val dtTypographyHeadlineExtraLargeLineHeight = 1.2
290
+ val dtTypographyHeadlineExtraLargeFontWeight = FontWeight.Medium
291
+ val dtTypographyHeadlineExtraLargeLineHeight = 1.2.em
289
292
  val dtTypographyHeadlineEyebrowFontFamily = arrayOf("-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")
290
293
  val dtTypographyHeadlineEyebrowFontSize = 12.sp
291
- val dtTypographyHeadlineEyebrowFontWeight = "400"
292
- val dtTypographyHeadlineEyebrowLineHeight = 1.4
294
+ val dtTypographyHeadlineEyebrowFontWeight = FontWeight.Normal
295
+ val dtTypographyHeadlineEyebrowLineHeight = 1.4.em
293
296
  val dtTypographyHeadlineEyebrowTextCase = "uppercase"
294
297
  val dtTypographyHeadlineLargeFontFamily = arrayOf("-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")
295
298
  val dtTypographyHeadlineLargeFontSize = 19.sp
296
- val dtTypographyHeadlineLargeFontWeight = "700"
297
- val dtTypographyHeadlineLargeLineHeight = 1.6
299
+ val dtTypographyHeadlineLargeFontWeight = FontWeight.Bold
300
+ val dtTypographyHeadlineLargeLineHeight = 1.6.em
298
301
  val dtTypographyHeadlineMediumFontFamily = arrayOf("-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")
299
302
  val dtTypographyHeadlineMediumFontSize = 15.sp
300
- val dtTypographyHeadlineMediumFontWeight = "700"
301
- val dtTypographyHeadlineMediumLineHeight = 1.6
303
+ val dtTypographyHeadlineMediumFontWeight = FontWeight.Bold
304
+ val dtTypographyHeadlineMediumLineHeight = 1.6.em
302
305
  val dtTypographyHeadlineSmallFontFamily = arrayOf("-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")
303
306
  val dtTypographyHeadlineSmallFontSize = 12.sp
304
- val dtTypographyHeadlineSmallFontWeight = "700"
305
- val dtTypographyHeadlineSmallLineHeight = 1.4
307
+ val dtTypographyHeadlineSmallFontWeight = FontWeight.Bold
308
+ val dtTypographyHeadlineSmallLineHeight = 1.4.em
306
309
  val dtTypographyHeadlineSoftSmallFontFamily = arrayOf("-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")
307
310
  val dtTypographyHeadlineSoftSmallFontSize = 12.sp
308
- val dtTypographyHeadlineSoftSmallFontWeight = "500"
309
- val dtTypographyHeadlineSoftSmallLineHeight = 1.4
311
+ val dtTypographyHeadlineSoftSmallFontWeight = FontWeight.Medium
312
+ val dtTypographyHeadlineSoftSmallLineHeight = 1.4.em
310
313
  val dtTypographyHelperBaseFontFamily = arrayOf("-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")
311
314
  val dtTypographyHelperBaseFontSize = 15.sp
312
- val dtTypographyHelperBaseFontWeight = "400"
313
- val dtTypographyHelperBaseLineHeight = 1.4
315
+ val dtTypographyHelperBaseFontWeight = FontWeight.Normal
316
+ val dtTypographyHelperBaseLineHeight = 1.4.em
314
317
  val dtTypographyHelperSmallFontFamily = arrayOf("-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")
315
318
  val dtTypographyHelperSmallFontSize = 12.sp
316
- val dtTypographyHelperSmallFontWeight = "400"
317
- val dtTypographyHelperSmallLineHeight = 1.2
319
+ val dtTypographyHelperSmallFontWeight = FontWeight.Normal
320
+ val dtTypographyHelperSmallLineHeight = 1.2.em
318
321
  val dtTypographyLabelBaseFontFamily = arrayOf("-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")
319
322
  val dtTypographyLabelBaseFontSize = 15.sp
320
- val dtTypographyLabelBaseFontWeight = "600"
321
- val dtTypographyLabelBaseLineHeight = 1.6
323
+ val dtTypographyLabelBaseFontWeight = FontWeight.SemiBold
324
+ val dtTypographyLabelBaseLineHeight = 1.6.em
322
325
  val dtTypographyLabelCompactBaseFontFamily = arrayOf("-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")
323
326
  val dtTypographyLabelCompactBaseFontSize = 15.sp
324
- val dtTypographyLabelCompactBaseFontWeight = "600"
325
- val dtTypographyLabelCompactBaseLineHeight = 1.4
327
+ val dtTypographyLabelCompactBaseFontWeight = FontWeight.SemiBold
328
+ val dtTypographyLabelCompactBaseLineHeight = 1.4.em
326
329
  val dtTypographyLabelCompactPlainBaseFontFamily = arrayOf("-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")
327
330
  val dtTypographyLabelCompactPlainBaseFontSize = 15.sp
328
- val dtTypographyLabelCompactPlainBaseFontWeight = "400"
329
- val dtTypographyLabelCompactPlainBaseLineHeight = 1.4
331
+ val dtTypographyLabelCompactPlainBaseFontWeight = FontWeight.Normal
332
+ val dtTypographyLabelCompactPlainBaseLineHeight = 1.4.em
330
333
  val dtTypographyLabelCompactPlainSmallFontFamily = arrayOf("-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")
331
334
  val dtTypographyLabelCompactPlainSmallFontSize = 12.sp
332
- val dtTypographyLabelCompactPlainSmallFontWeight = "400"
333
- val dtTypographyLabelCompactPlainSmallLineHeight = 1.2
335
+ val dtTypographyLabelCompactPlainSmallFontWeight = FontWeight.Normal
336
+ val dtTypographyLabelCompactPlainSmallLineHeight = 1.2.em
334
337
  val dtTypographyLabelCompactSmallFontFamily = arrayOf("-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")
335
338
  val dtTypographyLabelCompactSmallFontSize = 12.sp
336
- val dtTypographyLabelCompactSmallFontWeight = "600"
337
- val dtTypographyLabelCompactSmallLineHeight = 1.2
339
+ val dtTypographyLabelCompactSmallFontWeight = FontWeight.SemiBold
340
+ val dtTypographyLabelCompactSmallLineHeight = 1.2.em
338
341
  val dtTypographyLabelPlainBaseFontFamily = arrayOf("-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")
339
342
  val dtTypographyLabelPlainBaseFontSize = 15.sp
340
- val dtTypographyLabelPlainBaseFontWeight = "400"
341
- val dtTypographyLabelPlainBaseLineHeight = 1.6
343
+ val dtTypographyLabelPlainBaseFontWeight = FontWeight.Normal
344
+ val dtTypographyLabelPlainBaseLineHeight = 1.6.em
342
345
  val dtTypographyLabelPlainSmallFontFamily = arrayOf("-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")
343
346
  val dtTypographyLabelPlainSmallFontSize = 12.sp
344
- val dtTypographyLabelPlainSmallFontWeight = "400"
345
- val dtTypographyLabelPlainSmallLineHeight = 1.4
347
+ val dtTypographyLabelPlainSmallFontWeight = FontWeight.Normal
348
+ val dtTypographyLabelPlainSmallLineHeight = 1.4.em
346
349
  val dtTypographyLabelSmallFontFamily = arrayOf("-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")
347
350
  val dtTypographyLabelSmallFontSize = 12.sp
348
- val dtTypographyLabelSmallFontWeight = "600"
349
- val dtTypographyLabelSmallLineHeight = 1.4
351
+ val dtTypographyLabelSmallFontWeight = FontWeight.SemiBold
352
+ val dtTypographyLabelSmallLineHeight = 1.4.em
350
353
  }
package/dist/android/res/values/colors.xml CHANGED
@@ -2,12 +2,12 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Wed, 23 Nov 2022 21:12:19 GMT
5
+ Generated on Tue, 24 Jan 2023 20:55:26 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_button_color_background_default">#00ffffff</color>
9
9
  <color name="dt_button_color_background_primary">#ff7c52ff</color>
10
- <color name="dt_button_color_background_danger">#ffff2e2e</color>
10
+ <color name="dt_button_color_background_danger">#ffec0e0e</color>
11
11
  <color name="dt_button_color_text_default">#ff7c52ff</color>
12
12
  <color name="dt_button_color_text_primary">#ffffffff</color>
13
13
  <color name="dt_button_color_text_danger">#ffffffff</color>
@@ -17,11 +17,11 @@
17
17
  <color name="dt_color_text_muted">#80222222</color>
18
18
  <color name="dt_color_text_placeholder">#ff808080</color>
19
19
  <color name="dt_color_text_disabled">#ff808080</color>
20
- <color name="dt_color_text_error">#ffa41111</color>
21
- <color name="dt_color_text_success">#ff00671d</color>
20
+ <color name="dt_color_text_critical">#ffec0e0e</color>
21
+ <color name="dt_color_text_success">#ff1aa340</color>
22
22
  <color name="dt_color_text_warning">#ff815008</color>
23
- <color name="dt_color_text_on_dark_primary">#fff9f9f9</color>
24
- <color name="dt_color_text_on_dark_secondary">#ffd2d2d2</color>
23
+ <color name="dt_color_text_inverted_primary">#ffffffff</color>
24
+ <color name="dt_color_text_inverted_secondary">#ffe9e9e9</color>
25
25
  <color name="dt_color_text_link_primary">#ff7c52ff</color>
26
26
  <color name="dt_color_surface_primary">#ffffffff</color>
27
27
  <color name="dt_color_surface_secondary">#fff9f9f9</color>
@@ -29,9 +29,10 @@
29
29
  <color name="dt_color_surface_bold">#ffd2d2d2</color>
30
30
  <color name="dt_color_surface_strong">#ff555555</color>
31
31
  <color name="dt_color_surface_contrast">#ff222222</color>
32
- <color name="dt_color_surface_error">#ffffdcdc</color>
33
- <color name="dt_color_surface_warning">#ffffe793</color>
34
- <color name="dt_color_surface_success">#ffddf4d9</color>
32
+ <color name="dt_color_surface_critical">#ffffe5e6</color>
33
+ <color name="dt_color_surface_warning">#fffff4cc</color>
34
+ <color name="dt_color_surface_success">#ffedf9eb</color>
35
+ <color name="dt_color_surface_info">#ffeaf2fa</color>
35
36
  <color name="dt_color_neutral_white">#ffffffff</color>
36
37
  <color name="dt_color_neutral_black">#ff000000</color>
37
38
  <color name="dt_color_black_100">#fff9f9f9</color>
@@ -43,37 +44,37 @@
43
44
  <color name="dt_color_black_700">#ff3a3a3a</color>
44
45
  <color name="dt_color_black_800">#ff222222</color>
45
46
  <color name="dt_color_black_900">#ff000000</color>
46
- <color name="dt_color_purple_100">#ffeee5ff</color>
47
- <color name="dt_color_purple_200">#ffd3bcff</color>
47
+ <color name="dt_color_purple_100">#fff5f0ff</color>
48
+ <color name="dt_color_purple_200">#ffdac7ff</color>
48
49
  <color name="dt_color_purple_300">#ffab7eff</color>
49
50
  <color name="dt_color_purple_400">#ff7c52ff</color>
50
51
  <color name="dt_color_purple_500">#ff3a1d95</color>
51
52
  <color name="dt_color_purple_600">#ff10022c</color>
52
- <color name="dt_color_blue_100">#ffe3edf9</color>
53
- <color name="dt_color_blue_200">#ff84bdff</color>
53
+ <color name="dt_color_blue_100">#ffeaf2fa</color>
54
+ <color name="dt_color_blue_200">#ff99c8ff</color>
54
55
  <color name="dt_color_blue_300">#ff51a0fe</color>
55
56
  <color name="dt_color_blue_400">#ff1768c6</color>
56
57
  <color name="dt_color_blue_500">#ff01326d</color>
57
- <color name="dt_color_magenta_100">#ffff97d2</color>
58
- <color name="dt_color_magenta_200">#fff756b1</color>
58
+ <color name="dt_color_magenta_100">#ffffe0f2</color>
59
+ <color name="dt_color_magenta_200">#fff985c7</color>
59
60
  <color name="dt_color_magenta_300">#fff9008e</color>
60
61
  <color name="dt_color_magenta_400">#ff8c0e56</color>
61
62
  <color name="dt_color_magenta_500">#ff541a3b</color>
62
- <color name="dt_color_gold_100">#ffffe793</color>
63
- <color name="dt_color_gold_200">#ffffd362</color>
63
+ <color name="dt_color_gold_100">#fffff4cc</color>
64
+ <color name="dt_color_gold_200">#ffffdb80</color>
64
65
  <color name="dt_color_gold_300">#fff6ab3c</color>
65
66
  <color name="dt_color_gold_400">#ffd28f2b</color>
66
67
  <color name="dt_color_gold_500">#ff815008</color>
67
- <color name="dt_color_green_100">#ffddf4d9</color>
68
- <color name="dt_color_green_200">#ff9fff90</color>
68
+ <color name="dt_color_green_100">#ffedf9eb</color>
69
+ <color name="dt_color_green_200">#ffb0ffa3</color>
69
70
  <color name="dt_color_green_300">#ff45f777</color>
70
71
  <color name="dt_color_green_400">#ff1aa340</color>
71
72
  <color name="dt_color_green_500">#ff124620</color>
72
- <color name="dt_color_red_100">#ffffdcdc</color>
73
- <color name="dt_color_red_200">#ffff7474</color>
74
- <color name="dt_color_red_300">#ffff2e2e</color>
75
- <color name="dt_color_red_400">#ffa41111</color>
76
- <color name="dt_color_red_500">#ff540000</color>
73
+ <color name="dt_color_red_100">#ffffe5e6</color>
74
+ <color name="dt_color_red_200">#ffff8585</color>
75
+ <color name="dt_color_red_300">#ffec0e0e</color>
76
+ <color name="dt_color_red_400">#ffb70b0b</color>
77
+ <color name="dt_color_red_500">#ff5b0505</color>
77
78
  <color name="dt_color_tan_100">#fff2f0ee</color>
78
79
  <color name="dt_color_tan_200">#ffcec8c4</color>
79
80
  <color name="dt_color_tan_300">#ff87807b</color>
package/dist/android/res/values/dimens.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Wed, 23 Nov 2022 21:12:19 GMT
5
+ Generated on Tue, 24 Jan 2023 20:55:26 GMT
6
6
  -->
7
7
  <resources>
8
8
  <dimen name="dt_button_border_radius_extra_small">7px</dimen>
@@ -47,6 +47,7 @@
47
47
  <dimen name="dt_size_border_100">16.00dp</dimen>
48
48
  <dimen name="dt_size_border_200">32.00dp</dimen>
49
49
  <dimen name="dt_size_border_300">64.00dp</dimen>
50
+ <dimen name="dt_size_border_400">128.00dp</dimen>
50
51
  <dimen name="dt_size_border_icon_100">16.00dp</dimen>
51
52
  <dimen name="dt_size_border_icon_200">20.00dp</dimen>
52
53
  <dimen name="dt_size_border_icon_300">24.00dp</dimen>
@@ -61,7 +62,8 @@
61
62
  <dimen name="dt_size_radius_200">32.00dp</dimen>
62
63
  <dimen name="dt_size_radius_300">64.00dp</dimen>
63
64
  <dimen name="dt_size_radius_400">128.00dp</dimen>
64
- <dimen name="dt_size_radius_500">512.00dp</dimen>
65
+ <dimen name="dt_size_radius_500">256.00dp</dimen>
66
+ <dimen name="dt_size_radius_600">512.00dp</dimen>
65
67
  <dimen name="dt_font_size_100">12px</dimen>
66
68
  <dimen name="dt_font_size_200">15px</dimen>
67
69
  <dimen name="dt_font_size_300">19px</dimen>
package/dist/css/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Nov 2022 21:12:19 GMT
3
+ * Generated on Tue, 24 Jan 2023 20:55:26 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -10,7 +10,7 @@
10
10
  --dt-token-set-order-3: components/bar;
11
11
  --dt-button-color-background-default: transparent;
12
12
  --dt-button-color-background-primary: #7C52FF;
13
- --dt-button-color-background-danger: #FF2E2E;
13
+ --dt-button-color-background-danger: #EC0E0E;
14
14
  --dt-button-color-text-default: #7C52FF;
15
15
  --dt-button-color-text-primary: #fff;
16
16
  --dt-button-color-text-danger: #fff;
@@ -46,11 +46,11 @@
46
46
  --dt-color-text-muted: rgba(34, 34, 34, 0.5);
47
47
  --dt-color-text-placeholder: #808080;
48
48
  --dt-color-text-disabled: #808080;
49
- --dt-color-text-error: #a41111;
50
- --dt-color-text-success: #00671d;
49
+ --dt-color-text-critical: #ec0e0e;
50
+ --dt-color-text-success: #1aa340;
51
51
  --dt-color-text-warning: #815008;
52
- --dt-color-text-on-dark-primary: #f9f9f9;
53
- --dt-color-text-on-dark-secondary: #d2d2d2;
52
+ --dt-color-text-inverted-primary: #ffffff;
53
+ --dt-color-text-inverted-secondary: #e9e9e9;
54
54
  --dt-color-text-link-primary: #7c52ff;
55
55
  --dt-color-surface-primary: #ffffff;
56
56
  --dt-color-surface-secondary: #f9f9f9;
@@ -58,9 +58,10 @@
58
58
  --dt-color-surface-bold: #d2d2d2;
59
59
  --dt-color-surface-strong: #555555;
60
60
  --dt-color-surface-contrast: #222222;
61
- --dt-color-surface-error: #ffdcdc;
62
- --dt-color-surface-warning: #ffe793;
63
- --dt-color-surface-success: #ddf4d9;
61
+ --dt-color-surface-critical: #ffe5e6;
62
+ --dt-color-surface-warning: #fff4cc;
63
+ --dt-color-surface-success: #edf9eb;
64
+ --dt-color-surface-info: #eaf2fa;
64
65
  --dt-color-neutral-white: #ffffff;
65
66
  --dt-color-neutral-black: #000000;
66
67
  --dt-color-black-100: #f9f9f9;
@@ -72,37 +73,37 @@
72
73
  --dt-color-black-700: #3a3a3a;
73
74
  --dt-color-black-800: #222222;
74
75
  --dt-color-black-900: #000000;
75
- --dt-color-purple-100: #eee5ff;
76
- --dt-color-purple-200: #d3bcff;
76
+ --dt-color-purple-100: #f5f0ff;
77
+ --dt-color-purple-200: #dac7ff;
77
78
  --dt-color-purple-300: #ab7eff;
78
79
  --dt-color-purple-400: #7c52ff;
79
80
  --dt-color-purple-500: #3a1d95;
80
81
  --dt-color-purple-600: #10022c;
81
- --dt-color-blue-100: #e3edf9;
82
- --dt-color-blue-200: #84bdff;
82
+ --dt-color-blue-100: #eaf2fa;
83
+ --dt-color-blue-200: #99c8ff;
83
84
  --dt-color-blue-300: #51a0fe;
84
85
  --dt-color-blue-400: #1768c6;
85
86
  --dt-color-blue-500: #01326d;
86
- --dt-color-magenta-100: #ff97d2;
87
- --dt-color-magenta-200: #f756b1;
87
+ --dt-color-magenta-100: #ffe0f2;
88
+ --dt-color-magenta-200: #f985c7;
88
89
  --dt-color-magenta-300: #f9008e;
89
90
  --dt-color-magenta-400: #8c0e56;
90
91
  --dt-color-magenta-500: #541a3b;
91
- --dt-color-gold-100: #ffe793;
92
- --dt-color-gold-200: #ffd362;
92
+ --dt-color-gold-100: #fff4cc;
93
+ --dt-color-gold-200: #ffdb80;
93
94
  --dt-color-gold-300: #f6ab3c;
94
95
  --dt-color-gold-400: #d28f2b;
95
96
  --dt-color-gold-500: #815008;
96
- --dt-color-green-100: #ddf4d9;
97
- --dt-color-green-200: #9fff90;
97
+ --dt-color-green-100: #edf9eb;
98
+ --dt-color-green-200: #b0ffa3;
98
99
  --dt-color-green-300: #45f777;
99
100
  --dt-color-green-400: #1aa340;
100
101
  --dt-color-green-500: #124620;
101
- --dt-color-red-100: #ffdcdc;
102
- --dt-color-red-200: #ff7474;
103
- --dt-color-red-300: #ff2e2e;
104
- --dt-color-red-400: #a41111;
105
- --dt-color-red-500: #540000;
102
+ --dt-color-red-100: #ffe5e6;
103
+ --dt-color-red-200: #ff8585;
104
+ --dt-color-red-300: #ec0e0e;
105
+ --dt-color-red-400: #b70b0b;
106
+ --dt-color-red-500: #5b0505;
106
107
  --dt-color-tan-100: #f2f0ee;
107
108
  --dt-color-tan-200: #cec8c4;
108
109
  --dt-color-tan-300: #87807b;
@@ -239,6 +240,7 @@
239
240
  --dt-size-border-100: 0.1rem;
240
241
  --dt-size-border-200: 0.2rem;
241
242
  --dt-size-border-300: 0.4rem;
243
+ --dt-size-border-400: 0.8rem;
242
244
  --dt-size-border-icon-100: 0.1rem;
243
245
  --dt-size-border-icon-200: 0.125rem;
244
246
  --dt-size-border-icon-300: 0.15rem;
@@ -253,7 +255,8 @@
253
255
  --dt-size-radius-200: 0.2rem;
254
256
  --dt-size-radius-300: 0.4rem;
255
257
  --dt-size-radius-400: 0.8rem;
256
- --dt-size-radius-500: 3.2rem;
258
+ --dt-size-radius-500: 1.6rem;
259
+ --dt-size-radius-600: 3.2rem;
257
260
  --dt-opacity-0: 0;
258
261
  --dt-opacity-100: 0.05;
259
262
  --dt-opacity-200: 0.1;