@dialpad/dialtone-tokens 1.3.2 → 1.3.4
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/README.md +53 -10
- package/dist/android/colors.xml +2 -1
- package/dist/android/dimens.xml +8 -5
- package/dist/android/tokens.kt +225 -213
- package/dist/css/variables.css +25 -13
- package/dist/ios/tokens.swift +149 -137
- package/dist/less/variables.less +25 -13
- package/dist/tokens.json +24 -12
- package/package.json +1 -1
package/dist/android/tokens.kt
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
// Do not edit directly
|
|
4
|
-
// Generated on
|
|
4
|
+
// Generated on Mon, 24 Oct 2022 21:03:53 GMT
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -12,106 +12,107 @@ import androidx.compose.ui.graphics.Color
|
|
|
12
12
|
import androidx.compose.ui.unit.*
|
|
13
13
|
|
|
14
14
|
object DialtoneTokens {
|
|
15
|
-
val dtButtonBorderRadiusExtraLarge =
|
|
16
|
-
val dtButtonBorderRadiusExtraSmall =
|
|
17
|
-
val dtButtonBorderRadiusLarge =
|
|
18
|
-
val dtButtonBorderRadiusMedium =
|
|
19
|
-
val dtButtonBorderRadiusSmall =
|
|
20
|
-
val dtButtonColorBackgroundDanger = Color(
|
|
15
|
+
val dtButtonBorderRadiusExtraLarge = 10.dp
|
|
16
|
+
val dtButtonBorderRadiusExtraSmall = 7.dp
|
|
17
|
+
val dtButtonBorderRadiusLarge = 9.dp
|
|
18
|
+
val dtButtonBorderRadiusMedium = 8.dp
|
|
19
|
+
val dtButtonBorderRadiusSmall = 7.5.dp
|
|
20
|
+
val dtButtonColorBackgroundDanger = Color(0xffff2e2e)
|
|
21
21
|
val dtButtonColorBackgroundDefault = Color(0x00000000)
|
|
22
|
-
val dtButtonColorBackgroundPrimary = Color(
|
|
22
|
+
val dtButtonColorBackgroundPrimary = Color(0xff7c52ff)
|
|
23
23
|
val dtButtonColorTextDanger = Color(0xffffffff)
|
|
24
|
-
val dtButtonColorTextDefault = Color(
|
|
24
|
+
val dtButtonColorTextDefault = Color(0xff7c52ff)
|
|
25
25
|
val dtButtonColorTextPrimary = Color(0xffffffff)
|
|
26
|
-
val dtButtonFontSizeExtraLarge =
|
|
27
|
-
val dtButtonFontSizeExtraSmall =
|
|
28
|
-
val dtButtonFontSizeLarge =
|
|
29
|
-
val dtButtonFontSizeMedium =
|
|
30
|
-
val dtButtonFontSizeSmall =
|
|
26
|
+
val dtButtonFontSizeExtraLarge = 27.sp
|
|
27
|
+
val dtButtonFontSizeExtraSmall = 12.sp
|
|
28
|
+
val dtButtonFontSizeLarge = 19.sp
|
|
29
|
+
val dtButtonFontSizeMedium = 15.sp
|
|
30
|
+
val dtButtonFontSizeSmall = 12.sp
|
|
31
31
|
val dtButtonLineHeightSizeExtraLarge = 1.6
|
|
32
32
|
val dtButtonLineHeightSizeExtraSmall = 1.2
|
|
33
33
|
val dtButtonLineHeightSizeLarge = 1.6
|
|
34
34
|
val dtButtonLineHeightSizeMedium = 1.4
|
|
35
35
|
val dtButtonLineHeightSizeSmall = 1.4
|
|
36
|
-
val dtButtonPaddingHorizontalExtraLarge =
|
|
37
|
-
val dtButtonPaddingHorizontalExtraSmall =
|
|
38
|
-
val dtButtonPaddingHorizontalLarge =
|
|
39
|
-
val dtButtonPaddingHorizontalMedium =
|
|
40
|
-
val dtButtonPaddingHorizontalSmall =
|
|
41
|
-
val dtButtonPaddingVerticalExtraLarge =
|
|
42
|
-
val dtButtonPaddingVerticalExtraSmall =
|
|
43
|
-
val dtButtonPaddingVerticalLarge =
|
|
44
|
-
val dtButtonPaddingVerticalMedium =
|
|
45
|
-
val dtButtonPaddingVerticalSmall =
|
|
46
|
-
val dtButtonSpaceGap =
|
|
47
|
-
val dtColorBlack100 = Color(
|
|
48
|
-
val dtColorBlack200 = Color(
|
|
49
|
-
val dtColorBlack300 = Color(
|
|
50
|
-
val dtColorBlack400 = Color(
|
|
51
|
-
val dtColorBlack500 = Color(
|
|
52
|
-
val dtColorBlack600 = Color(
|
|
53
|
-
val dtColorBlack700 = Color(
|
|
54
|
-
val dtColorBlack800 = Color(
|
|
55
|
-
val dtColorBlack900 = Color(
|
|
56
|
-
val dtColorBlue100 = Color(
|
|
57
|
-
val dtColorBlue200 = Color(
|
|
58
|
-
val dtColorBlue300 = Color(
|
|
59
|
-
val dtColorBlue400 = Color(
|
|
60
|
-
val dtColorBlue500 = Color(
|
|
61
|
-
val dtColorGold100 = Color(
|
|
62
|
-
val dtColorGold200 = Color(
|
|
63
|
-
val dtColorGold300 = Color(
|
|
64
|
-
val dtColorGold400 = Color(
|
|
65
|
-
val dtColorGold500 = Color(
|
|
66
|
-
val
|
|
67
|
-
val
|
|
68
|
-
val
|
|
69
|
-
val
|
|
70
|
-
val
|
|
71
|
-
val
|
|
72
|
-
val
|
|
73
|
-
val
|
|
74
|
-
val
|
|
75
|
-
val
|
|
76
|
-
val
|
|
36
|
+
val dtButtonPaddingHorizontalExtraLarge = 15.sp
|
|
37
|
+
val dtButtonPaddingHorizontalExtraSmall = 15.sp
|
|
38
|
+
val dtButtonPaddingHorizontalLarge = 63.sp
|
|
39
|
+
val dtButtonPaddingHorizontalMedium = 15.sp
|
|
40
|
+
val dtButtonPaddingHorizontalSmall = 15.sp
|
|
41
|
+
val dtButtonPaddingVerticalExtraLarge = 31.sp
|
|
42
|
+
val dtButtonPaddingVerticalExtraSmall = 13.sp
|
|
43
|
+
val dtButtonPaddingVerticalLarge = 31.sp
|
|
44
|
+
val dtButtonPaddingVerticalMedium = 15.sp
|
|
45
|
+
val dtButtonPaddingVerticalSmall = 13.sp
|
|
46
|
+
val dtButtonSpaceGap = 16.sp
|
|
47
|
+
val dtColorBlack100 = Color(0xfff9f9f9)
|
|
48
|
+
val dtColorBlack200 = Color(0xffe9e9e9)
|
|
49
|
+
val dtColorBlack300 = Color(0xffd2d2d2)
|
|
50
|
+
val dtColorBlack400 = Color(0xffaaaaaa)
|
|
51
|
+
val dtColorBlack500 = Color(0xff808080)
|
|
52
|
+
val dtColorBlack600 = Color(0xff555555)
|
|
53
|
+
val dtColorBlack700 = Color(0xff3a3a3a)
|
|
54
|
+
val dtColorBlack800 = Color(0xff222222)
|
|
55
|
+
val dtColorBlack900 = Color(0xff000000)
|
|
56
|
+
val dtColorBlue100 = Color(0xffe3edf9)
|
|
57
|
+
val dtColorBlue200 = Color(0xff84bdff)
|
|
58
|
+
val dtColorBlue300 = Color(0xff51a0fe)
|
|
59
|
+
val dtColorBlue400 = Color(0xff1768c6)
|
|
60
|
+
val dtColorBlue500 = Color(0xff01326d)
|
|
61
|
+
val dtColorGold100 = Color(0xffffe793)
|
|
62
|
+
val dtColorGold200 = Color(0xffffd362)
|
|
63
|
+
val dtColorGold300 = Color(0xfff6ab3c)
|
|
64
|
+
val dtColorGold400 = Color(0xffd28f2b)
|
|
65
|
+
val dtColorGold500 = Color(0xff815008)
|
|
66
|
+
val dtColorGradientMagentaPurple = Color(0xff000000)
|
|
67
|
+
val dtColorGreen100 = Color(0xffddf4d9)
|
|
68
|
+
val dtColorGreen200 = Color(0xff9fff90)
|
|
69
|
+
val dtColorGreen300 = Color(0xff45f777)
|
|
70
|
+
val dtColorGreen400 = Color(0xff1aa340)
|
|
71
|
+
val dtColorGreen500 = Color(0xff124620)
|
|
72
|
+
val dtColorMagenta100 = Color(0xffff97d2)
|
|
73
|
+
val dtColorMagenta200 = Color(0xfff756b1)
|
|
74
|
+
val dtColorMagenta300 = Color(0xfff9008e)
|
|
75
|
+
val dtColorMagenta400 = Color(0xff8c0e56)
|
|
76
|
+
val dtColorMagenta500 = Color(0xff541a3b)
|
|
77
|
+
val dtColorNeutralBlack = Color(0xff000000)
|
|
77
78
|
val dtColorNeutralWhite = Color(0xffffffff)
|
|
78
|
-
val dtColorPurple100 = Color(
|
|
79
|
-
val dtColorPurple200 = Color(
|
|
80
|
-
val dtColorPurple300 = Color(
|
|
81
|
-
val dtColorPurple400 = Color(
|
|
82
|
-
val dtColorPurple500 = Color(
|
|
83
|
-
val dtColorPurple600 = Color(
|
|
84
|
-
val dtColorRed100 = Color(
|
|
85
|
-
val dtColorRed200 = Color(
|
|
86
|
-
val dtColorRed300 = Color(
|
|
87
|
-
val dtColorRed400 = Color(
|
|
88
|
-
val dtColorRed500 = Color(
|
|
89
|
-
val dtColorSurfaceBold = Color(
|
|
90
|
-
val dtColorSurfaceContrast = Color(
|
|
91
|
-
val dtColorSurfaceError = Color(
|
|
92
|
-
val dtColorSurfaceModerate = Color(
|
|
79
|
+
val dtColorPurple100 = Color(0xffeee5ff)
|
|
80
|
+
val dtColorPurple200 = Color(0xffd3bcff)
|
|
81
|
+
val dtColorPurple300 = Color(0xffab7eff)
|
|
82
|
+
val dtColorPurple400 = Color(0xff7c52ff)
|
|
83
|
+
val dtColorPurple500 = Color(0xff3a1d95)
|
|
84
|
+
val dtColorPurple600 = Color(0xff10022c)
|
|
85
|
+
val dtColorRed100 = Color(0xffffdcdc)
|
|
86
|
+
val dtColorRed200 = Color(0xffff7474)
|
|
87
|
+
val dtColorRed300 = Color(0xffff2e2e)
|
|
88
|
+
val dtColorRed400 = Color(0xffa41111)
|
|
89
|
+
val dtColorRed500 = Color(0xff540000)
|
|
90
|
+
val dtColorSurfaceBold = Color(0xffbbbbbb)
|
|
91
|
+
val dtColorSurfaceContrast = Color(0xff222222)
|
|
92
|
+
val dtColorSurfaceError = Color(0xffffdcdc)
|
|
93
|
+
val dtColorSurfaceModerate = Color(0xffededed)
|
|
93
94
|
val dtColorSurfacePrimary = Color(0xffffffff)
|
|
94
|
-
val dtColorSurfaceSecondary = Color(
|
|
95
|
-
val dtColorSurfaceStrong = Color(
|
|
96
|
-
val dtColorSurfaceSuccess = Color(
|
|
97
|
-
val dtColorSurfaceWarning = Color(
|
|
98
|
-
val dtColorTan100 = Color(
|
|
99
|
-
val dtColorTan200 = Color(
|
|
100
|
-
val dtColorTan300 = Color(
|
|
101
|
-
val dtColorTan400 = Color(
|
|
102
|
-
val dtColorTan500 = Color(
|
|
103
|
-
val dtColorTextDisabled = Color(
|
|
104
|
-
val dtColorTextError = Color(
|
|
105
|
-
val dtColorTextLinkPrimary = Color(
|
|
106
|
-
val dtColorTextMuted = Color(
|
|
107
|
-
val dtColorTextOnDarkPrimary = Color(
|
|
108
|
-
val dtColorTextOnDarkSecondary = Color(
|
|
109
|
-
val dtColorTextPlaceholder = Color(
|
|
110
|
-
val dtColorTextPrimary = Color(
|
|
111
|
-
val dtColorTextSecondary = Color(
|
|
112
|
-
val dtColorTextSuccess = Color(
|
|
113
|
-
val dtColorTextTertiary = Color(
|
|
114
|
-
val dtColorTextWarning = Color(
|
|
95
|
+
val dtColorSurfaceSecondary = Color(0xfff9f9f9)
|
|
96
|
+
val dtColorSurfaceStrong = Color(0xff555555)
|
|
97
|
+
val dtColorSurfaceSuccess = Color(0xffddf4d9)
|
|
98
|
+
val dtColorSurfaceWarning = Color(0xffffe793)
|
|
99
|
+
val dtColorTan100 = Color(0xfff2f0ee)
|
|
100
|
+
val dtColorTan200 = Color(0xffcec8c4)
|
|
101
|
+
val dtColorTan300 = Color(0xff87807b)
|
|
102
|
+
val dtColorTan400 = Color(0xff3f3d3c)
|
|
103
|
+
val dtColorTan500 = Color(0xff121212)
|
|
104
|
+
val dtColorTextDisabled = Color(0xff808080)
|
|
105
|
+
val dtColorTextError = Color(0xffa41111)
|
|
106
|
+
val dtColorTextLinkPrimary = Color(0xff7c52ff)
|
|
107
|
+
val dtColorTextMuted = Color(0x80222222)
|
|
108
|
+
val dtColorTextOnDarkPrimary = Color(0xfff9f9f9)
|
|
109
|
+
val dtColorTextOnDarkSecondary = Color(0xffd2d2d2)
|
|
110
|
+
val dtColorTextPlaceholder = Color(0xff808080)
|
|
111
|
+
val dtColorTextPrimary = Color(0xff000000)
|
|
112
|
+
val dtColorTextSecondary = Color(0xff3a3a3a)
|
|
113
|
+
val dtColorTextSuccess = Color(0xff00671d)
|
|
114
|
+
val dtColorTextTertiary = Color(0xff555555)
|
|
115
|
+
val dtColorTextWarning = Color(0xff815008)
|
|
115
116
|
val dtFontFamilyBody = "SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
116
117
|
val dtFontFamilyExpressive = "Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
117
118
|
val dtFontFamilyMono = "SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace"
|
|
@@ -121,20 +122,20 @@ object DialtoneTokens {
|
|
|
121
122
|
val dtFontLineHeight400 = 1.6
|
|
122
123
|
val dtFontLineHeight500 = 1.8
|
|
123
124
|
val dtFontLineHeight600 = 2
|
|
124
|
-
val dtFontSize100 =
|
|
125
|
-
val dtFontSize200 =
|
|
126
|
-
val dtFontSize300 =
|
|
127
|
-
val dtFontSize400 =
|
|
128
|
-
val dtFontSize500 =
|
|
129
|
-
val dtFontSizeRoot =
|
|
125
|
+
val dtFontSize100 = 12.sp
|
|
126
|
+
val dtFontSize200 = 15.sp
|
|
127
|
+
val dtFontSize300 = 19.sp
|
|
128
|
+
val dtFontSize400 = 27.sp
|
|
129
|
+
val dtFontSize500 = 38.sp
|
|
130
|
+
val dtFontSizeRoot = 10.sp
|
|
130
131
|
val dtFontTextCaseCapitalize = "capitalize"
|
|
131
132
|
val dtFontTextCaseLowercase = "lowercase"
|
|
132
133
|
val dtFontTextCaseNone = "none"
|
|
133
134
|
val dtFontTextCaseUppercase = "uppercase"
|
|
134
|
-
val dtFontWeightBold = "
|
|
135
|
-
val dtFontWeightMedium = "
|
|
136
|
-
val dtFontWeightNormal = "
|
|
137
|
-
val dtFontWeightSemiBold = "
|
|
135
|
+
val dtFontWeightBold = "700"
|
|
136
|
+
val dtFontWeightMedium = "500"
|
|
137
|
+
val dtFontWeightNormal = "400"
|
|
138
|
+
val dtFontWeightSemiBold = "600"
|
|
138
139
|
val dtOpacity0 = 0
|
|
139
140
|
val dtOpacity100 = 0.05
|
|
140
141
|
val dtOpacity1000 = 0.75
|
|
@@ -149,190 +150,201 @@ object DialtoneTokens {
|
|
|
149
150
|
val dtOpacity700 = 0.5
|
|
150
151
|
val dtOpacity800 = 0.6
|
|
151
152
|
val dtOpacity900 = 0.7
|
|
152
|
-
val dtShadowCard0Blur =
|
|
153
|
-
val dtShadowCard0Color = Color(
|
|
153
|
+
val dtShadowCard0Blur = 2.dp
|
|
154
|
+
val dtShadowCard0Color = Color(0x08000000)
|
|
154
155
|
val dtShadowCard0Spread = 0
|
|
155
156
|
val dtShadowCard0Type = "dropShadow"
|
|
156
157
|
val dtShadowCard0X = 0
|
|
157
|
-
val dtShadowCard0Y =
|
|
158
|
-
val dtShadowCard1Blur =
|
|
159
|
-
val dtShadowCard1Color = Color(
|
|
158
|
+
val dtShadowCard0Y = 1.dp
|
|
159
|
+
val dtShadowCard1Blur = 4.dp
|
|
160
|
+
val dtShadowCard1Color = Color(0x0a000000)
|
|
160
161
|
val dtShadowCard1Spread = 0
|
|
161
162
|
val dtShadowCard1Type = "dropShadow"
|
|
162
163
|
val dtShadowCard1X = 0
|
|
163
|
-
val dtShadowCard1Y =
|
|
164
|
-
val dtShadowCard2Blur =
|
|
165
|
-
val dtShadowCard2Color = Color(
|
|
164
|
+
val dtShadowCard1Y = 2.dp
|
|
165
|
+
val dtShadowCard2Blur = 16.dp
|
|
166
|
+
val dtShadowCard2Color = Color(0x14000000)
|
|
166
167
|
val dtShadowCard2Spread = 0
|
|
167
168
|
val dtShadowCard2Type = "dropShadow"
|
|
168
169
|
val dtShadowCard2X = 0
|
|
169
|
-
val dtShadowCard2Y =
|
|
170
|
-
val dtShadowExtraLarge0Blur =
|
|
171
|
-
val dtShadowExtraLarge0Color = Color(
|
|
170
|
+
val dtShadowCard2Y = 2.dp
|
|
171
|
+
val dtShadowExtraLarge0Blur = 32.dp
|
|
172
|
+
val dtShadowExtraLarge0Color = Color(0x4d000000)
|
|
172
173
|
val dtShadowExtraLarge0Spread = 0
|
|
173
174
|
val dtShadowExtraLarge0Type = "dropShadow"
|
|
174
175
|
val dtShadowExtraLarge0X = 0
|
|
175
|
-
val dtShadowExtraLarge0Y =
|
|
176
|
-
val dtShadowLarge0Blur =
|
|
177
|
-
val dtShadowLarge0Color = Color(
|
|
176
|
+
val dtShadowExtraLarge0Y = 2.dp
|
|
177
|
+
val dtShadowLarge0Blur = 16.dp
|
|
178
|
+
val dtShadowLarge0Color = Color(0x4d000000)
|
|
178
179
|
val dtShadowLarge0Spread = 0
|
|
179
180
|
val dtShadowLarge0Type = "dropShadow"
|
|
180
181
|
val dtShadowLarge0X = 0
|
|
181
|
-
val dtShadowLarge0Y =
|
|
182
|
-
val dtShadowMedium0Blur =
|
|
183
|
-
val dtShadowMedium0Color = Color(
|
|
182
|
+
val dtShadowLarge0Y = 2.dp
|
|
183
|
+
val dtShadowMedium0Blur = 8.dp
|
|
184
|
+
val dtShadowMedium0Color = Color(0x40000000)
|
|
184
185
|
val dtShadowMedium0Spread = 0
|
|
185
186
|
val dtShadowMedium0Type = "dropShadow"
|
|
186
187
|
val dtShadowMedium0X = 0
|
|
187
|
-
val dtShadowMedium0Y =
|
|
188
|
-
val dtShadowSmall0Blur =
|
|
189
|
-
val dtShadowSmall0Color = Color(
|
|
188
|
+
val dtShadowMedium0Y = 2.dp
|
|
189
|
+
val dtShadowSmall0Blur = 4.dp
|
|
190
|
+
val dtShadowSmall0Color = Color(0x26000000)
|
|
190
191
|
val dtShadowSmall0Spread = 0
|
|
191
192
|
val dtShadowSmall0Type = "dropShadow"
|
|
192
193
|
val dtShadowSmall0X = 0
|
|
193
|
-
val dtShadowSmall0Y =
|
|
194
|
+
val dtShadowSmall0Y = 2.dp
|
|
194
195
|
val dtSize0 = 0
|
|
195
|
-
val dtSize100 =
|
|
196
|
-
val dtSize200 =
|
|
197
|
-
val dtSize300 =
|
|
198
|
-
val dtSize400 =
|
|
199
|
-
val dtSize500 =
|
|
200
|
-
val dtSize600 =
|
|
201
|
-
val dtSize700 =
|
|
202
|
-
val dtSize800 =
|
|
203
|
-
val dtSizeBase =
|
|
196
|
+
val dtSize100 = 1.dp
|
|
197
|
+
val dtSize200 = 2.dp
|
|
198
|
+
val dtSize300 = 4.dp
|
|
199
|
+
val dtSize400 = 8.dp
|
|
200
|
+
val dtSize500 = 16.dp
|
|
201
|
+
val dtSize600 = 32.dp
|
|
202
|
+
val dtSize700 = 64.dp
|
|
203
|
+
val dtSize800 = 128.dp
|
|
204
|
+
val dtSizeBase = 8.dp
|
|
204
205
|
val dtSizeBorder0 = 0
|
|
205
|
-
val dtSizeBorder100 =
|
|
206
|
-
val dtSizeBorder200 =
|
|
207
|
-
val dtSizeBorder300 =
|
|
208
|
-
val dtSizeBorderIcon100 =
|
|
209
|
-
val dtSizeBorderIcon200 =
|
|
210
|
-
val dtSizeBorderIcon300 =
|
|
211
|
-
val dtSizeBorderIcon400 =
|
|
212
|
-
val dtSizeBorderIcon500 =
|
|
213
|
-
val
|
|
214
|
-
val
|
|
215
|
-
val
|
|
216
|
-
val
|
|
217
|
-
val
|
|
218
|
-
val
|
|
219
|
-
val
|
|
220
|
-
val
|
|
206
|
+
val dtSizeBorder100 = 1.dp
|
|
207
|
+
val dtSizeBorder200 = 2.dp
|
|
208
|
+
val dtSizeBorder300 = 4.dp
|
|
209
|
+
val dtSizeBorderIcon100 = 1.dp
|
|
210
|
+
val dtSizeBorderIcon200 = 1.25.dp
|
|
211
|
+
val dtSizeBorderIcon300 = 1.5.dp
|
|
212
|
+
val dtSizeBorderIcon400 = 1.75.dp
|
|
213
|
+
val dtSizeBorderIcon500 = 1.75.dp
|
|
214
|
+
val dtSizeBorderIcon600 = 2.5.dp
|
|
215
|
+
val dtSizeBorderIcon700 = 2.75.dp
|
|
216
|
+
val dtSizeBorderIcon800 = 3.5.dp
|
|
217
|
+
val dtSizeIcon100 = 12.dp
|
|
218
|
+
val dtSizeIcon200 = 14.dp
|
|
219
|
+
val dtSizeIcon300 = 18.dp
|
|
220
|
+
val dtSizeIcon400 = 20.dp
|
|
221
|
+
val dtSizeIcon500 = 24.dp
|
|
222
|
+
val dtSizeIcon600 = 32.dp
|
|
223
|
+
val dtSizeIcon700 = 38.dp
|
|
224
|
+
val dtSizeIcon800 = 48.dp
|
|
221
225
|
val dtSizeRadius0 = 0
|
|
222
|
-
val dtSizeRadius100 =
|
|
223
|
-
val dtSizeRadius200 =
|
|
224
|
-
val dtSizeRadius300 =
|
|
225
|
-
val dtSizeRadius400 =
|
|
226
|
-
val dtSizeRadius500 =
|
|
226
|
+
val dtSizeRadius100 = 1.dp
|
|
227
|
+
val dtSizeRadius200 = 2.dp
|
|
228
|
+
val dtSizeRadius300 = 4.dp
|
|
229
|
+
val dtSizeRadius400 = 8.dp
|
|
230
|
+
val dtSizeRadius500 = 32.dp
|
|
227
231
|
val dtSpace0 = 0
|
|
228
|
-
val dtSpace100 =
|
|
229
|
-
val dtSpace200 =
|
|
230
|
-
val dtSpace300 =
|
|
231
|
-
val dtSpace400 =
|
|
232
|
-
val dtSpace500 =
|
|
233
|
-
val dtSpace600 =
|
|
234
|
-
val dtSpace700 =
|
|
235
|
-
val dtSpace800 =
|
|
236
|
-
val dtSpaceBase =
|
|
232
|
+
val dtSpace100 = 1.sp
|
|
233
|
+
val dtSpace200 = 2.sp
|
|
234
|
+
val dtSpace300 = 4.sp
|
|
235
|
+
val dtSpace400 = 8.sp
|
|
236
|
+
val dtSpace500 = 16.sp
|
|
237
|
+
val dtSpace600 = 32.sp
|
|
238
|
+
val dtSpace700 = 64.sp
|
|
239
|
+
val dtSpace800 = 128.sp
|
|
240
|
+
val dtSpaceBase = 8.sp
|
|
237
241
|
val dtTypographyBodyBaseFontFamily = "SF Pro"
|
|
238
|
-
val dtTypographyBodyBaseFontSize =
|
|
239
|
-
val dtTypographyBodyBaseFontWeight = "
|
|
242
|
+
val dtTypographyBodyBaseFontSize = 15.sp
|
|
243
|
+
val dtTypographyBodyBaseFontWeight = "400"
|
|
240
244
|
val dtTypographyBodyBaseLineHeight = 1.6
|
|
241
245
|
val dtTypographyBodyCompactBaseFontFamily = "SF Pro"
|
|
242
|
-
val dtTypographyBodyCompactBaseFontSize =
|
|
243
|
-
val dtTypographyBodyCompactBaseFontWeight = "
|
|
246
|
+
val dtTypographyBodyCompactBaseFontSize = 15.sp
|
|
247
|
+
val dtTypographyBodyCompactBaseFontWeight = "400"
|
|
244
248
|
val dtTypographyBodyCompactBaseLineHeight = 1.4
|
|
245
249
|
val dtTypographyBodyCompactSmallFontFamily = "SF Pro"
|
|
246
|
-
val dtTypographyBodyCompactSmallFontSize =
|
|
247
|
-
val dtTypographyBodyCompactSmallFontWeight = "
|
|
250
|
+
val dtTypographyBodyCompactSmallFontSize = 12.sp
|
|
251
|
+
val dtTypographyBodyCompactSmallFontWeight = "400"
|
|
248
252
|
val dtTypographyBodyCompactSmallLineHeight = 1.2
|
|
249
253
|
val dtTypographyBodySmallFontFamily = "SF Pro"
|
|
250
|
-
val dtTypographyBodySmallFontSize =
|
|
251
|
-
val dtTypographyBodySmallFontWeight = "
|
|
254
|
+
val dtTypographyBodySmallFontSize = 12.sp
|
|
255
|
+
val dtTypographyBodySmallFontWeight = "400"
|
|
252
256
|
val dtTypographyBodySmallLineHeight = 1.4
|
|
253
257
|
val dtTypographyCodeBaseFontFamily = "SF Mono"
|
|
254
|
-
val dtTypographyCodeBaseFontSize =
|
|
255
|
-
val dtTypographyCodeBaseFontWeight = "
|
|
258
|
+
val dtTypographyCodeBaseFontSize = 15.sp
|
|
259
|
+
val dtTypographyCodeBaseFontWeight = "400"
|
|
256
260
|
val dtTypographyCodeBaseLineHeight = 1.2
|
|
257
261
|
val dtTypographyCodeSmallFontFamily = "SF Mono"
|
|
258
|
-
val dtTypographyCodeSmallFontSize =
|
|
259
|
-
val dtTypographyCodeSmallFontWeight = "
|
|
262
|
+
val dtTypographyCodeSmallFontSize = 12.sp
|
|
263
|
+
val dtTypographyCodeSmallFontWeight = "400"
|
|
260
264
|
val dtTypographyCodeSmallLineHeight = 1.2
|
|
261
|
-
val dtTypographyHeadlineCompactBaseFontFamily = "SF Pro"
|
|
262
|
-
val dtTypographyHeadlineCompactBaseFontSize = 0.05859375.sp
|
|
263
|
-
val dtTypographyHeadlineCompactBaseFontWeight = "Bold"
|
|
264
|
-
val dtTypographyHeadlineCompactBaseLineHeight = 1.4
|
|
265
265
|
val dtTypographyHeadlineCompactLargeFontFamily = "SF Pro"
|
|
266
|
-
val dtTypographyHeadlineCompactLargeFontSize =
|
|
267
|
-
val dtTypographyHeadlineCompactLargeFontWeight = "
|
|
266
|
+
val dtTypographyHeadlineCompactLargeFontSize = 19.sp
|
|
267
|
+
val dtTypographyHeadlineCompactLargeFontWeight = "700"
|
|
268
268
|
val dtTypographyHeadlineCompactLargeLineHeight = 1.2
|
|
269
|
+
val dtTypographyHeadlineCompactMediumFontFamily = "SF Pro"
|
|
270
|
+
val dtTypographyHeadlineCompactMediumFontSize = 15.sp
|
|
271
|
+
val dtTypographyHeadlineCompactMediumFontWeight = "700"
|
|
272
|
+
val dtTypographyHeadlineCompactMediumLineHeight = 1.4
|
|
269
273
|
val dtTypographyHeadlineCompactSmallFontFamily = "SF Pro"
|
|
270
|
-
val dtTypographyHeadlineCompactSmallFontSize =
|
|
271
|
-
val dtTypographyHeadlineCompactSmallFontWeight = "
|
|
274
|
+
val dtTypographyHeadlineCompactSmallFontSize = 12.sp
|
|
275
|
+
val dtTypographyHeadlineCompactSmallFontWeight = "700"
|
|
272
276
|
val dtTypographyHeadlineCompactSmallLineHeight = 1.2
|
|
277
|
+
val dtTypographyHeadlineCompactSoftSmallFontFamily = "SF Pro"
|
|
278
|
+
val dtTypographyHeadlineCompactSoftSmallFontSize = 12.sp
|
|
279
|
+
val dtTypographyHeadlineCompactSoftSmallFontWeight = "500"
|
|
280
|
+
val dtTypographyHeadlineCompactSoftSmallLineHeight = 1.2
|
|
273
281
|
val dtTypographyHeadlineExtraExtraLargeFontFamily = "SF Pro"
|
|
274
|
-
val dtTypographyHeadlineExtraExtraLargeFontSize =
|
|
275
|
-
val dtTypographyHeadlineExtraExtraLargeFontWeight = "
|
|
282
|
+
val dtTypographyHeadlineExtraExtraLargeFontSize = 38.sp
|
|
283
|
+
val dtTypographyHeadlineExtraExtraLargeFontWeight = "500"
|
|
276
284
|
val dtTypographyHeadlineExtraExtraLargeLineHeight = 1.2
|
|
277
285
|
val dtTypographyHeadlineExtraLargeFontFamily = "SF Pro"
|
|
278
|
-
val dtTypographyHeadlineExtraLargeFontSize =
|
|
279
|
-
val dtTypographyHeadlineExtraLargeFontWeight = "
|
|
286
|
+
val dtTypographyHeadlineExtraLargeFontSize = 27.sp
|
|
287
|
+
val dtTypographyHeadlineExtraLargeFontWeight = "500"
|
|
280
288
|
val dtTypographyHeadlineExtraLargeLineHeight = 1.2
|
|
281
289
|
val dtTypographyHeadlineEyebrowFontFamily = "SF Pro"
|
|
282
|
-
val dtTypographyHeadlineEyebrowFontSize =
|
|
283
|
-
val dtTypographyHeadlineEyebrowFontWeight = "
|
|
290
|
+
val dtTypographyHeadlineEyebrowFontSize = 12.sp
|
|
291
|
+
val dtTypographyHeadlineEyebrowFontWeight = "400"
|
|
284
292
|
val dtTypographyHeadlineEyebrowLineHeight = 1.4
|
|
285
293
|
val dtTypographyHeadlineEyebrowTextCase = "uppercase"
|
|
286
294
|
val dtTypographyHeadlineLargeFontFamily = "SF Pro"
|
|
287
|
-
val dtTypographyHeadlineLargeFontSize =
|
|
288
|
-
val dtTypographyHeadlineLargeFontWeight = "
|
|
295
|
+
val dtTypographyHeadlineLargeFontSize = 19.sp
|
|
296
|
+
val dtTypographyHeadlineLargeFontWeight = "700"
|
|
289
297
|
val dtTypographyHeadlineLargeLineHeight = 1.6
|
|
290
298
|
val dtTypographyHeadlineMediumFontFamily = "SF Pro"
|
|
291
|
-
val dtTypographyHeadlineMediumFontSize =
|
|
292
|
-
val dtTypographyHeadlineMediumFontWeight = "
|
|
299
|
+
val dtTypographyHeadlineMediumFontSize = 15.sp
|
|
300
|
+
val dtTypographyHeadlineMediumFontWeight = "700"
|
|
293
301
|
val dtTypographyHeadlineMediumLineHeight = 1.6
|
|
294
302
|
val dtTypographyHeadlineSmallFontFamily = "SF Pro"
|
|
295
|
-
val dtTypographyHeadlineSmallFontSize =
|
|
296
|
-
val dtTypographyHeadlineSmallFontWeight = "
|
|
303
|
+
val dtTypographyHeadlineSmallFontSize = 12.sp
|
|
304
|
+
val dtTypographyHeadlineSmallFontWeight = "700"
|
|
297
305
|
val dtTypographyHeadlineSmallLineHeight = 1.4
|
|
306
|
+
val dtTypographyHeadlineSoftSmallFontFamily = "SF Pro"
|
|
307
|
+
val dtTypographyHeadlineSoftSmallFontSize = 12.sp
|
|
308
|
+
val dtTypographyHeadlineSoftSmallFontWeight = "500"
|
|
309
|
+
val dtTypographyHeadlineSoftSmallLineHeight = 1.4
|
|
298
310
|
val dtTypographyHelperBaseFontFamily = "SF Pro"
|
|
299
|
-
val dtTypographyHelperBaseFontSize =
|
|
300
|
-
val dtTypographyHelperBaseFontWeight = "
|
|
311
|
+
val dtTypographyHelperBaseFontSize = 15.sp
|
|
312
|
+
val dtTypographyHelperBaseFontWeight = "400"
|
|
301
313
|
val dtTypographyHelperBaseLineHeight = 1.4
|
|
302
314
|
val dtTypographyHelperSmallFontFamily = "SF Pro"
|
|
303
|
-
val dtTypographyHelperSmallFontSize =
|
|
304
|
-
val dtTypographyHelperSmallFontWeight = "
|
|
315
|
+
val dtTypographyHelperSmallFontSize = 12.sp
|
|
316
|
+
val dtTypographyHelperSmallFontWeight = "400"
|
|
305
317
|
val dtTypographyHelperSmallLineHeight = 1.2
|
|
306
318
|
val dtTypographyLabelBaseFontFamily = "SF Pro"
|
|
307
|
-
val dtTypographyLabelBaseFontSize =
|
|
308
|
-
val dtTypographyLabelBaseFontWeight = "
|
|
319
|
+
val dtTypographyLabelBaseFontSize = 15.sp
|
|
320
|
+
val dtTypographyLabelBaseFontWeight = "600"
|
|
309
321
|
val dtTypographyLabelBaseLineHeight = 1.6
|
|
310
322
|
val dtTypographyLabelCompactBaseFontFamily = "SF Pro"
|
|
311
|
-
val dtTypographyLabelCompactBaseFontSize =
|
|
312
|
-
val dtTypographyLabelCompactBaseFontWeight = "
|
|
323
|
+
val dtTypographyLabelCompactBaseFontSize = 15.sp
|
|
324
|
+
val dtTypographyLabelCompactBaseFontWeight = "600"
|
|
313
325
|
val dtTypographyLabelCompactBaseLineHeight = 1.4
|
|
314
326
|
val dtTypographyLabelCompactPlainBaseFontFamily = "SF Pro"
|
|
315
|
-
val dtTypographyLabelCompactPlainBaseFontSize =
|
|
316
|
-
val dtTypographyLabelCompactPlainBaseFontWeight = "
|
|
327
|
+
val dtTypographyLabelCompactPlainBaseFontSize = 15.sp
|
|
328
|
+
val dtTypographyLabelCompactPlainBaseFontWeight = "400"
|
|
317
329
|
val dtTypographyLabelCompactPlainBaseLineHeight = 1.4
|
|
318
330
|
val dtTypographyLabelCompactPlainSmallFontFamily = "SF Pro"
|
|
319
|
-
val dtTypographyLabelCompactPlainSmallFontSize =
|
|
320
|
-
val dtTypographyLabelCompactPlainSmallFontWeight = "
|
|
331
|
+
val dtTypographyLabelCompactPlainSmallFontSize = 12.sp
|
|
332
|
+
val dtTypographyLabelCompactPlainSmallFontWeight = "400"
|
|
321
333
|
val dtTypographyLabelCompactPlainSmallLineHeight = 1.2
|
|
322
334
|
val dtTypographyLabelCompactSmallFontFamily = "SF Pro"
|
|
323
|
-
val dtTypographyLabelCompactSmallFontSize =
|
|
324
|
-
val dtTypographyLabelCompactSmallFontWeight = "
|
|
335
|
+
val dtTypographyLabelCompactSmallFontSize = 12.sp
|
|
336
|
+
val dtTypographyLabelCompactSmallFontWeight = "600"
|
|
325
337
|
val dtTypographyLabelCompactSmallLineHeight = 1.2
|
|
326
338
|
val dtTypographyLabelPlainBaseFontFamily = "SF Pro"
|
|
327
|
-
val dtTypographyLabelPlainBaseFontSize =
|
|
328
|
-
val dtTypographyLabelPlainBaseFontWeight = "
|
|
339
|
+
val dtTypographyLabelPlainBaseFontSize = 15.sp
|
|
340
|
+
val dtTypographyLabelPlainBaseFontWeight = "400"
|
|
329
341
|
val dtTypographyLabelPlainBaseLineHeight = 1.6
|
|
330
342
|
val dtTypographyLabelPlainSmallFontFamily = "SF Pro"
|
|
331
|
-
val dtTypographyLabelPlainSmallFontSize =
|
|
332
|
-
val dtTypographyLabelPlainSmallFontWeight = "
|
|
343
|
+
val dtTypographyLabelPlainSmallFontSize = 12.sp
|
|
344
|
+
val dtTypographyLabelPlainSmallFontWeight = "400"
|
|
333
345
|
val dtTypographyLabelPlainSmallLineHeight = 1.4
|
|
334
346
|
val dtTypographyLabelSmallFontFamily = "SF Pro"
|
|
335
|
-
val dtTypographyLabelSmallFontSize =
|
|
336
|
-
val dtTypographyLabelSmallFontWeight = "
|
|
347
|
+
val dtTypographyLabelSmallFontSize = 12.sp
|
|
348
|
+
val dtTypographyLabelSmallFontWeight = "600"
|
|
337
349
|
val dtTypographyLabelSmallLineHeight = 1.4
|
|
338
350
|
}
|
package/dist/css/variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 24 Oct 2022 21:03:53 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -108,6 +108,7 @@
|
|
|
108
108
|
--dt-color-tan-300: #87807b;
|
|
109
109
|
--dt-color-tan-400: #3f3d3c;
|
|
110
110
|
--dt-color-tan-500: #121212;
|
|
111
|
+
--dt-color-gradient-magenta-purple: #000000;
|
|
111
112
|
--dt-typography-body-small-font-family: SF Pro;
|
|
112
113
|
--dt-typography-body-small-font-weight: 400;
|
|
113
114
|
--dt-typography-body-small-line-height: 140%;
|
|
@@ -141,18 +142,6 @@
|
|
|
141
142
|
--dt-typography-headline-large-font-weight: 700;
|
|
142
143
|
--dt-typography-headline-large-line-height: 160%;
|
|
143
144
|
--dt-typography-headline-large-font-size: 1.9rem;
|
|
144
|
-
--dt-typography-headline-compact-small-font-family: SF Pro;
|
|
145
|
-
--dt-typography-headline-compact-small-font-weight: 700;
|
|
146
|
-
--dt-typography-headline-compact-small-line-height: 120%;
|
|
147
|
-
--dt-typography-headline-compact-small-font-size: 1.2rem;
|
|
148
|
-
--dt-typography-headline-compact-base-font-family: SF Pro;
|
|
149
|
-
--dt-typography-headline-compact-base-font-weight: 700;
|
|
150
|
-
--dt-typography-headline-compact-base-line-height: 140%;
|
|
151
|
-
--dt-typography-headline-compact-base-font-size: 1.5rem;
|
|
152
|
-
--dt-typography-headline-compact-large-font-family: SF Pro;
|
|
153
|
-
--dt-typography-headline-compact-large-font-weight: 700;
|
|
154
|
-
--dt-typography-headline-compact-large-line-height: 120%;
|
|
155
|
-
--dt-typography-headline-compact-large-font-size: 1.9rem;
|
|
156
145
|
--dt-typography-headline-extra-large-font-family: SF Pro;
|
|
157
146
|
--dt-typography-headline-extra-large-font-weight: 500;
|
|
158
147
|
--dt-typography-headline-extra-large-line-height: 120%;
|
|
@@ -161,6 +150,26 @@
|
|
|
161
150
|
--dt-typography-headline-extra-extra-large-font-weight: 500;
|
|
162
151
|
--dt-typography-headline-extra-extra-large-line-height: 120%;
|
|
163
152
|
--dt-typography-headline-extra-extra-large-font-size: 3.8rem;
|
|
153
|
+
--dt-typography-headline-soft-small-font-family: SF Pro;
|
|
154
|
+
--dt-typography-headline-soft-small-font-weight: 500;
|
|
155
|
+
--dt-typography-headline-soft-small-line-height: 140%;
|
|
156
|
+
--dt-typography-headline-soft-small-font-size: 1.2rem;
|
|
157
|
+
--dt-typography-headline-compact-small-font-family: SF Pro;
|
|
158
|
+
--dt-typography-headline-compact-small-font-weight: 700;
|
|
159
|
+
--dt-typography-headline-compact-small-line-height: 120%;
|
|
160
|
+
--dt-typography-headline-compact-small-font-size: 1.2rem;
|
|
161
|
+
--dt-typography-headline-compact-medium-font-family: SF Pro;
|
|
162
|
+
--dt-typography-headline-compact-medium-font-weight: 700;
|
|
163
|
+
--dt-typography-headline-compact-medium-line-height: 140%;
|
|
164
|
+
--dt-typography-headline-compact-medium-font-size: 1.5rem;
|
|
165
|
+
--dt-typography-headline-compact-large-font-family: SF Pro;
|
|
166
|
+
--dt-typography-headline-compact-large-font-weight: 700;
|
|
167
|
+
--dt-typography-headline-compact-large-line-height: 120%;
|
|
168
|
+
--dt-typography-headline-compact-large-font-size: 1.9rem;
|
|
169
|
+
--dt-typography-headline-compact-soft-small-font-family: SF Pro;
|
|
170
|
+
--dt-typography-headline-compact-soft-small-font-weight: 500;
|
|
171
|
+
--dt-typography-headline-compact-soft-small-line-height: 120%;
|
|
172
|
+
--dt-typography-headline-compact-soft-small-font-size: 1.2rem;
|
|
164
173
|
--dt-typography-label-small-font-family: SF Pro;
|
|
165
174
|
--dt-typography-label-small-font-weight: 600;
|
|
166
175
|
--dt-typography-label-small-line-height: 140%;
|
|
@@ -235,6 +244,9 @@
|
|
|
235
244
|
--dt-size-border-icon-300: 0.15rem;
|
|
236
245
|
--dt-size-border-icon-400: 0.175rem;
|
|
237
246
|
--dt-size-border-icon-500: 0.175rem;
|
|
247
|
+
--dt-size-border-icon-600: 0.25rem;
|
|
248
|
+
--dt-size-border-icon-700: 0.275rem;
|
|
249
|
+
--dt-size-border-icon-800: 0.35rem;
|
|
238
250
|
--dt-size-base: 0.8rem;
|
|
239
251
|
--dt-size-radius-0: 0rem;
|
|
240
252
|
--dt-size-radius-100: 0.1rem;
|