@dialpad/dialtone-tokens 1.8.0 → 1.10.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.
- package/dist/android/java/tokens.kt +38 -1
- package/dist/android/res/values/colors.xml +16 -1
- package/dist/android/res/values/dimens.xml +23 -1
- package/dist/css/variables.css +38 -1
- package/dist/doc.json +978 -156
- package/dist/ios/tokens.swift +38 -1
- package/dist/less/variables.less +38 -1
- package/dist/tokens.json +37 -0
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
// Do not edit directly
|
|
4
|
-
// Generated on
|
|
4
|
+
// Generated on Tue, 18 Apr 2023 16:24:56 GMT
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -56,6 +56,21 @@ object DialtoneTokens {
|
|
|
56
56
|
val dtActionColorForegroundMutedActive = Color(0xff3a3a3a)
|
|
57
57
|
val dtActionColorForegroundMutedDefault = Color(0xff3a3a3a)
|
|
58
58
|
val dtActionColorForegroundMutedHover = Color(0xff3a3a3a)
|
|
59
|
+
val dtBadgeColorBackgroundAi = Color(0xff000000)
|
|
60
|
+
val dtBadgeColorBackgroundBulletin = Color(0xff7c52ff)
|
|
61
|
+
val dtBadgeColorBackgroundCritical = Color(0xffffe5e6)
|
|
62
|
+
val dtBadgeColorBackgroundDefault = Color(0x17000000)
|
|
63
|
+
val dtBadgeColorBackgroundInfo = Color(0xffeaf2fa)
|
|
64
|
+
val dtBadgeColorBackgroundSuccess = Color(0xffedf9eb)
|
|
65
|
+
val dtBadgeColorBackgroundWarning = Color(0xfffff4cc)
|
|
66
|
+
val dtBadgeColorForegroundBulletin = Color(0xffffffff)
|
|
67
|
+
val dtBadgeColorForegroundDefault = Color(0xff000000)
|
|
68
|
+
val dtCheckboxColorBackgroundChecked = Color(0xff7c52ff)
|
|
69
|
+
val dtCheckboxColorBorderChecked = Color(0xff7c52ff)
|
|
70
|
+
val dtCheckboxColorBorderUnchecked = Color(0xffaaaaaa)
|
|
71
|
+
val dtCheckboxSizeHeight = 16.dp
|
|
72
|
+
val dtCheckboxSizeRadius = 4.dp
|
|
73
|
+
val dtCheckboxSizeWidth = 16.dp
|
|
59
74
|
val dtColorBlack100 = Color(0xfff9f9f9)
|
|
60
75
|
val dtColorBlack200 = Color(0xffe9e9e9)
|
|
61
76
|
val dtColorBlack300 = Color(0xffd2d2d2)
|
|
@@ -242,6 +257,22 @@ object DialtoneTokens {
|
|
|
242
257
|
val dtFontWeightMedium = FontWeight.Medium
|
|
243
258
|
val dtFontWeightNormal = FontWeight.Normal
|
|
244
259
|
val dtFontWeightSemiBold = FontWeight.SemiBold
|
|
260
|
+
val dtIconSize100 = 12.dp
|
|
261
|
+
val dtIconSize200 = 14.dp
|
|
262
|
+
val dtIconSize300 = 18.dp
|
|
263
|
+
val dtIconSize400 = 20.dp
|
|
264
|
+
val dtIconSize500 = 24.dp
|
|
265
|
+
val dtIconSize600 = 32.dp
|
|
266
|
+
val dtIconSize700 = 38.dp
|
|
267
|
+
val dtIconSize800 = 48.dp
|
|
268
|
+
val dtIconSizeBorder100 = 1.dp
|
|
269
|
+
val dtIconSizeBorder200 = 1.25.dp
|
|
270
|
+
val dtIconSizeBorder300 = 1.5.dp
|
|
271
|
+
val dtIconSizeBorder400 = 1.75.dp
|
|
272
|
+
val dtIconSizeBorder500 = 1.75.dp
|
|
273
|
+
val dtIconSizeBorder600 = 2.5.dp
|
|
274
|
+
val dtIconSizeBorder700 = 2.75.dp
|
|
275
|
+
val dtIconSizeBorder800 = 3.5.dp
|
|
245
276
|
val dtInputsColorBackgroundDefault = Color(0x08000000)
|
|
246
277
|
val dtInputsColorBackgroundDisabled = Color(0x1f000000)
|
|
247
278
|
val dtInputsColorBackgroundFocus = Color(0x03000000)
|
|
@@ -281,6 +312,12 @@ object DialtoneTokens {
|
|
|
281
312
|
val dtOpacity700 = 0.5F
|
|
282
313
|
val dtOpacity800 = 0.6F
|
|
283
314
|
val dtOpacity900 = 0.7F
|
|
315
|
+
val dtRadioColorBackgroundChecked = Color(0xff7c52ff)
|
|
316
|
+
val dtRadioColorBorderChecked = Color(0xff7c52ff)
|
|
317
|
+
val dtRadioColorBorderUnchecked = Color(0xffaaaaaa)
|
|
318
|
+
val dtRadioSizeHeight = 16.dp
|
|
319
|
+
val dtRadioSizeRadius = 50.dp
|
|
320
|
+
val dtRadioSizeWidth = 16.dp
|
|
284
321
|
val dtShadowCard0Blur = 2.dp
|
|
285
322
|
val dtShadowCard0Color = Color(0x08000000)
|
|
286
323
|
val dtShadowCard0Spread = 0.dp
|
|
@@ -2,9 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Tue, 18 Apr 2023 16:24:56 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
|
+
<color name="dt_radio_color_border_unchecked">#ffaaaaaa</color>
|
|
9
|
+
<color name="dt_radio_color_border_checked">#ff7c52ff</color>
|
|
10
|
+
<color name="dt_radio_color_background_checked">#ff7c52ff</color>
|
|
11
|
+
<color name="dt_checkbox_color_border_unchecked">#ffaaaaaa</color>
|
|
12
|
+
<color name="dt_checkbox_color_border_checked">#ff7c52ff</color>
|
|
13
|
+
<color name="dt_checkbox_color_background_checked">#ff7c52ff</color>
|
|
14
|
+
<color name="dt_badge_color_background_default">#17000000</color>
|
|
15
|
+
<color name="dt_badge_color_background_info">#ffeaf2fa</color>
|
|
16
|
+
<color name="dt_badge_color_background_success">#ffedf9eb</color>
|
|
17
|
+
<color name="dt_badge_color_background_warning">#fffff4cc</color>
|
|
18
|
+
<color name="dt_badge_color_background_critical">#ffffe5e6</color>
|
|
19
|
+
<color name="dt_badge_color_background_bulletin">#ff7c52ff</color>
|
|
20
|
+
<color name="dt_badge_color_background_ai">#ff000000</color>
|
|
21
|
+
<color name="dt_badge_color_foreground_default">#ff000000</color>
|
|
22
|
+
<color name="dt_badge_color_foreground_bulletin">#ffffffff</color>
|
|
8
23
|
<color name="dt_color_foreground_primary">#ff000000</color>
|
|
9
24
|
<color name="dt_color_foreground_secondary">#ff3a3a3a</color>
|
|
10
25
|
<color name="dt_color_foreground_tertiary">#ff555555</color>
|
|
@@ -2,9 +2,31 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Tue, 18 Apr 2023 16:24:56 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
|
+
<dimen name="dt_radio_size_width">16px</dimen>
|
|
9
|
+
<dimen name="dt_radio_size_height">16px</dimen>
|
|
10
|
+
<dimen name="dt_radio_size_radius">50%</dimen>
|
|
11
|
+
<dimen name="dt_icon_size_100">12px</dimen>
|
|
12
|
+
<dimen name="dt_icon_size_200">14px</dimen>
|
|
13
|
+
<dimen name="dt_icon_size_300">18px</dimen>
|
|
14
|
+
<dimen name="dt_icon_size_400">20px</dimen>
|
|
15
|
+
<dimen name="dt_icon_size_500">24px</dimen>
|
|
16
|
+
<dimen name="dt_icon_size_600">32px</dimen>
|
|
17
|
+
<dimen name="dt_icon_size_700">38px</dimen>
|
|
18
|
+
<dimen name="dt_icon_size_800">48px</dimen>
|
|
19
|
+
<dimen name="dt_icon_size_border_100">1px</dimen>
|
|
20
|
+
<dimen name="dt_icon_size_border_200">1.25px</dimen>
|
|
21
|
+
<dimen name="dt_icon_size_border_300">1.5px</dimen>
|
|
22
|
+
<dimen name="dt_icon_size_border_400">1.75px</dimen>
|
|
23
|
+
<dimen name="dt_icon_size_border_500">1.75px</dimen>
|
|
24
|
+
<dimen name="dt_icon_size_border_600">2.5px</dimen>
|
|
25
|
+
<dimen name="dt_icon_size_border_700">2.75px</dimen>
|
|
26
|
+
<dimen name="dt_icon_size_border_800">3.5px</dimen>
|
|
27
|
+
<dimen name="dt_checkbox_size_width">16px</dimen>
|
|
28
|
+
<dimen name="dt_checkbox_size_height">16px</dimen>
|
|
29
|
+
<dimen name="dt_checkbox_size_radius">4px</dimen>
|
|
8
30
|
<dimen name="dt_typography_body_small_font_size">12px</dimen>
|
|
9
31
|
<dimen name="dt_typography_body_base_font_size">15px</dimen>
|
|
10
32
|
<dimen name="dt_typography_body_compact_small_font_size">12px</dimen>
|
package/dist/css/variables.css
CHANGED
|
@@ -1,9 +1,46 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 18 Apr 2023 16:24:56 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
+
--dt-radio-size-width: 1.6rem;
|
|
8
|
+
--dt-radio-size-height: 1.6rem;
|
|
9
|
+
--dt-radio-size-radius: 5rem;
|
|
10
|
+
--dt-radio-color-border-unchecked: #AAAAAA;
|
|
11
|
+
--dt-radio-color-border-checked: #7C52FF;
|
|
12
|
+
--dt-radio-color-background-checked: #7C52FF;
|
|
13
|
+
--dt-icon-size-100: 1.2rem;
|
|
14
|
+
--dt-icon-size-200: 1.4rem;
|
|
15
|
+
--dt-icon-size-300: 1.8rem;
|
|
16
|
+
--dt-icon-size-400: 2rem;
|
|
17
|
+
--dt-icon-size-500: 2.4rem;
|
|
18
|
+
--dt-icon-size-600: 3.2rem;
|
|
19
|
+
--dt-icon-size-700: 3.8rem;
|
|
20
|
+
--dt-icon-size-800: 4.8rem;
|
|
21
|
+
--dt-icon-size-border-100: 0.1rem;
|
|
22
|
+
--dt-icon-size-border-200: 0.125rem;
|
|
23
|
+
--dt-icon-size-border-300: 0.15rem;
|
|
24
|
+
--dt-icon-size-border-400: 0.175rem;
|
|
25
|
+
--dt-icon-size-border-500: 0.175rem;
|
|
26
|
+
--dt-icon-size-border-600: 0.25rem;
|
|
27
|
+
--dt-icon-size-border-700: 0.275rem;
|
|
28
|
+
--dt-icon-size-border-800: 0.35rem;
|
|
29
|
+
--dt-checkbox-size-width: 1.6rem;
|
|
30
|
+
--dt-checkbox-size-height: 1.6rem;
|
|
31
|
+
--dt-checkbox-size-radius: 0.4rem;
|
|
32
|
+
--dt-checkbox-color-border-unchecked: #AAAAAA;
|
|
33
|
+
--dt-checkbox-color-border-checked: #7C52FF;
|
|
34
|
+
--dt-checkbox-color-background-checked: #7C52FF;
|
|
35
|
+
--dt-badge-color-background-default: #00000017;
|
|
36
|
+
--dt-badge-color-background-info: #EAF2FA;
|
|
37
|
+
--dt-badge-color-background-success: #EDF9EB;
|
|
38
|
+
--dt-badge-color-background-warning: #FFF4CC;
|
|
39
|
+
--dt-badge-color-background-critical: #FFE5E6;
|
|
40
|
+
--dt-badge-color-background-bulletin: #7C52FF;
|
|
41
|
+
--dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
|
|
42
|
+
--dt-badge-color-foreground-default: #000000;
|
|
43
|
+
--dt-badge-color-foreground-bulletin: #ffffff;
|
|
7
44
|
--dt-color-foreground-primary: #000000;
|
|
8
45
|
--dt-color-foreground-secondary: #3a3a3a;
|
|
9
46
|
--dt-color-foreground-tertiary: #555555;
|