@dialpad/dialtone-tokens 1.16.0 → 1.18.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 +33 -9
  2. package/dist/android/java/tokens-light.kt +34 -10
  3. package/dist/android/res/values/colors-dark.xml +29 -9
  4. package/dist/android/res/values/colors-light.xml +31 -11
  5. package/dist/android/res/values/dimens.xml +5 -1
  6. package/dist/css/variables-dark.css +149 -125
  7. package/dist/css/variables-light.css +151 -127
  8. package/dist/doc.json +580 -148
  9. package/dist/ios/tokens-dark.swift +33 -9
  10. package/dist/ios/tokens-light.swift +34 -10
  11. package/dist/less/variables-dark.less +149 -125
  12. package/dist/less/variables-light.less +151 -127
  13. package/dist/tokens-dark.json +148 -124
  14. package/dist/tokens-light.json +150 -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 Tue, 30 May 2023 23:54:29 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)
@@ -568,6 +568,8 @@ public enum DialtoneTokensDark {
568
568
  public static let dtSize500Negative = CGFloat(-16.00)
569
569
  public static let dtSize50Negative = CGFloat(-0.50)
570
570
  public static let dtSize50Percent = CGFloat(50.00)
571
+ public static let dtSize525 = CGFloat(20.00)
572
+ public static let dtSize525Negative = CGFloat(-20.00)
571
573
  public static let dtSize550 = CGFloat(24.00)
572
574
  public static let dtSize550Negative = CGFloat(-24.00)
573
575
  public static let dtSize5Percent = CGFloat(5.00)
@@ -684,6 +686,8 @@ public enum DialtoneTokensDark {
684
686
  public static let dtSpace500Negative = CGFloat(-16.00)
685
687
  public static let dtSpace50Negative = CGFloat(-0.50)
686
688
  public static let dtSpace50Percent = CGFloat(50.00)
689
+ public static let dtSpace525 = CGFloat(20.00)
690
+ public static let dtSpace525Negative = CGFloat(-20.00)
687
691
  public static let dtSpace550 = CGFloat(24.00)
688
692
  public static let dtSpace550Negative = CGFloat(-24.00)
689
693
  public static let dtSpace5Percent = CGFloat(5.00)
@@ -731,6 +735,7 @@ public enum DialtoneTokensDark {
731
735
  public static let dtSpace975 = CGFloat(464.00)
732
736
  public static let dtSpace975Negative = CGFloat(-464.00)
733
737
  public static let dtSpaceBase = CGFloat(8.00)
738
+ public static let dtThemeColorBase = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
734
739
  public static let dtThemeMentionColorBackground = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
735
740
  public static let dtThemeMentionColorForeground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
736
741
  public static let dtThemePresenceColorBackgroundAvailable = UIColor(red: 0.690, green: 1.000, blue: 0.639, alpha: 1)
@@ -739,13 +744,32 @@ public enum DialtoneTokensDark {
739
744
  public static let dtThemePresenceColorBackgroundOffline = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
740
745
  public static let dtThemeSidebarColorBackground = UIColor(red: 0.106, green: 0.106, blue: 0.106, alpha: 1)
741
746
  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)
747
+ public static let dtThemeSidebarIconColorForeground = UIColor(red: 0.753, green: 0.753, blue: 0.753, alpha: 1)
748
+ public static let dtThemeSidebarRowColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0)
749
+ public static let dtThemeSidebarRowColorBackgroundActive = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.23921568627450981)
750
+ public static let dtThemeSidebarRowColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.1803921568627451)
751
+ public static let dtThemeSidebarSectionColorForeground = UIColor(red: 0.655, green: 0.655, blue: 0.655, alpha: 1)
752
+ public static let dtThemeSidebarSelectedRowColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.2)
747
753
  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)
