@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/ios/tokens.swift
CHANGED
|
@@ -4,44 +4,44 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 24 Oct 2022 21:03:53 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
11
11
|
|
|
12
12
|
public enum DialtoneTokens {
|
|
13
|
-
public static let dtButtonBorderRadiusExtraLarge = CGFloat(
|
|
14
|
-
public static let dtButtonBorderRadiusExtraSmall = CGFloat(
|
|
15
|
-
public static let dtButtonBorderRadiusLarge = CGFloat(
|
|
16
|
-
public static let dtButtonBorderRadiusMedium = CGFloat(
|
|
17
|
-
public static let dtButtonBorderRadiusSmall = CGFloat(
|
|
13
|
+
public static let dtButtonBorderRadiusExtraLarge = CGFloat(10.00)
|
|
14
|
+
public static let dtButtonBorderRadiusExtraSmall = CGFloat(7.00)
|
|
15
|
+
public static let dtButtonBorderRadiusLarge = CGFloat(9.00)
|
|
16
|
+
public static let dtButtonBorderRadiusMedium = CGFloat(8.00)
|
|
17
|
+
public static let dtButtonBorderRadiusSmall = CGFloat(7.50)
|
|
18
18
|
public static let dtButtonColorBackgroundDanger = UIColor(red: 1.000, green: 0.180, blue: 0.180, alpha: 1)
|
|
19
19
|
public static let dtButtonColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
20
20
|
public static let dtButtonColorBackgroundPrimary = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
21
21
|
public static let dtButtonColorTextDanger = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
22
22
|
public static let dtButtonColorTextDefault = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
23
23
|
public static let dtButtonColorTextPrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
24
|
-
public static let dtButtonFontSizeExtraLarge = CGFloat(
|
|
25
|
-
public static let dtButtonFontSizeExtraSmall = CGFloat(
|
|
26
|
-
public static let dtButtonFontSizeLarge = CGFloat(
|
|
27
|
-
public static let dtButtonFontSizeMedium = CGFloat(
|
|
28
|
-
public static let dtButtonFontSizeSmall = CGFloat(
|
|
24
|
+
public static let dtButtonFontSizeExtraLarge = CGFloat(27.00)
|
|
25
|
+
public static let dtButtonFontSizeExtraSmall = CGFloat(12.00)
|
|
26
|
+
public static let dtButtonFontSizeLarge = CGFloat(19.00)
|
|
27
|
+
public static let dtButtonFontSizeMedium = CGFloat(15.00)
|
|
28
|
+
public static let dtButtonFontSizeSmall = CGFloat(12.00)
|
|
29
29
|
public static let dtButtonLineHeightSizeExtraLarge = CGFloat(160.00)
|
|
30
30
|
public static let dtButtonLineHeightSizeExtraSmall = CGFloat(120.00)
|
|
31
31
|
public static let dtButtonLineHeightSizeLarge = CGFloat(160.00)
|
|
32
32
|
public static let dtButtonLineHeightSizeMedium = CGFloat(140.00)
|
|
33
33
|
public static let dtButtonLineHeightSizeSmall = CGFloat(140.00)
|
|
34
|
-
public static let dtButtonPaddingHorizontalExtraLarge = CGFloat(
|
|
35
|
-
public static let dtButtonPaddingHorizontalExtraSmall = CGFloat(
|
|
36
|
-
public static let dtButtonPaddingHorizontalLarge = CGFloat(
|
|
37
|
-
public static let dtButtonPaddingHorizontalMedium = CGFloat(
|
|
38
|
-
public static let dtButtonPaddingHorizontalSmall = CGFloat(
|
|
39
|
-
public static let dtButtonPaddingVerticalExtraLarge = CGFloat(
|
|
40
|
-
public static let dtButtonPaddingVerticalExtraSmall = CGFloat(
|
|
41
|
-
public static let dtButtonPaddingVerticalLarge = CGFloat(
|
|
42
|
-
public static let dtButtonPaddingVerticalMedium = CGFloat(
|
|
43
|
-
public static let dtButtonPaddingVerticalSmall = CGFloat(
|
|
44
|
-
public static let dtButtonSpaceGap = CGFloat(
|
|
34
|
+
public static let dtButtonPaddingHorizontalExtraLarge = CGFloat(15.00)
|
|
35
|
+
public static let dtButtonPaddingHorizontalExtraSmall = CGFloat(15.00)
|
|
36
|
+
public static let dtButtonPaddingHorizontalLarge = CGFloat(63.00)
|
|
37
|
+
public static let dtButtonPaddingHorizontalMedium = CGFloat(15.00)
|
|
38
|
+
public static let dtButtonPaddingHorizontalSmall = CGFloat(15.00)
|
|
39
|
+
public static let dtButtonPaddingVerticalExtraLarge = CGFloat(31.00)
|
|
40
|
+
public static let dtButtonPaddingVerticalExtraSmall = CGFloat(13.00)
|
|
41
|
+
public static let dtButtonPaddingVerticalLarge = CGFloat(31.00)
|
|
42
|
+
public static let dtButtonPaddingVerticalMedium = CGFloat(15.00)
|
|
43
|
+
public static let dtButtonPaddingVerticalSmall = CGFloat(13.00)
|
|
44
|
+
public static let dtButtonSpaceGap = CGFloat(16.00)
|
|
45
45
|
public static let dtColorBlack100 = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
46
46
|
public static let dtColorBlack200 = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
|
|
47
47
|
public static let dtColorBlack300 = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
@@ -61,6 +61,7 @@ public enum DialtoneTokens {
|
|
|
61
61
|
public static let dtColorGold300 = UIColor(red: 0.965, green: 0.671, blue: 0.235, alpha: 1)
|
|
62
62
|
public static let dtColorGold400 = UIColor(red: 0.824, green: 0.561, blue: 0.169, alpha: 1)
|
|
63
63
|
public static let dtColorGold500 = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
64
|
+
public static let dtColorGradientMagentaPurple = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
64
65
|
public static let dtColorGreen100 = UIColor(red: 0.867, green: 0.957, blue: 0.851, alpha: 1)
|
|
65
66
|
public static let dtColorGreen200 = UIColor(red: 0.624, green: 1.000, blue: 0.565, alpha: 1)
|
|
66
67
|
public static let dtColorGreen300 = UIColor(red: 0.271, green: 0.969, blue: 0.467, alpha: 1)
|
|
@@ -119,20 +120,20 @@ public enum DialtoneTokens {
|
|
|
119
120
|
public static let dtFontLineHeight400 = CGFloat(160.00)
|
|
120
121
|
public static let dtFontLineHeight500 = CGFloat(180.00)
|
|
121
122
|
public static let dtFontLineHeight600 = CGFloat(200.00)
|
|
122
|
-
public static let dtFontSize100 = CGFloat(
|
|
123
|
-
public static let dtFontSize200 = CGFloat(
|
|
124
|
-
public static let dtFontSize300 = CGFloat(
|
|
125
|
-
public static let dtFontSize400 = CGFloat(
|
|
126
|
-
public static let dtFontSize500 = CGFloat(
|
|
127
|
-
public static let dtFontSizeRoot = CGFloat(
|
|
123
|
+
public static let dtFontSize100 = CGFloat(12.00)
|
|
124
|
+
public static let dtFontSize200 = CGFloat(15.00)
|
|
125
|
+
public static let dtFontSize300 = CGFloat(19.00)
|
|
126
|
+
public static let dtFontSize400 = CGFloat(27.00)
|
|
127
|
+
public static let dtFontSize500 = CGFloat(38.00)
|
|
128
|
+
public static let dtFontSizeRoot = CGFloat(10.00)
|
|
128
129
|
public static let dtFontTextCaseCapitalize = "capitalize"
|
|
129
130
|
public static let dtFontTextCaseLowercase = "lowercase"
|
|
130
131
|
public static let dtFontTextCaseNone = "none"
|
|
131
132
|
public static let dtFontTextCaseUppercase = "uppercase"
|
|
132
|
-
public static let dtFontWeightBold = "
|
|
133
|
-
public static let dtFontWeightMedium = "
|
|
134
|
-
public static let dtFontWeightNormal = "
|
|
135
|
-
public static let dtFontWeightSemiBold = "
|
|
133
|
+
public static let dtFontWeightBold = "700"
|
|
134
|
+
public static let dtFontWeightMedium = "500"
|
|
135
|
+
public static let dtFontWeightNormal = "400"
|
|
136
|
+
public static let dtFontWeightSemiBold = "600"
|
|
136
137
|
public static let dtOpacity0 = CGFloat(0.00)
|
|
137
138
|
public static let dtOpacity100 = CGFloat(0.05)
|
|
138
139
|
public static let dtOpacity1000 = CGFloat(0.75)
|
|
@@ -147,190 +148,201 @@ public enum DialtoneTokens {
|
|
|
147
148
|
public static let dtOpacity700 = CGFloat(0.50)
|
|
148
149
|
public static let dtOpacity800 = CGFloat(0.60)
|
|
149
150
|
public static let dtOpacity900 = CGFloat(0.70)
|
|
150
|
-
public static let dtShadowCard0Blur = CGFloat(
|
|
151
|
+
public static let dtShadowCard0Blur = CGFloat(2.00)
|
|
151
152
|
public static let dtShadowCard0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
|
|
152
153
|
public static let dtShadowCard0Spread = CGFloat(0.00)
|
|
153
154
|
public static let dtShadowCard0Type = "dropShadow"
|
|
154
155
|
public static let dtShadowCard0X = CGFloat(0.00)
|
|
155
|
-
public static let dtShadowCard0Y = CGFloat(
|
|
156
|
-
public static let dtShadowCard1Blur = CGFloat(
|
|
156
|
+
public static let dtShadowCard0Y = CGFloat(1.00)
|
|
157
|
+
public static let dtShadowCard1Blur = CGFloat(4.00)
|
|
157
158
|
public static let dtShadowCard1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.0392156862745098)
|
|
158
159
|
public static let dtShadowCard1Spread = CGFloat(0.00)
|
|
159
160
|
public static let dtShadowCard1Type = "dropShadow"
|
|
160
161
|
public static let dtShadowCard1X = CGFloat(0.00)
|
|
161
|
-
public static let dtShadowCard1Y = CGFloat(
|
|
162
|
-
public static let dtShadowCard2Blur = CGFloat(
|
|
162
|
+
public static let dtShadowCard1Y = CGFloat(2.00)
|
|
163
|
+
public static let dtShadowCard2Blur = CGFloat(16.00)
|
|
163
164
|
public static let dtShadowCard2Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.0784313725490196)
|
|
164
165
|
public static let dtShadowCard2Spread = CGFloat(0.00)
|
|
165
166
|
public static let dtShadowCard2Type = "dropShadow"
|
|
166
167
|
public static let dtShadowCard2X = CGFloat(0.00)
|
|
167
|
-
public static let dtShadowCard2Y = CGFloat(
|
|
168
|
-
public static let dtShadowExtraLarge0Blur = CGFloat(
|
|
168
|
+
public static let dtShadowCard2Y = CGFloat(2.00)
|
|
169
|
+
public static let dtShadowExtraLarge0Blur = CGFloat(32.00)
|
|
169
170
|
public static let dtShadowExtraLarge0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.30196078431372547)
|
|
170
171
|
public static let dtShadowExtraLarge0Spread = CGFloat(0.00)
|
|
171
172
|
public static let dtShadowExtraLarge0Type = "dropShadow"
|
|
172
173
|
public static let dtShadowExtraLarge0X = CGFloat(0.00)
|
|
173
|
-
public static let dtShadowExtraLarge0Y = CGFloat(
|
|
174
|
-
public static let dtShadowLarge0Blur = CGFloat(
|
|
174
|
+
public static let dtShadowExtraLarge0Y = CGFloat(2.00)
|
|
175
|
+
public static let dtShadowLarge0Blur = CGFloat(16.00)
|
|
175
176
|
public static let dtShadowLarge0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.30196078431372547)
|
|
176
177
|
public static let dtShadowLarge0Spread = CGFloat(0.00)
|
|
177
178
|
public static let dtShadowLarge0Type = "dropShadow"
|
|
178
179
|
public static let dtShadowLarge0X = CGFloat(0.00)
|
|
179
|
-
public static let dtShadowLarge0Y = CGFloat(
|
|
180
|
-
public static let dtShadowMedium0Blur = CGFloat(
|
|
180
|
+
public static let dtShadowLarge0Y = CGFloat(2.00)
|
|
181
|
+
public static let dtShadowMedium0Blur = CGFloat(8.00)
|
|
181
182
|
public static let dtShadowMedium0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.25098039215686274)
|
|
182
183
|
public static let dtShadowMedium0Spread = CGFloat(0.00)
|
|
183
184
|
public static let dtShadowMedium0Type = "dropShadow"
|
|
184
185
|
public static let dtShadowMedium0X = CGFloat(0.00)
|
|
185
|
-
public static let dtShadowMedium0Y = CGFloat(
|
|
186
|
-
public static let dtShadowSmall0Blur = CGFloat(
|
|
186
|
+
public static let dtShadowMedium0Y = CGFloat(2.00)
|
|
187
|
+
public static let dtShadowSmall0Blur = CGFloat(4.00)
|
|
187
188
|
public static let dtShadowSmall0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.14901960784313725)
|
|
188
189
|
public static let dtShadowSmall0Spread = CGFloat(0.00)
|
|
189
190
|
public static let dtShadowSmall0Type = "dropShadow"
|
|
190
191
|
public static let dtShadowSmall0X = CGFloat(0.00)
|
|
191
|
-
public static let dtShadowSmall0Y = CGFloat(
|
|
192
|
+
public static let dtShadowSmall0Y = CGFloat(2.00)
|
|
192
193
|
public static let dtSize0 = CGFloat(0.00)
|
|
193
|
-
public static let dtSize100 = CGFloat(
|
|
194
|
-
public static let dtSize200 = CGFloat(
|
|
195
|
-
public static let dtSize300 = CGFloat(
|
|
196
|
-
public static let dtSize400 = CGFloat(
|
|
197
|
-
public static let dtSize500 = CGFloat(
|
|
198
|
-
public static let dtSize600 = CGFloat(
|
|
199
|
-
public static let dtSize700 = CGFloat(
|
|
200
|
-
public static let dtSize800 = CGFloat(
|
|
201
|
-
public static let dtSizeBase = CGFloat(
|
|
194
|
+
public static let dtSize100 = CGFloat(1.00)
|
|
195
|
+
public static let dtSize200 = CGFloat(2.00)
|
|
196
|
+
public static let dtSize300 = CGFloat(4.00)
|
|
197
|
+
public static let dtSize400 = CGFloat(8.00)
|
|
198
|
+
public static let dtSize500 = CGFloat(16.00)
|
|
199
|
+
public static let dtSize600 = CGFloat(32.00)
|
|
200
|
+
public static let dtSize700 = CGFloat(64.00)
|
|
201
|
+
public static let dtSize800 = CGFloat(128.00)
|
|
202
|
+
public static let dtSizeBase = CGFloat(8.00)
|
|
202
203
|
public static let dtSizeBorder0 = CGFloat(0.00)
|
|
203
|
-
public static let dtSizeBorder100 = CGFloat(
|
|
204
|
-
public static let dtSizeBorder200 = CGFloat(
|
|
205
|
-
public static let dtSizeBorder300 = CGFloat(
|
|
206
|
-
public static let dtSizeBorderIcon100 = CGFloat(
|
|
207
|
-
public static let dtSizeBorderIcon200 = CGFloat(
|
|
208
|
-
public static let dtSizeBorderIcon300 = CGFloat(
|
|
209
|
-
public static let dtSizeBorderIcon400 = CGFloat(
|
|
210
|
-
public static let dtSizeBorderIcon500 = CGFloat(
|
|
211
|
-
public static let
|
|
212
|
-
public static let
|
|
213
|
-
public static let
|
|
214
|
-
public static let
|
|
215
|
-
public static let
|
|
216
|
-
public static let
|
|
217
|
-
public static let
|
|
218
|
-
public static let
|
|
204
|
+
public static let dtSizeBorder100 = CGFloat(1.00)
|
|
205
|
+
public static let dtSizeBorder200 = CGFloat(2.00)
|
|
206
|
+
public static let dtSizeBorder300 = CGFloat(4.00)
|
|
207
|
+
public static let dtSizeBorderIcon100 = CGFloat(1.00)
|
|
208
|
+
public static let dtSizeBorderIcon200 = CGFloat(1.25)
|
|
209
|
+
public static let dtSizeBorderIcon300 = CGFloat(1.50)
|
|
210
|
+
public static let dtSizeBorderIcon400 = CGFloat(1.75)
|
|
211
|
+
public static let dtSizeBorderIcon500 = CGFloat(1.75)
|
|
212
|
+
public static let dtSizeBorderIcon600 = CGFloat(2.50)
|
|
213
|
+
public static let dtSizeBorderIcon700 = CGFloat(2.75)
|
|
214
|
+
public static let dtSizeBorderIcon800 = CGFloat(3.50)
|
|
215
|
+
public static let dtSizeIcon100 = CGFloat(12.00)
|
|
216
|
+
public static let dtSizeIcon200 = CGFloat(14.00)
|
|
217
|
+
public static let dtSizeIcon300 = CGFloat(18.00)
|
|
218
|
+
public static let dtSizeIcon400 = CGFloat(20.00)
|
|
219
|
+
public static let dtSizeIcon500 = CGFloat(24.00)
|
|
220
|
+
public static let dtSizeIcon600 = CGFloat(32.00)
|
|
221
|
+
public static let dtSizeIcon700 = CGFloat(38.00)
|
|
222
|
+
public static let dtSizeIcon800 = CGFloat(48.00)
|
|
219
223
|
public static let dtSizeRadius0 = CGFloat(0.00)
|
|
220
|
-
public static let dtSizeRadius100 = CGFloat(
|
|
221
|
-
public static let dtSizeRadius200 = CGFloat(
|
|
222
|
-
public static let dtSizeRadius300 = CGFloat(
|
|
223
|
-
public static let dtSizeRadius400 = CGFloat(
|
|
224
|
-
public static let dtSizeRadius500 = CGFloat(
|
|
224
|
+
public static let dtSizeRadius100 = CGFloat(1.00)
|
|
225
|
+
public static let dtSizeRadius200 = CGFloat(2.00)
|
|
226
|
+
public static let dtSizeRadius300 = CGFloat(4.00)
|
|
227
|
+
public static let dtSizeRadius400 = CGFloat(8.00)
|
|
228
|
+
public static let dtSizeRadius500 = CGFloat(32.00)
|
|
225
229
|
public static let dtSpace0 = CGFloat(0.00)
|
|
226
|
-
public static let dtSpace100 = CGFloat(
|
|
227
|
-
public static let dtSpace200 = CGFloat(
|
|
228
|
-
public static let dtSpace300 = CGFloat(
|
|
229
|
-
public static let dtSpace400 = CGFloat(
|
|
230
|
-
public static let dtSpace500 = CGFloat(
|
|
231
|
-
public static let dtSpace600 = CGFloat(
|
|
232
|
-
public static let dtSpace700 = CGFloat(
|
|
233
|
-
public static let dtSpace800 = CGFloat(
|
|
234
|
-
public static let dtSpaceBase = CGFloat(
|
|
230
|
+
public static let dtSpace100 = CGFloat(1.00)
|
|
231
|
+
public static let dtSpace200 = CGFloat(2.00)
|
|
232
|
+
public static let dtSpace300 = CGFloat(4.00)
|
|
233
|
+
public static let dtSpace400 = CGFloat(8.00)
|
|
234
|
+
public static let dtSpace500 = CGFloat(16.00)
|
|
235
|
+
public static let dtSpace600 = CGFloat(32.00)
|
|
236
|
+
public static let dtSpace700 = CGFloat(64.00)
|
|
237
|
+
public static let dtSpace800 = CGFloat(128.00)
|
|
238
|
+
public static let dtSpaceBase = CGFloat(8.00)
|
|
235
239
|
public static let dtTypographyBodyBaseFontFamily = "SF Pro"
|
|
236
|
-
public static let dtTypographyBodyBaseFontSize = CGFloat(
|
|
237
|
-
public static let dtTypographyBodyBaseFontWeight = "
|
|
240
|
+
public static let dtTypographyBodyBaseFontSize = CGFloat(15.00)
|
|
241
|
+
public static let dtTypographyBodyBaseFontWeight = "400"
|
|
238
242
|
public static let dtTypographyBodyBaseLineHeight = CGFloat(160.00)
|
|
239
243
|
public static let dtTypographyBodyCompactBaseFontFamily = "SF Pro"
|
|
240
|
-
public static let dtTypographyBodyCompactBaseFontSize = CGFloat(
|
|
241
|
-
public static let dtTypographyBodyCompactBaseFontWeight = "
|
|
244
|
+
public static let dtTypographyBodyCompactBaseFontSize = CGFloat(15.00)
|
|
245
|
+
public static let dtTypographyBodyCompactBaseFontWeight = "400"
|
|
242
246
|
public static let dtTypographyBodyCompactBaseLineHeight = CGFloat(140.00)
|
|
243
247
|
public static let dtTypographyBodyCompactSmallFontFamily = "SF Pro"
|
|
244
|
-
public static let dtTypographyBodyCompactSmallFontSize = CGFloat(
|
|
245
|
-
public static let dtTypographyBodyCompactSmallFontWeight = "
|
|
248
|
+
public static let dtTypographyBodyCompactSmallFontSize = CGFloat(12.00)
|
|
249
|
+
public static let dtTypographyBodyCompactSmallFontWeight = "400"
|
|
246
250
|
public static let dtTypographyBodyCompactSmallLineHeight = CGFloat(120.00)
|
|
247
251
|
public static let dtTypographyBodySmallFontFamily = "SF Pro"
|
|
248
|
-
public static let dtTypographyBodySmallFontSize = CGFloat(
|
|
249
|
-
public static let dtTypographyBodySmallFontWeight = "
|
|
252
|
+
public static let dtTypographyBodySmallFontSize = CGFloat(12.00)
|
|
253
|
+
public static let dtTypographyBodySmallFontWeight = "400"
|
|
250
254
|
public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
|
|
251
255
|
public static let dtTypographyCodeBaseFontFamily = "SF Mono"
|
|
252
|
-
public static let dtTypographyCodeBaseFontSize = CGFloat(
|
|
253
|
-
public static let dtTypographyCodeBaseFontWeight = "
|
|
256
|
+
public static let dtTypographyCodeBaseFontSize = CGFloat(15.00)
|
|
257
|
+
public static let dtTypographyCodeBaseFontWeight = "400"
|
|
254
258
|
public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
|
|
255
259
|
public static let dtTypographyCodeSmallFontFamily = "SF Mono"
|
|
256
|
-
public static let dtTypographyCodeSmallFontSize = CGFloat(
|
|
257
|
-
public static let dtTypographyCodeSmallFontWeight = "
|
|
260
|
+
public static let dtTypographyCodeSmallFontSize = CGFloat(12.00)
|
|
261
|
+
public static let dtTypographyCodeSmallFontWeight = "400"
|
|
258
262
|
public static let dtTypographyCodeSmallLineHeight = CGFloat(120.00)
|
|
259
|
-
public static let dtTypographyHeadlineCompactBaseFontFamily = "SF Pro"
|
|
260
|
-
public static let dtTypographyHeadlineCompactBaseFontSize = CGFloat(0.94)
|
|
261
|
-
public static let dtTypographyHeadlineCompactBaseFontWeight = "Bold"
|
|
262
|
-
public static let dtTypographyHeadlineCompactBaseLineHeight = CGFloat(140.00)
|
|
263
263
|
public static let dtTypographyHeadlineCompactLargeFontFamily = "SF Pro"
|
|
264
|
-
public static let dtTypographyHeadlineCompactLargeFontSize = CGFloat(
|
|
265
|
-
public static let dtTypographyHeadlineCompactLargeFontWeight = "
|
|
264
|
+
public static let dtTypographyHeadlineCompactLargeFontSize = CGFloat(19.00)
|
|
265
|
+
public static let dtTypographyHeadlineCompactLargeFontWeight = "700"
|
|
266
266
|
public static let dtTypographyHeadlineCompactLargeLineHeight = CGFloat(120.00)
|
|
267
|
+
public static let dtTypographyHeadlineCompactMediumFontFamily = "SF Pro"
|
|
268
|
+
public static let dtTypographyHeadlineCompactMediumFontSize = CGFloat(15.00)
|
|
269
|
+
public static let dtTypographyHeadlineCompactMediumFontWeight = "700"
|
|
270
|
+
public static let dtTypographyHeadlineCompactMediumLineHeight = CGFloat(140.00)
|
|
267
271
|
public static let dtTypographyHeadlineCompactSmallFontFamily = "SF Pro"
|
|
268
|
-
public static let dtTypographyHeadlineCompactSmallFontSize = CGFloat(
|
|
269
|
-
public static let dtTypographyHeadlineCompactSmallFontWeight = "
|
|
272
|
+
public static let dtTypographyHeadlineCompactSmallFontSize = CGFloat(12.00)
|
|
273
|
+
public static let dtTypographyHeadlineCompactSmallFontWeight = "700"
|
|
270
274
|
public static let dtTypographyHeadlineCompactSmallLineHeight = CGFloat(120.00)
|
|
275
|
+
public static let dtTypographyHeadlineCompactSoftSmallFontFamily = "SF Pro"
|
|
276
|
+
public static let dtTypographyHeadlineCompactSoftSmallFontSize = CGFloat(12.00)
|
|
277
|
+
public static let dtTypographyHeadlineCompactSoftSmallFontWeight = "500"
|
|
278
|
+
public static let dtTypographyHeadlineCompactSoftSmallLineHeight = CGFloat(120.00)
|
|
271
279
|
public static let dtTypographyHeadlineExtraExtraLargeFontFamily = "SF Pro"
|
|
272
|
-
public static let dtTypographyHeadlineExtraExtraLargeFontSize = CGFloat(
|
|
273
|
-
public static let dtTypographyHeadlineExtraExtraLargeFontWeight = "
|
|
280
|
+
public static let dtTypographyHeadlineExtraExtraLargeFontSize = CGFloat(38.00)
|
|
281
|
+
public static let dtTypographyHeadlineExtraExtraLargeFontWeight = "500"
|
|
274
282
|
public static let dtTypographyHeadlineExtraExtraLargeLineHeight = CGFloat(120.00)
|
|
275
283
|
public static let dtTypographyHeadlineExtraLargeFontFamily = "SF Pro"
|
|
276
|
-
public static let dtTypographyHeadlineExtraLargeFontSize = CGFloat(
|
|
277
|
-
public static let dtTypographyHeadlineExtraLargeFontWeight = "
|
|
284
|
+
public static let dtTypographyHeadlineExtraLargeFontSize = CGFloat(27.00)
|
|
285
|
+
public static let dtTypographyHeadlineExtraLargeFontWeight = "500"
|
|
278
286
|
public static let dtTypographyHeadlineExtraLargeLineHeight = CGFloat(120.00)
|
|
279
287
|
public static let dtTypographyHeadlineEyebrowFontFamily = "SF Pro"
|
|
280
|
-
public static let dtTypographyHeadlineEyebrowFontSize = CGFloat(
|
|
281
|
-
public static let dtTypographyHeadlineEyebrowFontWeight = "
|
|
288
|
+
public static let dtTypographyHeadlineEyebrowFontSize = CGFloat(12.00)
|
|
289
|
+
public static let dtTypographyHeadlineEyebrowFontWeight = "400"
|
|
282
290
|
public static let dtTypographyHeadlineEyebrowLineHeight = CGFloat(140.00)
|
|
283
291
|
public static let dtTypographyHeadlineEyebrowTextCase = "uppercase"
|
|
284
292
|
public static let dtTypographyHeadlineLargeFontFamily = "SF Pro"
|
|
285
|
-
public static let dtTypographyHeadlineLargeFontSize = CGFloat(
|
|
286
|
-
public static let dtTypographyHeadlineLargeFontWeight = "
|
|
293
|
+
public static let dtTypographyHeadlineLargeFontSize = CGFloat(19.00)
|
|
294
|
+
public static let dtTypographyHeadlineLargeFontWeight = "700"
|
|
287
295
|
public static let dtTypographyHeadlineLargeLineHeight = CGFloat(160.00)
|
|
288
296
|
public static let dtTypographyHeadlineMediumFontFamily = "SF Pro"
|
|
289
|
-
public static let dtTypographyHeadlineMediumFontSize = CGFloat(
|
|
290
|
-
public static let dtTypographyHeadlineMediumFontWeight = "
|
|
297
|
+
public static let dtTypographyHeadlineMediumFontSize = CGFloat(15.00)
|
|
298
|
+
public static let dtTypographyHeadlineMediumFontWeight = "700"
|
|
291
299
|
public static let dtTypographyHeadlineMediumLineHeight = CGFloat(160.00)
|
|
292
300
|
public static let dtTypographyHeadlineSmallFontFamily = "SF Pro"
|
|
293
|
-
public static let dtTypographyHeadlineSmallFontSize = CGFloat(
|
|
294
|
-
public static let dtTypographyHeadlineSmallFontWeight = "
|
|
301
|
+
public static let dtTypographyHeadlineSmallFontSize = CGFloat(12.00)
|
|
302
|
+
public static let dtTypographyHeadlineSmallFontWeight = "700"
|
|
295
303
|
public static let dtTypographyHeadlineSmallLineHeight = CGFloat(140.00)
|
|
304
|
+
public static let dtTypographyHeadlineSoftSmallFontFamily = "SF Pro"
|
|
305
|
+
public static let dtTypographyHeadlineSoftSmallFontSize = CGFloat(12.00)
|
|
306
|
+
public static let dtTypographyHeadlineSoftSmallFontWeight = "500"
|
|
307
|
+
public static let dtTypographyHeadlineSoftSmallLineHeight = CGFloat(140.00)
|
|
296
308
|
public static let dtTypographyHelperBaseFontFamily = "SF Pro"
|
|
297
|
-
public static let dtTypographyHelperBaseFontSize = CGFloat(
|
|
298
|
-
public static let dtTypographyHelperBaseFontWeight = "
|
|
309
|
+
public static let dtTypographyHelperBaseFontSize = CGFloat(15.00)
|
|
310
|
+
public static let dtTypographyHelperBaseFontWeight = "400"
|
|
299
311
|
public static let dtTypographyHelperBaseLineHeight = CGFloat(140.00)
|
|
300
312
|
public static let dtTypographyHelperSmallFontFamily = "SF Pro"
|
|
301
|
-
public static let dtTypographyHelperSmallFontSize = CGFloat(
|
|
302
|
-
public static let dtTypographyHelperSmallFontWeight = "
|
|
313
|
+
public static let dtTypographyHelperSmallFontSize = CGFloat(12.00)
|
|
314
|
+
public static let dtTypographyHelperSmallFontWeight = "400"
|
|
303
315
|
public static let dtTypographyHelperSmallLineHeight = CGFloat(120.00)
|
|
304
316
|
public static let dtTypographyLabelBaseFontFamily = "SF Pro"
|
|
305
|
-
public static let dtTypographyLabelBaseFontSize = CGFloat(
|
|
306
|
-
public static let dtTypographyLabelBaseFontWeight = "
|
|
317
|
+
public static let dtTypographyLabelBaseFontSize = CGFloat(15.00)
|
|
318
|
+
public static let dtTypographyLabelBaseFontWeight = "600"
|
|
307
319
|
public static let dtTypographyLabelBaseLineHeight = CGFloat(160.00)
|
|
308
320
|
public static let dtTypographyLabelCompactBaseFontFamily = "SF Pro"
|
|
309
|
-
public static let dtTypographyLabelCompactBaseFontSize = CGFloat(
|
|
310
|
-
public static let dtTypographyLabelCompactBaseFontWeight = "
|
|
321
|
+
public static let dtTypographyLabelCompactBaseFontSize = CGFloat(15.00)
|
|
322
|
+
public static let dtTypographyLabelCompactBaseFontWeight = "600"
|
|
311
323
|
public static let dtTypographyLabelCompactBaseLineHeight = CGFloat(140.00)
|
|
312
324
|
public static let dtTypographyLabelCompactPlainBaseFontFamily = "SF Pro"
|
|
313
|
-
public static let dtTypographyLabelCompactPlainBaseFontSize = CGFloat(
|
|
314
|
-
public static let dtTypographyLabelCompactPlainBaseFontWeight = "
|
|
325
|
+
public static let dtTypographyLabelCompactPlainBaseFontSize = CGFloat(15.00)
|
|
326
|
+
public static let dtTypographyLabelCompactPlainBaseFontWeight = "400"
|
|
315
327
|
public static let dtTypographyLabelCompactPlainBaseLineHeight = CGFloat(140.00)
|
|
316
328
|
public static let dtTypographyLabelCompactPlainSmallFontFamily = "SF Pro"
|
|
317
|
-
public static let dtTypographyLabelCompactPlainSmallFontSize = CGFloat(
|
|
318
|
-
public static let dtTypographyLabelCompactPlainSmallFontWeight = "
|
|
329
|
+
public static let dtTypographyLabelCompactPlainSmallFontSize = CGFloat(12.00)
|
|
330
|
+
public static let dtTypographyLabelCompactPlainSmallFontWeight = "400"
|
|
319
331
|
public static let dtTypographyLabelCompactPlainSmallLineHeight = CGFloat(120.00)
|
|
320
332
|
public static let dtTypographyLabelCompactSmallFontFamily = "SF Pro"
|
|
321
|
-
public static let dtTypographyLabelCompactSmallFontSize = CGFloat(
|
|
322
|
-
public static let dtTypographyLabelCompactSmallFontWeight = "
|
|
333
|
+
public static let dtTypographyLabelCompactSmallFontSize = CGFloat(12.00)
|
|
334
|
+
public static let dtTypographyLabelCompactSmallFontWeight = "600"
|
|
323
335
|
public static let dtTypographyLabelCompactSmallLineHeight = CGFloat(120.00)
|
|
324
336
|
public static let dtTypographyLabelPlainBaseFontFamily = "SF Pro"
|
|
325
|
-
public static let dtTypographyLabelPlainBaseFontSize = CGFloat(
|
|
326
|
-
public static let dtTypographyLabelPlainBaseFontWeight = "
|
|
337
|
+
public static let dtTypographyLabelPlainBaseFontSize = CGFloat(15.00)
|
|
338
|
+
public static let dtTypographyLabelPlainBaseFontWeight = "400"
|
|
327
339
|
public static let dtTypographyLabelPlainBaseLineHeight = CGFloat(160.00)
|
|
328
340
|
public static let dtTypographyLabelPlainSmallFontFamily = "SF Pro"
|
|
329
|
-
public static let dtTypographyLabelPlainSmallFontSize = CGFloat(
|
|
330
|
-
public static let dtTypographyLabelPlainSmallFontWeight = "
|
|
341
|
+
public static let dtTypographyLabelPlainSmallFontSize = CGFloat(12.00)
|
|
342
|
+
public static let dtTypographyLabelPlainSmallFontWeight = "400"
|
|
331
343
|
public static let dtTypographyLabelPlainSmallLineHeight = CGFloat(140.00)
|
|
332
344
|
public static let dtTypographyLabelSmallFontFamily = "SF Pro"
|
|
333
|
-
public static let dtTypographyLabelSmallFontSize = CGFloat(
|
|
334
|
-
public static let dtTypographyLabelSmallFontWeight = "
|
|
345
|
+
public static let dtTypographyLabelSmallFontSize = CGFloat(12.00)
|
|
346
|
+
public static let dtTypographyLabelSmallFontWeight = "600"
|
|
335
347
|
public static let dtTypographyLabelSmallLineHeight = CGFloat(140.00)
|
|
336
348
|
}
|
package/dist/less/variables.less
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
|
@dt-token-set-order-0: base;
|
|
6
6
|
@dt-token-set-order-1: semantic;
|
|
@@ -106,6 +106,7 @@
|
|
|
106
106
|
@dt-color-tan-300: #87807b;
|
|
107
107
|
@dt-color-tan-400: #3f3d3c;
|
|
108
108
|
@dt-color-tan-500: #121212;
|
|
109
|
+
@dt-color-gradient-magenta-purple: #000000;
|
|
109
110
|
@dt-typography-body-small-font-family: SF Pro;
|
|
110
111
|
@dt-typography-body-small-font-weight: 400;
|
|
111
112
|
@dt-typography-body-small-line-height: 140%;
|
|
@@ -139,18 +140,6 @@
|
|
|
139
140
|
@dt-typography-headline-large-font-weight: 700;
|
|
140
141
|
@dt-typography-headline-large-line-height: 160%;
|
|
141
142
|
@dt-typography-headline-large-font-size: 1.9rem;
|
|
142
|
-
@dt-typography-headline-compact-small-font-family: SF Pro;
|
|
143
|
-
@dt-typography-headline-compact-small-font-weight: 700;
|
|
144
|
-
@dt-typography-headline-compact-small-line-height: 120%;
|
|
145
|
-
@dt-typography-headline-compact-small-font-size: 1.2rem;
|
|
146
|
-
@dt-typography-headline-compact-base-font-family: SF Pro;
|
|
147
|
-
@dt-typography-headline-compact-base-font-weight: 700;
|
|
148
|
-
@dt-typography-headline-compact-base-line-height: 140%;
|
|
149
|
-
@dt-typography-headline-compact-base-font-size: 1.5rem;
|
|
150
|
-
@dt-typography-headline-compact-large-font-family: SF Pro;
|
|
151
|
-
@dt-typography-headline-compact-large-font-weight: 700;
|
|
152
|
-
@dt-typography-headline-compact-large-line-height: 120%;
|
|
153
|
-
@dt-typography-headline-compact-large-font-size: 1.9rem;
|
|
154
143
|
@dt-typography-headline-extra-large-font-family: SF Pro;
|
|
155
144
|
@dt-typography-headline-extra-large-font-weight: 500;
|
|
156
145
|
@dt-typography-headline-extra-large-line-height: 120%;
|
|
@@ -159,6 +148,26 @@
|
|
|
159
148
|
@dt-typography-headline-extra-extra-large-font-weight: 500;
|
|
160
149
|
@dt-typography-headline-extra-extra-large-line-height: 120%;
|
|
161
150
|
@dt-typography-headline-extra-extra-large-font-size: 3.8rem;
|
|
151
|
+
@dt-typography-headline-soft-small-font-family: SF Pro;
|
|
152
|
+
@dt-typography-headline-soft-small-font-weight: 500;
|
|
153
|
+
@dt-typography-headline-soft-small-line-height: 140%;
|
|
154
|
+
@dt-typography-headline-soft-small-font-size: 1.2rem;
|
|
155
|
+
@dt-typography-headline-compact-small-font-family: SF Pro;
|
|
156
|
+
@dt-typography-headline-compact-small-font-weight: 700;
|
|
157
|
+
@dt-typography-headline-compact-small-line-height: 120%;
|
|
158
|
+
@dt-typography-headline-compact-small-font-size: 1.2rem;
|
|
159
|
+
@dt-typography-headline-compact-medium-font-family: SF Pro;
|
|
160
|
+
@dt-typography-headline-compact-medium-font-weight: 700;
|
|
161
|
+
@dt-typography-headline-compact-medium-line-height: 140%;
|
|
162
|
+
@dt-typography-headline-compact-medium-font-size: 1.5rem;
|
|
163
|
+
@dt-typography-headline-compact-large-font-family: SF Pro;
|
|
164
|
+
@dt-typography-headline-compact-large-font-weight: 700;
|
|
165
|
+
@dt-typography-headline-compact-large-line-height: 120%;
|
|
166
|
+
@dt-typography-headline-compact-large-font-size: 1.9rem;
|
|
167
|
+
@dt-typography-headline-compact-soft-small-font-family: SF Pro;
|
|
168
|
+
@dt-typography-headline-compact-soft-small-font-weight: 500;
|
|
169
|
+
@dt-typography-headline-compact-soft-small-line-height: 120%;
|
|
170
|
+
@dt-typography-headline-compact-soft-small-font-size: 1.2rem;
|
|
162
171
|
@dt-typography-label-small-font-family: SF Pro;
|
|
163
172
|
@dt-typography-label-small-font-weight: 600;
|
|
164
173
|
@dt-typography-label-small-line-height: 140%;
|
|
@@ -233,6 +242,9 @@
|
|
|
233
242
|
@dt-size-border-icon-300: 0.15rem;
|
|
234
243
|
@dt-size-border-icon-400: 0.175rem;
|
|
235
244
|
@dt-size-border-icon-500: 0.175rem;
|
|
245
|
+
@dt-size-border-icon-600: 0.25rem;
|
|
246
|
+
@dt-size-border-icon-700: 0.275rem;
|
|
247
|
+
@dt-size-border-icon-800: 0.35rem;
|
|
236
248
|
@dt-size-base: 0.8rem;
|
|
237
249
|
@dt-size-radius-0: 0;
|
|
238
250
|
@dt-size-radius-100: 0.1rem;
|
package/dist/tokens.json
CHANGED
|
@@ -103,6 +103,7 @@
|
|
|
103
103
|
"dtColorTan300": "#87807B",
|
|
104
104
|
"dtColorTan400": "#3F3D3C",
|
|
105
105
|
"dtColorTan500": "#121212",
|
|
106
|
+
"dtColorGradientMagentaPurple": "linear-gradient(180deg, #F9008E 10%, #7C52FF 90%)",
|
|
106
107
|
"dtTypographyBodySmallFontFamily": "SF Pro",
|
|
107
108
|
"dtTypographyBodySmallFontWeight": 400,
|
|
108
109
|
"dtTypographyBodySmallLineHeight": "140%",
|
|
@@ -136,18 +137,6 @@
|
|
|
136
137
|
"dtTypographyHeadlineLargeFontWeight": 700,
|
|
137
138
|
"dtTypographyHeadlineLargeLineHeight": "160%",
|
|
138
139
|
"dtTypographyHeadlineLargeFontSize": "1.9rem",
|
|
139
|
-
"dtTypographyHeadlineCompactSmallFontFamily": "SF Pro",
|
|
140
|
-
"dtTypographyHeadlineCompactSmallFontWeight": 700,
|
|
141
|
-
"dtTypographyHeadlineCompactSmallLineHeight": "120%",
|
|
142
|
-
"dtTypographyHeadlineCompactSmallFontSize": "1.2rem",
|
|
143
|
-
"dtTypographyHeadlineCompactBaseFontFamily": "SF Pro",
|
|
144
|
-
"dtTypographyHeadlineCompactBaseFontWeight": 700,
|
|
145
|
-
"dtTypographyHeadlineCompactBaseLineHeight": "140%",
|
|
146
|
-
"dtTypographyHeadlineCompactBaseFontSize": "1.5rem",
|
|
147
|
-
"dtTypographyHeadlineCompactLargeFontFamily": "SF Pro",
|
|
148
|
-
"dtTypographyHeadlineCompactLargeFontWeight": 700,
|
|
149
|
-
"dtTypographyHeadlineCompactLargeLineHeight": "120%",
|
|
150
|
-
"dtTypographyHeadlineCompactLargeFontSize": "1.9rem",
|
|
151
140
|
"dtTypographyHeadlineExtraLargeFontFamily": "SF Pro",
|
|
152
141
|
"dtTypographyHeadlineExtraLargeFontWeight": 500,
|
|
153
142
|
"dtTypographyHeadlineExtraLargeLineHeight": "120%",
|
|
@@ -156,6 +145,26 @@
|
|
|
156
145
|
"dtTypographyHeadlineExtraExtraLargeFontWeight": 500,
|
|
157
146
|
"dtTypographyHeadlineExtraExtraLargeLineHeight": "120%",
|
|
158
147
|
"dtTypographyHeadlineExtraExtraLargeFontSize": "3.8rem",
|
|
148
|
+
"dtTypographyHeadlineSoftSmallFontFamily": "SF Pro",
|
|
149
|
+
"dtTypographyHeadlineSoftSmallFontWeight": 500,
|
|
150
|
+
"dtTypographyHeadlineSoftSmallLineHeight": "140%",
|
|
151
|
+
"dtTypographyHeadlineSoftSmallFontSize": "1.2rem",
|
|
152
|
+
"dtTypographyHeadlineCompactSmallFontFamily": "SF Pro",
|
|
153
|
+
"dtTypographyHeadlineCompactSmallFontWeight": 700,
|
|
154
|
+
"dtTypographyHeadlineCompactSmallLineHeight": "120%",
|
|
155
|
+
"dtTypographyHeadlineCompactSmallFontSize": "1.2rem",
|
|
156
|
+
"dtTypographyHeadlineCompactMediumFontFamily": "SF Pro",
|
|
157
|
+
"dtTypographyHeadlineCompactMediumFontWeight": 700,
|
|
158
|
+
"dtTypographyHeadlineCompactMediumLineHeight": "140%",
|
|
159
|
+
"dtTypographyHeadlineCompactMediumFontSize": "1.5rem",
|
|
160
|
+
"dtTypographyHeadlineCompactLargeFontFamily": "SF Pro",
|
|
161
|
+
"dtTypographyHeadlineCompactLargeFontWeight": 700,
|
|
162
|
+
"dtTypographyHeadlineCompactLargeLineHeight": "120%",
|
|
163
|
+
"dtTypographyHeadlineCompactLargeFontSize": "1.9rem",
|
|
164
|
+
"dtTypographyHeadlineCompactSoftSmallFontFamily": "SF Pro",
|
|
165
|
+
"dtTypographyHeadlineCompactSoftSmallFontWeight": 500,
|
|
166
|
+
"dtTypographyHeadlineCompactSoftSmallLineHeight": "120%",
|
|
167
|
+
"dtTypographyHeadlineCompactSoftSmallFontSize": "1.2rem",
|
|
159
168
|
"dtTypographyLabelSmallFontFamily": "SF Pro",
|
|
160
169
|
"dtTypographyLabelSmallFontWeight": 600,
|
|
161
170
|
"dtTypographyLabelSmallLineHeight": "140%",
|
|
@@ -230,6 +239,9 @@
|
|
|
230
239
|
"dtSizeBorderIcon300": "0.15rem",
|
|
231
240
|
"dtSizeBorderIcon400": "0.175rem",
|
|
232
241
|
"dtSizeBorderIcon500": "0.175rem",
|
|
242
|
+
"dtSizeBorderIcon600": "0.25rem",
|
|
243
|
+
"dtSizeBorderIcon700": "0.275rem",
|
|
244
|
+
"dtSizeBorderIcon800": "0.35rem",
|
|
233
245
|
"dtSizeBase": "0.8rem",
|
|
234
246
|
"dtSizeRadius0": "0",
|
|
235
247
|
"dtSizeRadius100": "0.1rem",
|