@dialpad/dialtone-tokens 1.16.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/android/java/tokens-dark.kt +25 -9
  2. package/dist/android/java/tokens-light.kt +26 -10
  3. package/dist/android/res/values/colors-dark.xml +25 -9
  4. package/dist/android/res/values/colors-light.xml +27 -11
  5. package/dist/android/res/values/dimens.xml +1 -1
  6. package/dist/css/variables-dark.css +141 -125
  7. package/dist/css/variables-light.css +143 -127
  8. package/dist/doc.json +436 -148
  9. package/dist/ios/tokens-dark.swift +25 -9
  10. package/dist/ios/tokens-light.swift +26 -10
  11. package/dist/less/variables-dark.less +141 -125
  12. package/dist/less/variables-light.less +143 -127
  13. package/dist/tokens-dark.json +140 -124
  14. package/dist/tokens-light.json +142 -126
  15. package/package.json +1 -1
package/dist/ios/tokens-dark.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 11 May 2023 20:35:44 GMT
7
+ // Generated on Mon, 29 May 2023 19:21:19 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -29,9 +29,9 @@ public enum DialtoneTokensDark {
29
29
  public static let dtActionColorBackgroundInvertedPrimaryActive = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
30
30
  public static let dtActionColorBackgroundInvertedPrimaryDefault = UIColor(red: 0.031, green: 0.031, blue: 0.031, alpha: 1)
31
31
  public static let dtActionColorBackgroundInvertedPrimaryHover = UIColor(red: 0.063, green: 0.008, blue: 0.173, alpha: 1)
32
- public static let dtActionColorBackgroundMutedActive = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.10196078431372549)
32
+ public static let dtActionColorBackgroundMutedActive = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.1607843137254902)
33
33
  public static let dtActionColorBackgroundMutedDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
34
- public static let dtActionColorBackgroundMutedHover = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.050980392156862744)
34
+ public static let dtActionColorBackgroundMutedHover = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.10196078431372549)
35
35
  public static let dtActionColorBorderBaseOutlinedDefault = UIColor(red: 0.671, green: 0.494, blue: 1.000, alpha: 1)
36
36
  public static let dtActionColorBorderCriticalOutlinedDefault = UIColor(red: 1.000, green: 0.522, blue: 0.522, alpha: 1)
37
37
  public static let dtActionColorBorderInvertedOutlinedDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
@@ -731,6 +731,7 @@ public enum DialtoneTokensDark {
731
731
  public static let dtSpace975 = CGFloat(464.00)
732
732
  public static let dtSpace975Negative = CGFloat(-464.00)
733
733
  public static let dtSpaceBase = CGFloat(8.00)
734
+ public static let dtThemeColorBase = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
734
735
  public static let dtThemeMentionColorBackground = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
735
736
  public static let dtThemeMentionColorForeground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
736
737
  public static let dtThemePresenceColorBackgroundAvailable = UIColor(red: 0.690, green: 1.000, blue: 0.639, alpha: 1)
@@ -739,13 +740,28 @@ public enum DialtoneTokensDark {
739
740
  public static let dtThemePresenceColorBackgroundOffline = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
740
741
  public static let dtThemeSidebarColorBackground = UIColor(red: 0.106, green: 0.106, blue: 0.106, alpha: 1)
741
742
  public static let dtThemeSidebarColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
742
- public static let dtThemeSidebarIconColorForeground = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
743
- public static let dtThemeSidebarRowColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
744
- public static let dtThemeSidebarRowColorBackgroundActive = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
745
- public static let dtThemeSidebarRowColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)
746
- public static let dtThemeSidebarSelectedRowColorBackground = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
743
+ public static let dtThemeSidebarIconColorForeground = UIColor(red: 0.753, green: 0.753, blue: 0.753, alpha: 1)
744
+ public static let dtThemeSidebarRowColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0)
745
+ public static let dtThemeSidebarRowColorBackgroundActive = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.23921568627450981)
746
+ public static let dtThemeSidebarRowColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.1803921568627451)
747
+ public static let dtThemeSidebarSectionColorForeground = UIColor(red: 0.655, green: 0.655, blue: 0.655, alpha: 1)
748
+ public static let dtThemeSidebarSelectedRowColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.2)
747
749
  public static let dtThemeSidebarSelectedRowColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
