@dialpad/dialtone-tokens 1.17.0 → 1.18.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 Tue, 30 May 2023 23:54:29 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,10 @@ 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 dtThemeTopbarProfileColorForeground = Color(0xbff9f9f9)
   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 Tue, 30 May 2023 23:54:29 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,10 @@ 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 dtThemeTopbarProfileColorForeground = Color(0xbf000000)
   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 Tue, 30 May 2023 23:54:29 GMT
 -->
 <resources>
   <color name="dt_dark_radio_color_border_unchecked">#ff808080</color>
@@ -273,6 +273,10 @@
   <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_background">#0df9f9f9</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 Tue, 30 May 2023 23:54:29 GMT
 -->
 <resources>
   <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
@@ -274,6 +274,10 @@
   <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_background">#0d000000</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 Tue, 30 May 2023 23:54:29 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 Tue, 30 May 2023 23:54:29 GMT
  */
 
 .dialtone-theme-dark {
@@ -307,6 +307,10 @@
   --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-background: #f9f9f90d;
+  --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;
@@ -468,6 +472,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;
@@ -516,6 +521,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;
@@ -801,6 +807,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 +848,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,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 29 May 2023 19:21:18 GMT
+ * Generated on Tue, 30 May 2023 23:54:29 GMT
  */
 
 .dialtone-theme-light {
@@ -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;
@@ -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;
@@ -559,6 +561,10 @@
   --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-background: #0000000d;
+  --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 +627,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 +668,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/doc.json

@@ -6651,6 +6651,24 @@
       "value": "CGFloat(16.00)"
     }
   },
+  "size/525": {
+    "css/variables": {
+      "name": "var(--dt-size-525)",
+      "value": "2rem"
+    },
+    "android/resources": {
+      "name": "dt_dark_size_525",
+      "value": "320.00dp"
+    },
+    "compose/object": {
+      "name": "dtSize525",
+      "value": "20.dp"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtSize525",
+      "value": "CGFloat(20.00)"
+    }
+  },
   "size/550": {
     "css/variables": {
       "name": "var(--dt-size-550)",
@@ -7515,6 +7533,24 @@
       "value": "CGFloat(-16.00)"
     }
   },
+  "size/525-negative": {
+    "css/variables": {
+      "name": "var(--dt-size-525-negative)",
+      "value": "-2rem"
+    },
+    "android/resources": {
+      "name": "dt_dark_size_525_negative",
+      "value": "-320.00dp"
+    },
+    "compose/object": {
+      "name": "dtSize525Negative",
+      "value": "-20.dp"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtSize525Negative",
+      "value": "CGFloat(-20.00)"
+    }
+  },
   "size/550-negative": {
     "css/variables": {
       "name": "var(--dt-size-550-negative)",
@@ -10089,6 +10125,78 @@
       "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)"
     }
   },