754
+ public static let dtThemeSidebarStatusColorForeground = UIColor(red: 0.984, green: 0.984, blue: 0.984, alpha: 1)
755
+ public static let dtThemeTopbarButtonColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0)
756
+ public static let dtThemeTopbarButtonColorBackgroundActive = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)
757
+ public static let dtThemeTopbarButtonColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.14901960784313725)
758
+ public static let dtThemeTopbarButtonColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.6509803921568628)
759
+ public static let dtThemeTopbarButtonColorForegroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
760
+ public static let dtThemeTopbarColorBackground = UIColor(red: 0.106, green: 0.106, blue: 0.106, alpha: 1)
761
+ public static let dtThemeTopbarColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
762
+ public static let dtThemeTopbarFieldColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.050980392156862744)
763
+ public static let dtThemeTopbarFieldColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
764
+ public static let dtThemeTopbarFieldColorBorder = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0)
765
+ public static let dtThemeTopbarFieldColorBorderActive = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.2)
766
+ public static let dtThemeTopbarFieldColorBorderHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)
767
+ public static let dtThemeTopbarFieldColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.5019607843137255)
768
+ public static let dtThemeTopbarFieldColorForegroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
769
+ public static let dtThemeTopbarProfileColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.050980392156862744)
770
+ public static let dtThemeTopbarProfileColorBackgroundActive = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.1411764705882353)
771
+ public static let dtThemeTopbarProfileColorBackgroundHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.10196078431372549)
772
+ public static let dtThemeTopbarProfileColorForeground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.7490196078431373)
749
773
  public static let dtTypographyBodyBaseFontFamily = UIFont.systemFont(ofSize: 15)
750
774
  public static let dtTypographyBodyBaseFontSize = CGFloat(15.00)
751
775
  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 Tue, 30 May 2023 23:54:29 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)
@@ -448,6 +448,8 @@ public enum DialtoneTokensLight {
448
448
  public static let dtSize500Negative = CGFloat(-16.00)
449
449
  public static let dtSize50Negative = CGFloat(-0.50)
450
450
  public static let dtSize50Percent = CGFloat(50.00)
451
+ public static let dtSize525 = CGFloat(20.00)
452
+ public static let dtSize525Negative = CGFloat(-20.00)
451
453
  public static let dtSize550 = CGFloat(24.00)
452
454
  public static let dtSize550Negative = CGFloat(-24.00)
453
455
  public static let dtSize5Percent = CGFloat(5.00)
@@ -564,6 +566,8 @@ public enum DialtoneTokensLight {
564
566
  public static let dtSpace500Negative = CGFloat(-16.00)
565
567
  public static let dtSpace50Negative = CGFloat(-0.50)
566
568
  public static let dtSpace50Percent = CGFloat(50.00)
569
+ public static let dtSpace525 = CGFloat(20.00)
570
+ public static let dtSpace525Negative = CGFloat(-20.00)
567
571
  public static let dtSpace550 = CGFloat(24.00)
568
572
  public static let dtSpace550Negative = CGFloat(-24.00)
569
573
  public static let dtSpace5Percent = CGFloat(5.00)
@@ -611,6 +615,7 @@ public enum DialtoneTokensLight {
611
615
  public static let dtSpace975 = CGFloat(464.00)
612
616
  public static let dtSpace975Negative = CGFloat(-464.00)
613
617
  public static let dtSpaceBase = CGFloat(8.00)
618
+ public static let dtThemeColorBase = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
614
619
  public static let dtThemeMentionColorBackground = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
615
620
  public static let dtThemeMentionColorForeground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
616
621
  public static let dtThemePresenceColorBackgroundAvailable = UIColor(red: 0.102, green: 0.639, blue: 0.251, alpha: 1)
@@ -619,13 +624,32 @@ public enum DialtoneTokensLight {
619
624
  public static let dtThemePresenceColorBackgroundOffline = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
620
625
  public static let dtThemeSidebarColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
621
626
  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)
627
+ public static let dtThemeSidebarIconColorForeground = UIColor(red: 0.231, green: 0.231, blue: 0.231, alpha: 1)
623
628
  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)
629
+ public static let dtThemeSidebarRowColorBackgroundActive = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1607843137254902)
630
+ public static let dtThemeSidebarRowColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.12156862745098039)
631
+ public static let dtThemeSidebarSectionColorForeground = UIColor(red: 0.329, green: 0.329, blue: 0.329, alpha: 1)
632
+ public static let dtThemeSidebarSelectedRowColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
627
633
  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)