748
- public static let dtThemeSidebarStatusColorForeground = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
750
+ public static let dtThemeSidebarStatusColorForeground = UIColor(red: 0.984, green: 0.984, blue: 0.984, alpha: 1)
751
+ public static let dtThemeTopbarButtonColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0)
752
+ public static let dtThemeTopbarButtonColorBackgroundActive = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)
753
+ public static let dtThemeTopbarButtonColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
754
+ public static let dtThemeTopbarButtonColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.6509803921568628)
755
+ public static let dtThemeTopbarButtonColorForegroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
756
+ public static let dtThemeTopbarColorBackground = UIColor(red: 0.106, green: 0.106, blue: 0.106, alpha: 1)
757
+ public static let dtThemeTopbarColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
758
+ public static let dtThemeTopbarFieldColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.050980392156862744)
759
+ public static let dtThemeTopbarFieldColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
760
+ public static let dtThemeTopbarFieldColorBorder = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0)
761
+ public static let dtThemeTopbarFieldColorBorderActive = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.2)
762
+ public static let dtThemeTopbarFieldColorBorderHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)
763
+ public static let dtThemeTopbarFieldColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.5019607843137255)
764
+ public static let dtThemeTopbarFieldColorForegroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
749
765
  public static let dtTypographyBodyBaseFontFamily = UIFont.systemFont(ofSize: 15)
750
766
  public static let dtTypographyBodyBaseFontSize = CGFloat(15.00)
751
767
  public static let dtTypographyBodyBaseFontWeight = 400
package/dist/ios/tokens-light.swift CHANGED
@@ -4,15 +4,15 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 11 May 2023 20:35:43 GMT
7
+ // Generated on Mon, 29 May 2023 19:21:18 GMT
8
8
 
9
9
 
10
10
  import UIKit
11
11
 
12
12
  public enum DialtoneTokensLight {
13
- public static let dtActionColorBackgroundBaseActive = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 0.1411764705882353)
13
+ public static let dtActionColorBackgroundBaseActive = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 0.1803921568627451)
14
14
  public static let dtActionColorBackgroundBaseDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
15
- public static let dtActionColorBackgroundBaseHover = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 0.0392156862745098)
15
+ public static let dtActionColorBackgroundBaseHover = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 0.1411764705882353)
16
16
  public static let dtActionColorBackgroundBasePrimaryActive = UIColor(red: 0.302, green: 0.078, blue: 1.000, alpha: 1)
17
17
  public static let dtActionColorBackgroundBasePrimaryDefault = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
18
18
  public static let dtActionColorBackgroundBasePrimaryHover = UIColor(red: 0.396, green: 0.200, blue: 1.000, alpha: 1)
@@ -29,9 +29,9 @@ public enum DialtoneTokensLight {
29
29
  public static let dtActionColorBackgroundInvertedPrimaryActive = UIColor(red: 0.882, green: 0.820, blue: 1.000, alpha: 1)
30
30
  public static let dtActionColorBackgroundInvertedPrimaryDefault = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
31
31
  public static let dtActionColorBackgroundInvertedPrimaryHover = UIColor(red: 0.961, green: 0.941, blue: 1.000, alpha: 1)
32
- public static let dtActionColorBackgroundMutedActive = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.10196078431372549)
32
+ public static let dtActionColorBackgroundMutedActive = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.1607843137254902)
33
33
  public static let dtActionColorBackgroundMutedDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
34
- public static let dtActionColorBackgroundMutedHover = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.050980392156862744)
34
+ public static let dtActionColorBackgroundMutedHover = UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.10196078431372549)
35
35
  public static let dtActionColorBorderBaseOutlinedDefault = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
36
36
  public static let dtActionColorBorderCriticalOutlinedDefault = UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)
37
37
  public static let dtActionColorBorderInvertedOutlinedDefault = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
@@ -611,6 +611,7 @@ public enum DialtoneTokensLight {
611
611
  public static let dtSpace975 = CGFloat(464.00)
612
612
  public static let dtSpace975Negative = CGFloat(-464.00)
613
613
  public static let dtSpaceBase = CGFloat(8.00)
614
+ public static let dtThemeColorBase = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
614
615
  public static let dtThemeMentionColorBackground = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
615
616
  public static let dtThemeMentionColorForeground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
616
617
  public static let dtThemePresenceColorBackgroundAvailable = UIColor(red: 0.102, green: 0.639, blue: 0.251, alpha: 1)
@@ -619,13 +620,28 @@ public enum DialtoneTokensLight {
619
620
  public static let dtThemePresenceColorBackgroundOffline = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
620
621
  public static let dtThemeSidebarColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
621
622
  public static let dtThemeSidebarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
622
- public static let dtThemeSidebarIconColorForeground = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
623
+ public static let dtThemeSidebarIconColorForeground = UIColor(red: 0.231, green: 0.231, blue: 0.231, alpha: 1)
623
624
  public static let dtThemeSidebarRowColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
624
- public static let dtThemeSidebarRowColorBackgroundActive = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
625
- public static let dtThemeSidebarRowColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
626
- public static let dtThemeSidebarSelectedRowColorBackground = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
625
+ public static let dtThemeSidebarRowColorBackgroundActive = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1607843137254902)
626
+ public static let dtThemeSidebarRowColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.12156862745098039)
627
+ public static let dtThemeSidebarSectionColorForeground = UIColor(red: 0.329, green: 0.329, blue: 0.329, alpha: 1)
628
+ public static let dtThemeSidebarSelectedRowColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
627
629
  public static let dtThemeSidebarSelectedRowColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
