@dialpad/dialtone-tokens 1.4.2 → 1.5.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/java/tokens.kt +98 -95
- package/dist/android/res/values/colors.xml +25 -24
- package/dist/android/res/values/dimens.xml +4 -2
- package/dist/css/variables.css +28 -25
- package/dist/doc.json +6146 -0
- package/dist/ios/tokens.swift +59 -56
- package/dist/less/variables.less +28 -25
- package/dist/tokens.json +28 -25
- package/package.json +1 -1
package/dist/ios/tokens.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Tue,
|
|
7
|
+
// Generated on Tue, 24 Jan 2023 20:55:26 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -15,7 +15,7 @@ public enum DialtoneTokens {
|
|
|
15
15
|
public static let dtButtonBorderRadiusLarge = CGFloat(9.00)
|
|
16
16
|
public static let dtButtonBorderRadiusMedium = CGFloat(8.00)
|
|
17
17
|
public static let dtButtonBorderRadiusSmall = CGFloat(7.50)
|
|
18
|
-
public static let dtButtonColorBackgroundDanger = UIColor(red:
|
|
18
|
+
public static let dtButtonColorBackgroundDanger = UIColor(red: 0.925, green: 0.055, blue: 0.055, 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)
|
|
@@ -51,64 +51,65 @@ public enum DialtoneTokens {
|
|
|
51
51
|
public static let dtColorBlack700 = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
52
52
|
public static let dtColorBlack800 = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 1)
|
|
53
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.
|
|
55
|
-
public static let dtColorBlue200 = UIColor(red: 0.
|
|
54
|
+
public static let dtColorBlue100 = UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)
|
|
55
|
+
public static let dtColorBlue200 = UIColor(red: 0.600, green: 0.784, blue: 1.000, alpha: 1)
|
|
56
56
|
public static let dtColorBlue300 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
57
57
|
public static let dtColorBlue400 = UIColor(red: 0.090, green: 0.408, blue: 0.776, alpha: 1)
|
|
58
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.
|
|
60
|
-
public static let dtColorGold200 = UIColor(red: 1.000, green: 0.
|
|
59
|
+
public static let dtColorGold100 = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
60
|
+
public static let dtColorGold200 = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
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
64
|
public static let dtColorGradientMagentaPurple = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
65
|
-
public static let dtColorGreen100 = UIColor(red: 0.
|
|
66
|
-
public static let dtColorGreen200 = UIColor(red: 0.
|
|
65
|
+
public static let dtColorGreen100 = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
|
|
66
|
+
public static let dtColorGreen200 = UIColor(red: 0.690, green: 1.000, blue: 0.639, alpha: 1)
|
|
67
67
|
public static let dtColorGreen300 = UIColor(red: 0.271, green: 0.969, blue: 0.467, alpha: 1)
|
|
68
68
|
public static let dtColorGreen400 = UIColor(red: 0.102, green: 0.639, blue: 0.251, alpha: 1)
|
|
69
69
|
public static let dtColorGreen500 = UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)
|
|
70
|
-
public static let dtColorMagenta100 = UIColor(red: 1.000, green: 0.
|
|
71
|
-
public static let dtColorMagenta200 = UIColor(red: 0.
|
|
70
|
+
public static let dtColorMagenta100 = UIColor(red: 1.000, green: 0.878, blue: 0.949, alpha: 1)
|
|
71
|
+
public static let dtColorMagenta200 = UIColor(red: 0.976, green: 0.522, blue: 0.780, alpha: 1)
|
|
72
72
|
public static let dtColorMagenta300 = UIColor(red: 0.976, green: 0.000, blue: 0.557, alpha: 1)
|
|
73
73
|
public static let dtColorMagenta400 = UIColor(red: 0.549, green: 0.055, blue: 0.337, alpha: 1)
|
|
74
74
|
public static let dtColorMagenta500 = UIColor(red: 0.329, green: 0.102, blue: 0.231, alpha: 1)
|
|
75
75
|
public static let dtColorNeutralBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
76
76
|
public static let dtColorNeutralWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
77
|
-
public static let dtColorPurple100 = UIColor(red: 0.
|
|
78
|
-
public static let dtColorPurple200 = UIColor(red: 0.
|
|
77
|
+
public static let dtColorPurple100 = UIColor(red: 0.961, green: 0.941, blue: 1.000, alpha: 1)
|
|
78
|
+
public static let dtColorPurple200 = UIColor(red: 0.855, green: 0.780, blue: 1.000, alpha: 1)
|
|
79
79
|
public static let dtColorPurple300 = UIColor(red: 0.671, green: 0.494, blue: 1.000, alpha: 1)
|
|
80
80
|
public static let dtColorPurple400 = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
81
81
|
public static let dtColorPurple500 = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
82
82
|
public static let dtColorPurple600 = UIColor(red: 0.063, green: 0.008, blue: 0.173, alpha: 1)
|
|
83
|
-
public static let dtColorRed100 = UIColor(red: 1.000, green: 0.
|
|
84
|
-
public static let dtColorRed200 = UIColor(red: 1.000, green: 0.
|
|
85
|
-
public static let dtColorRed300 = UIColor(red:
|
|
86
|
-
public static let dtColorRed400 = UIColor(red: 0.
|
|
87
|
-
public static let dtColorRed500 = UIColor(red: 0.
|
|
83
|
+
public static let dtColorRed100 = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
84
|
+
public static let dtColorRed200 = UIColor(red: 1.000, green: 0.522, blue: 0.522, alpha: 1)
|
|
85
|
+
public static let dtColorRed300 = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
|
|
86
|
+
public static let dtColorRed400 = UIColor(red: 0.718, green: 0.043, blue: 0.043, alpha: 1)
|
|
87
|
+
public static let dtColorRed500 = UIColor(red: 0.357, green: 0.020, blue: 0.020, alpha: 1)
|
|
88
88
|
public static let dtColorSurfaceBold = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
89
89
|
public static let dtColorSurfaceContrast = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 1)
|
|
90
|
-
public static let
|
|
90
|
+
public static let dtColorSurfaceCritical = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
91
|
+
public static let dtColorSurfaceInfo = UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)
|
|
91
92
|
public static let dtColorSurfaceModerate = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
|
|
92
93
|
public static let dtColorSurfacePrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
93
94
|
public static let dtColorSurfaceSecondary = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
94
95
|
public static let dtColorSurfaceStrong = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
95
|
-
public static let dtColorSurfaceSuccess = UIColor(red: 0.
|
|
96
|
-
public static let dtColorSurfaceWarning = UIColor(red: 1.000, green: 0.
|
|
96
|
+
public static let dtColorSurfaceSuccess = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
|
|
97
|
+
public static let dtColorSurfaceWarning = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
97
98
|
public static let dtColorTan100 = UIColor(red: 0.949, green: 0.941, blue: 0.933, alpha: 1)
|
|
98
99
|
public static let dtColorTan200 = UIColor(red: 0.808, green: 0.784, blue: 0.769, alpha: 1)
|
|
99
100
|
public static let dtColorTan300 = UIColor(red: 0.529, green: 0.502, blue: 0.482, alpha: 1)
|
|
100
101
|
public static let dtColorTan400 = UIColor(red: 0.247, green: 0.239, blue: 0.235, alpha: 1)
|
|
101
102
|
public static let dtColorTan500 = UIColor(red: 0.071, green: 0.071, blue: 0.071, alpha: 1)
|
|
103
|
+
public static let dtColorTextCritical = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
|
|
102
104
|
public static let dtColorTextDisabled = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
103
|
-
public static let
|
|
105
|
+
public static let dtColorTextInvertedPrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
106
|
+
public static let dtColorTextInvertedSecondary = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
|
|
104
107
|
public static let dtColorTextLinkPrimary = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
105
108
|
public static let dtColorTextMuted = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.5019607843137255)
|
|
106
|
-
public static let dtColorTextOnDarkPrimary = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
107
|
-
public static let dtColorTextOnDarkSecondary = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
108
109
|
public static let dtColorTextPlaceholder = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
109
110
|
public static let dtColorTextPrimary = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
110
111
|
public static let dtColorTextSecondary = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
111
|
-
public static let dtColorTextSuccess = UIColor(red: 0.
|
|
112
|
+
public static let dtColorTextSuccess = UIColor(red: 0.102, green: 0.639, blue: 0.251, alpha: 1)
|
|
112
113
|
public static let dtColorTextTertiary = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
113
114
|
public static let dtColorTextWarning = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
114
115
|
public static let dtFontFamilyBody = "-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"
|
|
@@ -130,10 +131,10 @@ public enum DialtoneTokens {
|
|
|
130
131
|
public static let dtFontTextCaseLowercase = "lowercase"
|
|
131
132
|
public static let dtFontTextCaseNone = "none"
|
|
132
133
|
public static let dtFontTextCaseUppercase = "uppercase"
|
|
133
|
-
public static let dtFontWeightBold =
|
|
134
|
-
public static let dtFontWeightMedium =
|
|
135
|
-
public static let dtFontWeightNormal =
|
|
136
|
-
public static let dtFontWeightSemiBold =
|
|
134
|
+
public static let dtFontWeightBold = 700
|
|
135
|
+
public static let dtFontWeightMedium = 500
|
|
136
|
+
public static let dtFontWeightNormal = 400
|
|
137
|
+
public static let dtFontWeightSemiBold = 600
|
|
137
138
|
public static let dtOpacity0 = CGFloat(0.00)
|
|
138
139
|
public static let dtOpacity100 = CGFloat(0.05)
|
|
139
140
|
public static let dtOpacity1000 = CGFloat(0.75)
|
|
@@ -204,6 +205,7 @@ public enum DialtoneTokens {
|
|
|
204
205
|
public static let dtSizeBorder100 = CGFloat(1.00)
|
|
205
206
|
public static let dtSizeBorder200 = CGFloat(2.00)
|
|
206
207
|
public static let dtSizeBorder300 = CGFloat(4.00)
|
|
208
|
+
public static let dtSizeBorder400 = CGFloat(8.00)
|
|
207
209
|
public static let dtSizeBorderIcon100 = CGFloat(1.00)
|
|
208
210
|
public static let dtSizeBorderIcon200 = CGFloat(1.25)
|
|
209
211
|
public static let dtSizeBorderIcon300 = CGFloat(1.50)
|
|
@@ -225,7 +227,8 @@ public enum DialtoneTokens {
|
|
|
225
227
|
public static let dtSizeRadius200 = CGFloat(2.00)
|
|
226
228
|
public static let dtSizeRadius300 = CGFloat(4.00)
|
|
227
229
|
public static let dtSizeRadius400 = CGFloat(8.00)
|
|
228
|
-
public static let dtSizeRadius500 = CGFloat(
|
|
230
|
+
public static let dtSizeRadius500 = CGFloat(16.00)
|
|
231
|
+
public static let dtSizeRadius600 = CGFloat(32.00)
|
|
229
232
|
public static let dtSpace0 = CGFloat(0.00)
|
|
230
233
|
public static let dtSpace100 = CGFloat(1.00)
|
|
231
234
|
public static let dtSpace200 = CGFloat(2.00)
|
|
@@ -238,111 +241,111 @@ public enum DialtoneTokens {
|
|
|
238
241
|
public static let dtSpaceBase = CGFloat(8.00)
|
|
239
242
|
public static let dtTypographyBodyBaseFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
240
243
|
public static let dtTypographyBodyBaseFontSize = CGFloat(15.00)
|
|
241
|
-
public static let dtTypographyBodyBaseFontWeight =
|
|
244
|
+
public static let dtTypographyBodyBaseFontWeight = 400
|
|
242
245
|
public static let dtTypographyBodyBaseLineHeight = CGFloat(160.00)
|
|
243
246
|
public static let dtTypographyBodyCompactBaseFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
244
247
|
public static let dtTypographyBodyCompactBaseFontSize = CGFloat(15.00)
|
|
245
|
-
public static let dtTypographyBodyCompactBaseFontWeight =
|
|
248
|
+
public static let dtTypographyBodyCompactBaseFontWeight = 400
|
|
246
249
|
public static let dtTypographyBodyCompactBaseLineHeight = CGFloat(140.00)
|
|
247
250
|
public static let dtTypographyBodyCompactSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
248
251
|
public static let dtTypographyBodyCompactSmallFontSize = CGFloat(12.00)
|
|
249
|
-
public static let dtTypographyBodyCompactSmallFontWeight =
|
|
252
|
+
public static let dtTypographyBodyCompactSmallFontWeight = 400
|
|
250
253
|
public static let dtTypographyBodyCompactSmallLineHeight = CGFloat(120.00)
|
|
251
254
|
public static let dtTypographyBodySmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
252
255
|
public static let dtTypographyBodySmallFontSize = CGFloat(12.00)
|
|
253
|
-
public static let dtTypographyBodySmallFontWeight =
|
|
256
|
+
public static let dtTypographyBodySmallFontWeight = 400
|
|
254
257
|
public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
|
|
255
258
|
public static let dtTypographyCodeBaseFontFamily = SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace
|
|
256
259
|
public static let dtTypographyCodeBaseFontSize = CGFloat(15.00)
|
|
257
|
-
public static let dtTypographyCodeBaseFontWeight =
|
|
260
|
+
public static let dtTypographyCodeBaseFontWeight = 400
|
|
258
261
|
public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
|
|
259
262
|
public static let dtTypographyCodeSmallFontFamily = SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace
|
|
260
263
|
public static let dtTypographyCodeSmallFontSize = CGFloat(12.00)
|
|
261
|
-
public static let dtTypographyCodeSmallFontWeight =
|
|
264
|
+
public static let dtTypographyCodeSmallFontWeight = 400
|
|
262
265
|
public static let dtTypographyCodeSmallLineHeight = CGFloat(120.00)
|
|
263
266
|
public static let dtTypographyHeadlineCompactLargeFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
264
267
|
public static let dtTypographyHeadlineCompactLargeFontSize = CGFloat(19.00)
|
|
265
|
-
public static let dtTypographyHeadlineCompactLargeFontWeight =
|
|
268
|
+
public static let dtTypographyHeadlineCompactLargeFontWeight = 700
|
|
266
269
|
public static let dtTypographyHeadlineCompactLargeLineHeight = CGFloat(120.00)
|
|
267
270
|
public static let dtTypographyHeadlineCompactMediumFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
268
271
|
public static let dtTypographyHeadlineCompactMediumFontSize = CGFloat(15.00)
|
|
269
|
-
public static let dtTypographyHeadlineCompactMediumFontWeight =
|
|
272
|
+
public static let dtTypographyHeadlineCompactMediumFontWeight = 700
|
|
270
273
|
public static let dtTypographyHeadlineCompactMediumLineHeight = CGFloat(140.00)
|
|
271
274
|
public static let dtTypographyHeadlineCompactSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
272
275
|
public static let dtTypographyHeadlineCompactSmallFontSize = CGFloat(12.00)
|
|
273
|
-
public static let dtTypographyHeadlineCompactSmallFontWeight =
|
|
276
|
+
public static let dtTypographyHeadlineCompactSmallFontWeight = 700
|
|
274
277
|
public static let dtTypographyHeadlineCompactSmallLineHeight = CGFloat(120.00)
|
|
275
278
|
public static let dtTypographyHeadlineCompactSoftSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
276
279
|
public static let dtTypographyHeadlineCompactSoftSmallFontSize = CGFloat(12.00)
|
|
277
|
-
public static let dtTypographyHeadlineCompactSoftSmallFontWeight =
|
|
280
|
+
public static let dtTypographyHeadlineCompactSoftSmallFontWeight = 500
|
|
278
281
|
public static let dtTypographyHeadlineCompactSoftSmallLineHeight = CGFloat(120.00)
|
|
279
282
|
public static let dtTypographyHeadlineExtraExtraLargeFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
280
283
|
public static let dtTypographyHeadlineExtraExtraLargeFontSize = CGFloat(38.00)
|
|
281
|
-
public static let dtTypographyHeadlineExtraExtraLargeFontWeight =
|
|
284
|
+
public static let dtTypographyHeadlineExtraExtraLargeFontWeight = 500
|
|
282
285
|
public static let dtTypographyHeadlineExtraExtraLargeLineHeight = CGFloat(120.00)
|
|
283
286
|
public static let dtTypographyHeadlineExtraLargeFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
284
287
|
public static let dtTypographyHeadlineExtraLargeFontSize = CGFloat(27.00)
|
|
285
|
-
public static let dtTypographyHeadlineExtraLargeFontWeight =
|
|
288
|
+
public static let dtTypographyHeadlineExtraLargeFontWeight = 500
|
|
286
289
|
public static let dtTypographyHeadlineExtraLargeLineHeight = CGFloat(120.00)
|
|
287
290
|
public static let dtTypographyHeadlineEyebrowFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
288
291
|
public static let dtTypographyHeadlineEyebrowFontSize = CGFloat(12.00)
|
|
289
|
-
public static let dtTypographyHeadlineEyebrowFontWeight =
|
|
292
|
+
public static let dtTypographyHeadlineEyebrowFontWeight = 400
|
|
290
293
|
public static let dtTypographyHeadlineEyebrowLineHeight = CGFloat(140.00)
|
|
291
294
|
public static let dtTypographyHeadlineEyebrowTextCase = "uppercase"
|
|
292
295
|
public static let dtTypographyHeadlineLargeFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
293
296
|
public static let dtTypographyHeadlineLargeFontSize = CGFloat(19.00)
|
|
294
|
-
public static let dtTypographyHeadlineLargeFontWeight =
|
|
297
|
+
public static let dtTypographyHeadlineLargeFontWeight = 700
|
|
295
298
|
public static let dtTypographyHeadlineLargeLineHeight = CGFloat(160.00)
|
|
296
299
|
public static let dtTypographyHeadlineMediumFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
297
300
|
public static let dtTypographyHeadlineMediumFontSize = CGFloat(15.00)
|
|
298
|
-
public static let dtTypographyHeadlineMediumFontWeight =
|
|
301
|
+
public static let dtTypographyHeadlineMediumFontWeight = 700
|
|
299
302
|
public static let dtTypographyHeadlineMediumLineHeight = CGFloat(160.00)
|
|
300
303
|
public static let dtTypographyHeadlineSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
301
304
|
public static let dtTypographyHeadlineSmallFontSize = CGFloat(12.00)
|
|
302
|
-
public static let dtTypographyHeadlineSmallFontWeight =
|
|
305
|
+
public static let dtTypographyHeadlineSmallFontWeight = 700
|
|
303
306
|
public static let dtTypographyHeadlineSmallLineHeight = CGFloat(140.00)
|
|
304
307
|
public static let dtTypographyHeadlineSoftSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
305
308
|
public static let dtTypographyHeadlineSoftSmallFontSize = CGFloat(12.00)
|
|
306
|
-
public static let dtTypographyHeadlineSoftSmallFontWeight =
|
|
309
|
+
public static let dtTypographyHeadlineSoftSmallFontWeight = 500
|
|
307
310
|
public static let dtTypographyHeadlineSoftSmallLineHeight = CGFloat(140.00)
|
|
308
311
|
public static let dtTypographyHelperBaseFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
309
312
|
public static let dtTypographyHelperBaseFontSize = CGFloat(15.00)
|
|
310
|
-
public static let dtTypographyHelperBaseFontWeight =
|
|
313
|
+
public static let dtTypographyHelperBaseFontWeight = 400
|
|
311
314
|
public static let dtTypographyHelperBaseLineHeight = CGFloat(140.00)
|
|
312
315
|
public static let dtTypographyHelperSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
313
316
|
public static let dtTypographyHelperSmallFontSize = CGFloat(12.00)
|
|
314
|
-
public static let dtTypographyHelperSmallFontWeight =
|
|
317
|
+
public static let dtTypographyHelperSmallFontWeight = 400
|
|
315
318
|
public static let dtTypographyHelperSmallLineHeight = CGFloat(120.00)
|
|
316
319
|
public static let dtTypographyLabelBaseFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
317
320
|
public static let dtTypographyLabelBaseFontSize = CGFloat(15.00)
|
|
318
|
-
public static let dtTypographyLabelBaseFontWeight =
|
|
321
|
+
public static let dtTypographyLabelBaseFontWeight = 600
|
|
319
322
|
public static let dtTypographyLabelBaseLineHeight = CGFloat(160.00)
|
|
320
323
|
public static let dtTypographyLabelCompactBaseFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
321
324
|
public static let dtTypographyLabelCompactBaseFontSize = CGFloat(15.00)
|
|
322
|
-
public static let dtTypographyLabelCompactBaseFontWeight =
|
|
325
|
+
public static let dtTypographyLabelCompactBaseFontWeight = 600
|
|
323
326
|
public static let dtTypographyLabelCompactBaseLineHeight = CGFloat(140.00)
|
|
324
327
|
public static let dtTypographyLabelCompactPlainBaseFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
325
328
|
public static let dtTypographyLabelCompactPlainBaseFontSize = CGFloat(15.00)
|
|
326
|
-
public static let dtTypographyLabelCompactPlainBaseFontWeight =
|
|
329
|
+
public static let dtTypographyLabelCompactPlainBaseFontWeight = 400
|
|
327
330
|
public static let dtTypographyLabelCompactPlainBaseLineHeight = CGFloat(140.00)
|
|
328
331
|
public static let dtTypographyLabelCompactPlainSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
329
332
|
public static let dtTypographyLabelCompactPlainSmallFontSize = CGFloat(12.00)
|
|
330
|
-
public static let dtTypographyLabelCompactPlainSmallFontWeight =
|
|
333
|
+
public static let dtTypographyLabelCompactPlainSmallFontWeight = 400
|
|
331
334
|
public static let dtTypographyLabelCompactPlainSmallLineHeight = CGFloat(120.00)
|
|
332
335
|
public static let dtTypographyLabelCompactSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
333
336
|
public static let dtTypographyLabelCompactSmallFontSize = CGFloat(12.00)
|
|
334
|
-
public static let dtTypographyLabelCompactSmallFontWeight =
|
|
337
|
+
public static let dtTypographyLabelCompactSmallFontWeight = 600
|
|
335
338
|
public static let dtTypographyLabelCompactSmallLineHeight = CGFloat(120.00)
|
|
336
339
|
public static let dtTypographyLabelPlainBaseFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
337
340
|
public static let dtTypographyLabelPlainBaseFontSize = CGFloat(15.00)
|
|
338
|
-
public static let dtTypographyLabelPlainBaseFontWeight =
|
|
341
|
+
public static let dtTypographyLabelPlainBaseFontWeight = 400
|
|
339
342
|
public static let dtTypographyLabelPlainBaseLineHeight = CGFloat(160.00)
|
|
340
343
|
public static let dtTypographyLabelPlainSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
341
344
|
public static let dtTypographyLabelPlainSmallFontSize = CGFloat(12.00)
|
|
342
|
-
public static let dtTypographyLabelPlainSmallFontWeight =
|
|
345
|
+
public static let dtTypographyLabelPlainSmallFontWeight = 400
|
|
343
346
|
public static let dtTypographyLabelPlainSmallLineHeight = CGFloat(140.00)
|
|
344
347
|
public static let dtTypographyLabelSmallFontFamily = -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
345
348
|
public static let dtTypographyLabelSmallFontSize = CGFloat(12.00)
|
|
346
|
-
public static let dtTypographyLabelSmallFontWeight =
|
|
349
|
+
public static let dtTypographyLabelSmallFontWeight = 600
|
|
347
350
|
public static let dtTypographyLabelSmallLineHeight = CGFloat(140.00)
|
|
348
351
|
}
|
package/dist/less/variables.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue,
|
|
3
|
+
// Generated on Tue, 24 Jan 2023 20:55:26 GMT
|
|
4
4
|
|
|
5
5
|
@dt-token-set-order-0: base;
|
|
6
6
|
@dt-token-set-order-1: semantic;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
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
|
-
@dt-button-color-background-danger: #
|
|
11
|
+
@dt-button-color-background-danger: #EC0E0E;
|
|
12
12
|
@dt-button-color-text-default: #7C52FF;
|
|
13
13
|
@dt-button-color-text-primary: #fff;
|
|
14
14
|
@dt-button-color-text-danger: #fff;
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
@dt-color-text-muted: #222222;
|
|
45
45
|
@dt-color-text-placeholder: #808080;
|
|
46
46
|
@dt-color-text-disabled: #808080;
|
|
47
|
-
@dt-color-text-
|
|
48
|
-
@dt-color-text-success: #
|
|
47
|
+
@dt-color-text-critical: #ec0e0e;
|
|
48
|
+
@dt-color-text-success: #1aa340;
|
|
49
49
|
@dt-color-text-warning: #815008;
|
|
50
|
-
@dt-color-text-
|
|
51
|
-
@dt-color-text-
|
|
50
|
+
@dt-color-text-inverted-primary: #ffffff;
|
|
51
|
+
@dt-color-text-inverted-secondary: #e9e9e9;
|
|
52
52
|
@dt-color-text-link-primary: #7c52ff;
|
|
53
53
|
@dt-color-surface-primary: #ffffff;
|
|
54
54
|
@dt-color-surface-secondary: #f9f9f9;
|
|
@@ -56,9 +56,10 @@
|
|
|
56
56
|
@dt-color-surface-bold: #d2d2d2;
|
|
57
57
|
@dt-color-surface-strong: #555555;
|
|
58
58
|
@dt-color-surface-contrast: #222222;
|
|
59
|
-
@dt-color-surface-
|
|
60
|
-
@dt-color-surface-warning: #
|
|
61
|
-
@dt-color-surface-success: #
|
|
59
|
+
@dt-color-surface-critical: #ffe5e6;
|
|
60
|
+
@dt-color-surface-warning: #fff4cc;
|
|
61
|
+
@dt-color-surface-success: #edf9eb;
|
|
62
|
+
@dt-color-surface-info: #eaf2fa;
|
|
62
63
|
@dt-color-neutral-white: #ffffff;
|
|
63
64
|
@dt-color-neutral-black: #000000;
|
|
64
65
|
@dt-color-black-100: #f9f9f9;
|
|
@@ -70,37 +71,37 @@
|
|
|
70
71
|
@dt-color-black-700: #3a3a3a;
|
|
71
72
|
@dt-color-black-800: #222222;
|
|
72
73
|
@dt-color-black-900: #000000;
|
|
73
|
-
@dt-color-purple-100: #
|
|
74
|
-
@dt-color-purple-200: #
|
|
74
|
+
@dt-color-purple-100: #f5f0ff;
|
|
75
|
+
@dt-color-purple-200: #dac7ff;
|
|
75
76
|
@dt-color-purple-300: #ab7eff;
|
|
76
77
|
@dt-color-purple-400: #7c52ff;
|
|
77
78
|
@dt-color-purple-500: #3a1d95;
|
|
78
79
|
@dt-color-purple-600: #10022c;
|
|
79
|
-
@dt-color-blue-100: #
|
|
80
|
-
@dt-color-blue-200: #
|
|
80
|
+
@dt-color-blue-100: #eaf2fa;
|
|
81
|
+
@dt-color-blue-200: #99c8ff;
|
|
81
82
|
@dt-color-blue-300: #51a0fe;
|
|
82
83
|
@dt-color-blue-400: #1768c6;
|
|
83
84
|
@dt-color-blue-500: #01326d;
|
|
84
|
-
@dt-color-magenta-100: #
|
|
85
|
-
@dt-color-magenta-200: #
|
|
85
|
+
@dt-color-magenta-100: #ffe0f2;
|
|
86
|
+
@dt-color-magenta-200: #f985c7;
|
|
86
87
|
@dt-color-magenta-300: #f9008e;
|
|
87
88
|
@dt-color-magenta-400: #8c0e56;
|
|
88
89
|
@dt-color-magenta-500: #541a3b;
|
|
89
|
-
@dt-color-gold-100: #
|
|
90
|
-
@dt-color-gold-200: #
|
|
90
|
+
@dt-color-gold-100: #fff4cc;
|
|
91
|
+
@dt-color-gold-200: #ffdb80;
|
|
91
92
|
@dt-color-gold-300: #f6ab3c;
|
|
92
93
|
@dt-color-gold-400: #d28f2b;
|
|
93
94
|
@dt-color-gold-500: #815008;
|
|
94
|
-
@dt-color-green-100: #
|
|
95
|
-
@dt-color-green-200: #
|
|
95
|
+
@dt-color-green-100: #edf9eb;
|
|
96
|
+
@dt-color-green-200: #b0ffa3;
|
|
96
97
|
@dt-color-green-300: #45f777;
|
|
97
98
|
@dt-color-green-400: #1aa340;
|
|
98
99
|
@dt-color-green-500: #124620;
|
|
99
|
-
@dt-color-red-100: #
|
|
100
|
-
@dt-color-red-200: #
|
|
101
|
-
@dt-color-red-300: #
|
|
102
|
-
@dt-color-red-400: #
|
|
103
|
-
@dt-color-red-500: #
|
|
100
|
+
@dt-color-red-100: #ffe5e6;
|
|
101
|
+
@dt-color-red-200: #ff8585;
|
|
102
|
+
@dt-color-red-300: #ec0e0e;
|
|
103
|
+
@dt-color-red-400: #b70b0b;
|
|
104
|
+
@dt-color-red-500: #5b0505;
|
|
104
105
|
@dt-color-tan-100: #f2f0ee;
|
|
105
106
|
@dt-color-tan-200: #cec8c4;
|
|
106
107
|
@dt-color-tan-300: #87807b;
|
|
@@ -237,6 +238,7 @@
|
|
|
237
238
|
@dt-size-border-100: 0.1rem;
|
|
238
239
|
@dt-size-border-200: 0.2rem;
|
|
239
240
|
@dt-size-border-300: 0.4rem;
|
|
241
|
+
@dt-size-border-400: 0.8rem;
|
|
240
242
|
@dt-size-border-icon-100: 0.1rem;
|
|
241
243
|
@dt-size-border-icon-200: 0.125rem;
|
|
242
244
|
@dt-size-border-icon-300: 0.15rem;
|
|
@@ -251,7 +253,8 @@
|
|
|
251
253
|
@dt-size-radius-200: 0.2rem;
|
|
252
254
|
@dt-size-radius-300: 0.4rem;
|
|
253
255
|
@dt-size-radius-400: 0.8rem;
|
|
254
|
-
@dt-size-radius-500:
|
|
256
|
+
@dt-size-radius-500: 1.6rem;
|
|
257
|
+
@dt-size-radius-600: 3.2rem;
|
|
255
258
|
@dt-opacity-0: 0;
|
|
256
259
|
@dt-opacity-100: 0.05;
|
|
257
260
|
@dt-opacity-200: 0.1;
|
package/dist/tokens.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"dtTokenSetOrder3": "components/bar",
|
|
6
6
|
"dtButtonColorBackgroundDefault": "transparent",
|
|
7
7
|
"dtButtonColorBackgroundPrimary": "#7C52FF",
|
|
8
|
-
"dtButtonColorBackgroundDanger": "#
|
|
8
|
+
"dtButtonColorBackgroundDanger": "#EC0E0E",
|
|
9
9
|
"dtButtonColorTextDefault": "#7C52FF",
|
|
10
10
|
"dtButtonColorTextPrimary": "#fff",
|
|
11
11
|
"dtButtonColorTextDanger": "#fff",
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
"dtColorTextMuted": "#22222280",
|
|
42
42
|
"dtColorTextPlaceholder": "#808080",
|
|
43
43
|
"dtColorTextDisabled": "#808080",
|
|
44
|
-
"
|
|
45
|
-
"dtColorTextSuccess": "#
|
|
44
|
+
"dtColorTextCritical": "#EC0E0E",
|
|
45
|
+
"dtColorTextSuccess": "#1AA340",
|
|
46
46
|
"dtColorTextWarning": "#815008",
|
|
47
|
-
"
|
|
48
|
-
"
|
|
47
|
+
"dtColorTextInvertedPrimary": "#fff",
|
|
48
|
+
"dtColorTextInvertedSecondary": "#E9E9E9",
|
|
49
49
|
"dtColorTextLinkPrimary": "#7C52FF",
|
|
50
50
|
"dtColorSurfacePrimary": "#fff",
|
|
51
51
|
"dtColorSurfaceSecondary": "#F9F9F9",
|
|
@@ -53,9 +53,10 @@
|
|
|
53
53
|
"dtColorSurfaceBold": "#D2D2D2",
|
|
54
54
|
"dtColorSurfaceStrong": "#555555",
|
|
55
55
|
"dtColorSurfaceContrast": "#222222",
|
|
56
|
-
"
|
|
57
|
-
"dtColorSurfaceWarning": "#
|
|
58
|
-
"dtColorSurfaceSuccess": "#
|
|
56
|
+
"dtColorSurfaceCritical": "#FFE5E6",
|
|
57
|
+
"dtColorSurfaceWarning": "#FFF4CC",
|
|
58
|
+
"dtColorSurfaceSuccess": "#EDF9EB",
|
|
59
|
+
"dtColorSurfaceInfo": "#EAF2FA",
|
|
59
60
|
"dtColorNeutralWhite": "#fff",
|
|
60
61
|
"dtColorNeutralBlack": "#000000",
|
|
61
62
|
"dtColorBlack100": "#F9F9F9",
|
|
@@ -67,43 +68,43 @@
|
|
|
67
68
|
"dtColorBlack700": "#3A3A3A",
|
|
68
69
|
"dtColorBlack800": "#222222",
|
|
69
70
|
"dtColorBlack900": "#000000",
|
|
70
|
-
"dtColorPurple100": "#
|
|
71
|
-
"dtColorPurple200": "#
|
|
71
|
+
"dtColorPurple100": "#F5F0FF",
|
|
72
|
+
"dtColorPurple200": "#DAC7FF",
|
|
72
73
|
"dtColorPurple300": "#AB7EFF",
|
|
73
74
|
"dtColorPurple400": "#7C52FF",
|
|
74
75
|
"dtColorPurple500": "#3A1D95",
|
|
75
76
|
"dtColorPurple600": "#10022C",
|
|
76
|
-
"dtColorBlue100": "#
|
|
77
|
-
"dtColorBlue200": "#
|
|
77
|
+
"dtColorBlue100": "#EAF2FA",
|
|
78
|
+
"dtColorBlue200": "#99C8FF",
|
|
78
79
|
"dtColorBlue300": "#51A0FE",
|
|
79
80
|
"dtColorBlue400": "#1768C6",
|
|
80
81
|
"dtColorBlue500": "#01326D",
|
|
81
|
-
"dtColorMagenta100": "#
|
|
82
|
-
"dtColorMagenta200": "#
|
|
82
|
+
"dtColorMagenta100": "#FFE0F2",
|
|
83
|
+
"dtColorMagenta200": "#F985C7",
|
|
83
84
|
"dtColorMagenta300": "#F9008E",
|
|
84
85
|
"dtColorMagenta400": "#8C0E56",
|
|
85
86
|
"dtColorMagenta500": "#541A3B",
|
|
86
|
-
"dtColorGold100": "#
|
|
87
|
-
"dtColorGold200": "#
|
|
87
|
+
"dtColorGold100": "#FFF4CC",
|
|
88
|
+
"dtColorGold200": "#FFDB80",
|
|
88
89
|
"dtColorGold300": "#F6AB3C",
|
|
89
90
|
"dtColorGold400": "#D28F2B",
|
|
90
91
|
"dtColorGold500": "#815008",
|
|
91
|
-
"dtColorGreen100": "#
|
|
92
|
-
"dtColorGreen200": "#
|
|
92
|
+
"dtColorGreen100": "#EDF9EB",
|
|
93
|
+
"dtColorGreen200": "#B0FFA3",
|
|
93
94
|
"dtColorGreen300": "#45F777",
|
|
94
95
|
"dtColorGreen400": "#1AA340",
|
|
95
96
|
"dtColorGreen500": "#124620",
|
|
96
|
-
"dtColorRed100": "#
|
|
97
|
-
"dtColorRed200": "#
|
|
98
|
-
"dtColorRed300": "#
|
|
99
|
-
"dtColorRed400": "#
|
|
100
|
-
"dtColorRed500": "#
|
|
97
|
+
"dtColorRed100": "#FFE5E6",
|
|
98
|
+
"dtColorRed200": "#FF8585",
|
|
99
|
+
"dtColorRed300": "#EC0E0E",
|
|
100
|
+
"dtColorRed400": "#B70B0B",
|
|
101
|
+
"dtColorRed500": "#5B0505",
|
|
101
102
|
"dtColorTan100": "#F2F0EE",
|
|
102
103
|
"dtColorTan200": "#CEC8C4",
|
|
103
104
|
"dtColorTan300": "#87807B",
|
|
104
105
|
"dtColorTan400": "#3F3D3C",
|
|
105
106
|
"dtColorTan500": "#121212",
|
|
106
|
-
"dtColorGradientMagentaPurple": "linear-gradient(
|
|
107
|
+
"dtColorGradientMagentaPurple": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
|
|
107
108
|
"dtTypographyBodySmallFontFamily": "-apple-system,BlinkMacSystemFont,\"SF Pro\",\"Segoe UI Adjusted\",\"Segoe UI\",SFMono,\"Helvetica Neue\",Cantarell,Ubuntu,Roboto,Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"",
|
|
108
109
|
"dtTypographyBodySmallFontWeight": 400,
|
|
109
110
|
"dtTypographyBodySmallLineHeight": "140%",
|
|
@@ -234,6 +235,7 @@
|
|
|
234
235
|
"dtSizeBorder100": "0.1rem",
|
|
235
236
|
"dtSizeBorder200": "0.2rem",
|
|
236
237
|
"dtSizeBorder300": "0.4rem",
|
|
238
|
+
"dtSizeBorder400": "0.8rem",
|
|
237
239
|
"dtSizeBorderIcon100": "0.1rem",
|
|
238
240
|
"dtSizeBorderIcon200": "0.125rem",
|
|
239
241
|
"dtSizeBorderIcon300": "0.15rem",
|
|
@@ -248,7 +250,8 @@
|
|
|
248
250
|
"dtSizeRadius200": "0.2rem",
|
|
249
251
|
"dtSizeRadius300": "0.4rem",
|
|
250
252
|
"dtSizeRadius400": "0.8rem",
|
|
251
|
-
"dtSizeRadius500": "
|
|
253
|
+
"dtSizeRadius500": "1.6rem",
|
|
254
|
+
"dtSizeRadius600": "3.2rem",
|
|
252
255
|
"dtOpacity0": 0,
|
|
253
256
|
"dtOpacity100": 0.05,
|
|
254
257
|
"dtOpacity200": 0.1,
|