634
+ public static let dtThemeSidebarStatusColorForeground = UIColor(red: 0.329, green: 0.329, blue: 0.329, alpha: 1)
635
+ public static let dtThemeTopbarButtonColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
636
+ public static let dtThemeTopbarButtonColorBackgroundActive = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
637
+ public static let dtThemeTopbarButtonColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.050980392156862744)
638
+ public static let dtThemeTopbarButtonColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.6509803921568628)
639
+ public static let dtThemeTopbarButtonColorForegroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
640
+ public static let dtThemeTopbarColorBackground = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
641
+ public static let dtThemeTopbarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
642
+ public static let dtThemeTopbarFieldColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.050980392156862744)
643
+ public static let dtThemeTopbarFieldColorBackgroundHover = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
644
+ public static let dtThemeTopbarFieldColorBorder = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
645
+ public static let dtThemeTopbarFieldColorBorderActive = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
646
+ public static let dtThemeTopbarFieldColorBorderHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
647
+ public static let dtThemeTopbarFieldColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5019607843137255)
648
+ public static let dtThemeTopbarFieldColorForegroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
649
+ public static let dtThemeTopbarProfileColorBackground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.050980392156862744)
650
+ public static let dtThemeTopbarProfileColorBackgroundActive = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1411764705882353)
651
+ public static let dtThemeTopbarProfileColorBackgroundHover = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
652
+ public static let dtThemeTopbarProfileColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7490196078431373)
629
653
  public static let dtTypographyBodyBaseFontFamily = UIFont.systemFont(ofSize: 15)
630
654
  public static let dtTypographyBodyBaseFontSize = CGFloat(15.00)
631
655
  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 Tue, 30 May 2023 23:54:29 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,42 @@
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-topbar-profile-color-foreground: #f9f9f9bf;
309
+ @dt-theme-topbar-profile-color-background: #f9f9f90d;
310
+ @dt-theme-topbar-profile-color-background-hover: #f9f9f91a;
311
+ @dt-theme-topbar-profile-color-background-active: #f9f9f924;
312
+ @dt-theme-sidebar-section-color-foreground: #a7a7a7;
313
+ @dt-theme-sidebar-icon-color-foreground: #c0c0c0;
314
+ @dt-theme-sidebar-row-color-background-hover: #f9f9f92e;
315
+ @dt-theme-sidebar-row-color-background-active: #f9f9f93d;
316
+ @dt-theme-sidebar-row-color-background: #f9f9f900;
317
+ @dt-theme-sidebar-selected-row-color-background: #f9f9f933;
295
318
  @dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
296
319
  @dt-theme-sidebar-color-foreground: #F9F9F9;
297
320
  @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;
321
+ @dt-theme-sidebar-status-color-foreground: #fbfbfb;
322
+ @dt-theme-color-base: #F9F9F9;
303
323
  @dt-theme-presence-color-background-available: #B0FFA3;
304
324
  @dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
305
325
  @dt-theme-presence-color-background-busy: #F6AB3C;
@@ -308,137 +328,137 @@
308
328
  @dt-theme-mention-color-background: #7C52FF;
309
329
  @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
330
  @dt-typography-body-small-font-weight: 400;
311
- @dt-typography-body-small-line-height: 140%;
331
+ @dt-typography-body-small-line-height: 1.4;
312
332
  @dt-typography-body-small-font-size: 1.2rem;
313
333
  @dt-typography-body-small-text-case: none;
314
334
  @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
335
  @dt-typography-body-base-font-weight: 400;
316
- @dt-typography-body-base-line-height: 160%;
336
+ @dt-typography-body-base-line-height: 1.6;
317
337
  @dt-typography-body-base-font-size: 1.5rem;
