@dialpad/dialtone-tokens 1.2.0 → 1.3.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 -3
- package/dist/android/dimens.xml +2 -2
- package/dist/android/tokens.kt +6 -1
- package/dist/css/variables.css +17 -12
- package/dist/ios/tokens.swift +336 -0
- package/dist/less/variables.less +17 -12
- package/dist/tokens.json +16 -11
- package/package.json +2 -2
- package/dist/ios/dialtone.swift +0 -335
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 Thu, 29 Sep 2022 20:16:45 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<color name="dt_button_color_background_default">transparent</color>
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
<color name="dt_button_color_text_default">#7C52FF</color>
|
|
12
12
|
<color name="dt_button_color_text_primary">#fff</color>
|
|
13
13
|
<color name="dt_button_color_text_danger">#fff</color>
|
|
14
|
+
<color name="dt_color_text_link_primary">#ff7c52ff</color>
|
|
14
15
|
<color name="dt_color_text_primary">#ff000000</color>
|
|
15
16
|
<color name="dt_color_text_secondary">#ff3a3a3a</color>
|
|
16
17
|
<color name="dt_color_text_tertiary">#ff555555</color>
|
|
@@ -31,6 +32,8 @@
|
|
|
31
32
|
<color name="dt_color_surface_error">#ffffdcdc</color>
|
|
32
33
|
<color name="dt_color_surface_warning">#ffffe793</color>
|
|
33
34
|
<color name="dt_color_surface_success">#ffddf4d9</color>
|
|
35
|
+
<color name="dt_color_neutral_white">#ffffffff</color>
|
|
36
|
+
<color name="dt_color_neutral_black">#ff000000</color>
|
|
34
37
|
<color name="dt_color_black_100">#fff9f9f9</color>
|
|
35
38
|
<color name="dt_color_black_200">#ffe9e9e9</color>
|
|
36
39
|
<color name="dt_color_black_300">#ffd2d2d2</color>
|
|
@@ -76,8 +79,6 @@
|
|
|
76
79
|
<color name="dt_color_tan_300">#ff87807b</color>
|
|
77
80
|
<color name="dt_color_tan_400">#ff3f3d3c</color>
|
|
78
81
|
<color name="dt_color_tan_500">#ff121212</color>
|
|
79
|
-
<color name="dt_color_neutral_white">#ffffffff</color>
|
|
80
|
-
<color name="dt_color_neutral_black">#ff000000</color>
|
|
81
82
|
<color name="dt_opacity_0">0</color>
|
|
82
83
|
<color name="dt_opacity_100">0.05</color>
|
|
83
84
|
<color name="dt_opacity_200">0.1</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 Thu, 29 Sep 2022 20:16:45 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<dimen name="dt_button_border_radius_extra_small">7px</dimen>
|
|
@@ -48,7 +48,6 @@
|
|
|
48
48
|
<dimen name="dt_size_icon_600">512.00sp</dimen>
|
|
49
49
|
<dimen name="dt_size_icon_700">608.00sp</dimen>
|
|
50
50
|
<dimen name="dt_size_icon_800">768.00sp</dimen>
|
|
51
|
-
<dimen name="dt_size_base">128.00dp</dimen>
|
|
52
51
|
<dimen name="dt_size_border_0">0.00dp</dimen>
|
|
53
52
|
<dimen name="dt_size_border_100">16.00dp</dimen>
|
|
54
53
|
<dimen name="dt_size_border_200">32.00dp</dimen>
|
|
@@ -58,6 +57,7 @@
|
|
|
58
57
|
<dimen name="dt_size_border_icon_300">24.00dp</dimen>
|
|
59
58
|
<dimen name="dt_size_border_icon_400">28.00dp</dimen>
|
|
60
59
|
<dimen name="dt_size_border_icon_500">28.00dp</dimen>
|
|
60
|
+
<dimen name="dt_size_base">128.00dp</dimen>
|
|
61
61
|
<dimen name="dt_size_radius_0">0.00dp</dimen>
|
|
62
62
|
<dimen name="dt_size_radius_100">16.00dp</dimen>
|
|
63
63
|
<dimen name="dt_size_radius_200">32.00dp</dimen>
|
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 Thu, 29 Sep 2022 20:16:45 GMT
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -102,6 +102,7 @@ object DialtoneTokens {
|
|
|
102
102
|
val dtColorTan500 = Color(0x121212ff)
|
|
103
103
|
val dtColorTextDisabled = Color(0x808080ff)
|
|
104
104
|
val dtColorTextError = Color(0xa41111ff)
|
|
105
|
+
val dtColorTextLinkPrimary = Color(0x7c52ffff)
|
|
105
106
|
val dtColorTextMuted = Color(0x22222280)
|
|
106
107
|
val dtColorTextOnDarkPrimary = Color(0xf9f9f9ff)
|
|
107
108
|
val dtColorTextOnDarkSecondary = Color(0xd2d2d2ff)
|
|
@@ -261,6 +262,10 @@ object DialtoneTokens {
|
|
|
261
262
|
val dtTypographyHeadlineCompactBaseFontSize = 0.05859375.sp
|
|
262
263
|
val dtTypographyHeadlineCompactBaseFontWeight = "Bold"
|
|
263
264
|
val dtTypographyHeadlineCompactBaseLineHeight = 1.4
|
|
265
|
+
val dtTypographyHeadlineCompactLargeFontFamily = "SF Pro"
|
|
266
|
+
val dtTypographyHeadlineCompactLargeFontSize = 0.07421875.sp
|
|
267
|
+
val dtTypographyHeadlineCompactLargeFontWeight = "Bold"
|
|
268
|
+
val dtTypographyHeadlineCompactLargeLineHeight = 1.2
|
|
264
269
|
val dtTypographyHeadlineCompactSmallFontFamily = "SF Pro"
|
|
265
270
|
val dtTypographyHeadlineCompactSmallFontSize = 0.046875.sp
|
|
266
271
|
val dtTypographyHeadlineCompactSmallFontWeight = "Bold"
|
package/dist/css/variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 29 Sep 2022 20:16:45 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
--dt-button-line-height-size-medium: 140%;
|
|
41
41
|
--dt-button-line-height-size-large: 160%;
|
|
42
42
|
--dt-button-line-height-size-extra-large: 160%;
|
|
43
|
+
--dt-color-text-link-primary: #7c52ff;
|
|
43
44
|
--dt-color-text-primary: #000000;
|
|
44
45
|
--dt-color-text-secondary: #3a3a3a;
|
|
45
46
|
--dt-color-text-tertiary: #555555;
|
|
@@ -60,6 +61,8 @@
|
|
|
60
61
|
--dt-color-surface-error: #ffdcdc;
|
|
61
62
|
--dt-color-surface-warning: #ffe793;
|
|
62
63
|
--dt-color-surface-success: #ddf4d9;
|
|
64
|
+
--dt-color-neutral-white: #ffffff;
|
|
65
|
+
--dt-color-neutral-black: #000000;
|
|
63
66
|
--dt-color-black-100: #f9f9f9;
|
|
64
67
|
--dt-color-black-200: #e9e9e9;
|
|
65
68
|
--dt-color-black-300: #d2d2d2;
|
|
@@ -105,8 +108,6 @@
|
|
|
105
108
|
--dt-color-tan-300: #87807b;
|
|
106
109
|
--dt-color-tan-400: #3f3d3c;
|
|
107
110
|
--dt-color-tan-500: #121212;
|
|
108
|
-
--dt-color-neutral-white: #ffffff;
|
|
109
|
-
--dt-color-neutral-black: #000000;
|
|
110
111
|
--dt-typography-body-small-font-family: SF Pro;
|
|
111
112
|
--dt-typography-body-small-font-weight: 400;
|
|
112
113
|
--dt-typography-body-small-line-height: 140%;
|
|
@@ -140,14 +141,6 @@
|
|
|
140
141
|
--dt-typography-headline-large-font-weight: 700;
|
|
141
142
|
--dt-typography-headline-large-line-height: 160%;
|
|
142
143
|
--dt-typography-headline-large-font-size: 1.9rem;
|
|
143
|
-
--dt-typography-headline-extra-large-font-family: SF Pro;
|
|
144
|
-
--dt-typography-headline-extra-large-font-weight: 500;
|
|
145
|
-
--dt-typography-headline-extra-large-line-height: 120%;
|
|
146
|
-
--dt-typography-headline-extra-large-font-size: 2.7rem;
|
|
147
|
-
--dt-typography-headline-extra-extra-large-font-family: SF Pro;
|
|
148
|
-
--dt-typography-headline-extra-extra-large-font-weight: 500;
|
|
149
|
-
--dt-typography-headline-extra-extra-large-line-height: 120%;
|
|
150
|
-
--dt-typography-headline-extra-extra-large-font-size: 3.8rem;
|
|
151
144
|
--dt-typography-headline-compact-small-font-family: SF Pro;
|
|
152
145
|
--dt-typography-headline-compact-small-font-weight: 700;
|
|
153
146
|
--dt-typography-headline-compact-small-line-height: 120%;
|
|
@@ -156,6 +149,18 @@
|
|
|
156
149
|
--dt-typography-headline-compact-base-font-weight: 700;
|
|
157
150
|
--dt-typography-headline-compact-base-line-height: 140%;
|
|
158
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
|
+
--dt-typography-headline-extra-large-font-family: SF Pro;
|
|
157
|
+
--dt-typography-headline-extra-large-font-weight: 500;
|
|
158
|
+
--dt-typography-headline-extra-large-line-height: 120%;
|
|
159
|
+
--dt-typography-headline-extra-large-font-size: 2.7rem;
|
|
160
|
+
--dt-typography-headline-extra-extra-large-font-family: SF Pro;
|
|
161
|
+
--dt-typography-headline-extra-extra-large-font-weight: 500;
|
|
162
|
+
--dt-typography-headline-extra-extra-large-line-height: 120%;
|
|
163
|
+
--dt-typography-headline-extra-extra-large-font-size: 3.8rem;
|
|
159
164
|
--dt-typography-label-small-font-family: SF Pro;
|
|
160
165
|
--dt-typography-label-small-font-weight: 600;
|
|
161
166
|
--dt-typography-label-small-line-height: 140%;
|
|
@@ -221,7 +226,6 @@
|
|
|
221
226
|
--dt-size-icon-600: 3.2rem;
|
|
222
227
|
--dt-size-icon-700: 3.8rem;
|
|
223
228
|
--dt-size-icon-800: 4.8rem;
|
|
224
|
-
--dt-size-base: 0.8rem;
|
|
225
229
|
--dt-size-border-0: 0rem;
|
|
226
230
|
--dt-size-border-100: 0.1rem;
|
|
227
231
|
--dt-size-border-200: 0.2rem;
|
|
@@ -231,6 +235,7 @@
|
|
|
231
235
|
--dt-size-border-icon-300: 0.15rem;
|
|
232
236
|
--dt-size-border-icon-400: 0.175rem;
|
|
233
237
|
--dt-size-border-icon-500: 0.175rem;
|
|
238
|
+
--dt-size-base: 0.8rem;
|
|
234
239
|
--dt-size-radius-0: 0rem;
|
|
235
240
|
--dt-size-radius-100: 0.1rem;
|
|
236
241
|
--dt-size-radius-200: 0.2rem;
|
|
@@ -0,0 +1,336 @@
|
|
|
1
|
+
|
|
2
|
+
//
|
|
3
|
+
// tokens.swift
|
|
4
|
+
//
|
|
5
|
+
|
|
6
|
+
// Do not edit directly
|
|
7
|
+
// Generated on Thu, 29 Sep 2022 20:16:45 GMT
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
import UIKit
|
|
11
|
+
|
|
12
|
+
public enum DialtoneTokens {
|
|
13
|
+
public static let dtButtonBorderRadiusExtraLarge = CGFloat(0.63)
|
|
14
|
+
public static let dtButtonBorderRadiusExtraSmall = CGFloat(0.44)
|
|
15
|
+
public static let dtButtonBorderRadiusLarge = CGFloat(0.56)
|
|
16
|
+
public static let dtButtonBorderRadiusMedium = CGFloat(0.50)
|
|
17
|
+
public static let dtButtonBorderRadiusSmall = CGFloat(0.47)
|
|
18
|
+
public static let dtButtonColorBackgroundDanger = UIColor(red: 1.000, green: 0.180, blue: 0.180, alpha: 1)
|
|
19
|
+
public static let dtButtonColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
20
|
+
public static let dtButtonColorBackgroundPrimary = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
21
|
+
public static let dtButtonColorTextDanger = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
22
|
+
public static let dtButtonColorTextDefault = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
23
|
+
public static let dtButtonColorTextPrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
24
|
+
public static let dtButtonFontSizeExtraLarge = CGFloat(1.69)
|
|
25
|
+
public static let dtButtonFontSizeExtraSmall = CGFloat(0.75)
|
|
26
|
+
public static let dtButtonFontSizeLarge = CGFloat(1.19)
|
|
27
|
+
public static let dtButtonFontSizeMedium = CGFloat(0.94)
|
|
28
|
+
public static let dtButtonFontSizeSmall = CGFloat(0.75)
|
|
29
|
+
public static let dtButtonLineHeightSizeExtraLarge = CGFloat(160.00)
|
|
30
|
+
public static let dtButtonLineHeightSizeExtraSmall = CGFloat(120.00)
|
|
31
|
+
public static let dtButtonLineHeightSizeLarge = CGFloat(160.00)
|
|
32
|
+
public static let dtButtonLineHeightSizeMedium = CGFloat(140.00)
|
|
33
|
+
public static let dtButtonLineHeightSizeSmall = CGFloat(140.00)
|
|
34
|
+
public static let dtButtonPaddingHorizontalExtraLarge = CGFloat(0.94)
|
|
35
|
+
public static let dtButtonPaddingHorizontalExtraSmall = CGFloat(0.94)
|
|
36
|
+
public static let dtButtonPaddingHorizontalLarge = CGFloat(3.94)
|
|
37
|
+
public static let dtButtonPaddingHorizontalMedium = CGFloat(0.94)
|
|
38
|
+
public static let dtButtonPaddingHorizontalSmall = CGFloat(0.94)
|
|
39
|
+
public static let dtButtonPaddingVerticalExtraLarge = CGFloat(1.94)
|
|
40
|
+
public static let dtButtonPaddingVerticalExtraSmall = CGFloat(0.81)
|
|
41
|
+
public static let dtButtonPaddingVerticalLarge = CGFloat(1.94)
|
|
42
|
+
public static let dtButtonPaddingVerticalMedium = CGFloat(0.94)
|
|
43
|
+
public static let dtButtonPaddingVerticalSmall = CGFloat(0.81)
|
|
44
|
+
public static let dtButtonSpaceGap = CGFloat(1.00)
|
|
45
|
+
public static let dtColorBlack100 = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
46
|
+
public static let dtColorBlack200 = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
|
|
47
|
+
public static let dtColorBlack300 = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
48
|
+
public static let dtColorBlack400 = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
49
|
+
public static let dtColorBlack500 = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
50
|
+
public static let dtColorBlack600 = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
51
|
+
public static let dtColorBlack700 = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
52
|
+
public static let dtColorBlack800 = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 1)
|
|
53
|
+
public static let dtColorBlack900 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
54
|
+
public static let dtColorBlue100 = UIColor(red: 0.890, green: 0.929, blue: 0.976, alpha: 1)
|
|
55
|
+
public static let dtColorBlue200 = UIColor(red: 0.518, green: 0.741, blue: 1.000, alpha: 1)
|
|
56
|
+
public static let dtColorBlue300 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
57
|
+
public static let dtColorBlue400 = UIColor(red: 0.090, green: 0.408, blue: 0.776, alpha: 1)
|
|
58
|
+
public static let dtColorBlue500 = UIColor(red: 0.004, green: 0.196, blue: 0.427, alpha: 1)
|
|
59
|
+
public static let dtColorGold100 = UIColor(red: 1.000, green: 0.906, blue: 0.576, alpha: 1)
|
|
60
|
+
public static let dtColorGold200 = UIColor(red: 1.000, green: 0.827, blue: 0.384, alpha: 1)
|
|
61
|
+
public static let dtColorGold300 = UIColor(red: 0.965, green: 0.671, blue: 0.235, alpha: 1)
|
|
62
|
+
public static let dtColorGold400 = UIColor(red: 0.824, green: 0.561, blue: 0.169, alpha: 1)
|
|
63
|
+
public static let dtColorGold500 = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
64
|
+
public static let dtColorGreen100 = UIColor(red: 0.867, green: 0.957, blue: 0.851, alpha: 1)
|
|
65
|
+
public static let dtColorGreen200 = UIColor(red: 0.624, green: 1.000, blue: 0.565, alpha: 1)
|
|
66
|
+
public static let dtColorGreen300 = UIColor(red: 0.271, green: 0.969, blue: 0.467, alpha: 1)
|
|
67
|
+
public static let dtColorGreen400 = UIColor(red: 0.102, green: 0.639, blue: 0.251, alpha: 1)
|
|
68
|
+
public static let dtColorGreen500 = UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)
|
|
69
|
+
public static let dtColorMagenta100 = UIColor(red: 1.000, green: 0.592, blue: 0.824, alpha: 1)
|
|
70
|
+
public static let dtColorMagenta200 = UIColor(red: 0.969, green: 0.337, blue: 0.694, alpha: 1)
|
|
71
|
+
public static let dtColorMagenta300 = UIColor(red: 0.976, green: 0.000, blue: 0.557, alpha: 1)
|
|
72
|
+
public static let dtColorMagenta400 = UIColor(red: 0.549, green: 0.055, blue: 0.337, alpha: 1)
|
|
73
|
+
public static let dtColorMagenta500 = UIColor(red: 0.329, green: 0.102, blue: 0.231, alpha: 1)
|
|
74
|
+
public static let dtColorNeutralBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
75
|
+
public static let dtColorNeutralWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
76
|
+
public static let dtColorPurple100 = UIColor(red: 0.933, green: 0.898, blue: 1.000, alpha: 1)
|
|
77
|
+
public static let dtColorPurple200 = UIColor(red: 0.827, green: 0.737, blue: 1.000, alpha: 1)
|
|
78
|
+
public static let dtColorPurple300 = UIColor(red: 0.671, green: 0.494, blue: 1.000, alpha: 1)
|
|
79
|
+
public static let dtColorPurple400 = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
80
|
+
public static let dtColorPurple500 = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
81
|
+
public static let dtColorPurple600 = UIColor(red: 0.063, green: 0.008, blue: 0.173, alpha: 1)
|
|
82
|
+
public static let dtColorRed100 = UIColor(red: 1.000, green: 0.863, blue: 0.863, alpha: 1)
|
|
83
|
+
public static let dtColorRed200 = UIColor(red: 1.000, green: 0.455, blue: 0.455, alpha: 1)
|
|
84
|
+
public static let dtColorRed300 = UIColor(red: 1.000, green: 0.180, blue: 0.180, alpha: 1)
|
|
85
|
+
public static let dtColorRed400 = UIColor(red: 0.643, green: 0.067, blue: 0.067, alpha: 1)
|
|
86
|
+
public static let dtColorRed500 = UIColor(red: 0.329, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtColorSurfaceBold = UIColor(red: 0.733, green: 0.733, blue: 0.733, alpha: 1)
|
|
88
|
+
public static let dtColorSurfaceContrast = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 1)
|
|
89
|
+
public static let dtColorSurfaceError = UIColor(red: 1.000, green: 0.863, blue: 0.863, alpha: 1)
|
|
90
|
+
public static let dtColorSurfaceModerate = UIColor(red: 0.929, green: 0.929, blue: 0.929, alpha: 1)
|
|
91
|
+
public static let dtColorSurfacePrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
92
|
+
public static let dtColorSurfaceSecondary = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
93
|
+
public static let dtColorSurfaceStrong = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
94
|
+
public static let dtColorSurfaceSuccess = UIColor(red: 0.867, green: 0.957, blue: 0.851, alpha: 1)
|
|
95
|
+
public static let dtColorSurfaceWarning = UIColor(red: 1.000, green: 0.906, blue: 0.576, alpha: 1)
|
|
96
|
+
public static let dtColorTan100 = UIColor(red: 0.949, green: 0.941, blue: 0.933, alpha: 1)
|
|
97
|
+
public static let dtColorTan200 = UIColor(red: 0.808, green: 0.784, blue: 0.769, alpha: 1)
|
|
98
|
+
public static let dtColorTan300 = UIColor(red: 0.529, green: 0.502, blue: 0.482, alpha: 1)
|
|
99
|
+
public static let dtColorTan400 = UIColor(red: 0.247, green: 0.239, blue: 0.235, alpha: 1)
|
|
100
|
+
public static let dtColorTan500 = UIColor(red: 0.071, green: 0.071, blue: 0.071, alpha: 1)
|
|
101
|
+
public static let dtColorTextDisabled = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
102
|
+
public static let dtColorTextError = UIColor(red: 0.643, green: 0.067, blue: 0.067, alpha: 1)
|
|
103
|
+
public static let dtColorTextLinkPrimary = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
104
|
+
public static let dtColorTextMuted = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.5019607843137255)
|
|
105
|
+
public static let dtColorTextOnDarkPrimary = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
106
|
+
public static let dtColorTextOnDarkSecondary = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
107
|
+
public static let dtColorTextPlaceholder = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
108
|
+
public static let dtColorTextPrimary = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
109
|
+
public static let dtColorTextSecondary = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
110
|
+
public static let dtColorTextSuccess = UIColor(red: 0.000, green: 0.404, blue: 0.114, alpha: 1)
|
|
111
|
+
public static let dtColorTextTertiary = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
112
|
+
public static let dtColorTextWarning = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
113
|
+
public static let dtFontFamilyBody = "SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
114
|
+
public static let dtFontFamilyExpressive = "Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
115
|
+
public static let dtFontFamilyMono = "SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace"
|
|
116
|
+
public static let dtFontLineHeight100 = CGFloat(100.00)
|
|
117
|
+
public static let dtFontLineHeight200 = CGFloat(120.00)
|
|
118
|
+
public static let dtFontLineHeight300 = CGFloat(140.00)
|
|
119
|
+
public static let dtFontLineHeight400 = CGFloat(160.00)
|
|
120
|
+
public static let dtFontLineHeight500 = CGFloat(180.00)
|
|
121
|
+
public static let dtFontLineHeight600 = CGFloat(200.00)
|
|
122
|
+
public static let dtFontSize100 = CGFloat(0.75)
|
|
123
|
+
public static let dtFontSize200 = CGFloat(0.94)
|
|
124
|
+
public static let dtFontSize300 = CGFloat(1.19)
|
|
125
|
+
public static let dtFontSize400 = CGFloat(1.69)
|
|
126
|
+
public static let dtFontSize500 = CGFloat(2.38)
|
|
127
|
+
public static let dtFontSizeRoot = CGFloat(0.63)
|
|
128
|
+
public static let dtFontTextCaseCapitalize = "capitalize"
|
|
129
|
+
public static let dtFontTextCaseLowercase = "lowercase"
|
|
130
|
+
public static let dtFontTextCaseNone = "none"
|
|
131
|
+
public static let dtFontTextCaseUppercase = "uppercase"
|
|
132
|
+
public static let dtFontWeightBold = "Bold"
|
|
133
|
+
public static let dtFontWeightMedium = "Medium"
|
|
134
|
+
public static let dtFontWeightNormal = "Regular"
|
|
135
|
+
public static let dtFontWeightSemiBold = "Semibold"
|
|
136
|
+
public static let dtOpacity0 = CGFloat(0.00)
|
|
137
|
+
public static let dtOpacity100 = CGFloat(0.05)
|
|
138
|
+
public static let dtOpacity1000 = CGFloat(0.75)
|
|
139
|
+
public static let dtOpacity1100 = CGFloat(0.80)
|
|
140
|
+
public static let dtOpacity1200 = CGFloat(0.90)
|
|
141
|
+
public static let dtOpacity1300 = CGFloat(1.00)
|
|
142
|
+
public static let dtOpacity200 = CGFloat(0.10)
|
|
143
|
+
public static let dtOpacity300 = CGFloat(0.20)
|
|
144
|
+
public static let dtOpacity400 = CGFloat(0.25)
|
|
145
|
+
public static let dtOpacity500 = CGFloat(0.30)
|
|
146
|
+
public static let dtOpacity600 = CGFloat(0.40)
|
|
147
|
+
public static let dtOpacity700 = CGFloat(0.50)
|
|
148
|
+
public static let dtOpacity800 = CGFloat(0.60)
|
|
149
|
+
public static let dtOpacity900 = CGFloat(0.70)
|
|
150
|
+
public static let dtShadowCard0Blur = CGFloat(0.13)
|
|
151
|
+
public static let dtShadowCard0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
|
|
152
|
+
public static let dtShadowCard0Spread = CGFloat(0.00)
|
|
153
|
+
public static let dtShadowCard0Type = "dropShadow"
|
|
154
|
+
public static let dtShadowCard0X = CGFloat(0.00)
|
|
155
|
+
public static let dtShadowCard0Y = CGFloat(0.06)
|
|
156
|
+
public static let dtShadowCard1Blur = CGFloat(0.25)
|
|
157
|
+
public static let dtShadowCard1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.0392156862745098)
|
|
158
|
+
public static let dtShadowCard1Spread = CGFloat(0.00)
|
|
159
|
+
public static let dtShadowCard1Type = "dropShadow"
|
|
160
|
+
public static let dtShadowCard1X = CGFloat(0.00)
|
|
161
|
+
public static let dtShadowCard1Y = CGFloat(0.13)
|
|
162
|
+
public static let dtShadowCard2Blur = CGFloat(1.00)
|
|
163
|
+
public static let dtShadowCard2Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.0784313725490196)
|
|
164
|
+
public static let dtShadowCard2Spread = CGFloat(0.00)
|
|
165
|
+
public static let dtShadowCard2Type = "dropShadow"
|
|
166
|
+
public static let dtShadowCard2X = CGFloat(0.00)
|
|
167
|
+
public static let dtShadowCard2Y = CGFloat(0.13)
|
|
168
|
+
public static let dtShadowExtraLarge0Blur = CGFloat(2.00)
|
|
169
|
+
public static let dtShadowExtraLarge0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.30196078431372547)
|
|
170
|
+
public static let dtShadowExtraLarge0Spread = CGFloat(0.00)
|
|
171
|
+
public static let dtShadowExtraLarge0Type = "dropShadow"
|
|
172
|
+
public static let dtShadowExtraLarge0X = CGFloat(0.00)
|
|
173
|
+
public static let dtShadowExtraLarge0Y = CGFloat(0.13)
|
|
174
|
+
public static let dtShadowLarge0Blur = CGFloat(1.00)
|
|
175
|
+
public static let dtShadowLarge0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.30196078431372547)
|
|
176
|
+
public static let dtShadowLarge0Spread = CGFloat(0.00)
|
|
177
|
+
public static let dtShadowLarge0Type = "dropShadow"
|
|
178
|
+
public static let dtShadowLarge0X = CGFloat(0.00)
|
|
179
|
+
public static let dtShadowLarge0Y = CGFloat(0.13)
|
|
180
|
+
public static let dtShadowMedium0Blur = CGFloat(0.50)
|
|
181
|
+
public static let dtShadowMedium0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.25098039215686274)
|
|
182
|
+
public static let dtShadowMedium0Spread = CGFloat(0.00)
|
|
183
|
+
public static let dtShadowMedium0Type = "dropShadow"
|
|
184
|
+
public static let dtShadowMedium0X = CGFloat(0.00)
|
|
185
|
+
public static let dtShadowMedium0Y = CGFloat(0.13)
|
|
186
|
+
public static let dtShadowSmall0Blur = CGFloat(0.25)
|
|
187
|
+
public static let dtShadowSmall0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.14901960784313725)
|
|
188
|
+
public static let dtShadowSmall0Spread = CGFloat(0.00)
|
|
189
|
+
public static let dtShadowSmall0Type = "dropShadow"
|
|
190
|
+
public static let dtShadowSmall0X = CGFloat(0.00)
|
|
191
|
+
public static let dtShadowSmall0Y = CGFloat(0.13)
|
|
192
|
+
public static let dtSize0 = CGFloat(0.00)
|
|
193
|
+
public static let dtSize100 = CGFloat(0.06)
|
|
194
|
+
public static let dtSize200 = CGFloat(0.13)
|
|
195
|
+
public static let dtSize300 = CGFloat(0.25)
|
|
196
|
+
public static let dtSize400 = CGFloat(0.50)
|
|
197
|
+
public static let dtSize500 = CGFloat(1.00)
|
|
198
|
+
public static let dtSize600 = CGFloat(2.00)
|
|
199
|
+
public static let dtSize700 = CGFloat(4.00)
|
|
200
|
+
public static let dtSize800 = CGFloat(8.00)
|
|
201
|
+
public static let dtSizeBase = CGFloat(0.50)
|
|
202
|
+
public static let dtSizeBorder0 = CGFloat(0.00)
|
|
203
|
+
public static let dtSizeBorder100 = CGFloat(0.06)
|
|
204
|
+
public static let dtSizeBorder200 = CGFloat(0.13)
|
|
205
|
+
public static let dtSizeBorder300 = CGFloat(0.25)
|
|
206
|
+
public static let dtSizeBorderIcon100 = CGFloat(0.06)
|
|
207
|
+
public static let dtSizeBorderIcon200 = CGFloat(0.08)
|
|
208
|
+
public static let dtSizeBorderIcon300 = CGFloat(0.09)
|
|
209
|
+
public static let dtSizeBorderIcon400 = CGFloat(0.11)
|
|
210
|
+
public static let dtSizeBorderIcon500 = CGFloat(0.11)
|
|
211
|
+
public static let dtSizeIcon100 = CGFloat(0.75)
|
|
212
|
+
public static let dtSizeIcon200 = CGFloat(0.88)
|
|
213
|
+
public static let dtSizeIcon300 = CGFloat(1.13)
|
|
214
|
+
public static let dtSizeIcon400 = CGFloat(1.25)
|
|
215
|
+
public static let dtSizeIcon500 = CGFloat(1.50)
|
|
216
|
+
public static let dtSizeIcon600 = CGFloat(2.00)
|
|
217
|
+
public static let dtSizeIcon700 = CGFloat(2.38)
|
|
218
|
+
public static let dtSizeIcon800 = CGFloat(3.00)
|
|
219
|
+
public static let dtSizeRadius0 = CGFloat(0.00)
|
|
220
|
+
public static let dtSizeRadius100 = CGFloat(0.06)
|
|
221
|
+
public static let dtSizeRadius200 = CGFloat(0.13)
|
|
222
|
+
public static let dtSizeRadius300 = CGFloat(0.25)
|
|
223
|
+
public static let dtSizeRadius400 = CGFloat(0.50)
|
|
224
|
+
public static let dtSizeRadius500 = CGFloat(2.00)
|
|
225
|
+
public static let dtSpace0 = CGFloat(0.00)
|
|
226
|
+
public static let dtSpace100 = CGFloat(0.06)
|
|
227
|
+
public static let dtSpace200 = CGFloat(0.13)
|
|
228
|
+
public static let dtSpace300 = CGFloat(0.25)
|
|
229
|
+
public static let dtSpace400 = CGFloat(0.50)
|
|
230
|
+
public static let dtSpace500 = CGFloat(1.00)
|
|
231
|
+
public static let dtSpace600 = CGFloat(2.00)
|
|
232
|
+
public static let dtSpace700 = CGFloat(4.00)
|
|
233
|
+
public static let dtSpace800 = CGFloat(8.00)
|
|
234
|
+
public static let dtSpaceBase = CGFloat(0.50)
|
|
235
|
+
public static let dtTypographyBodyBaseFontFamily = "SF Pro"
|
|
236
|
+
public static let dtTypographyBodyBaseFontSize = CGFloat(0.94)
|
|
237
|
+
public static let dtTypographyBodyBaseFontWeight = "Regular"
|
|
238
|
+
public static let dtTypographyBodyBaseLineHeight = CGFloat(160.00)
|
|
239
|
+
public static let dtTypographyBodyCompactBaseFontFamily = "SF Pro"
|
|
240
|
+
public static let dtTypographyBodyCompactBaseFontSize = CGFloat(0.94)
|
|
241
|
+
public static let dtTypographyBodyCompactBaseFontWeight = "Regular"
|
|
242
|
+
public static let dtTypographyBodyCompactBaseLineHeight = CGFloat(140.00)
|
|
243
|
+
public static let dtTypographyBodyCompactSmallFontFamily = "SF Pro"
|
|
244
|
+
public static let dtTypographyBodyCompactSmallFontSize = CGFloat(0.75)
|
|
245
|
+
public static let dtTypographyBodyCompactSmallFontWeight = "Regular"
|
|
246
|
+
public static let dtTypographyBodyCompactSmallLineHeight = CGFloat(120.00)
|
|
247
|
+
public static let dtTypographyBodySmallFontFamily = "SF Pro"
|
|
248
|
+
public static let dtTypographyBodySmallFontSize = CGFloat(0.75)
|
|
249
|
+
public static let dtTypographyBodySmallFontWeight = "Regular"
|
|
250
|
+
public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
|
|
251
|
+
public static let dtTypographyCodeBaseFontFamily = "SF Mono"
|
|
252
|
+
public static let dtTypographyCodeBaseFontSize = CGFloat(0.94)
|
|
253
|
+
public static let dtTypographyCodeBaseFontWeight = "Regular"
|
|
254
|
+
public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
|
|
255
|
+
public static let dtTypographyCodeSmallFontFamily = "SF Mono"
|
|
256
|
+
public static let dtTypographyCodeSmallFontSize = CGFloat(0.75)
|
|
257
|
+
public static let dtTypographyCodeSmallFontWeight = "Regular"
|
|
258
|
+
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
|
+
public static let dtTypographyHeadlineCompactLargeFontFamily = "SF Pro"
|
|
264
|
+
public static let dtTypographyHeadlineCompactLargeFontSize = CGFloat(1.19)
|
|
265
|
+
public static let dtTypographyHeadlineCompactLargeFontWeight = "Bold"
|
|
266
|
+
public static let dtTypographyHeadlineCompactLargeLineHeight = CGFloat(120.00)
|
|
267
|
+
public static let dtTypographyHeadlineCompactSmallFontFamily = "SF Pro"
|
|
268
|
+
public static let dtTypographyHeadlineCompactSmallFontSize = CGFloat(0.75)
|
|
269
|
+
public static let dtTypographyHeadlineCompactSmallFontWeight = "Bold"
|
|
270
|
+
public static let dtTypographyHeadlineCompactSmallLineHeight = CGFloat(120.00)
|
|
271
|
+
public static let dtTypographyHeadlineExtraExtraLargeFontFamily = "SF Pro"
|
|
272
|
+
public static let dtTypographyHeadlineExtraExtraLargeFontSize = CGFloat(2.38)
|
|
273
|
+
public static let dtTypographyHeadlineExtraExtraLargeFontWeight = "Medium"
|
|
274
|
+
public static let dtTypographyHeadlineExtraExtraLargeLineHeight = CGFloat(120.00)
|
|
275
|
+
public static let dtTypographyHeadlineExtraLargeFontFamily = "SF Pro"
|
|
276
|
+
public static let dtTypographyHeadlineExtraLargeFontSize = CGFloat(1.69)
|
|
277
|
+
public static let dtTypographyHeadlineExtraLargeFontWeight = "Medium"
|
|
278
|
+
public static let dtTypographyHeadlineExtraLargeLineHeight = CGFloat(120.00)
|
|
279
|
+
public static let dtTypographyHeadlineEyebrowFontFamily = "SF Pro"
|
|
280
|
+
public static let dtTypographyHeadlineEyebrowFontSize = CGFloat(0.75)
|
|
281
|
+
public static let dtTypographyHeadlineEyebrowFontWeight = "Regular"
|
|
282
|
+
public static let dtTypographyHeadlineEyebrowLineHeight = CGFloat(140.00)
|
|
283
|
+
public static let dtTypographyHeadlineEyebrowTextCase = "uppercase"
|
|
284
|
+
public static let dtTypographyHeadlineLargeFontFamily = "SF Pro"
|
|
285
|
+
public static let dtTypographyHeadlineLargeFontSize = CGFloat(1.19)
|
|
286
|
+
public static let dtTypographyHeadlineLargeFontWeight = "Bold"
|
|
287
|
+
public static let dtTypographyHeadlineLargeLineHeight = CGFloat(160.00)
|
|
288
|
+
public static let dtTypographyHeadlineMediumFontFamily = "SF Pro"
|
|
289
|
+
public static let dtTypographyHeadlineMediumFontSize = CGFloat(0.94)
|
|
290
|
+
public static let dtTypographyHeadlineMediumFontWeight = "Bold"
|
|
291
|
+
public static let dtTypographyHeadlineMediumLineHeight = CGFloat(160.00)
|
|
292
|
+
public static let dtTypographyHeadlineSmallFontFamily = "SF Pro"
|
|
293
|
+
public static let dtTypographyHeadlineSmallFontSize = CGFloat(0.75)
|
|
294
|
+
public static let dtTypographyHeadlineSmallFontWeight = "Bold"
|
|
295
|
+
public static let dtTypographyHeadlineSmallLineHeight = CGFloat(140.00)
|
|
296
|
+
public static let dtTypographyHelperBaseFontFamily = "SF Pro"
|
|
297
|
+
public static let dtTypographyHelperBaseFontSize = CGFloat(0.94)
|
|
298
|
+
public static let dtTypographyHelperBaseFontWeight = "Regular"
|
|
299
|
+
public static let dtTypographyHelperBaseLineHeight = CGFloat(140.00)
|
|
300
|
+
public static let dtTypographyHelperSmallFontFamily = "SF Pro"
|
|
301
|
+
public static let dtTypographyHelperSmallFontSize = CGFloat(0.75)
|
|
302
|
+
public static let dtTypographyHelperSmallFontWeight = "Regular"
|
|
303
|
+
public static let dtTypographyHelperSmallLineHeight = CGFloat(120.00)
|
|
304
|
+
public static let dtTypographyLabelBaseFontFamily = "SF Pro"
|
|
305
|
+
public static let dtTypographyLabelBaseFontSize = CGFloat(0.94)
|
|
306
|
+
public static let dtTypographyLabelBaseFontWeight = "Semibold"
|
|
307
|
+
public static let dtTypographyLabelBaseLineHeight = CGFloat(160.00)
|
|
308
|
+
public static let dtTypographyLabelCompactBaseFontFamily = "SF Pro"
|
|
309
|
+
public static let dtTypographyLabelCompactBaseFontSize = CGFloat(0.94)
|
|
310
|
+
public static let dtTypographyLabelCompactBaseFontWeight = "Semibold"
|
|
311
|
+
public static let dtTypographyLabelCompactBaseLineHeight = CGFloat(140.00)
|
|
312
|
+
public static let dtTypographyLabelCompactPlainBaseFontFamily = "SF Pro"
|
|
313
|
+
public static let dtTypographyLabelCompactPlainBaseFontSize = CGFloat(0.94)
|
|
314
|
+
public static let dtTypographyLabelCompactPlainBaseFontWeight = "Regular"
|
|
315
|
+
public static let dtTypographyLabelCompactPlainBaseLineHeight = CGFloat(140.00)
|
|
316
|
+
public static let dtTypographyLabelCompactPlainSmallFontFamily = "SF Pro"
|
|
317
|
+
public static let dtTypographyLabelCompactPlainSmallFontSize = CGFloat(0.75)
|
|
318
|
+
public static let dtTypographyLabelCompactPlainSmallFontWeight = "Regular"
|
|
319
|
+
public static let dtTypographyLabelCompactPlainSmallLineHeight = CGFloat(120.00)
|
|
320
|
+
public static let dtTypographyLabelCompactSmallFontFamily = "SF Pro"
|
|
321
|
+
public static let dtTypographyLabelCompactSmallFontSize = CGFloat(0.75)
|
|
322
|
+
public static let dtTypographyLabelCompactSmallFontWeight = "Semibold"
|
|
323
|
+
public static let dtTypographyLabelCompactSmallLineHeight = CGFloat(120.00)
|
|
324
|
+
public static let dtTypographyLabelPlainBaseFontFamily = "SF Pro"
|
|
325
|
+
public static let dtTypographyLabelPlainBaseFontSize = CGFloat(0.94)
|
|
326
|
+
public static let dtTypographyLabelPlainBaseFontWeight = "Regular"
|
|
327
|
+
public static let dtTypographyLabelPlainBaseLineHeight = CGFloat(160.00)
|
|
328
|
+
public static let dtTypographyLabelPlainSmallFontFamily = "SF Pro"
|
|
329
|
+
public static let dtTypographyLabelPlainSmallFontSize = CGFloat(0.75)
|
|
330
|
+
public static let dtTypographyLabelPlainSmallFontWeight = "Regular"
|
|
331
|
+
public static let dtTypographyLabelPlainSmallLineHeight = CGFloat(140.00)
|
|
332
|
+
public static let dtTypographyLabelSmallFontFamily = "SF Pro"
|
|
333
|
+
public static let dtTypographyLabelSmallFontSize = CGFloat(0.75)
|
|
334
|
+
public static let dtTypographyLabelSmallFontWeight = "Semibold"
|
|
335
|
+
public static let dtTypographyLabelSmallLineHeight = CGFloat(140.00)
|
|
336
|
+
}
|
package/dist/less/variables.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 29 Sep 2022 20:16:45 GMT
|
|
4
4
|
|
|
5
5
|
@dt-token-set-order-0: base;
|
|
6
6
|
@dt-token-set-order-1: semantic;
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
@dt-button-line-height-size-medium: 140%;
|
|
39
39
|
@dt-button-line-height-size-large: 160%;
|
|
40
40
|
@dt-button-line-height-size-extra-large: 160%;
|
|
41
|
+
@dt-color-text-link-primary: #7c52ff;
|
|
41
42
|
@dt-color-text-primary: #000000;
|
|
42
43
|
@dt-color-text-secondary: #3a3a3a;
|
|
43
44
|
@dt-color-text-tertiary: #555555;
|
|
@@ -58,6 +59,8 @@
|
|
|
58
59
|
@dt-color-surface-error: #ffdcdc;
|
|
59
60
|
@dt-color-surface-warning: #ffe793;
|
|
60
61
|
@dt-color-surface-success: #ddf4d9;
|
|
62
|
+
@dt-color-neutral-white: #ffffff;
|
|
63
|
+
@dt-color-neutral-black: #000000;
|
|
61
64
|
@dt-color-black-100: #f9f9f9;
|
|
62
65
|
@dt-color-black-200: #e9e9e9;
|
|
63
66
|
@dt-color-black-300: #d2d2d2;
|
|
@@ -103,8 +106,6 @@
|
|
|
103
106
|
@dt-color-tan-300: #87807b;
|
|
104
107
|
@dt-color-tan-400: #3f3d3c;
|
|
105
108
|
@dt-color-tan-500: #121212;
|
|
106
|
-
@dt-color-neutral-white: #ffffff;
|
|
107
|
-
@dt-color-neutral-black: #000000;
|
|
108
109
|
@dt-typography-body-small-font-family: SF Pro;
|
|
109
110
|
@dt-typography-body-small-font-weight: 400;
|
|
110
111
|
@dt-typography-body-small-line-height: 140%;
|
|
@@ -138,14 +139,6 @@
|
|
|
138
139
|
@dt-typography-headline-large-font-weight: 700;
|
|
139
140
|
@dt-typography-headline-large-line-height: 160%;
|
|
140
141
|
@dt-typography-headline-large-font-size: 1.9rem;
|
|
141
|
-
@dt-typography-headline-extra-large-font-family: SF Pro;
|
|
142
|
-
@dt-typography-headline-extra-large-font-weight: 500;
|
|
143
|
-
@dt-typography-headline-extra-large-line-height: 120%;
|
|
144
|
-
@dt-typography-headline-extra-large-font-size: 2.7rem;
|
|
145
|
-
@dt-typography-headline-extra-extra-large-font-family: SF Pro;
|
|
146
|
-
@dt-typography-headline-extra-extra-large-font-weight: 500;
|
|
147
|
-
@dt-typography-headline-extra-extra-large-line-height: 120%;
|
|
148
|
-
@dt-typography-headline-extra-extra-large-font-size: 3.8rem;
|
|
149
142
|
@dt-typography-headline-compact-small-font-family: SF Pro;
|
|
150
143
|
@dt-typography-headline-compact-small-font-weight: 700;
|
|
151
144
|
@dt-typography-headline-compact-small-line-height: 120%;
|
|
@@ -154,6 +147,18 @@
|
|
|
154
147
|
@dt-typography-headline-compact-base-font-weight: 700;
|
|
155
148
|
@dt-typography-headline-compact-base-line-height: 140%;
|
|
156
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
|
+
@dt-typography-headline-extra-large-font-family: SF Pro;
|
|
155
|
+
@dt-typography-headline-extra-large-font-weight: 500;
|
|
156
|
+
@dt-typography-headline-extra-large-line-height: 120%;
|
|
157
|
+
@dt-typography-headline-extra-large-font-size: 2.7rem;
|
|
158
|
+
@dt-typography-headline-extra-extra-large-font-family: SF Pro;
|
|
159
|
+
@dt-typography-headline-extra-extra-large-font-weight: 500;
|
|
160
|
+
@dt-typography-headline-extra-extra-large-line-height: 120%;
|
|
161
|
+
@dt-typography-headline-extra-extra-large-font-size: 3.8rem;
|
|
157
162
|
@dt-typography-label-small-font-family: SF Pro;
|
|
158
163
|
@dt-typography-label-small-font-weight: 600;
|
|
159
164
|
@dt-typography-label-small-line-height: 140%;
|
|
@@ -219,7 +224,6 @@
|
|
|
219
224
|
@dt-size-icon-600: 3.2rem;
|
|
220
225
|
@dt-size-icon-700: 3.8rem;
|
|
221
226
|
@dt-size-icon-800: 4.8rem;
|
|
222
|
-
@dt-size-base: 0.8rem;
|
|
223
227
|
@dt-size-border-0: 0;
|
|
224
228
|
@dt-size-border-100: 0.1rem;
|
|
225
229
|
@dt-size-border-200: 0.2rem;
|
|
@@ -229,6 +233,7 @@
|
|
|
229
233
|
@dt-size-border-icon-300: 0.15rem;
|
|
230
234
|
@dt-size-border-icon-400: 0.175rem;
|
|
231
235
|
@dt-size-border-icon-500: 0.175rem;
|
|
236
|
+
@dt-size-base: 0.8rem;
|
|
232
237
|
@dt-size-radius-0: 0;
|
|
233
238
|
@dt-size-radius-100: 0.1rem;
|
|
234
239
|
@dt-size-radius-200: 0.2rem;
|
package/dist/tokens.json
CHANGED
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
"dtButtonLineHeightSizeMedium": "140%",
|
|
36
36
|
"dtButtonLineHeightSizeLarge": "160%",
|
|
37
37
|
"dtButtonLineHeightSizeExtraLarge": "160%",
|
|
38
|
+
"dtColorTextLinkPrimary": "#7C52FF",
|
|
38
39
|
"dtColorTextPrimary": "#000000",
|
|
39
40
|
"dtColorTextSecondary": "#3A3A3A",
|
|
40
41
|
"dtColorTextTertiary": "#555555",
|
|
@@ -55,6 +56,8 @@
|
|
|
55
56
|
"dtColorSurfaceError": "#FFDCDC",
|
|
56
57
|
"dtColorSurfaceWarning": "#FFE793",
|
|
57
58
|
"dtColorSurfaceSuccess": "#DDF4D9",
|
|
59
|
+
"dtColorNeutralWhite": "#fff",
|
|
60
|
+
"dtColorNeutralBlack": "#000000",
|
|
58
61
|
"dtColorBlack100": "#F9F9F9",
|
|
59
62
|
"dtColorBlack200": "#E9E9E9",
|
|
60
63
|
"dtColorBlack300": "#D2D2D2",
|
|
@@ -100,8 +103,6 @@
|
|
|
100
103
|
"dtColorTan300": "#87807B",
|
|
101
104
|
"dtColorTan400": "#3F3D3C",
|
|
102
105
|
"dtColorTan500": "#121212",
|
|
103
|
-
"dtColorNeutralWhite": "#fff",
|
|
104
|
-
"dtColorNeutralBlack": "#000",
|
|
105
106
|
"dtTypographyBodySmallFontFamily": "SF Pro",
|
|
106
107
|
"dtTypographyBodySmallFontWeight": 400,
|
|
107
108
|
"dtTypographyBodySmallLineHeight": "140%",
|
|
@@ -135,14 +136,6 @@
|
|
|
135
136
|
"dtTypographyHeadlineLargeFontWeight": 700,
|
|
136
137
|
"dtTypographyHeadlineLargeLineHeight": "160%",
|
|
137
138
|
"dtTypographyHeadlineLargeFontSize": "1.9rem",
|
|
138
|
-
"dtTypographyHeadlineExtraLargeFontFamily": "SF Pro",
|
|
139
|
-
"dtTypographyHeadlineExtraLargeFontWeight": 500,
|
|
140
|
-
"dtTypographyHeadlineExtraLargeLineHeight": "120%",
|
|
141
|
-
"dtTypographyHeadlineExtraLargeFontSize": "2.7rem",
|
|
142
|
-
"dtTypographyHeadlineExtraExtraLargeFontFamily": "SF Pro",
|
|
143
|
-
"dtTypographyHeadlineExtraExtraLargeFontWeight": 500,
|
|
144
|
-
"dtTypographyHeadlineExtraExtraLargeLineHeight": "120%",
|
|
145
|
-
"dtTypographyHeadlineExtraExtraLargeFontSize": "3.8rem",
|
|
146
139
|
"dtTypographyHeadlineCompactSmallFontFamily": "SF Pro",
|
|
147
140
|
"dtTypographyHeadlineCompactSmallFontWeight": 700,
|
|
148
141
|
"dtTypographyHeadlineCompactSmallLineHeight": "120%",
|
|
@@ -151,6 +144,18 @@
|
|
|
151
144
|
"dtTypographyHeadlineCompactBaseFontWeight": 700,
|
|
152
145
|
"dtTypographyHeadlineCompactBaseLineHeight": "140%",
|
|
153
146
|
"dtTypographyHeadlineCompactBaseFontSize": "1.5rem",
|
|
147
|
+
"dtTypographyHeadlineCompactLargeFontFamily": "SF Pro",
|
|
148
|
+
"dtTypographyHeadlineCompactLargeFontWeight": 700,
|
|
149
|
+
"dtTypographyHeadlineCompactLargeLineHeight": "120%",
|
|
150
|
+
"dtTypographyHeadlineCompactLargeFontSize": "1.9rem",
|
|
151
|
+
"dtTypographyHeadlineExtraLargeFontFamily": "SF Pro",
|
|
152
|
+
"dtTypographyHeadlineExtraLargeFontWeight": 500,
|
|
153
|
+
"dtTypographyHeadlineExtraLargeLineHeight": "120%",
|
|
154
|
+
"dtTypographyHeadlineExtraLargeFontSize": "2.7rem",
|
|
155
|
+
"dtTypographyHeadlineExtraExtraLargeFontFamily": "SF Pro",
|
|
156
|
+
"dtTypographyHeadlineExtraExtraLargeFontWeight": 500,
|
|
157
|
+
"dtTypographyHeadlineExtraExtraLargeLineHeight": "120%",
|
|
158
|
+
"dtTypographyHeadlineExtraExtraLargeFontSize": "3.8rem",
|
|
154
159
|
"dtTypographyLabelSmallFontFamily": "SF Pro",
|
|
155
160
|
"dtTypographyLabelSmallFontWeight": 600,
|
|
156
161
|
"dtTypographyLabelSmallLineHeight": "140%",
|
|
@@ -216,7 +221,6 @@
|
|
|
216
221
|
"dtSizeIcon600": "3.2rem",
|
|
217
222
|
"dtSizeIcon700": "3.8rem",
|
|
218
223
|
"dtSizeIcon800": "4.8rem",
|
|
219
|
-
"dtSizeBase": "0.8rem",
|
|
220
224
|
"dtSizeBorder0": "0",
|
|
221
225
|
"dtSizeBorder100": "0.1rem",
|
|
222
226
|
"dtSizeBorder200": "0.2rem",
|
|
@@ -226,6 +230,7 @@
|
|
|
226
230
|
"dtSizeBorderIcon300": "0.15rem",
|
|
227
231
|
"dtSizeBorderIcon400": "0.175rem",
|
|
228
232
|
"dtSizeBorderIcon500": "0.175rem",
|
|
233
|
+
"dtSizeBase": "0.8rem",
|
|
229
234
|
"dtSizeRadius0": "0",
|
|
230
235
|
"dtSizeRadius100": "0.1rem",
|
|
231
236
|
"dtSizeRadius200": "0.2rem",
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "Design tokens for Dialtone.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
8
|
-
"build": "npm run transform && ./build.js",
|
|
8
|
+
"build": "npm run transform && ./build.js && ./build-android.js && ./build-ios.js",
|
|
9
9
|
"transform": "token-transformer base.json tokens/tokens.json --expandTypography=true --expandShadow=true",
|
|
10
10
|
"prepublishOnly": "npm run build",
|
|
11
11
|
"release": "semantic-release --no-ci --extends ./release-local.config.js"
|
package/dist/ios/dialtone.swift
DELETED
|
@@ -1,335 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//
|
|
3
|
-
// dialtone.swift
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
// Do not edit directly
|
|
7
|
-
// Generated on Mon, 26 Sep 2022 23:18:38 GMT
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
import SwiftUI
|
|
11
|
-
|
|
12
|
-
public enum {
|
|
13
|
-
public static let DtButtonBorderRadiusExtraLarge = 10px
|
|
14
|
-
public static let DtButtonBorderRadiusExtraSmall = 7px
|
|
15
|
-
public static let DtButtonBorderRadiusLarge = 9px
|
|
16
|
-
public static let DtButtonBorderRadiusMedium = 8px
|
|
17
|
-
public static let DtButtonBorderRadiusSmall = 7.5px
|
|
18
|
-
public static let DtButtonColorBackgroundDanger = #FF2E2E
|
|
19
|
-
public static let DtButtonColorBackgroundDefault = transparent
|
|
20
|
-
public static let DtButtonColorBackgroundPrimary = #7C52FF
|
|
21
|
-
public static let DtButtonColorTextDanger = #fff
|
|
22
|
-
public static let DtButtonColorTextDefault = #7C52FF
|
|
23
|
-
public static let DtButtonColorTextPrimary = #fff
|
|
24
|
-
public static let DtButtonFontSizeExtraLarge = 27px
|
|
25
|
-
public static let DtButtonFontSizeExtraSmall = 12px
|
|
26
|
-
public static let DtButtonFontSizeLarge = 19px
|
|
27
|
-
public static let DtButtonFontSizeMedium = 15px
|
|
28
|
-
public static let DtButtonFontSizeSmall = 12px
|
|
29
|
-
public static let DtButtonLineHeightSizeExtraLarge = 160%
|
|
30
|
-
public static let DtButtonLineHeightSizeExtraSmall = 120%
|
|
31
|
-
public static let DtButtonLineHeightSizeLarge = 160%
|
|
32
|
-
public static let DtButtonLineHeightSizeMedium = 140%
|
|
33
|
-
public static let DtButtonLineHeightSizeSmall = 140%
|
|
34
|
-
public static let DtButtonPaddingHorizontalExtraLarge = 15px
|
|
35
|
-
public static let DtButtonPaddingHorizontalExtraSmall = 15px
|
|
36
|
-
public static let DtButtonPaddingHorizontalLarge = 63px
|
|
37
|
-
public static let DtButtonPaddingHorizontalMedium = 15px
|
|
38
|
-
public static let DtButtonPaddingHorizontalSmall = 15px
|
|
39
|
-
public static let DtButtonPaddingVerticalExtraLarge = 31px
|
|
40
|
-
public static let DtButtonPaddingVerticalExtraSmall = 13px
|
|
41
|
-
public static let DtButtonPaddingVerticalLarge = 31px
|
|
42
|
-
public static let DtButtonPaddingVerticalMedium = 15px
|
|
43
|
-
public static let DtButtonPaddingVerticalSmall = 13px
|
|
44
|
-
public static let DtButtonSpaceGap = 16px
|
|
45
|
-
public static let DtColorBlack100 = [UIColor colorWithRed:0.976f green:0.976f blue:0.976f alpha:1.000f]
|
|
46
|
-
public static let DtColorBlack200 = [UIColor colorWithRed:0.914f green:0.914f blue:0.914f alpha:1.000f]
|
|
47
|
-
public static let DtColorBlack300 = [UIColor colorWithRed:0.824f green:0.824f blue:0.824f alpha:1.000f]
|
|
48
|
-
public static let DtColorBlack400 = [UIColor colorWithRed:0.667f green:0.667f blue:0.667f alpha:1.000f]
|
|
49
|
-
public static let DtColorBlack500 = [UIColor colorWithRed:0.502f green:0.502f blue:0.502f alpha:1.000f]
|
|
50
|
-
public static let DtColorBlack600 = [UIColor colorWithRed:0.333f green:0.333f blue:0.333f alpha:1.000f]
|
|
51
|
-
public static let DtColorBlack700 = [UIColor colorWithRed:0.227f green:0.227f blue:0.227f alpha:1.000f]
|
|
52
|
-
public static let DtColorBlack800 = [UIColor colorWithRed:0.133f green:0.133f blue:0.133f alpha:1.000f]
|
|
53
|
-
public static let DtColorBlack900 = [UIColor colorWithRed:0.000f green:0.000f blue:0.000f alpha:1.000f]
|
|
54
|
-
public static let DtColorBlue100 = [UIColor colorWithRed:0.890f green:0.929f blue:0.976f alpha:1.000f]
|
|
55
|
-
public static let DtColorBlue200 = [UIColor colorWithRed:0.518f green:0.741f blue:1.000f alpha:1.000f]
|
|
56
|
-
public static let DtColorBlue300 = [UIColor colorWithRed:0.318f green:0.627f blue:0.996f alpha:1.000f]
|
|
57
|
-
public static let DtColorBlue400 = [UIColor colorWithRed:0.090f green:0.408f blue:0.776f alpha:1.000f]
|
|
58
|
-
public static let DtColorBlue500 = [UIColor colorWithRed:0.004f green:0.196f blue:0.427f alpha:1.000f]
|
|
59
|
-
public static let DtColorGold100 = [UIColor colorWithRed:1.000f green:0.906f blue:0.576f alpha:1.000f]
|
|
60
|
-
public static let DtColorGold200 = [UIColor colorWithRed:1.000f green:0.827f blue:0.384f alpha:1.000f]
|
|
61
|
-
public static let DtColorGold300 = [UIColor colorWithRed:0.965f green:0.671f blue:0.235f alpha:1.000f]
|
|
62
|
-
public static let DtColorGold400 = [UIColor colorWithRed:0.824f green:0.561f blue:0.169f alpha:1.000f]
|
|
63
|
-
public static let DtColorGold500 = [UIColor colorWithRed:0.506f green:0.314f blue:0.031f alpha:1.000f]
|
|
64
|
-
public static let DtColorGreen100 = [UIColor colorWithRed:0.867f green:0.957f blue:0.851f alpha:1.000f]
|
|
65
|
-
public static let DtColorGreen200 = [UIColor colorWithRed:0.624f green:1.000f blue:0.565f alpha:1.000f]
|
|
66
|
-
public static let DtColorGreen300 = [UIColor colorWithRed:0.271f green:0.969f blue:0.467f alpha:1.000f]
|
|
67
|
-
public static let DtColorGreen400 = [UIColor colorWithRed:0.102f green:0.639f blue:0.251f alpha:1.000f]
|
|
68
|
-
public static let DtColorGreen500 = [UIColor colorWithRed:0.071f green:0.275f blue:0.125f alpha:1.000f]
|
|
69
|
-
public static let DtColorMagenta100 = [UIColor colorWithRed:1.000f green:0.592f blue:0.824f alpha:1.000f]
|
|
70
|
-
public static let DtColorMagenta200 = [UIColor colorWithRed:0.969f green:0.337f blue:0.694f alpha:1.000f]
|
|
71
|
-
public static let DtColorMagenta300 = [UIColor colorWithRed:0.976f green:0.000f blue:0.557f alpha:1.000f]
|
|
72
|
-
public static let DtColorMagenta400 = [UIColor colorWithRed:0.549f green:0.055f blue:0.337f alpha:1.000f]
|
|
73
|
-
public static let DtColorMagenta500 = [UIColor colorWithRed:0.329f green:0.102f blue:0.231f alpha:1.000f]
|
|
74
|
-
public static let DtColorNeutralBlack = [UIColor colorWithRed:0.000f green:0.000f blue:0.000f alpha:1.000f]
|
|
75
|
-
public static let DtColorNeutralWhite = [UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f]
|
|
76
|
-
public static let DtColorPurple100 = [UIColor colorWithRed:0.933f green:0.898f blue:1.000f alpha:1.000f]
|
|
77
|
-
public static let DtColorPurple200 = [UIColor colorWithRed:0.827f green:0.737f blue:1.000f alpha:1.000f]
|
|
78
|
-
public static let DtColorPurple300 = [UIColor colorWithRed:0.671f green:0.494f blue:1.000f alpha:1.000f]
|
|
79
|
-
public static let DtColorPurple400 = [UIColor colorWithRed:0.486f green:0.322f blue:1.000f alpha:1.000f]
|
|
80
|
-
public static let DtColorPurple500 = [UIColor colorWithRed:0.227f green:0.114f blue:0.584f alpha:1.000f]
|
|
81
|
-
public static let DtColorPurple600 = [UIColor colorWithRed:0.063f green:0.008f blue:0.173f alpha:1.000f]
|
|
82
|
-
public static let DtColorRed100 = [UIColor colorWithRed:1.000f green:0.863f blue:0.863f alpha:1.000f]
|
|
83
|
-
public static let DtColorRed200 = [UIColor colorWithRed:1.000f green:0.455f blue:0.455f alpha:1.000f]
|
|
84
|
-
public static let DtColorRed300 = [UIColor colorWithRed:1.000f green:0.180f blue:0.180f alpha:1.000f]
|
|
85
|
-
public static let DtColorRed400 = [UIColor colorWithRed:0.643f green:0.067f blue:0.067f alpha:1.000f]
|
|
86
|
-
public static let DtColorRed500 = [UIColor colorWithRed:0.329f green:0.000f blue:0.000f alpha:1.000f]
|
|
87
|
-
public static let DtColorSurfaceBold = [UIColor colorWithRed:0.733f green:0.733f blue:0.733f alpha:1.000f]
|
|
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]
|
|
90
|
-
public static let DtColorSurfaceModerate = [UIColor colorWithRed:0.929f green:0.929f blue:0.929f alpha:1.000f]
|
|
91
|
-
public static let DtColorSurfacePrimary = [UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f]
|
|
92
|
-
public static let DtColorSurfaceSecondary = [UIColor colorWithRed:0.976f green:0.976f blue:0.976f alpha:1.000f]
|
|
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]
|
|
96
|
-
public static let DtColorTan100 = [UIColor colorWithRed:0.949f green:0.941f blue:0.933f alpha:1.000f]
|
|
97
|
-
public static let DtColorTan200 = [UIColor colorWithRed:0.808f green:0.784f blue:0.769f alpha:1.000f]
|
|
98
|
-
public static let DtColorTan300 = [UIColor colorWithRed:0.529f green:0.502f blue:0.482f alpha:1.000f]
|
|
99
|
-
public static let DtColorTan400 = [UIColor colorWithRed:0.247f green:0.239f blue:0.235f alpha:1.000f]
|
|
100
|
-
public static let DtColorTan500 = [UIColor colorWithRed:0.071f green:0.071f blue:0.071f alpha:1.000f]
|
|
101
|
-
public static let DtColorTextDisabled = [UIColor colorWithRed:0.502f green:0.502f blue:0.502f alpha:1.000f]
|
|
102
|
-
public static let DtColorTextError = [UIColor colorWithRed:0.643f green:0.067f blue:0.067f alpha:1.000f]
|
|
103
|
-
public static let DtColorTextMuted = [UIColor colorWithRed:0.133f green:0.133f blue:0.133f alpha:0.502f]
|
|
104
|
-
public static let DtColorTextOnDarkPrimary = [UIColor colorWithRed:0.976f green:0.976f blue:0.976f alpha:1.000f]
|
|
105
|
-
public static let DtColorTextOnDarkSecondary = [UIColor colorWithRed:0.824f green:0.824f blue:0.824f alpha:1.000f]
|
|
106
|
-
public static let DtColorTextPlaceholder = [UIColor colorWithRed:0.502f green:0.502f blue:0.502f alpha:1.000f]
|
|
107
|
-
public static let DtColorTextPrimary = [UIColor colorWithRed:0.000f green:0.000f blue:0.000f alpha:1.000f]
|
|
108
|
-
public static let DtColorTextSecondary = [UIColor colorWithRed:0.227f green:0.227f blue:0.227f alpha:1.000f]
|
|
109
|
-
public static let DtColorTextSuccess = [UIColor colorWithRed:0.000f green:0.404f blue:0.114f alpha:1.000f]
|
|
110
|
-
public static let DtColorTextTertiary = [UIColor colorWithRed:0.333f green:0.333f blue:0.333f alpha:1.000f]
|
|
111
|
-
public static let DtColorTextWarning = [UIColor colorWithRed:0.506f green:0.314f blue:0.031f alpha:1.000f]
|
|
112
|
-
public static let DtFontFamilyBody = @"SF Pro"
|
|
113
|
-
public static let DtFontFamilyExpressive = @"Archivo"
|
|
114
|
-
public static let DtFontFamilyMono = @"SF Mono"
|
|
115
|
-
public static let DtFontLineHeight100 = @"100%"
|
|
116
|
-
public static let DtFontLineHeight200 = @"120%"
|
|
117
|
-
public static let DtFontLineHeight300 = @"140%"
|
|
118
|
-
public static let DtFontLineHeight400 = @"160%"
|
|
119
|
-
public static let DtFontLineHeight500 = @"180%"
|
|
120
|
-
public static let DtFontLineHeight600 = @"200%"
|
|
121
|
-
public static let DtFontSize100 = @"12px"
|
|
122
|
-
public static let DtFontSize200 = @"15px"
|
|
123
|
-
public static let DtFontSize300 = @"19px"
|
|
124
|
-
public static let DtFontSize400 = @"27px"
|
|
125
|
-
public static let DtFontSize500 = @"38px"
|
|
126
|
-
public static let DtFontSizeRoot = @"10px"
|
|
127
|
-
public static let DtFontTextCaseCapitalize = @"capitalize"
|
|
128
|
-
public static let DtFontTextCaseLowercase = @"lowercase"
|
|
129
|
-
public static let DtFontTextCaseNone = @"none"
|
|
130
|
-
public static let DtFontTextCaseUppercase = @"uppercase"
|
|
131
|
-
public static let DtFontWeightBold = @"Bold"
|
|
132
|
-
public static let DtFontWeightMedium = @"Medium"
|
|
133
|
-
public static let DtFontWeightNormal = @"Regular"
|
|
134
|
-
public static let DtFontWeightSemiBold = @"Semibold"
|
|
135
|
-
public static let DtOpacity0 = 0
|
|
136
|
-
public static let DtOpacity100 = 0.05
|
|
137
|
-
public static let DtOpacity1000 = 0.75
|
|
138
|
-
public static let DtOpacity1100 = 0.8
|
|
139
|
-
public static let DtOpacity1200 = 0.9
|
|
140
|
-
public static let DtOpacity1300 = 1
|
|
141
|
-
public static let DtOpacity200 = 0.1
|
|
142
|
-
public static let DtOpacity300 = 0.2
|
|
143
|
-
public static let DtOpacity400 = 0.25
|
|
144
|
-
public static let DtOpacity500 = 0.3
|
|
145
|
-
public static let DtOpacity600 = 0.4
|
|
146
|
-
public static let DtOpacity700 = 0.5
|
|
147
|
-
public static let DtOpacity800 = 0.6
|
|
148
|
-
public static let DtOpacity900 = 0.7
|
|
149
|
-
public static let DtShadowCard0Blur = 2px
|
|
150
|
-
public static let DtShadowCard0Color = #00000008
|
|
151
|
-
public static let DtShadowCard0Spread = 0px
|
|
152
|
-
public static let DtShadowCard0Type = dropShadow
|
|
153
|
-
public static let DtShadowCard0X = 0px
|
|
154
|
-
public static let DtShadowCard0Y = 1px
|
|
155
|
-
public static let DtShadowCard1Blur = 4px
|
|
156
|
-
public static let DtShadowCard1Color = #0000000a
|
|
157
|
-
public static let DtShadowCard1Spread = 0px
|
|
158
|
-
public static let DtShadowCard1Type = dropShadow
|
|
159
|
-
public static let DtShadowCard1X = 0px
|
|
160
|
-
public static let DtShadowCard1Y = 2px
|
|
161
|
-
public static let DtShadowCard2Blur = 16px
|
|
162
|
-
public static let DtShadowCard2Color = #00000014
|
|
163
|
-
public static let DtShadowCard2Spread = 0px
|
|
164
|
-
public static let DtShadowCard2Type = dropShadow
|
|
165
|
-
public static let DtShadowCard2X = 0px
|
|
166
|
-
public static let DtShadowCard2Y = 2px
|
|
167
|
-
public static let DtShadowExtraLarge0Blur = 32px
|
|
168
|
-
public static let DtShadowExtraLarge0Color = #0000004d
|
|
169
|
-
public static let DtShadowExtraLarge0Spread = 0px
|
|
170
|
-
public static let DtShadowExtraLarge0Type = dropShadow
|
|
171
|
-
public static let DtShadowExtraLarge0X = 0px
|
|
172
|
-
public static let DtShadowExtraLarge0Y = 2px
|
|
173
|
-
public static let DtShadowLarge0Blur = 16px
|
|
174
|
-
public static let DtShadowLarge0Color = #0000004d
|
|
175
|
-
public static let DtShadowLarge0Spread = 0px
|
|
176
|
-
public static let DtShadowLarge0Type = dropShadow
|
|
177
|
-
public static let DtShadowLarge0X = 0px
|
|
178
|
-
public static let DtShadowLarge0Y = 2px
|
|
179
|
-
public static let DtShadowMedium0Blur = 8px
|
|
180
|
-
public static let DtShadowMedium0Color = #00000040
|
|
181
|
-
public static let DtShadowMedium0Spread = 0px
|
|
182
|
-
public static let DtShadowMedium0Type = dropShadow
|
|
183
|
-
public static let DtShadowMedium0X = 0px
|
|
184
|
-
public static let DtShadowMedium0Y = 2px
|
|
185
|
-
public static let DtShadowSmall0Blur = 4px
|
|
186
|
-
public static let DtShadowSmall0Color = #00000026
|
|
187
|
-
public static let DtShadowSmall0Spread = 0px
|
|
188
|
-
public static let DtShadowSmall0Type = dropShadow
|
|
189
|
-
public static let DtShadowSmall0X = 0px
|
|
190
|
-
public static let DtShadowSmall0Y = 2px
|
|
191
|
-
public static let DtSize0 = 0.00f
|
|
192
|
-
public static let DtSize100 = 16.00f
|
|
193
|
-
public static let DtSize200 = 32.00f
|
|
194
|
-
public static let DtSize300 = 64.00f
|
|
195
|
-
public static let DtSize400 = 128.00f
|
|
196
|
-
public static let DtSize500 = 256.00f
|
|
197
|
-
public static let DtSize600 = 512.00f
|
|
198
|
-
public static let DtSize700 = 1024.00f
|
|
199
|
-
public static let DtSize800 = 2048.00f
|
|
200
|
-
public static let DtSizeBase = 128.00f
|
|
201
|
-
public static let DtSizeBorder0 = 0.00f
|
|
202
|
-
public static let DtSizeBorder100 = 16.00f
|
|
203
|
-
public static let DtSizeBorder200 = 32.00f
|
|
204
|
-
public static let DtSizeBorder300 = 64.00f
|
|
205
|
-
public static let DtSizeBorderIcon100 = 16.00f
|
|
206
|
-
public static let DtSizeBorderIcon200 = 20.00f
|
|
207
|
-
public static let DtSizeBorderIcon300 = 24.00f
|
|
208
|
-
public static let DtSizeBorderIcon400 = 28.00f
|
|
209
|
-
public static let DtSizeBorderIcon500 = 28.00f
|
|
210
|
-
public static let DtSizeIcon100 = 192.00f
|
|
211
|
-
public static let DtSizeIcon200 = 224.00f
|
|
212
|
-
public static let DtSizeIcon300 = 288.00f
|
|
213
|
-
public static let DtSizeIcon400 = 320.00f
|
|
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
|
|
218
|
-
public static let DtSizeRadius0 = 0.00f
|
|
219
|
-
public static let DtSizeRadius100 = 16.00f
|
|
220
|
-
public static let DtSizeRadius200 = 32.00f
|
|
221
|
-
public static let DtSizeRadius300 = 64.00f
|
|
222
|
-
public static let DtSizeRadius400 = 128.00f
|
|
223
|
-
public static let DtSizeRadius500 = 512.00f
|
|
224
|
-
public static let DtSpace0 = 0px
|
|
225
|
-
public static let DtSpace100 = 1px
|
|
226
|
-
public static let DtSpace200 = 2px
|
|
227
|
-
public static let DtSpace300 = 4px
|
|
228
|
-
public static let DtSpace400 = 8px
|
|
229
|
-
public static let DtSpace500 = 16px
|
|
230
|
-
public static let DtSpace600 = 32px
|
|
231
|
-
public static let DtSpace700 = 64px
|
|
232
|
-
public static let DtSpace800 = 128px
|
|
233
|
-
public static let DtSpaceBase = 8px
|
|
234
|
-
public static let DtTokenSetOrder0 = base
|
|
235
|
-
public static let DtTokenSetOrder1 = semantic
|
|
236
|
-
public static let DtTokenSetOrder2 = components/foo
|
|
237
|
-
public static let DtTokenSetOrder3 = components/bar
|
|
238
|
-
public static let DtTypographyBodyBaseFontFamily = SF Pro
|
|
239
|
-
public static let DtTypographyBodyBaseFontSize = 15px
|
|
240
|
-
public static let DtTypographyBodyBaseFontWeight = Regular
|
|
241
|
-
public static let DtTypographyBodyBaseLineHeight = 160%
|
|
242
|
-
public static let DtTypographyBodyCompactBaseFontFamily = SF Pro
|
|
243
|
-
public static let DtTypographyBodyCompactBaseFontSize = 15px
|
|
244
|
-
public static let DtTypographyBodyCompactBaseFontWeight = Regular
|
|
245
|
-
public static let DtTypographyBodyCompactBaseLineHeight = 140%
|
|
246
|
-
public static let DtTypographyBodyCompactSmallFontFamily = SF Pro
|
|
247
|
-
public static let DtTypographyBodyCompactSmallFontSize = 12px
|
|
248
|
-
public static let DtTypographyBodyCompactSmallFontWeight = Regular
|
|
249
|
-
public static let DtTypographyBodyCompactSmallLineHeight = 120%
|
|
250
|
-
public static let DtTypographyBodySmallFontFamily = SF Pro
|
|
251
|
-
public static let DtTypographyBodySmallFontSize = 12px
|
|
252
|
-
public static let DtTypographyBodySmallFontWeight = Regular
|
|
253
|
-
public static let DtTypographyBodySmallLineHeight = 140%
|
|
254
|
-
public static let DtTypographyCodeBaseFontFamily = SF Mono
|
|
255
|
-
public static let DtTypographyCodeBaseFontSize = 15px
|
|
256
|
-
public static let DtTypographyCodeBaseFontWeight = Regular
|
|
257
|
-
public static let DtTypographyCodeBaseLineHeight = 120%
|
|
258
|
-
public static let DtTypographyCodeSmallFontFamily = SF Mono
|
|
259
|
-
public static let DtTypographyCodeSmallFontSize = 12px
|
|
260
|
-
public static let DtTypographyCodeSmallFontWeight = Regular
|
|
261
|
-
public static let DtTypographyCodeSmallLineHeight = 120%
|
|
262
|
-
public static let DtTypographyHeadlineCompactBaseFontFamily = SF Pro
|
|
263
|
-
public static let DtTypographyHeadlineCompactBaseFontSize = 15px
|
|
264
|
-
public static let DtTypographyHeadlineCompactBaseFontWeight = Bold
|
|
265
|
-
public static let DtTypographyHeadlineCompactBaseLineHeight = 140%
|
|
266
|
-
public static let DtTypographyHeadlineCompactSmallFontFamily = SF Pro
|
|
267
|
-
public static let DtTypographyHeadlineCompactSmallFontSize = 12px
|
|
268
|
-
public static let DtTypographyHeadlineCompactSmallFontWeight = Bold
|
|
269
|
-
public static let DtTypographyHeadlineCompactSmallLineHeight = 120%
|
|
270
|
-
public static let DtTypographyHeadlineExtraExtraLargeFontFamily = SF Pro
|
|
271
|
-
public static let DtTypographyHeadlineExtraExtraLargeFontSize = 38px
|
|
272
|
-
public static let DtTypographyHeadlineExtraExtraLargeFontWeight = Medium
|
|
273
|
-
public static let DtTypographyHeadlineExtraExtraLargeLineHeight = 120%
|
|
274
|
-
public static let DtTypographyHeadlineExtraLargeFontFamily = SF Pro
|
|
275
|
-
public static let DtTypographyHeadlineExtraLargeFontSize = 27px
|
|
276
|
-
public static let DtTypographyHeadlineExtraLargeFontWeight = Medium
|
|
277
|
-
public static let DtTypographyHeadlineExtraLargeLineHeight = 120%
|
|
278
|
-
public static let DtTypographyHeadlineEyebrowFontFamily = SF Pro
|
|
279
|
-
public static let DtTypographyHeadlineEyebrowFontSize = 12px
|
|
280
|
-
public static let DtTypographyHeadlineEyebrowFontWeight = Regular
|
|
281
|
-
public static let DtTypographyHeadlineEyebrowLineHeight = 140%
|
|
282
|
-
public static let DtTypographyHeadlineEyebrowTextCase = uppercase
|
|
283
|
-
public static let DtTypographyHeadlineLargeFontFamily = SF Pro
|
|
284
|
-
public static let DtTypographyHeadlineLargeFontSize = 19px
|
|
285
|
-
public static let DtTypographyHeadlineLargeFontWeight = Bold
|
|
286
|
-
public static let DtTypographyHeadlineLargeLineHeight = 160%
|
|
287
|
-
public static let DtTypographyHeadlineMediumFontFamily = SF Pro
|
|
288
|
-
public static let DtTypographyHeadlineMediumFontSize = 15px
|
|
289
|
-
public static let DtTypographyHeadlineMediumFontWeight = Bold
|
|
290
|
-
public static let DtTypographyHeadlineMediumLineHeight = 160%
|
|
291
|
-
public static let DtTypographyHeadlineSmallFontFamily = SF Pro
|
|
292
|
-
public static let DtTypographyHeadlineSmallFontSize = 12px
|
|
293
|
-
public static let DtTypographyHeadlineSmallFontWeight = Bold
|
|
294
|
-
public static let DtTypographyHeadlineSmallLineHeight = 140%
|
|
295
|
-
public static let DtTypographyHelperBaseFontFamily = SF Pro
|
|
296
|
-
public static let DtTypographyHelperBaseFontSize = 15px
|
|
297
|
-
public static let DtTypographyHelperBaseFontWeight = Regular
|
|
298
|
-
public static let DtTypographyHelperBaseLineHeight = 140%
|
|
299
|
-
public static let DtTypographyHelperSmallFontFamily = SF Pro
|
|
300
|
-
public static let DtTypographyHelperSmallFontSize = 12px
|
|
301
|
-
public static let DtTypographyHelperSmallFontWeight = Regular
|
|
302
|
-
public static let DtTypographyHelperSmallLineHeight = 120%
|
|
303
|
-
public static let DtTypographyLabelBaseFontFamily = SF Pro
|
|
304
|
-
public static let DtTypographyLabelBaseFontSize = 15px
|
|
305
|
-
public static let DtTypographyLabelBaseFontWeight = Semibold
|
|
306
|
-
public static let DtTypographyLabelBaseLineHeight = 160%
|
|
307
|
-
public static let DtTypographyLabelCompactBaseFontFamily = SF Pro
|
|
308
|
-
public static let DtTypographyLabelCompactBaseFontSize = 15px
|
|
309
|
-
public static let DtTypographyLabelCompactBaseFontWeight = Semibold
|
|
310
|
-
public static let DtTypographyLabelCompactBaseLineHeight = 140%
|
|
311
|
-
public static let DtTypographyLabelCompactPlainBaseFontFamily = SF Pro
|
|
312
|
-
public static let DtTypographyLabelCompactPlainBaseFontSize = 15px
|
|
313
|
-
public static let DtTypographyLabelCompactPlainBaseFontWeight = Regular
|
|
314
|
-
public static let DtTypographyLabelCompactPlainBaseLineHeight = 140%
|
|
315
|
-
public static let DtTypographyLabelCompactPlainSmallFontFamily = SF Pro
|
|
316
|
-
public static let DtTypographyLabelCompactPlainSmallFontSize = 12px
|
|
317
|
-
public static let DtTypographyLabelCompactPlainSmallFontWeight = Regular
|
|
318
|
-
public static let DtTypographyLabelCompactPlainSmallLineHeight = 120%
|
|
319
|
-
public static let DtTypographyLabelCompactSmallFontFamily = SF Pro
|
|
320
|
-
public static let DtTypographyLabelCompactSmallFontSize = 12px
|
|
321
|
-
public static let DtTypographyLabelCompactSmallFontWeight = Semibold
|
|
322
|
-
public static let DtTypographyLabelCompactSmallLineHeight = 120%
|
|
323
|
-
public static let DtTypographyLabelPlainBaseFontFamily = SF Pro
|
|
324
|
-
public static let DtTypographyLabelPlainBaseFontSize = 15px
|
|
325
|
-
public static let DtTypographyLabelPlainBaseFontWeight = Regular
|
|
326
|
-
public static let DtTypographyLabelPlainBaseLineHeight = 160%
|
|
327
|
-
public static let DtTypographyLabelPlainSmallFontFamily = SF Pro
|
|
328
|
-
public static let DtTypographyLabelPlainSmallFontSize = 12px
|
|
329
|
-
public static let DtTypographyLabelPlainSmallFontWeight = Regular
|
|
330
|
-
public static let DtTypographyLabelPlainSmallLineHeight = 140%
|
|
331
|
-
public static let DtTypographyLabelSmallFontFamily = SF Pro
|
|
332
|
-
public static let DtTypographyLabelSmallFontSize = 12px
|
|
333
|
-
public static let DtTypographyLabelSmallFontWeight = Semibold
|
|
334
|
-
public static let DtTypographyLabelSmallLineHeight = 140%
|
|
335
|
-
}
|