@dialpad/dialtone-tokens 1.18.0 → 1.20.0

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, 15 Jun 2023 16:21:07 GMT
 
 
 import UIKit
@@ -23,11 +23,11 @@ public enum DialtoneTokensDark {
     public static let dtActionColorBackgroundCriticalPrimaryDefault = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
     public static let dtActionColorBackgroundCriticalPrimaryHover = UIColor(red: 0.851, green: 0.051, blue: 0.051, alpha: 1)
     public static let dtActionColorBackgroundDisabledDefault = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
-    public static let dtActionColorBackgroundInvertedActive = UIColor(red: 0.031, green: 0.031, blue: 0.031, alpha: 0.30196078431372547)
+    public static let dtActionColorBackgroundInvertedActive = UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 0.30196078431372547)
     public static let dtActionColorBackgroundInvertedDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
-    public static let dtActionColorBackgroundInvertedHover = UIColor(red: 0.031, green: 0.031, blue: 0.031, alpha: 0.14901960784313725)
+    public static let dtActionColorBackgroundInvertedHover = UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 0.14901960784313725)
     public static let dtActionColorBackgroundInvertedPrimaryActive = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
-    public static let dtActionColorBackgroundInvertedPrimaryDefault = UIColor(red: 0.031, green: 0.031, blue: 0.031, alpha: 1)
+    public static let dtActionColorBackgroundInvertedPrimaryDefault = UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 1)
     public static let dtActionColorBackgroundInvertedPrimaryHover = UIColor(red: 0.063, green: 0.008, blue: 0.173, alpha: 1)
     public static let dtActionColorBackgroundMutedActive = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.1607843137254902)
     public static let dtActionColorBackgroundMutedDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
@@ -77,7 +77,7 @@ public enum DialtoneTokensDark {
     public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
     public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
     public static let dtBadgeColorBackgroundCritical = UIColor(red: 0.357, green: 0.020, blue: 0.020, alpha: 1)
-    public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.21176470588235294)
+    public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
     public static let dtBadgeColorBackgroundInfo = UIColor(red: 0.004, green: 0.196, blue: 0.427, alpha: 1)
     public static let dtBadgeColorBackgroundSuccess = UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)
     public static let dtBadgeColorBackgroundWarning = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
@@ -90,7 +90,7 @@ public enum DialtoneTokensDark {
     public static let dtCheckboxSizeRadius = CGFloat(4.00)
     public static let dtCheckboxSizeWidth = CGFloat(16.00)
     public static let dtColorBlack100 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
-    public static let dtColorBlack200 = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 1)
+    public static let dtColorBlack200 = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
     public static let dtColorBlack300 = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
     public static let dtColorBlack400 = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
     public static let dtColorBlack500 = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
@@ -147,7 +147,7 @@ public enum DialtoneTokensDark {
     public static let dtColorForegroundDisabled = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
     public static let dtColorForegroundDisabledInverted = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
     public static let dtColorForegroundMuted = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.6)
-    public static let dtColorForegroundMutedInverted = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.6)
+    public static let dtColorForegroundMutedInverted = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 0.6)
     public static let dtColorForegroundPlaceholder = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
     public static let dtColorForegroundPlaceholderInverted = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
     public static let dtColorForegroundPrimary = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
@@ -183,7 +183,7 @@ public enum DialtoneTokensDark {
     public static let dtColorLinkDisabledInvertedHover = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
     public static let dtColorLinkMuted = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.6)
     public static let dtColorLinkMutedHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
-    public static let dtColorLinkMutedInverted = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.6)
+    public static let dtColorLinkMutedInverted = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 0.6)
     public static let dtColorLinkMutedInvertedHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
     public static let dtColorLinkPrimary = UIColor(red: 0.671, green: 0.494, blue: 1.000, alpha: 1)
     public static let dtColorLinkPrimaryHover = UIColor(red: 0.855, green: 0.780, blue: 1.000, alpha: 1)