318
338
  @dt-typography-body-base-text-case: none;
319
339
  @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
340
  @dt-typography-body-compact-small-font-weight: 400;
321
- @dt-typography-body-compact-small-line-height: 120%;
341
+ @dt-typography-body-compact-small-line-height: 1.2;
322
342
  @dt-typography-body-compact-small-font-size: 1.2rem;
323
343
  @dt-typography-body-compact-small-text-case: none;
324
344
  @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
345
  @dt-typography-body-compact-base-font-weight: 400;
326
- @dt-typography-body-compact-base-line-height: 140%;
346
+ @dt-typography-body-compact-base-line-height: 1.4;
327
347
  @dt-typography-body-compact-base-font-size: 1.5rem;
328
348
  @dt-typography-body-compact-base-text-case: none;
329
349
  @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
350
  @dt-typography-headline-eyebrow-font-weight: 400;
331
- @dt-typography-headline-eyebrow-line-height: 140%;
351
+ @dt-typography-headline-eyebrow-line-height: 1.4;
332
352
  @dt-typography-headline-eyebrow-font-size: 1.2rem;
333
353
  @dt-typography-headline-eyebrow-text-case: uppercase;
334
354
  @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
355
  @dt-typography-headline-small-font-weight: 700;
336
- @dt-typography-headline-small-line-height: 140%;
356
+ @dt-typography-headline-small-line-height: 1.4;
337
357
  @dt-typography-headline-small-font-size: 1.2rem;
338
358
  @dt-typography-headline-small-text-case: none;
339
359
  @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
360
  @dt-typography-headline-medium-font-weight: 700;
341
- @dt-typography-headline-medium-line-height: 160%;
361
+ @dt-typography-headline-medium-line-height: 1.6;
342
362
  @dt-typography-headline-medium-font-size: 1.5rem;
343
363
  @dt-typography-headline-medium-text-case: none;
344
364
  @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
365
  @dt-typography-headline-large-font-weight: 700;
346
- @dt-typography-headline-large-line-height: 160%;
366
+ @dt-typography-headline-large-line-height: 1.6;
347
367
  @dt-typography-headline-large-font-size: 1.9rem;
348
368
  @dt-typography-headline-large-text-case: none;
349
369
  @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
370
  @dt-typography-headline-extra-large-font-weight: 500;
351
- @dt-typography-headline-extra-large-line-height: 120%;
371
+ @dt-typography-headline-extra-large-line-height: 1.2;
352
372
  @dt-typography-headline-extra-large-font-size: 2.7rem;
353
373
  @dt-typography-headline-extra-large-text-case: none;
354
374
  @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
375
  @dt-typography-headline-extra-extra-large-font-weight: 500;
356
- @dt-typography-headline-extra-extra-large-line-height: 120%;
376
+ @dt-typography-headline-extra-extra-large-line-height: 1.2;
357
377
  @dt-typography-headline-extra-extra-large-font-size: 3.8rem;
358
378
  @dt-typography-headline-extra-extra-large-text-case: none;
359
379
  @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
380
  @dt-typography-headline-soft-small-font-weight: 500;
361
- @dt-typography-headline-soft-small-line-height: 140%;
381
+ @dt-typography-headline-soft-small-line-height: 1.4;
362
382
  @dt-typography-headline-soft-small-font-size: 1.2rem;
363
383
  @dt-typography-headline-soft-small-text-case: none;
364
384
  @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
385
  @dt-typography-headline-compact-small-font-weight: 700;
366
- @dt-typography-headline-compact-small-line-height: 120%;
386
+ @dt-typography-headline-compact-small-line-height: 1.2;
367
387
  @dt-typography-headline-compact-small-font-size: 1.2rem;
368
388
  @dt-typography-headline-compact-small-text-case: none;
369
389
  @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
390
  @dt-typography-headline-compact-medium-font-weight: 700;
