@dialpad/dialtone-tokens 1.17.0 → 1.19.0

package/dist/android/java/tokens-dark.kt

@@ -1,7 +1,7 @@
 
 
 // Do not edit directly
-// Generated on Mon, 29 May 2023 19:21:19 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 GMT
 
 
 
@@ -569,6 +569,8 @@ object DialtoneTokensDark {
   val dtSize500Negative = -16.dp
   val dtSize50Negative = -0.5.dp
   val dtSize50Percent = 50.dp
+  val dtSize525 = 20.dp
+  val dtSize525Negative = -20.dp
   val dtSize550 = 24.dp
   val dtSize550Negative = -24.dp
   val dtSize5Percent = 5.dp
@@ -685,6 +687,8 @@ object DialtoneTokensDark {
   val dtSpace500Negative = -16.dp
   val dtSpace50Negative = -0.5.dp
   val dtSpace50Percent = 50.dp
+  val dtSpace525 = 20.dp
+  val dtSpace525Negative = -20.dp
   val dtSpace550 = 24.dp
   val dtSpace550Negative = -24.dp
   val dtSpace5Percent = 5.dp
@@ -763,6 +767,12 @@ object DialtoneTokensDark {
   val dtThemeTopbarFieldColorBorderHover = Color(0x1af9f9f9)
   val dtThemeTopbarFieldColorForeground = Color(0x80f9f9f9)
   val dtThemeTopbarFieldColorForegroundHover = Color(0xbff9f9f9)
+  val dtThemeTopbarProfileColorBackground = Color(0x0df9f9f9)
+  val dtThemeTopbarProfileColorBackgroundActive = Color(0x24f9f9f9)
+  val dtThemeTopbarProfileColorBackgroundHover = Color(0x1af9f9f9)
+  val dtThemeTopbarProfileColorBackgroundInverted = Color(0xbff9f9f9)
+  val dtThemeTopbarProfileColorForeground = Color(0xbff9f9f9)
+  val dtThemeTopbarProfileColorForegroundInverted = Color(0xbf000000)
   val dtTypographyBodyBaseFontFamily = FontFamily.Default
   val dtTypographyBodyBaseFontSize = 15.sp
   val dtTypographyBodyBaseFontWeight = FontWeight.Normal

package/dist/android/java/tokens-light.kt

@@ -1,7 +1,7 @@
 
 
 // Do not edit directly
-// Generated on Mon, 29 May 2023 19:21:18 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 GMT
 
 
 
@@ -449,6 +449,8 @@ object DialtoneTokensLight {
   val dtSize500Negative = -16.dp
   val dtSize50Negative = -0.5.dp
   val dtSize50Percent = 50.dp
+  val dtSize525 = 20.dp
+  val dtSize525Negative = -20.dp
   val dtSize550 = 24.dp
   val dtSize550Negative = -24.dp
   val dtSize5Percent = 5.dp
@@ -565,6 +567,8 @@ object DialtoneTokensLight {
   val dtSpace500Negative = -16.dp
   val dtSpace50Negative = -0.5.dp
   val dtSpace50Percent = 50.dp
+  val dtSpace525 = 20.dp
+  val dtSpace525Negative = -20.dp
   val dtSpace550 = 24.dp
   val dtSpace550Negative = -24.dp
   val dtSpace5Percent = 5.dp
@@ -643,6 +647,12 @@ object DialtoneTokensLight {
   val dtThemeTopbarFieldColorBorderHover = Color(0x1a000000)
   val dtThemeTopbarFieldColorForeground = Color(0x80000000)
   val dtThemeTopbarFieldColorForegroundHover = Color(0xbf000000)
+  val dtThemeTopbarProfileColorBackground = Color(0x0d000000)
+  val dtThemeTopbarProfileColorBackgroundActive = Color(0x24000000)
+  val dtThemeTopbarProfileColorBackgroundHover = Color(0x1a000000)
+  val dtThemeTopbarProfileColorBackgroundInverted = Color(0xbf000000)
+  val dtThemeTopbarProfileColorForeground = Color(0xbf000000)
+  val dtThemeTopbarProfileColorForegroundInverted = Color(0xbfffffff)
   val dtTypographyBodyBaseFontFamily = FontFamily.Default
   val dtTypographyBodyBaseFontSize = 15.sp
   val dtTypographyBodyBaseFontWeight = FontWeight.Normal

package/dist/android/res/values/colors-dark.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 29 May 2023 19:21:18 GMT
+  Generated on Thu, 01 Jun 2023 00:22:55 GMT
 -->
 <resources>
   <color name="dt_dark_radio_color_border_unchecked">#ff808080</color>
@@ -273,6 +273,12 @@
   <color name="dt_dark_theme_topbar_button_color_background_active">#1af9f9f9</color>
   <color name="dt_dark_theme_topbar_color_foreground">#bff9f9f9</color>
   <color name="dt_dark_theme_topbar_color_background">#ff1b1b1b</color>
+  <color name="dt_dark_theme_topbar_profile_color_foreground">#bff9f9f9</color>
+  <color name="dt_dark_theme_topbar_profile_color_foreground_inverted">#bf000000</color>
+  <color name="dt_dark_theme_topbar_profile_color_background">#0df9f9f9</color>
+  <color name="dt_dark_theme_topbar_profile_color_background_inverted">#bff9f9f9</color>
+  <color name="dt_dark_theme_topbar_profile_color_background_hover">#1af9f9f9</color>
+  <color name="dt_dark_theme_topbar_profile_color_background_active">#24f9f9f9</color>
   <color name="dt_dark_theme_sidebar_section_color_foreground">#ffa7a7a7</color>
   <color name="dt_dark_theme_sidebar_icon_color_foreground">#ffc0c0c0</color>
   <color name="dt_dark_theme_sidebar_row_color_background_hover">#2ef9f9f9</color>

package/dist/android/res/values/colors-light.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 29 May 2023 19:21:18 GMT
+  Generated on Thu, 01 Jun 2023 00:22:55 GMT
 -->
 <resources>
   <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
@@ -274,6 +274,12 @@
   <color name="dt_light_theme_topbar_button_color_background">#00000000</color>
   <color name="dt_light_theme_topbar_button_color_background_hover">#0d000000</color>
   <color name="dt_light_theme_topbar_button_color_background_active">#1a000000</color>
+  <color name="dt_light_theme_topbar_profile_color_foreground">#bf000000</color>
+  <color name="dt_light_theme_topbar_profile_color_foreground_inverted">#bfffffff</color>
+  <color name="dt_light_theme_topbar_profile_color_background">#0d000000</color>
+  <color name="dt_light_theme_topbar_profile_color_background_inverted">#bf000000</color>
+  <color name="dt_light_theme_topbar_profile_color_background_hover">#1a000000</color>
+  <color name="dt_light_theme_topbar_profile_color_background_active">#24000000</color>
   <color name="dt_light_theme_sidebar_color_foreground">#ff000000</color>
   <color name="dt_light_theme_sidebar_color_background">#fff9f9f9</color>
   <color name="dt_light_theme_sidebar_icon_color_foreground">#ff3b3b3b</color>

package/dist/android/res/values/dimens.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 29 May 2023 19:21:18 GMT
+  Generated on Thu, 01 Jun 2023 00:22:55 GMT
 -->
 <resources>
   <dimen name="dt_dark_radio_size_width">16px</dimen>
@@ -75,6 +75,7 @@
   <dimen name="dt_dark_size_400">128.00dp</dimen>
   <dimen name="dt_dark_size_450">192.00dp</dimen>
   <dimen name="dt_dark_size_500">256.00dp</dimen>
+  <dimen name="dt_dark_size_525">320.00dp</dimen>
   <dimen name="dt_dark_size_550">384.00dp</dimen>
   <dimen name="dt_dark_size_600">512.00dp</dimen>
   <dimen name="dt_dark_size_625">672.00dp</dimen>
@@ -123,6 +124,7 @@
   <dimen name="dt_dark_size_400_negative">-128.00dp</dimen>
   <dimen name="dt_dark_size_450_negative">-192.00dp</dimen>
   <dimen name="dt_dark_size_500_negative">-256.00dp</dimen>
+  <dimen name="dt_dark_size_525_negative">-320.00dp</dimen>
   <dimen name="dt_dark_size_550_negative">-384.00dp</dimen>
   <dimen name="dt_dark_size_600_negative">-512.00dp</dimen>
   <dimen name="dt_dark_size_625_negative">-672.00dp</dimen>
@@ -197,6 +199,7 @@
   <dimen name="dt_dark_space_400">8px</dimen>
   <dimen name="dt_dark_space_450">12px</dimen>
   <dimen name="dt_dark_space_500">16px</dimen>
+  <dimen name="dt_dark_space_525">20px</dimen>
   <dimen name="dt_dark_space_550">24px</dimen>
   <dimen name="dt_dark_space_600">32px</dimen>
   <dimen name="dt_dark_space_625">42px</dimen>
@@ -237,6 +240,7 @@
   <dimen name="dt_dark_space_400_negative">-8px</dimen>
   <dimen name="dt_dark_space_450_negative">-12px</dimen>
   <dimen name="dt_dark_space_500_negative">-16px</dimen>
+  <dimen name="dt_dark_space_525_negative">-20px</dimen>
   <dimen name="dt_dark_space_550_negative">-24px</dimen>
   <dimen name="dt_dark_space_600_negative">-32px</dimen>
   <dimen name="dt_dark_space_625_negative">-42px</dimen>

package/dist/css/variables-dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 29 May 2023 19:21:18 GMT
+ * Generated on Thu, 01 Jun 2023 00:22:55 GMT
  */
 
 .dialtone-theme-dark {
@@ -9,7 +9,7 @@
   --dt-radio-color-background-checked: #7C52FF;
   --dt-radio-size-width: 1.6rem;
   --dt-radio-size-height: 1.6rem;
-  --dt-radio-size-radius: 5rem;
+  --dt-radio-size-radius: 50%;
   --dt-icon-size-100: 1.2rem;
   --dt-icon-size-200: 1.4rem;
   --dt-icon-size-300: 1.8rem;
@@ -307,6 +307,12 @@
   --dt-theme-topbar-button-color-background-active: #f9f9f91a;
   --dt-theme-topbar-color-foreground: #f9f9f9bf;
   --dt-theme-topbar-color-background: #1b1b1b;
+  --dt-theme-topbar-profile-color-foreground: #f9f9f9bf;
+  --dt-theme-topbar-profile-color-foreground-inverted: #000000bf;
+  --dt-theme-topbar-profile-color-background: #f9f9f90d;
+  --dt-theme-topbar-profile-color-background-inverted: #f9f9f9bf;
+  --dt-theme-topbar-profile-color-background-hover: #f9f9f91a;
+  --dt-theme-topbar-profile-color-background-active: #f9f9f924;
   --dt-theme-sidebar-section-color-foreground: #a7a7a7;
   --dt-theme-sidebar-icon-color-foreground: #c0c0c0;
   --dt-theme-sidebar-row-color-background-hover: #f9f9f92e;
@@ -459,7 +465,7 @@
   --dt-typography-code-base-line-height: 1.2;
   --dt-typography-code-base-font-size: 1.5rem;
   --dt-typography-code-base-text-case: none;
-  --dt-size-0: 0rem;
+  --dt-size-0: 0;
   --dt-size-50: 0.05rem;
   --dt-size-100: 0.1rem;
   --dt-size-200: 0.2rem;
@@ -468,6 +474,7 @@
   --dt-size-400: 0.8rem;
   --dt-size-450: 1.2rem;
   --dt-size-500: 1.6rem;
+  --dt-size-525: 2rem;
   --dt-size-550: 2.4rem;
   --dt-size-600: 3.2rem;
   --dt-size-625: 4.2rem;
@@ -500,7 +507,7 @@
   --dt-size-1130: 134rem;
   --dt-size-1150: 153.6rem;
   --dt-size-1200: 204.8rem;
-  --dt-size-border-0: 0rem;
+  --dt-size-border-0: 0;
   --dt-size-border-50: 0.05rem;
   --dt-size-border-100: 0.1rem;
   --dt-size-border-150: 0.15rem;
@@ -516,6 +523,7 @@
   --dt-size-400-negative: -0.8rem;
   --dt-size-450-negative: -1.2rem;
   --dt-size-500-negative: -1.6rem;
+  --dt-size-525-negative: -2rem;
   --dt-size-550-negative: -2.4rem;
   --dt-size-600-negative: -3.2rem;
   --dt-size-625-negative: -4.2rem;
@@ -548,25 +556,25 @@
   --dt-size-1130-negative: -134rem;
   --dt-size-1150-negative: -153.6rem;
   --dt-size-1200-negative: -204.8rem;
-  --dt-size-0-percent: 0rem;
-  --dt-size-5-percent: 0.5rem;
-  --dt-size-10-percent: 1rem;
-  --dt-size-20-percent: 2rem;
-  --dt-size-25-percent: 2.5rem;
-  --dt-size-30-percent: 3rem;
-  --dt-size-33-percent: 3.3333rem;
-  --dt-size-40-percent: 4rem;
-  --dt-size-50-percent: 5rem;
-  --dt-size-60-percent: 6rem;
-  --dt-size-66-percent: 6.67rem;
-  --dt-size-70-percent: 7rem;
-  --dt-size-75-percent: 7.5rem;
-  --dt-size-80-percent: 8rem;
-  --dt-size-90-percent: 9rem;
-  --dt-size-95-percent: 9.5rem;
-  --dt-size-100-percent: 10rem;
+  --dt-size-0-percent: 0%;
+  --dt-size-5-percent: 5%;
+  --dt-size-10-percent: 10%;
+  --dt-size-20-percent: 20%;
+  --dt-size-25-percent: 25%;
+  --dt-size-30-percent: 30%;
+  --dt-size-33-percent: 33.333%;
+  --dt-size-40-percent: 40%;
+  --dt-size-50-percent: 50%;
+  --dt-size-60-percent: 60%;
+  --dt-size-66-percent: 66.7%;
+  --dt-size-70-percent: 70%;
+  --dt-size-75-percent: 75%;
+  --dt-size-80-percent: 80%;
+  --dt-size-90-percent: 90%;
+  --dt-size-95-percent: 95%;
+  --dt-size-100-percent: 100%;
   --dt-size-base: 0.8rem;
-  --dt-size-radius-0: 0rem;
+  --dt-size-radius-0: 0;
   --dt-size-radius-100: 0.1rem;
   --dt-size-radius-200: 0.2rem;
   --dt-size-radius-300: 0.4rem;
@@ -574,7 +582,7 @@
   --dt-size-radius-500: 1.6rem;
   --dt-size-radius-600: 3.2rem;
   --dt-size-radius-pill: 10rem;
-  --dt-size-radius-circle: 5rem;
+  --dt-size-radius-circle: 50%;
   --dt-shadow-small-0-x: 0;
   --dt-shadow-small-0-y: 0.2rem;
   --dt-shadow-small-0-blur: 0.4rem;
@@ -801,6 +809,7 @@
   --dt-space-400: 0.8rem;
   --dt-space-450: 1.2rem;
   --dt-space-500: 1.6rem;
+  --dt-space-525: 2rem;
   --dt-space-550: 2.4rem;
   --dt-space-600: 3.2rem;
   --dt-space-625: 4.2rem;
@@ -841,6 +850,7 @@
   --dt-space-400-negative: -0.8rem;
   --dt-space-450-negative: -1.2rem;
   --dt-space-500-negative: -1.6rem;
+  --dt-space-525-negative: -2rem;
   --dt-space-550-negative: -2.4rem;
   --dt-space-600-negative: -3.2rem;
   --dt-space-625-negative: -4.2rem;

package/dist/css/variables-light.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Mon, 29 May 2023 19:21:18 GMT
+ * Generated on Thu, 01 Jun 2023 00:22:55 GMT
  */
 
 .dialtone-theme-light {
   --dt-radio-size-width: 1.6rem;
   --dt-radio-size-height: 1.6rem;
-  --dt-radio-size-radius: 5rem;
+  --dt-radio-size-radius: 50%;
   --dt-radio-color-border-unchecked: #AAAAAA;
   --dt-radio-color-border-checked: #7C52FF;
   --dt-radio-color-background-checked: #7C52FF;
@@ -359,7 +359,7 @@
   --dt-typography-code-base-line-height: 1.2;
   --dt-typography-code-base-font-size: 1.5rem;
   --dt-typography-code-base-text-case: none;
-  --dt-size-0: 0rem;
+  --dt-size-0: 0;
   --dt-size-50: 0.05rem;
   --dt-size-100: 0.1rem;
   --dt-size-200: 0.2rem;
@@ -368,6 +368,7 @@
   --dt-size-400: 0.8rem;
   --dt-size-450: 1.2rem;
   --dt-size-500: 1.6rem;
+  --dt-size-525: 2rem;
   --dt-size-550: 2.4rem;
   --dt-size-600: 3.2rem;
   --dt-size-625: 4.2rem;
@@ -400,7 +401,7 @@
   --dt-size-1130: 134rem;
   --dt-size-1150: 153.6rem;
   --dt-size-1200: 204.8rem;
-  --dt-size-border-0: 0rem;
+  --dt-size-border-0: 0;
   --dt-size-border-50: 0.05rem;
   --dt-size-border-100: 0.1rem;
   --dt-size-border-150: 0.15rem;
@@ -416,6 +417,7 @@
   --dt-size-400-negative: -0.8rem;
   --dt-size-450-negative: -1.2rem;
   --dt-size-500-negative: -1.6rem;
+  --dt-size-525-negative: -2rem;
   --dt-size-550-negative: -2.4rem;
   --dt-size-600-negative: -3.2rem;
   --dt-size-625-negative: -4.2rem;
@@ -448,25 +450,25 @@
   --dt-size-1130-negative: -134rem;
   --dt-size-1150-negative: -153.6rem;
   --dt-size-1200-negative: -204.8rem;
-  --dt-size-0-percent: 0rem;
-  --dt-size-5-percent: 0.5rem;
-  --dt-size-10-percent: 1rem;
-  --dt-size-20-percent: 2rem;
-  --dt-size-25-percent: 2.5rem;
-  --dt-size-30-percent: 3rem;
-  --dt-size-33-percent: 3.3333rem;
-  --dt-size-40-percent: 4rem;
-  --dt-size-50-percent: 5rem;
-  --dt-size-60-percent: 6rem;
-  --dt-size-66-percent: 6.67rem;
-  --dt-size-70-percent: 7rem;
-  --dt-size-75-percent: 7.5rem;
-  --dt-size-80-percent: 8rem;
-  --dt-size-90-percent: 9rem;
-  --dt-size-95-percent: 9.5rem;
-  --dt-size-100-percent: 10rem;
+  --dt-size-0-percent: 0%;
+  --dt-size-5-percent: 5%;
+  --dt-size-10-percent: 10%;
+  --dt-size-20-percent: 20%;
+  --dt-size-25-percent: 25%;
+  --dt-size-30-percent: 30%;
+  --dt-size-33-percent: 33.333%;
+  --dt-size-40-percent: 40%;
+  --dt-size-50-percent: 50%;
+  --dt-size-60-percent: 60%;
+  --dt-size-66-percent: 66.7%;
+  --dt-size-70-percent: 70%;
+  --dt-size-75-percent: 75%;
+  --dt-size-80-percent: 80%;
+  --dt-size-90-percent: 90%;
+  --dt-size-95-percent: 95%;
+  --dt-size-100-percent: 100%;
   --dt-size-base: 0.8rem;
-  --dt-size-radius-0: 0rem;
+  --dt-size-radius-0: 0;
   --dt-size-radius-100: 0.1rem;
   --dt-size-radius-200: 0.2rem;
   --dt-size-radius-300: 0.4rem;
@@ -474,7 +476,7 @@
   --dt-size-radius-500: 1.6rem;
   --dt-size-radius-600: 3.2rem;
   --dt-size-radius-pill: 10rem;
-  --dt-size-radius-circle: 5rem;
+  --dt-size-radius-circle: 50%;
   --dt-inputs-size-border-default: 0.15rem;
   --dt-inputs-size-border-status: 0.2rem;
   --dt-inputs-size-radius-xs: 0.4rem;
@@ -559,6 +561,12 @@
   --dt-theme-topbar-button-color-background: #0000;
   --dt-theme-topbar-button-color-background-hover: #0000000d;
   --dt-theme-topbar-button-color-background-active: #0000001a;
+  --dt-theme-topbar-profile-color-foreground: #000000bf;
+  --dt-theme-topbar-profile-color-foreground-inverted: #ffffffbf;
+  --dt-theme-topbar-profile-color-background: #0000000d;
+  --dt-theme-topbar-profile-color-background-inverted: #000000bf;
+  --dt-theme-topbar-profile-color-background-hover: #0000001a;
+  --dt-theme-topbar-profile-color-background-active: #00000024;
   --dt-theme-sidebar-color-foreground: #000000;
   --dt-theme-sidebar-color-background: #F9F9F9;
   --dt-theme-sidebar-icon-color-foreground: #3b3b3b;
@@ -621,6 +629,7 @@
   --dt-space-400: 0.8rem;
   --dt-space-450: 1.2rem;
   --dt-space-500: 1.6rem;
+  --dt-space-525: 2rem;
   --dt-space-550: 2.4rem;
   --dt-space-600: 3.2rem;
   --dt-space-625: 4.2rem;
@@ -661,6 +670,7 @@
   --dt-space-400-negative: -0.8rem;
   --dt-space-450-negative: -1.2rem;
   --dt-space-500-negative: -1.6rem;
+  --dt-space-525-negative: -2rem;
   --dt-space-550-negative: -2.4rem;
   --dt-space-600-negative: -3.2rem;
   --dt-space-625-negative: -4.2rem;