@dialpad/dialtone-tokens 1.16.0 → 1.17.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 +25 -9
  2. package/dist/android/java/tokens-light.kt +26 -10
  3. package/dist/android/res/values/colors-dark.xml +25 -9
  4. package/dist/android/res/values/colors-light.xml +27 -11
  5. package/dist/android/res/values/dimens.xml +1 -1
  6. package/dist/css/variables-dark.css +141 -125
  7. package/dist/css/variables-light.css +143 -127
  8. package/dist/doc.json +436 -148
  9. package/dist/ios/tokens-dark.swift +25 -9
  10. package/dist/ios/tokens-light.swift +26 -10
  11. package/dist/less/variables-dark.less +141 -125
  12. package/dist/less/variables-light.less +143 -127
  13. package/dist/tokens-dark.json +140 -124
  14. package/dist/tokens-light.json +142 -126
  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 Thu, 11 May 2023 20:35:44 GMT
4
+ // Generated on Mon, 29 May 2023 19:21:19 GMT
5
5
 
6
6
 
7
7
 
@@ -30,9 +30,9 @@ object DialtoneTokensDark {
30
30
  val dtActionColorBackgroundInvertedPrimaryActive = Color(0xff3a1d95)
31
31
  val dtActionColorBackgroundInvertedPrimaryDefault = Color(0xff080808)
32
32
  val dtActionColorBackgroundInvertedPrimaryHover = Color(0xff10022c)
33
- val dtActionColorBackgroundMutedActive = Color(0x1ae9e9e9)
33
+ val dtActionColorBackgroundMutedActive = Color(0x29e9e9e9)
34
34
  val dtActionColorBackgroundMutedDefault = Color(0x00000000)
35
- val dtActionColorBackgroundMutedHover = Color(0x0de9e9e9)
35
+ val dtActionColorBackgroundMutedHover = Color(0x1ae9e9e9)
36
36
  val dtActionColorBorderBaseOutlinedDefault = Color(0xffab7eff)
37
37
  val dtActionColorBorderCriticalOutlinedDefault = Color(0xffff8585)
38
38
  val dtActionColorBorderInvertedOutlinedDefault = Color(0xff000000)
@@ -732,6 +732,7 @@ object DialtoneTokensDark {
732
732
  val dtSpace975 = 464.dp
733
733
  val dtSpace975Negative = -464.dp
734
734
  val dtSpaceBase = 8.dp
735
+ val dtThemeColorBase = Color(0xfff9f9f9)
735
736
  val dtThemeMentionColorBackground = Color(0xff7c52ff)
736
737
  val dtThemeMentionColorForeground = Color(0xffffffff)
737
738
  val dtThemePresenceColorBackgroundAvailable = Color(0xffb0ffa3)
@@ -740,13 +741,28 @@ object DialtoneTokensDark {
740
741
  val dtThemePresenceColorBackgroundOffline = Color(0xffffffff)
741
742
  val dtThemeSidebarColorBackground = Color(0xff1b1b1b)
742
743
  val dtThemeSidebarColorForeground = Color(0xfff9f9f9)
743
- val dtThemeSidebarIconColorForeground = Color(0xffd2d2d2)
744
- val dtThemeSidebarRowColorBackground = Color(0x00000000)
745
- val dtThemeSidebarRowColorBackgroundActive = Color(0xff3a3a3a)
746
- val dtThemeSidebarRowColorBackgroundHover = Color(0x1af9f9f9)
747
- val dtThemeSidebarSelectedRowColorBackground = Color(0xff3a3a3a)
744
+ val dtThemeSidebarIconColorForeground = Color(0xffc0c0c0)
745
+ val dtThemeSidebarRowColorBackground = Color(0x00f9f9f9)
746
+ val dtThemeSidebarRowColorBackgroundActive = Color(0x3df9f9f9)
747
+ val dtThemeSidebarRowColorBackgroundHover = Color(0x2ef9f9f9)
748
+ val dtThemeSidebarSectionColorForeground = Color(0xffa7a7a7)
749
+ val dtThemeSidebarSelectedRowColorBackground = Color(0x33f9f9f9)
748
750
  val dtThemeSidebarSelectedRowColorForeground = Color(0xfff9f9f9)
749
- val dtThemeSidebarStatusColorForeground = Color(0xffaaaaaa)
751
+ val dtThemeSidebarStatusColorForeground = Color(0xfffbfbfb)
752
+ val dtThemeTopbarButtonColorBackground = Color(0x00f9f9f9)
753
+ val dtThemeTopbarButtonColorBackgroundActive = Color(0x1af9f9f9)
754
+ val dtThemeTopbarButtonColorBackgroundHover = Color(0x26f9f9f9)
755
+ val dtThemeTopbarButtonColorForeground = Color(0xa6f9f9f9)
756
+ val dtThemeTopbarButtonColorForegroundHover = Color(0xfff9f9f9)
757
+ val dtThemeTopbarColorBackground = Color(0xff1b1b1b)
758
+ val dtThemeTopbarColorForeground = Color(0xbff9f9f9)
759
+ val dtThemeTopbarFieldColorBackground = Color(0x0df9f9f9)
760
+ val dtThemeTopbarFieldColorBackgroundHover = Color(0xff000000)
761
+ val dtThemeTopbarFieldColorBorder = Color(0x00f9f9f9)
762
+ val dtThemeTopbarFieldColorBorderActive = Color(0x33f9f9f9)
763
+ val dtThemeTopbarFieldColorBorderHover = Color(0x1af9f9f9)
764
+ val dtThemeTopbarFieldColorForeground = Color(0x80f9f9f9)
765
+ val dtThemeTopbarFieldColorForegroundHover = Color(0xbff9f9f9)
750
766
  val dtTypographyBodyBaseFontFamily = FontFamily.Default
751
767
  val dtTypographyBodyBaseFontSize = 15.sp
752
768
  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 Thu, 11 May 2023 20:35:43 GMT
4
+ // Generated on Mon, 29 May 2023 19:21:18 GMT
5
5
 
6
6
 
7
7
 
@@ -11,9 +11,9 @@ import androidx.compose.ui.graphics.Color
11
11
  import androidx.compose.ui.unit.*
12
12
 
13
13
  object DialtoneTokensLight {
14
- val dtActionColorBackgroundBaseActive = Color(0x247c52ff)
14
+ val dtActionColorBackgroundBaseActive = Color(0x2e7c52ff)
15
15
  val dtActionColorBackgroundBaseDefault = Color(0x00000000)
16
- val dtActionColorBackgroundBaseHover = Color(0x0a7c52ff)
16
+ val dtActionColorBackgroundBaseHover = Color(0x247c52ff)
17
17
  val dtActionColorBackgroundBasePrimaryActive = Color(0xff4d14ff)
18
18
  val dtActionColorBackgroundBasePrimaryDefault = Color(0xff7c52ff)
19
19
  val dtActionColorBackgroundBasePrimaryHover = Color(0xff6533ff)
@@ -30,9 +30,9 @@ object DialtoneTokensLight {
30
30
  val dtActionColorBackgroundInvertedPrimaryActive = Color(0xffe1d1ff)
31
31
  val dtActionColorBackgroundInvertedPrimaryDefault = Color(0xffffffff)
32
32
  val dtActionColorBackgroundInvertedPrimaryHover = Color(0xfff5f0ff)
33
- val dtActionColorBackgroundMutedActive = Color(0x1a222222)
33
+ val dtActionColorBackgroundMutedActive = Color(0x29222222)
34
34
  val dtActionColorBackgroundMutedDefault = Color(0x00000000)
35
- val dtActionColorBackgroundMutedHover = Color(0x0d222222)
35
+ val dtActionColorBackgroundMutedHover = Color(0x1a222222)
36
36
  val dtActionColorBorderBaseOutlinedDefault = Color(0xff7c52ff)
37
37
  val dtActionColorBorderCriticalOutlinedDefault = Color(0xffec0e0e)
38
38
  val dtActionColorBorderInvertedOutlinedDefault = Color(0xfff9f9f9)
@@ -612,6 +612,7 @@ object DialtoneTokensLight {
612
612
  val dtSpace975 = 464.dp
613
613
  val dtSpace975Negative = -464.dp
614
614
  val dtSpaceBase = 8.dp
615
+ val dtThemeColorBase = Color(0xff000000)
615
616
  val dtThemeMentionColorBackground = Color(0xff7c52ff)
616
617
  val dtThemeMentionColorForeground = Color(0xffffffff)
617
618
  val dtThemePresenceColorBackgroundAvailable = Color(0xff1aa340)
@@ -620,13 +621,28 @@ object DialtoneTokensLight {
620
621
  val dtThemePresenceColorBackgroundOffline = Color(0xffffffff)
621
622
  val dtThemeSidebarColorBackground = Color(0xfff9f9f9)
622
623
  val dtThemeSidebarColorForeground = Color(0xff000000)
623
- val dtThemeSidebarIconColorForeground = Color(0xff3a3a3a)
624
+ val dtThemeSidebarIconColorForeground = Color(0xff3b3b3b)
624
625
  val dtThemeSidebarRowColorBackground = Color(0x00000000)
625
- val dtThemeSidebarRowColorBackgroundActive = Color(0xffd2d2d2)
626
- val dtThemeSidebarRowColorBackgroundHover = Color(0x1a000000)
627
- val dtThemeSidebarSelectedRowColorBackground = Color(0xffe9e9e9)
626
+ val dtThemeSidebarRowColorBackgroundActive = Color(0x29000000)
627
+ val dtThemeSidebarRowColorBackgroundHover = Color(0x1f000000)
628
+ val dtThemeSidebarSectionColorForeground = Color(0xff545454)
629
+ val dtThemeSidebarSelectedRowColorBackground = Color(0x1a000000)
628
630
  val dtThemeSidebarSelectedRowColorForeground = Color(0xff000000)
629
- val dtThemeSidebarStatusColorForeground = Color(0xff555555)
631
+ val dtThemeSidebarStatusColorForeground = Color(0xff545454)
632
+ val dtThemeTopbarButtonColorBackground = Color(0x00000000)
633
+ val dtThemeTopbarButtonColorBackgroundActive = Color(0x1a000000)
634
+ val dtThemeTopbarButtonColorBackgroundHover = Color(0x0d000000)
635
+ val dtThemeTopbarButtonColorForeground = Color(0xa6000000)
636
+ val dtThemeTopbarButtonColorForegroundHover = Color(0xff000000)
637
+ val dtThemeTopbarColorBackground = Color(0xfff9f9f9)
638
+ val dtThemeTopbarColorForeground = Color(0xbf000000)
639
+ val dtThemeTopbarFieldColorBackground = Color(0x0d000000)
640
+ val dtThemeTopbarFieldColorBackgroundHover = Color(0xffffffff)
641
+ val dtThemeTopbarFieldColorBorder = Color(0x00000000)
642
+ val dtThemeTopbarFieldColorBorderActive = Color(0x33000000)
643
+ val dtThemeTopbarFieldColorBorderHover = Color(0x1a000000)
644
+ val dtThemeTopbarFieldColorForeground = Color(0x80000000)
645
+ val dtThemeTopbarFieldColorForegroundHover = Color(0xbf000000)
630
646
  val dtTypographyBodyBaseFontFamily = FontFamily.Default
631
647
  val dtTypographyBodyBaseFontSize = 15.sp
632
648
  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 Thu, 11 May 2023 20:35:44 GMT
5
+ Generated on Mon, 29 May 2023 19:21:18 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_dark_radio_color_border_unchecked">#ff808080</color>
@@ -252,22 +252,38 @@
252
252
  <color name="dt_dark_action_color_background_inverted_hover">#26080808</color>
253
253
  <color name="dt_dark_action_color_background_inverted_active">#4d080808</color>
254
254
  <color name="dt_dark_action_color_background_muted_default">#00ffffff</color>
255
- <color name="dt_dark_action_color_background_muted_hover">#0de9e9e9</color>
256
- <color name="dt_dark_action_color_background_muted_active">#1ae9e9e9</color>
255
+ <color name="dt_dark_action_color_background_muted_hover">#1ae9e9e9</color>
256
+ <color name="dt_dark_action_color_background_muted_active">#29e9e9e9</color>
257
257
  <color name="dt_dark_action_color_background_disabled_default">#ff3a3a3a</color>
258
258
  <color name="dt_dark_action_color_border_base_outlined_default">#ffab7eff</color>
259
259
  <color name="dt_dark_action_color_border_critical_outlined_default">#ffff8585</color>
260
260
  <color name="dt_dark_action_color_border_inverted_outlined_default">#ff000000</color>
261
261
  <color name="dt_dark_action_color_border_muted_outlined_default">#ffaaaaaa</color>
262
- <color name="dt_dark_theme_sidebar_selected_row_color_background">#ff3a3a3a</color>
262
+ <color name="dt_dark_theme_topbar_field_color_background_hover">#ff000000</color>
263
+ <color name="dt_dark_theme_topbar_field_color_foreground">#80f9f9f9</color>
264
+ <color name="dt_dark_theme_topbar_field_color_foreground_hover">#bff9f9f9</color>
265
+ <color name="dt_dark_theme_topbar_field_color_background">#0df9f9f9</color>
266
+ <color name="dt_dark_theme_topbar_field_color_border">#00f9f9f9</color>
267
+ <color name="dt_dark_theme_topbar_field_color_border_hover">#1af9f9f9</color>
268
+ <color name="dt_dark_theme_topbar_field_color_border_active">#33f9f9f9</color>
269
+ <color name="dt_dark_theme_topbar_button_color_background_hover">#26f9f9f9</color>
270
+ <color name="dt_dark_theme_topbar_button_color_foreground">#a6f9f9f9</color>
271
+ <color name="dt_dark_theme_topbar_button_color_foreground_hover">#fff9f9f9</color>
272
+ <color name="dt_dark_theme_topbar_button_color_background">#00f9f9f9</color>
273
+ <color name="dt_dark_theme_topbar_button_color_background_active">#1af9f9f9</color>
274
+ <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_sidebar_section_color_foreground">#ffa7a7a7</color>
277
+ <color name="dt_dark_theme_sidebar_icon_color_foreground">#ffc0c0c0</color>
278
+ <color name="dt_dark_theme_sidebar_row_color_background_hover">#2ef9f9f9</color>
279
+ <color name="dt_dark_theme_sidebar_row_color_background_active">#3df9f9f9</color>
280
+ <color name="dt_dark_theme_sidebar_row_color_background">#00f9f9f9</color>
281
+ <color name="dt_dark_theme_sidebar_selected_row_color_background">#33f9f9f9</color>
263
282
  <color name="dt_dark_theme_sidebar_selected_row_color_foreground">#fff9f9f9</color>
264
283
  <color name="dt_dark_theme_sidebar_color_foreground">#fff9f9f9</color>
265
284
  <color name="dt_dark_theme_sidebar_color_background">#ff1b1b1b</color>
266
- <color name="dt_dark_theme_sidebar_icon_color_foreground">#ffd2d2d2</color>
267
- <color name="dt_dark_theme_sidebar_status_color_foreground">#ffaaaaaa</color>
268
- <color name="dt_dark_theme_sidebar_row_color_background">#00ffffff</color>
269
- <color name="dt_dark_theme_sidebar_row_color_background_hover">#1af9f9f9</color>
270
- <color name="dt_dark_theme_sidebar_row_color_background_active">#ff3a3a3a</color>
285
+ <color name="dt_dark_theme_sidebar_status_color_foreground">#fffbfbfb</color>
286
+ <color name="dt_dark_theme_color_base">#fff9f9f9</color>
271
287
  <color name="dt_dark_theme_presence_color_background_available">#ffb0ffa3</color>
272
288
  <color name="dt_dark_theme_presence_color_background_busy_unavailable">#ffec0e0e</color>
273
289
  <color name="dt_dark_theme_presence_color_background_busy">#fff6ab3c</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, 11 May 2023 20:35:43 GMT
5
+ Generated on Mon, 29 May 2023 19:21:18 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
@@ -234,8 +234,8 @@
234
234
  <color name="dt_light_action_color_foreground_muted_active">#ff3a3a3a</color>
235
235
  <color name="dt_light_action_color_foreground_disabled_default">#ff808080</color>
236
236
  <color name="dt_light_action_color_background_base_default">#00ffffff</color>
237
- <color name="dt_light_action_color_background_base_hover">#0a7c52ff</color>
238
- <color name="dt_light_action_color_background_base_active">#247c52ff</color>
237
+ <color name="dt_light_action_color_background_base_hover">#247c52ff</color>
238
+ <color name="dt_light_action_color_background_base_active">#2e7c52ff</color>
239
239
  <color name="dt_light_action_color_background_base_primary_default">#ff7c52ff</color>
240
240
  <color name="dt_light_action_color_background_base_primary_hover">#ff6533ff</color>
241
241
  <color name="dt_light_action_color_background_base_primary_active">#ff4d14ff</color>
@@ -252,22 +252,38 @@
252
252
  <color name="dt_light_action_color_background_inverted_primary_hover">#fff5f0ff</color>
253
253
  <color name="dt_light_action_color_background_inverted_primary_active">#ffe1d1ff</color>
254
254
  <color name="dt_light_action_color_background_muted_default">#00ffffff</color>
255
- <color name="dt_light_action_color_background_muted_hover">#0d222222</color>
256
- <color name="dt_light_action_color_background_muted_active">#1a222222</color>
255
+ <color name="dt_light_action_color_background_muted_hover">#1a222222</color>
256
+ <color name="dt_light_action_color_background_muted_active">#29222222</color>
257
257
  <color name="dt_light_action_color_background_disabled_default">#ffd2d2d2</color>
258
258
  <color name="dt_light_action_color_border_base_outlined_default">#ff7c52ff</color>
259
259
  <color name="dt_light_action_color_border_critical_outlined_default">#ffec0e0e</color>
260
260
  <color name="dt_light_action_color_border_inverted_outlined_default">#fff9f9f9</color>
261
261
  <color name="dt_light_action_color_border_muted_outlined_default">#ff555555</color>
262
+ <color name="dt_light_theme_color_base">#ff000000</color>
263
+ <color name="dt_light_theme_topbar_color_foreground">#bf000000</color>
264
+ <color name="dt_light_theme_topbar_color_background">#fff9f9f9</color>
265
+ <color name="dt_light_theme_topbar_field_color_foreground">#80000000</color>
266
+ <color name="dt_light_theme_topbar_field_color_foreground_hover">#bf000000</color>
267
+ <color name="dt_light_theme_topbar_field_color_background">#0d000000</color>
268
+ <color name="dt_light_theme_topbar_field_color_background_hover">#ffffffff</color>
269
+ <color name="dt_light_theme_topbar_field_color_border">#00000000</color>
270
+ <color name="dt_light_theme_topbar_field_color_border_hover">#1a000000</color>
271
+ <color name="dt_light_theme_topbar_field_color_border_active">#33000000</color>
272
+ <color name="dt_light_theme_topbar_button_color_foreground">#a6000000</color>
273
+ <color name="dt_light_theme_topbar_button_color_foreground_hover">#ff000000</color>
274
+ <color name="dt_light_theme_topbar_button_color_background">#00000000</color>
275
+ <color name="dt_light_theme_topbar_button_color_background_hover">#0d000000</color>
276
+ <color name="dt_light_theme_topbar_button_color_background_active">#1a000000</color>
262
277
  <color name="dt_light_theme_sidebar_color_foreground">#ff000000</color>
263
278
  <color name="dt_light_theme_sidebar_color_background">#fff9f9f9</color>
264
- <color name="dt_light_theme_sidebar_icon_color_foreground">#ff3a3a3a</color>
265
- <color name="dt_light_theme_sidebar_status_color_foreground">#ff555555</color>
266
- <color name="dt_light_theme_sidebar_row_color_background">#00ffffff</color>
267
- <color name="dt_light_theme_sidebar_row_color_background_hover">#1a000000</color>
268
- <color name="dt_light_theme_sidebar_row_color_background_active">#ffd2d2d2</color>
279
+ <color name="dt_light_theme_sidebar_icon_color_foreground">#ff3b3b3b</color>
280
+ <color name="dt_light_theme_sidebar_status_color_foreground">#ff545454</color>
281
+ <color name="dt_light_theme_sidebar_row_color_background">#00000000</color>
282
+ <color name="dt_light_theme_sidebar_row_color_background_hover">#1f000000</color>
283
+ <color name="dt_light_theme_sidebar_row_color_background_active">#29000000</color>
269
284
  <color name="dt_light_theme_sidebar_selected_row_color_foreground">#ff000000</color>
270
- <color name="dt_light_theme_sidebar_selected_row_color_background">#ffe9e9e9</color>
285
+ <color name="dt_light_theme_sidebar_selected_row_color_background">#1a000000</color>
286
+ <color name="dt_light_theme_sidebar_section_color_foreground">#ff545454</color>
271
287
  <color name="dt_light_theme_presence_color_background_available">#ff1aa340</color>
272
288
  <color name="dt_light_theme_presence_color_background_busy_unavailable">#ffec0e0e</color>
273
289
  <color name="dt_light_theme_presence_color_background_busy">#fff6ab3c</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, 11 May 2023 20:35:44 GMT
5
+ Generated on Mon, 29 May 2023 19:21:18 GMT
6
6
  -->
7
7
  <resources>
8
8
  <dimen name="dt_dark_radio_size_width">16px</dimen>