@@ -196,7 +196,7 @@ public enum DialtoneTokensDark {
     public static let dtColorLinkWarning = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
     public static let dtColorLinkWarningHover = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
     public static let dtColorLinkWarningInverted = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
-    public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 1)
+    public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
     public static let dtColorMagenta100 = UIColor(red: 0.329, green: 0.102, blue: 0.231, alpha: 1)
     public static let dtColorMagenta200 = UIColor(red: 0.549, green: 0.055, blue: 0.337, alpha: 1)
     public static let dtColorMagenta300 = UIColor(red: 0.976, green: 0.000, blue: 0.557, alpha: 1)
@@ -217,9 +217,9 @@ public enum DialtoneTokensDark {
     public static let dtColorRed400 = UIColor(red: 1.000, green: 0.522, blue: 0.522, alpha: 1)
     public static let dtColorRed500 = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
     public static let dtColorSurfaceBold = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
-    public static let dtColorSurfaceBoldOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.3215686274509804)
+    public static let dtColorSurfaceBoldOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.27058823529411763)
     public static let dtColorSurfaceContrast = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
-    public static let dtColorSurfaceContrastOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.9803921568627451)
+    public static let dtColorSurfaceContrastOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.9607843137254902)
     public static let dtColorSurfaceCritical = UIColor(red: 0.357, green: 0.020, blue: 0.020, alpha: 1)
     public static let dtColorSurfaceCriticalOpaque = UIColor(red: 0.718, green: 0.043, blue: 0.043, alpha: 0.3215686274509804)
     public static let dtColorSurfaceCriticalStrong = UIColor(red: 1.000, green: 0.522, blue: 0.522, alpha: 1)
@@ -231,12 +231,12 @@ public enum DialtoneTokensDark {
     public static let dtColorSurfaceInfoSubtle = UIColor(red: 0.004, green: 0.118, blue: 0.255, alpha: 1)
     public static let dtColorSurfaceInfoSubtleOpaque = UIColor(red: 0.004, green: 0.118, blue: 0.255, alpha: 0.5019607843137255)
     public static let dtColorSurfaceModerate = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
-    public static let dtColorSurfaceModerateOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.21176470588235294)
-    public static let dtColorSurfacePrimary = UIColor(red: 0.031, green: 0.031, blue: 0.031, alpha: 1)
-    public static let dtColorSurfaceSecondary = UIColor(red: 0.106, green: 0.106, blue: 0.106, alpha: 1)
-    public static let dtColorSurfaceSecondaryOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.0784313725490196)
+    public static let dtColorSurfaceModerateOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
+    public static let dtColorSurfacePrimary = UIColor(red: 0.102, green: 0.102, blue: 0.102, alpha: 1)
+    public static let dtColorSurfaceSecondary = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
+    public static let dtColorSurfaceSecondaryOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.058823529411764705)
     public static let dtColorSurfaceStrong = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
-    public static let dtColorSurfaceStrongOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.6705882352941176)
+    public static let dtColorSurfaceStrongOpaque = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.6509803921568628)
     public static let dtColorSurfaceSuccess = UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)
     public static let dtColorSurfaceSuccessOpaque = UIColor(red: 0.102, green: 0.639, blue: 0.255, alpha: 0.25882352941176473)
     public static let dtColorSurfaceSuccessStrong = UIColor(red: 0.690, green: 1.000, blue: 0.639, alpha: 1)
