@dialpad/dialtone-tokens 1.1.2 → 1.2.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/colors.xml +4 -1
- package/dist/android/dimens.xml +25 -22
- package/dist/android/tokens.kt +333 -0
- package/dist/css/variables.css +51 -45
- package/dist/ios/dialtone.swift +9 -3
- package/dist/less/variables.less +51 -45
- package/dist/tokens.json +50 -44
- package/package.json +1 -1
package/dist/android/colors.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 26 Sep 2022 23:18:38 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<color name="dt_button_color_background_default">transparent</color>
|
|
@@ -28,6 +28,9 @@
|
|
|
28
28
|
<color name="dt_color_surface_bold">#ffbbbbbb</color>
|
|
29
29
|
<color name="dt_color_surface_strong">#ff555555</color>
|
|
30
30
|
<color name="dt_color_surface_contrast">#ff222222</color>
|
|
31
|
+
<color name="dt_color_surface_error">#ffffdcdc</color>
|
|
32
|
+
<color name="dt_color_surface_warning">#ffffe793</color>
|
|
33
|
+
<color name="dt_color_surface_success">#ffddf4d9</color>
|
|
31
34
|
<color name="dt_color_black_100">#fff9f9f9</color>
|
|
32
35
|
<color name="dt_color_black_200">#ffe9e9e9</color>
|
|
33
36
|
<color name="dt_color_black_300">#ffd2d2d2</color>
|
package/dist/android/dimens.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 26 Sep 2022 23:18:38 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<dimen name="dt_button_border_radius_extra_small">7px</dimen>
|
|
@@ -31,22 +31,6 @@
|
|
|
31
31
|
<dimen name="dt_button_line_height_size_medium">140%</dimen>
|
|
32
32
|
<dimen name="dt_button_line_height_size_large">160%</dimen>
|
|
33
33
|
<dimen name="dt_button_line_height_size_extra_large">160%</dimen>
|
|
34
|
-
<dimen name="dt_font_size_100">12px</dimen>
|
|
35
|
-
<dimen name="dt_font_size_200">15px</dimen>
|
|
36
|
-
<dimen name="dt_font_size_300">19px</dimen>
|
|
37
|
-
<dimen name="dt_font_size_400">27px</dimen>
|
|
38
|
-
<dimen name="dt_font_size_500">38px</dimen>
|
|
39
|
-
<dimen name="dt_font_size_root">10px</dimen>
|
|
40
|
-
<dimen name="dt_font_line_height_100">100%</dimen>
|
|
41
|
-
<dimen name="dt_font_line_height_200">120%</dimen>
|
|
42
|
-
<dimen name="dt_font_line_height_300">140%</dimen>
|
|
43
|
-
<dimen name="dt_font_line_height_400">160%</dimen>
|
|
44
|
-
<dimen name="dt_font_line_height_500">180%</dimen>
|
|
45
|
-
<dimen name="dt_font_line_height_600">200%</dimen>
|
|
46
|
-
<dimen name="dt_font_weight_normal">Regular</dimen>
|
|
47
|
-
<dimen name="dt_font_weight_medium">Medium</dimen>
|
|
48
|
-
<dimen name="dt_font_weight_semi_bold">Semibold</dimen>
|
|
49
|
-
<dimen name="dt_font_weight_bold">Bold</dimen>
|
|
50
34
|
<dimen name="dt_size_0">0.00dp</dimen>
|
|
51
35
|
<dimen name="dt_size_100">16.00dp</dimen>
|
|
52
36
|
<dimen name="dt_size_200">32.00dp</dimen>
|
|
@@ -56,6 +40,14 @@
|
|
|
56
40
|
<dimen name="dt_size_600">512.00dp</dimen>
|
|
57
41
|
<dimen name="dt_size_700">1024.00dp</dimen>
|
|
58
42
|
<dimen name="dt_size_800">2048.00dp</dimen>
|
|
43
|
+
<dimen name="dt_size_icon_100">192.00sp</dimen>
|
|
44
|
+
<dimen name="dt_size_icon_200">224.00sp</dimen>
|
|
45
|
+
<dimen name="dt_size_icon_300">288.00sp</dimen>
|
|
46
|
+
<dimen name="dt_size_icon_400">320.00sp</dimen>
|
|
47
|
+
<dimen name="dt_size_icon_500">384.00sp</dimen>
|
|
48
|
+
<dimen name="dt_size_icon_600">512.00sp</dimen>
|
|
49
|
+
<dimen name="dt_size_icon_700">608.00sp</dimen>
|
|
50
|
+
<dimen name="dt_size_icon_800">768.00sp</dimen>
|
|
59
51
|
<dimen name="dt_size_base">128.00dp</dimen>
|
|
60
52
|
<dimen name="dt_size_border_0">0.00dp</dimen>
|
|
61
53
|
<dimen name="dt_size_border_100">16.00dp</dimen>
|
|
@@ -72,11 +64,22 @@
|
|
|
72
64
|
<dimen name="dt_size_radius_300">64.00dp</dimen>
|
|
73
65
|
<dimen name="dt_size_radius_400">128.00dp</dimen>
|
|
74
66
|
<dimen name="dt_size_radius_500">512.00dp</dimen>
|
|
75
|
-
<dimen name="
|
|
76
|
-
<dimen name="
|
|
77
|
-
<dimen name="
|
|
78
|
-
<dimen name="
|
|
79
|
-
<dimen name="
|
|
67
|
+
<dimen name="dt_font_size_100">12px</dimen>
|
|
68
|
+
<dimen name="dt_font_size_200">15px</dimen>
|
|
69
|
+
<dimen name="dt_font_size_300">19px</dimen>
|
|
70
|
+
<dimen name="dt_font_size_400">27px</dimen>
|
|
71
|
+
<dimen name="dt_font_size_500">38px</dimen>
|
|
72
|
+
<dimen name="dt_font_size_root">10px</dimen>
|
|
73
|
+
<dimen name="dt_font_line_height_100">100%</dimen>
|
|
74
|
+
<dimen name="dt_font_line_height_200">120%</dimen>
|
|
75
|
+
<dimen name="dt_font_line_height_300">140%</dimen>
|
|
76
|
+
<dimen name="dt_font_line_height_400">160%</dimen>
|
|
77
|
+
<dimen name="dt_font_line_height_500">180%</dimen>
|
|
78
|
+
<dimen name="dt_font_line_height_600">200%</dimen>
|
|
79
|
+
<dimen name="dt_font_weight_normal">Regular</dimen>
|
|
80
|
+
<dimen name="dt_font_weight_medium">Medium</dimen>
|
|
81
|
+
<dimen name="dt_font_weight_semi_bold">Semibold</dimen>
|
|
82
|
+
<dimen name="dt_font_weight_bold">Bold</dimen>
|
|
80
83
|
<dimen name="dt_space_0">0px</dimen>
|
|
81
84
|
<dimen name="dt_space_100">1px</dimen>
|
|
82
85
|
<dimen name="dt_space_200">2px</dimen>
|
|
@@ -0,0 +1,333 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
// Do not edit directly
|
|
4
|
+
// Generated on Mon, 26 Sep 2022 23:18:38 GMT
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
package design.dialpad;
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
import androidx.compose.ui.graphics.Color
|
|
12
|
+
import androidx.compose.ui.unit.*
|
|
13
|
+
|
|
14
|
+
object DialtoneTokens {
|
|
15
|
+
val dtButtonBorderRadiusExtraLarge = 0.625.dp
|
|
16
|
+
val dtButtonBorderRadiusExtraSmall = 0.4375.dp
|
|
17
|
+
val dtButtonBorderRadiusLarge = 0.5625.dp
|
|
18
|
+
val dtButtonBorderRadiusMedium = 0.5.dp
|
|
19
|
+
val dtButtonBorderRadiusSmall = 0.46875.dp
|
|
20
|
+
val dtButtonColorBackgroundDanger = Color(0xff2e2eff)
|
|
21
|
+
val dtButtonColorBackgroundDefault = Color(0x00000000)
|
|
22
|
+
val dtButtonColorBackgroundPrimary = Color(0x7c52ffff)
|
|
23
|
+
val dtButtonColorTextDanger = Color(0xffffffff)
|
|
24
|
+
val dtButtonColorTextDefault = Color(0x7c52ffff)
|
|
25
|
+
val dtButtonColorTextPrimary = Color(0xffffffff)
|
|
26
|
+
val dtButtonFontSizeExtraLarge = 0.10546875.sp
|
|
27
|
+
val dtButtonFontSizeExtraSmall = 0.046875.sp
|
|
28
|
+
val dtButtonFontSizeLarge = 0.07421875.sp
|
|
29
|
+
val dtButtonFontSizeMedium = 0.05859375.sp
|
|
30
|
+
val dtButtonFontSizeSmall = 0.046875.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
|
|
36
|
+
val dtButtonPaddingHorizontalExtraLarge = 0.9375.sp
|
|
37
|
+
val dtButtonPaddingHorizontalExtraSmall = 0.9375.sp
|
|
38
|
+
val dtButtonPaddingHorizontalLarge = 3.9375.sp
|
|
39
|
+
val dtButtonPaddingHorizontalMedium = 0.9375.sp
|
|
40
|
+
val dtButtonPaddingHorizontalSmall = 0.9375.sp
|
|
41
|
+
val dtButtonPaddingVerticalExtraLarge = 1.9375.sp
|
|
42
|
+
val dtButtonPaddingVerticalExtraSmall = 0.8125.sp
|
|
43
|
+
val dtButtonPaddingVerticalLarge = 1.9375.sp
|
|
44
|
+
val dtButtonPaddingVerticalMedium = 0.9375.sp
|
|
45
|
+
val dtButtonPaddingVerticalSmall = 0.8125.sp
|
|
46
|
+
val dtButtonSpaceGap = 1.sp
|
|
47
|
+
val dtColorBlack100 = Color(0xf9f9f9ff)
|
|
48
|
+
val dtColorBlack200 = Color(0xe9e9e9ff)
|
|
49
|
+
val dtColorBlack300 = Color(0xd2d2d2ff)
|
|
50
|
+
val dtColorBlack400 = Color(0xaaaaaaff)
|
|
51
|
+
val dtColorBlack500 = Color(0x808080ff)
|
|
52
|
+
val dtColorBlack600 = Color(0x555555ff)
|
|
53
|
+
val dtColorBlack700 = Color(0x3a3a3aff)
|
|
54
|
+
val dtColorBlack800 = Color(0x222222ff)
|
|
55
|
+
val dtColorBlack900 = Color(0x000000ff)
|
|
56
|
+
val dtColorBlue100 = Color(0xe3edf9ff)
|
|
57
|
+
val dtColorBlue200 = Color(0x84bdffff)
|
|
58
|
+
val dtColorBlue300 = Color(0x51a0feff)
|
|
59
|
+
val dtColorBlue400 = Color(0x1768c6ff)
|
|
60
|
+
val dtColorBlue500 = Color(0x01326dff)
|
|
61
|
+
val dtColorGold100 = Color(0xffe793ff)
|
|
62
|
+
val dtColorGold200 = Color(0xffd362ff)
|
|
63
|
+
val dtColorGold300 = Color(0xf6ab3cff)
|
|
64
|
+
val dtColorGold400 = Color(0xd28f2bff)
|
|
65
|
+
val dtColorGold500 = Color(0x815008ff)
|
|
66
|
+
val dtColorGreen100 = Color(0xddf4d9ff)
|
|
67
|
+
val dtColorGreen200 = Color(0x9fff90ff)
|
|
68
|
+
val dtColorGreen300 = Color(0x45f777ff)
|
|
69
|
+
val dtColorGreen400 = Color(0x1aa340ff)
|
|
70
|
+
val dtColorGreen500 = Color(0x124620ff)
|
|
71
|
+
val dtColorMagenta100 = Color(0xff97d2ff)
|
|
72
|
+
val dtColorMagenta200 = Color(0xf756b1ff)
|
|
73
|
+
val dtColorMagenta300 = Color(0xf9008eff)
|
|
74
|
+
val dtColorMagenta400 = Color(0x8c0e56ff)
|
|
75
|
+
val dtColorMagenta500 = Color(0x541a3bff)
|
|
76
|
+
val dtColorNeutralBlack = Color(0x000000ff)
|
|
77
|
+
val dtColorNeutralWhite = Color(0xffffffff)
|
|
78
|
+
val dtColorPurple100 = Color(0xeee5ffff)
|
|
79
|
+
val dtColorPurple200 = Color(0xd3bcffff)
|
|
80
|
+
val dtColorPurple300 = Color(0xab7effff)
|
|
81
|
+
val dtColorPurple400 = Color(0x7c52ffff)
|
|
82
|
+
val dtColorPurple500 = Color(0x3a1d95ff)
|
|
83
|
+
val dtColorPurple600 = Color(0x10022cff)
|
|
84
|
+
val dtColorRed100 = Color(0xffdcdcff)
|
|
85
|
+
val dtColorRed200 = Color(0xff7474ff)
|
|
86
|
+
val dtColorRed300 = Color(0xff2e2eff)
|
|
87
|
+
val dtColorRed400 = Color(0xa41111ff)
|
|
88
|
+
val dtColorRed500 = Color(0x540000ff)
|
|
89
|
+
val dtColorSurfaceBold = Color(0xbbbbbbff)
|
|
90
|
+
val dtColorSurfaceContrast = Color(0x222222ff)
|
|
91
|
+
val dtColorSurfaceError = Color(0xffdcdcff)
|
|
92
|
+
val dtColorSurfaceModerate = Color(0xedededff)
|
|
93
|
+
val dtColorSurfacePrimary = Color(0xffffffff)
|
|
94
|
+
val dtColorSurfaceSecondary = Color(0xf9f9f9ff)
|
|
95
|
+
val dtColorSurfaceStrong = Color(0x555555ff)
|
|
96
|
+
val dtColorSurfaceSuccess = Color(0xddf4d9ff)
|
|
97
|
+
val dtColorSurfaceWarning = Color(0xffe793ff)
|
|
98
|
+
val dtColorTan100 = Color(0xf2f0eeff)
|
|
99
|
+
val dtColorTan200 = Color(0xcec8c4ff)
|
|
100
|
+
val dtColorTan300 = Color(0x87807bff)
|
|
101
|
+
val dtColorTan400 = Color(0x3f3d3cff)
|
|
102
|
+
val dtColorTan500 = Color(0x121212ff)
|
|
103
|
+
val dtColorTextDisabled = Color(0x808080ff)
|
|
104
|
+
val dtColorTextError = Color(0xa41111ff)
|
|
105
|
+
val dtColorTextMuted = Color(0x22222280)
|
|
106
|
+
val dtColorTextOnDarkPrimary = Color(0xf9f9f9ff)
|
|
107
|
+
val dtColorTextOnDarkSecondary = Color(0xd2d2d2ff)
|
|
108
|
+
val dtColorTextPlaceholder = Color(0x808080ff)
|
|
109
|
+
val dtColorTextPrimary = Color(0x000000ff)
|
|
110
|
+
val dtColorTextSecondary = Color(0x3a3a3aff)
|
|
111
|
+
val dtColorTextSuccess = Color(0x00671dff)
|
|
112
|
+
val dtColorTextTertiary = Color(0x555555ff)
|
|
113
|
+
val dtColorTextWarning = Color(0x815008ff)
|
|
114
|
+
val dtFontFamilyBody = "SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
115
|
+
val dtFontFamilyExpressive = "Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
116
|
+
val dtFontFamilyMono = "SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace"
|
|
117
|
+
val dtFontLineHeight100 = 1
|
|
118
|
+
val dtFontLineHeight200 = 1.2
|
|
119
|
+
val dtFontLineHeight300 = 1.4
|
|
120
|
+
val dtFontLineHeight400 = 1.6
|
|
121
|
+
val dtFontLineHeight500 = 1.8
|
|
122
|
+
val dtFontLineHeight600 = 2
|
|
123
|
+
val dtFontSize100 = 0.046875.sp
|
|
124
|
+
val dtFontSize200 = 0.05859375.sp
|
|
125
|
+
val dtFontSize300 = 0.07421875.sp
|
|
126
|
+
val dtFontSize400 = 0.10546875.sp
|
|
127
|
+
val dtFontSize500 = 0.1484375.sp
|
|
128
|
+
val dtFontSizeRoot = 0.0390625.sp
|
|
129
|
+
val dtFontTextCaseCapitalize = "capitalize"
|
|
130
|
+
val dtFontTextCaseLowercase = "lowercase"
|
|
131
|
+
val dtFontTextCaseNone = "none"
|
|
132
|
+
val dtFontTextCaseUppercase = "uppercase"
|
|
133
|
+
val dtFontWeightBold = "Bold"
|
|
134
|
+
val dtFontWeightMedium = "Medium"
|
|
135
|
+
val dtFontWeightNormal = "Regular"
|
|
136
|
+
val dtFontWeightSemiBold = "Semibold"
|
|
137
|
+
val dtOpacity0 = 0
|
|
138
|
+
val dtOpacity100 = 0.05
|
|
139
|
+
val dtOpacity1000 = 0.75
|
|
140
|
+
val dtOpacity1100 = 0.8
|
|
141
|
+
val dtOpacity1200 = 0.9
|
|
142
|
+
val dtOpacity1300 = 1
|
|
143
|
+
val dtOpacity200 = 0.1
|
|
144
|
+
val dtOpacity300 = 0.2
|
|
145
|
+
val dtOpacity400 = 0.25
|
|
146
|
+
val dtOpacity500 = 0.3
|
|
147
|
+
val dtOpacity600 = 0.4
|
|
148
|
+
val dtOpacity700 = 0.5
|
|
149
|
+
val dtOpacity800 = 0.6
|
|
150
|
+
val dtOpacity900 = 0.7
|
|
151
|
+
val dtShadowCard0Blur = 0.125.dp
|
|
152
|
+
val dtShadowCard0Color = Color(0x00000008)
|
|
153
|
+
val dtShadowCard0Spread = 0
|
|
154
|
+
val dtShadowCard0Type = "dropShadow"
|
|
155
|
+
val dtShadowCard0X = 0
|
|
156
|
+
val dtShadowCard0Y = 0.0625.dp
|
|
157
|
+
val dtShadowCard1Blur = 0.25.dp
|
|
158
|
+
val dtShadowCard1Color = Color(0x0000000a)
|
|
159
|
+
val dtShadowCard1Spread = 0
|
|
160
|
+
val dtShadowCard1Type = "dropShadow"
|
|
161
|
+
val dtShadowCard1X = 0
|
|
162
|
+
val dtShadowCard1Y = 0.125.dp
|
|
163
|
+
val dtShadowCard2Blur = 1.dp
|
|
164
|
+
val dtShadowCard2Color = Color(0x00000014)
|
|
165
|
+
val dtShadowCard2Spread = 0
|
|
166
|
+
val dtShadowCard2Type = "dropShadow"
|
|
167
|
+
val dtShadowCard2X = 0
|
|
168
|
+
val dtShadowCard2Y = 0.125.dp
|
|
169
|
+
val dtShadowExtraLarge0Blur = 2.dp
|
|
170
|
+
val dtShadowExtraLarge0Color = Color(0x0000004d)
|
|
171
|
+
val dtShadowExtraLarge0Spread = 0
|
|
172
|
+
val dtShadowExtraLarge0Type = "dropShadow"
|
|
173
|
+
val dtShadowExtraLarge0X = 0
|
|
174
|
+
val dtShadowExtraLarge0Y = 0.125.dp
|
|
175
|
+
val dtShadowLarge0Blur = 1.dp
|
|
176
|
+
val dtShadowLarge0Color = Color(0x0000004d)
|
|
177
|
+
val dtShadowLarge0Spread = 0
|
|
178
|
+
val dtShadowLarge0Type = "dropShadow"
|
|
179
|
+
val dtShadowLarge0X = 0
|
|
180
|
+
val dtShadowLarge0Y = 0.125.dp
|
|
181
|
+
val dtShadowMedium0Blur = 0.5.dp
|
|
182
|
+
val dtShadowMedium0Color = Color(0x00000040)
|
|
183
|
+
val dtShadowMedium0Spread = 0
|
|
184
|
+
val dtShadowMedium0Type = "dropShadow"
|
|
185
|
+
val dtShadowMedium0X = 0
|
|
186
|
+
val dtShadowMedium0Y = 0.125.dp
|
|
187
|
+
val dtShadowSmall0Blur = 0.25.dp
|
|
188
|
+
val dtShadowSmall0Color = Color(0x00000026)
|
|
189
|
+
val dtShadowSmall0Spread = 0
|
|
190
|
+
val dtShadowSmall0Type = "dropShadow"
|
|
191
|
+
val dtShadowSmall0X = 0
|
|
192
|
+
val dtShadowSmall0Y = 0.125.dp
|
|
193
|
+
val dtSize0 = 0
|
|
194
|
+
val dtSize100 = 0.0625.dp
|
|
195
|
+
val dtSize200 = 0.125.dp
|
|
196
|
+
val dtSize300 = 0.25.dp
|
|
197
|
+
val dtSize400 = 0.5.dp
|
|
198
|
+
val dtSize500 = 1.dp
|
|
199
|
+
val dtSize600 = 2.dp
|
|
200
|
+
val dtSize700 = 4.dp
|
|
201
|
+
val dtSize800 = 8.dp
|
|
202
|
+
val dtSizeBase = 0.5.dp
|
|
203
|
+
val dtSizeBorder0 = 0
|
|
204
|
+
val dtSizeBorder100 = 0.0625.dp
|
|
205
|
+
val dtSizeBorder200 = 0.125.dp
|
|
206
|
+
val dtSizeBorder300 = 0.25.dp
|
|
207
|
+
val dtSizeBorderIcon100 = 0.0625.dp
|
|
208
|
+
val dtSizeBorderIcon200 = 0.078125.dp
|
|
209
|
+
val dtSizeBorderIcon300 = 0.09375.dp
|
|
210
|
+
val dtSizeBorderIcon400 = 0.109375.dp
|
|
211
|
+
val dtSizeBorderIcon500 = 0.109375.dp
|
|
212
|
+
val dtSizeIcon100 = 0.75.dp
|
|
213
|
+
val dtSizeIcon200 = 0.875.dp
|
|
214
|
+
val dtSizeIcon300 = 1.125.dp
|
|
215
|
+
val dtSizeIcon400 = 1.25.dp
|
|
216
|
+
val dtSizeIcon500 = 1.5.dp
|
|
217
|
+
val dtSizeIcon600 = 2.dp
|
|
218
|
+
val dtSizeIcon700 = 2.375.dp
|
|
219
|
+
val dtSizeIcon800 = 3.dp
|
|
220
|
+
val dtSizeRadius0 = 0
|
|
221
|
+
val dtSizeRadius100 = 0.0625.dp
|
|
222
|
+
val dtSizeRadius200 = 0.125.dp
|
|
223
|
+
val dtSizeRadius300 = 0.25.dp
|
|
224
|
+
val dtSizeRadius400 = 0.5.dp
|
|
225
|
+
val dtSizeRadius500 = 2.dp
|
|
226
|
+
val dtSpace0 = 0
|
|
227
|
+
val dtSpace100 = 0.0625.sp
|
|
228
|
+
val dtSpace200 = 0.125.sp
|
|
229
|
+
val dtSpace300 = 0.25.sp
|
|
230
|
+
val dtSpace400 = 0.5.sp
|
|
231
|
+
val dtSpace500 = 1.sp
|
|
232
|
+
val dtSpace600 = 2.sp
|
|
233
|
+
val dtSpace700 = 4.sp
|
|
234
|
+
val dtSpace800 = 8.sp
|
|
235
|
+
val dtSpaceBase = 0.5.sp
|
|
236
|
+
val dtTypographyBodyBaseFontFamily = "SF Pro"
|
|
237
|
+
val dtTypographyBodyBaseFontSize = 0.05859375.sp
|
|
238
|
+
val dtTypographyBodyBaseFontWeight = "Regular"
|
|
239
|
+
val dtTypographyBodyBaseLineHeight = 1.6
|
|
240
|
+
val dtTypographyBodyCompactBaseFontFamily = "SF Pro"
|
|
241
|
+
val dtTypographyBodyCompactBaseFontSize = 0.05859375.sp
|
|
242
|
+
val dtTypographyBodyCompactBaseFontWeight = "Regular"
|
|
243
|
+
val dtTypographyBodyCompactBaseLineHeight = 1.4
|
|
244
|
+
val dtTypographyBodyCompactSmallFontFamily = "SF Pro"
|
|
245
|
+
val dtTypographyBodyCompactSmallFontSize = 0.046875.sp
|
|
246
|
+
val dtTypographyBodyCompactSmallFontWeight = "Regular"
|
|
247
|
+
val dtTypographyBodyCompactSmallLineHeight = 1.2
|
|
248
|
+
val dtTypographyBodySmallFontFamily = "SF Pro"
|
|
249
|
+
val dtTypographyBodySmallFontSize = 0.046875.sp
|
|
250
|
+
val dtTypographyBodySmallFontWeight = "Regular"
|
|
251
|
+
val dtTypographyBodySmallLineHeight = 1.4
|
|
252
|
+
val dtTypographyCodeBaseFontFamily = "SF Mono"
|
|
253
|
+
val dtTypographyCodeBaseFontSize = 0.05859375.sp
|
|
254
|
+
val dtTypographyCodeBaseFontWeight = "Regular"
|
|
255
|
+
val dtTypographyCodeBaseLineHeight = 1.2
|
|
256
|
+
val dtTypographyCodeSmallFontFamily = "SF Mono"
|
|
257
|
+
val dtTypographyCodeSmallFontSize = 0.046875.sp
|
|
258
|
+
val dtTypographyCodeSmallFontWeight = "Regular"
|
|
259
|
+
val dtTypographyCodeSmallLineHeight = 1.2
|
|
260
|
+
val dtTypographyHeadlineCompactBaseFontFamily = "SF Pro"
|
|
261
|
+
val dtTypographyHeadlineCompactBaseFontSize = 0.05859375.sp
|
|
262
|
+
val dtTypographyHeadlineCompactBaseFontWeight = "Bold"
|
|
263
|
+
val dtTypographyHeadlineCompactBaseLineHeight = 1.4
|
|
264
|
+
val dtTypographyHeadlineCompactSmallFontFamily = "SF Pro"
|
|
265
|
+
val dtTypographyHeadlineCompactSmallFontSize = 0.046875.sp
|
|
266
|
+
val dtTypographyHeadlineCompactSmallFontWeight = "Bold"
|
|
267
|
+
val dtTypographyHeadlineCompactSmallLineHeight = 1.2
|
|
268
|
+
val dtTypographyHeadlineExtraExtraLargeFontFamily = "SF Pro"
|
|
269
|
+
val dtTypographyHeadlineExtraExtraLargeFontSize = 0.1484375.sp
|
|
270
|
+
val dtTypographyHeadlineExtraExtraLargeFontWeight = "Medium"
|
|
271
|
+
val dtTypographyHeadlineExtraExtraLargeLineHeight = 1.2
|
|
272
|
+
val dtTypographyHeadlineExtraLargeFontFamily = "SF Pro"
|
|
273
|
+
val dtTypographyHeadlineExtraLargeFontSize = 0.10546875.sp
|
|
274
|
+
val dtTypographyHeadlineExtraLargeFontWeight = "Medium"
|
|
275
|
+
val dtTypographyHeadlineExtraLargeLineHeight = 1.2
|
|
276
|
+
val dtTypographyHeadlineEyebrowFontFamily = "SF Pro"
|
|
277
|
+
val dtTypographyHeadlineEyebrowFontSize = 0.046875.sp
|
|
278
|
+
val dtTypographyHeadlineEyebrowFontWeight = "Regular"
|
|
279
|
+
val dtTypographyHeadlineEyebrowLineHeight = 1.4
|
|
280
|
+
val dtTypographyHeadlineEyebrowTextCase = "uppercase"
|
|
281
|
+
val dtTypographyHeadlineLargeFontFamily = "SF Pro"
|
|
282
|
+
val dtTypographyHeadlineLargeFontSize = 0.07421875.sp
|
|
283
|
+
val dtTypographyHeadlineLargeFontWeight = "Bold"
|
|
284
|
+
val dtTypographyHeadlineLargeLineHeight = 1.6
|
|
285
|
+
val dtTypographyHeadlineMediumFontFamily = "SF Pro"
|
|
286
|
+
val dtTypographyHeadlineMediumFontSize = 0.05859375.sp
|
|
287
|
+
val dtTypographyHeadlineMediumFontWeight = "Bold"
|
|
288
|
+
val dtTypographyHeadlineMediumLineHeight = 1.6
|
|
289
|
+
val dtTypographyHeadlineSmallFontFamily = "SF Pro"
|
|
290
|
+
val dtTypographyHeadlineSmallFontSize = 0.046875.sp
|
|
291
|
+
val dtTypographyHeadlineSmallFontWeight = "Bold"
|
|
292
|
+
val dtTypographyHeadlineSmallLineHeight = 1.4
|
|
293
|
+
val dtTypographyHelperBaseFontFamily = "SF Pro"
|
|
294
|
+
val dtTypographyHelperBaseFontSize = 0.05859375.sp
|
|
295
|
+
val dtTypographyHelperBaseFontWeight = "Regular"
|
|
296
|
+
val dtTypographyHelperBaseLineHeight = 1.4
|
|
297
|
+
val dtTypographyHelperSmallFontFamily = "SF Pro"
|
|
298
|
+
val dtTypographyHelperSmallFontSize = 0.046875.sp
|
|
299
|
+
val dtTypographyHelperSmallFontWeight = "Regular"
|
|
300
|
+
val dtTypographyHelperSmallLineHeight = 1.2
|
|
301
|
+
val dtTypographyLabelBaseFontFamily = "SF Pro"
|
|
302
|
+
val dtTypographyLabelBaseFontSize = 0.05859375.sp
|
|
303
|
+
val dtTypographyLabelBaseFontWeight = "Semibold"
|
|
304
|
+
val dtTypographyLabelBaseLineHeight = 1.6
|
|
305
|
+
val dtTypographyLabelCompactBaseFontFamily = "SF Pro"
|
|
306
|
+
val dtTypographyLabelCompactBaseFontSize = 0.05859375.sp
|
|
307
|
+
val dtTypographyLabelCompactBaseFontWeight = "Semibold"
|
|
308
|
+
val dtTypographyLabelCompactBaseLineHeight = 1.4
|
|
309
|
+
val dtTypographyLabelCompactPlainBaseFontFamily = "SF Pro"
|
|
310
|
+
val dtTypographyLabelCompactPlainBaseFontSize = 0.05859375.sp
|
|
311
|
+
val dtTypographyLabelCompactPlainBaseFontWeight = "Regular"
|
|
312
|
+
val dtTypographyLabelCompactPlainBaseLineHeight = 1.4
|
|
313
|
+
val dtTypographyLabelCompactPlainSmallFontFamily = "SF Pro"
|
|
314
|
+
val dtTypographyLabelCompactPlainSmallFontSize = 0.046875.sp
|
|
315
|
+
val dtTypographyLabelCompactPlainSmallFontWeight = "Regular"
|
|
316
|
+
val dtTypographyLabelCompactPlainSmallLineHeight = 1.2
|
|
317
|
+
val dtTypographyLabelCompactSmallFontFamily = "SF Pro"
|
|
318
|
+
val dtTypographyLabelCompactSmallFontSize = 0.046875.sp
|
|
319
|
+
val dtTypographyLabelCompactSmallFontWeight = "Semibold"
|
|
320
|
+
val dtTypographyLabelCompactSmallLineHeight = 1.2
|
|
321
|
+
val dtTypographyLabelPlainBaseFontFamily = "SF Pro"
|
|
322
|
+
val dtTypographyLabelPlainBaseFontSize = 0.05859375.sp
|
|
323
|
+
val dtTypographyLabelPlainBaseFontWeight = "Regular"
|
|
324
|
+
val dtTypographyLabelPlainBaseLineHeight = 1.6
|
|
325
|
+
val dtTypographyLabelPlainSmallFontFamily = "SF Pro"
|
|
326
|
+
val dtTypographyLabelPlainSmallFontSize = 0.046875.sp
|
|
327
|
+
val dtTypographyLabelPlainSmallFontWeight = "Regular"
|
|
328
|
+
val dtTypographyLabelPlainSmallLineHeight = 1.4
|
|
329
|
+
val dtTypographyLabelSmallFontFamily = "SF Pro"
|
|
330
|
+
val dtTypographyLabelSmallFontSize = 0.046875.sp
|
|
331
|
+
val dtTypographyLabelSmallFontWeight = "Semibold"
|
|
332
|
+
val dtTypographyLabelSmallLineHeight = 1.4
|
|
333
|
+
}
|
package/dist/css/variables.css
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 26 Sep 2022 23:18:38 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
7
|
--dt-token-set-order-0: base;
|
|
8
8
|
--dt-token-set-order-1: semantic;
|
|
9
|
-
--dt-token-set-order-2: components/
|
|
10
|
-
--dt-token-set-order-3: components/
|
|
9
|
+
--dt-token-set-order-2: components/foo;
|
|
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
13
|
--dt-button-color-background-danger: #FF2E2E;
|
|
@@ -57,6 +57,9 @@
|
|
|
57
57
|
--dt-color-surface-bold: #bbbbbb;
|
|
58
58
|
--dt-color-surface-strong: #555555;
|
|
59
59
|
--dt-color-surface-contrast: #222222;
|
|
60
|
+
--dt-color-surface-error: #ffdcdc;
|
|
61
|
+
--dt-color-surface-warning: #ffe793;
|
|
62
|
+
--dt-color-surface-success: #ddf4d9;
|
|
60
63
|
--dt-color-black-100: #f9f9f9;
|
|
61
64
|
--dt-color-black-200: #e9e9e9;
|
|
62
65
|
--dt-color-black-300: #d2d2d2;
|
|
@@ -104,43 +107,6 @@
|
|
|
104
107
|
--dt-color-tan-500: #121212;
|
|
105
108
|
--dt-color-neutral-white: #ffffff;
|
|
106
109
|
--dt-color-neutral-black: #000000;
|
|
107
|
-
--dt-opacity-0: 0;
|
|
108
|
-
--dt-opacity-100: 0.05;
|
|
109
|
-
--dt-opacity-200: 0.1;
|
|
110
|
-
--dt-opacity-300: 0.2;
|
|
111
|
-
--dt-opacity-400: 0.25;
|
|
112
|
-
--dt-opacity-500: 0.3;
|
|
113
|
-
--dt-opacity-600: 0.4;
|
|
114
|
-
--dt-opacity-700: 0.5;
|
|
115
|
-
--dt-opacity-800: 0.6;
|
|
116
|
-
--dt-opacity-900: 0.7;
|
|
117
|
-
--dt-opacity-1000: 0.75;
|
|
118
|
-
--dt-opacity-1100: 0.8;
|
|
119
|
-
--dt-opacity-1200: 0.9;
|
|
120
|
-
--dt-opacity-1300: 1;
|
|
121
|
-
--dt-font-family-body: SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
122
|
-
--dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
123
|
-
--dt-font-family-mono: SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
124
|
-
--dt-font-size-100: 1.2rem;
|
|
125
|
-
--dt-font-size-200: 1.5rem;
|
|
126
|
-
--dt-font-size-300: 1.9rem;
|
|
127
|
-
--dt-font-size-400: 2.7rem;
|
|
128
|
-
--dt-font-size-500: 3.8rem;
|
|
129
|
-
--dt-font-size-root: 1rem;
|
|
130
|
-
--dt-font-line-height-100: 100%;
|
|
131
|
-
--dt-font-line-height-200: 120%;
|
|
132
|
-
--dt-font-line-height-300: 140%;
|
|
133
|
-
--dt-font-line-height-400: 160%;
|
|
134
|
-
--dt-font-line-height-500: 180%;
|
|
135
|
-
--dt-font-line-height-600: 200%;
|
|
136
|
-
--dt-font-weight-normal: 400;
|
|
137
|
-
--dt-font-weight-medium: 500;
|
|
138
|
-
--dt-font-weight-semi-bold: 600;
|
|
139
|
-
--dt-font-weight-bold: 700;
|
|
140
|
-
--dt-font-text-case-uppercase: uppercase;
|
|
141
|
-
--dt-font-text-case-lowercase: lowercase;
|
|
142
|
-
--dt-font-text-case-capitalize: capitalize;
|
|
143
|
-
--dt-font-text-case-none: none;
|
|
144
110
|
--dt-typography-body-small-font-family: SF Pro;
|
|
145
111
|
--dt-typography-body-small-font-weight: 400;
|
|
146
112
|
--dt-typography-body-small-line-height: 140%;
|
|
@@ -247,6 +213,14 @@
|
|
|
247
213
|
--dt-size-600: 3.2rem;
|
|
248
214
|
--dt-size-700: 6.4rem;
|
|
249
215
|
--dt-size-800: 12.8rem;
|
|
216
|
+
--dt-size-icon-100: 1.2rem;
|
|
217
|
+
--dt-size-icon-200: 1.4rem;
|
|
218
|
+
--dt-size-icon-300: 1.8rem;
|
|
219
|
+
--dt-size-icon-400: 2rem;
|
|
220
|
+
--dt-size-icon-500: 2.4rem;
|
|
221
|
+
--dt-size-icon-600: 3.2rem;
|
|
222
|
+
--dt-size-icon-700: 3.8rem;
|
|
223
|
+
--dt-size-icon-800: 4.8rem;
|
|
250
224
|
--dt-size-base: 0.8rem;
|
|
251
225
|
--dt-size-border-0: 0rem;
|
|
252
226
|
--dt-size-border-100: 0.1rem;
|
|
@@ -263,11 +237,43 @@
|
|
|
263
237
|
--dt-size-radius-300: 0.4rem;
|
|
264
238
|
--dt-size-radius-400: 0.8rem;
|
|
265
239
|
--dt-size-radius-500: 3.2rem;
|
|
266
|
-
--dt-
|
|
267
|
-
--dt-
|
|
268
|
-
--dt-
|
|
269
|
-
--dt-
|
|
270
|
-
--dt-
|
|
240
|
+
--dt-opacity-0: 0;
|
|
241
|
+
--dt-opacity-100: 0.05;
|
|
242
|
+
--dt-opacity-200: 0.1;
|
|
243
|
+
--dt-opacity-300: 0.2;
|
|
244
|
+
--dt-opacity-400: 0.25;
|
|
245
|
+
--dt-opacity-500: 0.3;
|
|
246
|
+
--dt-opacity-600: 0.4;
|
|
247
|
+
--dt-opacity-700: 0.5;
|
|
248
|
+
--dt-opacity-800: 0.6;
|
|
249
|
+
--dt-opacity-900: 0.7;
|
|
250
|
+
--dt-opacity-1000: 0.75;
|
|
251
|
+
--dt-opacity-1100: 0.8;
|
|
252
|
+
--dt-opacity-1200: 0.9;
|
|
253
|
+
--dt-opacity-1300: 1;
|
|
254
|
+
--dt-font-family-body: "SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
255
|
+
--dt-font-family-expressive: "Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
256
|
+
--dt-font-family-mono: "SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace";
|
|
257
|
+
--dt-font-size-100: 1.2rem;
|
|
258
|
+
--dt-font-size-200: 1.5rem;
|
|
259
|
+
--dt-font-size-300: 1.9rem;
|
|
260
|
+
--dt-font-size-400: 2.7rem;
|
|
261
|
+
--dt-font-size-500: 3.8rem;
|
|
262
|
+
--dt-font-size-root: 1rem;
|
|
263
|
+
--dt-font-line-height-100: 100%;
|
|
264
|
+
--dt-font-line-height-200: 120%;
|
|
265
|
+
--dt-font-line-height-300: 140%;
|
|
266
|
+
--dt-font-line-height-400: 160%;
|
|
267
|
+
--dt-font-line-height-500: 180%;
|
|
268
|
+
--dt-font-line-height-600: 200%;
|
|
269
|
+
--dt-font-weight-normal: 400;
|
|
270
|
+
--dt-font-weight-medium: 500;
|
|
271
|
+
--dt-font-weight-semi-bold: 600;
|
|
272
|
+
--dt-font-weight-bold: 700;
|
|
273
|
+
--dt-font-text-case-uppercase: uppercase;
|
|
274
|
+
--dt-font-text-case-lowercase: lowercase;
|
|
275
|
+
--dt-font-text-case-capitalize: capitalize;
|
|
276
|
+
--dt-font-text-case-none: none;
|
|
271
277
|
--dt-space-0: 0px;
|
|
272
278
|
--dt-space-100: 1px;
|
|
273
279
|
--dt-space-200: 2px;
|
package/dist/ios/dialtone.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 26 Sep 2022 23:18:38 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import SwiftUI
|
|
@@ -86,10 +86,13 @@ public enum {
|
|
|
86
86
|
public static let DtColorRed500 = [UIColor colorWithRed:0.329f green:0.000f blue:0.000f alpha:1.000f]
|
|
87
87
|
public static let DtColorSurfaceBold = [UIColor colorWithRed:0.733f green:0.733f blue:0.733f alpha:1.000f]
|
|
88
88
|
public static let DtColorSurfaceContrast = [UIColor colorWithRed:0.133f green:0.133f blue:0.133f alpha:1.000f]
|
|
89
|
+
public static let DtColorSurfaceError = [UIColor colorWithRed:1.000f green:0.863f blue:0.863f alpha:1.000f]
|
|
89
90
|
public static let DtColorSurfaceModerate = [UIColor colorWithRed:0.929f green:0.929f blue:0.929f alpha:1.000f]
|
|
90
91
|
public static let DtColorSurfacePrimary = [UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f]
|
|
91
92
|
public static let DtColorSurfaceSecondary = [UIColor colorWithRed:0.976f green:0.976f blue:0.976f alpha:1.000f]
|
|
92
93
|
public static let DtColorSurfaceStrong = [UIColor colorWithRed:0.333f green:0.333f blue:0.333f alpha:1.000f]
|
|
94
|
+
public static let DtColorSurfaceSuccess = [UIColor colorWithRed:0.867f green:0.957f blue:0.851f alpha:1.000f]
|
|
95
|
+
public static let DtColorSurfaceWarning = [UIColor colorWithRed:1.000f green:0.906f blue:0.576f alpha:1.000f]
|
|
93
96
|
public static let DtColorTan100 = [UIColor colorWithRed:0.949f green:0.941f blue:0.933f alpha:1.000f]
|
|
94
97
|
public static let DtColorTan200 = [UIColor colorWithRed:0.808f green:0.784f blue:0.769f alpha:1.000f]
|
|
95
98
|
public static let DtColorTan300 = [UIColor colorWithRed:0.529f green:0.502f blue:0.482f alpha:1.000f]
|
|
@@ -209,6 +212,9 @@ public enum {
|
|
|
209
212
|
public static let DtSizeIcon300 = 288.00f
|
|
210
213
|
public static let DtSizeIcon400 = 320.00f
|
|
211
214
|
public static let DtSizeIcon500 = 384.00f
|
|
215
|
+
public static let DtSizeIcon600 = 512.00f
|
|
216
|
+
public static let DtSizeIcon700 = 608.00f
|
|
217
|
+
public static let DtSizeIcon800 = 768.00f
|
|
212
218
|
public static let DtSizeRadius0 = 0.00f
|
|
213
219
|
public static let DtSizeRadius100 = 16.00f
|
|
214
220
|
public static let DtSizeRadius200 = 32.00f
|
|
@@ -227,8 +233,8 @@ public enum {
|
|
|
227
233
|
public static let DtSpaceBase = 8px
|
|
228
234
|
public static let DtTokenSetOrder0 = base
|
|
229
235
|
public static let DtTokenSetOrder1 = semantic
|
|
230
|
-
public static let DtTokenSetOrder2 = components/
|
|
231
|
-
public static let DtTokenSetOrder3 = components/
|
|
236
|
+
public static let DtTokenSetOrder2 = components/foo
|
|
237
|
+
public static let DtTokenSetOrder3 = components/bar
|
|
232
238
|
public static let DtTypographyBodyBaseFontFamily = SF Pro
|
|
233
239
|
public static let DtTypographyBodyBaseFontSize = 15px
|
|
234
240
|
public static let DtTypographyBodyBaseFontWeight = Regular
|
package/dist/less/variables.less
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 26 Sep 2022 23:18:38 GMT
|
|
4
4
|
|
|
5
5
|
@dt-token-set-order-0: base;
|
|
6
6
|
@dt-token-set-order-1: semantic;
|
|
7
|
-
@dt-token-set-order-2: components/
|
|
8
|
-
@dt-token-set-order-3: components/
|
|
7
|
+
@dt-token-set-order-2: components/foo;
|
|
8
|
+
@dt-token-set-order-3: components/bar;
|
|
9
9
|
@dt-button-color-background-default: transparent;
|
|
10
10
|
@dt-button-color-background-primary: #7C52FF;
|
|
11
11
|
@dt-button-color-background-danger: #FF2E2E;
|
|
@@ -55,6 +55,9 @@
|
|
|
55
55
|
@dt-color-surface-bold: #bbbbbb;
|
|
56
56
|
@dt-color-surface-strong: #555555;
|
|
57
57
|
@dt-color-surface-contrast: #222222;
|
|
58
|
+
@dt-color-surface-error: #ffdcdc;
|
|
59
|
+
@dt-color-surface-warning: #ffe793;
|
|
60
|
+
@dt-color-surface-success: #ddf4d9;
|
|
58
61
|
@dt-color-black-100: #f9f9f9;
|
|
59
62
|
@dt-color-black-200: #e9e9e9;
|
|
60
63
|
@dt-color-black-300: #d2d2d2;
|
|
@@ -102,43 +105,6 @@
|
|
|
102
105
|
@dt-color-tan-500: #121212;
|
|
103
106
|
@dt-color-neutral-white: #ffffff;
|
|
104
107
|
@dt-color-neutral-black: #000000;
|
|
105
|
-
@dt-opacity-0: 0;
|
|
106
|
-
@dt-opacity-100: 0.05;
|
|
107
|
-
@dt-opacity-200: 0.1;
|
|
108
|
-
@dt-opacity-300: 0.2;
|
|
109
|
-
@dt-opacity-400: 0.25;
|
|
110
|
-
@dt-opacity-500: 0.3;
|
|
111
|
-
@dt-opacity-600: 0.4;
|
|
112
|
-
@dt-opacity-700: 0.5;
|
|
113
|
-
@dt-opacity-800: 0.6;
|
|
114
|
-
@dt-opacity-900: 0.7;
|
|
115
|
-
@dt-opacity-1000: 0.75;
|
|
116
|
-
@dt-opacity-1100: 0.8;
|
|
117
|
-
@dt-opacity-1200: 0.9;
|
|
118
|
-
@dt-opacity-1300: 1;
|
|
119
|
-
@dt-font-family-body: SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
120
|
-
@dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
121
|
-
@dt-font-family-mono: SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
122
|
-
@dt-font-size-100: 1.2rem;
|
|
123
|
-
@dt-font-size-200: 1.5rem;
|
|
124
|
-
@dt-font-size-300: 1.9rem;
|
|
125
|
-
@dt-font-size-400: 2.7rem;
|
|
126
|
-
@dt-font-size-500: 3.8rem;
|
|
127
|
-
@dt-font-size-root: 1rem;
|
|
128
|
-
@dt-font-line-height-100: 100%;
|
|
129
|
-
@dt-font-line-height-200: 120%;
|
|
130
|
-
@dt-font-line-height-300: 140%;
|
|
131
|
-
@dt-font-line-height-400: 160%;
|
|
132
|
-
@dt-font-line-height-500: 180%;
|
|
133
|
-
@dt-font-line-height-600: 200%;
|
|
134
|
-
@dt-font-weight-normal: 400;
|
|
135
|
-
@dt-font-weight-medium: 500;
|
|
136
|
-
@dt-font-weight-semi-bold: 600;
|
|
137
|
-
@dt-font-weight-bold: 700;
|
|
138
|
-
@dt-font-text-case-uppercase: uppercase;
|
|
139
|
-
@dt-font-text-case-lowercase: lowercase;
|
|
140
|
-
@dt-font-text-case-capitalize: capitalize;
|
|
141
|
-
@dt-font-text-case-none: none;
|
|
142
108
|
@dt-typography-body-small-font-family: SF Pro;
|
|
143
109
|
@dt-typography-body-small-font-weight: 400;
|
|
144
110
|
@dt-typography-body-small-line-height: 140%;
|
|
@@ -245,6 +211,14 @@
|
|
|
245
211
|
@dt-size-600: 3.2rem;
|
|
246
212
|
@dt-size-700: 6.4rem;
|
|
247
213
|
@dt-size-800: 12.8rem;
|
|
214
|
+
@dt-size-icon-100: 1.2rem;
|
|
215
|
+
@dt-size-icon-200: 1.4rem;
|
|
216
|
+
@dt-size-icon-300: 1.8rem;
|
|
217
|
+
@dt-size-icon-400: 2rem;
|
|
218
|
+
@dt-size-icon-500: 2.4rem;
|
|
219
|
+
@dt-size-icon-600: 3.2rem;
|
|
220
|
+
@dt-size-icon-700: 3.8rem;
|
|
221
|
+
@dt-size-icon-800: 4.8rem;
|
|
248
222
|
@dt-size-base: 0.8rem;
|
|
249
223
|
@dt-size-border-0: 0;
|
|
250
224
|
@dt-size-border-100: 0.1rem;
|
|
@@ -261,11 +235,43 @@
|
|
|
261
235
|
@dt-size-radius-300: 0.4rem;
|
|
262
236
|
@dt-size-radius-400: 0.8rem;
|
|
263
237
|
@dt-size-radius-500: 3.2rem;
|
|
264
|
-
@dt-
|
|
265
|
-
@dt-
|
|
266
|
-
@dt-
|
|
267
|
-
@dt-
|
|
268
|
-
@dt-
|
|
238
|
+
@dt-opacity-0: 0;
|
|
239
|
+
@dt-opacity-100: 0.05;
|
|
240
|
+
@dt-opacity-200: 0.1;
|
|
241
|
+
@dt-opacity-300: 0.2;
|
|
242
|
+
@dt-opacity-400: 0.25;
|
|
243
|
+
@dt-opacity-500: 0.3;
|
|
244
|
+
@dt-opacity-600: 0.4;
|
|
245
|
+
@dt-opacity-700: 0.5;
|
|
246
|
+
@dt-opacity-800: 0.6;
|
|
247
|
+
@dt-opacity-900: 0.7;
|
|
248
|
+
@dt-opacity-1000: 0.75;
|
|
249
|
+
@dt-opacity-1100: 0.8;
|
|
250
|
+
@dt-opacity-1200: 0.9;
|
|
251
|
+
@dt-opacity-1300: 1;
|
|
252
|
+
@dt-font-family-body: "SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
253
|
+
@dt-font-family-expressive: "Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
254
|
+
@dt-font-family-mono: "SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace";
|
|
255
|
+
@dt-font-size-100: 1.2rem;
|
|
256
|
+
@dt-font-size-200: 1.5rem;
|
|
257
|
+
@dt-font-size-300: 1.9rem;
|
|
258
|
+
@dt-font-size-400: 2.7rem;
|
|
259
|
+
@dt-font-size-500: 3.8rem;
|
|
260
|
+
@dt-font-size-root: 1rem;
|
|
261
|
+
@dt-font-line-height-100: 100%;
|
|
262
|
+
@dt-font-line-height-200: 120%;
|
|
263
|
+
@dt-font-line-height-300: 140%;
|
|
264
|
+
@dt-font-line-height-400: 160%;
|
|
265
|
+
@dt-font-line-height-500: 180%;
|
|
266
|
+
@dt-font-line-height-600: 200%;
|
|
267
|
+
@dt-font-weight-normal: 400;
|
|
268
|
+
@dt-font-weight-medium: 500;
|
|
269
|
+
@dt-font-weight-semi-bold: 600;
|
|
270
|
+
@dt-font-weight-bold: 700;
|
|
271
|
+
@dt-font-text-case-uppercase: uppercase;
|
|
272
|
+
@dt-font-text-case-lowercase: lowercase;
|
|
273
|
+
@dt-font-text-case-capitalize: capitalize;
|
|
274
|
+
@dt-font-text-case-none: none;
|
|
269
275
|
@dt-space-0: 0px;
|
|
270
276
|
@dt-space-100: 1px;
|
|
271
277
|
@dt-space-200: 2px;
|
package/dist/tokens.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"dtTokenSetOrder0": "base",
|
|
3
3
|
"dtTokenSetOrder1": "semantic",
|
|
4
|
-
"dtTokenSetOrder2": "components/
|
|
5
|
-
"dtTokenSetOrder3": "components/
|
|
4
|
+
"dtTokenSetOrder2": "components/foo",
|
|
5
|
+
"dtTokenSetOrder3": "components/bar",
|
|
6
6
|
"dtButtonColorBackgroundDefault": "transparent",
|
|
7
7
|
"dtButtonColorBackgroundPrimary": "#7C52FF",
|
|
8
8
|
"dtButtonColorBackgroundDanger": "#FF2E2E",
|
|
@@ -52,6 +52,9 @@
|
|
|
52
52
|
"dtColorSurfaceBold": "#BBBBBB",
|
|
53
53
|
"dtColorSurfaceStrong": "#555555",
|
|
54
54
|
"dtColorSurfaceContrast": "#222222",
|
|
55
|
+
"dtColorSurfaceError": "#FFDCDC",
|
|
56
|
+
"dtColorSurfaceWarning": "#FFE793",
|
|
57
|
+
"dtColorSurfaceSuccess": "#DDF4D9",
|
|
55
58
|
"dtColorBlack100": "#F9F9F9",
|
|
56
59
|
"dtColorBlack200": "#E9E9E9",
|
|
57
60
|
"dtColorBlack300": "#D2D2D2",
|
|
@@ -99,43 +102,6 @@
|
|
|
99
102
|
"dtColorTan500": "#121212",
|
|
100
103
|
"dtColorNeutralWhite": "#fff",
|
|
101
104
|
"dtColorNeutralBlack": "#000",
|
|
102
|
-
"dtOpacity0": 0,
|
|
103
|
-
"dtOpacity100": 0.05,
|
|
104
|
-
"dtOpacity200": 0.1,
|
|
105
|
-
"dtOpacity300": 0.2,
|
|
106
|
-
"dtOpacity400": 0.25,
|
|
107
|
-
"dtOpacity500": 0.3,
|
|
108
|
-
"dtOpacity600": 0.4,
|
|
109
|
-
"dtOpacity700": 0.5,
|
|
110
|
-
"dtOpacity800": 0.6,
|
|
111
|
-
"dtOpacity900": 0.7,
|
|
112
|
-
"dtOpacity1000": 0.75,
|
|
113
|
-
"dtOpacity1100": 0.8,
|
|
114
|
-
"dtOpacity1200": 0.9,
|
|
115
|
-
"dtOpacity1300": 1,
|
|
116
|
-
"dtFontFamilyBody": "SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
|
|
117
|
-
"dtFontFamilyExpressive": "Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
|
|
118
|
-
"dtFontFamilyMono": "SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace",
|
|
119
|
-
"dtFontSize100": "1.2rem",
|
|
120
|
-
"dtFontSize200": "1.5rem",
|
|
121
|
-
"dtFontSize300": "1.9rem",
|
|
122
|
-
"dtFontSize400": "2.7rem",
|
|
123
|
-
"dtFontSize500": "3.8rem",
|
|
124
|
-
"dtFontSizeRoot": "1rem",
|
|
125
|
-
"dtFontLineHeight100": "100%",
|
|
126
|
-
"dtFontLineHeight200": "120%",
|
|
127
|
-
"dtFontLineHeight300": "140%",
|
|
128
|
-
"dtFontLineHeight400": "160%",
|
|
129
|
-
"dtFontLineHeight500": "180%",
|
|
130
|
-
"dtFontLineHeight600": "200%",
|
|
131
|
-
"dtFontWeightNormal": 400,
|
|
132
|
-
"dtFontWeightMedium": 500,
|
|
133
|
-
"dtFontWeightSemiBold": 600,
|
|
134
|
-
"dtFontWeightBold": 700,
|
|
135
|
-
"dtFontTextCaseUppercase": "uppercase",
|
|
136
|
-
"dtFontTextCaseLowercase": "lowercase",
|
|
137
|
-
"dtFontTextCaseCapitalize": "capitalize",
|
|
138
|
-
"dtFontTextCaseNone": "none",
|
|
139
105
|
"dtTypographyBodySmallFontFamily": "SF Pro",
|
|
140
106
|
"dtTypographyBodySmallFontWeight": 400,
|
|
141
107
|
"dtTypographyBodySmallLineHeight": "140%",
|
|
@@ -242,6 +208,14 @@
|
|
|
242
208
|
"dtSize600": "3.2rem",
|
|
243
209
|
"dtSize700": "6.4rem",
|
|
244
210
|
"dtSize800": "12.8rem",
|
|
211
|
+
"dtSizeIcon100": "1.2rem",
|
|
212
|
+
"dtSizeIcon200": "1.4rem",
|
|
213
|
+
"dtSizeIcon300": "1.8rem",
|
|
214
|
+
"dtSizeIcon400": "2rem",
|
|
215
|
+
"dtSizeIcon500": "2.4rem",
|
|
216
|
+
"dtSizeIcon600": "3.2rem",
|
|
217
|
+
"dtSizeIcon700": "3.8rem",
|
|
218
|
+
"dtSizeIcon800": "4.8rem",
|
|
245
219
|
"dtSizeBase": "0.8rem",
|
|
246
220
|
"dtSizeBorder0": "0",
|
|
247
221
|
"dtSizeBorder100": "0.1rem",
|
|
@@ -258,11 +232,43 @@
|
|
|
258
232
|
"dtSizeRadius300": "0.4rem",
|
|
259
233
|
"dtSizeRadius400": "0.8rem",
|
|
260
234
|
"dtSizeRadius500": "3.2rem",
|
|
261
|
-
"
|
|
262
|
-
"
|
|
263
|
-
"
|
|
264
|
-
"
|
|
265
|
-
"
|
|
235
|
+
"dtOpacity0": 0,
|
|
236
|
+
"dtOpacity100": 0.05,
|
|
237
|
+
"dtOpacity200": 0.1,
|
|
238
|
+
"dtOpacity300": 0.2,
|
|
239
|
+
"dtOpacity400": 0.25,
|
|
240
|
+
"dtOpacity500": 0.3,
|
|
241
|
+
"dtOpacity600": 0.4,
|
|
242
|
+
"dtOpacity700": 0.5,
|
|
243
|
+
"dtOpacity800": 0.6,
|
|
244
|
+
"dtOpacity900": 0.7,
|
|
245
|
+
"dtOpacity1000": 0.75,
|
|
246
|
+
"dtOpacity1100": 0.8,
|
|
247
|
+
"dtOpacity1200": 0.9,
|
|
248
|
+
"dtOpacity1300": 1,
|
|
249
|
+
"dtFontFamilyBody": "\"SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'\"",
|
|
250
|
+
"dtFontFamilyExpressive": "\"Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'\"",
|
|
251
|
+
"dtFontFamilyMono": "\"SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace\"",
|
|
252
|
+
"dtFontSize100": "1.2rem",
|
|
253
|
+
"dtFontSize200": "1.5rem",
|
|
254
|
+
"dtFontSize300": "1.9rem",
|
|
255
|
+
"dtFontSize400": "2.7rem",
|
|
256
|
+
"dtFontSize500": "3.8rem",
|
|
257
|
+
"dtFontSizeRoot": "1rem",
|
|
258
|
+
"dtFontLineHeight100": "100%",
|
|
259
|
+
"dtFontLineHeight200": "120%",
|
|
260
|
+
"dtFontLineHeight300": "140%",
|
|
261
|
+
"dtFontLineHeight400": "160%",
|
|
262
|
+
"dtFontLineHeight500": "180%",
|
|
263
|
+
"dtFontLineHeight600": "200%",
|
|
264
|
+
"dtFontWeightNormal": 400,
|
|
265
|
+
"dtFontWeightMedium": 500,
|
|
266
|
+
"dtFontWeightSemiBold": 600,
|
|
267
|
+
"dtFontWeightBold": 700,
|
|
268
|
+
"dtFontTextCaseUppercase": "uppercase",
|
|
269
|
+
"dtFontTextCaseLowercase": "lowercase",
|
|
270
|
+
"dtFontTextCaseCapitalize": "capitalize",
|
|
271
|
+
"dtFontTextCaseNone": "none",
|
|
266
272
|
"dtSpace0": "0px",
|
|
267
273
|
"dtSpace100": "1px",
|
|
268
274
|
"dtSpace200": "2px",
|