@dialpad/dialtone-tokens 1.20.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 +14 -13
  2. package/dist/android/java/tokens-light.kt +2 -1
  3. package/dist/android/res/values/colors-dark.xml +14 -13
  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 +14 -13
  7. package/dist/css/variables-light.css +2 -1
  8. package/dist/doc.json +70 -48
  9. package/dist/ios/tokens-dark.swift +14 -13
  10. package/dist/ios/tokens-light.swift +2 -1
  11. package/dist/less/variables-dark.less +14 -13
  12. package/dist/less/variables-light.less +2 -1
  13. package/dist/tokens-dark.json +13 -12
  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, 15 Jun 2023 16:21:07 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(0x4d1a1a1a)
27
+ val dtActionColorBackgroundInvertedActive = Color(0x4d1f1f1f)
28
28
  val dtActionColorBackgroundInvertedDefault = Color(0x00000000)
29
- val dtActionColorBackgroundInvertedHover = Color(0x261a1a1a)
29
+ val dtActionColorBackgroundInvertedHover = Color(0x261f1f1f)
30
30
  val dtActionColorBackgroundInvertedPrimaryActive = Color(0xff3a1d95)
31
- val dtActionColorBackgroundInvertedPrimaryDefault = Color(0xff1a1a1a)
31
+ val dtActionColorBackgroundInvertedPrimaryDefault = Color(0xff1f1f1f)
32
32
  val dtActionColorBackgroundInvertedPrimaryHover = Color(0xff10022c)
33
33
  val dtActionColorBackgroundMutedActive = Color(0x29e9e9e9)
34
34
  val dtActionColorBackgroundMutedDefault = Color(0x00000000)
@@ -186,7 +186,7 @@ object DialtoneTokensDark {
186
186
  val dtColorLinkMutedHover = Color(0xfff9f9f9)
187
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)
@@ -217,6 +217,7 @@ 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
222
  val dtColorSurfaceBoldOpaque = Color(0x45f9f9f9)
222
223
  val dtColorSurfaceContrast = Color(0xfff9f9f9)
@@ -233,7 +234,7 @@ object DialtoneTokensDark {
233
234
  val dtColorSurfaceInfoSubtleOpaque = Color(0x80011e41)
234
235
  val dtColorSurfaceModerate = Color(0xff3a3a3a)
235
236
  val dtColorSurfaceModerateOpaque = Color(0x26f9f9f9)
236
- val dtColorSurfacePrimary = Color(0xff1a1a1a)
237
+ val dtColorSurfacePrimary = Color(0xff1f1f1f)
237
238
  val dtColorSurfaceSecondary = Color(0xff262626)
238
239
  val dtColorSurfaceSecondaryOpaque = Color(0x0ff9f9f9)
239
240
  val dtColorSurfaceStrong = Color(0xffaaaaaa)
@@ -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
@@ -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
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, 15 Jun 2023 16:21:07 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, 15 Jun 2023 16:21:07 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>
@@ -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>
@@ -86,7 +86,7 @@
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">#ff1a1a1a</color>
89
+ <color name="dt_dark_color_surface_primary">#ff1f1f1f</color>
90
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>
@@ -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>
@@ -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">#ff1a1a1a</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">#261a1a1a</color>
253
- <color name="dt_dark_action_color_background_inverted_active">#4d1a1a1a</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>
@@ -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, 15 Jun 2023 16:21:07 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, 15 Jun 2023 16:21:07 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, 15 Jun 2023 16:21:07 GMT
3
+ * Generated on Mon, 24 Jul 2023 16:30:53 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -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;
@@ -107,7 +107,7 @@
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: #1a1a1a;
110
+ --dt-color-surface-primary: #1f1f1f;
111
111
  --dt-color-surface-secondary: #262626;
112
112
  --dt-color-surface-moderate: #3a3a3a;
113
113
  --dt-color-surface-bold: #555555;
@@ -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;
@@ -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: #1a1a1a;
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: #1a1a1a26;
287
- --dt-action-color-background-inverted-active: #1a1a1a4d;
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;
@@ -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,7 +648,7 @@
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
653
  --dt-shadow-large-1-x: -0.05rem;
653
654
  --dt-shadow-large-1-y: 0.05rem;
@@ -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, 15 Jun 2023 16:21:07 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);
package/dist/doc.json CHANGED
@@ -1444,19 +1444,19 @@
1444
1444
  "color/link/primary": {
1445
1445
  "css/variables": {
1446
1446
  "name": "var(--dt-color-link-primary)",
1447
- "value": "#ab7eff"
1447
+ "value": "#b790ff"
1448
1448
  },
1449
1449
  "android/resources": {
1450
1450
  "name": "dt_dark_color_link_primary",
1451
- "value": "#ffab7eff"
1451
+ "value": "#ffb790ff"
1452
1452
  },
1453
1453
  "compose/object": {
1454
1454
  "name": "dtColorLinkPrimary",
1455
- "value": "Color(0xffab7eff)"
1455
+ "value": "Color(0xffb790ff)"
1456
1456
  },
1457
1457
  "ios-swift/enum.swift": {
1458
1458
  "name": "dtColorLinkPrimary",
1459
- "value": "UIColor(red: 0.671, green: 0.494, blue: 1.000, alpha: 1)"
1459
+ "value": "UIColor(red: 0.718, green: 0.565, blue: 1.000, alpha: 1)"
1460
1460
  }
1461
1461
  },