+  "theme/topbar/profile/color/foreground": {
+    "css/variables": {
+      "name": "var(--dt-theme-topbar-profile-color-foreground)",
+      "value": "#f9f9f9bf"
+    },
+    "android/resources": {
+      "name": "dt_dark_theme_topbar_profile_color_foreground",
+      "value": "#bff9f9f9"
+    },
+    "compose/object": {
+      "name": "dtThemeTopbarProfileColorForeground",
+      "value": "Color(0xbff9f9f9)"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtThemeTopbarProfileColorForeground",
+      "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)"
+    }
+  },
+  "theme/topbar/profile/color/background": {
+    "css/variables": {
+      "name": "var(--dt-theme-topbar-profile-color-background)",
+      "value": "#f9f9f90d"
+    },
+    "android/resources": {
+      "name": "dt_dark_theme_topbar_profile_color_background",
+      "value": "#0df9f9f9"
+    },
+    "compose/object": {
+      "name": "dtThemeTopbarProfileColorBackground",
+      "value": "Color(0x0df9f9f9)"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtThemeTopbarProfileColorBackground",
+      "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.050980392156862744)"
+    }
+  },
+  "theme/topbar/profile/color/background-hover": {
+    "css/variables": {
+      "name": "var(--dt-theme-topbar-profile-color-background-hover)",
+      "value": "#f9f9f91a"
+    },
+    "android/resources": {
+      "name": "dt_dark_theme_topbar_profile_color_background_hover",
+      "value": "#1af9f9f9"
+    },
+    "compose/object": {
+      "name": "dtThemeTopbarProfileColorBackgroundHover",
+      "value": "Color(0x1af9f9f9)"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtThemeTopbarProfileColorBackgroundHover",
+      "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)"
+    }
+  },
+  "theme/topbar/profile/color/background-active": {
+    "css/variables": {
+      "name": "var(--dt-theme-topbar-profile-color-background-active)",
+      "value": "#f9f9f924"
+    },
+    "android/resources": {
+      "name": "dt_dark_theme_topbar_profile_color_background_active",
+      "value": "#24f9f9f9"
+    },
+    "compose/object": {
+      "name": "dtThemeTopbarProfileColorBackgroundActive",
+      "value": "Color(0x24f9f9f9)"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtThemeTopbarProfileColorBackgroundActive",
+      "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.1411764705882353)"
+    }
+  },
   "theme/sidebar/color/foreground": {
     "css/variables": {
       "name": "var(--dt-theme-sidebar-color-foreground)",
@@ -11211,6 +11319,24 @@
       "value": "CGFloat(16.00)"
     }
   },
+  "space/525": {
+    "css/variables": {
+      "name": "var(--dt-space-525)",
+      "value": "2rem"
+    },
+    "android/resources": {
+      "name": "dt_dark_space_525",
+      "value": "20px"
+    },
+    "compose/object": {
+      "name": "dtSpace525",
+      "value": "20.dp"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtSpace525",
+      "value": "CGFloat(20.00)"
+    }
+  },
   "space/550": {
     "css/variables": {
       "name": "var(--dt-space-550)",
@@ -11931,6 +12057,24 @@
       "value": "CGFloat(-16.00)"
     }
   },
+  "space/525-negative": {
+    "css/variables": {
+      "name": "var(--dt-space-525-negative)",
+      "value": "-2rem"
+    },
+    "android/resources": {
+      "name": "dt_dark_space_525_negative",
+      "value": "-20px"
+    },
+    "compose/object": {
+      "name": "dtSpace525Negative",
+      "value": "-20.dp"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtSpace525Negative",
+      "value": "CGFloat(-20.00)"
+    }
+  },
   "space/550-negative": {
     "css/variables": {
       "name": "var(--dt-space-550-negative)",

package/dist/ios/tokens-dark.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 29 May 2023 19:21:19 GMT
+// Generated on Tue, 30 May 2023 23:54:29 GMT
 
 
 import UIKit
@@ -568,6 +568,8 @@ public enum DialtoneTokensDark {
     public static let dtSize500Negative = CGFloat(-16.00)
     public static let dtSize50Negative = CGFloat(-0.50)
     public static let dtSize50Percent = CGFloat(50.00)
+    public static let dtSize525 = CGFloat(20.00)
+    public static let dtSize525Negative = CGFloat(-20.00)
     public static let dtSize550 = CGFloat(24.00)
     public static let dtSize550Negative = CGFloat(-24.00)
     public static let dtSize5Percent = CGFloat(5.00)
@@ -684,6 +686,8 @@ public enum DialtoneTokensDark {
     public static let dtSpace500Negative = CGFloat(-16.00)
     public static let dtSpace50Negative = CGFloat(-0.50)
     public static let dtSpace50Percent = CGFloat(50.00)
+    public static let dtSpace525 = CGFloat(20.00)
+    public static let dtSpace525Negative = CGFloat(-20.00)
     public static let dtSpace550 = CGFloat(24.00)
     public static let dtSpace550Negative = CGFloat(-24.00)
     public static let dtSpace5Percent = CGFloat(5.00)
@@ -762,6 +766,10 @@ public enum DialtoneTokensDark {
     public static let dtThemeTopbarFieldColorBorderHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)
     public static let dtThemeTopbarFieldColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.5019607843137255)
     public static let dtThemeTopbarFieldColorForegroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
+    public static let dtThemeTopbarProfileColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.050980392156862744)
+    public static let dtThemeTopbarProfileColorBackgroundActive = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.1411764705882353)
+    public static let dtThemeTopbarProfileColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)
+    public static let dtThemeTopbarProfileColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
     public static let dtTypographyBodyBaseFontFamily = UIFont.systemFont(ofSize: 15)
     public static let dtTypographyBodyBaseFontSize = CGFloat(15.00)
     public static let dtTypographyBodyBaseFontWeight = 400