628
- public static let dtThemeSidebarStatusColorForeground = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
630
+ public static let dtThemeSidebarStatusColorForeground = UIColor(red: 0.329, green: 0.329, blue: 0.329, alpha: 1)
631
+ public static let dtThemeTopbarButtonColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
632
+ public static let dtThemeTopbarButtonColorBackgroundActive = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
633
+ public static let dtThemeTopbarButtonColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.050980392156862744)
634
+ public static let dtThemeTopbarButtonColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.6509803921568628)
635
+ public static let dtThemeTopbarButtonColorForegroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
636
+ public static let dtThemeTopbarColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
637
+ public static let dtThemeTopbarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
638
+ public static let dtThemeTopbarFieldColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.050980392156862744)
639
+ public static let dtThemeTopbarFieldColorBackgroundHover = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
640
+ public static let dtThemeTopbarFieldColorBorder = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
641
+ public static let dtThemeTopbarFieldColorBorderActive = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
642
+ public static let dtThemeTopbarFieldColorBorderHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
643
+ public static let dtThemeTopbarFieldColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5019607843137255)
644
+ public static let dtThemeTopbarFieldColorForegroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
629
645
  public static let dtTypographyBodyBaseFontFamily = UIFont.systemFont(ofSize: 15)
630
646
  public static let dtTypographyBodyBaseFontSize = CGFloat(15.00)
631
647
  public static let dtTypographyBodyBaseFontWeight = 400
package/dist/less/variables-dark.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 11 May 2023 20:35:43 GMT
3
+ // Generated on Mon, 29 May 2023 19:21:18 GMT
4
4
 
5
5
  @dt-radio-color-border-unchecked: #808080;
6
6
  @dt-radio-color-border-checked: #7C52FF;
@@ -241,7 +241,7 @@
241
241
  @dt-inputs-size-radius-md: 0.8rem;
242
242
  @dt-inputs-size-radius-lg: 1.2rem;
243
243
  @dt-inputs-size-radius-xl: 1.6rem;
244
- @dt-inputs-line-height-default: 120%;
244
+ @dt-inputs-line-height-default: 1.2;
245
245
  @dt-inputs-font-size-xs: 1.2rem;
246
246
  @dt-inputs-font-size-sm: 1.2rem;
247
247
  @dt-inputs-font-size-md: 1.5rem;
@@ -284,22 +284,38 @@
284
284
  @dt-action-color-background-inverted-hover: #08080826;
285
285
  @dt-action-color-background-inverted-active: #0808084d;
286
286
  @dt-action-color-background-muted-default: transparent;
287
- @dt-action-color-background-muted-hover: #e9e9e90d;
288
- @dt-action-color-background-muted-active: #e9e9e91a;
287
+ @dt-action-color-background-muted-hover: #e9e9e91a;
288
+ @dt-action-color-background-muted-active: #e9e9e929;
289
289
  @dt-action-color-background-disabled-default: #3A3A3A;
290
290
  @dt-action-color-border-base-outlined-default: #AB7EFF;
291
291
  @dt-action-color-border-critical-outlined-default: #FF8585;
292
292
  @dt-action-color-border-inverted-outlined-default: #000000;
293
293
  @dt-action-color-border-muted-outlined-default: #AAAAAA;