1462
1462
  "color/link/critical": {
@@ -1979,6 +1979,28 @@
1979
1979
  "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.9607843137254902)"
1980
1980
  }
1981
1981
  },
1982
+ "color/surface/backdrop": {
1983
+ "css/variables": {
1984
+ "name": "var(--dt-color-surface-backdrop)",
1985
+ "value": "rgba(0, 0, 0, 0.7)",
1986
+ "description": "Background color for a modal-like backdrop."
1987
+ },
1988
+ "android/resources": {
1989
+ "name": "dt_dark_color_surface_backdrop",
1990
+ "value": "#b3000000",
1991
+ "description": "Background color for a modal-like backdrop."
1992
+ },
1993
+ "compose/object": {
1994
+ "name": "dtColorSurfaceBackdrop",
1995
+ "value": "Color(0xb3000000)",
1996
+ "description": "Background color for a modal-like backdrop."
1997
+ },
1998
+ "ios-swift/enum.swift": {
1999
+ "name": "dtColorSurfaceBackdrop",
2000
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7019607843137254)",
2001
+ "description": "Background color for a modal-like backdrop."
2002
+ }
2003
+ },
1982
2004
  "color/surface/critical-opaque": {
1983
2005
  "css/variables": {
1984
2006
  "name": "var(--dt-color-surface-critical-opaque)",
@@ -2126,19 +2148,19 @@
2126
2148
  "color/surface/primary": {
2127
2149
  "css/variables": {
2128
2150
  "name": "var(--dt-color-surface-primary)",
2129
- "value": "#1a1a1a"
2151
+ "value": "#1f1f1f"
2130
2152
  },
2131
2153
  "android/resources": {
2132
2154
  "name": "dt_dark_color_surface_primary",
2133
- "value": "#ff1a1a1a"
2155
+ "value": "#ff1f1f1f"
2134
2156
  },
2135
2157
  "compose/object": {
2136
2158
  "name": "dtColorSurfacePrimary",
2137
- "value": "Color(0xff1a1a1a)"
2159
+ "value": "Color(0xff1f1f1f)"
2138
2160
  },
2139
2161
  "ios-swift/enum.swift": {
2140
2162
  "name": "dtColorSurfacePrimary",
2141
- "value": "UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 1)"
2163
+ "value": "UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 1)"
2142
2164
  }
2143
2165
  },
2144
2166
  "color/surface/secondary": {
@@ -9624,55 +9646,55 @@
9624
9646
  "action/color/background/inverted/hover": {
9625
9647
  "css/variables": {
9626
9648
  "name": "var(--dt-action-color-background-inverted-hover)",
9627
- "value": "#1a1a1a26"
9649
+ "value": "#1f1f1f26"
9628
9650
  },
9629
9651
  "android/resources": {
9630
9652
  "name": "dt_dark_action_color_background_inverted_hover",
9631
- "value": "#261a1a1a"
9653
+ "value": "#261f1f1f"
9632
9654
  },
9633
9655
  "compose/object": {
9634
9656
  "name": "dtActionColorBackgroundInvertedHover",
9635
- "value": "Color(0x261a1a1a)"
9657
+ "value": "Color(0x261f1f1f)"
9636
9658
  },
9637
9659
  "ios-swift/enum.swift": {
9638
9660
  "name": "dtActionColorBackgroundInvertedHover",
9639
- "value": "UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 0.14901960784313725)"
9661
+ "value": "UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 0.14901960784313725)"
9640
9662
  }
9641
9663
  },
9642
9664
  "action/color/background/inverted/active": {
9643
9665
  "css/variables": {
9644
9666
  "name": "var(--dt-action-color-background-inverted-active)",
9645
- "value": "#1a1a1a4d"
9667
+ "value": "#1f1f1f4d"
9646
9668
  },
9647
9669
  "android/resources": {
9648
9670
  "name": "dt_dark_action_color_background_inverted_active",
9649
- "value": "#4d1a1a1a"
9671
+ "value": "#4d1f1f1f"
9650
9672
  },
9651
9673
  "compose/object": {
9652
9674
  "name": "dtActionColorBackgroundInvertedActive",
9653
- "value": "Color(0x4d1a1a1a)"
9675
+ "value": "Color(0x4d1f1f1f)"
9654
9676
  },
9655
9677
  "ios-swift/enum.swift": {
9656
9678
  "name": "dtActionColorBackgroundInvertedActive",
9657
- "value": "UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 0.30196078431372547)"
9679
+ "value": "UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 0.30196078431372547)"
9658
9680
  }
9659
9681
  },
9660
9682
  "action/color/background/inverted/primary/default": {
9661
9683
  "css/variables": {
9662
9684
  "name": "var(--dt-action-color-background-inverted-primary-default)",
9663
- "value": "#1a1a1a"
9685
+ "value": "#1f1f1f"
9664
9686
  },
9665
9687
  "android/resources": {
9666
9688
  "name": "dt_dark_action_color_background_inverted_primary_default",
9667
- "value": "#ff1a1a1a"
9689
+ "value": "#ff1f1f1f"
9668
9690
  },
9669
9691
  "compose/object": {
9670
9692
  "name": "dtActionColorBackgroundInvertedPrimaryDefault",
9671
- "value": "Color(0xff1a1a1a)"
9693
+ "value": "Color(0xff1f1f1f)"
9672
9694
  },
9673
9695
  "ios-swift/enum.swift": {
9674
9696
  "name": "dtActionColorBackgroundInvertedPrimaryDefault",
9675
- "value": "UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 1)"
9697
+ "value": "UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 1)"
9676
9698
  }
9677
9699
  },
9678
9700
  "action/color/background/inverted/primary/hover": {
@@ -13086,19 +13108,19 @@
13086
13108
  "shadow/small/0/color": {
13087
13109
  "css/variables": {
13088
13110
  "name": "var(--dt-shadow-small-0-color)",
13089
- "value": "#00000040"
13111
+ "value": "#00000073"
13090
13112
  },
13091
13113
  "android/resources": {
13092
13114
  "name": "dt_dark_shadow_small_0_color",
13093
- "value": "#40000000"
13115
+ "value": "#73000000"
13094
13116
  },
13095
13117
  "compose/object": {
13096
13118
  "name": "dtShadowSmall0Color",
13097
- "value": "Color(0x40000000)"
13119
+ "value": "Color(0x73000000)"
13098
13120
  },
13099
13121
  "ios-swift/enum.swift": {
13100
13122
  "name": "dtShadowSmall0Color",
13101
- "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.25098039215686274)"
13123
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.45098039215686275)"
13102
13124
  }
13103
13125
  },
13104
13126
  "shadow/small/0/type": {
@@ -13194,19 +13216,19 @@
13194
13216
  "shadow/medium/0/color": {
13195
13217
  "css/variables": {
13196
13218
  "name": "var(--dt-shadow-medium-0-color)",
13197
- "value": "#00000059"
13219
+ "value": "#0000008c"
13198
13220
  },
13199
13221
  "android/resources": {
13200
13222
  "name": "dt_dark_shadow_medium_0_color",
13201
- "value": "#59000000"
13223
+ "value": "#8c000000"
13202
13224
  },
13203
13225
  "compose/object": {
13204
13226
  "name": "dtShadowMedium0Color",
13205
- "value": "Color(0x59000000)"
13227
+ "value": "Color(0x8c000000)"
13206
13228
  },
13207
13229
  "ios-swift/enum.swift": {
13208
13230
  "name": "dtShadowMedium0Color",
13209
- "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.34901960784313724)"
13231
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)"
13210
13232
  }
13211
13233
  },
13212
13234
  "shadow/medium/0/type": {
@@ -13302,19 +13324,19 @@
13302
13324
  "shadow/large/0/color": {
13303
13325
  "css/variables": {
13304
13326
  "name": "var(--dt-shadow-large-0-color)",
13305
- "value": "#00000066"
13327
+ "value": "#0000008c"
13306
13328
  },
13307
13329
  "android/resources": {
13308
13330
  "name": "dt_dark_shadow_large_0_color",
13309
- "value": "#66000000"
13331
+ "value": "#8c000000"
13310
13332
  },
13311
13333
  "compose/object": {
13312
13334
  "name": "dtShadowLarge0Color",
13313
- "value": "Color(0x66000000)"
13335
+ "value": "Color(0x8c000000)"
13314
13336
  },
13315
13337
  "ios-swift/enum.swift": {
13316
13338
  "name": "dtShadowLarge0Color",
13317
- "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.4)"
13339
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)"
13318
13340
  }
13319
13341
  },
13320
13342
  "shadow/large/0/type": {
@@ -13410,19 +13432,19 @@
13410
13432
  "shadow/extraLarge/0/color": {
13411
13433
  "css/variables": {
13412
13434
  "name": "var(--dt-shadow-extra-large-0-color)",
13413
- "value": "#00000066"
13435
+ "value": "#0000008c"
13414
13436
  },
13415
13437
  "android/resources": {
13416
13438
  "name": "dt_dark_shadow_extra_large_0_color",
13417
- "value": "#66000000"
13439
+ "value": "#8c000000"
13418
13440
  },
13419
13441
  "compose/object": {
13420
13442
  "name": "dtShadowExtraLarge0Color",
13421
- "value": "Color(0x66000000)"
13443
+ "value": "Color(0x8c000000)"
13422
13444
  },
13423
13445
  "ios-swift/enum.swift": {
13424
13446
  "name": "dtShadowExtraLarge0Color",
13425
- "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.4)"
13447
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)"
13426
13448
  }
13427
13449
  },
13428
13450
  "shadow/extraLarge/0/type": {
@@ -13518,19 +13540,19 @@
13518
13540
  "shadow/card/0/color": {
13519
13541
  "css/variables": {
13520
13542
  "name": "var(--dt-shadow-card-0-color)",
13521
- "value": "#00000021"
13543
+ "value": "#00000059"
13522
13544
  },
13523
13545
  "android/resources": {
13524
13546
  "name": "dt_dark_shadow_card_0_color",
13525
- "value": "#21000000"
13547
+ "value": "#59000000"
13526
13548
  },
13527
13549
  "compose/object": {
13528
13550
  "name": "dtShadowCard0Color",
13529
- "value": "Color(0x21000000)"
13551
+ "value": "Color(0x59000000)"
13530
13552
  },
13531
13553
  "ios-swift/enum.swift": {
13532
13554
  "name": "dtShadowCard0Color",
13533
- "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.12941176470588237)"
13555
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.34901960784313724)"
13534
13556
  }
13535
13557
  },
13536
13558
  "shadow/card/0/type": {
@@ -13626,19 +13648,19 @@
13626
13648
  "shadow/card/1/color": {
13627
13649
  "css/variables": {
13628
13650
  "name": "var(--dt-shadow-card-1-color)",
13629
- "value": "#00000024"
13651
+ "value": "#00000073"
13630
13652
  },
13631
13653
  "android/resources": {
13632
13654
  "name": "dt_dark_shadow_card_1_color",
13633
- "value": "#24000000"
13655
+ "value": "#73000000"
13634
13656
  },
13635
13657
  "compose/object": {
13636
13658
  "name": "dtShadowCard1Color",
13637
- "value": "Color(0x24000000)"
13659
+ "value": "Color(0x73000000)"
13638
13660
  },
13639
13661
  "ios-swift/enum.swift": {
13640
13662
  "name": "dtShadowCard1Color",
13641
- "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1411764705882353)"
13663
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.45098039215686275)"
13642
13664
  }
13643
13665
  },
13644
13666
  "shadow/card/1/type": {
@@ -13734,19 +13756,19 @@
13734
13756
  "shadow/card/2/color": {
13735
13757
  "css/variables": {
13736
13758
  "name": "var(--dt-shadow-card-2-color)",
13737
- "value": "#0000002e"
13759
+ "value": "#00000094"
13738
13760
  },
13739
13761
  "android/resources": {
13740
13762
  "name": "dt_dark_shadow_card_2_color",
13741
- "value": "#2e000000"
13763
+ "value": "#94000000"
13742
13764
  },
13743
13765
  "compose/object": {
13744
13766
  "name": "dtShadowCard2Color",
13745
- "value": "Color(0x2e000000)"
13767
+ "value": "Color(0x94000000)"
13746
13768
  },
13747
13769
  "ios-swift/enum.swift": {
13748
13770
  "name": "dtShadowCard2Color",
13749
- "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1803921568627451)"
13771
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5803921568627451)"
13750
13772
  }
13751
13773
  },
13752
13774
  "shadow/card/2/type": {
package/dist/ios/tokens-dark.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 15 Jun 2023 16:21:07 GMT
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.102, green: 0.102, blue: 0.102, alpha: 0.30196078431372547)
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.102, green: 0.102, blue: 0.102, alpha: 0.14901960784313725)
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.102, green: 0.102, blue: 0.102, alpha: 1)
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)
@@ -185,7 +185,7 @@ public enum DialtoneTokensDark {
185
185
  public static let dtColorLinkMutedHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
186
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.671, green: 0.494, blue: 1.000, alpha: 1)
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)
@@ -216,6 +216,7 @@ 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
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)
@@ -232,7 +233,7 @@ public enum DialtoneTokensDark {
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
235
  public static let dtColorSurfaceModerateOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
235
- public static let dtColorSurfacePrimary = UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 1)
236
+ public static let dtColorSurfacePrimary = UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 1)
236
237
  public static let dtColorSurfaceSecondary = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
