@dialpad/dialtone-tokens 1.1.2 → 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 +7 -3
- package/dist/android/dimens.xml +26 -23
- package/dist/android/tokens.kt +338 -0
- package/dist/css/variables.css +67 -56
- package/dist/ios/tokens.swift +336 -0
- package/dist/less/variables.less +67 -56
- package/dist/tokens.json +66 -55
- package/package.json +2 -2
- package/dist/ios/dialtone.swift +0 -329
|
@@ -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,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu,
|
|
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;
|
|
7
|
-
@dt-token-set-order-2: components/
|
|
8
|
-
@dt-token-set-order-3: components/
|
|
7
|
+
@dt-token-set-order-2: components/foo;
|
|
8
|
+
@dt-token-set-order-3: components/bar;
|
|
9
9
|
@dt-button-color-background-default: transparent;
|
|
10
10
|
@dt-button-color-background-primary: #7C52FF;
|
|
11
11
|
@dt-button-color-background-danger: #FF2E2E;
|
|
@@ -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;
|
|
@@ -55,6 +56,11 @@
|
|
|
55
56
|
@dt-color-surface-bold: #bbbbbb;
|
|
56
57
|
@dt-color-surface-strong: #555555;
|
|
57
58
|
@dt-color-surface-contrast: #222222;
|
|
59
|
+
@dt-color-surface-error: #ffdcdc;
|
|
60
|
+
@dt-color-surface-warning: #ffe793;
|
|
61
|
+
@dt-color-surface-success: #ddf4d9;
|
|
62
|
+
@dt-color-neutral-white: #ffffff;
|
|
63
|
+
@dt-color-neutral-black: #000000;
|
|
58
64
|
@dt-color-black-100: #f9f9f9;
|
|
59
65
|
@dt-color-black-200: #e9e9e9;
|
|
60
66
|
@dt-color-black-300: #d2d2d2;
|
|
@@ -100,45 +106,6 @@
|
|
|
100
106
|
@dt-color-tan-300: #87807b;
|
|
101
107
|
@dt-color-tan-400: #3f3d3c;
|
|
102
108
|
@dt-color-tan-500: #121212;
|
|
103
|
-
@dt-color-neutral-white: #ffffff;
|
|
104
|
-
@dt-color-neutral-black: #000000;
|
|
105
|
-
@dt-opacity-0: 0;
|
|
106
|
-
@dt-opacity-100: 0.05;
|
|
107
|
-
@dt-opacity-200: 0.1;
|
|
108
|
-
@dt-opacity-300: 0.2;
|
|
109
|
-
@dt-opacity-400: 0.25;
|
|
110
|
-
@dt-opacity-500: 0.3;
|
|
111
|
-
@dt-opacity-600: 0.4;
|
|
112
|
-
@dt-opacity-700: 0.5;
|
|
113
|
-
@dt-opacity-800: 0.6;
|
|
114
|
-
@dt-opacity-900: 0.7;
|
|
115
|
-
@dt-opacity-1000: 0.75;
|
|
116
|
-
@dt-opacity-1100: 0.8;
|
|
117
|
-
@dt-opacity-1200: 0.9;
|
|
118
|
-
@dt-opacity-1300: 1;
|
|
119
|
-
@dt-font-family-body: SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
120
|
-
@dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
121
|
-
@dt-font-family-mono: SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
122
|
-
@dt-font-size-100: 1.2rem;
|
|
123
|
-
@dt-font-size-200: 1.5rem;
|
|
124
|
-
@dt-font-size-300: 1.9rem;
|
|
125
|
-
@dt-font-size-400: 2.7rem;
|
|
126
|
-
@dt-font-size-500: 3.8rem;
|
|
127
|
-
@dt-font-size-root: 1rem;
|
|
128
|
-
@dt-font-line-height-100: 100%;
|
|
129
|
-
@dt-font-line-height-200: 120%;
|
|
130
|
-
@dt-font-line-height-300: 140%;
|
|
131
|
-
@dt-font-line-height-400: 160%;
|
|
132
|
-
@dt-font-line-height-500: 180%;
|
|
133
|
-
@dt-font-line-height-600: 200%;
|
|
134
|
-
@dt-font-weight-normal: 400;
|
|
135
|
-
@dt-font-weight-medium: 500;
|
|
136
|
-
@dt-font-weight-semi-bold: 600;
|
|
137
|
-
@dt-font-weight-bold: 700;
|
|
138
|
-
@dt-font-text-case-uppercase: uppercase;
|
|
139
|
-
@dt-font-text-case-lowercase: lowercase;
|
|
140
|
-
@dt-font-text-case-capitalize: capitalize;
|
|
141
|
-
@dt-font-text-case-none: none;
|
|
142
109
|
@dt-typography-body-small-font-family: SF Pro;
|
|
143
110
|
@dt-typography-body-small-font-weight: 400;
|
|
144
111
|
@dt-typography-body-small-line-height: 140%;
|
|
@@ -172,14 +139,6 @@
|
|
|
172
139
|
@dt-typography-headline-large-font-weight: 700;
|
|
173
140
|
@dt-typography-headline-large-line-height: 160%;
|
|
174
141
|
@dt-typography-headline-large-font-size: 1.9rem;
|
|
175
|
-
@dt-typography-headline-extra-large-font-family: SF Pro;
|
|
176
|
-
@dt-typography-headline-extra-large-font-weight: 500;
|
|
177
|
-
@dt-typography-headline-extra-large-line-height: 120%;
|
|
178
|
-
@dt-typography-headline-extra-large-font-size: 2.7rem;
|
|
179
|
-
@dt-typography-headline-extra-extra-large-font-family: SF Pro;
|
|
180
|
-
@dt-typography-headline-extra-extra-large-font-weight: 500;
|
|
181
|
-
@dt-typography-headline-extra-extra-large-line-height: 120%;
|
|
182
|
-
@dt-typography-headline-extra-extra-large-font-size: 3.8rem;
|
|
183
142
|
@dt-typography-headline-compact-small-font-family: SF Pro;
|
|
184
143
|
@dt-typography-headline-compact-small-font-weight: 700;
|
|
185
144
|
@dt-typography-headline-compact-small-line-height: 120%;
|
|
@@ -188,6 +147,18 @@
|
|
|
188
147
|
@dt-typography-headline-compact-base-font-weight: 700;
|
|
189
148
|
@dt-typography-headline-compact-base-line-height: 140%;
|
|
190
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;
|
|
191
162
|
@dt-typography-label-small-font-family: SF Pro;
|
|
192
163
|
@dt-typography-label-small-font-weight: 600;
|
|
193
164
|
@dt-typography-label-small-line-height: 140%;
|
|
@@ -245,7 +216,14 @@
|
|
|
245
216
|
@dt-size-600: 3.2rem;
|
|
246
217
|
@dt-size-700: 6.4rem;
|
|
247
218
|
@dt-size-800: 12.8rem;
|
|
248
|
-
@dt-size-
|
|
219
|
+
@dt-size-icon-100: 1.2rem;
|
|
220
|
+
@dt-size-icon-200: 1.4rem;
|
|
221
|
+
@dt-size-icon-300: 1.8rem;
|
|
222
|
+
@dt-size-icon-400: 2rem;
|
|
223
|
+
@dt-size-icon-500: 2.4rem;
|
|
224
|
+
@dt-size-icon-600: 3.2rem;
|
|
225
|
+
@dt-size-icon-700: 3.8rem;
|
|
226
|
+
@dt-size-icon-800: 4.8rem;
|
|
249
227
|
@dt-size-border-0: 0;
|
|
250
228
|
@dt-size-border-100: 0.1rem;
|
|
251
229
|
@dt-size-border-200: 0.2rem;
|
|
@@ -255,17 +233,50 @@
|
|
|
255
233
|
@dt-size-border-icon-300: 0.15rem;
|
|
256
234
|
@dt-size-border-icon-400: 0.175rem;
|
|
257
235
|
@dt-size-border-icon-500: 0.175rem;
|
|
236
|
+
@dt-size-base: 0.8rem;
|
|
258
237
|
@dt-size-radius-0: 0;
|
|
259
238
|
@dt-size-radius-100: 0.1rem;
|
|
260
239
|
@dt-size-radius-200: 0.2rem;
|
|
261
240
|
@dt-size-radius-300: 0.4rem;
|
|
262
241
|
@dt-size-radius-400: 0.8rem;
|
|
263
242
|
@dt-size-radius-500: 3.2rem;
|
|
264
|
-
@dt-
|
|
265
|
-
@dt-
|
|
266
|
-
@dt-
|
|
267
|
-
@dt-
|
|
268
|
-
@dt-
|
|
243
|
+
@dt-opacity-0: 0;
|
|
244
|
+
@dt-opacity-100: 0.05;
|
|
245
|
+
@dt-opacity-200: 0.1;
|
|
246
|
+
@dt-opacity-300: 0.2;
|
|
247
|
+
@dt-opacity-400: 0.25;
|
|
248
|
+
@dt-opacity-500: 0.3;
|
|
249
|
+
@dt-opacity-600: 0.4;
|
|
250
|
+
@dt-opacity-700: 0.5;
|
|
251
|
+
@dt-opacity-800: 0.6;
|
|
252
|
+
@dt-opacity-900: 0.7;
|
|
253
|
+
@dt-opacity-1000: 0.75;
|
|
254
|
+
@dt-opacity-1100: 0.8;
|
|
255
|
+
@dt-opacity-1200: 0.9;
|
|
256
|
+
@dt-opacity-1300: 1;
|
|
257
|
+
@dt-font-family-body: "SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
258
|
+
@dt-font-family-expressive: "Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
259
|
+
@dt-font-family-mono: "SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace";
|
|
260
|
+
@dt-font-size-100: 1.2rem;
|
|
261
|
+
@dt-font-size-200: 1.5rem;
|
|
262
|
+
@dt-font-size-300: 1.9rem;
|
|
263
|
+
@dt-font-size-400: 2.7rem;
|
|
264
|
+
@dt-font-size-500: 3.8rem;
|
|
265
|
+
@dt-font-size-root: 1rem;
|
|
266
|
+
@dt-font-line-height-100: 100%;
|
|
267
|
+
@dt-font-line-height-200: 120%;
|
|
268
|
+
@dt-font-line-height-300: 140%;
|
|
269
|
+
@dt-font-line-height-400: 160%;
|
|
270
|
+
@dt-font-line-height-500: 180%;
|
|
271
|
+
@dt-font-line-height-600: 200%;
|
|
272
|
+
@dt-font-weight-normal: 400;
|
|
273
|
+
@dt-font-weight-medium: 500;
|
|
274
|
+
@dt-font-weight-semi-bold: 600;
|
|
275
|
+
@dt-font-weight-bold: 700;
|
|
276
|
+
@dt-font-text-case-uppercase: uppercase;
|
|
277
|
+
@dt-font-text-case-lowercase: lowercase;
|
|
278
|
+
@dt-font-text-case-capitalize: capitalize;
|
|
279
|
+
@dt-font-text-case-none: none;
|
|
269
280
|
@dt-space-0: 0px;
|
|
270
281
|
@dt-space-100: 1px;
|
|
271
282
|
@dt-space-200: 2px;
|