@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.
Files changed (15) hide show
  1. package/dist/android/java/tokens-dark.kt +28 -27
  2. package/dist/android/java/tokens-light.kt +2 -1
  3. package/dist/android/res/values/colors-dark.xml +27 -26
  4. package/dist/android/res/values/colors-light.xml +2 -1
  5. package/dist/android/res/values/dimens.xml +1 -1
  6. package/dist/css/variables-dark.css +28 -27
  7. package/dist/css/variables-light.css +2 -1
  8. package/dist/doc.json +129 -107
  9. package/dist/ios/tokens-dark.swift +31 -30
  10. package/dist/ios/tokens-light.swift +5 -4
  11. package/dist/less/variables-dark.less +23 -22
  12. package/dist/less/variables-light.less +2 -1
  13. package/dist/tokens-dark.json +27 -26
  14. package/dist/tokens-light.json +1 -0
  15. package/package.json +2 -5
package/dist/android/java/tokens-dark.kt CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
 
3
3
  // Do not edit directly
4
- // Generated on Thu, 01 Jun 2023 00:22:55 GMT
4
+ // Generated on Mon, 24 Jul 2023 16:30:53 GMT
5
5
 
6
6
 
7
7
 
@@ -24,11 +24,11 @@ object DialtoneTokensDark {
24
24
  val dtActionColorBackgroundCriticalPrimaryDefault = Color(0xffec0e0e)
25
25
  val dtActionColorBackgroundCriticalPrimaryHover = Color(0xffd90d0d)
26
26
  val dtActionColorBackgroundDisabledDefault = Color(0xff3a3a3a)
27
- val dtActionColorBackgroundInvertedActive = Color(0x4d080808)
27
+ val dtActionColorBackgroundInvertedActive = Color(0x4d1f1f1f)
28
28
  val dtActionColorBackgroundInvertedDefault = Color(0x00000000)
29
- val dtActionColorBackgroundInvertedHover = Color(0x26080808)
29
+ val dtActionColorBackgroundInvertedHover = Color(0x261f1f1f)
30
30
  val dtActionColorBackgroundInvertedPrimaryActive = Color(0xff3a1d95)
31
- val dtActionColorBackgroundInvertedPrimaryDefault = Color(0xff080808)
31
+ val dtActionColorBackgroundInvertedPrimaryDefault = Color(0xff1f1f1f)
32
32
  val dtActionColorBackgroundInvertedPrimaryHover = Color(0xff10022c)
33
33
  val dtActionColorBackgroundMutedActive = Color(0x29e9e9e9)
34
34
  val dtActionColorBackgroundMutedDefault = Color(0x00000000)
@@ -78,7 +78,7 @@ object DialtoneTokensDark {
78
78
  val dtBadgeColorBackgroundAi = Color(0xff000000)
79
79
  val dtBadgeColorBackgroundBulletin = Color(0xff7c52ff)
80
80
  val dtBadgeColorBackgroundCritical = Color(0xff5b0505)
81
- val dtBadgeColorBackgroundDefault = Color(0x36f9f9f9)
81
+ val dtBadgeColorBackgroundDefault = Color(0x26f9f9f9)
82
82
  val dtBadgeColorBackgroundInfo = Color(0xff01326d)
83
83
  val dtBadgeColorBackgroundSuccess = Color(0xff124620)
84
84
  val dtBadgeColorBackgroundWarning = Color(0xff815008)
@@ -91,7 +91,7 @@ object DialtoneTokensDark {
91
91
  val dtCheckboxSizeRadius = 4.dp
92
92
  val dtCheckboxSizeWidth = 16.dp
93
93
  val dtColorBlack100 = Color(0xff000000)
94
- val dtColorBlack200 = Color(0xff222222)
94
+ val dtColorBlack200 = Color(0xff262626)
95
95
  val dtColorBlack300 = Color(0xff3a3a3a)
96
96
  val dtColorBlack400 = Color(0xff555555)
97
97
  val dtColorBlack500 = Color(0xff808080)
@@ -148,7 +148,7 @@ object DialtoneTokensDark {
148
148
  val dtColorForegroundDisabled = Color(0xffaaaaaa)
149
149
  val dtColorForegroundDisabledInverted = Color(0xff808080)
150
150
  val dtColorForegroundMuted = Color(0x99e9e9e9)
151
- val dtColorForegroundMutedInverted = Color(0x99222222)
151
+ val dtColorForegroundMutedInverted = Color(0x99262626)
152
152
  val dtColorForegroundPlaceholder = Color(0xffaaaaaa)
153
153
  val dtColorForegroundPlaceholderInverted = Color(0xff808080)
154
154
  val dtColorForegroundPrimary = Color(0xfff9f9f9)
@@ -184,9 +184,9 @@ object DialtoneTokensDark {
184
184
  val dtColorLinkDisabledInvertedHover = Color(0xff808080)
185
185
  val dtColorLinkMuted = Color(0x99e9e9e9)
186
186
  val dtColorLinkMutedHover = Color(0xfff9f9f9)
187
- val dtColorLinkMutedInverted = Color(0x99222222)
187
+ val dtColorLinkMutedInverted = Color(0x99262626)
188
188
  val dtColorLinkMutedInvertedHover = Color(0xff000000)
189
- val dtColorLinkPrimary = Color(0xffab7eff)
189
+ val dtColorLinkPrimary = Color(0xffb790ff)
190
190
  val dtColorLinkPrimaryHover = Color(0xffdac7ff)
191
191
  val dtColorLinkPrimaryInverted = Color(0xff7c52ff)
192
192
  val dtColorLinkPrimaryInvertedHover = Color(0xff3a1d95)
@@ -197,7 +197,7 @@ object DialtoneTokensDark {
197
197
  val dtColorLinkWarning = Color(0xffffdb80)
198
198
  val dtColorLinkWarningHover = Color(0xfffff4cc)
199
199
  val dtColorLinkWarningInverted = Color(0xff815008)
200
- val dtColorLinkWarningInvertedHover = Color(0xff222222)
200
+ val dtColorLinkWarningInvertedHover = Color(0xff262626)
201
201
  val dtColorMagenta100 = Color(0xff541a3b)
202
202
  val dtColorMagenta200 = Color(0xff8c0e56)
203
203
  val dtColorMagenta300 = Color(0xfff9008e)
@@ -217,10 +217,11 @@ object DialtoneTokensDark {
217
217
  val dtColorRed300 = Color(0xffec0e0e)
218
218
  val dtColorRed400 = Color(0xffff8585)
219
219
  val dtColorRed500 = Color(0xffffe5e6)
220
+ val dtColorSurfaceBackdrop = Color(0xb3000000)
220
221
  val dtColorSurfaceBold = Color(0xff555555)
221
- val dtColorSurfaceBoldOpaque = Color(0x52f9f9f9)
222
+ val dtColorSurfaceBoldOpaque = Color(0x45f9f9f9)
222
223
  val dtColorSurfaceContrast = Color(0xfff9f9f9)
223
- val dtColorSurfaceContrastOpaque = Color(0xfaf9f9f9)
224
+ val dtColorSurfaceContrastOpaque = Color(0xf5f9f9f9)
224
225
  val dtColorSurfaceCritical = Color(0xff5b0505)
225
226
  val dtColorSurfaceCriticalOpaque = Color(0x52b70b0b)
226
227
  val dtColorSurfaceCriticalStrong = Color(0xffff8585)
@@ -232,12 +233,12 @@ object DialtoneTokensDark {
232
233
  val dtColorSurfaceInfoSubtle = Color(0xff011e41)
233
234
  val dtColorSurfaceInfoSubtleOpaque = Color(0x80011e41)
234
235
  val dtColorSurfaceModerate = Color(0xff3a3a3a)
235
- val dtColorSurfaceModerateOpaque = Color(0x36f9f9f9)
236
- val dtColorSurfacePrimary = Color(0xff080808)
237
- val dtColorSurfaceSecondary = Color(0xff1b1b1b)
238
- val dtColorSurfaceSecondaryOpaque = Color(0x14f9f9f9)
236
+ val dtColorSurfaceModerateOpaque = Color(0x26f9f9f9)
237
+ val dtColorSurfacePrimary = Color(0xff1f1f1f)
238
+ val dtColorSurfaceSecondary = Color(0xff262626)
239
+ val dtColorSurfaceSecondaryOpaque = Color(0x0ff9f9f9)
239
240
  val dtColorSurfaceStrong = Color(0xffaaaaaa)
240
- val dtColorSurfaceStrongOpaque = Color(0xabf9f9f9)
241
+ val dtColorSurfaceStrongOpaque = Color(0xa6f9f9f9)
241
242
  val dtColorSurfaceSuccess = Color(0xff124620)
242
243
  val dtColorSurfaceSuccessOpaque = Color(0x421aa341)
243
244
  val dtColorSurfaceSuccessStrong = Color(0xffb0ffa3)
@@ -338,19 +339,19 @@ object DialtoneTokensDark {
338
339
  val dtRadioSizeRadius = 50.dp
339
340
  val dtRadioSizeWidth = 16.dp
340
341
  val dtShadowCard0Blur = 2.dp
341
- val dtShadowCard0Color = Color(0x21000000)
342
+ val dtShadowCard0Color = Color(0x59000000)
342
343
  val dtShadowCard0Spread = 0.dp
343
344
  val dtShadowCard0Type = "dropShadow"
344
345
  val dtShadowCard0X = 0.dp
345
346
  val dtShadowCard0Y = 1.dp
346
347
  val dtShadowCard1Blur = 4.dp
347
- val dtShadowCard1Color = Color(0x24000000)
348
+ val dtShadowCard1Color = Color(0x73000000)
348
349
  val dtShadowCard1Spread = 0.dp
349
350
  val dtShadowCard1Type = "dropShadow"
350
351
  val dtShadowCard1X = 0.dp
351
352
  val dtShadowCard1Y = 2.dp
352
353
  val dtShadowCard2Blur = 16.dp
353
- val dtShadowCard2Color = Color(0x2e000000)
354
+ val dtShadowCard2Color = Color(0x94000000)
354
355
  val dtShadowCard2Spread = 0.dp
355
356
  val dtShadowCard2Type = "dropShadow"
356
357
  val dtShadowCard2X = 0.dp
@@ -380,7 +381,7 @@ object DialtoneTokensDark {
380
381
  val dtShadowCard6X = 0.5.dp
381
382
  val dtShadowCard6Y = -0.5.dp
382
383
  val dtShadowExtraLarge0Blur = 32.dp
383
- val dtShadowExtraLarge0Color = Color(0x66000000)
384
+ val dtShadowExtraLarge0Color = Color(0x8c000000)
384
385
  val dtShadowExtraLarge0Spread = 0.dp
385
386
  val dtShadowExtraLarge0Type = "dropShadow"
386
387
  val dtShadowExtraLarge0X = 0.dp
@@ -428,7 +429,7 @@ object DialtoneTokensDark {
428
429
  val dtShadowFocusInset0X = 0.dp
429
430
  val dtShadowFocusInset0Y = 0.dp
430
431
  val dtShadowLarge0Blur = 16.dp
431
- val dtShadowLarge0Color = Color(0x66000000)
432
+ val dtShadowLarge0Color = Color(0x8c000000)
432
433
  val dtShadowLarge0Spread = 0.dp
433
434
  val dtShadowLarge0Type = "dropShadow"
434
435
  val dtShadowLarge0X = 0.dp
@@ -437,7 +438,7 @@ object DialtoneTokensDark {
437
438
  val dtShadowLarge1Color = Color(0xff000000)
438
439
  val dtShadowLarge1Spread = 0.dp
439
440
  val dtShadowLarge1Type = "dropShadow"
440
- val dtShadowLarge1X = 0.5.dp
441
+ val dtShadowLarge1X = -0.5.dp
441
442
  val dtShadowLarge1Y = 0.5.dp
442
443
  val dtShadowLarge2Blur = 0.dp
443
444
  val dtShadowLarge2Color = Color(0xff000000)
@@ -458,7 +459,7 @@ object DialtoneTokensDark {
458
459
  val dtShadowLarge4X = 0.5.dp
459
460
  val dtShadowLarge4Y = -0.5.dp
460
461
  val dtShadowMedium0Blur = 8.dp
461
- val dtShadowMedium0Color = Color(0x59000000)
462
+ val dtShadowMedium0Color = Color(0x8c000000)
462
463
  val dtShadowMedium0Spread = 0.dp
463
464
  val dtShadowMedium0Type = "dropShadow"
464
465
  val dtShadowMedium0X = 0.dp
@@ -488,7 +489,7 @@ object DialtoneTokensDark {
488
489
  val dtShadowMedium4X = 0.5.dp
489
490
  val dtShadowMedium4Y = -0.5.dp
490
491
  val dtShadowSmall0Blur = 4.dp
491
- val dtShadowSmall0Color = Color(0x40000000)
492
+ val dtShadowSmall0Color = Color(0x73000000)
492
493
  val dtShadowSmall0Spread = 0.dp
493
494
  val dtShadowSmall0Type = "dropShadow"
494
495
  val dtShadowSmall0X = 0.dp
@@ -743,7 +744,7 @@ object DialtoneTokensDark {
743
744
  val dtThemePresenceColorBackgroundBusy = Color(0xfff6ab3c)
744
745
  val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffec0e0e)
745
746
  val dtThemePresenceColorBackgroundOffline = Color(0xffffffff)
746
- val dtThemeSidebarColorBackground = Color(0xff1b1b1b)
747
+ val dtThemeSidebarColorBackground = Color(0xff262626)
747
748
  val dtThemeSidebarColorForeground = Color(0xfff9f9f9)
748
749
  val dtThemeSidebarIconColorForeground = Color(0xffc0c0c0)
749
750
  val dtThemeSidebarRowColorBackground = Color(0x00f9f9f9)
@@ -758,7 +759,7 @@ object DialtoneTokensDark {
758
759
  val dtThemeTopbarButtonColorBackgroundHover = Color(0x26f9f9f9)
759
760
  val dtThemeTopbarButtonColorForeground = Color(0xa6f9f9f9)
760
761
  val dtThemeTopbarButtonColorForegroundHover = Color(0xfff9f9f9)
761
- val dtThemeTopbarColorBackground = Color(0xff1b1b1b)
762
+ val dtThemeTopbarColorBackground = Color(0xff262626)
762
763
  val dtThemeTopbarColorForeground = Color(0xbff9f9f9)
763
764
  val dtThemeTopbarFieldColorBackground = Color(0x0df9f9f9)
764
765
  val dtThemeTopbarFieldColorBackgroundHover = Color(0xff000000)
package/dist/android/java/tokens-light.kt CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
 
3
3
  // Do not edit directly
4
- // Generated on Thu, 01 Jun 2023 00:22:55 GMT
4
+ // Generated on Mon, 24 Jul 2023 16:30:53 GMT
5
5
 
6
6
 
7
7
 
@@ -217,6 +217,7 @@ object DialtoneTokensLight {
217
217
  val dtColorRed300 = Color(0xffec0e0e)
218
218
  val dtColorRed400 = Color(0xffb70b0b)
219
219
  val dtColorRed500 = Color(0xff5b0505)
220
+ val dtColorSurfaceBackdrop = Color(0xb3000000)
220
221
  val dtColorSurfaceBold = Color(0xffd2d2d2)
221
222
  val dtColorSurfaceBoldOpaque = Color(0x2e000000)
222
223
  val dtColorSurfaceContrast = Color(0xff222222)
package/dist/android/res/values/colors-dark.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 01 Jun 2023 00:22:55 GMT
5
+ Generated on Mon, 24 Jul 2023 16:30:53 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_dark_radio_color_border_unchecked">#ff808080</color>
@@ -11,7 +11,7 @@
11
11
  <color name="dt_dark_checkbox_color_border_unchecked">#ff808080</color>
12
12
  <color name="dt_dark_checkbox_color_border_checked">#ff7c52ff</color>
13
13
  <color name="dt_dark_checkbox_color_background_checked">#ff7c52ff</color>
14
- <color name="dt_dark_badge_color_background_default">#36f9f9f9</color>
14
+ <color name="dt_dark_badge_color_background_default">#26f9f9f9</color>
15
15
  <color name="dt_dark_badge_color_background_info">#ff01326d</color>
16
16
  <color name="dt_dark_badge_color_background_success">#ff124620</color>
17
17
  <color name="dt_dark_badge_color_background_warning">#ff815008</color>
@@ -54,7 +54,7 @@
54
54
  <color name="dt_dark_color_foreground_primary_inverted">#ff000000</color>
55
55
  <color name="dt_dark_color_foreground_secondary_inverted">#ff3a3a3a</color>
56
56
  <color name="dt_dark_color_foreground_tertiary_inverted">#ff555555</color>
57
- <color name="dt_dark_color_foreground_muted_inverted">#99222222</color>
57
+ <color name="dt_dark_color_foreground_muted_inverted">#99262626</color>
58
58
  <color name="dt_dark_color_foreground_placeholder_inverted">#ff808080</color>
59
59
  <color name="dt_dark_color_foreground_disabled_inverted">#ff808080</color>
60
60
  <color name="dt_dark_color_foreground_critical_inverted">#ffec0e0e</color>
@@ -62,7 +62,7 @@
62
62
  <color name="dt_dark_color_foreground_success_inverted">#ff1aa340</color>
63
63
  <color name="dt_dark_color_foreground_success_strong_inverted">#ff124620</color>
64
64
  <color name="dt_dark_color_foreground_warning_inverted">#ff815008</color>
65
- <color name="dt_dark_color_link_primary">#ffab7eff</color>
65
+ <color name="dt_dark_color_link_primary">#ffb790ff</color>
66
66
  <color name="dt_dark_color_link_critical">#ffff8585</color>
67
67
  <color name="dt_dark_color_link_success">#ffb0ffa3</color>
68
68
  <color name="dt_dark_color_link_warning">#ffffdb80</color>
@@ -81,13 +81,13 @@
81
81
  <color name="dt_dark_color_link_success_inverted">#ff1aa340</color>
82
82
  <color name="dt_dark_color_link_success_inverted_hover">#ff124620</color>
83
83
  <color name="dt_dark_color_link_warning_inverted">#ff815008</color>
84
- <color name="dt_dark_color_link_warning_inverted_hover">#ff222222</color>
85
- <color name="dt_dark_color_link_muted_inverted">#99222222</color>
84
+ <color name="dt_dark_color_link_warning_inverted_hover">#ff262626</color>
85
+ <color name="dt_dark_color_link_muted_inverted">#99262626</color>
86
86
  <color name="dt_dark_color_link_muted_inverted_hover">#ff000000</color>
87
87
  <color name="dt_dark_color_link_disabled_inverted">#ff808080</color>
88
88
  <color name="dt_dark_color_link_disabled_inverted_hover">#ff808080</color>
89
- <color name="dt_dark_color_surface_primary">#ff080808</color>
90
- <color name="dt_dark_color_surface_secondary">#ff1b1b1b</color>
89
+ <color name="dt_dark_color_surface_primary">#ff1f1f1f</color>
90
+ <color name="dt_dark_color_surface_secondary">#ff262626</color>
91
91
  <color name="dt_dark_color_surface_moderate">#ff3a3a3a</color>
92
92
  <color name="dt_dark_color_surface_bold">#ff555555</color>
93
93
  <color name="dt_dark_color_surface_strong">#ffaaaaaa</color>
@@ -100,11 +100,11 @@
100
100
  <color name="dt_dark_color_surface_success_subtle">#ff092310</color>
101
101
  <color name="dt_dark_color_surface_info">#ff01326d</color>
102
102
  <color name="dt_dark_color_surface_info_subtle">#ff011e41</color>
103
- <color name="dt_dark_color_surface_secondary_opaque">#14f9f9f9</color>
104
- <color name="dt_dark_color_surface_moderate_opaque">#36f9f9f9</color>
105
- <color name="dt_dark_color_surface_bold_opaque">#52f9f9f9</color>
106
- <color name="dt_dark_color_surface_strong_opaque">#abf9f9f9</color>
107
- <color name="dt_dark_color_surface_contrast_opaque">#faf9f9f9</color>
103
+ <color name="dt_dark_color_surface_secondary_opaque">#0ff9f9f9</color>
104
+ <color name="dt_dark_color_surface_moderate_opaque">#26f9f9f9</color>
105
+ <color name="dt_dark_color_surface_bold_opaque">#45f9f9f9</color>
106
+ <color name="dt_dark_color_surface_strong_opaque">#a6f9f9f9</color>
107
+ <color name="dt_dark_color_surface_contrast_opaque">#f5f9f9f9</color>
108
108
  <color name="dt_dark_color_surface_critical_opaque">#52b70b0b</color>
109
109
  <color name="dt_dark_color_surface_critical_subtle_opaque">#802d0202</color>
110
110
  <color name="dt_dark_color_surface_warning_opaque">#7ad28f2b</color>
@@ -113,6 +113,7 @@
113
113
  <color name="dt_dark_color_surface_success_subtle_opaque">#80092310</color>
114
114
  <color name="dt_dark_color_surface_info_opaque">#4a1769c6</color>
115
115
  <color name="dt_dark_color_surface_info_subtle_opaque">#80011e41</color>
116
+ <color name="dt_dark_color_surface_backdrop">#b3000000</color>
116
117
  <color name="dt_dark_color_surface_critical_strong">#ffff8585</color>
117
118
  <color name="dt_dark_color_surface_warning_strong">#ffd28f2b</color>
118
119
  <color name="dt_dark_color_surface_success_strong">#ffb0ffa3</color>
@@ -153,7 +154,7 @@
153
154
  <color name="dt_dark_color_border_brand_subtle">#ff3a1d95</color>
154
155
  <color name="dt_dark_color_border_brand_strong">#ffdac7ff</color>
155
156
  <color name="dt_dark_color_black_100">#ff000000</color>
156
- <color name="dt_dark_color_black_200">#ff222222</color>
157
+ <color name="dt_dark_color_black_200">#ff262626</color>
157
158
  <color name="dt_dark_color_black_300">#ff3a3a3a</color>
158
159
  <color name="dt_dark_color_black_400">#ff555555</color>
159
160
  <color name="dt_dark_color_black_500">#ff808080</color>
@@ -246,11 +247,11 @@
246
247
  <color name="dt_dark_action_color_background_critical_primary_hover">#ffd90d0d</color>
247
248
  <color name="dt_dark_action_color_background_critical_primary_active">#ffc50c0c</color>
248
249
  <color name="dt_dark_action_color_background_inverted_primary_active">#ff3a1d95</color>
249
- <color name="dt_dark_action_color_background_inverted_primary_default">#ff080808</color>
250
+ <color name="dt_dark_action_color_background_inverted_primary_default">#ff1f1f1f</color>
250
251
  <color name="dt_dark_action_color_background_inverted_primary_hover">#ff10022c</color>
251
252
  <color name="dt_dark_action_color_background_inverted_default">#00ffffff</color>
252
- <color name="dt_dark_action_color_background_inverted_hover">#26080808</color>
253
- <color name="dt_dark_action_color_background_inverted_active">#4d080808</color>
253
+ <color name="dt_dark_action_color_background_inverted_hover">#261f1f1f</color>
254
+ <color name="dt_dark_action_color_background_inverted_active">#4d1f1f1f</color>
254
255
  <color name="dt_dark_action_color_background_muted_default">#00ffffff</color>
255
256
  <color name="dt_dark_action_color_background_muted_hover">#1ae9e9e9</color>
256
257
  <color name="dt_dark_action_color_background_muted_active">#29e9e9e9</color>
@@ -272,7 +273,7 @@
272
273
  <color name="dt_dark_theme_topbar_button_color_background">#00f9f9f9</color>
273
274
  <color name="dt_dark_theme_topbar_button_color_background_active">#1af9f9f9</color>
274
275
  <color name="dt_dark_theme_topbar_color_foreground">#bff9f9f9</color>
275
- <color name="dt_dark_theme_topbar_color_background">#ff1b1b1b</color>
276
+ <color name="dt_dark_theme_topbar_color_background">#ff262626</color>
276
277
  <color name="dt_dark_theme_topbar_profile_color_foreground">#bff9f9f9</color>
277
278
  <color name="dt_dark_theme_topbar_profile_color_foreground_inverted">#bf000000</color>
278
279
  <color name="dt_dark_theme_topbar_profile_color_background">#0df9f9f9</color>
@@ -287,7 +288,7 @@
287
288
  <color name="dt_dark_theme_sidebar_selected_row_color_background">#33f9f9f9</color>
288
289
  <color name="dt_dark_theme_sidebar_selected_row_color_foreground">#fff9f9f9</color>
289
290
  <color name="dt_dark_theme_sidebar_color_foreground">#fff9f9f9</color>
290
- <color name="dt_dark_theme_sidebar_color_background">#ff1b1b1b</color>
291
+ <color name="dt_dark_theme_sidebar_color_background">#ff262626</color>
291
292
  <color name="dt_dark_theme_sidebar_status_color_foreground">#fffbfbfb</color>
292
293
  <color name="dt_dark_theme_color_base">#fff9f9f9</color>
293
294
  <color name="dt_dark_theme_presence_color_background_available">#ffb0ffa3</color>
@@ -296,29 +297,29 @@
296
297
  <color name="dt_dark_theme_presence_color_background_offline">#ffffffff</color>
297
298
  <color name="dt_dark_theme_mention_color_foreground">#ffffffff</color>
298
299
  <color name="dt_dark_theme_mention_color_background">#ff7c52ff</color>
299
- <color name="dt_dark_shadow_small_0_color">#40000000</color>
300
+ <color name="dt_dark_shadow_small_0_color">#73000000</color>
300
301
  <color name="dt_dark_shadow_small_1_color">#ff000000</color>
301
302
  <color name="dt_dark_shadow_small_2_color">#ff000000</color>
302
303
  <color name="dt_dark_shadow_small_3_color">#ff000000</color>
303
304
  <color name="dt_dark_shadow_small_4_color">#ff000000</color>
304
- <color name="dt_dark_shadow_medium_0_color">#59000000</color>
305
+ <color name="dt_dark_shadow_medium_0_color">#8c000000</color>
305
306
  <color name="dt_dark_shadow_medium_1_color">#ff000000</color>
306
307
  <color name="dt_dark_shadow_medium_2_color">#ff000000</color>
307
308
  <color name="dt_dark_shadow_medium_3_color">#ff000000</color>
308
309
  <color name="dt_dark_shadow_medium_4_color">#ff000000</color>
309
- <color name="dt_dark_shadow_large_0_color">#66000000</color>
310
+ <color name="dt_dark_shadow_large_0_color">#8c000000</color>
310
311
  <color name="dt_dark_shadow_large_1_color">#ff000000</color>
311
312
  <color name="dt_dark_shadow_large_2_color">#ff000000</color>
312
313
  <color name="dt_dark_shadow_large_3_color">#ff000000</color>
313
314
  <color name="dt_dark_shadow_large_4_color">#ff000000</color>
314
- <color name="dt_dark_shadow_extra_large_0_color">#66000000</color>
315
+ <color name="dt_dark_shadow_extra_large_0_color">#8c000000</color>
315
316
  <color name="dt_dark_shadow_extra_large_1_color">#ff000000</color>
316
317
  <color name="dt_dark_shadow_extra_large_2_color">#ff000000</color>
317
318
  <color name="dt_dark_shadow_extra_large_3_color">#ff000000</color>
318
319
  <color name="dt_dark_shadow_extra_large_4_color">#ff000000</color>
319
- <color name="dt_dark_shadow_card_0_color">#21000000</color>
320
- <color name="dt_dark_shadow_card_1_color">#24000000</color>
321
- <color name="dt_dark_shadow_card_2_color">#2e000000</color>
320
+ <color name="dt_dark_shadow_card_0_color">#59000000</color>
321
+ <color name="dt_dark_shadow_card_1_color">#73000000</color>
322
+ <color name="dt_dark_shadow_card_2_color">#94000000</color>
322
323
  <color name="dt_dark_shadow_card_3_color">#ff000000</color>
323
324
  <color name="dt_dark_shadow_card_4_color">#ff000000</color>
324
325
  <color name="dt_dark_shadow_card_5_color">#ff000000</color>
package/dist/android/res/values/colors-light.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 01 Jun 2023 00:22:55 GMT
5
+ Generated on Mon, 24 Jul 2023 16:30:53 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
@@ -91,6 +91,7 @@
91
91
  <color name="dt_light_color_surface_bold_opaque">#2e000000</color>
92
92
  <color name="dt_light_color_surface_strong_opaque">#ab000000</color>
93
93
  <color name="dt_light_color_surface_contrast_opaque">#de000000</color>
94
+ <color name="dt_light_color_surface_backdrop">#b3000000</color>
94
95
  <color name="dt_light_color_surface_critical_opaque">#1cec0e0e</color>
95
96
  <color name="dt_light_color_surface_critical_subtle_opaque">#0dec0e0e</color>
96
97
  <color name="dt_light_color_surface_warning_opaque">#61ffdb80</color>
package/dist/android/res/values/dimens.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 01 Jun 2023 00:22:55 GMT
5
+ Generated on Mon, 24 Jul 2023 16:30:53 GMT
6
6
  -->
7
7
  <resources>
8
8
  <dimen name="dt_dark_radio_size_width">16px</dimen>
package/dist/css/variables-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 01 Jun 2023 00:22:55 GMT
3
+ * Generated on Mon, 24 Jul 2023 16:30:53 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -32,7 +32,7 @@
32
32
  --dt-checkbox-size-width: 1.6rem;
33
33
  --dt-checkbox-size-height: 1.6rem;
34
34
  --dt-checkbox-size-radius: 0.4rem;
35
- --dt-badge-color-background-default: #f9f9f936;
35
+ --dt-badge-color-background-default: #f9f9f926;
36
36
  --dt-badge-color-background-info: #01326D;
37
37
  --dt-badge-color-background-success: #124620;
38
38
  --dt-badge-color-background-warning: #815008;
@@ -75,7 +75,7 @@
75
75
  --dt-color-foreground-primary-inverted: #000000;
76
76
  --dt-color-foreground-secondary-inverted: #3a3a3a;
77
77
  --dt-color-foreground-tertiary-inverted: #555555;
78
- --dt-color-foreground-muted-inverted: rgba(34, 34, 34, 0.6);
78
+ --dt-color-foreground-muted-inverted: rgba(38, 38, 38, 0.6);
79
79
  --dt-color-foreground-placeholder-inverted: #808080;
80
80
  --dt-color-foreground-disabled-inverted: #808080;
81
81
  --dt-color-foreground-critical-inverted: #ec0e0e;
@@ -83,7 +83,7 @@
83
83
  --dt-color-foreground-success-inverted: #1aa340;
84
84
  --dt-color-foreground-success-strong-inverted: #124620;
85
85
  --dt-color-foreground-warning-inverted: #815008;
86
- --dt-color-link-primary: #ab7eff;
86
+ --dt-color-link-primary: #b790ff;
87
87
  --dt-color-link-critical: #ff8585;
88
88
  --dt-color-link-success: #b0ffa3;
89
89
  --dt-color-link-warning: #ffdb80;
@@ -102,13 +102,13 @@
102
102
  --dt-color-link-success-inverted: #1aa340;
103
103
  --dt-color-link-success-inverted-hover: #124620;
104
104
  --dt-color-link-warning-inverted: #815008;
105
- --dt-color-link-warning-inverted-hover: #222222;
106
- --dt-color-link-muted-inverted: rgba(34, 34, 34, 0.6);
105
+ --dt-color-link-warning-inverted-hover: #262626;
106
+ --dt-color-link-muted-inverted: rgba(38, 38, 38, 0.6);
107
107
  --dt-color-link-muted-inverted-hover: #000000;
108
108
  --dt-color-link-disabled-inverted: #808080;
109
109
  --dt-color-link-disabled-inverted-hover: #808080;
110
- --dt-color-surface-primary: #080808;
111
- --dt-color-surface-secondary: #1b1b1b;
110
+ --dt-color-surface-primary: #1f1f1f;
111
+ --dt-color-surface-secondary: #262626;
112
112
  --dt-color-surface-moderate: #3a3a3a;
113
113
  --dt-color-surface-bold: #555555;
114
114
  --dt-color-surface-strong: #aaaaaa;
@@ -121,11 +121,11 @@
121
121
  --dt-color-surface-success-subtle: #092310;
122
122
  --dt-color-surface-info: #01326d;
123
123
  --dt-color-surface-info-subtle: #011e41;
124
- --dt-color-surface-secondary-opaque: rgba(249, 249, 249, 0.08);
125
- --dt-color-surface-moderate-opaque: rgba(249, 249, 249, 0.21);
126
- --dt-color-surface-bold-opaque: rgba(249, 249, 249, 0.32);
127
- --dt-color-surface-strong-opaque: rgba(249, 249, 249, 0.67);
128
- --dt-color-surface-contrast-opaque: rgba(249, 249, 249, 0.98);
124
+ --dt-color-surface-secondary-opaque: rgba(249, 249, 249, 0.06);
125
+ --dt-color-surface-moderate-opaque: rgba(249, 249, 249, 0.15);
126
+ --dt-color-surface-bold-opaque: rgba(249, 249, 249, 0.27);
127
+ --dt-color-surface-strong-opaque: rgba(249, 249, 249, 0.65);
128
+ --dt-color-surface-contrast-opaque: rgba(249, 249, 249, 0.96);
129
129
  --dt-color-surface-critical-opaque: rgba(183, 11, 11, 0.32);
130
130
  --dt-color-surface-critical-subtle-opaque: rgba(45, 2, 2, 0.5);
131
131
  --dt-color-surface-warning-opaque: rgba(210, 143, 43, 0.48);
@@ -134,6 +134,7 @@
134
134
  --dt-color-surface-success-subtle-opaque: rgba(9, 35, 16, 0.5);
135
135
  --dt-color-surface-info-opaque: rgba(23, 105, 198, 0.29);
136
136
  --dt-color-surface-info-subtle-opaque: rgba(1, 30, 65, 0.5);
137
+ --dt-color-surface-backdrop: rgba(0, 0, 0, 0.7);
137
138
  --dt-color-surface-critical-strong: #ff8585;
138
139
  --dt-color-surface-warning-strong: #d28f2b;
139
140
  --dt-color-surface-success-strong: #b0ffa3;
@@ -174,7 +175,7 @@
174
175
  --dt-color-border-brand-subtle: #3a1d95;
175
176
  --dt-color-border-brand-strong: #dac7ff;
176
177
  --dt-color-black-100: #000000;
177
- --dt-color-black-200: #222222;
178
+ --dt-color-black-200: #262626;
178
179
  --dt-color-black-300: #3a3a3a;
179
180
  --dt-color-black-400: #555555;
180
181
  --dt-color-black-500: #808080;
@@ -280,11 +281,11 @@
280
281
  --dt-action-color-background-critical-primary-hover: #D90D0D;
281
282
  --dt-action-color-background-critical-primary-active: #C50C0C;
282
283
  --dt-action-color-background-inverted-primary-active: #3A1D95;
283
- --dt-action-color-background-inverted-primary-default: #080808;
284
+ --dt-action-color-background-inverted-primary-default: #1f1f1f;
284
285
  --dt-action-color-background-inverted-primary-hover: #10022C;
285
286
  --dt-action-color-background-inverted-default: transparent;
286
- --dt-action-color-background-inverted-hover: #08080826;
287
- --dt-action-color-background-inverted-active: #0808084d;
287
+ --dt-action-color-background-inverted-hover: #1f1f1f26;
288
+ --dt-action-color-background-inverted-active: #1f1f1f4d;
288
289
  --dt-action-color-background-muted-default: transparent;
289
290
  --dt-action-color-background-muted-hover: #e9e9e91a;
290
291
  --dt-action-color-background-muted-active: #e9e9e929;
@@ -306,7 +307,7 @@
306
307
  --dt-theme-topbar-button-color-background: #f9f9f900;
307
308
  --dt-theme-topbar-button-color-background-active: #f9f9f91a;
308
309
  --dt-theme-topbar-color-foreground: #f9f9f9bf;
309
- --dt-theme-topbar-color-background: #1b1b1b;
310
+ --dt-theme-topbar-color-background: #262626;
310
311
  --dt-theme-topbar-profile-color-foreground: #f9f9f9bf;
311
312
  --dt-theme-topbar-profile-color-foreground-inverted: #000000bf;
312
313
  --dt-theme-topbar-profile-color-background: #f9f9f90d;
@@ -321,7 +322,7 @@
321
322
  --dt-theme-sidebar-selected-row-color-background: #f9f9f933;
322
323
  --dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
323
324
  --dt-theme-sidebar-color-foreground: #F9F9F9;
324
- --dt-theme-sidebar-color-background: #1b1b1b;
325
+ --dt-theme-sidebar-color-background: #262626;
325
326
  --dt-theme-sidebar-status-color-foreground: #fbfbfb;
326
327
  --dt-theme-color-base: #F9F9F9;
327
328
  --dt-theme-presence-color-background-available: #B0FFA3;
@@ -587,7 +588,7 @@
587
588
  --dt-shadow-small-0-y: 0.2rem;
588
589
  --dt-shadow-small-0-blur: 0.4rem;
589
590
  --dt-shadow-small-0-spread: 0;
590
- --dt-shadow-small-0-color: #00000040;
591
+ --dt-shadow-small-0-color: #00000073;
591
592
  --dt-shadow-small-0-type: dropShadow;
592
593
  --dt-shadow-small-1-x: 0.05rem;
593
594
  --dt-shadow-small-1-y: 0.05rem;
@@ -617,7 +618,7 @@
617
618
  --dt-shadow-medium-0-y: 0.2rem;
618
619
  --dt-shadow-medium-0-blur: 0.8rem;
619
620
  --dt-shadow-medium-0-spread: 0;
620
- --dt-shadow-medium-0-color: #00000059;
621
+ --dt-shadow-medium-0-color: #0000008c;
621
622
  --dt-shadow-medium-0-type: dropShadow;
622
623
  --dt-shadow-medium-1-x: 0.05rem;
623
624
  --dt-shadow-medium-1-y: 0.05rem;
@@ -647,9 +648,9 @@
647
648
  --dt-shadow-large-0-y: 0.2rem;
648
649
  --dt-shadow-large-0-blur: 1.6rem;
649
650
  --dt-shadow-large-0-spread: 0;
650
- --dt-shadow-large-0-color: #00000066;
651
+ --dt-shadow-large-0-color: #0000008c;
651
652
  --dt-shadow-large-0-type: dropShadow;
652
- --dt-shadow-large-1-x: 0.05rem;
653
+ --dt-shadow-large-1-x: -0.05rem;
653
654
  --dt-shadow-large-1-y: 0.05rem;
654
655
  --dt-shadow-large-1-blur: 0;
655
656
  --dt-shadow-large-1-spread: 0;
@@ -677,7 +678,7 @@
677
678
  --dt-shadow-extra-large-0-y: 0.2rem;
678
679
  --dt-shadow-extra-large-0-blur: 3.2rem;
679
680
  --dt-shadow-extra-large-0-spread: 0;
680
- --dt-shadow-extra-large-0-color: #00000066;
681
+ --dt-shadow-extra-large-0-color: #0000008c;
681
682
  --dt-shadow-extra-large-0-type: dropShadow;
682
683
  --dt-shadow-extra-large-1-x: 0.05rem;
683
684
  --dt-shadow-extra-large-1-y: 0.05rem;
@@ -707,19 +708,19 @@
707
708
  --dt-shadow-card-0-y: 0.1rem;
708
709
  --dt-shadow-card-0-blur: 0.2rem;
709
710
  --dt-shadow-card-0-spread: 0;
710
- --dt-shadow-card-0-color: #00000021;
711
+ --dt-shadow-card-0-color: #00000059;
711
712
  --dt-shadow-card-0-type: dropShadow;
712
713
  --dt-shadow-card-1-x: 0;
713
714
  --dt-shadow-card-1-y: 0.2rem;
714
715
  --dt-shadow-card-1-blur: 0.4rem;
715
716
  --dt-shadow-card-1-spread: 0;
716
- --dt-shadow-card-1-color: #00000024;
717
+ --dt-shadow-card-1-color: #00000073;
717
718
  --dt-shadow-card-1-type: dropShadow;
718
719
  --dt-shadow-card-2-x: 0;
719
720
  --dt-shadow-card-2-y: 0.2rem;
720
721
  --dt-shadow-card-2-blur: 1.6rem;
721
722
  --dt-shadow-card-2-spread: 0;
722
- --dt-shadow-card-2-color: #0000002e;
723
+ --dt-shadow-card-2-color: #00000094;
723
724
  --dt-shadow-card-2-type: dropShadow;
724
725
  --dt-shadow-card-3-x: 0.05rem;
725
726
  --dt-shadow-card-3-y: 0.05rem;
package/dist/css/variables-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 01 Jun 2023 00:22:55 GMT
3
+ * Generated on Mon, 24 Jul 2023 16:30:53 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-light {
@@ -112,6 +112,7 @@
112
112
  --dt-color-surface-bold-opaque: rgba(0, 0, 0, 0.18);
113
113
  --dt-color-surface-strong-opaque: rgba(0, 0, 0, 0.67);
114
114
  --dt-color-surface-contrast-opaque: rgba(0, 0, 0, 0.87);
115
+ --dt-color-surface-backdrop: rgba(0, 0, 0, 0.7);
115
116
  --dt-color-surface-critical-opaque: rgba(236, 14, 14, 0.11);
116
117
  --dt-color-surface-critical-subtle-opaque: rgba(236, 14, 14, 0.05);
117
118
  --dt-color-surface-warning-opaque: rgba(255, 219, 128, 0.38);