294
- @dt-theme-sidebar-selected-row-color-background: #3A3A3A;
294
+ @dt-theme-topbar-field-color-background-hover: #000;
295
+ @dt-theme-topbar-field-color-foreground: #f9f9f980;
296
+ @dt-theme-topbar-field-color-foreground-hover: #f9f9f9bf;
297
+ @dt-theme-topbar-field-color-background: #f9f9f90d;
298
+ @dt-theme-topbar-field-color-border: #f9f9f900;
299
+ @dt-theme-topbar-field-color-border-hover: #f9f9f91a;
300
+ @dt-theme-topbar-field-color-border-active: #f9f9f933;
301
+ @dt-theme-topbar-button-color-background-hover: #f9f9f926;
302
+ @dt-theme-topbar-button-color-foreground: #f9f9f9a6;
303
+ @dt-theme-topbar-button-color-foreground-hover: #F9F9F9;
304
+ @dt-theme-topbar-button-color-background: #f9f9f900;
305
+ @dt-theme-topbar-button-color-background-active: #f9f9f91a;
306
+ @dt-theme-topbar-color-foreground: #f9f9f9bf;
307
+ @dt-theme-topbar-color-background: #1b1b1b;
308
+ @dt-theme-sidebar-section-color-foreground: #a7a7a7;
309
+ @dt-theme-sidebar-icon-color-foreground: #c0c0c0;
310
+ @dt-theme-sidebar-row-color-background-hover: #f9f9f92e;
311
+ @dt-theme-sidebar-row-color-background-active: #f9f9f93d;
312
+ @dt-theme-sidebar-row-color-background: #f9f9f900;
313
+ @dt-theme-sidebar-selected-row-color-background: #f9f9f933;
295
314
  @dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
296
315
  @dt-theme-sidebar-color-foreground: #F9F9F9;
297
316
  @dt-theme-sidebar-color-background: #1b1b1b;
298
- @dt-theme-sidebar-icon-color-foreground: #D2D2D2;
299
- @dt-theme-sidebar-status-color-foreground: #AAAAAA;
300
- @dt-theme-sidebar-row-color-background: transparent;
301
- @dt-theme-sidebar-row-color-background-hover: #f9f9f91a;
302
- @dt-theme-sidebar-row-color-background-active: #3A3A3A;
317
+ @dt-theme-sidebar-status-color-foreground: #fbfbfb;
318
+ @dt-theme-color-base: #F9F9F9;
303
319
  @dt-theme-presence-color-background-available: #B0FFA3;
304
320
  @dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
305
321
  @dt-theme-presence-color-background-busy: #F6AB3C;
@@ -308,137 +324,137 @@
308
324
  @dt-theme-mention-color-background: #7C52FF;
309
325
  @dt-typography-body-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
310
326
  @dt-typography-body-small-font-weight: 400;
311
- @dt-typography-body-small-line-height: 140%;
327
+ @dt-typography-body-small-line-height: 1.4;
312
328
  @dt-typography-body-small-font-size: 1.2rem;
313
329
  @dt-typography-body-small-text-case: none;
314
330
  @dt-typography-body-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
315
331
  @dt-typography-body-base-font-weight: 400;
316
- @dt-typography-body-base-line-height: 160%;
332
+ @dt-typography-body-base-line-height: 1.6;
317
333
  @dt-typography-body-base-font-size: 1.5rem;
318
334
  @dt-typography-body-base-text-case: none;
319
335
  @dt-typography-body-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
320
336
  @dt-typography-body-compact-small-font-weight: 400;
321
- @dt-typography-body-compact-small-line-height: 120%;
337
+ @dt-typography-body-compact-small-line-height: 1.2;
322
338
  @dt-typography-body-compact-small-font-size: 1.2rem;
323
339
  @dt-typography-body-compact-small-text-case: none;
324
340
  @dt-typography-body-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
325
341
  @dt-typography-body-compact-base-font-weight: 400;
326
- @dt-typography-body-compact-base-line-height: 140%;
342
+ @dt-typography-body-compact-base-line-height: 1.4;
327
343
  @dt-typography-body-compact-base-font-size: 1.5rem;
328
344
  @dt-typography-body-compact-base-text-case: none;
329
345
  @dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
330
346
  @dt-typography-headline-eyebrow-font-weight: 400;
331
- @dt-typography-headline-eyebrow-line-height: 140%;
347
+ @dt-typography-headline-eyebrow-line-height: 1.4;
332
348
  @dt-typography-headline-eyebrow-font-size: 1.2rem;
333
349
  @dt-typography-headline-eyebrow-text-case: uppercase;
334
350
  @dt-typography-headline-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
335
351
  @dt-typography-headline-small-font-weight: 700;
336
- @dt-typography-headline-small-line-height: 140%;
352
+ @dt-typography-headline-small-line-height: 1.4;
337
353
  @dt-typography-headline-small-font-size: 1.2rem;