package/dist/ios/tokens-light.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 29 May 2023 19:21:18 GMT
+// Generated on Tue, 30 May 2023 23:54:29 GMT
 
 
 import UIKit
@@ -448,6 +448,8 @@ public enum DialtoneTokensLight {
     public static let dtSize500Negative = CGFloat(-16.00)
     public static let dtSize50Negative = CGFloat(-0.50)
     public static let dtSize50Percent = CGFloat(50.00)
+    public static let dtSize525 = CGFloat(20.00)
+    public static let dtSize525Negative = CGFloat(-20.00)
     public static let dtSize550 = CGFloat(24.00)
     public static let dtSize550Negative = CGFloat(-24.00)
     public static let dtSize5Percent = CGFloat(5.00)
@@ -564,6 +566,8 @@ public enum DialtoneTokensLight {
     public static let dtSpace500Negative = CGFloat(-16.00)
     public static let dtSpace50Negative = CGFloat(-0.50)
     public static let dtSpace50Percent = CGFloat(50.00)
+    public static let dtSpace525 = CGFloat(20.00)
+    public static let dtSpace525Negative = CGFloat(-20.00)
     public static let dtSpace550 = CGFloat(24.00)
     public static let dtSpace550Negative = CGFloat(-24.00)
     public static let dtSpace5Percent = CGFloat(5.00)
@@ -642,6 +646,10 @@ public enum DialtoneTokensLight {
     public static let dtThemeTopbarFieldColorBorderHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
     public static let dtThemeTopbarFieldColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5019607843137255)
     public static let dtThemeTopbarFieldColorForegroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
+    public static let dtThemeTopbarProfileColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.050980392156862744)
+    public static let dtThemeTopbarProfileColorBackgroundActive = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1411764705882353)
+    public static let dtThemeTopbarProfileColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
+    public static let dtThemeTopbarProfileColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
     public static let dtTypographyBodyBaseFontFamily = UIFont.systemFont(ofSize: 15)
     public static let dtTypographyBodyBaseFontSize = CGFloat(15.00)
     public static let dtTypographyBodyBaseFontWeight = 400

package/dist/less/variables-dark.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 29 May 2023 19:21:18 GMT
+// Generated on Tue, 30 May 2023 23:54:29 GMT
 
 @dt-radio-color-border-unchecked: #808080;
 @dt-radio-color-border-checked: #7C52FF;
@@ -305,6 +305,10 @@
 @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-background: #f9f9f90d;
+@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;
@@ -466,6 +470,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;
@@ -514,6 +519,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;
@@ -799,6 +805,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;
@@ -839,6 +846,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/less/variables-light.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 29 May 2023 19:21:18 GMT
+// Generated on Tue, 30 May 2023 23:54:29 GMT
 
 @dt-radio-size-width: 1.6rem;
 @dt-radio-size-height: 1.6rem;
@@ -366,6 +366,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;
@@ -414,6 +415,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;
@@ -557,6 +559,10 @@
 @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-background: #0000000d;
+@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;
@@ -619,6 +625,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;
@@ -659,6 +666,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/tokens-dark.json

@@ -302,6 +302,10 @@
   "dtThemeTopbarButtonColorBackgroundActive": "#f9f9f91a",
   "dtThemeTopbarColorForeground": "#f9f9f9bf",
   "dtThemeTopbarColorBackground": "#1b1b1b",