371
- @dt-typography-headline-compact-medium-line-height: 140%;
391
+ @dt-typography-headline-compact-medium-line-height: 1.4;
372
392
  @dt-typography-headline-compact-medium-font-size: 1.5rem;
373
393
  @dt-typography-headline-compact-medium-text-case: none;
374
394
  @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
395
  @dt-typography-headline-compact-large-font-weight: 700;
376
- @dt-typography-headline-compact-large-line-height: 120%;
396
+ @dt-typography-headline-compact-large-line-height: 1.2;
377
397
  @dt-typography-headline-compact-large-font-size: 1.9rem;
378
398
  @dt-typography-headline-compact-large-text-case: none;
379
399
  @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
400
  @dt-typography-headline-compact-soft-small-font-weight: 500;
381
- @dt-typography-headline-compact-soft-small-line-height: 120%;
401
+ @dt-typography-headline-compact-soft-small-line-height: 1.2;
382
402
  @dt-typography-headline-compact-soft-small-font-size: 1.2rem;
383
403
  @dt-typography-headline-compact-soft-small-text-case: none;
384
404
  @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
405
  @dt-typography-label-small-font-weight: 600;
386
- @dt-typography-label-small-line-height: 140%;
406
+ @dt-typography-label-small-line-height: 1.4;
387
407
  @dt-typography-label-small-font-size: 1.2rem;
388
408
  @dt-typography-label-small-text-case: none;
389
409
  @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
410
  @dt-typography-label-base-font-weight: 600;
391
- @dt-typography-label-base-line-height: 160%;
411
+ @dt-typography-label-base-line-height: 1.6;
392
412
  @dt-typography-label-base-font-size: 1.5rem;
393
413
  @dt-typography-label-base-text-case: none;
394
414
  @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
415
  @dt-typography-label-compact-small-font-weight: 600;
396
- @dt-typography-label-compact-small-line-height: 120%;
416
+ @dt-typography-label-compact-small-line-height: 1.2;
397
417
  @dt-typography-label-compact-small-font-size: 1.2rem;
398
418
  @dt-typography-label-compact-small-text-case: none;
399
419
  @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
420
  @dt-typography-label-compact-base-font-weight: 600;
401
- @dt-typography-label-compact-base-line-height: 140%;
421
+ @dt-typography-label-compact-base-line-height: 1.4;
402
422
  @dt-typography-label-compact-base-font-size: 1.5rem;
403
423
  @dt-typography-label-compact-base-text-case: none;
404
424
  @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
425
  @dt-typography-label-compact-plain-small-font-weight: 400;
406
- @dt-typography-label-compact-plain-small-line-height: 120%;
426
+ @dt-typography-label-compact-plain-small-line-height: 1.2;
407
427
  @dt-typography-label-compact-plain-small-font-size: 1.2rem;
408
428
  @dt-typography-label-compact-plain-small-text-case: none;
409
429
  @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
430
  @dt-typography-label-compact-plain-base-font-weight: 400;
411
- @dt-typography-label-compact-plain-base-line-height: 140%;
431
+ @dt-typography-label-compact-plain-base-line-height: 1.4;
412
432
  @dt-typography-label-compact-plain-base-font-size: 1.5rem;
413
433
  @dt-typography-label-compact-plain-base-text-case: none;
414
434
  @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
435
  @dt-typography-label-plain-small-font-weight: 400;
416
- @dt-typography-label-plain-small-line-height: 140%;
436
+ @dt-typography-label-plain-small-line-height: 1.4;
417
437
  @dt-typography-label-plain-small-font-size: 1.2rem;
418
438
  @dt-typography-label-plain-small-text-case: none;
419
439
  @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
440
  @dt-typography-label-plain-base-font-weight: 400;
421
- @dt-typography-label-plain-base-line-height: 160%;
441
+ @dt-typography-label-plain-base-line-height: 1.6;
422
442
  @dt-typography-label-plain-base-font-size: 1.5rem;
423
443
  @dt-typography-label-plain-base-text-case: none;
424
444
  @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
445
  @dt-typography-helper-small-font-weight: 400;
