@dialpad/dialtone-tokens 1.19.0 → 1.21.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-dark.kt +28 -27
- package/dist/android/java/tokens-light.kt +2 -1
- package/dist/android/res/values/colors-dark.xml +27 -26
- package/dist/android/res/values/colors-light.xml +2 -1
- package/dist/android/res/values/dimens.xml +1 -1
- package/dist/css/variables-dark.css +28 -27
- package/dist/css/variables-light.css +2 -1
- package/dist/doc.json +129 -107
- package/dist/ios/tokens-dark.swift +31 -30
- package/dist/ios/tokens-light.swift +5 -4
- package/dist/less/variables-dark.less +23 -22
- package/dist/less/variables-light.less +2 -1
- package/dist/tokens-dark.json +27 -26
- package/dist/tokens-light.json +1 -0
- package/package.json +2 -5
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 24 Jul 2023 16:30:54 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -23,11 +23,11 @@ public enum DialtoneTokensDark {
|
|
|
23
23
|
public static let dtActionColorBackgroundCriticalPrimaryDefault = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
|
|
24
24
|
public static let dtActionColorBackgroundCriticalPrimaryHover = UIColor(red: 0.851, green: 0.051, blue: 0.051, alpha: 1)
|
|
25
25
|
public static let dtActionColorBackgroundDisabledDefault = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
26
|
-
public static let dtActionColorBackgroundInvertedActive = UIColor(red: 0.
|
|
26
|
+
public static let dtActionColorBackgroundInvertedActive = UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 0.30196078431372547)
|
|
27
27
|
public static let dtActionColorBackgroundInvertedDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
28
|
-
public static let dtActionColorBackgroundInvertedHover = UIColor(red: 0.
|
|
28
|
+
public static let dtActionColorBackgroundInvertedHover = UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 0.14901960784313725)
|
|
29
29
|
public static let dtActionColorBackgroundInvertedPrimaryActive = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
30
|
-
public static let dtActionColorBackgroundInvertedPrimaryDefault = UIColor(red: 0.
|
|
30
|
+
public static let dtActionColorBackgroundInvertedPrimaryDefault = UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 1)
|
|
31
31
|
public static let dtActionColorBackgroundInvertedPrimaryHover = UIColor(red: 0.063, green: 0.008, blue: 0.173, alpha: 1)
|
|
32
32
|
public static let dtActionColorBackgroundMutedActive = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.1607843137254902)
|
|
33
33
|
public static let dtActionColorBackgroundMutedDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
@@ -77,7 +77,7 @@ public enum DialtoneTokensDark {
|
|
|
77
77
|
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
78
78
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
79
79
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 0.357, green: 0.020, blue: 0.020, alpha: 1)
|
|
80
|
-
public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.
|
|
80
|
+
public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
|
|
81
81
|
public static let dtBadgeColorBackgroundInfo = UIColor(red: 0.004, green: 0.196, blue: 0.427, alpha: 1)
|
|
82
82
|
public static let dtBadgeColorBackgroundSuccess = UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)
|
|
83
83
|
public static let dtBadgeColorBackgroundWarning = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
@@ -90,7 +90,7 @@ public enum DialtoneTokensDark {
|
|
|
90
90
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
91
91
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
92
92
|
public static let dtColorBlack100 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
93
|
-
public static let dtColorBlack200 = UIColor(red: 0.
|
|
93
|
+
public static let dtColorBlack200 = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
|
|
94
94
|
public static let dtColorBlack300 = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
95
95
|
public static let dtColorBlack400 = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
96
96
|
public static let dtColorBlack500 = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
@@ -147,7 +147,7 @@ public enum DialtoneTokensDark {
|
|
|
147
147
|
public static let dtColorForegroundDisabled = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
148
148
|
public static let dtColorForegroundDisabledInverted = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
149
149
|
public static let dtColorForegroundMuted = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.6)
|
|
150
|
-
public static let dtColorForegroundMutedInverted = UIColor(red: 0.
|
|
150
|
+
public static let dtColorForegroundMutedInverted = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 0.6)
|
|
151
151
|
public static let dtColorForegroundPlaceholder = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
152
152
|
public static let dtColorForegroundPlaceholderInverted = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
153
153
|
public static let dtColorForegroundPrimary = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
@@ -183,9 +183,9 @@ public enum DialtoneTokensDark {
|
|
|
183
183
|
public static let dtColorLinkDisabledInvertedHover = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
184
184
|
public static let dtColorLinkMuted = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.6)
|
|
185
185
|
public static let dtColorLinkMutedHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
186
|
-
public static let dtColorLinkMutedInverted = UIColor(red: 0.
|
|
186
|
+
public static let dtColorLinkMutedInverted = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 0.6)
|
|
187
187
|
public static let dtColorLinkMutedInvertedHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
188
|
-
public static let dtColorLinkPrimary = UIColor(red: 0.
|
|
188
|
+
public static let dtColorLinkPrimary = UIColor(red: 0.718, green: 0.565, blue: 1.000, alpha: 1)
|
|
189
189
|
public static let dtColorLinkPrimaryHover = UIColor(red: 0.855, green: 0.780, blue: 1.000, alpha: 1)
|
|
190
190
|
public static let dtColorLinkPrimaryInverted = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
191
191
|
public static let dtColorLinkPrimaryInvertedHover = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
@@ -196,7 +196,7 @@ public enum DialtoneTokensDark {
|
|
|
196
196
|
public static let dtColorLinkWarning = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
197
197
|
public static let dtColorLinkWarningHover = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
198
198
|
public static let dtColorLinkWarningInverted = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
199
|
-
public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.
|
|
199
|
+
public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
|
|
200
200
|
public static let dtColorMagenta100 = UIColor(red: 0.329, green: 0.102, blue: 0.231, alpha: 1)
|
|
201
201
|
public static let dtColorMagenta200 = UIColor(red: 0.549, green: 0.055, blue: 0.337, alpha: 1)
|
|
202
202
|
public static let dtColorMagenta300 = UIColor(red: 0.976, green: 0.000, blue: 0.557, alpha: 1)
|
|
@@ -216,10 +216,11 @@ public enum DialtoneTokensDark {
|
|
|
216
216
|
public static let dtColorRed300 = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
|
|
217
217
|
public static let dtColorRed400 = UIColor(red: 1.000, green: 0.522, blue: 0.522, alpha: 1)
|
|
218
218
|
public static let dtColorRed500 = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
219
|
+
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7019607843137254)
|
|
219
220
|
public static let dtColorSurfaceBold = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
220
|
-
public static let dtColorSurfaceBoldOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.
|
|
221
|
+
public static let dtColorSurfaceBoldOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.27058823529411763)
|
|
221
222
|
public static let dtColorSurfaceContrast = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
222
|
-
public static let dtColorSurfaceContrastOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.
|
|
223
|
+
public static let dtColorSurfaceContrastOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.9607843137254902)
|
|
223
224
|
public static let dtColorSurfaceCritical = UIColor(red: 0.357, green: 0.020, blue: 0.020, alpha: 1)
|
|
224
225
|
public static let dtColorSurfaceCriticalOpaque = UIColor(red: 0.718, green: 0.043, blue: 0.043, alpha: 0.3215686274509804)
|
|
225
226
|
public static let dtColorSurfaceCriticalStrong = UIColor(red: 1.000, green: 0.522, blue: 0.522, alpha: 1)
|
|
@@ -231,12 +232,12 @@ public enum DialtoneTokensDark {
|
|
|
231
232
|
public static let dtColorSurfaceInfoSubtle = UIColor(red: 0.004, green: 0.118, blue: 0.255, alpha: 1)
|
|
232
233
|
public static let dtColorSurfaceInfoSubtleOpaque = UIColor(red: 0.004, green: 0.118, blue: 0.255, alpha: 0.5019607843137255)
|
|
233
234
|
public static let dtColorSurfaceModerate = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
234
|
-
public static let dtColorSurfaceModerateOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.
|
|
235
|
-
public static let dtColorSurfacePrimary = UIColor(red: 0.
|
|
236
|
-
public static let dtColorSurfaceSecondary = UIColor(red: 0.
|
|
237
|
-
public static let dtColorSurfaceSecondaryOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.
|
|
235
|
+
public static let dtColorSurfaceModerateOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
|
|
236
|
+
public static let dtColorSurfacePrimary = UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 1)
|
|
237
|
+
public static let dtColorSurfaceSecondary = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
|
|
238
|
+
public static let dtColorSurfaceSecondaryOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.058823529411764705)
|
|
238
239
|
public static let dtColorSurfaceStrong = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
239
|
-
public static let dtColorSurfaceStrongOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.
|
|
240
|
+
public static let dtColorSurfaceStrongOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.6509803921568628)
|
|
240
241
|
public static let dtColorSurfaceSuccess = UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)
|
|
241
242
|
public static let dtColorSurfaceSuccessOpaque = UIColor(red: 0.102, green: 0.639, blue: 0.255, alpha: 0.25882352941176473)
|
|
242
243
|
public static let dtColorSurfaceSuccessStrong = UIColor(red: 0.690, green: 1.000, blue: 0.639, alpha: 1)
|
|
@@ -254,7 +255,7 @@ public enum DialtoneTokensDark {
|
|
|
254
255
|
public static let dtColorTan500 = UIColor(red: 0.949, green: 0.941, blue: 0.933, alpha: 1)
|
|
255
256
|
public static let dtFontFamilyBody = UIFont.systemFont(ofSize: 15)
|
|
256
257
|
public static let dtFontFamilyExpressive = UIFont.systemFont(ofSize: 15)
|
|
257
|
-
public static let dtFontFamilyMono = UIFont.monospacedSystemFont(ofSize: 15)
|
|
258
|
+
public static let dtFontFamilyMono = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
|
|
258
259
|
public static let dtFontLineHeight100 = CGFloat(100.00)
|
|
259
260
|
public static let dtFontLineHeight200 = CGFloat(120.00)
|
|
260
261
|
public static let dtFontLineHeight300 = CGFloat(140.00)
|
|
@@ -337,19 +338,19 @@ public enum DialtoneTokensDark {
|
|
|
337
338
|
public static let dtRadioSizeRadius = CGFloat(50.00)
|
|
338
339
|
public static let dtRadioSizeWidth = CGFloat(16.00)
|
|
339
340
|
public static let dtShadowCard0Blur = CGFloat(2.00)
|
|
340
|
-
public static let dtShadowCard0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.
|
|
341
|
+
public static let dtShadowCard0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.34901960784313724)
|
|
341
342
|
public static let dtShadowCard0Spread = CGFloat(0.00)
|
|
342
343
|
public static let dtShadowCard0Type = "dropShadow"
|
|
343
344
|
public static let dtShadowCard0X = CGFloat(0.00)
|
|
344
345
|
public static let dtShadowCard0Y = CGFloat(1.00)
|
|
345
346
|
public static let dtShadowCard1Blur = CGFloat(4.00)
|
|
346
|
-
public static let dtShadowCard1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.
|
|
347
|
+
public static let dtShadowCard1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.45098039215686275)
|
|
347
348
|
public static let dtShadowCard1Spread = CGFloat(0.00)
|
|
348
349
|
public static let dtShadowCard1Type = "dropShadow"
|
|
349
350
|
public static let dtShadowCard1X = CGFloat(0.00)
|
|
350
351
|
public static let dtShadowCard1Y = CGFloat(2.00)
|
|
351
352
|
public static let dtShadowCard2Blur = CGFloat(16.00)
|
|
352
|
-
public static let dtShadowCard2Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.
|
|
353
|
+
public static let dtShadowCard2Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5803921568627451)
|
|
353
354
|
public static let dtShadowCard2Spread = CGFloat(0.00)
|
|
354
355
|
public static let dtShadowCard2Type = "dropShadow"
|
|
355
356
|
public static let dtShadowCard2X = CGFloat(0.00)
|
|
@@ -379,7 +380,7 @@ public enum DialtoneTokensDark {
|
|
|
379
380
|
public static let dtShadowCard6X = CGFloat(0.50)
|
|
380
381
|
public static let dtShadowCard6Y = CGFloat(-0.50)
|
|
381
382
|
public static let dtShadowExtraLarge0Blur = CGFloat(32.00)
|
|
382
|
-
public static let dtShadowExtraLarge0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.
|
|
383
|
+
public static let dtShadowExtraLarge0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)
|
|
383
384
|
public static let dtShadowExtraLarge0Spread = CGFloat(0.00)
|
|
384
385
|
public static let dtShadowExtraLarge0Type = "dropShadow"
|
|
385
386
|
public static let dtShadowExtraLarge0X = CGFloat(0.00)
|
|
@@ -427,7 +428,7 @@ public enum DialtoneTokensDark {
|
|
|
427
428
|
public static let dtShadowFocusInset0X = CGFloat(0.00)
|
|
428
429
|
public static let dtShadowFocusInset0Y = CGFloat(0.00)
|
|
429
430
|
public static let dtShadowLarge0Blur = CGFloat(16.00)
|
|
430
|
-
public static let dtShadowLarge0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.
|
|
431
|
+
public static let dtShadowLarge0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)
|
|
431
432
|
public static let dtShadowLarge0Spread = CGFloat(0.00)
|
|
432
433
|
public static let dtShadowLarge0Type = "dropShadow"
|
|
433
434
|
public static let dtShadowLarge0X = CGFloat(0.00)
|
|
@@ -436,7 +437,7 @@ public enum DialtoneTokensDark {
|
|
|
436
437
|
public static let dtShadowLarge1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
437
438
|
public static let dtShadowLarge1Spread = CGFloat(0.00)
|
|
438
439
|
public static let dtShadowLarge1Type = "dropShadow"
|
|
439
|
-
public static let dtShadowLarge1X = CGFloat(0.50)
|
|
440
|
+
public static let dtShadowLarge1X = CGFloat(-0.50)
|
|
440
441
|
public static let dtShadowLarge1Y = CGFloat(0.50)
|
|
441
442
|
public static let dtShadowLarge2Blur = CGFloat(0.00)
|
|
442
443
|
public static let dtShadowLarge2Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
@@ -457,7 +458,7 @@ public enum DialtoneTokensDark {
|
|
|
457
458
|
public static let dtShadowLarge4X = CGFloat(0.50)
|
|
458
459
|
public static let dtShadowLarge4Y = CGFloat(-0.50)
|
|
459
460
|
public static let dtShadowMedium0Blur = CGFloat(8.00)
|
|
460
|
-
public static let dtShadowMedium0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.
|
|
461
|
+
public static let dtShadowMedium0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)
|
|
461
462
|
public static let dtShadowMedium0Spread = CGFloat(0.00)
|
|
462
463
|
public static let dtShadowMedium0Type = "dropShadow"
|
|
463
464
|
public static let dtShadowMedium0X = CGFloat(0.00)
|
|
@@ -487,7 +488,7 @@ public enum DialtoneTokensDark {
|
|
|
487
488
|
public static let dtShadowMedium4X = CGFloat(0.50)
|
|
488
489
|
public static let dtShadowMedium4Y = CGFloat(-0.50)
|
|
489
490
|
public static let dtShadowSmall0Blur = CGFloat(4.00)
|
|
490
|
-
public static let dtShadowSmall0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.
|
|
491
|
+
public static let dtShadowSmall0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.45098039215686275)
|
|
491
492
|
public static let dtShadowSmall0Spread = CGFloat(0.00)
|
|
492
493
|
public static let dtShadowSmall0Type = "dropShadow"
|
|
493
494
|
public static let dtShadowSmall0X = CGFloat(0.00)
|
|
@@ -742,7 +743,7 @@ public enum DialtoneTokensDark {
|
|
|
742
743
|
public static let dtThemePresenceColorBackgroundBusy = UIColor(red: 0.965, green: 0.671, blue: 0.235, alpha: 1)
|
|
743
744
|
public static let dtThemePresenceColorBackgroundBusyUnavailable = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
|
|
744
745
|
public static let dtThemePresenceColorBackgroundOffline = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
745
|
-
public static let dtThemeSidebarColorBackground = UIColor(red: 0.
|
|
746
|
+
public static let dtThemeSidebarColorBackground = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
|
|
746
747
|
public static let dtThemeSidebarColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
747
748
|
public static let dtThemeSidebarIconColorForeground = UIColor(red: 0.753, green: 0.753, blue: 0.753, alpha: 1)
|
|
748
749
|
public static let dtThemeSidebarRowColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0)
|
|
@@ -757,7 +758,7 @@ public enum DialtoneTokensDark {
|
|
|
757
758
|
public static let dtThemeTopbarButtonColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
|
|
758
759
|
public static let dtThemeTopbarButtonColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.6509803921568628)
|
|
759
760
|
public static let dtThemeTopbarButtonColorForegroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
760
|
-
public static let dtThemeTopbarColorBackground = UIColor(red: 0.
|
|
761
|
+
public static let dtThemeTopbarColorBackground = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
|
|
761
762
|
public static let dtThemeTopbarColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
|
|
762
763
|
public static let dtThemeTopbarFieldColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.050980392156862744)
|
|
763
764
|
public static let dtThemeTopbarFieldColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
@@ -792,12 +793,12 @@ public enum DialtoneTokensDark {
|
|
|
792
793
|
public static let dtTypographyBodySmallFontWeight = 400
|
|
793
794
|
public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
|
|
794
795
|
public static let dtTypographyBodySmallTextCase = "none"
|
|
795
|
-
public static let dtTypographyCodeBaseFontFamily = UIFont.monospacedSystemFont(ofSize: 15)
|
|
796
|
+
public static let dtTypographyCodeBaseFontFamily = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
|
|
796
797
|
public static let dtTypographyCodeBaseFontSize = CGFloat(15.00)
|
|
797
798
|
public static let dtTypographyCodeBaseFontWeight = 400
|
|
798
799
|
public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
|
|
799
800
|
public static let dtTypographyCodeBaseTextCase = "none"
|
|
800
|
-
public static let dtTypographyCodeSmallFontFamily = UIFont.monospacedSystemFont(ofSize: 15)
|
|
801
|
+
public static let dtTypographyCodeSmallFontFamily = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
|
|
801
802
|
public static let dtTypographyCodeSmallFontSize = CGFloat(12.00)
|
|
802
803
|
public static let dtTypographyCodeSmallFontWeight = 400
|
|
803
804
|
public static let dtTypographyCodeSmallLineHeight = CGFloat(120.00)
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 24 Jul 2023 16:30:53 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -216,6 +216,7 @@ public enum DialtoneTokensLight {
|
|
|
216
216
|
public static let dtColorRed300 = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
|
|
217
217
|
public static let dtColorRed400 = UIColor(red: 0.718, green: 0.043, blue: 0.043, alpha: 1)
|
|
218
218
|
public static let dtColorRed500 = UIColor(red: 0.357, green: 0.020, blue: 0.020, alpha: 1)
|
|
219
|
+
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7019607843137254)
|
|
219
220
|
public static let dtColorSurfaceBold = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
220
221
|
public static let dtColorSurfaceBoldOpaque = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1803921568627451)
|
|
221
222
|
public static let dtColorSurfaceContrast = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 1)
|
|
@@ -254,7 +255,7 @@ public enum DialtoneTokensLight {
|
|
|
254
255
|
public static let dtColorTan500 = UIColor(red: 0.071, green: 0.071, blue: 0.071, alpha: 1)
|
|
255
256
|
public static let dtFontFamilyBody = UIFont.systemFont(ofSize: 15)
|
|
256
257
|
public static let dtFontFamilyExpressive = UIFont.systemFont(ofSize: 15)
|
|
257
|
-
public static let dtFontFamilyMono = UIFont.monospacedSystemFont(ofSize: 15)
|
|
258
|
+
public static let dtFontFamilyMono = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
|
|
258
259
|
public static let dtFontLineHeight100 = CGFloat(100.00)
|
|
259
260
|
public static let dtFontLineHeight200 = CGFloat(120.00)
|
|
260
261
|
public static let dtFontLineHeight300 = CGFloat(140.00)
|
|
@@ -672,12 +673,12 @@ public enum DialtoneTokensLight {
|
|
|
672
673
|
public static let dtTypographyBodySmallFontWeight = 400
|
|
673
674
|
public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
|
|
674
675
|
public static let dtTypographyBodySmallTextCase = "none"
|
|
675
|
-
public static let dtTypographyCodeBaseFontFamily = UIFont.monospacedSystemFont(ofSize: 15)
|
|
676
|
+
public static let dtTypographyCodeBaseFontFamily = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
|
|
676
677
|
public static let dtTypographyCodeBaseFontSize = CGFloat(15.00)
|
|
677
678
|
public static let dtTypographyCodeBaseFontWeight = 400
|
|
678
679
|
public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
|
|
679
680
|
public static let dtTypographyCodeBaseTextCase = "none"
|
|
680
|
-
public static let dtTypographyCodeSmallFontFamily = UIFont.monospacedSystemFont(ofSize: 15)
|
|
681
|
+
public static let dtTypographyCodeSmallFontFamily = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
|
|
681
682
|
public static let dtTypographyCodeSmallFontSize = CGFloat(12.00)
|
|
682
683
|
public static let dtTypographyCodeSmallFontWeight = 400
|
|
683
684
|
public static let dtTypographyCodeSmallLineHeight = CGFloat(120.00)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 24 Jul 2023 16:30:53 GMT
|
|
4
4
|
|
|
5
5
|
@dt-radio-color-border-unchecked: #808080;
|
|
6
6
|
@dt-radio-color-border-checked: #7C52FF;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
@dt-checkbox-size-width: 1.6rem;
|
|
31
31
|
@dt-checkbox-size-height: 1.6rem;
|
|
32
32
|
@dt-checkbox-size-radius: 0.4rem;
|
|
33
|
-
@dt-badge-color-background-default: #
|
|
33
|
+
@dt-badge-color-background-default: #f9f9f926;
|
|
34
34
|
@dt-badge-color-background-info: #01326D;
|
|
35
35
|
@dt-badge-color-background-success: #124620;
|
|
36
36
|
@dt-badge-color-background-warning: #815008;
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
@dt-color-foreground-primary-inverted: #000000;
|
|
74
74
|
@dt-color-foreground-secondary-inverted: #3a3a3a;
|
|
75
75
|
@dt-color-foreground-tertiary-inverted: #555555;
|
|
76
|
-
@dt-color-foreground-muted-inverted: #
|
|
76
|
+
@dt-color-foreground-muted-inverted: #262626;
|
|
77
77
|
@dt-color-foreground-placeholder-inverted: #808080;
|
|
78
78
|
@dt-color-foreground-disabled-inverted: #808080;
|
|
79
79
|
@dt-color-foreground-critical-inverted: #ec0e0e;
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
@dt-color-foreground-success-inverted: #1aa340;
|
|
82
82
|
@dt-color-foreground-success-strong-inverted: #124620;
|
|
83
83
|
@dt-color-foreground-warning-inverted: #815008;
|
|
84
|
-
@dt-color-link-primary: #
|
|
84
|
+
@dt-color-link-primary: #b790ff;
|
|
85
85
|
@dt-color-link-critical: #ff8585;
|
|
86
86
|
@dt-color-link-success: #b0ffa3;
|
|
87
87
|
@dt-color-link-warning: #ffdb80;
|
|
@@ -100,13 +100,13 @@
|
|
|
100
100
|
@dt-color-link-success-inverted: #1aa340;
|
|
101
101
|
@dt-color-link-success-inverted-hover: #124620;
|
|
102
102
|
@dt-color-link-warning-inverted: #815008;
|
|
103
|
-
@dt-color-link-warning-inverted-hover: #
|
|
104
|
-
@dt-color-link-muted-inverted: #
|
|
103
|
+
@dt-color-link-warning-inverted-hover: #262626;
|
|
104
|
+
@dt-color-link-muted-inverted: #262626;
|
|
105
105
|
@dt-color-link-muted-inverted-hover: #000000;
|
|
106
106
|
@dt-color-link-disabled-inverted: #808080;
|
|
107
107
|
@dt-color-link-disabled-inverted-hover: #808080;
|
|
108
|
-
@dt-color-surface-primary: #
|
|
109
|
-
@dt-color-surface-secondary: #
|
|
108
|
+
@dt-color-surface-primary: #1f1f1f;
|
|
109
|
+
@dt-color-surface-secondary: #262626;
|
|
110
110
|
@dt-color-surface-moderate: #3a3a3a;
|
|
111
111
|
@dt-color-surface-bold: #555555;
|
|
112
112
|
@dt-color-surface-strong: #aaaaaa;
|
|
@@ -132,6 +132,7 @@
|
|
|
132
132
|
@dt-color-surface-success-subtle-opaque: #092310;
|
|
133
133
|
@dt-color-surface-info-opaque: #1769c6;
|
|
134
134
|
@dt-color-surface-info-subtle-opaque: #011e41;
|
|
135
|
+
@dt-color-surface-backdrop: #000000;
|
|
135
136
|
@dt-color-surface-critical-strong: #ff8585;
|
|
136
137
|
@dt-color-surface-warning-strong: #d28f2b;
|
|
137
138
|
@dt-color-surface-success-strong: #b0ffa3;
|
|
@@ -172,7 +173,7 @@
|
|
|
172
173
|
@dt-color-border-brand-subtle: #3a1d95;
|
|
173
174
|
@dt-color-border-brand-strong: #dac7ff;
|
|
174
175
|
@dt-color-black-100: #000000;
|
|
175
|
-
@dt-color-black-200: #
|
|
176
|
+
@dt-color-black-200: #262626;
|
|
176
177
|
@dt-color-black-300: #3a3a3a;
|
|
177
178
|
@dt-color-black-400: #555555;
|
|
178
179
|
@dt-color-black-500: #808080;
|
|
@@ -278,11 +279,11 @@
|
|
|
278
279
|
@dt-action-color-background-critical-primary-hover: #D90D0D;
|
|
279
280
|
@dt-action-color-background-critical-primary-active: #C50C0C;
|
|
280
281
|
@dt-action-color-background-inverted-primary-active: #3A1D95;
|
|
281
|
-
@dt-action-color-background-inverted-primary-default: #
|
|
282
|
+
@dt-action-color-background-inverted-primary-default: #1f1f1f;
|
|
282
283
|
@dt-action-color-background-inverted-primary-hover: #10022C;
|
|
283
284
|
@dt-action-color-background-inverted-default: transparent;
|
|
284
|
-
@dt-action-color-background-inverted-hover: #
|
|
285
|
-
@dt-action-color-background-inverted-active: #
|
|
285
|
+
@dt-action-color-background-inverted-hover: #1f1f1f26;
|
|
286
|
+
@dt-action-color-background-inverted-active: #1f1f1f4d;
|
|
286
287
|
@dt-action-color-background-muted-default: transparent;
|
|
287
288
|
@dt-action-color-background-muted-hover: #e9e9e91a;
|
|
288
289
|
@dt-action-color-background-muted-active: #e9e9e929;
|
|
@@ -304,7 +305,7 @@
|
|
|
304
305
|
@dt-theme-topbar-button-color-background: #f9f9f900;
|
|
305
306
|
@dt-theme-topbar-button-color-background-active: #f9f9f91a;
|
|
306
307
|
@dt-theme-topbar-color-foreground: #f9f9f9bf;
|
|
307
|
-
@dt-theme-topbar-color-background: #
|
|
308
|
+
@dt-theme-topbar-color-background: #262626;
|
|
308
309
|
@dt-theme-topbar-profile-color-foreground: #f9f9f9bf;
|
|
309
310
|
@dt-theme-topbar-profile-color-foreground-inverted: #000000bf;
|
|
310
311
|
@dt-theme-topbar-profile-color-background: #f9f9f90d;
|
|
@@ -319,7 +320,7 @@
|
|
|
319
320
|
@dt-theme-sidebar-selected-row-color-background: #f9f9f933;
|
|
320
321
|
@dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
|
|
321
322
|
@dt-theme-sidebar-color-foreground: #F9F9F9;
|
|
322
|
-
@dt-theme-sidebar-color-background: #
|
|
323
|
+
@dt-theme-sidebar-color-background: #262626;
|
|
323
324
|
@dt-theme-sidebar-status-color-foreground: #fbfbfb;
|
|
324
325
|
@dt-theme-color-base: #F9F9F9;
|
|
325
326
|
@dt-theme-presence-color-background-available: #B0FFA3;
|
|
@@ -585,7 +586,7 @@
|
|
|
585
586
|
@dt-shadow-small-0-y: 0.2rem;
|
|
586
587
|
@dt-shadow-small-0-blur: 0.4rem;
|
|
587
588
|
@dt-shadow-small-0-spread: 0;
|
|
588
|
-
@dt-shadow-small-0-color: #
|
|
589
|
+
@dt-shadow-small-0-color: #00000073;
|
|
589
590
|
@dt-shadow-small-0-type: dropShadow;
|
|
590
591
|
@dt-shadow-small-1-x: 0.05rem;
|
|
591
592
|
@dt-shadow-small-1-y: 0.05rem;
|
|
@@ -615,7 +616,7 @@
|
|
|
615
616
|
@dt-shadow-medium-0-y: 0.2rem;
|
|
616
617
|
@dt-shadow-medium-0-blur: 0.8rem;
|
|
617
618
|
@dt-shadow-medium-0-spread: 0;
|
|
618
|
-
@dt-shadow-medium-0-color: #
|
|
619
|
+
@dt-shadow-medium-0-color: #0000008c;
|
|
619
620
|
@dt-shadow-medium-0-type: dropShadow;
|
|
620
621
|
@dt-shadow-medium-1-x: 0.05rem;
|
|
621
622
|
@dt-shadow-medium-1-y: 0.05rem;
|
|
@@ -645,9 +646,9 @@
|
|
|
645
646
|
@dt-shadow-large-0-y: 0.2rem;
|
|
646
647
|
@dt-shadow-large-0-blur: 1.6rem;
|
|
647
648
|
@dt-shadow-large-0-spread: 0;
|
|
648
|
-
@dt-shadow-large-0-color: #
|
|
649
|
+
@dt-shadow-large-0-color: #0000008c;
|
|
649
650
|
@dt-shadow-large-0-type: dropShadow;
|
|
650
|
-
@dt-shadow-large-1-x: 0.05rem;
|
|
651
|
+
@dt-shadow-large-1-x: -0.05rem;
|
|
651
652
|
@dt-shadow-large-1-y: 0.05rem;
|
|
652
653
|
@dt-shadow-large-1-blur: 0;
|
|
653
654
|
@dt-shadow-large-1-spread: 0;
|
|
@@ -675,7 +676,7 @@
|
|
|
675
676
|
@dt-shadow-extra-large-0-y: 0.2rem;
|
|
676
677
|
@dt-shadow-extra-large-0-blur: 3.2rem;
|
|
677
678
|
@dt-shadow-extra-large-0-spread: 0;
|
|
678
|
-
@dt-shadow-extra-large-0-color: #
|
|
679
|
+
@dt-shadow-extra-large-0-color: #0000008c;
|
|
679
680
|
@dt-shadow-extra-large-0-type: dropShadow;
|
|
680
681
|
@dt-shadow-extra-large-1-x: 0.05rem;
|
|
681
682
|
@dt-shadow-extra-large-1-y: 0.05rem;
|
|
@@ -705,19 +706,19 @@
|
|
|
705
706
|
@dt-shadow-card-0-y: 0.1rem;
|
|
706
707
|
@dt-shadow-card-0-blur: 0.2rem;
|
|
707
708
|
@dt-shadow-card-0-spread: 0;
|
|
708
|
-
@dt-shadow-card-0-color: #
|
|
709
|
+
@dt-shadow-card-0-color: #00000059;
|
|
709
710
|
@dt-shadow-card-0-type: dropShadow;
|
|
710
711
|
@dt-shadow-card-1-x: 0;
|
|
711
712
|
@dt-shadow-card-1-y: 0.2rem;
|
|
712
713
|
@dt-shadow-card-1-blur: 0.4rem;
|
|
713
714
|
@dt-shadow-card-1-spread: 0;
|
|
714
|
-
@dt-shadow-card-1-color: #
|
|
715
|
+
@dt-shadow-card-1-color: #00000073;
|
|
715
716
|
@dt-shadow-card-1-type: dropShadow;
|
|
716
717
|
@dt-shadow-card-2-x: 0;
|
|
717
718
|
@dt-shadow-card-2-y: 0.2rem;
|
|
718
719
|
@dt-shadow-card-2-blur: 1.6rem;
|
|
719
720
|
@dt-shadow-card-2-spread: 0;
|
|
720
|
-
@dt-shadow-card-2-color: #
|
|
721
|
+
@dt-shadow-card-2-color: #00000094;
|
|
721
722
|
@dt-shadow-card-2-type: dropShadow;
|
|
722
723
|
@dt-shadow-card-3-x: 0.05rem;
|
|
723
724
|
@dt-shadow-card-3-y: 0.05rem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 24 Jul 2023 16:30:53 GMT
|
|
4
4
|
|
|
5
5
|
@dt-radio-size-width: 1.6rem;
|
|
6
6
|
@dt-radio-size-height: 1.6rem;
|
|
@@ -110,6 +110,7 @@
|
|
|
110
110
|
@dt-color-surface-bold-opaque: #000000;
|
|
111
111
|
@dt-color-surface-strong-opaque: #000000;
|
|
112
112
|
@dt-color-surface-contrast-opaque: #000000;
|
|
113
|
+
@dt-color-surface-backdrop: #000000;
|
|
113
114
|
@dt-color-surface-critical-opaque: #ec0e0e;
|
|
114
115
|
@dt-color-surface-critical-subtle-opaque: #ec0e0e;
|
|
115
116
|
@dt-color-surface-warning-opaque: #ffdb80;
|
package/dist/tokens-dark.json
CHANGED
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"dtCheckboxSizeWidth": "1.6rem",
|
|
28
28
|
"dtCheckboxSizeHeight": "1.6rem",
|
|
29
29
|
"dtCheckboxSizeRadius": "0.4rem",
|
|
30
|
-
"dtBadgeColorBackgroundDefault": "#
|
|
30
|
+
"dtBadgeColorBackgroundDefault": "#f9f9f926",
|
|
31
31
|
"dtBadgeColorBackgroundInfo": "#01326D",
|
|
32
32
|
"dtBadgeColorBackgroundSuccess": "#124620",
|
|
33
33
|
"dtBadgeColorBackgroundWarning": "#815008",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"dtColorForegroundPrimaryInverted": "#000000",
|
|
71
71
|
"dtColorForegroundSecondaryInverted": "#3A3A3A",
|
|
72
72
|
"dtColorForegroundTertiaryInverted": "#555555",
|
|
73
|
-
"dtColorForegroundMutedInverted": "#
|
|
73
|
+
"dtColorForegroundMutedInverted": "#26262699",
|
|
74
74
|
"dtColorForegroundPlaceholderInverted": "#808080",
|
|
75
75
|
"dtColorForegroundDisabledInverted": "#808080",
|
|
76
76
|
"dtColorForegroundCriticalInverted": "#EC0E0E",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"dtColorForegroundSuccessInverted": "#1AA340",
|
|
79
79
|
"dtColorForegroundSuccessStrongInverted": "#124620",
|
|
80
80
|
"dtColorForegroundWarningInverted": "#815008",
|
|
81
|
-
"dtColorLinkPrimary": "#
|
|
81
|
+
"dtColorLinkPrimary": "#b790ff",
|
|
82
82
|
"dtColorLinkCritical": "#FF8585",
|
|
83
83
|
"dtColorLinkSuccess": "#B0FFA3",
|
|
84
84
|
"dtColorLinkWarning": "#FFDB80",
|
|
@@ -97,13 +97,13 @@
|
|
|
97
97
|
"dtColorLinkSuccessInverted": "#1AA340",
|
|
98
98
|
"dtColorLinkSuccessInvertedHover": "#124620",
|
|
99
99
|
"dtColorLinkWarningInverted": "#815008",
|
|
100
|
-
"dtColorLinkWarningInvertedHover": "#
|
|
101
|
-
"dtColorLinkMutedInverted": "#
|
|
100
|
+
"dtColorLinkWarningInvertedHover": "#262626",
|
|
101
|
+
"dtColorLinkMutedInverted": "#26262699",
|
|
102
102
|
"dtColorLinkMutedInvertedHover": "#000000",
|
|
103
103
|
"dtColorLinkDisabledInverted": "#808080",
|
|
104
104
|
"dtColorLinkDisabledInvertedHover": "#808080",
|
|
105
|
-
"dtColorSurfacePrimary": "#
|
|
106
|
-
"dtColorSurfaceSecondary": "#
|
|
105
|
+
"dtColorSurfacePrimary": "#1f1f1f",
|
|
106
|
+
"dtColorSurfaceSecondary": "#262626",
|
|
107
107
|
"dtColorSurfaceModerate": "#3A3A3A",
|
|
108
108
|
"dtColorSurfaceBold": "#555555",
|
|
109
109
|
"dtColorSurfaceStrong": "#AAAAAA",
|
|
@@ -116,11 +116,11 @@
|
|
|
116
116
|
"dtColorSurfaceSuccessSubtle": "#092310",
|
|
117
117
|
"dtColorSurfaceInfo": "#01326D",
|
|
118
118
|
"dtColorSurfaceInfoSubtle": "#011e41",
|
|
119
|
-
"dtColorSurfaceSecondaryOpaque": "#
|
|
120
|
-
"dtColorSurfaceModerateOpaque": "#
|
|
121
|
-
"dtColorSurfaceBoldOpaque": "#
|
|
122
|
-
"dtColorSurfaceStrongOpaque": "#
|
|
123
|
-
"dtColorSurfaceContrastOpaque": "#
|
|
119
|
+
"dtColorSurfaceSecondaryOpaque": "#f9f9f90f",
|
|
120
|
+
"dtColorSurfaceModerateOpaque": "#f9f9f926",
|
|
121
|
+
"dtColorSurfaceBoldOpaque": "#f9f9f945",
|
|
122
|
+
"dtColorSurfaceStrongOpaque": "#f9f9f9a6",
|
|
123
|
+
"dtColorSurfaceContrastOpaque": "#f9f9f9f5",
|
|
124
124
|
"dtColorSurfaceCriticalOpaque": "#b70b0b52",
|
|
125
125
|
"dtColorSurfaceCriticalSubtleOpaque": "#2d020280",
|
|
126
126
|
"dtColorSurfaceWarningOpaque": "#d28f2b7a",
|
|
@@ -129,6 +129,7 @@
|
|
|
129
129
|
"dtColorSurfaceSuccessSubtleOpaque": "#09231080",
|
|
130
130
|
"dtColorSurfaceInfoOpaque": "#1769c64a",
|
|
131
131
|
"dtColorSurfaceInfoSubtleOpaque": "#011e4180",
|
|
132
|
+
"dtColorSurfaceBackdrop": "#000000b3",
|
|
132
133
|
"dtColorSurfaceCriticalStrong": "#FF8585",
|
|
133
134
|
"dtColorSurfaceWarningStrong": "#D28F2B",
|
|
134
135
|
"dtColorSurfaceSuccessStrong": "#B0FFA3",
|
|
@@ -169,7 +170,7 @@
|
|
|
169
170
|
"dtColorBorderBrandSubtle": "#3A1D95",
|
|
170
171
|
"dtColorBorderBrandStrong": "#DAC7FF",
|
|
171
172
|
"dtColorBlack100": "#000000",
|
|
172
|
-
"dtColorBlack200": "#
|
|
173
|
+
"dtColorBlack200": "#262626",
|
|
173
174
|
"dtColorBlack300": "#3A3A3A",
|
|
174
175
|
"dtColorBlack400": "#555555",
|
|
175
176
|
"dtColorBlack500": "#808080",
|
|
@@ -275,11 +276,11 @@
|
|
|
275
276
|
"dtActionColorBackgroundCriticalPrimaryHover": "#D90D0D",
|
|
276
277
|
"dtActionColorBackgroundCriticalPrimaryActive": "#C50C0C",
|
|
277
278
|
"dtActionColorBackgroundInvertedPrimaryActive": "#3A1D95",
|
|
278
|
-
"dtActionColorBackgroundInvertedPrimaryDefault": "#
|
|
279
|
+
"dtActionColorBackgroundInvertedPrimaryDefault": "#1f1f1f",
|
|
279
280
|
"dtActionColorBackgroundInvertedPrimaryHover": "#10022C",
|
|
280
281
|
"dtActionColorBackgroundInvertedDefault": "transparent",
|
|
281
|
-
"dtActionColorBackgroundInvertedHover": "#
|
|
282
|
-
"dtActionColorBackgroundInvertedActive": "#
|
|
282
|
+
"dtActionColorBackgroundInvertedHover": "#1f1f1f26",
|
|
283
|
+
"dtActionColorBackgroundInvertedActive": "#1f1f1f4d",
|
|
283
284
|
"dtActionColorBackgroundMutedDefault": "transparent",
|
|
284
285
|
"dtActionColorBackgroundMutedHover": "#e9e9e91a",
|
|
285
286
|
"dtActionColorBackgroundMutedActive": "#e9e9e929",
|
|
@@ -301,7 +302,7 @@
|
|
|
301
302
|
"dtThemeTopbarButtonColorBackground": "#f9f9f900",
|
|
302
303
|
"dtThemeTopbarButtonColorBackgroundActive": "#f9f9f91a",
|
|
303
304
|
"dtThemeTopbarColorForeground": "#f9f9f9bf",
|
|
304
|
-
"dtThemeTopbarColorBackground": "#
|
|
305
|
+
"dtThemeTopbarColorBackground": "#262626",
|
|
305
306
|
"dtThemeTopbarProfileColorForeground": "#f9f9f9bf",
|
|
306
307
|
"dtThemeTopbarProfileColorForegroundInverted": "#000000bf",
|
|
307
308
|
"dtThemeTopbarProfileColorBackground": "#f9f9f90d",
|
|
@@ -316,7 +317,7 @@
|
|
|
316
317
|
"dtThemeSidebarSelectedRowColorBackground": "#f9f9f933",
|
|
317
318
|
"dtThemeSidebarSelectedRowColorForeground": "#F9F9F9",
|
|
318
319
|
"dtThemeSidebarColorForeground": "#F9F9F9",
|
|
319
|
-
"dtThemeSidebarColorBackground": "#
|
|
320
|
+
"dtThemeSidebarColorBackground": "#262626",
|
|
320
321
|
"dtThemeSidebarStatusColorForeground": "#fbfbfb",
|
|
321
322
|
"dtThemeColorBase": "#F9F9F9",
|
|
322
323
|
"dtThemePresenceColorBackgroundAvailable": "#B0FFA3",
|
|
@@ -582,7 +583,7 @@
|
|
|
582
583
|
"dtShadowSmall0Y": "0.2rem",
|
|
583
584
|
"dtShadowSmall0Blur": "0.4rem",
|
|
584
585
|
"dtShadowSmall0Spread": "0",
|
|
585
|
-
"dtShadowSmall0Color": "#
|
|
586
|
+
"dtShadowSmall0Color": "#00000073",
|
|
586
587
|
"dtShadowSmall0Type": "dropShadow",
|
|
587
588
|
"dtShadowSmall1X": "0.05rem",
|
|
588
589
|
"dtShadowSmall1Y": "0.05rem",
|
|
@@ -612,7 +613,7 @@
|
|
|
612
613
|
"dtShadowMedium0Y": "0.2rem",
|
|
613
614
|
"dtShadowMedium0Blur": "0.8rem",
|
|
614
615
|
"dtShadowMedium0Spread": "0",
|
|
615
|
-
"dtShadowMedium0Color": "#
|
|
616
|
+
"dtShadowMedium0Color": "#0000008c",
|
|
616
617
|
"dtShadowMedium0Type": "dropShadow",
|
|
617
618
|
"dtShadowMedium1X": "0.05rem",
|
|
618
619
|
"dtShadowMedium1Y": "0.05rem",
|
|
@@ -642,9 +643,9 @@
|
|
|
642
643
|
"dtShadowLarge0Y": "0.2rem",
|
|
643
644
|
"dtShadowLarge0Blur": "1.6rem",
|
|
644
645
|
"dtShadowLarge0Spread": "0",
|
|
645
|
-
"dtShadowLarge0Color": "#
|
|
646
|
+
"dtShadowLarge0Color": "#0000008c",
|
|
646
647
|
"dtShadowLarge0Type": "dropShadow",
|
|
647
|
-
"dtShadowLarge1X": "0.05rem",
|
|
648
|
+
"dtShadowLarge1X": "-0.05rem",
|
|
648
649
|
"dtShadowLarge1Y": "0.05rem",
|
|
649
650
|
"dtShadowLarge1Blur": "0",
|
|
650
651
|
"dtShadowLarge1Spread": "0",
|
|
@@ -672,7 +673,7 @@
|
|
|
672
673
|
"dtShadowExtraLarge0Y": "0.2rem",
|
|
673
674
|
"dtShadowExtraLarge0Blur": "3.2rem",
|
|
674
675
|
"dtShadowExtraLarge0Spread": "0",
|
|
675
|
-
"dtShadowExtraLarge0Color": "#
|
|
676
|
+
"dtShadowExtraLarge0Color": "#0000008c",
|
|
676
677
|
"dtShadowExtraLarge0Type": "dropShadow",
|
|
677
678
|
"dtShadowExtraLarge1X": "0.05rem",
|
|
678
679
|
"dtShadowExtraLarge1Y": "0.05rem",
|
|
@@ -702,19 +703,19 @@
|
|
|
702
703
|
"dtShadowCard0Y": "0.1rem",
|
|
703
704
|
"dtShadowCard0Blur": "0.2rem",
|
|
704
705
|
"dtShadowCard0Spread": "0",
|
|
705
|
-
"dtShadowCard0Color": "#
|
|
706
|
+
"dtShadowCard0Color": "#00000059",
|
|
706
707
|
"dtShadowCard0Type": "dropShadow",
|
|
707
708
|
"dtShadowCard1X": "0",
|
|
708
709
|
"dtShadowCard1Y": "0.2rem",
|
|
709
710
|
"dtShadowCard1Blur": "0.4rem",
|
|
710
711
|
"dtShadowCard1Spread": "0",
|
|
711
|
-
"dtShadowCard1Color": "#
|
|
712
|
+
"dtShadowCard1Color": "#00000073",
|
|
712
713
|
"dtShadowCard1Type": "dropShadow",
|
|
713
714
|
"dtShadowCard2X": "0",
|
|
714
715
|
"dtShadowCard2Y": "0.2rem",
|
|
715
716
|
"dtShadowCard2Blur": "1.6rem",
|
|
716
717
|
"dtShadowCard2Spread": "0",
|
|
717
|
-
"dtShadowCard2Color": "#
|
|
718
|
+
"dtShadowCard2Color": "#00000094",
|
|
718
719
|
"dtShadowCard2Type": "dropShadow",
|
|
719
720
|
"dtShadowCard3X": "0.05rem",
|
|
720
721
|
"dtShadowCard3Y": "0.05rem",
|
package/dist/tokens-light.json
CHANGED
|
@@ -107,6 +107,7 @@
|
|
|
107
107
|
"dtColorSurfaceBoldOpaque": "#0000002e",
|
|
108
108
|
"dtColorSurfaceStrongOpaque": "#000000ab",
|
|
109
109
|
"dtColorSurfaceContrastOpaque": "#000000de",
|
|
110
|
+
"dtColorSurfaceBackdrop": "#000000b3",
|
|
110
111
|
"dtColorSurfaceCriticalOpaque": "#ec0e0e1c",
|
|
111
112
|
"dtColorSurfaceCriticalSubtleOpaque": "#ec0e0e0d",
|
|
112
113
|
"dtColorSurfaceWarningOpaque": "#ffdb8061",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.21.0",
|
|
4
4
|
"description": "Design tokens for Dialtone.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -17,10 +17,7 @@
|
|
|
17
17
|
"publishConfig": {
|
|
18
18
|
"access": "public"
|
|
19
19
|
},
|
|
20
|
-
"repository":
|
|
21
|
-
"type": "git",
|
|
22
|
-
"url": "git+https://github.com/dialpad/dialtone-tokens.git"
|
|
23
|
-
},
|
|
20
|
+
"repository": "git@github.com:dialpad/dialtone-tokens.git",
|
|
24
21
|
"author": "Dialpad",
|
|
25
22
|
"license": "ISC",
|
|
26
23
|
"bugs": {
|