@dialpad/dialtone 9.123.2 → 9.124.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 (18) hide show
  1. package/README.md +3 -3
  2. package/dist/css/dialtone-default-theme.css +414 -77
  3. package/dist/css/dialtone-default-theme.min.css +1 -1
  4. package/dist/css/dialtone-docs.json +1 -1
  5. package/dist/css/dialtone.css +188 -68
  6. package/dist/css/dialtone.min.css +1 -1
  7. package/dist/css/svg/spot/playlist.svg +1 -0
  8. package/dist/css/vue/spot/SpotPlaylist.vue +3 -0
  9. package/dist/tokens/doc.json +11352 -11352
  10. package/dist/vue2/lib/combobox-multi-select/combobox-multi-select.cjs +1 -1
  11. package/dist/vue2/lib/combobox-multi-select/combobox-multi-select.cjs.map +1 -1
  12. package/dist/vue2/lib/combobox-multi-select/combobox-multi-select.js +3 -2
  13. package/dist/vue2/lib/combobox-multi-select/combobox-multi-select.js.map +1 -1
  14. package/dist/vue3/lib/combobox-multi-select/combobox-multi-select.cjs +1 -1
  15. package/dist/vue3/lib/combobox-multi-select/combobox-multi-select.cjs.map +1 -1
  16. package/dist/vue3/lib/combobox-multi-select/combobox-multi-select.js +3 -2
  17. package/dist/vue3/lib/combobox-multi-select/combobox-multi-select.js.map +1 -1
  18. package/package.json +4 -4
package/dist/css/dialtone.css CHANGED
@@ -5765,119 +5765,96 @@ legend .d-label--md {
5765
5765
  border-style: unset !important;
5766
5766
  }
5767
5767
  .d-baw0 {
5768
- border-width: 0 !important;
5768
+ border-width: var(--dt-size-border-0) !important;
5769
5769
  }
5770
5770
  .d-baw1 {
5771
- border-width: var(--dt-size-100) !important;
5771
+ border-width: var(--dt-size-border-100) !important;
5772
5772
  }
5773
5773
  .d-baw2 {
5774
- border-width: var(--dt-size-200) !important;
5774
+ border-width: var(--dt-size-border-200) !important;
5775
5775
  }
5776
5776
  .d-baw4 {
5777
- border-width: var(--dt-size-300) !important;
5778
- }
5779
- .d-baw6 {
5780
- border-width: var(--dt-size-350) !important;
5777
+ border-width: var(--dt-size-border-300) !important;
5781
5778
  }
5782
5779
  .d-btw0 {
5783
- border-top-width: 0 !important;
5780
+ border-top-width: var(--dt-size-border-0) !important;
5784
5781
  }
5785
5782
  .d-btw1 {
5786
- border-top-width: var(--dt-size-100) !important;
5783
+ border-top-width: var(--dt-size-border-100) !important;
5787
5784
  }
5788
5785
  .d-btw2 {
5789
- border-top-width: var(--dt-size-200) !important;
5786
+ border-top-width: var(--dt-size-border-200) !important;
5790
5787
  }
5791
5788
  .d-btw4 {
5792
- border-top-width: var(--dt-size-300) !important;
5793
- }
5794
- .d-btw6 {
5795
- border-top-width: var(--dt-size-350) !important;
5789
+ border-top-width: var(--dt-size-border-300) !important;
5796
5790
  }
5797
5791
  .d-brw0 {
5798
- border-right-width: 0 !important;
5792
+ border-right-width: var(--dt-size-border-0) !important;
5799
5793
  }
5800
5794
  .d-brw1 {
5801
- border-right-width: var(--dt-size-100) !important;
5795
+ border-right-width: var(--dt-size-border-100) !important;
5802
5796
  }
5803
5797
  .d-brw2 {
5804
- border-right-width: var(--dt-size-200) !important;
5798
+ border-right-width: var(--dt-size-border-200) !important;
5805
5799
  }
