@dialpad/dialtone-tokens 1.18.0 → 1.19.0

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

@@ -1,7 +1,7 @@
 
 
 // Do not edit directly
-// Generated on Tue, 30 May 2023 23:54:29 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 GMT
 
 
 
@@ -770,7 +770,9 @@ object DialtoneTokensDark {
   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 Tue, 30 May 2023 23:54:29 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 GMT
 
 
 
@@ -650,7 +650,9 @@ object DialtoneTokensLight {
   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 Tue, 30 May 2023 23:54:29 GMT
+  Generated on Thu, 01 Jun 2023 00:22:55 GMT
 -->
 <resources>
   <color name="dt_dark_radio_color_border_unchecked">#ff808080</color>
@@ -274,7 +274,9 @@
   <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>

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

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 30 May 2023 23:54:29 GMT
+  Generated on Thu, 01 Jun 2023 00:22:55 GMT
 -->
 <resources>
   <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
@@ -275,7 +275,9 @@
   <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>

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

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 30 May 2023 23:54:29 GMT
+  Generated on Thu, 01 Jun 2023 00:22:55 GMT
 -->
 <resources>
   <dimen name="dt_dark_radio_size_width">16px</dimen>

package/dist/css/variables-dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 May 2023 23:54:29 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;
@@ -308,7 +308,9 @@
   --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;
@@ -463,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;
@@ -505,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;
@@ -554,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;
@@ -580,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;

package/dist/css/variables-light.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 May 2023 23:54:29 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;
@@ -401,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;
@@ -450,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;
@@ -476,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;
@@ -562,7 +562,9 @@
   --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;

package/dist/doc.json

@@ -38,7 +38,7 @@
   "radio/size/radius": {
     "css/variables": {
       "name": "var(--dt-radio-size-radius)",
-      "value": "5rem"
+      "value": "50%"
     },
     "android/resources": {
       "name": "dt_dark_radio_size_radius",
@@ -6492,7 +6492,7 @@
   "size/0": {
     "css/variables": {
       "name": "var(--dt-size-0)",
-      "value": "0rem"
+      "value": "0"
     },
     "android/resources": {
       "name": "dt_dark_size_0",
@@ -7248,7 +7248,7 @@
   "size/border/0": {
     "css/variables": {
       "name": "var(--dt-size-border-0)",
-      "value": "0rem"
+      "value": "0"
     },
     "android/resources": {
       "name": "dt_dark_size_border_0",
@@ -8130,7 +8130,7 @@
   "size/0-percent": {
     "css/variables": {
       "name": "var(--dt-size-0-percent)",
-      "value": "0rem"
+      "value": "0%"
     },
     "android/resources": {
       "name": "dt_dark_size_0_percent",
@@ -8148,7 +8148,7 @@
   "size/5-percent": {
     "css/variables": {
       "name": "var(--dt-size-5-percent)",
-      "value": "0.5rem"
+      "value": "5%"
     },
     "android/resources": {
       "name": "dt_dark_size_5_percent",
@@ -8166,7 +8166,7 @@
   "size/10-percent": {
     "css/variables": {
       "name": "var(--dt-size-10-percent)",
-      "value": "1rem"
+      "value": "10%"
     },
     "android/resources": {
       "name": "dt_dark_size_10_percent",
@@ -8184,7 +8184,7 @@
   "size/20-percent": {
     "css/variables": {
       "name": "var(--dt-size-20-percent)",
-      "value": "2rem"
+      "value": "20%"
     },
     "android/resources": {
       "name": "dt_dark_size_20_percent",
@@ -8202,7 +8202,7 @@
   "size/25-percent": {
     "css/variables": {
       "name": "var(--dt-size-25-percent)",
-      "value": "2.5rem"
+      "value": "25%"
     },
     "android/resources": {
       "name": "dt_dark_size_25_percent",
@@ -8220,7 +8220,7 @@
   "size/30-percent": {
     "css/variables": {
       "name": "var(--dt-size-30-percent)",
-      "value": "3rem"
+      "value": "30%"
     },
     "android/resources": {
       "name": "dt_dark_size_30_percent",
@@ -8238,7 +8238,7 @@
   "size/33-percent": {
     "css/variables": {
       "name": "var(--dt-size-33-percent)",
-      "value": "3.3333rem"
+      "value": "33.333%"
     },
     "android/resources": {
       "name": "dt_dark_size_33_percent",
@@ -8256,7 +8256,7 @@
   "size/40-percent": {
     "css/variables": {
       "name": "var(--dt-size-40-percent)",
-      "value": "4rem"
+      "value": "40%"
     },
     "android/resources": {
       "name": "dt_dark_size_40_percent",
@@ -8274,7 +8274,7 @@
   "size/50-percent": {
     "css/variables": {
       "name": "var(--dt-size-50-percent)",
-      "value": "5rem"
+      "value": "50%"
     },
     "android/resources": {
       "name": "dt_dark_size_50_percent",
@@ -8292,7 +8292,7 @@
   "size/60-percent": {
     "css/variables": {
       "name": "var(--dt-size-60-percent)",
-      "value": "6rem"
+      "value": "60%"
     },
     "android/resources": {
       "name": "dt_dark_size_60_percent",
@@ -8310,7 +8310,7 @@
   "size/66-percent": {
     "css/variables": {
       "name": "var(--dt-size-66-percent)",
-      "value": "6.67rem"
+      "value": "66.7%"
     },
     "android/resources": {
       "name": "dt_dark_size_66_percent",
@@ -8328,7 +8328,7 @@
   "size/70-percent": {
     "css/variables": {
       "name": "var(--dt-size-70-percent)",
-      "value": "7rem"
+      "value": "70%"
     },
     "android/resources": {
       "name": "dt_dark_size_70_percent",
@@ -8346,7 +8346,7 @@
   "size/75-percent": {
     "css/variables": {
       "name": "var(--dt-size-75-percent)",
-      "value": "7.5rem"
+      "value": "75%"
     },
     "android/resources": {
       "name": "dt_dark_size_75_percent",
@@ -8364,7 +8364,7 @@
   "size/80-percent": {
     "css/variables": {
       "name": "var(--dt-size-80-percent)",
-      "value": "8rem"
+      "value": "80%"
     },
     "android/resources": {
       "name": "dt_dark_size_80_percent",
@@ -8382,7 +8382,7 @@
   "size/90-percent": {
     "css/variables": {
       "name": "var(--dt-size-90-percent)",
-      "value": "9rem"
+      "value": "90%"
     },
     "android/resources": {
       "name": "dt_dark_size_90_percent",
@@ -8400,7 +8400,7 @@
   "size/95-percent": {
     "css/variables": {
       "name": "var(--dt-size-95-percent)",
-      "value": "9.5rem"
+      "value": "95%"
     },
     "android/resources": {
       "name": "dt_dark_size_95_percent",
@@ -8418,7 +8418,7 @@
   "size/100-percent": {
     "css/variables": {
       "name": "var(--dt-size-100-percent)",
-      "value": "10rem"
+      "value": "100%"
     },
     "android/resources": {
       "name": "dt_dark_size_100_percent",
@@ -8454,7 +8454,7 @@
   "size/radius/0": {
     "css/variables": {
       "name": "var(--dt-size-radius-0)",
-      "value": "0rem"
+      "value": "0"
     },
     "android/resources": {
       "name": "dt_dark_size_radius_0",
@@ -8598,7 +8598,7 @@
   "size/radius/circle": {
     "css/variables": {
       "name": "var(--dt-size-radius-circle)",
-      "value": "5rem"
+      "value": "50%"
     },
     "android/resources": {
       "name": "dt_dark_size_radius_circle",
@@ -10143,6 +10143,24 @@
       "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)"
     }
   },
+  "theme/topbar/profile/color/foreground-inverted": {
+    "css/variables": {
+      "name": "var(--dt-theme-topbar-profile-color-foreground-inverted)",
+      "value": "#000000bf"
+    },
+    "android/resources": {
+      "name": "dt_dark_theme_topbar_profile_color_foreground_inverted",
+      "value": "#bf000000"
+    },
+    "compose/object": {
+      "name": "dtThemeTopbarProfileColorForegroundInverted",
+      "value": "Color(0xbf000000)"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtThemeTopbarProfileColorForegroundInverted",
+      "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)"
+    }
+  },
   "theme/topbar/profile/color/background": {
     "css/variables": {
       "name": "var(--dt-theme-topbar-profile-color-background)",
@@ -10161,6 +10179,24 @@
       "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.050980392156862744)"
     }
   },
+  "theme/topbar/profile/color/background-inverted": {
+    "css/variables": {
+      "name": "var(--dt-theme-topbar-profile-color-background-inverted)",
+      "value": "#f9f9f9bf"
+    },
+    "android/resources": {
+      "name": "dt_dark_theme_topbar_profile_color_background_inverted",
+      "value": "#bff9f9f9"
+    },
+    "compose/object": {
+      "name": "dtThemeTopbarProfileColorBackgroundInverted",
+      "value": "Color(0xbff9f9f9)"
+    },
+    "ios-swift/enum.swift": {
+      "name": "dtThemeTopbarProfileColorBackgroundInverted",
+      "value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)"
+    }
+  },
   "theme/topbar/profile/color/background-hover": {
     "css/variables": {
       "name": "var(--dt-theme-topbar-profile-color-background-hover)",

package/dist/ios/tokens-dark.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 30 May 2023 23:54:29 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 GMT
 
 
 import UIKit
@@ -769,7 +769,9 @@ public enum DialtoneTokensDark {
     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 dtThemeTopbarProfileColorBackgroundInverted = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
     public static let dtThemeTopbarProfileColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
+    public static let dtThemeTopbarProfileColorForegroundInverted = 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/ios/tokens-light.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 30 May 2023 23:54:29 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 GMT
 
 
 import UIKit
@@ -649,7 +649,9 @@ public enum DialtoneTokensLight {
     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 dtThemeTopbarProfileColorBackgroundInverted = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
     public static let dtThemeTopbarProfileColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
+    public static let dtThemeTopbarProfileColorForegroundInverted = UIColor(red: 1.000, green: 1.000, blue: 1.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,13 +1,13 @@
 
 // Do not edit directly
-// Generated on Tue, 30 May 2023 23:54:29 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 GMT
 
 @dt-radio-color-border-unchecked: #808080;
 @dt-radio-color-border-checked: #7C52FF;
 @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;
@@ -306,7 +306,9 @@
 @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;
@@ -552,23 +554,23 @@
 @dt-size-1130-negative: -134rem;
 @dt-size-1150-negative: -153.6rem;
 @dt-size-1200-negative: -204.8rem;
-@dt-size-0-percent: 0;
-@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: 0;
 @dt-size-radius-100: 0.1rem;
@@ -578,7 +580,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;

package/dist/less/variables-light.less

@@ -1,10 +1,10 @@
 
 // Do not edit directly
-// Generated on Tue, 30 May 2023 23:54:29 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 GMT
 
 @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;
@@ -448,23 +448,23 @@
 @dt-size-1130-negative: -134rem;
 @dt-size-1150-negative: -153.6rem;
 @dt-size-1200-negative: -204.8rem;
-@dt-size-0-percent: 0;
-@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: 0;
 @dt-size-radius-100: 0.1rem;
@@ -474,7 +474,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;
@@ -560,7 +560,9 @@
 @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;

package/dist/tokens-dark.json

@@ -4,7 +4,7 @@
   "dtRadioColorBackgroundChecked": "#7C52FF",
   "dtRadioSizeWidth": "1.6rem",
   "dtRadioSizeHeight": "1.6rem",
-  "dtRadioSizeRadius": "5rem",
+  "dtRadioSizeRadius": "50%",
   "dtIconSize100": "1.2rem",
   "dtIconSize200": "1.4rem",
   "dtIconSize300": "1.8rem",
@@ -303,7 +303,9 @@
   "dtThemeTopbarColorForeground": "#f9f9f9bf",
   "dtThemeTopbarColorBackground": "#1b1b1b",
   "dtThemeTopbarProfileColorForeground": "#f9f9f9bf",
+  "dtThemeTopbarProfileColorForegroundInverted": "#000000bf",
   "dtThemeTopbarProfileColorBackground": "#f9f9f90d",
+  "dtThemeTopbarProfileColorBackgroundInverted": "#f9f9f9bf",
   "dtThemeTopbarProfileColorBackgroundHover": "#f9f9f91a",
   "dtThemeTopbarProfileColorBackgroundActive": "#f9f9f924",
   "dtThemeSidebarSectionColorForeground": "#a7a7a7",
@@ -549,23 +551,23 @@
   "dtSize1130Negative": "-134rem",
   "dtSize1150Negative": "-153.6rem",
   "dtSize1200Negative": "-204.8rem",
-  "dtSize0Percent": "0",
-  "dtSize5Percent": "0.5rem",
-  "dtSize10Percent": "1rem",
-  "dtSize20Percent": "2rem",
-  "dtSize25Percent": "2.5rem",
-  "dtSize30Percent": "3rem",
-  "dtSize33Percent": "3.3333rem",
-  "dtSize40Percent": "4rem",
-  "dtSize50Percent": "5rem",
-  "dtSize60Percent": "6rem",
-  "dtSize66Percent": "6.67rem",
-  "dtSize70Percent": "7rem",
-  "dtSize75Percent": "7.5rem",
-  "dtSize80Percent": "8rem",
-  "dtSize90Percent": "9rem",
-  "dtSize95Percent": "9.5rem",
-  "dtSize100Percent": "10rem",
+  "dtSize0Percent": "0%",
+  "dtSize5Percent": "5%",
+  "dtSize10Percent": "10%",
+  "dtSize20Percent": "20%",
+  "dtSize25Percent": "25%",
+  "dtSize30Percent": "30%",
+  "dtSize33Percent": "33.333%",
+  "dtSize40Percent": "40%",
+  "dtSize50Percent": "50%",
+  "dtSize60Percent": "60%",
+  "dtSize66Percent": "66.7%",
+  "dtSize70Percent": "70%",
+  "dtSize75Percent": "75%",
+  "dtSize80Percent": "80%",
+  "dtSize90Percent": "90%",
+  "dtSize95Percent": "95%",
+  "dtSize100Percent": "100%",
   "dtSizeBase": "0.8rem",
   "dtSizeRadius0": "0",
   "dtSizeRadius100": "0.1rem",
@@ -575,7 +577,7 @@
   "dtSizeRadius500": "1.6rem",
   "dtSizeRadius600": "3.2rem",
   "dtSizeRadiusPill": "10rem",
-  "dtSizeRadiusCircle": "5rem",
+  "dtSizeRadiusCircle": "50%",
   "dtShadowSmall0X": "0",
   "dtShadowSmall0Y": "0.2rem",
   "dtShadowSmall0Blur": "0.4rem",

package/dist/tokens-light.json

@@ -1,7 +1,7 @@
 {
   "dtRadioSizeWidth": "1.6rem",
   "dtRadioSizeHeight": "1.6rem",
-  "dtRadioSizeRadius": "5rem",
+  "dtRadioSizeRadius": "50%",
   "dtRadioColorBorderUnchecked": "#AAAAAA",
   "dtRadioColorBorderChecked": "#7C52FF",
   "dtRadioColorBackgroundChecked": "#7C52FF",
@@ -445,23 +445,23 @@
   "dtSize1130Negative": "-134rem",
   "dtSize1150Negative": "-153.6rem",
   "dtSize1200Negative": "-204.8rem",
-  "dtSize0Percent": "0",
-  "dtSize5Percent": "0.5rem",
-  "dtSize10Percent": "1rem",
-  "dtSize20Percent": "2rem",
-  "dtSize25Percent": "2.5rem",
-  "dtSize30Percent": "3rem",
-  "dtSize33Percent": "3.3333rem",
-  "dtSize40Percent": "4rem",
-  "dtSize50Percent": "5rem",
-  "dtSize60Percent": "6rem",
-  "dtSize66Percent": "6.67rem",
-  "dtSize70Percent": "7rem",
-  "dtSize75Percent": "7.5rem",
-  "dtSize80Percent": "8rem",
-  "dtSize90Percent": "9rem",
-  "dtSize95Percent": "9.5rem",
-  "dtSize100Percent": "10rem",
+  "dtSize0Percent": "0%",
+  "dtSize5Percent": "5%",
+  "dtSize10Percent": "10%",
+  "dtSize20Percent": "20%",
+  "dtSize25Percent": "25%",
+  "dtSize30Percent": "30%",
+  "dtSize33Percent": "33.333%",
+  "dtSize40Percent": "40%",
+  "dtSize50Percent": "50%",
+  "dtSize60Percent": "60%",
+  "dtSize66Percent": "66.7%",
+  "dtSize70Percent": "70%",
+  "dtSize75Percent": "75%",
+  "dtSize80Percent": "80%",
+  "dtSize90Percent": "90%",
+  "dtSize95Percent": "95%",
+  "dtSize100Percent": "100%",
   "dtSizeBase": "0.8rem",
   "dtSizeRadius0": "0",
   "dtSizeRadius100": "0.1rem",
@@ -471,7 +471,7 @@
   "dtSizeRadius500": "1.6rem",
   "dtSizeRadius600": "3.2rem",
   "dtSizeRadiusPill": "10rem",
-  "dtSizeRadiusCircle": "5rem",
+  "dtSizeRadiusCircle": "50%",
   "dtInputsSizeBorderDefault": "0.15rem",
   "dtInputsSizeBorderStatus": "0.2rem",
   "dtInputsSizeRadiusXs": "0.4rem",
@@ -557,7 +557,9 @@
   "dtThemeTopbarButtonColorBackgroundHover": "#0000000d",
   "dtThemeTopbarButtonColorBackgroundActive": "#0000001a",
   "dtThemeTopbarProfileColorForeground": "#000000bf",
+  "dtThemeTopbarProfileColorForegroundInverted": "#ffffffbf",
   "dtThemeTopbarProfileColorBackground": "#0000000d",
+  "dtThemeTopbarProfileColorBackgroundInverted": "#000000bf",
   "dtThemeTopbarProfileColorBackgroundHover": "#0000001a",
   "dtThemeTopbarProfileColorBackgroundActive": "#00000024",
   "dtThemeSidebarColorForeground": "#000000",

package/package.json

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