@dialpad/dialtone-tokens 1.18.0 → 1.20.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 +21 -19
  2. package/dist/android/java/tokens-light.kt +3 -1
  3. package/dist/android/res/values/colors-dark.xml +20 -18
  4. package/dist/android/res/values/colors-light.xml +3 -1
  5. package/dist/android/res/values/dimens.xml +1 -1
  6. package/dist/css/variables-dark.css +43 -41
  7. package/dist/css/variables-light.css +25 -23
  8. package/dist/doc.json +133 -97
  9. package/dist/ios/tokens-dark.swift +24 -22
  10. package/dist/ios/tokens-light.swift +6 -4
  11. package/dist/less/variables-dark.less +35 -33
  12. package/dist/less/variables-light.less +22 -20
  13. package/dist/tokens-dark.json +39 -37
  14. package/dist/tokens-light.json +21 -19
  15. package/package.json +1 -1
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 Tue, 30 May 2023 23:54:29 GMT
4
+ // Generated on Thu, 15 Jun 2023 16:21:07 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(0x4d1a1a1a)
28
28
  val dtActionColorBackgroundInvertedDefault = Color(0x00000000)
29
- val dtActionColorBackgroundInvertedHover = Color(0x26080808)
29
+ val dtActionColorBackgroundInvertedHover = Color(0x261a1a1a)
30
30
  val dtActionColorBackgroundInvertedPrimaryActive = Color(0xff3a1d95)
31
- val dtActionColorBackgroundInvertedPrimaryDefault = Color(0xff080808)
31
+ val dtActionColorBackgroundInvertedPrimaryDefault = Color(0xff1a1a1a)
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,7 +184,7 @@ 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
189
  val dtColorLinkPrimary = Color(0xffab7eff)
190
190
  val dtColorLinkPrimaryHover = Color(0xffdac7ff)