426
- @dt-typography-helper-small-line-height: 120%;
446
+ @dt-typography-helper-small-line-height: 1.2;
427
447
  @dt-typography-helper-small-font-size: 1.2rem;
428
448
  @dt-typography-helper-small-text-case: none;
429
449
  @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
450
  @dt-typography-helper-base-font-weight: 400;
431
- @dt-typography-helper-base-line-height: 140%;
451
+ @dt-typography-helper-base-line-height: 1.4;
432
452
  @dt-typography-helper-base-font-size: 1.5rem;
433
453
  @dt-typography-helper-base-text-case: none;
434
454
  @dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
435
455
  @dt-typography-code-small-font-weight: 400;
436
- @dt-typography-code-small-line-height: 120%;
456
+ @dt-typography-code-small-line-height: 1.2;
437
457
  @dt-typography-code-small-font-size: 1.2rem;
438
458
  @dt-typography-code-small-text-case: none;
439
459
  @dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
440
460
  @dt-typography-code-base-font-weight: 400;
441
- @dt-typography-code-base-line-height: 120%;
461
+ @dt-typography-code-base-line-height: 1.2;
442
462
  @dt-typography-code-base-font-size: 1.5rem;
443
463
  @dt-typography-code-base-text-case: none;
444
464
  @dt-size-0: 0;
@@ -450,6 +470,7 @@
450
470
  @dt-size-400: 0.8rem;
451
471
  @dt-size-450: 1.2rem;
452
472
  @dt-size-500: 1.6rem;
473
+ @dt-size-525: 2rem;
453
474
  @dt-size-550: 2.4rem;
454
475
  @dt-size-600: 3.2rem;
455
476
  @dt-size-625: 4.2rem;
@@ -498,6 +519,7 @@
498
519
  @dt-size-400-negative: -0.8rem;
499
520
  @dt-size-450-negative: -1.2rem;
500
521
  @dt-size-500-negative: -1.6rem;
522
+ @dt-size-525-negative: -2rem;
501
523
  @dt-size-550-negative: -2.4rem;
502
524
  @dt-size-600-negative: -3.2rem;
503
525
  @dt-size-625-negative: -4.2rem;
@@ -760,12 +782,12 @@
760
782
  @dt-font-size-400: 2.7rem;
761
783
  @dt-font-size-500: 3.8rem;
762
784
  @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%;
785
+ @dt-font-line-height-100: 1;
786
+ @dt-font-line-height-200: 1.2;
787
+ @dt-font-line-height-300: 1.4;
788
+ @dt-font-line-height-400: 1.6;
789
+ @dt-font-line-height-500: 1.8;
790
+ @dt-font-line-height-600: 2;
769
791
  @dt-font-weight-normal: 400;
770
792
  @dt-font-weight-medium: 500;
771
793
  @dt-font-weight-semi-bold: 600;
@@ -774,87 +796,89 @@
774
796
  @dt-font-text-case-lowercase: lowercase;
775
797
  @dt-font-text-case-capitalize: capitalize;
776
798
  @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;