338
354
  @dt-typography-headline-small-text-case: none;
339
355
  @dt-typography-headline-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
340
356
  @dt-typography-headline-medium-font-weight: 700;
341
- @dt-typography-headline-medium-line-height: 160%;
357
+ @dt-typography-headline-medium-line-height: 1.6;
342
358
  @dt-typography-headline-medium-font-size: 1.5rem;
343
359
  @dt-typography-headline-medium-text-case: none;
344
360
  @dt-typography-headline-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
345
361
  @dt-typography-headline-large-font-weight: 700;
346
- @dt-typography-headline-large-line-height: 160%;
362
+ @dt-typography-headline-large-line-height: 1.6;
347
363
  @dt-typography-headline-large-font-size: 1.9rem;
348
364
  @dt-typography-headline-large-text-case: none;
349
365
  @dt-typography-headline-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
350
366
  @dt-typography-headline-extra-large-font-weight: 500;
351
- @dt-typography-headline-extra-large-line-height: 120%;
367
+ @dt-typography-headline-extra-large-line-height: 1.2;
352
368
  @dt-typography-headline-extra-large-font-size: 2.7rem;
353
369
  @dt-typography-headline-extra-large-text-case: none;
354
370
  @dt-typography-headline-extra-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
355
371
  @dt-typography-headline-extra-extra-large-font-weight: 500;
356
- @dt-typography-headline-extra-extra-large-line-height: 120%;
372
+ @dt-typography-headline-extra-extra-large-line-height: 1.2;
357
373
  @dt-typography-headline-extra-extra-large-font-size: 3.8rem;
358
374
  @dt-typography-headline-extra-extra-large-text-case: none;
359
375
  @dt-typography-headline-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
360
376
  @dt-typography-headline-soft-small-font-weight: 500;
361
- @dt-typography-headline-soft-small-line-height: 140%;
377
+ @dt-typography-headline-soft-small-line-height: 1.4;
362
378
  @dt-typography-headline-soft-small-font-size: 1.2rem;
363
379
  @dt-typography-headline-soft-small-text-case: none;
364
380
  @dt-typography-headline-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
365
381
  @dt-typography-headline-compact-small-font-weight: 700;
366
- @dt-typography-headline-compact-small-line-height: 120%;
382
+ @dt-typography-headline-compact-small-line-height: 1.2;
367
383
  @dt-typography-headline-compact-small-font-size: 1.2rem;
368
384
  @dt-typography-headline-compact-small-text-case: none;
369
385
  @dt-typography-headline-compact-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
370
386
  @dt-typography-headline-compact-medium-font-weight: 700;
371
- @dt-typography-headline-compact-medium-line-height: 140%;
387
+ @dt-typography-headline-compact-medium-line-height: 1.4;
372
388
  @dt-typography-headline-compact-medium-font-size: 1.5rem;
373
389
  @dt-typography-headline-compact-medium-text-case: none;
374
390
  @dt-typography-headline-compact-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
375
391
  @dt-typography-headline-compact-large-font-weight: 700;
376
- @dt-typography-headline-compact-large-line-height: 120%;
392
+ @dt-typography-headline-compact-large-line-height: 1.2;
377
393
  @dt-typography-headline-compact-large-font-size: 1.9rem;
378
394
  @dt-typography-headline-compact-large-text-case: none;
379
395
  @dt-typography-headline-compact-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
380
396
  @dt-typography-headline-compact-soft-small-font-weight: 500;
381
- @dt-typography-headline-compact-soft-small-line-height: 120%;
397
+ @dt-typography-headline-compact-soft-small-line-height: 1.2;
382
398
  @dt-typography-headline-compact-soft-small-font-size: 1.2rem;
383
399
  @dt-typography-headline-compact-soft-small-text-case: none;
384
400
  @dt-typography-label-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
385
401
  @dt-typography-label-small-font-weight: 600;
386
- @dt-typography-label-small-line-height: 140%;
402
+ @dt-typography-label-small-line-height: 1.4;
387
403
  @dt-typography-label-small-font-size: 1.2rem;
388
404
  @dt-typography-label-small-text-case: none;
389
405
  @dt-typography-label-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
390
406
  @dt-typography-label-base-font-weight: 600;
391
- @dt-typography-label-base-line-height: 160%;
407
+ @dt-typography-label-base-line-height: 1.6;
392
408
  @dt-typography-label-base-font-size: 1.5rem;
393
409
  @dt-typography-label-base-text-case: none;
394
410
  @dt-typography-label-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