@@ -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)
@@ -218,9 +218,9 @@ object DialtoneTokensDark {
218
218
  val dtColorRed400 = Color(0xffff8585)
219
219
  val dtColorRed500 = Color(0xffffe5e6)
220
220
  val dtColorSurfaceBold = Color(0xff555555)
221
- val dtColorSurfaceBoldOpaque = Color(0x52f9f9f9)
221
+ val dtColorSurfaceBoldOpaque = Color(0x45f9f9f9)
222
222
  val dtColorSurfaceContrast = Color(0xfff9f9f9)
223
- val dtColorSurfaceContrastOpaque = Color(0xfaf9f9f9)
223
+ val dtColorSurfaceContrastOpaque = Color(0xf5f9f9f9)
224
224
  val dtColorSurfaceCritical = Color(0xff5b0505)
225
225
  val dtColorSurfaceCriticalOpaque = Color(0x52b70b0b)
226
226
  val dtColorSurfaceCriticalStrong = Color(0xffff8585)
@@ -232,12 +232,12 @@ object DialtoneTokensDark {
232
232
  val dtColorSurfaceInfoSubtle = Color(0xff011e41)
233
233
  val dtColorSurfaceInfoSubtleOpaque = Color(0x80011e41)
234
234
  val dtColorSurfaceModerate = Color(0xff3a3a3a)
235
- val dtColorSurfaceModerateOpaque = Color(0x36f9f9f9)
236
- val dtColorSurfacePrimary = Color(0xff080808)
237
- val dtColorSurfaceSecondary = Color(0xff1b1b1b)
238
- val dtColorSurfaceSecondaryOpaque = Color(0x14f9f9f9)
235
+ val dtColorSurfaceModerateOpaque = Color(0x26f9f9f9)
236
+ val dtColorSurfacePrimary = Color(0xff1a1a1a)
237
+ val dtColorSurfaceSecondary = Color(0xff262626)
238
+ val dtColorSurfaceSecondaryOpaque = Color(0x0ff9f9f9)
239
239
  val dtColorSurfaceStrong = Color(0xffaaaaaa)
240
- val dtColorSurfaceStrongOpaque = Color(0xabf9f9f9)
240
+ val dtColorSurfaceStrongOpaque = Color(0xa6f9f9f9)
241
241
  val dtColorSurfaceSuccess = Color(0xff124620)
242
242
  val dtColorSurfaceSuccessOpaque = Color(0x421aa341)
243
243
  val dtColorSurfaceSuccessStrong = Color(0xffb0ffa3)
@@ -437,7 +437,7 @@ object DialtoneTokensDark {
437
437
  val dtShadowLarge1Color = Color(0xff000000)
438
438
  val dtShadowLarge1Spread = 0.dp
439
439
  val dtShadowLarge1Type = "dropShadow"
440
- val dtShadowLarge1X = 0.5.dp
440
+ val dtShadowLarge1X = -0.5.dp
441
441
  val dtShadowLarge1Y = 0.5.dp
442
442
  val dtShadowLarge2Blur = 0.dp
443
443
  val dtShadowLarge2Color = Color(0xff000000)
@@ -743,7 +743,7 @@ object DialtoneTokensDark {
743
743
  val dtThemePresenceColorBackgroundBusy = Color(0xfff6ab3c)
744
744
  val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffec0e0e)
745
745
  val dtThemePresenceColorBackgroundOffline = Color(0xffffffff)
746
- val dtThemeSidebarColorBackground = Color(0xff1b1b1b)
746
+ val dtThemeSidebarColorBackground = Color(0xff262626)
747
747
  val dtThemeSidebarColorForeground = Color(0xfff9f9f9)
748
748
  val dtThemeSidebarIconColorForeground = Color(0xffc0c0c0)
749
749
  val dtThemeSidebarRowColorBackground = Color(0x00f9f9f9)
@@ -758,7 +758,7 @@ object DialtoneTokensDark {
758
758
  val dtThemeTopbarButtonColorBackgroundHover = Color(0x26f9f9f9)
759
759
  val dtThemeTopbarButtonColorForeground = Color(0xa6f9f9f9)
760
760
  val dtThemeTopbarButtonColorForegroundHover = Color(0xfff9f9f9)
761
- val dtThemeTopbarColorBackground = Color(0xff1b1b1b)
761
+ val dtThemeTopbarColorBackground = Color(0xff262626)
762
762
  val dtThemeTopbarColorForeground = Color(0xbff9f9f9)
763
763
  val dtThemeTopbarFieldColorBackground = Color(0x0df9f9f9)
764
764
  val dtThemeTopbarFieldColorBackgroundHover = Color(0xff000000)
@@ -770,7 +770,9 @@ object DialtoneTokensDark {
770
770
  val dtThemeTopbarProfileColorBackground = Color(0x0df9f9f9)
771
771
  val dtThemeTopbarProfileColorBackgroundActive = Color(0x24f9f9f9)
772
772
  val dtThemeTopbarProfileColorBackgroundHover = Color(0x1af9f9f9)
773
+ val dtThemeTopbarProfileColorBackgroundInverted = Color(0xbff9f9f9)
773
774
  val dtThemeTopbarProfileColorForeground = Color(0xbff9f9f9)
775
+ val dtThemeTopbarProfileColorForegroundInverted = Color(0xbf000000)
774
776
  val dtTypographyBodyBaseFontFamily = FontFamily.Default
775
777
  val dtTypographyBodyBaseFontSize = 15.sp
776
778
  val dtTypographyBodyBaseFontWeight = FontWeight.Normal
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 Tue, 30 May 2023 23:54:29 GMT
4
+ // Generated on Thu, 15 Jun 2023 16:21:07 GMT
5
5
 
6
6
 
7
7
 
@@ -650,7 +650,9 @@ object DialtoneTokensLight {
650
650
  val dtThemeTopbarProfileColorBackground = Color(0x0d000000)
651
651
  val dtThemeTopbarProfileColorBackgroundActive = Color(0x24000000)
652
652
  val dtThemeTopbarProfileColorBackgroundHover = Color(0x1a000000)
653
+ val dtThemeTopbarProfileColorBackgroundInverted = Color(0xbf000000)
653
654
  val dtThemeTopbarProfileColorForeground = Color(0xbf000000)
655
+ val dtThemeTopbarProfileColorForegroundInverted = Color(0xbfffffff)
654
656
  val dtTypographyBodyBaseFontFamily = FontFamily.Default
655
657
  val dtTypographyBodyBaseFontSize = 15.sp
656
658
  val dtTypographyBodyBaseFontWeight = FontWeight.Normal
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 Tue, 30 May 2023 23:54:29 GMT
5
+ Generated on Thu, 15 Jun 2023 16:21:07 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>
@@ -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">#ff1a1a1a</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>
@@ -153,7 +153,7 @@
153
153
  <color name="dt_dark_color_border_brand_subtle">#ff3a1d95</color>
154
154
  <color name="dt_dark_color_border_brand_strong">#ffdac7ff</color>
155
155
  <color name="dt_dark_color_black_100">#ff000000</color>
156
- <color name="dt_dark_color_black_200">#ff222222</color>
156
+ <color name="dt_dark_color_black_200">#ff262626</color>
157
157
  <color name="dt_dark_color_black_300">#ff3a3a3a</color>
158
158
  <color name="dt_dark_color_black_400">#ff555555</color>
159
159
  <color name="dt_dark_color_black_500">#ff808080</color>
@@ -246,11 +246,11 @@
246
246
  <color name="dt_dark_action_color_background_critical_primary_hover">#ffd90d0d</color>
247
247
  <color name="dt_dark_action_color_background_critical_primary_active">#ffc50c0c</color>
248
248
  <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>
249
+ <color name="dt_dark_action_color_background_inverted_primary_default">#ff1a1a1a</color>
250
250
  <color name="dt_dark_action_color_background_inverted_primary_hover">#ff10022c</color>
251
251
  <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>
252
+ <color name="dt_dark_action_color_background_inverted_hover">#261a1a1a</color>
253
+ <color name="dt_dark_action_color_background_inverted_active">#4d1a1a1a</color>
254
254
  <color name="dt_dark_action_color_background_muted_default">#00ffffff</color>
255
255
  <color name="dt_dark_action_color_background_muted_hover">#1ae9e9e9</color>
256
256
  <color name="dt_dark_action_color_background_muted_active">#29e9e9e9</color>
@@ -272,9 +272,11 @@
272
272
  <color name="dt_dark_theme_topbar_button_color_background">#00f9f9f9</color>
273
273
  <color name="dt_dark_theme_topbar_button_color_background_active">#1af9f9f9</color>
274
274
  <color name="dt_dark_theme_topbar_color_foreground">#bff9f9f9</color>
275
- <color name="dt_dark_theme_topbar_color_background">#ff1b1b1b</color>
275
+ <color name="dt_dark_theme_topbar_color_background">#ff262626</color>
276
276
  <color name="dt_dark_theme_topbar_profile_color_foreground">#bff9f9f9</color>
277
+ <color name="dt_dark_theme_topbar_profile_color_foreground_inverted">#bf000000</color>
277
278
  <color name="dt_dark_theme_topbar_profile_color_background">#0df9f9f9</color>
279
+ <color name="dt_dark_theme_topbar_profile_color_background_inverted">#bff9f9f9</color>
278
280
  <color name="dt_dark_theme_topbar_profile_color_background_hover">#1af9f9f9</color>
279
281
  <color name="dt_dark_theme_topbar_profile_color_background_active">#24f9f9f9</color>
280
282
  <color name="dt_dark_theme_sidebar_section_color_foreground">#ffa7a7a7</color>
@@ -285,7 +287,7 @@
285
287
  <color name="dt_dark_theme_sidebar_selected_row_color_background">#33f9f9f9</color>
286
288
  <color name="dt_dark_theme_sidebar_selected_row_color_foreground">#fff9f9f9</color>
287
289
  <color name="dt_dark_theme_sidebar_color_foreground">#fff9f9f9</color>
288
- <color name="dt_dark_theme_sidebar_color_background">#ff1b1b1b</color>
290
+ <color name="dt_dark_theme_sidebar_color_background">#ff262626</color>
289
291
  <color name="dt_dark_theme_sidebar_status_color_foreground">#fffbfbfb</color>
290
292
  <color name="dt_dark_theme_color_base">#fff9f9f9</color>
291
293
  <color name="dt_dark_theme_presence_color_background_available">#ffb0ffa3</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 Tue, 30 May 2023 23:54:29 GMT
5
+ Generated on Thu, 15 Jun 2023 16:21:07 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
@@ -275,7 +275,9 @@
275
275
  <color name="dt_light_theme_topbar_button_color_background_hover">#0d000000</color>
276
276
  <color name="dt_light_theme_topbar_button_color_background_active">#1a000000</color>
277
277
  <color name="dt_light_theme_topbar_profile_color_foreground">#bf000000</color>
278
+ <color name="dt_light_theme_topbar_profile_color_foreground_inverted">#bfffffff</color>
278
279
  <color name="dt_light_theme_topbar_profile_color_background">#0d000000</color>
280
+ <color name="dt_light_theme_topbar_profile_color_background_inverted">#bf000000</color>
279
281
  <color name="dt_light_theme_topbar_profile_color_background_hover">#1a000000</color>
280
282
  <color name="dt_light_theme_topbar_profile_color_background_active">#24000000</color>
281
283
  <color name="dt_light_theme_sidebar_color_foreground">#ff000000</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 Tue, 30 May 2023 23:54:29 GMT
5
+ Generated on Thu, 15 Jun 2023 16:21:07 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 Tue, 30 May 2023 23:54:29 GMT
3
+ * Generated on Thu, 15 Jun 2023 16:21:07 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -9,7 +9,7 @@
9
9
  --dt-radio-color-background-checked: #7C52FF;
10
10
  --dt-radio-size-width: 1.6rem;
11
11
  --dt-radio-size-height: 1.6rem;
12
- --dt-radio-size-radius: 5rem;
12
+ --dt-radio-size-radius: 50%;
13
13
  --dt-icon-size-100: 1.2rem;
14
14
  --dt-icon-size-200: 1.4rem;
15
15
  --dt-icon-size-300: 1.8rem;
@@ -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;
@@ -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: #1a1a1a;
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);
@@ -174,7 +174,7 @@
174
174
  --dt-color-border-brand-subtle: #3a1d95;
175
175
  --dt-color-border-brand-strong: #dac7ff;
176
176
  --dt-color-black-100: #000000;
177
- --dt-color-black-200: #222222;
177
+ --dt-color-black-200: #262626;
178
178
  --dt-color-black-300: #3a3a3a;
179
179
  --dt-color-black-400: #555555;
180
180
  --dt-color-black-500: #808080;
@@ -280,11 +280,11 @@
280
280
  --dt-action-color-background-critical-primary-hover: #D90D0D;
281
281
  --dt-action-color-background-critical-primary-active: #C50C0C;
282
282
  --dt-action-color-background-inverted-primary-active: #3A1D95;
283
- --dt-action-color-background-inverted-primary-default: #080808;
283
+ --dt-action-color-background-inverted-primary-default: #1a1a1a;
284
284
  --dt-action-color-background-inverted-primary-hover: #10022C;
285
285
  --dt-action-color-background-inverted-default: transparent;
286
- --dt-action-color-background-inverted-hover: #08080826;
287
- --dt-action-color-background-inverted-active: #0808084d;
286
+ --dt-action-color-background-inverted-hover: #1a1a1a26;
287
+ --dt-action-color-background-inverted-active: #1a1a1a4d;
288
288
  --dt-action-color-background-muted-default: transparent;
289
289
  --dt-action-color-background-muted-hover: #e9e9e91a;
290
290
  --dt-action-color-background-muted-active: #e9e9e929;
@@ -306,9 +306,11 @@
306
306
  --dt-theme-topbar-button-color-background: #f9f9f900;
307
307
  --dt-theme-topbar-button-color-background-active: #f9f9f91a;
308
308
  --dt-theme-topbar-color-foreground: #f9f9f9bf;
309
- --dt-theme-topbar-color-background: #1b1b1b;
309
+ --dt-theme-topbar-color-background: #262626;
310
310
  --dt-theme-topbar-profile-color-foreground: #f9f9f9bf;
311
+ --dt-theme-topbar-profile-color-foreground-inverted: #000000bf;
311
312
  --dt-theme-topbar-profile-color-background: #f9f9f90d;
313
+ --dt-theme-topbar-profile-color-background-inverted: #f9f9f9bf;
312
314
  --dt-theme-topbar-profile-color-background-hover: #f9f9f91a;
313
315
  --dt-theme-topbar-profile-color-background-active: #f9f9f924;
314
316
  --dt-theme-sidebar-section-color-foreground: #a7a7a7;
@@ -319,7 +321,7 @@
319
321
  --dt-theme-sidebar-selected-row-color-background: #f9f9f933;
320
322
  --dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
321
323
  --dt-theme-sidebar-color-foreground: #F9F9F9;
322
- --dt-theme-sidebar-color-background: #1b1b1b;
324
+ --dt-theme-sidebar-color-background: #262626;
323
325
  --dt-theme-sidebar-status-color-foreground: #fbfbfb;
324
326
  --dt-theme-color-base: #F9F9F9;
325
327
  --dt-theme-presence-color-background-available: #B0FFA3;
@@ -463,7 +465,7 @@
463
465
  --dt-typography-code-base-line-height: 1.2;
464
466
  --dt-typography-code-base-font-size: 1.5rem;
465
467
  --dt-typography-code-base-text-case: none;
466
- --dt-size-0: 0rem;
468
+ --dt-size-0: 0;
467
469
  --dt-size-50: 0.05rem;
468
470
  --dt-size-100: 0.1rem;
469
471
  --dt-size-200: 0.2rem;
@@ -505,7 +507,7 @@
505
507
  --dt-size-1130: 134rem;
506
508
  --dt-size-1150: 153.6rem;
507
509
  --dt-size-1200: 204.8rem;
508
- --dt-size-border-0: 0rem;
510
+ --dt-size-border-0: 0;
509
511
  --dt-size-border-50: 0.05rem;
510
512
  --dt-size-border-100: 0.1rem;
511
513
  --dt-size-border-150: 0.15rem;
@@ -554,25 +556,25 @@
554
556
  --dt-size-1130-negative: -134rem;
555
557
  --dt-size-1150-negative: -153.6rem;
556
558
  --dt-size-1200-negative: -204.8rem;
557
- --dt-size-0-percent: 0rem;
558
- --dt-size-5-percent: 0.5rem;
559
- --dt-size-10-percent: 1rem;
560
- --dt-size-20-percent: 2rem;
561
- --dt-size-25-percent: 2.5rem;
562
- --dt-size-30-percent: 3rem;
563
- --dt-size-33-percent: 3.3333rem;
564
- --dt-size-40-percent: 4rem;
565
- --dt-size-50-percent: 5rem;
566
- --dt-size-60-percent: 6rem;
567
- --dt-size-66-percent: 6.67rem;
568
- --dt-size-70-percent: 7rem;
569
- --dt-size-75-percent: 7.5rem;
570
- --dt-size-80-percent: 8rem;
571
- --dt-size-90-percent: 9rem;
572
- --dt-size-95-percent: 9.5rem;
573
- --dt-size-100-percent: 10rem;
559
+ --dt-size-0-percent: 0%;
560
+ --dt-size-5-percent: 5%;
561
+ --dt-size-10-percent: 10%;
562
+ --dt-size-20-percent: 20%;
563
+ --dt-size-25-percent: 25%;
564
+ --dt-size-30-percent: 30%;
565
+ --dt-size-33-percent: 33.333%;
566
+ --dt-size-40-percent: 40%;
567
+ --dt-size-50-percent: 50%;
568
+ --dt-size-60-percent: 60%;
569
+ --dt-size-66-percent: 66.7%;
570
+ --dt-size-70-percent: 70%;
571
+ --dt-size-75-percent: 75%;
572
+ --dt-size-80-percent: 80%;
573
+ --dt-size-90-percent: 90%;
574
+ --dt-size-95-percent: 95%;
575
+ --dt-size-100-percent: 100%;
574
576
  --dt-size-base: 0.8rem;
575
- --dt-size-radius-0: 0rem;
577
+ --dt-size-radius-0: 0;
576
578
  --dt-size-radius-100: 0.1rem;
577
579
  --dt-size-radius-200: 0.2rem;
578
580
  --dt-size-radius-300: 0.4rem;
@@ -580,7 +582,7 @@
580
582
  --dt-size-radius-500: 1.6rem;
581
583
  --dt-size-radius-600: 3.2rem;
582
584
  --dt-size-radius-pill: 10rem;
583
- --dt-size-radius-circle: 5rem;
585
+ --dt-size-radius-circle: 50%;
584
586
  --dt-shadow-small-0-x: 0;
585
587
  --dt-shadow-small-0-y: 0.2rem;
586
588
  --dt-shadow-small-0-blur: 0.4rem;
@@ -647,7 +649,7 @@
647
649
  --dt-shadow-large-0-spread: 0;
648
650
  --dt-shadow-large-0-color: #00000066;
649
651
  --dt-shadow-large-0-type: dropShadow;
650
- --dt-shadow-large-1-x: 0.05rem;
652
+ --dt-shadow-large-1-x: -0.05rem;
651
653
  --dt-shadow-large-1-y: 0.05rem;
652
654
  --dt-shadow-large-1-blur: 0;
653
655
  --dt-shadow-large-1-spread: 0;
package/dist/css/variables-light.css CHANGED
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 30 May 2023 23:54:29 GMT
3
+ * Generated on Thu, 15 Jun 2023 16:21:07 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-light {
7
7
  --dt-radio-size-width: 1.6rem;
8
8
  --dt-radio-size-height: 1.6rem;
9
- --dt-radio-size-radius: 5rem;
9
+ --dt-radio-size-radius: 50%;
10
10
  --dt-radio-color-border-unchecked: #AAAAAA;
11
11
  --dt-radio-color-border-checked: #7C52FF;
12
12
  --dt-radio-color-background-checked: #7C52FF;
@@ -359,7 +359,7 @@
359
359
  --dt-typography-code-base-line-height: 1.2;
360
360
  --dt-typography-code-base-font-size: 1.5rem;
361
361
  --dt-typography-code-base-text-case: none;
362
- --dt-size-0: 0rem;
362
+ --dt-size-0: 0;
363
363
  --dt-size-50: 0.05rem;
364
364
  --dt-size-100: 0.1rem;
365
365
  --dt-size-200: 0.2rem;
@@ -401,7 +401,7 @@
401
401
  --dt-size-1130: 134rem;
402
402
  --dt-size-1150: 153.6rem;
403
403
  --dt-size-1200: 204.8rem;
404
- --dt-size-border-0: 0rem;
404
+ --dt-size-border-0: 0;
405
405
  --dt-size-border-50: 0.05rem;
406
406
  --dt-size-border-100: 0.1rem;
407
407
  --dt-size-border-150: 0.15rem;
@@ -450,25 +450,25 @@
450
450
  --dt-size-1130-negative: -134rem;
451
451
  --dt-size-1150-negative: -153.6rem;
452
452
  --dt-size-1200-negative: -204.8rem;
453
- --dt-size-0-percent: 0rem;
454
- --dt-size-5-percent: 0.5rem;
455
- --dt-size-10-percent: 1rem;
456
- --dt-size-20-percent: 2rem;
457
- --dt-size-25-percent: 2.5rem;
458
- --dt-size-30-percent: 3rem;
459
- --dt-size-33-percent: 3.3333rem;
460
- --dt-size-40-percent: 4rem;
461
- --dt-size-50-percent: 5rem;
462
- --dt-size-60-percent: 6rem;
463
- --dt-size-66-percent: 6.67rem;
464
- --dt-size-70-percent: 7rem;
465
- --dt-size-75-percent: 7.5rem;
466
- --dt-size-80-percent: 8rem;
467
- --dt-size-90-percent: 9rem;
468
- --dt-size-95-percent: 9.5rem;
469
- --dt-size-100-percent: 10rem;
453
+ --dt-size-0-percent: 0%;
454
+ --dt-size-5-percent: 5%;
455
+ --dt-size-10-percent: 10%;
456
+ --dt-size-20-percent: 20%;
457
+ --dt-size-25-percent: 25%;
458
+ --dt-size-30-percent: 30%;
459
+ --dt-size-33-percent: 33.333%;
460
+ --dt-size-40-percent: 40%;
461
+ --dt-size-50-percent: 50%;
462
+ --dt-size-60-percent: 60%;
463
+ --dt-size-66-percent: 66.7%;
464
+ --dt-size-70-percent: 70%;
465
+ --dt-size-75-percent: 75%;
466
+ --dt-size-80-percent: 80%;
467
+ --dt-size-90-percent: 90%;
468
+ --dt-size-95-percent: 95%;
469
+ --dt-size-100-percent: 100%;
470
470
  --dt-size-base: 0.8rem;
471
- --dt-size-radius-0: 0rem;
471
+ --dt-size-radius-0: 0;
472
472
  --dt-size-radius-100: 0.1rem;
473
473
  --dt-size-radius-200: 0.2rem;
474
474
  --dt-size-radius-300: 0.4rem;
@@ -476,7 +476,7 @@
476
476
  --dt-size-radius-500: 1.6rem;
477
477
  --dt-size-radius-600: 3.2rem;
478
478
  --dt-size-radius-pill: 10rem;
479
- --dt-size-radius-circle: 5rem;
479
+ --dt-size-radius-circle: 50%;
480
480
  --dt-inputs-size-border-default: 0.15rem;
481
481
  --dt-inputs-size-border-status: 0.2rem;
482
482
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -562,7 +562,9 @@
562
562
  --dt-theme-topbar-button-color-background-hover: #0000000d;
563
563
  --dt-theme-topbar-button-color-background-active: #0000001a;
564
564
  --dt-theme-topbar-profile-color-foreground: #000000bf;
565
+ --dt-theme-topbar-profile-color-foreground-inverted: #ffffffbf;
565
566
  --dt-theme-topbar-profile-color-background: #0000000d;
567
+ --dt-theme-topbar-profile-color-background-inverted: #000000bf;
566
568
  --dt-theme-topbar-profile-color-background-hover: #0000001a;
567
569
  --dt-theme-topbar-profile-color-background-active: #00000024;
568
570
  --dt-theme-sidebar-color-foreground: #000000;