237
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)
@@ -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.12941176470588237)
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.1411764705882353)
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.1803921568627451)
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.4)
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.4)
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)
@@ -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.34901960784313724)
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.25098039215686274)
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)
package/dist/ios/tokens-light.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 15 Jun 2023 16:21:07 GMT
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)
package/dist/less/variables-dark.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 15 Jun 2023 16:21:07 GMT
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;
@@ -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: #ab7eff;
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;
@@ -105,7 +105,7 @@
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: #1a1a1a;
108
+ @dt-color-surface-primary: #1f1f1f;
109
109
  @dt-color-surface-secondary: #262626;
110
110
  @dt-color-surface-moderate: #3a3a3a;
111
111
  @dt-color-surface-bold: #555555;
@@ -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;
@@ -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: #1a1a1a;
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: #1a1a1a26;
285
- @dt-action-color-background-inverted-active: #1a1a1a4d;
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;
@@ -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: #00000040;
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: #00000059;
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,7 +646,7 @@
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: #00000066;
649
+ @dt-shadow-large-0-color: #0000008c;
649
650
  @dt-shadow-large-0-type: dropShadow;
650
651
  @dt-shadow-large-1-x: -0.05rem;
651
652
  @dt-shadow-large-1-y: 0.05rem;
@@ -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: #00000066;
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: #00000021;
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: #00000024;
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: #0000002e;
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;
package/dist/less/variables-light.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 15 Jun 2023 16:21:07 GMT
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
@@ -78,7 +78,7 @@
78
78
  "dtColorForegroundSuccessInverted": "#1AA340",
