@dialpad/dialtone-tokens 1.3.2 → 1.3.3
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 +54 -9
- package/dist/android/colors.xml +2 -1
- package/dist/android/dimens.xml +8 -5
- package/dist/android/tokens.kt +149 -137
- 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/README.md
CHANGED
|
@@ -1,45 +1,90 @@
|
|
|
1
1
|
# Design Tokens for Dialtone
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
**This repository is in development and NOT currently ready for use.**
|
|
4
4
|
|
|
5
5
|
Design tokens for Dialpad's design system Dialtone and everything related to building and publishing them.
|
|
6
6
|
|
|
7
7
|
Design tokens are all the defined values that are part of the design system, such as color, spacing, typography, and more. The goal is to store design tokens as JSON and output and publish them to many different formats (CSS, LESS, Android, iOS, etc) upon build.
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## Usage
|
|
10
10
|
|
|
11
11
|
To use Dialtone Tokens in your project:
|
|
12
12
|
|
|
13
|
+
### Web (npm)
|
|
14
|
+
|
|
15
|
+
#### Install Dependency
|
|
13
16
|
```
|
|
14
17
|
npm install @dialpad/dialtone-tokens
|
|
15
18
|
```
|
|
16
19
|
|
|
17
|
-
#### CSS
|
|
20
|
+
#### Import CSS Tokens
|
|
18
21
|
|
|
19
22
|
```
|
|
20
23
|
@import "node_modules/@dialpad/dialtone/css/variables.css";
|
|
21
24
|
```
|
|
22
25
|
|
|
23
|
-
####
|
|
26
|
+
#### Use CSS Token
|
|
27
|
+
|
|
28
|
+
```
|
|
29
|
+
.my-css-class {
|
|
30
|
+
color: var(--dt-color-purple-200)
|
|
31
|
+
}
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
Or
|
|
35
|
+
|
|
36
|
+
#### Import LESS Tokens
|
|
24
37
|
|
|
25
38
|
```
|
|
26
39
|
@import "node_modules/@dialpad/dialtone/less/variables.less";
|
|
27
40
|
```
|
|
28
41
|
|
|
29
|
-
####
|
|
42
|
+
#### Use LESS Token
|
|
30
43
|
|
|
31
44
|
```
|
|
32
|
-
|
|
45
|
+
.my-css-class {
|
|
46
|
+
color: @dt-color-purple-200
|
|
47
|
+
}
|
|
33
48
|
```
|
|
34
49
|
|
|
35
|
-
|
|
50
|
+
### iOS (swift)
|
|
36
51
|
|
|
52
|
+
1. Within your XCode project `File > Swift Packages > Add Package Dependency`
|
|
53
|
+
2. Enter repository url: `https://github.com/dialpad/dialtone-tokens-swift`
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
### Android (compose/xml)
|
|
57
|
+
|
|
58
|
+
#### pom.xml
|
|
37
59
|
```
|
|
38
|
-
|
|
60
|
+
<dependency>
|
|
61
|
+
<groupId>design.dialpad.tokens</groupId>
|
|
62
|
+
<artifactId>dialtone-tokens</artifactId>
|
|
63
|
+
<version>1.2.0</version>
|
|
64
|
+
</dependency>
|
|
39
65
|
```
|
|
40
66
|
|
|
67
|
+
#### Install Dependency
|
|
68
|
+
|
|
69
|
+
```
|
|
70
|
+
mvn install
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
<!-- #### Import Compose Tokens
|
|
74
|
+
|
|
75
|
+
```
|
|
76
|
+
import design.dialpad.DialtoneTokens;
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
#### Use Compose Token
|
|
80
|
+
|
|
81
|
+
```
|
|
82
|
+
DialtoneTokens.dtColorPurple200
|
|
83
|
+
``` -->
|
|
84
|
+
|
|
85
|
+
|
|
41
86
|
|
|
42
|
-
|
|
87
|
+
## Quick Start for Contributors
|
|
43
88
|
|
|
44
89
|
1. clone repo
|
|
45
90
|
2. `npm install`
|
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 Fri, 14 Oct 2022 22:14:14 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<color name="dt_button_color_background_default">transparent</color>
|
|
@@ -79,6 +79,7 @@
|
|
|
79
79
|
<color name="dt_color_tan_300">#ff87807b</color>
|
|
80
80
|
<color name="dt_color_tan_400">#ff3f3d3c</color>
|
|
81
81
|
<color name="dt_color_tan_500">#ff121212</color>
|
|
82
|
+
<color name="dt_color_gradient_magenta_purple">#ff000000</color>
|
|
82
83
|
<color name="dt_opacity_0">0</color>
|
|
83
84
|
<color name="dt_opacity_100">0.05</color>
|
|
84
85
|
<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 Fri, 14 Oct 2022 22:14:14 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<dimen name="dt_button_border_radius_extra_small">7px</dimen>
|
|
@@ -57,6 +57,9 @@
|
|
|
57
57
|
<dimen name="dt_size_border_icon_300">24.00dp</dimen>
|
|
58
58
|
<dimen name="dt_size_border_icon_400">28.00dp</dimen>
|
|
59
59
|
<dimen name="dt_size_border_icon_500">28.00dp</dimen>
|
|
60
|
+
<dimen name="dt_size_border_icon_600">40.00dp</dimen>
|
|
61
|
+
<dimen name="dt_size_border_icon_700">44.00dp</dimen>
|
|
62
|
+
<dimen name="dt_size_border_icon_800">56.00dp</dimen>
|
|
60
63
|
<dimen name="dt_size_base">128.00dp</dimen>
|
|
61
64
|
<dimen name="dt_size_radius_0">0.00dp</dimen>
|
|
62
65
|
<dimen name="dt_size_radius_100">16.00dp</dimen>
|
|
@@ -76,10 +79,10 @@
|
|
|
76
79
|
<dimen name="dt_font_line_height_400">160%</dimen>
|
|
77
80
|
<dimen name="dt_font_line_height_500">180%</dimen>
|
|
78
81
|
<dimen name="dt_font_line_height_600">200%</dimen>
|
|
79
|
-
<dimen name="dt_font_weight_normal">
|
|
80
|
-
<dimen name="dt_font_weight_medium">
|
|
81
|
-
<dimen name="dt_font_weight_semi_bold">
|
|
82
|
-
<dimen name="dt_font_weight_bold">
|
|
82
|
+
<dimen name="dt_font_weight_normal">400</dimen>
|
|
83
|
+
<dimen name="dt_font_weight_medium">500</dimen>
|
|
84
|
+
<dimen name="dt_font_weight_semi_bold">600</dimen>
|
|
85
|
+
<dimen name="dt_font_weight_bold">700</dimen>
|
|
83
86
|
<dimen name="dt_space_0">0px</dimen>
|
|
84
87
|
<dimen name="dt_space_100">1px</dimen>
|
|
85
88
|
<dimen name="dt_space_200">2px</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 Fri, 14 Oct 2022 22:14:14 GMT
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -12,38 +12,38 @@ import androidx.compose.ui.graphics.Color
|
|
|
12
12
|
import androidx.compose.ui.unit.*
|
|
13
13
|
|
|
14
14
|
object DialtoneTokens {
|
|
15
|
-
val dtButtonBorderRadiusExtraLarge =
|
|
16
|
-
val dtButtonBorderRadiusExtraSmall =
|
|
17
|
-
val dtButtonBorderRadiusLarge =
|
|
18
|
-
val dtButtonBorderRadiusMedium =
|
|
19
|
-
val dtButtonBorderRadiusSmall =
|
|
15
|
+
val dtButtonBorderRadiusExtraLarge = 10.dp
|
|
16
|
+
val dtButtonBorderRadiusExtraSmall = 7.dp
|
|
17
|
+
val dtButtonBorderRadiusLarge = 9.dp
|
|
18
|
+
val dtButtonBorderRadiusMedium = 8.dp
|
|
19
|
+
val dtButtonBorderRadiusSmall = 7.5.dp
|
|
20
20
|
val dtButtonColorBackgroundDanger = Color(0xff2e2eff)
|
|
21
21
|
val dtButtonColorBackgroundDefault = Color(0x00000000)
|
|
22
22
|
val dtButtonColorBackgroundPrimary = Color(0x7c52ffff)
|
|
23
23
|
val dtButtonColorTextDanger = Color(0xffffffff)
|
|
24
24
|
val dtButtonColorTextDefault = Color(0x7c52ffff)
|
|
25
25
|
val dtButtonColorTextPrimary = Color(0xffffffff)
|
|
26
|
-
val dtButtonFontSizeExtraLarge =
|
|
27
|
-
val dtButtonFontSizeExtraSmall =
|
|
28
|
-
val dtButtonFontSizeLarge =
|
|
29
|
-
val dtButtonFontSizeMedium =
|
|
30
|
-
val dtButtonFontSizeSmall =
|
|
26
|
+
val dtButtonFontSizeExtraLarge = 27.sp
|
|
27
|
+
val dtButtonFontSizeExtraSmall = 12.sp
|
|
28
|
+
val dtButtonFontSizeLarge = 19.sp
|
|
29
|
+
val dtButtonFontSizeMedium = 15.sp
|
|
30
|
+
val dtButtonFontSizeSmall = 12.sp
|
|
31
31
|
val dtButtonLineHeightSizeExtraLarge = 1.6
|
|
32
32
|
val dtButtonLineHeightSizeExtraSmall = 1.2
|
|
33
33
|
val dtButtonLineHeightSizeLarge = 1.6
|
|
34
34
|
val dtButtonLineHeightSizeMedium = 1.4
|
|
35
35
|
val dtButtonLineHeightSizeSmall = 1.4
|
|
36
|
-
val dtButtonPaddingHorizontalExtraLarge =
|
|
37
|
-
val dtButtonPaddingHorizontalExtraSmall =
|
|
38
|
-
val dtButtonPaddingHorizontalLarge =
|
|
39
|
-
val dtButtonPaddingHorizontalMedium =
|
|
40
|
-
val dtButtonPaddingHorizontalSmall =
|
|
41
|
-
val dtButtonPaddingVerticalExtraLarge =
|
|
42
|
-
val dtButtonPaddingVerticalExtraSmall =
|
|
43
|
-
val dtButtonPaddingVerticalLarge =
|
|
44
|
-
val dtButtonPaddingVerticalMedium =
|
|
45
|
-
val dtButtonPaddingVerticalSmall =
|
|
46
|
-
val dtButtonSpaceGap =
|
|
36
|
+
val dtButtonPaddingHorizontalExtraLarge = 15.sp
|
|
37
|
+
val dtButtonPaddingHorizontalExtraSmall = 15.sp
|
|
38
|
+
val dtButtonPaddingHorizontalLarge = 63.sp
|
|
39
|
+
val dtButtonPaddingHorizontalMedium = 15.sp
|
|
40
|
+
val dtButtonPaddingHorizontalSmall = 15.sp
|
|
41
|
+
val dtButtonPaddingVerticalExtraLarge = 31.sp
|
|
42
|
+
val dtButtonPaddingVerticalExtraSmall = 13.sp
|
|
43
|
+
val dtButtonPaddingVerticalLarge = 31.sp
|
|
44
|
+
val dtButtonPaddingVerticalMedium = 15.sp
|
|
45
|
+
val dtButtonPaddingVerticalSmall = 13.sp
|
|
46
|
+
val dtButtonSpaceGap = 16.sp
|
|
47
47
|
val dtColorBlack100 = Color(0xf9f9f9ff)
|
|
48
48
|
val dtColorBlack200 = Color(0xe9e9e9ff)
|
|
49
49
|
val dtColorBlack300 = Color(0xd2d2d2ff)
|
|
@@ -63,6 +63,7 @@ object DialtoneTokens {
|
|
|
63
63
|
val dtColorGold300 = Color(0xf6ab3cff)
|
|
64
64
|
val dtColorGold400 = Color(0xd28f2bff)
|
|
65
65
|
val dtColorGold500 = Color(0x815008ff)
|
|
66
|
+
val dtColorGradientMagentaPurple = Color(0x000000ff)
|
|
66
67
|
val dtColorGreen100 = Color(0xddf4d9ff)
|
|
67
68
|
val dtColorGreen200 = Color(0x9fff90ff)
|
|
68
69
|
val dtColorGreen300 = Color(0x45f777ff)
|
|
@@ -121,20 +122,20 @@ object DialtoneTokens {
|
|
|
121
122
|
val dtFontLineHeight400 = 1.6
|
|
122
123
|
val dtFontLineHeight500 = 1.8
|
|
123
124
|
val dtFontLineHeight600 = 2
|
|
124
|
-
val dtFontSize100 =
|
|
125
|
-
val dtFontSize200 =
|
|
126
|
-
val dtFontSize300 =
|
|
127
|
-
val dtFontSize400 =
|
|
128
|
-
val dtFontSize500 =
|
|
129
|
-
val dtFontSizeRoot =
|
|
125
|
+
val dtFontSize100 = 12.sp
|
|
126
|
+
val dtFontSize200 = 15.sp
|
|
127
|
+
val dtFontSize300 = 19.sp
|
|
128
|
+
val dtFontSize400 = 27.sp
|
|
129
|
+
val dtFontSize500 = 38.sp
|
|
130
|
+
val dtFontSizeRoot = 10.sp
|
|
130
131
|
val dtFontTextCaseCapitalize = "capitalize"
|
|
131
132
|
val dtFontTextCaseLowercase = "lowercase"
|
|
132
133
|
val dtFontTextCaseNone = "none"
|
|
133
134
|
val dtFontTextCaseUppercase = "uppercase"
|
|
134
|
-
val dtFontWeightBold = "
|
|
135
|
-
val dtFontWeightMedium = "
|
|
136
|
-
val dtFontWeightNormal = "
|
|
137
|
-
val dtFontWeightSemiBold = "
|
|
135
|
+
val dtFontWeightBold = "700"
|
|
136
|
+
val dtFontWeightMedium = "500"
|
|
137
|
+
val dtFontWeightNormal = "400"
|
|
138
|
+
val dtFontWeightSemiBold = "600"
|
|
138
139
|
val dtOpacity0 = 0
|
|
139
140
|
val dtOpacity100 = 0.05
|
|
140
141
|
val dtOpacity1000 = 0.75
|
|
@@ -149,190 +150,201 @@ object DialtoneTokens {
|
|
|
149
150
|
val dtOpacity700 = 0.5
|
|
150
151
|
val dtOpacity800 = 0.6
|
|
151
152
|
val dtOpacity900 = 0.7
|
|
152
|
-
val dtShadowCard0Blur =
|
|
153
|
+
val dtShadowCard0Blur = 2.dp
|
|
153
154
|
val dtShadowCard0Color = Color(0x00000008)
|
|
154
155
|
val dtShadowCard0Spread = 0
|
|
155
156
|
val dtShadowCard0Type = "dropShadow"
|
|
156
157
|
val dtShadowCard0X = 0
|
|
157
|
-
val dtShadowCard0Y =
|
|
158
|
-
val dtShadowCard1Blur =
|
|
158
|
+
val dtShadowCard0Y = 1.dp
|
|
159
|
+
val dtShadowCard1Blur = 4.dp
|
|
159
160
|
val dtShadowCard1Color = Color(0x0000000a)
|
|
160
161
|
val dtShadowCard1Spread = 0
|
|
161
162
|
val dtShadowCard1Type = "dropShadow"
|
|
162
163
|
val dtShadowCard1X = 0
|
|
163
|
-
val dtShadowCard1Y =
|
|
164
|
-
val dtShadowCard2Blur =
|
|
164
|
+
val dtShadowCard1Y = 2.dp
|
|
165
|
+
val dtShadowCard2Blur = 16.dp
|
|
165
166
|
val dtShadowCard2Color = Color(0x00000014)
|
|
166
167
|
val dtShadowCard2Spread = 0
|
|
167
168
|
val dtShadowCard2Type = "dropShadow"
|
|
168
169
|
val dtShadowCard2X = 0
|
|
169
|
-
val dtShadowCard2Y =
|
|
170
|
-
val dtShadowExtraLarge0Blur =
|
|
170
|
+
val dtShadowCard2Y = 2.dp
|
|
171
|
+
val dtShadowExtraLarge0Blur = 32.dp
|
|
171
172
|
val dtShadowExtraLarge0Color = Color(0x0000004d)
|
|
172
173
|
val dtShadowExtraLarge0Spread = 0
|
|
173
174
|
val dtShadowExtraLarge0Type = "dropShadow"
|
|
174
175
|
val dtShadowExtraLarge0X = 0
|
|
175
|
-
val dtShadowExtraLarge0Y =
|
|
176
|
-
val dtShadowLarge0Blur =
|
|
176
|
+
val dtShadowExtraLarge0Y = 2.dp
|
|
177
|
+
val dtShadowLarge0Blur = 16.dp
|
|
177
178
|
val dtShadowLarge0Color = Color(0x0000004d)
|
|
178
179
|
val dtShadowLarge0Spread = 0
|
|
179
180
|
val dtShadowLarge0Type = "dropShadow"
|
|
180
181
|
val dtShadowLarge0X = 0
|
|
181
|
-
val dtShadowLarge0Y =
|
|
182
|
-
val dtShadowMedium0Blur =
|
|
182
|
+
val dtShadowLarge0Y = 2.dp
|
|
183
|
+
val dtShadowMedium0Blur = 8.dp
|
|
183
184
|
val dtShadowMedium0Color = Color(0x00000040)
|
|
184
185
|
val dtShadowMedium0Spread = 0
|
|
185
186
|
val dtShadowMedium0Type = "dropShadow"
|
|
186
187
|
val dtShadowMedium0X = 0
|
|
187
|
-
val dtShadowMedium0Y =
|
|
188
|
-
val dtShadowSmall0Blur =
|
|
188
|
+
val dtShadowMedium0Y = 2.dp
|
|
189
|
+
val dtShadowSmall0Blur = 4.dp
|
|
189
190
|
val dtShadowSmall0Color = Color(0x00000026)
|
|
190
191
|
val dtShadowSmall0Spread = 0
|
|
191
192
|
val dtShadowSmall0Type = "dropShadow"
|
|
192
193
|
val dtShadowSmall0X = 0
|
|
193
|
-
val dtShadowSmall0Y =
|
|
194
|
+
val dtShadowSmall0Y = 2.dp
|
|
194
195
|
val dtSize0 = 0
|
|
195
|
-
val dtSize100 =
|
|
196
|
-
val dtSize200 =
|
|
197
|
-
val dtSize300 =
|
|
198
|
-
val dtSize400 =
|
|
199
|
-
val dtSize500 =
|
|
200
|
-
val dtSize600 =
|
|
201
|
-
val dtSize700 =
|
|
202
|
-
val dtSize800 =
|
|
203
|
-
val dtSizeBase =
|
|
196
|
+
val dtSize100 = 1.dp
|
|
197
|
+
val dtSize200 = 2.dp
|
|
198
|
+
val dtSize300 = 4.dp
|
|
199
|
+
val dtSize400 = 8.dp
|
|
200
|
+
val dtSize500 = 16.dp
|
|
201
|
+
val dtSize600 = 32.dp
|
|
202
|
+
val dtSize700 = 64.dp
|
|
203
|
+
val dtSize800 = 128.dp
|
|
204
|
+
val dtSizeBase = 8.dp
|
|
204
205
|
val dtSizeBorder0 = 0
|
|
205
|
-
val dtSizeBorder100 =
|
|
206
|
-
val dtSizeBorder200 =
|
|
207
|
-
val dtSizeBorder300 =
|
|
208
|
-
val dtSizeBorderIcon100 =
|
|
209
|
-
val dtSizeBorderIcon200 =
|
|
210
|
-
val dtSizeBorderIcon300 =
|
|
211
|
-
val dtSizeBorderIcon400 =
|
|
212
|
-
val dtSizeBorderIcon500 =
|
|
213
|
-
val
|
|
214
|
-
val
|
|
215
|
-
val
|
|
216
|
-
val
|
|
217
|
-
val
|
|
218
|
-
val
|
|
219
|
-
val
|
|
220
|
-
val
|
|
206
|
+
val dtSizeBorder100 = 1.dp
|
|
207
|
+
val dtSizeBorder200 = 2.dp
|
|
208
|
+
val dtSizeBorder300 = 4.dp
|
|
209
|
+
val dtSizeBorderIcon100 = 1.dp
|
|
210
|
+
val dtSizeBorderIcon200 = 1.25.dp
|
|
211
|
+
val dtSizeBorderIcon300 = 1.5.dp
|
|
212
|
+
val dtSizeBorderIcon400 = 1.75.dp
|
|
213
|
+
val dtSizeBorderIcon500 = 1.75.dp
|
|
214
|
+
val dtSizeBorderIcon600 = 2.5.dp
|
|
215
|
+
val dtSizeBorderIcon700 = 2.75.dp
|
|
216
|
+
val dtSizeBorderIcon800 = 3.5.dp
|
|
217
|
+
val dtSizeIcon100 = 12.dp
|
|
218
|
+
val dtSizeIcon200 = 14.dp
|
|
219
|
+
val dtSizeIcon300 = 18.dp
|
|
220
|
+
val dtSizeIcon400 = 20.dp
|
|
221
|
+
val dtSizeIcon500 = 24.dp
|
|
222
|
+
val dtSizeIcon600 = 32.dp
|
|
223
|
+
val dtSizeIcon700 = 38.dp
|
|
224
|
+
val dtSizeIcon800 = 48.dp
|
|
221
225
|
val dtSizeRadius0 = 0
|
|
222
|
-
val dtSizeRadius100 =
|
|
223
|
-
val dtSizeRadius200 =
|
|
224
|
-
val dtSizeRadius300 =
|
|
225
|
-
val dtSizeRadius400 =
|
|
226
|
-
val dtSizeRadius500 =
|
|
226
|
+
val dtSizeRadius100 = 1.dp
|
|
227
|
+
val dtSizeRadius200 = 2.dp
|
|
228
|
+
val dtSizeRadius300 = 4.dp
|
|
229
|
+
val dtSizeRadius400 = 8.dp
|
|
230
|
+
val dtSizeRadius500 = 32.dp
|
|
227
231
|
val dtSpace0 = 0
|
|
228
|
-
val dtSpace100 =
|
|
229
|
-
val dtSpace200 =
|
|
230
|
-
val dtSpace300 =
|
|
231
|
-
val dtSpace400 =
|
|
232
|
-
val dtSpace500 =
|
|
233
|
-
val dtSpace600 =
|
|
234
|
-
val dtSpace700 =
|
|
235
|
-
val dtSpace800 =
|
|
236
|
-
val dtSpaceBase =
|
|
232
|
+
val dtSpace100 = 1.sp
|
|
233
|
+
val dtSpace200 = 2.sp
|
|
234
|
+
val dtSpace300 = 4.sp
|
|
235
|
+
val dtSpace400 = 8.sp
|
|
236
|
+
val dtSpace500 = 16.sp
|
|
237
|
+
val dtSpace600 = 32.sp
|
|
238
|
+
val dtSpace700 = 64.sp
|
|
239
|
+
val dtSpace800 = 128.sp
|
|
240
|
+
val dtSpaceBase = 8.sp
|
|
237
241
|
val dtTypographyBodyBaseFontFamily = "SF Pro"
|
|
238
|
-
val dtTypographyBodyBaseFontSize =
|
|
239
|
-
val dtTypographyBodyBaseFontWeight = "
|
|
242
|
+
val dtTypographyBodyBaseFontSize = 15.sp
|
|
243
|
+
val dtTypographyBodyBaseFontWeight = "400"
|
|
240
244
|
val dtTypographyBodyBaseLineHeight = 1.6
|
|
241
245
|
val dtTypographyBodyCompactBaseFontFamily = "SF Pro"
|
|
242
|
-
val dtTypographyBodyCompactBaseFontSize =
|
|
243
|
-
val dtTypographyBodyCompactBaseFontWeight = "
|
|
246
|
+
val dtTypographyBodyCompactBaseFontSize = 15.sp
|
|
247
|
+
val dtTypographyBodyCompactBaseFontWeight = "400"
|
|
244
248
|
val dtTypographyBodyCompactBaseLineHeight = 1.4
|
|
245
249
|
val dtTypographyBodyCompactSmallFontFamily = "SF Pro"
|
|
246
|
-
val dtTypographyBodyCompactSmallFontSize =
|
|
247
|
-
val dtTypographyBodyCompactSmallFontWeight = "
|
|
250
|
+
val dtTypographyBodyCompactSmallFontSize = 12.sp
|
|
251
|
+
val dtTypographyBodyCompactSmallFontWeight = "400"
|
|
248
252
|
val dtTypographyBodyCompactSmallLineHeight = 1.2
|
|
249
253
|
val dtTypographyBodySmallFontFamily = "SF Pro"
|
|
250
|
-
val dtTypographyBodySmallFontSize =
|
|
251
|
-
val dtTypographyBodySmallFontWeight = "
|
|
254
|
+
val dtTypographyBodySmallFontSize = 12.sp
|
|
255
|
+
val dtTypographyBodySmallFontWeight = "400"
|
|
252
256
|
val dtTypographyBodySmallLineHeight = 1.4
|
|
253
257
|
val dtTypographyCodeBaseFontFamily = "SF Mono"
|
|
254
|
-
val dtTypographyCodeBaseFontSize =
|
|
255
|
-
val dtTypographyCodeBaseFontWeight = "
|
|
258
|
+
val dtTypographyCodeBaseFontSize = 15.sp
|
|
259
|
+
val dtTypographyCodeBaseFontWeight = "400"
|
|
256
260
|
val dtTypographyCodeBaseLineHeight = 1.2
|
|
257
261
|
val dtTypographyCodeSmallFontFamily = "SF Mono"
|
|
258
|
-
val dtTypographyCodeSmallFontSize =
|
|
259
|
-
val dtTypographyCodeSmallFontWeight = "
|
|
262
|
+
val dtTypographyCodeSmallFontSize = 12.sp
|
|
263
|
+
val dtTypographyCodeSmallFontWeight = "400"
|
|
260
264
|
val dtTypographyCodeSmallLineHeight = 1.2
|
|
261
|
-
val dtTypographyHeadlineCompactBaseFontFamily = "SF Pro"
|
|
262
|
-
val dtTypographyHeadlineCompactBaseFontSize = 0.05859375.sp
|
|
263
|
-
val dtTypographyHeadlineCompactBaseFontWeight = "Bold"
|
|
264
|
-
val dtTypographyHeadlineCompactBaseLineHeight = 1.4
|
|
265
265
|
val dtTypographyHeadlineCompactLargeFontFamily = "SF Pro"
|
|
266
|
-
val dtTypographyHeadlineCompactLargeFontSize =
|
|
267
|
-
val dtTypographyHeadlineCompactLargeFontWeight = "
|
|
266
|
+
val dtTypographyHeadlineCompactLargeFontSize = 19.sp
|
|
267
|
+
val dtTypographyHeadlineCompactLargeFontWeight = "700"
|
|
268
268
|
val dtTypographyHeadlineCompactLargeLineHeight = 1.2
|
|
269
|
+
val dtTypographyHeadlineCompactMediumFontFamily = "SF Pro"
|
|
270
|
+
val dtTypographyHeadlineCompactMediumFontSize = 15.sp
|
|
271
|
+
val dtTypographyHeadlineCompactMediumFontWeight = "700"
|
|
272
|
+
val dtTypographyHeadlineCompactMediumLineHeight = 1.4
|
|
269
273
|
val dtTypographyHeadlineCompactSmallFontFamily = "SF Pro"
|
|
270
|
-
val dtTypographyHeadlineCompactSmallFontSize =
|
|
271
|
-
val dtTypographyHeadlineCompactSmallFontWeight = "
|
|
274
|
+
val dtTypographyHeadlineCompactSmallFontSize = 12.sp
|
|
275
|
+
val dtTypographyHeadlineCompactSmallFontWeight = "700"
|
|
272
276
|
val dtTypographyHeadlineCompactSmallLineHeight = 1.2
|
|
277
|
+
val dtTypographyHeadlineCompactSoftSmallFontFamily = "SF Pro"
|
|
278
|
+
val dtTypographyHeadlineCompactSoftSmallFontSize = 12.sp
|
|
279
|
+
val dtTypographyHeadlineCompactSoftSmallFontWeight = "500"
|
|
280
|
+
val dtTypographyHeadlineCompactSoftSmallLineHeight = 1.2
|
|
273
281
|
val dtTypographyHeadlineExtraExtraLargeFontFamily = "SF Pro"
|
|
274
|
-
val dtTypographyHeadlineExtraExtraLargeFontSize =
|
|
275
|
-
val dtTypographyHeadlineExtraExtraLargeFontWeight = "
|
|
282
|
+
val dtTypographyHeadlineExtraExtraLargeFontSize = 38.sp
|
|
283
|
+
val dtTypographyHeadlineExtraExtraLargeFontWeight = "500"
|
|
276
284
|
val dtTypographyHeadlineExtraExtraLargeLineHeight = 1.2
|
|
277
285
|
val dtTypographyHeadlineExtraLargeFontFamily = "SF Pro"
|
|
278
|
-
val dtTypographyHeadlineExtraLargeFontSize =
|
|
279
|
-
val dtTypographyHeadlineExtraLargeFontWeight = "
|
|
286
|
+
val dtTypographyHeadlineExtraLargeFontSize = 27.sp
|
|
287
|
+
val dtTypographyHeadlineExtraLargeFontWeight = "500"
|
|
280
288
|
val dtTypographyHeadlineExtraLargeLineHeight = 1.2
|
|
281
289
|
val dtTypographyHeadlineEyebrowFontFamily = "SF Pro"
|
|
282
|
-
val dtTypographyHeadlineEyebrowFontSize =
|
|
283
|
-
val dtTypographyHeadlineEyebrowFontWeight = "
|
|
290
|
+
val dtTypographyHeadlineEyebrowFontSize = 12.sp
|
|
291
|
+
val dtTypographyHeadlineEyebrowFontWeight = "400"
|
|
284
292
|
val dtTypographyHeadlineEyebrowLineHeight = 1.4
|
|
285
293
|
val dtTypographyHeadlineEyebrowTextCase = "uppercase"
|
|
286
294
|
val dtTypographyHeadlineLargeFontFamily = "SF Pro"
|
|
287
|
-
val dtTypographyHeadlineLargeFontSize =
|
|
288
|
-
val dtTypographyHeadlineLargeFontWeight = "
|
|
295
|
+
val dtTypographyHeadlineLargeFontSize = 19.sp
|
|
296
|
+
val dtTypographyHeadlineLargeFontWeight = "700"
|
|
289
297
|
val dtTypographyHeadlineLargeLineHeight = 1.6
|
|
290
298
|
val dtTypographyHeadlineMediumFontFamily = "SF Pro"
|
|
291
|
-
val dtTypographyHeadlineMediumFontSize =
|
|
292
|
-
val dtTypographyHeadlineMediumFontWeight = "
|
|
299
|
+
val dtTypographyHeadlineMediumFontSize = 15.sp
|
|
300
|
+
val dtTypographyHeadlineMediumFontWeight = "700"
|
|
293
301
|
val dtTypographyHeadlineMediumLineHeight = 1.6
|
|
294
302
|
val dtTypographyHeadlineSmallFontFamily = "SF Pro"
|
|
295
|
-
val dtTypographyHeadlineSmallFontSize =
|
|
296
|
-
val dtTypographyHeadlineSmallFontWeight = "
|
|
303
|
+
val dtTypographyHeadlineSmallFontSize = 12.sp
|
|
304
|
+
val dtTypographyHeadlineSmallFontWeight = "700"
|
|
297
305
|
val dtTypographyHeadlineSmallLineHeight = 1.4
|
|
306
|
+
val dtTypographyHeadlineSoftSmallFontFamily = "SF Pro"
|
|
307
|
+
val dtTypographyHeadlineSoftSmallFontSize = 12.sp
|
|
308
|
+
val dtTypographyHeadlineSoftSmallFontWeight = "500"
|
|
309
|
+
val dtTypographyHeadlineSoftSmallLineHeight = 1.4
|
|
298
310
|
val dtTypographyHelperBaseFontFamily = "SF Pro"
|
|
299
|
-
val dtTypographyHelperBaseFontSize =
|
|
300
|
-
val dtTypographyHelperBaseFontWeight = "
|
|
311
|
+
val dtTypographyHelperBaseFontSize = 15.sp
|
|
312
|
+
val dtTypographyHelperBaseFontWeight = "400"
|
|
301
313
|
val dtTypographyHelperBaseLineHeight = 1.4
|
|
302
314
|
val dtTypographyHelperSmallFontFamily = "SF Pro"
|
|
303
|
-
val dtTypographyHelperSmallFontSize =
|
|
304
|
-
val dtTypographyHelperSmallFontWeight = "
|
|
315
|
+
val dtTypographyHelperSmallFontSize = 12.sp
|
|
316
|
+
val dtTypographyHelperSmallFontWeight = "400"
|
|
305
317
|
val dtTypographyHelperSmallLineHeight = 1.2
|
|
306
318
|
val dtTypographyLabelBaseFontFamily = "SF Pro"
|
|
307
|
-
val dtTypographyLabelBaseFontSize =
|
|
308
|
-
val dtTypographyLabelBaseFontWeight = "
|
|
319
|
+
val dtTypographyLabelBaseFontSize = 15.sp
|
|
320
|
+
val dtTypographyLabelBaseFontWeight = "600"
|
|
309
321
|
val dtTypographyLabelBaseLineHeight = 1.6
|
|
310
322
|
val dtTypographyLabelCompactBaseFontFamily = "SF Pro"
|
|
311
|
-
val dtTypographyLabelCompactBaseFontSize =
|
|
312
|
-
val dtTypographyLabelCompactBaseFontWeight = "
|
|
323
|
+
val dtTypographyLabelCompactBaseFontSize = 15.sp
|
|
324
|
+
val dtTypographyLabelCompactBaseFontWeight = "600"
|
|
313
325
|
val dtTypographyLabelCompactBaseLineHeight = 1.4
|
|
314
326
|
val dtTypographyLabelCompactPlainBaseFontFamily = "SF Pro"
|
|
315
|
-
val dtTypographyLabelCompactPlainBaseFontSize =
|
|
316
|
-
val dtTypographyLabelCompactPlainBaseFontWeight = "
|
|
327
|
+
val dtTypographyLabelCompactPlainBaseFontSize = 15.sp
|
|
328
|
+
val dtTypographyLabelCompactPlainBaseFontWeight = "400"
|
|
317
329
|
val dtTypographyLabelCompactPlainBaseLineHeight = 1.4
|
|
318
330
|
val dtTypographyLabelCompactPlainSmallFontFamily = "SF Pro"
|
|
319
|
-
val dtTypographyLabelCompactPlainSmallFontSize =
|
|
320
|
-
val dtTypographyLabelCompactPlainSmallFontWeight = "
|
|
331
|
+
val dtTypographyLabelCompactPlainSmallFontSize = 12.sp
|
|
332
|
+
val dtTypographyLabelCompactPlainSmallFontWeight = "400"
|
|
321
333
|
val dtTypographyLabelCompactPlainSmallLineHeight = 1.2
|
|
322
334
|
val dtTypographyLabelCompactSmallFontFamily = "SF Pro"
|
|
323
|
-
val dtTypographyLabelCompactSmallFontSize =
|
|
324
|
-
val dtTypographyLabelCompactSmallFontWeight = "
|
|
335
|
+
val dtTypographyLabelCompactSmallFontSize = 12.sp
|
|
336
|
+
val dtTypographyLabelCompactSmallFontWeight = "600"
|
|
325
337
|
val dtTypographyLabelCompactSmallLineHeight = 1.2
|
|
326
338
|
val dtTypographyLabelPlainBaseFontFamily = "SF Pro"
|
|
327
|
-
val dtTypographyLabelPlainBaseFontSize =
|
|
328
|
-
val dtTypographyLabelPlainBaseFontWeight = "
|
|
339
|
+
val dtTypographyLabelPlainBaseFontSize = 15.sp
|
|
340
|
+
val dtTypographyLabelPlainBaseFontWeight = "400"
|
|
329
341
|
val dtTypographyLabelPlainBaseLineHeight = 1.6
|
|
330
342
|
val dtTypographyLabelPlainSmallFontFamily = "SF Pro"
|
|
331
|
-
val dtTypographyLabelPlainSmallFontSize =
|
|
332
|
-
val dtTypographyLabelPlainSmallFontWeight = "
|
|
343
|
+
val dtTypographyLabelPlainSmallFontSize = 12.sp
|
|
344
|
+
val dtTypographyLabelPlainSmallFontWeight = "400"
|
|
333
345
|
val dtTypographyLabelPlainSmallLineHeight = 1.4
|
|
334
346
|
val dtTypographyLabelSmallFontFamily = "SF Pro"
|
|
335
|
-
val dtTypographyLabelSmallFontSize =
|
|
336
|
-
val dtTypographyLabelSmallFontWeight = "
|
|
347
|
+
val dtTypographyLabelSmallFontSize = 12.sp
|
|
348
|
+
val dtTypographyLabelSmallFontWeight = "600"
|
|
337
349
|
val dtTypographyLabelSmallLineHeight = 1.4
|
|
338
350
|
}
|
package/dist/css/variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 14 Oct 2022 22:14:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -108,6 +108,7 @@
|
|
|
108
108
|
--dt-color-tan-300: #87807b;
|
|
109
109
|
--dt-color-tan-400: #3f3d3c;
|
|
110
110
|
--dt-color-tan-500: #121212;
|
|
111
|
+
--dt-color-gradient-magenta-purple: #000000;
|
|
111
112
|
--dt-typography-body-small-font-family: SF Pro;
|
|
112
113
|
--dt-typography-body-small-font-weight: 400;
|
|
113
114
|
--dt-typography-body-small-line-height: 140%;
|
|
@@ -141,18 +142,6 @@
|
|
|
141
142
|
--dt-typography-headline-large-font-weight: 700;
|
|
142
143
|
--dt-typography-headline-large-line-height: 160%;
|
|
143
144
|
--dt-typography-headline-large-font-size: 1.9rem;
|
|
144
|
-
--dt-typography-headline-compact-small-font-family: SF Pro;
|
|
145
|
-
--dt-typography-headline-compact-small-font-weight: 700;
|
|
146
|
-
--dt-typography-headline-compact-small-line-height: 120%;
|
|
147
|
-
--dt-typography-headline-compact-small-font-size: 1.2rem;
|
|
148
|
-
--dt-typography-headline-compact-base-font-family: SF Pro;
|
|
149
|
-
--dt-typography-headline-compact-base-font-weight: 700;
|
|
150
|
-
--dt-typography-headline-compact-base-line-height: 140%;
|
|
151
|
-
--dt-typography-headline-compact-base-font-size: 1.5rem;
|
|
152
|
-
--dt-typography-headline-compact-large-font-family: SF Pro;
|
|
153
|
-
--dt-typography-headline-compact-large-font-weight: 700;
|
|
154
|
-
--dt-typography-headline-compact-large-line-height: 120%;
|
|
155
|
-
--dt-typography-headline-compact-large-font-size: 1.9rem;
|
|
156
145
|
--dt-typography-headline-extra-large-font-family: SF Pro;
|
|
157
146
|
--dt-typography-headline-extra-large-font-weight: 500;
|
|
158
147
|
--dt-typography-headline-extra-large-line-height: 120%;
|
|
@@ -161,6 +150,26 @@
|
|
|
161
150
|
--dt-typography-headline-extra-extra-large-font-weight: 500;
|
|
162
151
|
--dt-typography-headline-extra-extra-large-line-height: 120%;
|
|
163
152
|
--dt-typography-headline-extra-extra-large-font-size: 3.8rem;
|
|
153
|
+
--dt-typography-headline-soft-small-font-family: SF Pro;
|
|
154
|
+
--dt-typography-headline-soft-small-font-weight: 500;
|
|
155
|
+
--dt-typography-headline-soft-small-line-height: 140%;
|
|
156
|
+
--dt-typography-headline-soft-small-font-size: 1.2rem;
|
|
157
|
+
--dt-typography-headline-compact-small-font-family: SF Pro;
|
|
158
|
+
--dt-typography-headline-compact-small-font-weight: 700;
|
|
159
|
+
--dt-typography-headline-compact-small-line-height: 120%;
|
|
160
|
+
--dt-typography-headline-compact-small-font-size: 1.2rem;
|
|
161
|
+
--dt-typography-headline-compact-medium-font-family: SF Pro;
|
|
162
|
+
--dt-typography-headline-compact-medium-font-weight: 700;
|
|
163
|
+
--dt-typography-headline-compact-medium-line-height: 140%;
|
|
164
|
+
--dt-typography-headline-compact-medium-font-size: 1.5rem;
|
|
165
|
+
--dt-typography-headline-compact-large-font-family: SF Pro;
|
|
166
|
+
--dt-typography-headline-compact-large-font-weight: 700;
|
|
167
|
+
--dt-typography-headline-compact-large-line-height: 120%;
|
|
168
|
+
--dt-typography-headline-compact-large-font-size: 1.9rem;
|
|
169
|
+
--dt-typography-headline-compact-soft-small-font-family: SF Pro;
|
|
170
|
+
--dt-typography-headline-compact-soft-small-font-weight: 500;
|
|
171
|
+
--dt-typography-headline-compact-soft-small-line-height: 120%;
|
|
172
|
+
--dt-typography-headline-compact-soft-small-font-size: 1.2rem;
|
|
164
173
|
--dt-typography-label-small-font-family: SF Pro;
|
|
165
174
|
--dt-typography-label-small-font-weight: 600;
|
|
166
175
|
--dt-typography-label-small-line-height: 140%;
|
|
@@ -235,6 +244,9 @@
|
|
|
235
244
|
--dt-size-border-icon-300: 0.15rem;
|
|
236
245
|
--dt-size-border-icon-400: 0.175rem;
|
|
237
246
|
--dt-size-border-icon-500: 0.175rem;
|
|
247
|
+
--dt-size-border-icon-600: 0.25rem;
|
|
248
|
+
--dt-size-border-icon-700: 0.275rem;
|
|
249
|
+
--dt-size-border-icon-800: 0.35rem;
|
|
238
250
|
--dt-size-base: 0.8rem;
|
|
239
251
|
--dt-size-radius-0: 0rem;
|
|
240
252
|
--dt-size-radius-100: 0.1rem;
|
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 Fri, 14 Oct 2022 22:14:14 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 Fri, 14 Oct 2022 22:14:14 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",
|