+  "dtThemeTopbarProfileColorForeground": "#f9f9f9bf",
+  "dtThemeTopbarProfileColorBackground": "#f9f9f90d",
+  "dtThemeTopbarProfileColorBackgroundHover": "#f9f9f91a",
+  "dtThemeTopbarProfileColorBackgroundActive": "#f9f9f924",
   "dtThemeSidebarSectionColorForeground": "#a7a7a7",
   "dtThemeSidebarIconColorForeground": "#c0c0c0",
   "dtThemeSidebarRowColorBackgroundHover": "#f9f9f92e",
@@ -463,6 +467,7 @@
   "dtSize400": "0.8rem",
   "dtSize450": "1.2rem",
   "dtSize500": "1.6rem",
+  "dtSize525": "2rem",
   "dtSize550": "2.4rem",
   "dtSize600": "3.2rem",
   "dtSize625": "4.2rem",
@@ -511,6 +516,7 @@
   "dtSize400Negative": "-0.8rem",
   "dtSize450Negative": "-1.2rem",
   "dtSize500Negative": "-1.6rem",
+  "dtSize525Negative": "-2rem",
   "dtSize550Negative": "-2.4rem",
   "dtSize600Negative": "-3.2rem",
   "dtSize625Negative": "-4.2rem",
@@ -796,6 +802,7 @@
   "dtSpace400": "0.8rem",
   "dtSpace450": "1.2rem",
   "dtSpace500": "1.6rem",
+  "dtSpace525": "2rem",
   "dtSpace550": "2.4rem",
   "dtSpace600": "3.2rem",
   "dtSpace625": "4.2rem",
@@ -836,6 +843,7 @@
   "dtSpace400Negative": "-0.8rem",
   "dtSpace450Negative": "-1.2rem",
   "dtSpace500Negative": "-1.6rem",
+  "dtSpace525Negative": "-2rem",
   "dtSpace550Negative": "-2.4rem",
   "dtSpace600Negative": "-3.2rem",
   "dtSpace625Negative": "-4.2rem",

package/dist/tokens-light.json

@@ -363,6 +363,7 @@
   "dtSize400": "0.8rem",
   "dtSize450": "1.2rem",
   "dtSize500": "1.6rem",
+  "dtSize525": "2rem",
   "dtSize550": "2.4rem",
   "dtSize600": "3.2rem",
   "dtSize625": "4.2rem",
@@ -411,6 +412,7 @@
   "dtSize400Negative": "-0.8rem",
   "dtSize450Negative": "-1.2rem",
   "dtSize500Negative": "-1.6rem",
+  "dtSize525Negative": "-2rem",
   "dtSize550Negative": "-2.4rem",
   "dtSize600Negative": "-3.2rem",
   "dtSize625Negative": "-4.2rem",
@@ -554,6 +556,10 @@
   "dtThemeTopbarButtonColorBackground": "#0000",
   "dtThemeTopbarButtonColorBackgroundHover": "#0000000d",
   "dtThemeTopbarButtonColorBackgroundActive": "#0000001a",
+  "dtThemeTopbarProfileColorForeground": "#000000bf",
+  "dtThemeTopbarProfileColorBackground": "#0000000d",
+  "dtThemeTopbarProfileColorBackgroundHover": "#0000001a",
+  "dtThemeTopbarProfileColorBackgroundActive": "#00000024",
   "dtThemeSidebarColorForeground": "#000000",
   "dtThemeSidebarColorBackground": "#F9F9F9",
   "dtThemeSidebarIconColorForeground": "#3b3b3b",
@@ -616,6 +622,7 @@
   "dtSpace400": "0.8rem",
   "dtSpace450": "1.2rem",
   "dtSpace500": "1.6rem",
+  "dtSpace525": "2rem",
   "dtSpace550": "2.4rem",
   "dtSpace600": "3.2rem",
   "dtSpace625": "4.2rem",
@@ -656,6 +663,7 @@
   "dtSpace400Negative": "-0.8rem",
   "dtSpace450Negative": "-1.2rem",
   "dtSpace500Negative": "-1.6rem",
+  "dtSpace525Negative": "-2rem",
   "dtSpace550Negative": "-2.4rem",
   "dtSpace600Negative": "-3.2rem",
   "dtSpace625Negative": "-4.2rem",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-tokens",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "description": "Design tokens for Dialtone.",
   "main": "index.js",
   "scripts": {