79
79
  "dtColorForegroundSuccessStrongInverted": "#124620",
80
80
  "dtColorForegroundWarningInverted": "#815008",
81
- "dtColorLinkPrimary": "#AB7EFF",
81
+ "dtColorLinkPrimary": "#b790ff",
82
82
  "dtColorLinkCritical": "#FF8585",
83
83
  "dtColorLinkSuccess": "#B0FFA3",
84
84
  "dtColorLinkWarning": "#FFDB80",
@@ -102,7 +102,7 @@
102
102
  "dtColorLinkMutedInvertedHover": "#000000",
103
103
  "dtColorLinkDisabledInverted": "#808080",
104
104
  "dtColorLinkDisabledInvertedHover": "#808080",
105
- "dtColorSurfacePrimary": "#1a1a1a",
105
+ "dtColorSurfacePrimary": "#1f1f1f",
106
106
  "dtColorSurfaceSecondary": "#262626",
107
107
  "dtColorSurfaceModerate": "#3A3A3A",
108
108
  "dtColorSurfaceBold": "#555555",
@@ -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",
@@ -275,11 +276,11 @@
275
276
  "dtActionColorBackgroundCriticalPrimaryHover": "#D90D0D",
276
277
  "dtActionColorBackgroundCriticalPrimaryActive": "#C50C0C",