799
+ @dt-space-0: 0;
800
+ @dt-space-50: 0.05rem;
801
+ @dt-space-100: 0.1rem;
802
+ @dt-space-200: 0.2rem;
803
+ @dt-space-300: 0.4rem;
804
+ @dt-space-350: 0.6rem;
805
+ @dt-space-400: 0.8rem;
806
+ @dt-space-450: 1.2rem;
807
+ @dt-space-500: 1.6rem;
808
+ @dt-space-525: 2rem;
809
+ @dt-space-550: 2.4rem;
810
+ @dt-space-600: 3.2rem;
811
+ @dt-space-625: 4.2rem;
812
+ @dt-space-650: 4.8rem;
813
+ @dt-space-700: 6.4rem;
814
+ @dt-space-720: 7.2rem;
815
+ @dt-space-730: 8.4rem;
816
+ @dt-space-750: 9.6rem;
817
+ @dt-space-760: 10.2rem;
818
+ @dt-space-775: 11.4rem;
819
+ @dt-space-800: 12.8rem;
820
+ @dt-space-825: 16.4rem;
821
+ @dt-space-850: 19.2rem;
822
+ @dt-space-875: 21.6rem;
823
+ @dt-space-900: 25.6rem;
824
+ @dt-space-905: 26.4rem;
825
+ @dt-space-925: 33.2rem;
826
+ @dt-space-950: 38.4rem;
827
+ @dt-space-975: 46.4rem;
828
+ @dt-space-1000: 51.2rem;
829
+ @dt-space-1020: 62.8rem;
830
+ @dt-space-1040: 76.4rem;
831
+ @dt-space-1050: 76.8rem;
832
+ @dt-space-1060: 82.8rem;
833
+ @dt-space-1080: 91.2rem;
834
+ @dt-space-1100: 102.4rem;
835
+ @dt-space-1115: 114rem;
836
+ @dt-space-1120: 126.8rem;
837
+ @dt-space-1125: 128rem;
838
+ @dt-space-1130: 134rem;
839
+ @dt-space-1150: 153.6rem;
840
+ @dt-space-1200: 204.8rem;
841
+ @dt-space-50-negative: -0.05rem;
842
+ @dt-space-100-negative: -0.1rem;
843
+ @dt-space-200-negative: -0.2rem;
844
+ @dt-space-300-negative: -0.4rem;
845
+ @dt-space-350-negative: -0.6rem;
846
+ @dt-space-400-negative: -0.8rem;
847
+ @dt-space-450-negative: -1.2rem;
848
+ @dt-space-500-negative: -1.6rem;
849
+ @dt-space-525-negative: -2rem;
850
+ @dt-space-550-negative: -2.4rem;
851
+ @dt-space-600-negative: -3.2rem;
852
+ @dt-space-625-negative: -4.2rem;
853
+ @dt-space-650-negative: -4.8rem;
854
+ @dt-space-700-negative: -6.4rem;
855
+ @dt-space-720-negative: -7.2rem;
856
+ @dt-space-730-negative: -8.4rem;
857
+ @dt-space-750-negative: -9.6rem;
858
+ @dt-space-760-negative: -10.2rem;
859
+ @dt-space-775-negative: -11.4rem;
860
+ @dt-space-800-negative: -12.8rem;
861
+ @dt-space-825-negative: -16.4rem;
862
+ @dt-space-850-negative: -19.2rem;
863
+ @dt-space-875-negative: -21.6rem;
864
+ @dt-space-900-negative: -25.6rem;
865
+ @dt-space-905-negative: -26.4rem;
866
+ @dt-space-925-negative: -33.2rem;
867
+ @dt-space-950-negative: -38.4rem;
868
+ @dt-space-975-negative: -46.4rem;
869
+ @dt-space-1000-negative: -51.2rem;
870
+ @dt-space-1020-negative: -62.8rem;
871
+ @dt-space-1040-negative: -76.4rem;
872
+ @dt-space-1050-negative: -76.8rem;
873
+ @dt-space-1060-negative: -82.8rem;
874
+ @dt-space-1080-negative: -91.2rem;
875
+ @dt-space-1100-negative: -102.4rem;
876
+ @dt-space-1115-negative: -114rem;
877
+ @dt-space-1120-negative: -126.8rem;
878
+ @dt-space-1125-negative: -128rem;
879
+ @dt-space-1130-negative: -134rem;
880
+ @dt-space-1150-negative: -153.6rem;
881
+ @dt-space-1200-negative: -204.8rem;
858
882
  @dt-space-0-percent: 0%;
859
883
  @dt-space-5-percent: 5%;
860
884
  @dt-space-10-percent: 10%;
@@ -872,4 +896,4 @@
872
896
  @dt-space-90-percent: 90%;
873
897
  @dt-space-95-percent: 95%;
874
898
  @dt-space-100-percent: 100%;
875
- @dt-space-base: 8px;
899
+ @dt-space-base: 0.8rem;