@dialpad/dialtone-tokens 1.17.0 → 1.19.0

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",
@@ -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)",
@@ -7230,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",
@@ -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)",
@@ -8094,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",
@@ -8112,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",
@@ -8130,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",
@@ -8148,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",
@@ -8166,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",
@@ -8184,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",
@@ -8202,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",
@@ -8220,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",
@@ -8238,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",
@@ -8256,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",
@@ -8274,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",
@@ -8292,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",
@@ -8310,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",
@@ -8328,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",
@@ -8346,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",
@@ -8364,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",
@@ -8382,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",
@@ -8418,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",
@@ -8562,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",
@@ -10089,6 +10125,114 @@
       "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/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)",
+      "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-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)",
+      "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 +11355,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 +12093,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 Thu, 01 Jun 2023 00:22:55 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,12 @@ 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 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 Mon, 29 May 2023 19:21:18 GMT
+// Generated on Thu, 01 Jun 2023 00:22:55 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,12 @@ 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 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 Mon, 29 May 2023 19:21:18 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;
@@ -305,6 +305,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;
@@ -466,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;
@@ -514,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;
@@ -546,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;
@@ -572,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;
@@ -799,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;
@@ -839,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;