277
278
  "dtActionColorBackgroundInvertedPrimaryActive": "#3A1D95",
278
- "dtActionColorBackgroundInvertedPrimaryDefault": "#1a1a1a",
279
+ "dtActionColorBackgroundInvertedPrimaryDefault": "#1f1f1f",
279
280
  "dtActionColorBackgroundInvertedPrimaryHover": "#10022C",
280
281
  "dtActionColorBackgroundInvertedDefault": "transparent",
281
- "dtActionColorBackgroundInvertedHover": "#1a1a1a26",
282
- "dtActionColorBackgroundInvertedActive": "#1a1a1a4d",
282
+ "dtActionColorBackgroundInvertedHover": "#1f1f1f26",
283
+ "dtActionColorBackgroundInvertedActive": "#1f1f1f4d",
283
284
  "dtActionColorBackgroundMutedDefault": "transparent",
284
285
  "dtActionColorBackgroundMutedHover": "#e9e9e91a",
285
286
  "dtActionColorBackgroundMutedActive": "#e9e9e929",
@@ -582,7 +583,7 @@
582
583
  "dtShadowSmall0Y": "0.2rem",
583
584
  "dtShadowSmall0Blur": "0.4rem",
584
585
  "dtShadowSmall0Spread": "0",
585
- "dtShadowSmall0Color": "#00000040",
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": "#00000059",
616
+ "dtShadowMedium0Color": "#0000008c",
616
617
  "dtShadowMedium0Type": "dropShadow",
617
618
  "dtShadowMedium1X": "0.05rem",
618
619
  "dtShadowMedium1Y": "0.05rem",
@@ -642,7 +643,7 @@
642
643
  "dtShadowLarge0Y": "0.2rem",
643
644
  "dtShadowLarge0Blur": "1.6rem",
644
645
  "dtShadowLarge0Spread": "0",
645
- "dtShadowLarge0Color": "#00000066",
646
+ "dtShadowLarge0Color": "#0000008c",
646
647
  "dtShadowLarge0Type": "dropShadow",
647
648
  "dtShadowLarge1X": "-0.05rem",
648
649
  "dtShadowLarge1Y": "0.05rem",
@@ -672,7 +673,7 @@
672
673
  "dtShadowExtraLarge0Y": "0.2rem",
673
674
  "dtShadowExtraLarge0Blur": "3.2rem",
674
675
  "dtShadowExtraLarge0Spread": "0",
675
- "dtShadowExtraLarge0Color": "#00000066",
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": "#00000021",
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": "#00000024",
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": "#0000002e",
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.20.0",
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": {