395
411
  @dt-typography-label-compact-small-font-weight: 600;
396
- @dt-typography-label-compact-small-line-height: 120%;
412
+ @dt-typography-label-compact-small-line-height: 1.2;
397
413
  @dt-typography-label-compact-small-font-size: 1.2rem;
398
414
  @dt-typography-label-compact-small-text-case: none;
399
415
  @dt-typography-label-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
400
416
  @dt-typography-label-compact-base-font-weight: 600;
401
- @dt-typography-label-compact-base-line-height: 140%;
417
+ @dt-typography-label-compact-base-line-height: 1.4;
402
418
  @dt-typography-label-compact-base-font-size: 1.5rem;
403
419
  @dt-typography-label-compact-base-text-case: none;
404
420
  @dt-typography-label-compact-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
405
421
  @dt-typography-label-compact-plain-small-font-weight: 400;
406
- @dt-typography-label-compact-plain-small-line-height: 120%;
422
+ @dt-typography-label-compact-plain-small-line-height: 1.2;
407
423
  @dt-typography-label-compact-plain-small-font-size: 1.2rem;
408
424
  @dt-typography-label-compact-plain-small-text-case: none;
409
425
  @dt-typography-label-compact-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
410
426
  @dt-typography-label-compact-plain-base-font-weight: 400;
411
- @dt-typography-label-compact-plain-base-line-height: 140%;
427
+ @dt-typography-label-compact-plain-base-line-height: 1.4;
412
428
  @dt-typography-label-compact-plain-base-font-size: 1.5rem;
413
429
  @dt-typography-label-compact-plain-base-text-case: none;
414
430
  @dt-typography-label-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
415
431
  @dt-typography-label-plain-small-font-weight: 400;
416
- @dt-typography-label-plain-small-line-height: 140%;
432
+ @dt-typography-label-plain-small-line-height: 1.4;
417
433
  @dt-typography-label-plain-small-font-size: 1.2rem;
418
434
  @dt-typography-label-plain-small-text-case: none;
419
435
  @dt-typography-label-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
420
436
  @dt-typography-label-plain-base-font-weight: 400;
421
- @dt-typography-label-plain-base-line-height: 160%;
437
+ @dt-typography-label-plain-base-line-height: 1.6;
422
438
  @dt-typography-label-plain-base-font-size: 1.5rem;
423
439
  @dt-typography-label-plain-base-text-case: none;
424
440
  @dt-typography-helper-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
425
441
  @dt-typography-helper-small-font-weight: 400;
426
- @dt-typography-helper-small-line-height: 120%;
442
+ @dt-typography-helper-small-line-height: 1.2;
427
443
  @dt-typography-helper-small-font-size: 1.2rem;
428
444
  @dt-typography-helper-small-text-case: none;
429
445
  @dt-typography-helper-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
430
446
  @dt-typography-helper-base-font-weight: 400;
431
- @dt-typography-helper-base-line-height: 140%;
447
+ @dt-typography-helper-base-line-height: 1.4;
432
448
  @dt-typography-helper-base-font-size: 1.5rem;
433
449
  @dt-typography-helper-base-text-case: none;
434
450
  @dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
435
451
  @dt-typography-code-small-font-weight: 400;
436
- @dt-typography-code-small-line-height: 120%;
452
+ @dt-typography-code-small-line-height: 1.2;
437
453
  @dt-typography-code-small-font-size: 1.2rem;
438
454
  @dt-typography-code-small-text-case: none;
439
455
  @dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
440
456
  @dt-typography-code-base-font-weight: 400;
441
- @dt-typography-code-base-line-height: 120%;
457
+ @dt-typography-code-base-line-height: 1.2;
442
458
  @dt-typography-code-base-font-size: 1.5rem;
443
459
  @dt-typography-code-base-text-case: none;
444
460
  @dt-size-0: 0;
@@ -760,12 +776,12 @@
760
776
  @dt-font-size-400: 2.7rem;
761
777
  @dt-font-size-500: 3.8rem;
762
778
  @dt-font-size-root: 1rem;
763
- @dt-font-line-height-100: 100%;
764
- @dt-font-line-height-200: 120%;
765
- @dt-font-line-height-300: 140%;
766
- @dt-font-line-height-400: 160%;
767
- @dt-font-line-height-500: 180%;
768
- @dt-font-line-height-600: 200%;
779
+ @dt-font-line-height-100: 1;
780
+ @dt-font-line-height-200: 1.2;
781
+ @dt-font-line-height-300: 1.4;
782
+ @dt-font-line-height-400: 1.6;
783
+ @dt-font-line-height-500: 1.8;
784
+ @dt-font-line-height-600: 2;
769
785
  @dt-font-weight-normal: 400;
