@dialpad/dialtone-tokens 1.4.4 → 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.
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 23 Nov 2022 21:12:19 GMT
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: 1.000, green: 0.180, blue: 0.180, alpha: 1)
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.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)
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.906, blue: 0.576, alpha: 1)
60
- public static let dtColorGold200 = UIColor(red: 1.000, green: 0.827, blue: 0.384, alpha: 1)
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.867, green: 0.957, blue: 0.851, alpha: 1)
66
- public static let dtColorGreen200 = UIColor(red: 0.624, green: 1.000, blue: 0.565, alpha: 1)
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.592, blue: 0.824, alpha: 1)
71
- public static let dtColorMagenta200 = UIColor(red: 0.969, green: 0.337, blue: 0.694, alpha: 1)
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.933, green: 0.898, blue: 1.000, alpha: 1)
78
- public static let dtColorPurple200 = UIColor(red: 0.827, green: 0.737, blue: 1.000, alpha: 1)
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.863, blue: 0.863, alpha: 1)
84
- public static let dtColorRed200 = UIColor(red: 1.000, green: 0.455, blue: 0.455, alpha: 1)
85
- public static let dtColorRed300 = UIColor(red: 1.000, green: 0.180, blue: 0.180, alpha: 1)
86
- public static let dtColorRed400 = UIColor(red: 0.643, green: 0.067, blue: 0.067, alpha: 1)
87
- public static let dtColorRed500 = UIColor(red: 0.329, green: 0.000, blue: 0.000, alpha: 1)
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 dtColorSurfaceError = UIColor(red: 1.000, green: 0.863, blue: 0.863, alpha: 1)
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.867, green: 0.957, blue: 0.851, alpha: 1)
96
- public static let dtColorSurfaceWarning = UIColor(red: 1.000, green: 0.906, blue: 0.576, alpha: 1)
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 dtColorTextError = UIColor(red: 0.643, green: 0.067, blue: 0.067, alpha: 1)
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.000, green: 0.404, blue: 0.114, alpha: 1)
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 = "700"
134
- public static let dtFontWeightMedium = "500"
135
- public static let dtFontWeightNormal = "400"
136
- public static let dtFontWeightSemiBold = "600"
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(32.00)
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 = "400"
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 = "400"
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 = "400"
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 = "400"
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 = "400"
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 = "400"
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 = "700"
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 = "700"
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 = "700"
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 = "500"
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 = "500"
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 = "500"
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 = "400"
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 = "700"
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 = "700"
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 = "700"
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 = "500"
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 = "400"
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 = "400"
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 = "600"
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 = "600"
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 = "400"
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 = "400"
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 = "600"
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 = "400"
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 = "400"
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 = "600"
349
+ public static let dtTypographyLabelSmallFontWeight = 600
347
350
  public static let dtTypographyLabelSmallLineHeight = CGFloat(140.00)
348
351
  }
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 23 Nov 2022 21:12:19 GMT
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: #FF2E2E;
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-error: #a41111;
48
- @dt-color-text-success: #00671d;
47
+ @dt-color-text-critical: #ec0e0e;
48
+ @dt-color-text-success: #1aa340;
49
49
  @dt-color-text-warning: #815008;
50
- @dt-color-text-on-dark-primary: #f9f9f9;
51
- @dt-color-text-on-dark-secondary: #d2d2d2;
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-error: #ffdcdc;
60
- @dt-color-surface-warning: #ffe793;
61
- @dt-color-surface-success: #ddf4d9;
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: #eee5ff;
74
- @dt-color-purple-200: #d3bcff;
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: #e3edf9;
80
- @dt-color-blue-200: #84bdff;
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: #ff97d2;
85
- @dt-color-magenta-200: #f756b1;
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: #ffe793;
90
- @dt-color-gold-200: #ffd362;
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: #ddf4d9;
95
- @dt-color-green-200: #9fff90;
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: #ffdcdc;
100
- @dt-color-red-200: #ff7474;
101
- @dt-color-red-300: #ff2e2e;
102
- @dt-color-red-400: #a41111;
103
- @dt-color-red-500: #540000;
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: 3.2rem;
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": "#FF2E2E",
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
- "dtColorTextError": "#A41111",
45
- "dtColorTextSuccess": "#00671D",
44
+ "dtColorTextCritical": "#EC0E0E",
45
+ "dtColorTextSuccess": "#1AA340",
46
46
  "dtColorTextWarning": "#815008",
47
- "dtColorTextOnDarkPrimary": "#F9F9F9",
48
- "dtColorTextOnDarkSecondary": "#D2D2D2",
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
- "dtColorSurfaceError": "#FFDCDC",
57
- "dtColorSurfaceWarning": "#FFE793",
58
- "dtColorSurfaceSuccess": "#DDF4D9",
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": "#EEE5FF",
71
- "dtColorPurple200": "#D3BCFF",
71
+ "dtColorPurple100": "#F5F0FF",
72
+ "dtColorPurple200": "#DAC7FF",
72
73
  "dtColorPurple300": "#AB7EFF",
73
74
  "dtColorPurple400": "#7C52FF",
74
75
  "dtColorPurple500": "#3A1D95",
75
76
  "dtColorPurple600": "#10022C",
76
- "dtColorBlue100": "#E3EDF9",
77
- "dtColorBlue200": "#84BDFF",
77
+ "dtColorBlue100": "#EAF2FA",
78
+ "dtColorBlue200": "#99C8FF",
78
79
  "dtColorBlue300": "#51A0FE",
79
80
  "dtColorBlue400": "#1768C6",
80
81
  "dtColorBlue500": "#01326D",
81
- "dtColorMagenta100": "#FF97D2",
82
- "dtColorMagenta200": "#F756B1",
82
+ "dtColorMagenta100": "#FFE0F2",
83
+ "dtColorMagenta200": "#F985C7",
83
84
  "dtColorMagenta300": "#F9008E",
84
85
  "dtColorMagenta400": "#8C0E56",
85
86
  "dtColorMagenta500": "#541A3B",
86
- "dtColorGold100": "#FFE793",
87
- "dtColorGold200": "#FFD362",
87
+ "dtColorGold100": "#FFF4CC",
88
+ "dtColorGold200": "#FFDB80",
88
89
  "dtColorGold300": "#F6AB3C",
89
90
  "dtColorGold400": "#D28F2B",
90
91
  "dtColorGold500": "#815008",
91
- "dtColorGreen100": "#DDF4D9",
92
- "dtColorGreen200": "#9FFF90",
92
+ "dtColorGreen100": "#EDF9EB",
93
+ "dtColorGreen200": "#B0FFA3",
93
94
  "dtColorGreen300": "#45F777",
94
95
  "dtColorGreen400": "#1AA340",
95
96
  "dtColorGreen500": "#124620",
96
- "dtColorRed100": "#FFDCDC",
97
- "dtColorRed200": "#FF7474",
98
- "dtColorRed300": "#FF2E2E",
99
- "dtColorRed400": "#A41111",
100
- "dtColorRed500": "#540000",
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(180deg, #F9008E 10%, #7C52FF 90%)",
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": "3.2rem",
253
+ "dtSizeRadius500": "1.6rem",
254
+ "dtSizeRadius600": "3.2rem",
252
255
  "dtOpacity0": 0,
253
256
  "dtOpacity100": 0.05,
254
257
  "dtOpacity200": 0.1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-tokens",
3
- "version": "1.4.4",
3
+ "version": "1.5.0",
4
4
  "description": "Design tokens for Dialtone.",
5
5
  "main": "index.js",
6
6
  "scripts": {