5806
5800
  .d-brw4 {
5807
- border-right-width: var(--dt-size-300) !important;
5808
- }
5809
- .d-brw6 {
5810
- border-right-width: var(--dt-size-350) !important;
5801
+ border-right-width: var(--dt-size-border-300) !important;
5811
5802
  }
5812
5803
  .d-bbw0 {
5813
- border-bottom-width: 0 !important;
5804
+ border-bottom-width: var(--dt-size-border-0) !important;
5814
5805
  }
5815
5806
  .d-bbw1 {
5816
- border-bottom-width: var(--dt-size-100) !important;
5807
+ border-bottom-width: var(--dt-size-border-100) !important;
5817
5808
  }
5818
5809
  .d-bbw2 {
5819
- border-bottom-width: var(--dt-size-200) !important;
5810
+ border-bottom-width: var(--dt-size-border-200) !important;
5820
5811
  }
5821
5812
  .d-bbw4 {
5822
- border-bottom-width: var(--dt-size-300) !important;
5823
- }
5824
- .d-bbw6 {
5825
- border-bottom-width: var(--dt-size-350) !important;
5813
+ border-bottom-width: var(--dt-size-border-300) !important;
5826
5814
  }
5827
5815
  .d-blw0 {
5828
- border-left-width: 0 !important;
5816
+ border-left-width: var(--dt-size-border-0) !important;
5829
5817
  }
5830
5818
  .d-blw1 {
5831
- border-left-width: var(--dt-size-100) !important;
5819
+ border-left-width: var(--dt-size-border-100) !important;
5832
5820
  }
5833
5821
  .d-blw2 {
5834
- border-left-width: var(--dt-size-200) !important;
5822
+ border-left-width: var(--dt-size-border-200) !important;
5835
5823
  }
5836
5824
  .d-blw4 {
5837
- border-left-width: var(--dt-size-300) !important;
5838
- }
5839
- .d-blw6 {
5840
- border-left-width: var(--dt-size-350) !important;
5825
+ border-left-width: var(--dt-size-border-300) !important;
5841
5826
  }
5842
5827
  .d-bxw0 {
5843
- border-right-width: 0 !important;
5844
- border-left-width: 0 !important;
5828
+ border-right-width: var(--dt-size-border-0) !important;
5829
+ border-left-width: var(--dt-size-border-0) !important;
5845
5830
  }
5846
5831
  .d-bxw1 {
5847
- border-right-width: var(--dt-size-100) !important;
5848
- border-left-width: var(--dt-size-100) !important;
5832
+ border-right-width: var(--dt-size-border-100) !important;
5833
+ border-left-width: var(--dt-size-border-100) !important;
5849
5834
  }
5850
5835
  .d-bxw2 {
5851
- border-right-width: var(--dt-size-200) !important;
5852
- border-left-width: var(--dt-size-200) !important;
5836
+ border-right-width: var(--dt-size-border-200) !important;
5837
+ border-left-width: var(--dt-size-border-200) !important;
5853
5838
  }
5854
5839
  .d-bxw4 {
5855
- border-right-width: var(--dt-size-300) !important;
5856
- border-left-width: var(--dt-size-300) !important;
5857
- }
5858
- .d-bxw6 {
5859
- border-right-width: var(--dt-size-350) !important;
5860
- border-left-width: var(--dt-size-350) !important;
5840
+ border-right-width: var(--dt-size-border-300) !important;
5841
+ border-left-width: var(--dt-size-border-300) !important;
5861
5842
  }
5862
5843
  .d-byw0 {
5863
- border-top-width: 0 !important;
5864
- border-bottom-width: 0 !important;
5844
+ border-top-width: var(--dt-size-border-0) !important;
5845
+ border-bottom-width: var(--dt-size-border-0) !important;
5865
5846
  }
5866
5847
  .d-byw1 {
5867
- border-top-width: var(--dt-size-100) !important;
5868
- border-bottom-width: var(--dt-size-100) !important;
5848
+ border-top-width: var(--dt-size-border-100) !important;
5849
+ border-bottom-width: var(--dt-size-border-100) !important;
5869
5850
  }