770
786
  @dt-font-weight-medium: 500;
771
787
  @dt-font-weight-semi-bold: 600;
@@ -774,87 +790,87 @@
774
790
  @dt-font-text-case-lowercase: lowercase;
775
791
  @dt-font-text-case-capitalize: capitalize;
776
792
  @dt-font-text-case-none: none;
777
- @dt-space-0: 0px;
778
- @dt-space-50: 0.5px;
779
- @dt-space-100: 1px;
780
- @dt-space-200: 2px;
781
- @dt-space-300: 4px;
782
- @dt-space-350: 6px;
783
- @dt-space-400: 8px;
784
- @dt-space-450: 12px;
785
- @dt-space-500: 16px;
786
- @dt-space-550: 24px;
787
- @dt-space-600: 32px;
788
- @dt-space-625: 42px;
789
- @dt-space-650: 48px;
790
- @dt-space-700: 64px;
791
- @dt-space-720: 72px;
792
- @dt-space-730: 84px;
793
- @dt-space-750: 96px;
794
- @dt-space-760: 102px;
795
- @dt-space-775: 114px;
796
- @dt-space-800: 128px;
797
- @dt-space-825: 164px;
798
- @dt-space-850: 192px;
799
- @dt-space-875: 216px;
800
- @dt-space-900: 256px;
801
- @dt-space-905: 264px;
802
- @dt-space-925: 332px;
803
- @dt-space-950: 384px;
804
- @dt-space-975: 464px;
805
- @dt-space-1000: 512px;
806
- @dt-space-1020: 628px;
807
- @dt-space-1040: 764px;
808
- @dt-space-1050: 768px;
809
- @dt-space-1060: 828px;
810
- @dt-space-1080: 912px;
811
- @dt-space-1100: 1024px;
812
- @dt-space-1115: 1140px;
813
- @dt-space-1120: 1268px;
814
- @dt-space-1125: 1280px;
815
- @dt-space-1130: 1340px;
816
- @dt-space-1150: 1536px;
817
- @dt-space-1200: 2048px;
818
- @dt-space-50-negative: -0.5px;
819
- @dt-space-100-negative: -1px;
820
- @dt-space-200-negative: -2px;
821
- @dt-space-300-negative: -4px;
822
- @dt-space-350-negative: -6px;
823
- @dt-space-400-negative: -8px;
824
- @dt-space-450-negative: -12px;
825
- @dt-space-500-negative: -16px;
826
- @dt-space-550-negative: -24px;
827
- @dt-space-600-negative: -32px;
828
- @dt-space-625-negative: -42px;
829
- @dt-space-650-negative: -48px;
830
- @dt-space-700-negative: -64px;
831
- @dt-space-720-negative: -72px;
832
- @dt-space-730-negative: -84px;
833
- @dt-space-750-negative: -96px;
834
- @dt-space-760-negative: -102px;
835
- @dt-space-775-negative: -114px;
836
- @dt-space-800-negative: -128px;
837
- @dt-space-825-negative: -164px;
838
- @dt-space-850-negative: -192px;
839
- @dt-space-875-negative: -216px;
840
- @dt-space-900-negative: -256px;
841
- @dt-space-905-negative: -264px;
842
- @dt-space-925-negative: -332px;
843
- @dt-space-950-negative: -384px;
844
- @dt-space-975-negative: -464px;
845
- @dt-space-1000-negative: -512px;
846
- @dt-space-1020-negative: -628px;
847
- @dt-space-1040-negative: -764px;
848
- @dt-space-1050-negative: -768px;
849
- @dt-space-1060-negative: -828px;
850
- @dt-space-1080-negative: -912px;
851
- @dt-space-1100-negative: -1024px;
852
- @dt-space-1115-negative: -1140px;
853
- @dt-space-1120-negative: -1268px;
854
- @dt-space-1125-negative: -1280px;
855
- @dt-space-1130-negative: -1340px;
856
- @dt-space-1150-negative: -1536px;
857
- @dt-space-1200-negative: -2048px;
793
+ @dt-space-0: 0;
794
+ @dt-space-50: 0.05rem;
795
+ @dt-space-100: 0.1rem;
796
+ @dt-space-200: 0.2rem;
797
+ @dt-space-300: 0.4rem;
798
+ @dt-space-350: 0.6rem;
799
+ @dt-space-400: 0.8rem;
800
+ @dt-space-450: 1.2rem;
801
+ @dt-space-500: 1.6rem;
802
+ @dt-space-550: 2.4rem;
803
+ @dt-space-600: 3.2rem;
804
+ @dt-space-625: 4.2rem;
805
+ @dt-space-650: 4.8rem;
806
+ @dt-space-700: 6.4rem;
807
+ @dt-space-720: 7.2rem;
808
+ @dt-space-730: 8.4rem;
809
+ @dt-space-750: 9.6rem;
810
+ @dt-space-760: 10.2rem;
811
+ @dt-space-775: 11.4rem;
812
+ @dt-space-800: 12.8rem;
813
+ @dt-space-825: 16.4rem;
814
+ @dt-space-850: 19.2rem;
815
+ @dt-space-875: 21.6rem;
816
+ @dt-space-900: 25.6rem;
817
+ @dt-space-905: 26.4rem;
818
+ @dt-space-925: 33.2rem;
819
+ @dt-space-950: 38.4rem;
820
+ @dt-space-975: 46.4rem;
821
+ @dt-space-1000: 51.2rem;
822
+ @dt-space-1020: 62.8rem;
823
+ @dt-space-1040: 76.4rem;
824
+ @dt-space-1050: 76.8rem;
825
+ @dt-space-1060: 82.8rem;
826
+ @dt-space-1080: 91.2rem;
827
+ @dt-space-1100: 102.4rem;
828
+ @dt-space-1115: 114rem;
829
+ @dt-space-1120: 126.8rem;
830
+ @dt-space-1125: 128rem;
831
+ @dt-space-1130: 134rem;
832
+ @dt-space-1150: 153.6rem;
833
+ @dt-space-1200: 204.8rem;
834
+ @dt-space-50-negative: -0.05rem;
835
+ @dt-space-100-negative: -0.1rem;
836
+ @dt-space-200-negative: -0.2rem;
837
+ @dt-space-300-negative: -0.4rem;
838
+ @dt-space-350-negative: -0.6rem;
839
+ @dt-space-400-negative: -0.8rem;
840
+ @dt-space-450-negative: -1.2rem;
841
+ @dt-space-500-negative: -1.6rem;
842
+ @dt-space-550-negative: -2.4rem;
843
+ @dt-space-600-negative: -3.2rem;
844
+ @dt-space-625-negative: -4.2rem;
845
+ @dt-space-650-negative: -4.8rem;
846
+ @dt-space-700-negative: -6.4rem;
847
+ @dt-space-720-negative: -7.2rem;
848
+ @dt-space-730-negative: -8.4rem;
849
+ @dt-space-750-negative: -9.6rem;
850
+ @dt-space-760-negative: -10.2rem;
851
+ @dt-space-775-negative: -11.4rem;
852
+ @dt-space-800-negative: -12.8rem;
853
+ @dt-space-825-negative: -16.4rem;
854
+ @dt-space-850-negative: -19.2rem;
855
+ @dt-space-875-negative: -21.6rem;
856
+ @dt-space-900-negative: -25.6rem;
857
+ @dt-space-905-negative: -26.4rem;
858
+ @dt-space-925-negative: -33.2rem;
859
+ @dt-space-950-negative: -38.4rem;
860
+ @dt-space-975-negative: -46.4rem;
861
+ @dt-space-1000-negative: -51.2rem;
862
+ @dt-space-1020-negative: -62.8rem;
863
+ @dt-space-1040-negative: -76.4rem;
864
+ @dt-space-1050-negative: -76.8rem;
865
+ @dt-space-1060-negative: -82.8rem;
866
+ @dt-space-1080-negative: -91.2rem;
867
+ @dt-space-1100-negative: -102.4rem;
868
+ @dt-space-1115-negative: -114rem;
869
+ @dt-space-1120-negative: -126.8rem;
870
+ @dt-space-1125-negative: -128rem;
871
+ @dt-space-1130-negative: -134rem;
872
+ @dt-space-1150-negative: -153.6rem;
873
+ @dt-space-1200-negative: -204.8rem;
858
874
  @dt-space-0-percent: 0%;
859
875
  @dt-space-5-percent: 5%;
860
876
  @dt-space-10-percent: 10%;
@@ -872,4 +888,4 @@
872
888
  @dt-space-90-percent: 90%;
873
889
  @dt-space-95-percent: 95%;
874
890
  @dt-space-100-percent: 100%;
875
- @dt-space-base: 8px;
891
+ @dt-space-base: 0.8rem;