@dialpad/dialtone-tokens 1.9.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 +666 -0
- 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;
|
package/dist/doc.json
CHANGED
|
@@ -1,4 +1,670 @@
|
|
|
1
1
|
{
|
|
2
|
+
"radio/size/width": {
|
|
3
|
+
"css/variables": {
|
|
4
|
+
"name": "var(--dt-radio-size-width)",
|
|
5
|
+
"value": "1.6rem"
|
|
6
|
+
},
|
|
7
|
+
"android/resources": {
|
|
8
|
+
"name": "dt_radio_size_width",
|
|
9
|
+
"value": "16px"
|
|
10
|
+
},
|
|
11
|
+
"compose/object": {
|
|
12
|
+
"name": "dtRadioSizeWidth",
|
|
13
|
+
"value": "16.dp"
|
|
14
|
+
},
|
|
15
|
+
"ios-swift/enum.swift": {
|
|
16
|
+
"name": "dtRadioSizeWidth",
|
|
17
|
+
"value": "CGFloat(16.00)"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"radio/size/height": {
|
|
21
|
+
"css/variables": {
|
|
22
|
+
"name": "var(--dt-radio-size-height)",
|
|
23
|
+
"value": "1.6rem"
|
|
24
|
+
},
|
|
25
|
+
"android/resources": {
|
|
26
|
+
"name": "dt_radio_size_height",
|
|
27
|
+
"value": "16px"
|
|
28
|
+
},
|
|
29
|
+
"compose/object": {
|
|
30
|
+
"name": "dtRadioSizeHeight",
|
|
31
|
+
"value": "16.dp"
|
|
32
|
+
},
|
|
33
|
+
"ios-swift/enum.swift": {
|
|
34
|
+
"name": "dtRadioSizeHeight",
|
|
35
|
+
"value": "CGFloat(16.00)"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
"radio/size/radius": {
|
|
39
|
+
"css/variables": {
|
|
40
|
+
"name": "var(--dt-radio-size-radius)",
|
|
41
|
+
"value": "5rem"
|
|
42
|
+
},
|
|
43
|
+
"android/resources": {
|
|
44
|
+
"name": "dt_radio_size_radius",
|
|
45
|
+
"value": "50%"
|
|
46
|
+
},
|
|
47
|
+
"compose/object": {
|
|
48
|
+
"name": "dtRadioSizeRadius",
|
|
49
|
+
"value": "50.dp"
|
|
50
|
+
},
|
|
51
|
+
"ios-swift/enum.swift": {
|
|
52
|
+
"name": "dtRadioSizeRadius",
|
|
53
|
+
"value": "CGFloat(50.00)"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"radio/color/border/unchecked": {
|
|
57
|
+
"css/variables": {
|
|
58
|
+
"name": "var(--dt-radio-color-border-unchecked)",
|
|
59
|
+
"value": "#AAAAAA"
|
|
60
|
+
},
|
|
61
|
+
"android/resources": {
|
|
62
|
+
"name": "dt_radio_color_border_unchecked",
|
|
63
|
+
"value": "#ffaaaaaa"
|
|
64
|
+
},
|
|
65
|
+
"compose/object": {
|
|
66
|
+
"name": "dtRadioColorBorderUnchecked",
|
|
67
|
+
"value": "Color(0xffaaaaaa)"
|
|
68
|
+
},
|
|
69
|
+
"ios-swift/enum.swift": {
|
|
70
|
+
"name": "dtRadioColorBorderUnchecked",
|
|
71
|
+
"value": "UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)"
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
"radio/color/border/checked": {
|
|
75
|
+
"css/variables": {
|
|
76
|
+
"name": "var(--dt-radio-color-border-checked)",
|
|
77
|
+
"value": "#7C52FF"
|
|
78
|
+
},
|
|
79
|
+
"android/resources": {
|
|
80
|
+
"name": "dt_radio_color_border_checked",
|
|
81
|
+
"value": "#ff7c52ff"
|
|
82
|
+
},
|
|
83
|
+
"compose/object": {
|
|
84
|
+
"name": "dtRadioColorBorderChecked",
|
|
85
|
+
"value": "Color(0xff7c52ff)"
|
|
86
|
+
},
|
|
87
|
+
"ios-swift/enum.swift": {
|
|
88
|
+
"name": "dtRadioColorBorderChecked",
|
|
89
|
+
"value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
"radio/color/background/checked": {
|
|
93
|
+
"css/variables": {
|
|
94
|
+
"name": "var(--dt-radio-color-background-checked)",
|
|
95
|
+
"value": "#7C52FF"
|
|
96
|
+
},
|
|
97
|
+
"android/resources": {
|
|
98
|
+
"name": "dt_radio_color_background_checked",
|
|
99
|
+
"value": "#ff7c52ff"
|
|
100
|
+
},
|
|
101
|
+
"compose/object": {
|
|
102
|
+
"name": "dtRadioColorBackgroundChecked",
|
|
103
|
+
"value": "Color(0xff7c52ff)"
|
|
104
|
+
},
|
|
105
|
+
"ios-swift/enum.swift": {
|
|
106
|
+
"name": "dtRadioColorBackgroundChecked",
|
|
107
|
+
"value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
"icon/size/100": {
|
|
111
|
+
"css/variables": {
|
|
112
|
+
"name": "var(--dt-icon-size-100)",
|
|
113
|
+
"value": "1.2rem"
|
|
114
|
+
},
|
|
115
|
+
"android/resources": {
|
|
116
|
+
"name": "dt_icon_size_100",
|
|
117
|
+
"value": "12px"
|
|
118
|
+
},
|
|
119
|
+
"compose/object": {
|
|
120
|
+
"name": "dtIconSize100",
|
|
121
|
+
"value": "12.dp"
|
|
122
|
+
},
|
|
123
|
+
"ios-swift/enum.swift": {
|
|
124
|
+
"name": "dtIconSize100",
|
|
125
|
+
"value": "CGFloat(12.00)"
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
"icon/size/200": {
|
|
129
|
+
"css/variables": {
|
|
130
|
+
"name": "var(--dt-icon-size-200)",
|
|
131
|
+
"value": "1.4rem"
|
|
132
|
+
},
|
|
133
|
+
"android/resources": {
|
|
134
|
+
"name": "dt_icon_size_200",
|
|
135
|
+
"value": "14px"
|
|
136
|
+
},
|
|
137
|
+
"compose/object": {
|
|
138
|
+
"name": "dtIconSize200",
|
|
139
|
+
"value": "14.dp"
|
|
140
|
+
},
|
|
141
|
+
"ios-swift/enum.swift": {
|
|
142
|
+
"name": "dtIconSize200",
|
|
143
|
+
"value": "CGFloat(14.00)"
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
"icon/size/300": {
|
|
147
|
+
"css/variables": {
|
|
148
|
+
"name": "var(--dt-icon-size-300)",
|
|
149
|
+
"value": "1.8rem"
|
|
150
|
+
},
|
|
151
|
+
"android/resources": {
|
|
152
|
+
"name": "dt_icon_size_300",
|
|
153
|
+
"value": "18px"
|
|
154
|
+
},
|
|
155
|
+
"compose/object": {
|
|
156
|
+
"name": "dtIconSize300",
|
|
157
|
+
"value": "18.dp"
|
|
158
|
+
},
|
|
159
|
+
"ios-swift/enum.swift": {
|
|
160
|
+
"name": "dtIconSize300",
|
|
161
|
+
"value": "CGFloat(18.00)"
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
"icon/size/400": {
|
|
165
|
+
"css/variables": {
|
|
166
|
+
"name": "var(--dt-icon-size-400)",
|
|
167
|
+
"value": "2rem"
|
|
168
|
+
},
|
|
169
|
+
"android/resources": {
|
|
170
|
+
"name": "dt_icon_size_400",
|
|
171
|
+
"value": "20px"
|
|
172
|
+
},
|
|
173
|
+
"compose/object": {
|
|
174
|
+
"name": "dtIconSize400",
|
|
175
|
+
"value": "20.dp"
|
|
176
|
+
},
|
|
177
|
+
"ios-swift/enum.swift": {
|
|
178
|
+
"name": "dtIconSize400",
|
|
179
|
+
"value": "CGFloat(20.00)"
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
"icon/size/500": {
|
|
183
|
+
"css/variables": {
|
|
184
|
+
"name": "var(--dt-icon-size-500)",
|
|
185
|
+
"value": "2.4rem"
|
|
186
|
+
},
|
|
187
|
+
"android/resources": {
|
|
188
|
+
"name": "dt_icon_size_500",
|
|
189
|
+
"value": "24px"
|
|
190
|
+
},
|
|
191
|
+
"compose/object": {
|
|
192
|
+
"name": "dtIconSize500",
|
|
193
|
+
"value": "24.dp"
|
|
194
|
+
},
|
|
195
|
+
"ios-swift/enum.swift": {
|
|
196
|
+
"name": "dtIconSize500",
|
|
197
|
+
"value": "CGFloat(24.00)"
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
"icon/size/600": {
|
|
201
|
+
"css/variables": {
|
|
202
|
+
"name": "var(--dt-icon-size-600)",
|
|
203
|
+
"value": "3.2rem"
|
|
204
|
+
},
|
|
205
|
+
"android/resources": {
|
|
206
|
+
"name": "dt_icon_size_600",
|
|
207
|
+
"value": "32px"
|
|
208
|
+
},
|
|
209
|
+
"compose/object": {
|
|
210
|
+
"name": "dtIconSize600",
|
|
211
|
+
"value": "32.dp"
|
|
212
|
+
},
|
|
213
|
+
"ios-swift/enum.swift": {
|
|
214
|
+
"name": "dtIconSize600",
|
|
215
|
+
"value": "CGFloat(32.00)"
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
"icon/size/700": {
|
|
219
|
+
"css/variables": {
|
|
220
|
+
"name": "var(--dt-icon-size-700)",
|
|
221
|
+
"value": "3.8rem"
|
|
222
|
+
},
|
|
223
|
+
"android/resources": {
|
|
224
|
+
"name": "dt_icon_size_700",
|
|
225
|
+
"value": "38px"
|
|
226
|
+
},
|
|
227
|
+
"compose/object": {
|
|
228
|
+
"name": "dtIconSize700",
|
|
229
|
+
"value": "38.dp"
|
|
230
|
+
},
|
|
231
|
+
"ios-swift/enum.swift": {
|
|
232
|
+
"name": "dtIconSize700",
|
|
233
|
+
"value": "CGFloat(38.00)"
|
|
234
|
+
}
|
|
235
|
+
},
|
|
236
|
+
"icon/size/800": {
|
|
237
|
+
"css/variables": {
|
|
238
|
+
"name": "var(--dt-icon-size-800)",
|
|
239
|
+
"value": "4.8rem"
|
|
240
|
+
},
|
|
241
|
+
"android/resources": {
|
|
242
|
+
"name": "dt_icon_size_800",
|
|
243
|
+
"value": "48px"
|
|
244
|
+
},
|
|
245
|
+
"compose/object": {
|
|
246
|
+
"name": "dtIconSize800",
|
|
247
|
+
"value": "48.dp"
|
|
248
|
+
},
|
|
249
|
+
"ios-swift/enum.swift": {
|
|
250
|
+
"name": "dtIconSize800",
|
|
251
|
+
"value": "CGFloat(48.00)"
|
|
252
|
+
}
|
|
253
|
+
},
|
|
254
|
+
"icon/size/border/100": {
|
|
255
|
+
"css/variables": {
|
|
256
|
+
"name": "var(--dt-icon-size-border-100)",
|
|
257
|
+
"value": "0.1rem"
|
|
258
|
+
},
|
|
259
|
+
"android/resources": {
|
|
260
|
+
"name": "dt_icon_size_border_100",
|
|
261
|
+
"value": "1px"
|
|
262
|
+
},
|
|
263
|
+
"compose/object": {
|
|
264
|
+
"name": "dtIconSizeBorder100",
|
|
265
|
+
"value": "1.dp"
|
|
266
|
+
},
|
|
267
|
+
"ios-swift/enum.swift": {
|
|
268
|
+
"name": "dtIconSizeBorder100",
|
|
269
|
+
"value": "CGFloat(1.00)"
|
|
270
|
+
}
|
|
271
|
+
},
|
|
272
|
+
"icon/size/border/200": {
|
|
273
|
+
"css/variables": {
|
|
274
|
+
"name": "var(--dt-icon-size-border-200)",
|
|
275
|
+
"value": "0.125rem"
|
|
276
|
+
},
|
|
277
|
+
"android/resources": {
|
|
278
|
+
"name": "dt_icon_size_border_200",
|
|
279
|
+
"value": "1.25px"
|
|
280
|
+
},
|
|
281
|
+
"compose/object": {
|
|
282
|
+
"name": "dtIconSizeBorder200",
|
|
283
|
+
"value": "1.25.dp"
|
|
284
|
+
},
|
|
285
|
+
"ios-swift/enum.swift": {
|
|
286
|
+
"name": "dtIconSizeBorder200",
|
|
287
|
+
"value": "CGFloat(1.25)"
|
|
288
|
+
}
|
|
289
|
+
},
|
|
290
|
+
"icon/size/border/300": {
|
|
291
|
+
"css/variables": {
|
|
292
|
+
"name": "var(--dt-icon-size-border-300)",
|
|
293
|
+
"value": "0.15rem"
|
|
294
|
+
},
|
|
295
|
+
"android/resources": {
|
|
296
|
+
"name": "dt_icon_size_border_300",
|
|
297
|
+
"value": "1.5px"
|
|
298
|
+
},
|
|
299
|
+
"compose/object": {
|
|
300
|
+
"name": "dtIconSizeBorder300",
|
|
301
|
+
"value": "1.5.dp"
|
|
302
|
+
},
|
|
303
|
+
"ios-swift/enum.swift": {
|
|
304
|
+
"name": "dtIconSizeBorder300",
|
|
305
|
+
"value": "CGFloat(1.50)"
|
|
306
|
+
}
|
|
307
|
+
},
|
|
308
|
+
"icon/size/border/400": {
|
|
309
|
+
"css/variables": {
|
|
310
|
+
"name": "var(--dt-icon-size-border-400)",
|
|
311
|
+
"value": "0.175rem"
|
|
312
|
+
},
|
|
313
|
+
"android/resources": {
|
|
314
|
+
"name": "dt_icon_size_border_400",
|
|
315
|
+
"value": "1.75px"
|
|
316
|
+
},
|
|
317
|
+
"compose/object": {
|
|
318
|
+
"name": "dtIconSizeBorder400",
|
|
319
|
+
"value": "1.75.dp"
|
|
320
|
+
},
|
|
321
|
+
"ios-swift/enum.swift": {
|
|
322
|
+
"name": "dtIconSizeBorder400",
|
|
323
|
+
"value": "CGFloat(1.75)"
|
|
324
|
+
}
|
|
325
|
+
},
|
|
326
|
+
"icon/size/border/500": {
|
|
327
|
+
"css/variables": {
|
|
328
|
+
"name": "var(--dt-icon-size-border-500)",
|
|
329
|
+
"value": "0.175rem"
|
|
330
|
+
},
|
|
331
|
+
"android/resources": {
|
|
332
|
+
"name": "dt_icon_size_border_500",
|
|
333
|
+
"value": "1.75px"
|
|
334
|
+
},
|
|
335
|
+
"compose/object": {
|
|
336
|
+
"name": "dtIconSizeBorder500",
|
|
337
|
+
"value": "1.75.dp"
|
|
338
|
+
},
|
|
339
|
+
"ios-swift/enum.swift": {
|
|
340
|
+
"name": "dtIconSizeBorder500",
|
|
341
|
+
"value": "CGFloat(1.75)"
|
|
342
|
+
}
|
|
343
|
+
},
|
|
344
|
+
"icon/size/border/600": {
|
|
345
|
+
"css/variables": {
|
|
346
|
+
"name": "var(--dt-icon-size-border-600)",
|
|
347
|
+
"value": "0.25rem"
|
|
348
|
+
},
|
|
349
|
+
"android/resources": {
|
|
350
|
+
"name": "dt_icon_size_border_600",
|
|
351
|
+
"value": "2.5px"
|
|
352
|
+
},
|
|
353
|
+
"compose/object": {
|
|
354
|
+
"name": "dtIconSizeBorder600",
|
|
355
|
+
"value": "2.5.dp"
|
|
356
|
+
},
|
|
357
|
+
"ios-swift/enum.swift": {
|
|
358
|
+
"name": "dtIconSizeBorder600",
|
|
359
|
+
"value": "CGFloat(2.50)"
|
|
360
|
+
}
|
|
361
|
+
},
|
|
362
|
+
"icon/size/border/700": {
|
|
363
|
+
"css/variables": {
|
|
364
|
+
"name": "var(--dt-icon-size-border-700)",
|
|
365
|
+
"value": "0.275rem"
|
|
366
|
+
},
|
|
367
|
+
"android/resources": {
|
|
368
|
+
"name": "dt_icon_size_border_700",
|
|
369
|
+
"value": "2.75px"
|
|
370
|
+
},
|
|
371
|
+
"compose/object": {
|
|
372
|
+
"name": "dtIconSizeBorder700",
|
|
373
|
+
"value": "2.75.dp"
|
|
374
|
+
},
|
|
375
|
+
"ios-swift/enum.swift": {
|
|
376
|
+
"name": "dtIconSizeBorder700",
|
|
377
|
+
"value": "CGFloat(2.75)"
|
|
378
|
+
}
|
|
379
|
+
},
|
|
380
|
+
"icon/size/border/800": {
|
|
381
|
+
"css/variables": {
|
|
382
|
+
"name": "var(--dt-icon-size-border-800)",
|
|
383
|
+
"value": "0.35rem"
|
|
384
|
+
},
|
|
385
|
+
"android/resources": {
|
|
386
|
+
"name": "dt_icon_size_border_800",
|
|
387
|
+
"value": "3.5px"
|
|
388
|
+
},
|
|
389
|
+
"compose/object": {
|
|
390
|
+
"name": "dtIconSizeBorder800",
|
|
391
|
+
"value": "3.5.dp"
|
|
392
|
+
},
|
|
393
|
+
"ios-swift/enum.swift": {
|
|
394
|
+
"name": "dtIconSizeBorder800",
|
|
395
|
+
"value": "CGFloat(3.50)"
|
|
396
|
+
}
|
|
397
|
+
},
|
|
398
|
+
"checkbox/size/width": {
|
|
399
|
+
"css/variables": {
|
|
400
|
+
"name": "var(--dt-checkbox-size-width)",
|
|
401
|
+
"value": "1.6rem"
|
|
402
|
+
},
|
|
403
|
+
"android/resources": {
|
|
404
|
+
"name": "dt_checkbox_size_width",
|
|
405
|
+
"value": "16px"
|
|
406
|
+
},
|
|
407
|
+
"compose/object": {
|
|
408
|
+
"name": "dtCheckboxSizeWidth",
|
|
409
|
+
"value": "16.dp"
|
|
410
|
+
},
|
|
411
|
+
"ios-swift/enum.swift": {
|
|
412
|
+
"name": "dtCheckboxSizeWidth",
|
|
413
|
+
"value": "CGFloat(16.00)"
|
|
414
|
+
}
|
|
415
|
+
},
|
|
416
|
+
"checkbox/size/height": {
|
|
417
|
+
"css/variables": {
|
|
418
|
+
"name": "var(--dt-checkbox-size-height)",
|
|
419
|
+
"value": "1.6rem"
|
|
420
|
+
},
|
|
421
|
+
"android/resources": {
|
|
422
|
+
"name": "dt_checkbox_size_height",
|
|
423
|
+
"value": "16px"
|
|
424
|
+
},
|
|
425
|
+
"compose/object": {
|
|
426
|
+
"name": "dtCheckboxSizeHeight",
|
|
427
|
+
"value": "16.dp"
|
|
428
|
+
},
|
|
429
|
+
"ios-swift/enum.swift": {
|
|
430
|
+
"name": "dtCheckboxSizeHeight",
|
|
431
|
+
"value": "CGFloat(16.00)"
|
|
432
|
+
}
|
|
433
|
+
},
|
|
434
|
+
"checkbox/size/radius": {
|
|
435
|
+
"css/variables": {
|
|
436
|
+
"name": "var(--dt-checkbox-size-radius)",
|
|
437
|
+
"value": "0.4rem"
|
|
438
|
+
},
|
|
439
|
+
"android/resources": {
|
|
440
|
+
"name": "dt_checkbox_size_radius",
|
|
441
|
+
"value": "4px"
|
|
442
|
+
},
|
|
443
|
+
"compose/object": {
|
|
444
|
+
"name": "dtCheckboxSizeRadius",
|
|
445
|
+
"value": "4.dp"
|
|
446
|
+
},
|
|
447
|
+
"ios-swift/enum.swift": {
|
|
448
|
+
"name": "dtCheckboxSizeRadius",
|
|
449
|
+
"value": "CGFloat(4.00)"
|
|
450
|
+
}
|
|
451
|
+
},
|
|
452
|
+
"checkbox/color/border/unchecked": {
|
|
453
|
+
"css/variables": {
|
|
454
|
+
"name": "var(--dt-checkbox-color-border-unchecked)",
|
|
455
|
+
"value": "#AAAAAA"
|
|
456
|
+
},
|
|
457
|
+
"android/resources": {
|
|
458
|
+
"name": "dt_checkbox_color_border_unchecked",
|
|
459
|
+
"value": "#ffaaaaaa"
|
|
460
|
+
},
|
|
461
|
+
"compose/object": {
|
|
462
|
+
"name": "dtCheckboxColorBorderUnchecked",
|
|
463
|
+
"value": "Color(0xffaaaaaa)"
|
|
464
|
+
},
|
|
465
|
+
"ios-swift/enum.swift": {
|
|
466
|
+
"name": "dtCheckboxColorBorderUnchecked",
|
|
467
|
+
"value": "UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)"
|
|
468
|
+
}
|
|
469
|
+
},
|
|
470
|
+
"checkbox/color/border/checked": {
|
|
471
|
+
"css/variables": {
|
|
472
|
+
"name": "var(--dt-checkbox-color-border-checked)",
|
|
473
|
+
"value": "#7C52FF"
|
|
474
|
+
},
|
|
475
|
+
"android/resources": {
|
|
476
|
+
"name": "dt_checkbox_color_border_checked",
|
|
477
|
+
"value": "#ff7c52ff"
|
|
478
|
+
},
|
|
479
|
+
"compose/object": {
|
|
480
|
+
"name": "dtCheckboxColorBorderChecked",
|
|
481
|
+
"value": "Color(0xff7c52ff)"
|
|
482
|
+
},
|
|
483
|
+
"ios-swift/enum.swift": {
|
|
484
|
+
"name": "dtCheckboxColorBorderChecked",
|
|
485
|
+
"value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
|
|
486
|
+
}
|
|
487
|
+
},
|
|
488
|
+
"checkbox/color/background/checked": {
|
|
489
|
+
"css/variables": {
|
|
490
|
+
"name": "var(--dt-checkbox-color-background-checked)",
|
|
491
|
+
"value": "#7C52FF"
|
|
492
|
+
},
|
|
493
|
+
"android/resources": {
|
|
494
|
+
"name": "dt_checkbox_color_background_checked",
|
|
495
|
+
"value": "#ff7c52ff"
|
|
496
|
+
},
|
|
497
|
+
"compose/object": {
|
|
498
|
+
"name": "dtCheckboxColorBackgroundChecked",
|
|
499
|
+
"value": "Color(0xff7c52ff)"
|
|
500
|
+
},
|
|
501
|
+
"ios-swift/enum.swift": {
|
|
502
|
+
"name": "dtCheckboxColorBackgroundChecked",
|
|
503
|
+
"value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
|
|
504
|
+
}
|
|
505
|
+
},
|
|
506
|
+
"badge/color/background/default": {
|
|
507
|
+
"css/variables": {
|
|
508
|
+
"name": "var(--dt-badge-color-background-default)",
|
|
509
|
+
"value": "#00000017"
|
|
510
|
+
},
|
|
511
|
+
"android/resources": {
|
|
512
|
+
"name": "dt_badge_color_background_default",
|
|
513
|
+
"value": "#17000000"
|
|
514
|
+
},
|
|
515
|
+
"compose/object": {
|
|
516
|
+
"name": "dtBadgeColorBackgroundDefault",
|
|
517
|
+
"value": "Color(0x17000000)"
|
|
518
|
+
},
|
|
519
|
+
"ios-swift/enum.swift": {
|
|
520
|
+
"name": "dtBadgeColorBackgroundDefault",
|
|
521
|
+
"value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.09019607843137255)"
|
|
522
|
+
}
|
|
523
|
+
},
|
|
524
|
+
"badge/color/background/info": {
|
|
525
|
+
"css/variables": {
|
|
526
|
+
"name": "var(--dt-badge-color-background-info)",
|
|
527
|
+
"value": "#EAF2FA"
|
|
528
|
+
},
|
|
529
|
+
"android/resources": {
|
|
530
|
+
"name": "dt_badge_color_background_info",
|
|
531
|
+
"value": "#ffeaf2fa"
|
|
532
|
+
},
|
|
533
|
+
"compose/object": {
|
|
534
|
+
"name": "dtBadgeColorBackgroundInfo",
|
|
535
|
+
"value": "Color(0xffeaf2fa)"
|
|
536
|
+
},
|
|
537
|
+
"ios-swift/enum.swift": {
|
|
538
|
+
"name": "dtBadgeColorBackgroundInfo",
|
|
539
|
+
"value": "UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)"
|
|
540
|
+
}
|
|
541
|
+
},
|
|
542
|
+
"badge/color/background/success": {
|
|
543
|
+
"css/variables": {
|
|
544
|
+
"name": "var(--dt-badge-color-background-success)",
|
|
545
|
+
"value": "#EDF9EB"
|
|
546
|
+
},
|
|
547
|
+
"android/resources": {
|
|
548
|
+
"name": "dt_badge_color_background_success",
|
|
549
|
+
"value": "#ffedf9eb"
|
|
550
|
+
},
|
|
551
|
+
"compose/object": {
|
|
552
|
+
"name": "dtBadgeColorBackgroundSuccess",
|
|
553
|
+
"value": "Color(0xffedf9eb)"
|
|
554
|
+
},
|
|
555
|
+
"ios-swift/enum.swift": {
|
|
556
|
+
"name": "dtBadgeColorBackgroundSuccess",
|
|
557
|
+
"value": "UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)"
|
|
558
|
+
}
|
|
559
|
+
},
|
|
560
|
+
"badge/color/background/warning": {
|
|
561
|
+
"css/variables": {
|
|
562
|
+
"name": "var(--dt-badge-color-background-warning)",
|
|
563
|
+
"value": "#FFF4CC"
|
|
564
|
+
},
|
|
565
|
+
"android/resources": {
|
|
566
|
+
"name": "dt_badge_color_background_warning",
|
|
567
|
+
"value": "#fffff4cc"
|
|
568
|
+
},
|
|
569
|
+
"compose/object": {
|
|
570
|
+
"name": "dtBadgeColorBackgroundWarning",
|
|
571
|
+
"value": "Color(0xfffff4cc)"
|
|
572
|
+
},
|
|
573
|
+
"ios-swift/enum.swift": {
|
|
574
|
+
"name": "dtBadgeColorBackgroundWarning",
|
|
575
|
+
"value": "UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)"
|
|
576
|
+
}
|
|
577
|
+
},
|
|
578
|
+
"badge/color/background/critical": {
|
|
579
|
+
"css/variables": {
|
|
580
|
+
"name": "var(--dt-badge-color-background-critical)",
|
|
581
|
+
"value": "#FFE5E6"
|
|
582
|
+
},
|
|
583
|
+
"android/resources": {
|
|
584
|
+
"name": "dt_badge_color_background_critical",
|
|
585
|
+
"value": "#ffffe5e6"
|
|
586
|
+
},
|
|
587
|
+
"compose/object": {
|
|
588
|
+
"name": "dtBadgeColorBackgroundCritical",
|
|
589
|
+
"value": "Color(0xffffe5e6)"
|
|
590
|
+
},
|
|
591
|
+
"ios-swift/enum.swift": {
|
|
592
|
+
"name": "dtBadgeColorBackgroundCritical",
|
|
593
|
+
"value": "UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)"
|
|
594
|
+
}
|
|
595
|
+
},
|
|
596
|
+
"badge/color/background/bulletin": {
|
|
597
|
+
"css/variables": {
|
|
598
|
+
"name": "var(--dt-badge-color-background-bulletin)",
|
|
599
|
+
"value": "#7C52FF"
|
|
600
|
+
},
|
|
601
|
+
"android/resources": {
|
|
602
|
+
"name": "dt_badge_color_background_bulletin",
|
|
603
|
+
"value": "#ff7c52ff"
|
|
604
|
+
},
|
|
605
|
+
"compose/object": {
|
|
606
|
+
"name": "dtBadgeColorBackgroundBulletin",
|
|
607
|
+
"value": "Color(0xff7c52ff)"
|
|
608
|
+
},
|
|
609
|
+
"ios-swift/enum.swift": {
|
|
610
|
+
"name": "dtBadgeColorBackgroundBulletin",
|
|
611
|
+
"value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
|
|
612
|
+
}
|
|
613
|
+
},
|
|
614
|
+
"badge/color/background/ai": {
|
|
615
|
+
"css/variables": {
|
|
616
|
+
"name": "var(--dt-badge-color-background-ai)",
|
|
617
|
+
"value": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)"
|
|
618
|
+
},
|
|
619
|
+
"android/resources": {
|
|
620
|
+
"name": "dt_badge_color_background_ai",
|
|
621
|
+
"value": "#ff000000"
|
|
622
|
+
},
|
|
623
|
+
"compose/object": {
|
|
624
|
+
"name": "dtBadgeColorBackgroundAi",
|
|
625
|
+
"value": "Color(0xff000000)"
|
|
626
|
+
},
|
|
627
|
+
"ios-swift/enum.swift": {
|
|
628
|
+
"name": "dtBadgeColorBackgroundAi",
|
|
629
|
+
"value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)"
|
|
630
|
+
}
|
|
631
|
+
},
|
|
632
|
+
"badge/color/foreground/default": {
|
|
633
|
+
"css/variables": {
|
|
634
|
+
"name": "var(--dt-badge-color-foreground-default)",
|
|
635
|
+
"value": "#000000"
|
|
636
|
+
},
|
|
637
|
+
"android/resources": {
|
|
638
|
+
"name": "dt_badge_color_foreground_default",
|
|
639
|
+
"value": "#ff000000"
|
|
640
|
+
},
|
|
641
|
+
"compose/object": {
|
|
642
|
+
"name": "dtBadgeColorForegroundDefault",
|
|
643
|
+
"value": "Color(0xff000000)"
|
|
644
|
+
},
|
|
645
|
+
"ios-swift/enum.swift": {
|
|
646
|
+
"name": "dtBadgeColorForegroundDefault",
|
|
647
|
+
"value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)"
|
|
648
|
+
}
|
|
649
|
+
},
|
|
650
|
+
"badge/color/foreground/bulletin": {
|
|
651
|
+
"css/variables": {
|
|
652
|
+
"name": "var(--dt-badge-color-foreground-bulletin)",
|
|
653
|
+
"value": "#ffffff"
|
|
654
|
+
},
|
|
655
|
+
"android/resources": {
|
|
656
|
+
"name": "dt_badge_color_foreground_bulletin",
|
|
657
|
+
"value": "#ffffffff"
|
|
658
|
+
},
|
|
659
|
+
"compose/object": {
|
|
660
|
+
"name": "dtBadgeColorForegroundBulletin",
|
|
661
|
+
"value": "Color(0xffffffff)"
|
|
662
|
+
},
|
|
663
|
+
"ios-swift/enum.swift": {
|
|
664
|
+
"name": "dtBadgeColorForegroundBulletin",
|
|
665
|
+
"value": "UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)"
|
|
666
|
+
}
|
|
667
|
+
},
|
|
2
668
|
"color/foreground/primary": {
|
|
3
669
|
"css/variables": {
|
|
4
670
|
"name": "var(--dt-color-foreground-primary)",
|
package/dist/ios/tokens.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Tue, 18 Apr 2023 16:24:56 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -54,6 +54,21 @@ public enum DialtoneTokens {
|
|
|
54
54
|
public static let dtActionColorForegroundMutedActive = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
55
55
|
public static let dtActionColorForegroundMutedDefault = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
56
56
|
public static let dtActionColorForegroundMutedHover = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
57
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
58
|
+
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
59
|
+
public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
60
|
+
public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.09019607843137255)
|
|
61
|
+
public static let dtBadgeColorBackgroundInfo = UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)
|
|
62
|
+
public static let dtBadgeColorBackgroundSuccess = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
|
|
63
|
+
public static let dtBadgeColorBackgroundWarning = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
64
|
+
public static let dtBadgeColorForegroundBulletin = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
65
|
+
public static let dtBadgeColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
66
|
+
public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
67
|
+
public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
68
|
+
public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
69
|
+
public static let dtCheckboxSizeHeight = CGFloat(16.00)
|
|
70
|
+
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
71
|
+
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
57
72
|
public static let dtColorBlack100 = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
58
73
|
public static let dtColorBlack200 = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
|
|
59
74
|
public static let dtColorBlack300 = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
@@ -240,6 +255,22 @@ public enum DialtoneTokens {
|
|
|
240
255
|
public static let dtFontWeightMedium = 500
|
|
241
256
|
public static let dtFontWeightNormal = 400
|
|
242
257
|
public static let dtFontWeightSemiBold = 600
|
|
258
|
+
public static let dtIconSize100 = CGFloat(12.00)
|
|
259
|
+
public static let dtIconSize200 = CGFloat(14.00)
|
|
260
|
+
public static let dtIconSize300 = CGFloat(18.00)
|
|
261
|
+
public static let dtIconSize400 = CGFloat(20.00)
|
|
262
|
+
public static let dtIconSize500 = CGFloat(24.00)
|
|
263
|
+
public static let dtIconSize600 = CGFloat(32.00)
|
|
264
|
+
public static let dtIconSize700 = CGFloat(38.00)
|
|
265
|
+
public static let dtIconSize800 = CGFloat(48.00)
|
|
266
|
+
public static let dtIconSizeBorder100 = CGFloat(1.00)
|
|
267
|
+
public static let dtIconSizeBorder200 = CGFloat(1.25)
|
|
268
|
+
public static let dtIconSizeBorder300 = CGFloat(1.50)
|
|
269
|
+
public static let dtIconSizeBorder400 = CGFloat(1.75)
|
|
270
|
+
public static let dtIconSizeBorder500 = CGFloat(1.75)
|
|
271
|
+
public static let dtIconSizeBorder600 = CGFloat(2.50)
|
|
272
|
+
public static let dtIconSizeBorder700 = CGFloat(2.75)
|
|
273
|
+
public static let dtIconSizeBorder800 = CGFloat(3.50)
|
|
243
274
|
public static let dtInputsColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
|
|
244
275
|
public static let dtInputsColorBackgroundDisabled = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.12156862745098039)
|
|
245
276
|
public static let dtInputsColorBackgroundFocus = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.011764705882352941)
|
|
@@ -279,6 +310,12 @@ public enum DialtoneTokens {
|
|
|
279
310
|
public static let dtOpacity700 = CGFloat(0.50)
|
|
280
311
|
public static let dtOpacity800 = CGFloat(0.60)
|
|
281
312
|
public static let dtOpacity900 = CGFloat(0.70)
|
|
313
|
+
public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
314
|
+
public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
315
|
+
public static let dtRadioColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
316
|
+
public static let dtRadioSizeHeight = CGFloat(16.00)
|
|
317
|
+
public static let dtRadioSizeRadius = CGFloat(50.00)
|
|
318
|
+
public static let dtRadioSizeWidth = CGFloat(16.00)
|
|
282
319
|
public static let dtShadowCard0Blur = CGFloat(2.00)
|
|
283
320
|
public static let dtShadowCard0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
|
|
284
321
|
public static let dtShadowCard0Spread = CGFloat(0.00)
|
package/dist/less/variables.less
CHANGED
|
@@ -1,7 +1,44 @@
|
|
|
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
|
+
@dt-radio-size-width: 1.6rem;
|
|
6
|
+
@dt-radio-size-height: 1.6rem;
|
|
7
|
+
@dt-radio-size-radius: 5rem;
|
|
8
|
+
@dt-radio-color-border-unchecked: #AAAAAA;
|
|
9
|
+
@dt-radio-color-border-checked: #7C52FF;
|
|
10
|
+
@dt-radio-color-background-checked: #7C52FF;
|
|
11
|
+
@dt-icon-size-100: 1.2rem;
|
|
12
|
+
@dt-icon-size-200: 1.4rem;
|
|
13
|
+
@dt-icon-size-300: 1.8rem;
|
|
14
|
+
@dt-icon-size-400: 2rem;
|
|
15
|
+
@dt-icon-size-500: 2.4rem;
|
|
16
|
+
@dt-icon-size-600: 3.2rem;
|
|
17
|
+
@dt-icon-size-700: 3.8rem;
|
|
18
|
+
@dt-icon-size-800: 4.8rem;
|
|
19
|
+
@dt-icon-size-border-100: 0.1rem;
|
|
20
|
+
@dt-icon-size-border-200: 0.125rem;
|
|
21
|
+
@dt-icon-size-border-300: 0.15rem;
|
|
22
|
+
@dt-icon-size-border-400: 0.175rem;
|
|
23
|
+
@dt-icon-size-border-500: 0.175rem;
|
|
24
|
+
@dt-icon-size-border-600: 0.25rem;
|
|
25
|
+
@dt-icon-size-border-700: 0.275rem;
|
|
26
|
+
@dt-icon-size-border-800: 0.35rem;
|
|
27
|
+
@dt-checkbox-size-width: 1.6rem;
|
|
28
|
+
@dt-checkbox-size-height: 1.6rem;
|
|
29
|
+
@dt-checkbox-size-radius: 0.4rem;
|
|
30
|
+
@dt-checkbox-color-border-unchecked: #AAAAAA;
|
|
31
|
+
@dt-checkbox-color-border-checked: #7C52FF;
|
|
32
|
+
@dt-checkbox-color-background-checked: #7C52FF;
|
|
33
|
+
@dt-badge-color-background-default: #00000017;
|
|
34
|
+
@dt-badge-color-background-info: #EAF2FA;
|
|
35
|
+
@dt-badge-color-background-success: #EDF9EB;
|
|
36
|
+
@dt-badge-color-background-warning: #FFF4CC;
|
|
37
|
+
@dt-badge-color-background-critical: #FFE5E6;
|
|
38
|
+
@dt-badge-color-background-bulletin: #7C52FF;
|
|
39
|
+
@dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
|
|
40
|
+
@dt-badge-color-foreground-default: #000000;
|
|
41
|
+
@dt-badge-color-foreground-bulletin: #ffffff;
|
|
5
42
|
@dt-color-foreground-primary: #000000;
|
|
6
43
|
@dt-color-foreground-secondary: #3a3a3a;
|
|
7
44
|
@dt-color-foreground-tertiary: #555555;
|
package/dist/tokens.json
CHANGED
|
@@ -1,4 +1,41 @@
|
|
|
1
1
|
{
|
|
2
|
+
"dtRadioSizeWidth": "1.6rem",
|
|
3
|
+
"dtRadioSizeHeight": "1.6rem",
|
|
4
|
+
"dtRadioSizeRadius": "5rem",
|
|
5
|
+
"dtRadioColorBorderUnchecked": "#AAAAAA",
|
|
6
|
+
"dtRadioColorBorderChecked": "#7C52FF",
|
|
7
|
+
"dtRadioColorBackgroundChecked": "#7C52FF",
|
|
8
|
+
"dtIconSize100": "1.2rem",
|
|
9
|
+
"dtIconSize200": "1.4rem",
|
|
10
|
+
"dtIconSize300": "1.8rem",
|
|
11
|
+
"dtIconSize400": "2rem",
|
|
12
|
+
"dtIconSize500": "2.4rem",
|
|
13
|
+
"dtIconSize600": "3.2rem",
|
|
14
|
+
"dtIconSize700": "3.8rem",
|
|
15
|
+
"dtIconSize800": "4.8rem",
|
|
16
|
+
"dtIconSizeBorder100": "0.1rem",
|
|
17
|
+
"dtIconSizeBorder200": "0.125rem",
|
|
18
|
+
"dtIconSizeBorder300": "0.15rem",
|
|
19
|
+
"dtIconSizeBorder400": "0.175rem",
|
|
20
|
+
"dtIconSizeBorder500": "0.175rem",
|
|
21
|
+
"dtIconSizeBorder600": "0.25rem",
|
|
22
|
+
"dtIconSizeBorder700": "0.275rem",
|
|
23
|
+
"dtIconSizeBorder800": "0.35rem",
|
|
24
|
+
"dtCheckboxSizeWidth": "1.6rem",
|
|
25
|
+
"dtCheckboxSizeHeight": "1.6rem",
|
|
26
|
+
"dtCheckboxSizeRadius": "0.4rem",
|
|
27
|
+
"dtCheckboxColorBorderUnchecked": "#AAAAAA",
|
|
28
|
+
"dtCheckboxColorBorderChecked": "#7C52FF",
|
|
29
|
+
"dtCheckboxColorBackgroundChecked": "#7C52FF",
|
|
30
|
+
"dtBadgeColorBackgroundDefault": "#00000017",
|
|
31
|
+
"dtBadgeColorBackgroundInfo": "#EAF2FA",
|
|
32
|
+
"dtBadgeColorBackgroundSuccess": "#EDF9EB",
|
|
33
|
+
"dtBadgeColorBackgroundWarning": "#FFF4CC",
|
|
34
|
+
"dtBadgeColorBackgroundCritical": "#FFE5E6",
|
|
35
|
+
"dtBadgeColorBackgroundBulletin": "#7C52FF",
|
|
36
|
+
"dtBadgeColorBackgroundAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
|
|
37
|
+
"dtBadgeColorForegroundDefault": "#000000",
|
|
38
|
+
"dtBadgeColorForegroundBulletin": "#ffffff",
|
|
2
39
|
"dtColorForegroundPrimary": "#000000",
|
|
3
40
|
"dtColorForegroundSecondary": "#3A3A3A",
|
|
4
41
|
"dtColorForegroundTertiary": "#555555",
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.10.0",
|
|
4
4
|
"description": "Design tokens for Dialtone.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
8
8
|
"build": "npm run transform && ./build.js && cp ./AndroidManifest.xml dist/android && ./gradlew publishToMavenLocal -Pversion=$npm_package_version && ./build-ios.js",
|
|
9
|
-
"transform": "token-transformer base.json tokens/tokens.json base,semantic --expandTypography=true --expandShadow=true",
|
|
9
|
+
"transform": "token-transformer base.json tokens/tokens.json base,semantic,components/badge,components/checkbox,components/icon,components/radio --expandTypography=true --expandShadow=true",
|
|
10
10
|
"prepublishOnly": "npm run build",
|
|
11
11
|
"release": "semantic-release --no-ci --extends ./release-local.config.js"
|
|
12
12
|
},
|