@@ -254,7 +254,7 @@ public enum DialtoneTokensDark {
     public static let dtColorTan500 = UIColor(red: 0.949, green: 0.941, blue: 0.933, alpha: 1)
     public static let dtFontFamilyBody = UIFont.systemFont(ofSize: 15)
     public static let dtFontFamilyExpressive = UIFont.systemFont(ofSize: 15)
-    public static let dtFontFamilyMono = UIFont.monospacedSystemFont(ofSize: 15)
+    public static let dtFontFamilyMono = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
     public static let dtFontLineHeight100 = CGFloat(100.00)
     public static let dtFontLineHeight200 = CGFloat(120.00)
     public static let dtFontLineHeight300 = CGFloat(140.00)
@@ -436,7 +436,7 @@ public enum DialtoneTokensDark {
     public static let dtShadowLarge1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
     public static let dtShadowLarge1Spread = CGFloat(0.00)
     public static let dtShadowLarge1Type = "dropShadow"
-    public static let dtShadowLarge1X = CGFloat(0.50)
+    public static let dtShadowLarge1X = CGFloat(-0.50)
     public static let dtShadowLarge1Y = CGFloat(0.50)
     public static let dtShadowLarge2Blur = CGFloat(0.00)
     public static let dtShadowLarge2Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
@@ -742,7 +742,7 @@ public enum DialtoneTokensDark {
     public static let dtThemePresenceColorBackgroundBusy = UIColor(red: 0.965, green: 0.671, blue: 0.235, alpha: 1)
     public static let dtThemePresenceColorBackgroundBusyUnavailable = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
     public static let dtThemePresenceColorBackgroundOffline = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let dtThemeSidebarColorBackground = UIColor(red: 0.106, green: 0.106, blue: 0.106, alpha: 1)
+    public static let dtThemeSidebarColorBackground = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
     public static let dtThemeSidebarColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
     public static let dtThemeSidebarIconColorForeground = UIColor(red: 0.753, green: 0.753, blue: 0.753, alpha: 1)
     public static let dtThemeSidebarRowColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0)
@@ -757,7 +757,7 @@ public enum DialtoneTokensDark {
     public static let dtThemeTopbarButtonColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
     public static let dtThemeTopbarButtonColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.6509803921568628)
     public static let dtThemeTopbarButtonColorForegroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
-    public static let dtThemeTopbarColorBackground = UIColor(red: 0.106, green: 0.106, blue: 0.106, alpha: 1)
+    public static let dtThemeTopbarColorBackground = UIColor(red: 0.149, green: 0.149, blue: 0.149, alpha: 1)
     public static let dtThemeTopbarColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
     public static let dtThemeTopbarFieldColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.050980392156862744)
     public static let dtThemeTopbarFieldColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
@@ -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
@@ -790,12 +792,12 @@ public enum DialtoneTokensDark {
     public static let dtTypographyBodySmallFontWeight = 400
     public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
     public static let dtTypographyBodySmallTextCase = "none"
-    public static let dtTypographyCodeBaseFontFamily = UIFont.monospacedSystemFont(ofSize: 15)
+    public static let dtTypographyCodeBaseFontFamily = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
     public static let dtTypographyCodeBaseFontSize = CGFloat(15.00)
     public static let dtTypographyCodeBaseFontWeight = 400
     public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
     public static let dtTypographyCodeBaseTextCase = "none"
-    public static let dtTypographyCodeSmallFontFamily = UIFont.monospacedSystemFont(ofSize: 15)
+    public static let dtTypographyCodeSmallFontFamily = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
     public static let dtTypographyCodeSmallFontSize = CGFloat(12.00)
     public static let dtTypographyCodeSmallFontWeight = 400
     public static let dtTypographyCodeSmallLineHeight = CGFloat(120.00)

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, 15 Jun 2023 16:21:07 GMT
 
 
 import UIKit
@@ -254,7 +254,7 @@ public enum DialtoneTokensLight {
     public static let dtColorTan500 = UIColor(red: 0.071, green: 0.071, blue: 0.071, alpha: 1)
     public static let dtFontFamilyBody = UIFont.systemFont(ofSize: 15)
     public static let dtFontFamilyExpressive = UIFont.systemFont(ofSize: 15)
-    public static let dtFontFamilyMono = UIFont.monospacedSystemFont(ofSize: 15)
+    public static let dtFontFamilyMono = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
     public static let dtFontLineHeight100 = CGFloat(100.00)
     public static let dtFontLineHeight200 = CGFloat(120.00)
     public static let dtFontLineHeight300 = CGFloat(140.00)
@@ -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
@@ -670,12 +672,12 @@ public enum DialtoneTokensLight {
     public static let dtTypographyBodySmallFontWeight = 400
     public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
     public static let dtTypographyBodySmallTextCase = "none"
-    public static let dtTypographyCodeBaseFontFamily = UIFont.monospacedSystemFont(ofSize: 15)
+    public static let dtTypographyCodeBaseFontFamily = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
     public static let dtTypographyCodeBaseFontSize = CGFloat(15.00)
     public static let dtTypographyCodeBaseFontWeight = 400
     public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
     public static let dtTypographyCodeBaseTextCase = "none"
-    public static let dtTypographyCodeSmallFontFamily = UIFont.monospacedSystemFont(ofSize: 15)
+    public static let dtTypographyCodeSmallFontFamily = UIFont.monospacedSystemFont(ofSize: 15, weight: .regular)
     public static let dtTypographyCodeSmallFontSize = CGFloat(12.00)
     public static let dtTypographyCodeSmallFontWeight = 400
     public static let dtTypographyCodeSmallLineHeight = CGFloat(120.00)

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, 15 Jun 2023 16:21:07 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;
@@ -30,7 +30,7 @@
 @dt-checkbox-size-width: 1.6rem;
 @dt-checkbox-size-height: 1.6rem;
 @dt-checkbox-size-radius: 0.4rem;
-@dt-badge-color-background-default: #f9f9f936;
+@dt-badge-color-background-default: #f9f9f926;
 @dt-badge-color-background-info: #01326D;
 @dt-badge-color-background-success: #124620;
 @dt-badge-color-background-warning: #815008;
@@ -73,7 +73,7 @@
 @dt-color-foreground-primary-inverted: #000000;
 @dt-color-foreground-secondary-inverted: #3a3a3a;
 @dt-color-foreground-tertiary-inverted: #555555;
-@dt-color-foreground-muted-inverted: #222222;
+@dt-color-foreground-muted-inverted: #262626;
 @dt-color-foreground-placeholder-inverted: #808080;
 @dt-color-foreground-disabled-inverted: #808080;
 @dt-color-foreground-critical-inverted: #ec0e0e;
@@ -100,13 +100,13 @@
 @dt-color-link-success-inverted: #1aa340;
 @dt-color-link-success-inverted-hover: #124620;
 @dt-color-link-warning-inverted: #815008;
-@dt-color-link-warning-inverted-hover: #222222;
-@dt-color-link-muted-inverted: #222222;
+@dt-color-link-warning-inverted-hover: #262626;
+@dt-color-link-muted-inverted: #262626;
 @dt-color-link-muted-inverted-hover: #000000;
 @dt-color-link-disabled-inverted: #808080;
 @dt-color-link-disabled-inverted-hover: #808080;
-@dt-color-surface-primary: #080808;
-@dt-color-surface-secondary: #1b1b1b;
+@dt-color-surface-primary: #1a1a1a;
+@dt-color-surface-secondary: #262626;
 @dt-color-surface-moderate: #3a3a3a;
 @dt-color-surface-bold: #555555;
 @dt-color-surface-strong: #aaaaaa;
@@ -172,7 +172,7 @@
 @dt-color-border-brand-subtle: #3a1d95;
 @dt-color-border-brand-strong: #dac7ff;
 @dt-color-black-100: #000000;
-@dt-color-black-200: #222222;
+@dt-color-black-200: #262626;
 @dt-color-black-300: #3a3a3a;
 @dt-color-black-400: #555555;
 @dt-color-black-500: #808080;
@@ -278,11 +278,11 @@
 @dt-action-color-background-critical-primary-hover: #D90D0D;
 @dt-action-color-background-critical-primary-active: #C50C0C;
 @dt-action-color-background-inverted-primary-active: #3A1D95;
-@dt-action-color-background-inverted-primary-default: #080808;
+@dt-action-color-background-inverted-primary-default: #1a1a1a;
 @dt-action-color-background-inverted-primary-hover: #10022C;
 @dt-action-color-background-inverted-default: transparent;
-@dt-action-color-background-inverted-hover: #08080826;
-@dt-action-color-background-inverted-active: #0808084d;
+@dt-action-color-background-inverted-hover: #1a1a1a26;
+@dt-action-color-background-inverted-active: #1a1a1a4d;
 @dt-action-color-background-muted-default: transparent;
 @dt-action-color-background-muted-hover: #e9e9e91a;
 @dt-action-color-background-muted-active: #e9e9e929;
@@ -304,9 +304,11 @@
 @dt-theme-topbar-button-color-background: #f9f9f900;
 @dt-theme-topbar-button-color-background-active: #f9f9f91a;
 @dt-theme-topbar-color-foreground: #f9f9f9bf;
-@dt-theme-topbar-color-background: #1b1b1b;
+@dt-theme-topbar-color-background: #262626;
 @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;
@@ -317,7 +319,7 @@
 @dt-theme-sidebar-selected-row-color-background: #f9f9f933;
 @dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
 @dt-theme-sidebar-color-foreground: #F9F9F9;
-@dt-theme-sidebar-color-background: #1b1b1b;
+@dt-theme-sidebar-color-background: #262626;
 @dt-theme-sidebar-status-color-foreground: #fbfbfb;
 @dt-theme-color-base: #F9F9F9;
 @dt-theme-presence-color-background-available: #B0FFA3;
@@ -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;
@@ -645,7 +647,7 @@
 @dt-shadow-large-0-spread: 0;
 @dt-shadow-large-0-color: #00000066;
 @dt-shadow-large-0-type: dropShadow;
-@dt-shadow-large-1-x: 0.05rem;
+@dt-shadow-large-1-x: -0.05rem;
 @dt-shadow-large-1-y: 0.05rem;
 @dt-shadow-large-1-blur: 0;
 @dt-shadow-large-1-spread: 0;

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, 15 Jun 2023 16:21:07 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",
@@ -27,7 +27,7 @@
   "dtCheckboxSizeWidth": "1.6rem",
   "dtCheckboxSizeHeight": "1.6rem",
   "dtCheckboxSizeRadius": "0.4rem",
-  "dtBadgeColorBackgroundDefault": "#f9f9f936",
+  "dtBadgeColorBackgroundDefault": "#f9f9f926",
   "dtBadgeColorBackgroundInfo": "#01326D",
   "dtBadgeColorBackgroundSuccess": "#124620",
   "dtBadgeColorBackgroundWarning": "#815008",
@@ -70,7 +70,7 @@
   "dtColorForegroundPrimaryInverted": "#000000",
   "dtColorForegroundSecondaryInverted": "#3A3A3A",
   "dtColorForegroundTertiaryInverted": "#555555",
-  "dtColorForegroundMutedInverted": "#22222299",
+  "dtColorForegroundMutedInverted": "#26262699",
   "dtColorForegroundPlaceholderInverted": "#808080",
   "dtColorForegroundDisabledInverted": "#808080",
   "dtColorForegroundCriticalInverted": "#EC0E0E",
@@ -97,13 +97,13 @@
   "dtColorLinkSuccessInverted": "#1AA340",
   "dtColorLinkSuccessInvertedHover": "#124620",
   "dtColorLinkWarningInverted": "#815008",
-  "dtColorLinkWarningInvertedHover": "#222222",
-  "dtColorLinkMutedInverted": "#22222299",
+  "dtColorLinkWarningInvertedHover": "#262626",
+  "dtColorLinkMutedInverted": "#26262699",
   "dtColorLinkMutedInvertedHover": "#000000",
   "dtColorLinkDisabledInverted": "#808080",
   "dtColorLinkDisabledInvertedHover": "#808080",
-  "dtColorSurfacePrimary": "#080808",
-  "dtColorSurfaceSecondary": "#1b1b1b",
+  "dtColorSurfacePrimary": "#1a1a1a",
+  "dtColorSurfaceSecondary": "#262626",
   "dtColorSurfaceModerate": "#3A3A3A",
   "dtColorSurfaceBold": "#555555",
   "dtColorSurfaceStrong": "#AAAAAA",
@@ -116,11 +116,11 @@
   "dtColorSurfaceSuccessSubtle": "#092310",
   "dtColorSurfaceInfo": "#01326D",
   "dtColorSurfaceInfoSubtle": "#011e41",
-  "dtColorSurfaceSecondaryOpaque": "#f9f9f914",
-  "dtColorSurfaceModerateOpaque": "#f9f9f936",
-  "dtColorSurfaceBoldOpaque": "#f9f9f952",
-  "dtColorSurfaceStrongOpaque": "#f9f9f9ab",
-  "dtColorSurfaceContrastOpaque": "#f9f9f9fa",
+  "dtColorSurfaceSecondaryOpaque": "#f9f9f90f",
+  "dtColorSurfaceModerateOpaque": "#f9f9f926",
+  "dtColorSurfaceBoldOpaque": "#f9f9f945",
+  "dtColorSurfaceStrongOpaque": "#f9f9f9a6",
+  "dtColorSurfaceContrastOpaque": "#f9f9f9f5",
   "dtColorSurfaceCriticalOpaque": "#b70b0b52",
   "dtColorSurfaceCriticalSubtleOpaque": "#2d020280",
   "dtColorSurfaceWarningOpaque": "#d28f2b7a",
@@ -169,7 +169,7 @@
   "dtColorBorderBrandSubtle": "#3A1D95",
   "dtColorBorderBrandStrong": "#DAC7FF",
   "dtColorBlack100": "#000000",
-  "dtColorBlack200": "#222222",
+  "dtColorBlack200": "#262626",
   "dtColorBlack300": "#3A3A3A",
   "dtColorBlack400": "#555555",
   "dtColorBlack500": "#808080",
@@ -275,11 +275,11 @@
   "dtActionColorBackgroundCriticalPrimaryHover": "#D90D0D",
   "dtActionColorBackgroundCriticalPrimaryActive": "#C50C0C",
   "dtActionColorBackgroundInvertedPrimaryActive": "#3A1D95",
-  "dtActionColorBackgroundInvertedPrimaryDefault": "#080808",
+  "dtActionColorBackgroundInvertedPrimaryDefault": "#1a1a1a",
   "dtActionColorBackgroundInvertedPrimaryHover": "#10022C",
   "dtActionColorBackgroundInvertedDefault": "transparent",
-  "dtActionColorBackgroundInvertedHover": "#08080826",
-  "dtActionColorBackgroundInvertedActive": "#0808084d",
+  "dtActionColorBackgroundInvertedHover": "#1a1a1a26",
+  "dtActionColorBackgroundInvertedActive": "#1a1a1a4d",
   "dtActionColorBackgroundMutedDefault": "transparent",
   "dtActionColorBackgroundMutedHover": "#e9e9e91a",
   "dtActionColorBackgroundMutedActive": "#e9e9e929",
@@ -301,9 +301,11 @@
   "dtThemeTopbarButtonColorBackground": "#f9f9f900",
   "dtThemeTopbarButtonColorBackgroundActive": "#f9f9f91a",
   "dtThemeTopbarColorForeground": "#f9f9f9bf",
-  "dtThemeTopbarColorBackground": "#1b1b1b",
+  "dtThemeTopbarColorBackground": "#262626",
   "dtThemeTopbarProfileColorForeground": "#f9f9f9bf",
+  "dtThemeTopbarProfileColorForegroundInverted": "#000000bf",
   "dtThemeTopbarProfileColorBackground": "#f9f9f90d",
+  "dtThemeTopbarProfileColorBackgroundInverted": "#f9f9f9bf",
   "dtThemeTopbarProfileColorBackgroundHover": "#f9f9f91a",
   "dtThemeTopbarProfileColorBackgroundActive": "#f9f9f924",
   "dtThemeSidebarSectionColorForeground": "#a7a7a7",
@@ -314,7 +316,7 @@
   "dtThemeSidebarSelectedRowColorBackground": "#f9f9f933",
   "dtThemeSidebarSelectedRowColorForeground": "#F9F9F9",
   "dtThemeSidebarColorForeground": "#F9F9F9",
-  "dtThemeSidebarColorBackground": "#1b1b1b",
+  "dtThemeSidebarColorBackground": "#262626",
   "dtThemeSidebarStatusColorForeground": "#fbfbfb",
   "dtThemeColorBase": "#F9F9F9",
   "dtThemePresenceColorBackgroundAvailable": "#B0FFA3",
@@ -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",
@@ -642,7 +644,7 @@
   "dtShadowLarge0Spread": "0",
   "dtShadowLarge0Color": "#00000066",
   "dtShadowLarge0Type": "dropShadow",
-  "dtShadowLarge1X": "0.05rem",
+  "dtShadowLarge1X": "-0.05rem",
   "dtShadowLarge1Y": "0.05rem",
   "dtShadowLarge1Blur": "0",
   "dtShadowLarge1Spread": "0",