5870
5851
  .d-byw2 {
5871
- border-top-width: var(--dt-size-200) !important;
5872
- border-bottom-width: var(--dt-size-200) !important;
5852
+ border-top-width: var(--dt-size-border-200) !important;
5853
+ border-bottom-width: var(--dt-size-border-200) !important;
5873
5854
  }
5874
5855
  .d-byw4 {
5875
- border-top-width: var(--dt-size-300) !important;
5876
- border-bottom-width: var(--dt-size-300) !important;
5877
- }
5878
- .d-byw6 {
5879
- border-top-width: var(--dt-size-350) !important;
5880
- border-bottom-width: var(--dt-size-350) !important;
5856
+ border-top-width: var(--dt-size-border-300) !important;
5857
+ border-bottom-width: var(--dt-size-border-300) !important;
5881
5858
  }
5882
5859
  .d-divide-y > * + * {
5883
5860
  --divide-y-reverse: 0;
@@ -7804,6 +7781,9 @@ legend .d-label--md {
7804
7781
  .d-stack16 > * + * {
7805
7782
  margin-top: var(--dt-space-500) !important;
7806
7783
  }
7784
+ .d-stack20 > * + * {
7785
+ margin-top: var(--dt-space-525) !important;
7786
+ }
7807
7787
  .d-stack24 > * + * {
7808
7788
  margin-top: var(--dt-space-550) !important;
7809
7789
  }
@@ -7858,6 +7838,9 @@ legend .d-label--md {
7858
7838
  .d-flow16 > * + * {
7859
7839
  margin-left: var(--dt-space-500) !important;
7860
7840
  }
7841
+ .d-flow20 > * + * {
7842
+ margin-left: var(--dt-space-525) !important;
7843
+ }
7861
7844
  .d-flow24 > * + * {
7862
7845
  margin-left: var(--dt-space-550) !important;
7863
7846
  }
@@ -14922,6 +14905,9 @@ body {
14922
14905
  .d-bar0 {
14923
14906
  border-radius: var(--dt-size-radius-0) !important;
14924
14907
  }
14908
+ .d-bar1 {
14909
+ border-radius: var(--dt-size-radius-100) !important;
14910
+ }
14925
14911
  .d-bar2 {
14926
14912
  border-radius: var(--dt-size-radius-200) !important;
14927
14913
  }
@@ -14932,7 +14918,7 @@ body {
14932
14918
  border-radius: var(--dt-size-radius-400) !important;
14933
14919
  }
14934
14920
  .d-bar12 {
14935
- border-radius: var(--dt-size-450) !important;
14921
+ border-radius: var(--dt-size-radius-450) !important;
14936
14922
  }
14937
14923
  .d-bar16 {
14938
14924
  border-radius: var(--dt-size-radius-500) !important;
@@ -14947,6 +14933,10 @@ body {
14947
14933
  border-top-left-radius: var(--dt-size-radius-0) !important;
14948
14934
  border-top-right-radius: var(--dt-size-radius-0) !important;
14949
14935
  }
14936
+ .d-btr1 {
14937
+ border-top-left-radius: var(--dt-size-radius-100) !important;
14938
+ border-top-right-radius: var(--dt-size-radius-100) !important;
14939
+ }
14950
14940
  .d-btr2 {
14951
14941
  border-top-left-radius: var(--dt-size-radius-200) !important;
14952
14942
  border-top-right-radius: var(--dt-size-radius-200) !important;
@@ -14960,8 +14950,8 @@ body {
14960
14950
  border-top-right-radius: var(--dt-size-radius-400) !important;
14961
14951
  }
14962
14952
  .d-btr12 {
14963
- border-top-left-radius: var(--dt-size-450) !important;
14964
- border-top-right-radius: var(--dt-size-450) !important;
14953
+ border-top-left-radius: var(--dt-size-radius-450) !important;
14954
+ border-top-right-radius: var(--dt-size-radius-450) !important;
14965
14955
  }
14966
14956
  .d-btr16 {
14967
14957
  border-top-left-radius: var(--dt-size-radius-500) !important;
@@ -14979,6 +14969,10 @@ body {
14979
14969
  border-top-right-radius: var(--dt-size-radius-0) !important;
14980
14970
  border-bottom-right-radius: var(--dt-size-radius-0) !important;
14981
14971
  }
14972
+ .d-brr1 {
14973
+ border-top-right-radius: var(--dt-size-radius-100) !important;
14974
+ border-bottom-right-radius: var(--dt-size-radius-100) !important;
14975
+ }
14982
14976
  .d-brr2 {
14983
14977
  border-top-right-radius: var(--dt-size-radius-200) !important;
14984
14978
  border-bottom-right-radius: var(--dt-size-radius-200) !important;
@@ -14992,8 +14986,8 @@ body {
14992
14986
  border-bottom-right-radius: var(--dt-size-radius-400) !important;
14993
14987
  }
14994
14988
  .d-brr12 {
14995
- border-top-right-radius: var(--dt-size-450) !important;
14996
- border-bottom-right-radius: var(--dt-size-450) !important;
14989
+ border-top-right-radius: var(--dt-size-radius-450) !important;
14990
+ border-bottom-right-radius: var(--dt-size-radius-450) !important;
14997
14991
  }
14998
14992
  .d-brr16 {
14999
14993
  border-top-right-radius: var(--dt-size-radius-500) !important;
@@ -15011,6 +15005,10 @@ body {
15011
15005
  border-bottom-left-radius: var(--dt-size-radius-0) !important;
15012
15006
  border-bottom-right-radius: var(--dt-size-radius-0) !important;
15013
15007
  }
15008
+ .d-bbr1 {
15009
+ border-bottom-left-radius: var(--dt-size-radius-100) !important;
15010
+ border-bottom-right-radius: var(--dt-size-radius-100) !important;
15011
+ }
15014
15012
  .d-bbr2 {
15015
15013
  border-bottom-left-radius: var(--dt-size-radius-200) !important;
15016
15014
  border-bottom-right-radius: var(--dt-size-radius-200) !important;
@@ -15024,8 +15022,8 @@ body {
15024
15022
  border-bottom-right-radius: var(--dt-size-radius-400) !important;
15025
15023
  }
15026
15024
  .d-bbr12 {
15027
- border-bottom-left-radius: var(--dt-size-450) !important;
15028
- border-bottom-right-radius: var(--dt-size-450) !important;
15025
+ border-bottom-left-radius: var(--dt-size-radius-450) !important;
15026
+ border-bottom-right-radius: var(--dt-size-radius-450) !important;
15029
15027
  }
15030
15028
  .d-bbr16 {
15031
15029
  border-bottom-left-radius: var(--dt-size-radius-500) !important;
@@ -15043,6 +15041,10 @@ body {
15043
15041
  border-top-left-radius: var(--dt-size-radius-0) !important;
15044
15042
  border-bottom-left-radius: var(--dt-size-radius-0) !important;
15045
15043
  }
15044
+ .d-blr1 {
15045
+ border-top-left-radius: var(--dt-size-radius-100) !important;
15046
+ border-bottom-left-radius: var(--dt-size-radius-100) !important;
15047
+ }
15046
15048
  .d-blr2 {
15047
15049
  border-top-left-radius: var(--dt-size-radius-200) !important;
15048
15050
  border-bottom-left-radius: var(--dt-size-radius-200) !important;
@@ -15056,8 +15058,8 @@ body {
15056
15058
  border-bottom-left-radius: var(--dt-size-radius-400) !important;
15057
15059
  }
15058
15060
  .d-blr12 {
15059
- border-top-left-radius: var(--dt-size-450) !important;
15060
- border-bottom-left-radius: var(--dt-size-450) !important;
15061
+ border-top-left-radius: var(--dt-size-radius-450) !important;
15062
+ border-bottom-left-radius: var(--dt-size-radius-450) !important;
15061
15063
  }
15062
15064
  .d-blr16 {
15063
15065
  border-top-left-radius: var(--dt-size-radius-500) !important;
@@ -15095,6 +15097,9 @@ body {
15095
15097
  .d-g16 {
15096
15098
  gap: var(--dt-space-500) !important;
15097
15099
  }
15100
+ .d-g20 {
15101
+ gap: var(--dt-space-525) !important;
15102
+ }
15098
15103
  .d-g24 {
15099
15104
  gap: var(--dt-space-550) !important;
15100
15105
  }
@@ -15131,6 +15136,9 @@ body {
15131
15136
  .d-rg16 {
15132
15137
  row-gap: var(--dt-space-500) !important;
15133
15138
  }
15139
+ .d-rg20 {
15140
+ row-gap: var(--dt-space-525) !important;
15141
+ }
15134
15142
  .d-rg24 {
15135
15143
  row-gap: var(--dt-space-550) !important;
15136
15144
  }
@@ -15183,6 +15191,11 @@ body {
15183
15191
  -moz-column-gap: var(--dt-space-500) !important;
15184
15192
  column-gap: var(--dt-space-500) !important;
15185
15193
  }
15194
+ .d-cg20 {
15195
+ -webkit-column-gap: var(--dt-space-525) !important;
15196
+ -moz-column-gap: var(--dt-space-525) !important;
15197
+ column-gap: var(--dt-space-525) !important;
15198
+ }
15186
15199
  .d-cg24 {
15187
15200
  -webkit-column-gap: var(--dt-space-550) !important;
15188
15201
  -moz-column-gap: var(--dt-space-550) !important;
@@ -15235,6 +15248,10 @@ body {
15235
15248
  --fl-gap: var(--dt-space-500);
15236
15249
  margin: unset;
15237
15250
  }
15251
+ .d-g20 > * {
15252
+ --fl-gap: var(--dt-space-525);
15253
+ margin: unset;
15254
+ }
15238
15255
  .d-g24 > * {
15239
15256
  --fl-gap: var(--dt-space-550);
15240
15257
  margin: unset;
@@ -15283,6 +15300,10 @@ body {
15283
15300
  --fl-gap: var(--dt-space-500);
15284
15301
  margin: unset;
15285
15302
  }
15303
+ .d-cg20 > * {
15304
+ --fl-gap: var(--dt-space-525);
15305
+ margin: unset;
15306
+ }
15286
15307
  .d-cg24 > * {
15287
15308
  --fl-gap: var(--dt-space-550);
15288
15309
  margin: unset;
@@ -15611,6 +15632,9 @@ body {
15611
15632
  .d-gg16 {
15612
15633
  grid-gap: var(--dt-space-500) !important;
15613
15634
  }
15635
+ .d-gg20 {
15636
+ grid-gap: var(--dt-space-525) !important;
15637
+ }
15614
15638
  .d-gg24 {
15615
15639
  grid-gap: var(--dt-space-550) !important;
15616
15640
  }
@@ -15647,6 +15671,9 @@ body {
15647
15671
  .d-gcg16 {
15648
15672
  grid-column-gap: var(--dt-space-500) !important;
15649
15673
  }
15674
+ .d-gcg20 {
15675
+ grid-column-gap: var(--dt-space-525) !important;
15676
+ }
15650
15677
  .d-gcg24 {
15651
15678
  grid-column-gap: var(--dt-space-550) !important;
15652
15679
  }
@@ -15683,6 +15710,9 @@ body {
15683
15710
  .d-grg16 {
15684
15711
  grid-row-gap: var(--dt-space-500) !important;
15685
15712
  }
15713
+ .d-grg20 {
15714
+ grid-row-gap: var(--dt-space-525) !important;
15715
+ }
15686
15716
  .d-grg24 {
15687
15717
  grid-row-gap: var(--dt-space-550) !important;
15688
15718
  }
@@ -15743,6 +15773,12 @@ body {
15743
15773
  bottom: var(--dt-space-500) !important;
15744
15774
  left: var(--dt-space-500) !important;
15745
15775
  }
15776
+ .d-all20 {
15777
+ top: var(--dt-space-525) !important;
15778
+ right: var(--dt-space-525) !important;
15779
+ bottom: var(--dt-space-525) !important;
15780
+ left: var(--dt-space-525) !important;
15781
+ }
15746
15782
  .d-all24 {
15747
15783
  top: var(--dt-space-550) !important;
15748
15784
  right: var(--dt-space-550) !important;
@@ -15913,6 +15949,10 @@ body {
15913
15949
  right: var(--dt-space-500) !important;
15914
15950
  left: var(--dt-space-500) !important;
15915
15951
  }
15952
+ .d-x20 {
15953
+ right: var(--dt-space-525) !important;
15954
+ left: var(--dt-space-525) !important;
15955
+ }
15916
15956
  .d-x24 {
15917
15957
  right: var(--dt-space-550) !important;
15918
15958
  left: var(--dt-space-550) !important;
@@ -16037,6 +16077,10 @@ body {
16037
16077
  top: var(--dt-space-500) !important;
16038
16078
  bottom: var(--dt-space-500) !important;
16039
16079
  }
16080
+ .d-y20 {
16081
+ top: var(--dt-space-525) !important;
16082
+ bottom: var(--dt-space-525) !important;
16083
+ }
16040
16084
  .d-y24 {
16041
16085
  top: var(--dt-space-550) !important;
16042
16086
  bottom: var(--dt-space-550) !important;
@@ -16153,6 +16197,9 @@ body {
16153
16197
  .d-t16 {
16154
16198
  top: var(--dt-space-500) !important;
16155
16199
  }
16200
+ .d-t20 {
16201
+ top: var(--dt-space-525) !important;
16202
+ }
16156
16203
  .d-t24 {
16157
16204
  top: var(--dt-space-550) !important;
16158
16205
  }
@@ -16246,6 +16293,9 @@ body {
16246
16293
  .d-r16 {
16247
16294
  right: var(--dt-space-500) !important;
16248
16295
  }
16296
+ .d-r20 {
16297
+ right: var(--dt-space-525) !important;
16298
+ }
16249
16299
  .d-r24 {
16250
16300
  right: var(--dt-space-550) !important;
16251
16301
  }
@@ -16339,6 +16389,9 @@ body {
16339
16389
  .d-b16 {
16340
16390
  bottom: var(--dt-space-500) !important;
16341
16391
  }
16392
+ .d-b20 {
16393
+ bottom: var(--dt-space-525) !important;
16394
+ }
16342
16395
  .d-b24 {
16343
16396
  bottom: var(--dt-space-550) !important;
16344
16397
  }
@@ -16432,6 +16485,9 @@ body {
16432
16485
  .d-l16 {
16433
16486
  left: var(--dt-space-500) !important;
16434
16487
  }
16488
+ .d-l20 {
16489
+ left: var(--dt-space-525) !important;
16490
+ }
16435
16491
  .d-l24 {
16436
16492
  left: var(--dt-space-550) !important;
16437
16493
  }
@@ -16525,6 +16581,9 @@ body {
16525
16581
  .d-h16 {
16526
16582
  height: var(--dt-size-500) !important;
16527
16583
  }
16584
+ .d-h20 {
16585
+ height: var(--dt-size-525) !important;
16586
+ }
16528
16587
  .d-h24 {
16529
16588
  height: var(--dt-size-550) !important;
16530
16589
  }
@@ -16624,6 +16683,9 @@ body {
16624
16683
  .d-hmx16 {
16625
16684
  max-height: var(--dt-size-500) !important;
16626
16685
  }
16686
+ .d-hmx20 {
16687
+ max-height: var(--dt-size-525) !important;
16688
+ }
16627
16689
  .d-hmx24 {
16628
16690
  max-height: var(--dt-size-550) !important;
16629
16691
  }
@@ -16723,6 +16785,9 @@ body {
16723
16785
  .d-hmn16 {
16724
16786
  min-height: var(--dt-size-500) !important;
16725
16787
  }
16788
+ .d-hmn20 {
16789
+ min-height: var(--dt-size-525) !important;
16790
+ }
16726
16791
  .d-hmn24 {
16727
16792
  min-height: var(--dt-size-550) !important;
16728
16793
  }
@@ -16822,6 +16887,9 @@ body {
16822
16887
  .d-w16 {
16823
16888
  width: var(--dt-size-500) !important;
16824
16889
  }
16890
+ .d-w20 {
16891
+ width: var(--dt-size-525) !important;
16892
+ }
16825
16893
  .d-w24 {
16826
16894
  width: var(--dt-size-550) !important;
16827
16895
  }
@@ -16921,6 +16989,9 @@ body {
16921
16989
  .d-wmn16 {
16922
16990
  min-width: var(--dt-size-500) !important;
16923
16991
  }
16992
+ .d-wmn20 {
16993
+ min-width: var(--dt-size-525) !important;
16994
+ }
16924
16995
  .d-wmn24 {
16925
16996
  min-width: var(--dt-size-550) !important;
16926
16997
  }
@@ -17020,6 +17091,9 @@ body {
17020
17091
  .d-wmx16 {
17021
17092
  max-width: var(--dt-size-500) !important;
17022
17093
  }
17094
+ .d-wmx20 {
17095
+ max-width: var(--dt-size-525) !important;
17096
+ }
17023
17097
  .d-wmx24 {
17024
17098
  max-width: var(--dt-size-550) !important;
17025
17099
  }
@@ -17119,6 +17193,9 @@ body {
17119
17193
  .d-m16 {
17120
17194
  margin: var(--dt-space-500) !important;
17121
17195
  }
17196
+ .d-m20 {
17197
+ margin: var(--dt-space-525) !important;
17198
+ }
17122
17199
  .d-m24 {
17123
17200
  margin: var(--dt-space-550) !important;
17124
17201
  }
@@ -17208,6 +17285,10 @@ body {
17208
17285
  margin-left: var(--dt-space-500) !important;
17209
17286
  margin-right: var(--dt-space-500) !important;
17210
17287
  }
17288
+ .d-mx20 {
17289
+ margin-left: var(--dt-space-525) !important;
17290
+ margin-right: var(--dt-space-525) !important;
17291
+ }
17211
17292
  .d-mx24 {
17212
17293
  margin-left: var(--dt-space-550) !important;
17213
17294
  margin-right: var(--dt-space-550) !important;
@@ -17316,6 +17397,10 @@ body {
17316
17397
  margin-top: var(--dt-space-500) !important;
17317
17398
  margin-bottom: var(--dt-space-500) !important;
17318
17399
  }
17400
+ .d-my20 {
17401
+ margin-top: var(--dt-space-525) !important;
17402
+ margin-bottom: var(--dt-space-525) !important;
17403
+ }
17319
17404
  .d-my24 {
17320
17405
  margin-top: var(--dt-space-550) !important;
17321
17406
  margin-bottom: var(--dt-space-550) !important;
@@ -17416,6 +17501,9 @@ body {
17416
17501
  .d-mt16 {
17417
17502
  margin-top: var(--dt-space-500) !important;
17418
17503
  }
17504
+ .d-mt20 {
17505
+ margin-top: var(--dt-space-525) !important;
17506
+ }
17419
17507
  .d-mt24 {
17420
17508
  margin-top: var(--dt-space-550) !important;
17421
17509
  }
@@ -17497,6 +17585,9 @@ body {
17497
17585
  .d-mr16 {
17498
17586
  margin-right: var(--dt-space-500) !important;
17499
17587
  }
17588
+ .d-mr20 {
17589
+ margin-right: var(--dt-space-525) !important;
17590
+ }
17500
17591
  .d-mr24 {
17501
17592
  margin-right: var(--dt-space-550) !important;
17502
17593
  }
@@ -17578,6 +17669,9 @@ body {
17578
17669
  .d-mb16 {
17579
17670
  margin-bottom: var(--dt-space-500) !important;
17580
17671
  }
17672
+ .d-mb20 {
17673
+ margin-bottom: var(--dt-space-525) !important;
17674
+ }
17581
17675
  .d-mb24 {
17582
17676
  margin-bottom: var(--dt-space-550) !important;
17583
17677
  }
@@ -17659,6 +17753,9 @@ body {
17659
17753
  .d-ml16 {
17660
17754
  margin-left: var(--dt-space-500) !important;
17661
17755
  }
17756
+ .d-ml20 {
17757
+ margin-left: var(--dt-space-525) !important;
17758
+ }
17662
17759
  .d-ml24 {
17663
17760
  margin-left: var(--dt-space-550) !important;
17664
17761
  }
@@ -17740,6 +17837,9 @@ body {
17740
17837
  .d-p16 {
17741
17838
  padding: var(--dt-space-500) !important;
17742
17839
  }
17840
+ .d-p20 {
17841
+ padding: var(--dt-space-525) !important;
17842
+ }
17743
17843
  .d-p24 {
17744
17844
  padding: var(--dt-space-550) !important;
17745
17845
  }
@@ -17790,6 +17890,10 @@ body {
17790
17890
  padding-left: var(--dt-space-500) !important;
17791
17891
  padding-right: var(--dt-space-500) !important;
17792
17892
  }
17893
+ .d-px20 {
17894
+ padding-left: var(--dt-space-525) !important;
17895
+ padding-right: var(--dt-space-525) !important;
17896
+ }
17793
17897
  .d-px24 {
17794
17898
  padding-left: var(--dt-space-550) !important;
17795
17899
  padding-right: var(--dt-space-550) !important;
@@ -17846,6 +17950,10 @@ body {
17846
17950
  padding-top: var(--dt-space-500) !important;
17847
17951
  padding-bottom: var(--dt-space-500) !important;
17848
17952
  }
17953
+ .d-py20 {
17954
+ padding-top: var(--dt-space-525) !important;
17955
+ padding-bottom: var(--dt-space-525) !important;
17956
+ }
17849
17957
  .d-py24 {
17850
17958
  padding-top: var(--dt-space-550) !important;
17851
17959
  padding-bottom: var(--dt-space-550) !important;
@@ -17894,6 +18002,9 @@ body {
17894
18002
  .d-pt16 {
17895
18003
  padding-top: var(--dt-space-500) !important;
17896
18004
  }
18005
+ .d-pt20 {
18006
+ padding-top: var(--dt-space-525) !important;
18007
+ }
17897
18008
  .d-pt24 {
17898
18009
  padding-top: var(--dt-space-550) !important;
17899
18010
  }
@@ -17936,6 +18047,9 @@ body {
17936
18047
  .d-pr16 {
17937
18048
  padding-right: var(--dt-space-500) !important;
17938
18049
  }
18050
+ .d-pr20 {
18051
+ padding-right: var(--dt-space-525) !important;
18052
+ }
17939
18053
  .d-pr24 {
17940
18054
  padding-right: var(--dt-space-550) !important;
17941
18055
  }
@@ -17978,6 +18092,9 @@ body {
17978
18092
  .d-pb16 {
17979
18093
  padding-bottom: var(--dt-space-500) !important;
17980
18094
  }
18095
+ .d-pb20 {
18096
+ padding-bottom: var(--dt-space-525) !important;
18097
+ }
17981
18098
  .d-pb24 {
17982
18099
  padding-bottom: var(--dt-space-550) !important;
17983
18100
  }
@@ -18020,6 +18137,9 @@ body {
18020
18137
  .d-pl16 {
18021
18138
  padding-left: var(--dt-space-500) !important;
18022
18139
  }
18140
+ .d-pl20 {
18141
+ padding-left: var(--dt-space-525) !important;
18142
+ }
18023
18143
  .d-pl24 {
18024
18144
  padding-left: var(--dt-space-550) !important;
18025
18145
  }