@dialpad/dialtone 9.123.2 → 9.125.0

package/dist/css/dialtone.css

@@ -5765,119 +5765,96 @@ legend .d-label--md {
   border-style: unset !important;
 }
 .d-baw0 {
-  border-width: 0 !important;
+  border-width: var(--dt-size-border-0) !important;
 }
 .d-baw1 {
-  border-width: var(--dt-size-100) !important;
+  border-width: var(--dt-size-border-100) !important;
 }
 .d-baw2 {
-  border-width: var(--dt-size-200) !important;
+  border-width: var(--dt-size-border-200) !important;
 }
 .d-baw4 {
-  border-width: var(--dt-size-300) !important;
-}
-.d-baw6 {
-  border-width: var(--dt-size-350) !important;
+  border-width: var(--dt-size-border-300) !important;
 }
 .d-btw0 {
-  border-top-width: 0 !important;
+  border-top-width: var(--dt-size-border-0) !important;
 }
 .d-btw1 {
-  border-top-width: var(--dt-size-100) !important;
+  border-top-width: var(--dt-size-border-100) !important;
 }
 .d-btw2 {
-  border-top-width: var(--dt-size-200) !important;
+  border-top-width: var(--dt-size-border-200) !important;
 }
 .d-btw4 {
-  border-top-width: var(--dt-size-300) !important;
-}
-.d-btw6 {
-  border-top-width: var(--dt-size-350) !important;
+  border-top-width: var(--dt-size-border-300) !important;
 }
 .d-brw0 {
-  border-right-width: 0 !important;
+  border-right-width: var(--dt-size-border-0) !important;
 }
 .d-brw1 {
-  border-right-width: var(--dt-size-100) !important;
+  border-right-width: var(--dt-size-border-100) !important;
 }
 .d-brw2 {
-  border-right-width: var(--dt-size-200) !important;
+  border-right-width: var(--dt-size-border-200) !important;
 }
 .d-brw4 {
-  border-right-width: var(--dt-size-300) !important;
-}
-.d-brw6 {
-  border-right-width: var(--dt-size-350) !important;
+  border-right-width: var(--dt-size-border-300) !important;
 }
 .d-bbw0 {
-  border-bottom-width: 0 !important;
+  border-bottom-width: var(--dt-size-border-0) !important;
 }
 .d-bbw1 {
-  border-bottom-width: var(--dt-size-100) !important;
+  border-bottom-width: var(--dt-size-border-100) !important;
 }
 .d-bbw2 {
-  border-bottom-width: var(--dt-size-200) !important;
+  border-bottom-width: var(--dt-size-border-200) !important;
 }
 .d-bbw4 {
-  border-bottom-width: var(--dt-size-300) !important;
-}
-.d-bbw6 {
-  border-bottom-width: var(--dt-size-350) !important;
+  border-bottom-width: var(--dt-size-border-300) !important;
 }
 .d-blw0 {
-  border-left-width: 0 !important;
+  border-left-width: var(--dt-size-border-0) !important;
 }
 .d-blw1 {
-  border-left-width: var(--dt-size-100) !important;
+  border-left-width: var(--dt-size-border-100) !important;
 }
 .d-blw2 {
-  border-left-width: var(--dt-size-200) !important;
+  border-left-width: var(--dt-size-border-200) !important;
 }
 .d-blw4 {
-  border-left-width: var(--dt-size-300) !important;
-}
-.d-blw6 {
-  border-left-width: var(--dt-size-350) !important;
+  border-left-width: var(--dt-size-border-300) !important;
 }
 .d-bxw0 {
-  border-right-width: 0 !important;
-  border-left-width: 0 !important;
+  border-right-width: var(--dt-size-border-0) !important;
+  border-left-width: var(--dt-size-border-0) !important;
 }
 .d-bxw1 {
-  border-right-width: var(--dt-size-100) !important;
-  border-left-width: var(--dt-size-100) !important;
+  border-right-width: var(--dt-size-border-100) !important;
+  border-left-width: var(--dt-size-border-100) !important;
 }
 .d-bxw2 {
-  border-right-width: var(--dt-size-200) !important;
-  border-left-width: var(--dt-size-200) !important;
+  border-right-width: var(--dt-size-border-200) !important;
+  border-left-width: var(--dt-size-border-200) !important;
 }
 .d-bxw4 {
-  border-right-width: var(--dt-size-300) !important;
-  border-left-width: var(--dt-size-300) !important;
-}
-.d-bxw6 {
-  border-right-width: var(--dt-size-350) !important;
-  border-left-width: var(--dt-size-350) !important;
+  border-right-width: var(--dt-size-border-300) !important;
+  border-left-width: var(--dt-size-border-300) !important;
 }
 .d-byw0 {
-  border-top-width: 0 !important;
-  border-bottom-width: 0 !important;
+  border-top-width: var(--dt-size-border-0) !important;
+  border-bottom-width: var(--dt-size-border-0) !important;
 }
 .d-byw1 {
-  border-top-width: var(--dt-size-100) !important;
-  border-bottom-width: var(--dt-size-100) !important;
+  border-top-width: var(--dt-size-border-100) !important;
+  border-bottom-width: var(--dt-size-border-100) !important;
 }
 .d-byw2 {
-  border-top-width: var(--dt-size-200) !important;
-  border-bottom-width: var(--dt-size-200) !important;
+  border-top-width: var(--dt-size-border-200) !important;
+  border-bottom-width: var(--dt-size-border-200) !important;
 }
 .d-byw4 {
-  border-top-width: var(--dt-size-300) !important;
-  border-bottom-width: var(--dt-size-300) !important;
-}
-.d-byw6 {
-  border-top-width: var(--dt-size-350) !important;
-  border-bottom-width: var(--dt-size-350) !important;
+  border-top-width: var(--dt-size-border-300) !important;
+  border-bottom-width: var(--dt-size-border-300) !important;
 }
 .d-divide-y > * + * {
   --divide-y-reverse: 0;
@@ -7804,6 +7781,9 @@ legend .d-label--md {
 .d-stack16 > * + * {
   margin-top: var(--dt-space-500) !important;
 }
+.d-stack20 > * + * {
+  margin-top: var(--dt-space-525) !important;
+}
 .d-stack24 > * + * {
   margin-top: var(--dt-space-550) !important;
 }
@@ -7858,6 +7838,9 @@ legend .d-label--md {
 .d-flow16 > * + * {
   margin-left: var(--dt-space-500) !important;
 }
+.d-flow20 > * + * {
+  margin-left: var(--dt-space-525) !important;
+}
 .d-flow24 > * + * {
   margin-left: var(--dt-space-550) !important;
 }
@@ -14922,6 +14905,9 @@ body {
 .d-bar0 {
   border-radius: var(--dt-size-radius-0) !important;
 }
+.d-bar1 {
+  border-radius: var(--dt-size-radius-100) !important;
+}
 .d-bar2 {
   border-radius: var(--dt-size-radius-200) !important;
 }
@@ -14932,7 +14918,7 @@ body {
   border-radius: var(--dt-size-radius-400) !important;
 }
 .d-bar12 {
-  border-radius: var(--dt-size-450) !important;
+  border-radius: var(--dt-size-radius-450) !important;
 }
 .d-bar16 {
   border-radius: var(--dt-size-radius-500) !important;
@@ -14947,6 +14933,10 @@ body {
   border-top-left-radius: var(--dt-size-radius-0) !important;
   border-top-right-radius: var(--dt-size-radius-0) !important;
 }
+.d-btr1 {
+  border-top-left-radius: var(--dt-size-radius-100) !important;
+  border-top-right-radius: var(--dt-size-radius-100) !important;
+}
 .d-btr2 {
   border-top-left-radius: var(--dt-size-radius-200) !important;
   border-top-right-radius: var(--dt-size-radius-200) !important;
@@ -14960,8 +14950,8 @@ body {
   border-top-right-radius: var(--dt-size-radius-400) !important;
 }
 .d-btr12 {
-  border-top-left-radius: var(--dt-size-450) !important;
-  border-top-right-radius: var(--dt-size-450) !important;
+  border-top-left-radius: var(--dt-size-radius-450) !important;
+  border-top-right-radius: var(--dt-size-radius-450) !important;
 }
 .d-btr16 {
   border-top-left-radius: var(--dt-size-radius-500) !important;
@@ -14979,6 +14969,10 @@ body {
   border-top-right-radius: var(--dt-size-radius-0) !important;
   border-bottom-right-radius: var(--dt-size-radius-0) !important;
 }
+.d-brr1 {
+  border-top-right-radius: var(--dt-size-radius-100) !important;
+  border-bottom-right-radius: var(--dt-size-radius-100) !important;
+}
 .d-brr2 {
   border-top-right-radius: var(--dt-size-radius-200) !important;
   border-bottom-right-radius: var(--dt-size-radius-200) !important;
@@ -14992,8 +14986,8 @@ body {
   border-bottom-right-radius: var(--dt-size-radius-400) !important;
 }
 .d-brr12 {
-  border-top-right-radius: var(--dt-size-450) !important;
-  border-bottom-right-radius: var(--dt-size-450) !important;
+  border-top-right-radius: var(--dt-size-radius-450) !important;
+  border-bottom-right-radius: var(--dt-size-radius-450) !important;
 }
 .d-brr16 {
   border-top-right-radius: var(--dt-size-radius-500) !important;
@@ -15011,6 +15005,10 @@ body {
   border-bottom-left-radius: var(--dt-size-radius-0) !important;
   border-bottom-right-radius: var(--dt-size-radius-0) !important;
 }
+.d-bbr1 {
+  border-bottom-left-radius: var(--dt-size-radius-100) !important;
+  border-bottom-right-radius: var(--dt-size-radius-100) !important;
+}
 .d-bbr2 {
   border-bottom-left-radius: var(--dt-size-radius-200) !important;
   border-bottom-right-radius: var(--dt-size-radius-200) !important;
@@ -15024,8 +15022,8 @@ body {
   border-bottom-right-radius: var(--dt-size-radius-400) !important;
 }
 .d-bbr12 {
-  border-bottom-left-radius: var(--dt-size-450) !important;
-  border-bottom-right-radius: var(--dt-size-450) !important;
+  border-bottom-left-radius: var(--dt-size-radius-450) !important;
+  border-bottom-right-radius: var(--dt-size-radius-450) !important;
 }
 .d-bbr16 {
   border-bottom-left-radius: var(--dt-size-radius-500) !important;
@@ -15043,6 +15041,10 @@ body {
   border-top-left-radius: var(--dt-size-radius-0) !important;
   border-bottom-left-radius: var(--dt-size-radius-0) !important;
 }
+.d-blr1 {
+  border-top-left-radius: var(--dt-size-radius-100) !important;
+  border-bottom-left-radius: var(--dt-size-radius-100) !important;
+}
 .d-blr2 {
   border-top-left-radius: var(--dt-size-radius-200) !important;
   border-bottom-left-radius: var(--dt-size-radius-200) !important;
@@ -15056,8 +15058,8 @@ body {
   border-bottom-left-radius: var(--dt-size-radius-400) !important;
 }
 .d-blr12 {
-  border-top-left-radius: var(--dt-size-450) !important;
-  border-bottom-left-radius: var(--dt-size-450) !important;
+  border-top-left-radius: var(--dt-size-radius-450) !important;
+  border-bottom-left-radius: var(--dt-size-radius-450) !important;
 }
 .d-blr16 {
   border-top-left-radius: var(--dt-size-radius-500) !important;
@@ -15095,6 +15097,9 @@ body {
 .d-g16 {
   gap: var(--dt-space-500) !important;
 }
+.d-g20 {
+  gap: var(--dt-space-525) !important;
+}
 .d-g24 {
   gap: var(--dt-space-550) !important;
 }
@@ -15131,6 +15136,9 @@ body {
 .d-rg16 {
   row-gap: var(--dt-space-500) !important;
 }
+.d-rg20 {
+  row-gap: var(--dt-space-525) !important;
+}
 .d-rg24 {
   row-gap: var(--dt-space-550) !important;
 }
@@ -15183,6 +15191,11 @@ body {
      -moz-column-gap: var(--dt-space-500) !important;
           column-gap: var(--dt-space-500) !important;
 }
+.d-cg20 {
+  -webkit-column-gap: var(--dt-space-525) !important;
+     -moz-column-gap: var(--dt-space-525) !important;
+          column-gap: var(--dt-space-525) !important;
+}
 .d-cg24 {
   -webkit-column-gap: var(--dt-space-550) !important;
      -moz-column-gap: var(--dt-space-550) !important;
@@ -15235,6 +15248,10 @@ body {
   --fl-gap: var(--dt-space-500);
   margin: unset;
 }
+.d-g20 > * {
+  --fl-gap: var(--dt-space-525);
+  margin: unset;
+}
 .d-g24 > * {
   --fl-gap: var(--dt-space-550);
   margin: unset;
@@ -15283,6 +15300,10 @@ body {
   --fl-gap: var(--dt-space-500);
   margin: unset;
 }
+.d-cg20 > * {
+  --fl-gap: var(--dt-space-525);
+  margin: unset;
+}
 .d-cg24 > * {
   --fl-gap: var(--dt-space-550);
   margin: unset;
@@ -15611,6 +15632,9 @@ body {
 .d-gg16 {
   grid-gap: var(--dt-space-500) !important;
 }
+.d-gg20 {
+  grid-gap: var(--dt-space-525) !important;
+}
 .d-gg24 {
   grid-gap: var(--dt-space-550) !important;
 }
@@ -15647,6 +15671,9 @@ body {
 .d-gcg16 {
   grid-column-gap: var(--dt-space-500) !important;
 }
+.d-gcg20 {
+  grid-column-gap: var(--dt-space-525) !important;
+}
 .d-gcg24 {
   grid-column-gap: var(--dt-space-550) !important;
 }
@@ -15683,6 +15710,9 @@ body {
 .d-grg16 {
   grid-row-gap: var(--dt-space-500) !important;
 }
+.d-grg20 {
+  grid-row-gap: var(--dt-space-525) !important;
+}
 .d-grg24 {
   grid-row-gap: var(--dt-space-550) !important;
 }
@@ -15743,6 +15773,12 @@ body {
   bottom: var(--dt-space-500) !important;
   left: var(--dt-space-500) !important;
 }
+.d-all20 {
+  top: var(--dt-space-525) !important;
+  right: var(--dt-space-525) !important;
+  bottom: var(--dt-space-525) !important;
+  left: var(--dt-space-525) !important;
+}
 .d-all24 {
   top: var(--dt-space-550) !important;
   right: var(--dt-space-550) !important;
@@ -15913,6 +15949,10 @@ body {
   right: var(--dt-space-500) !important;
   left: var(--dt-space-500) !important;
 }
+.d-x20 {
+  right: var(--dt-space-525) !important;
+  left: var(--dt-space-525) !important;
+}
 .d-x24 {
   right: var(--dt-space-550) !important;
   left: var(--dt-space-550) !important;
@@ -16037,6 +16077,10 @@ body {
   top: var(--dt-space-500) !important;
   bottom: var(--dt-space-500) !important;
 }
+.d-y20 {
+  top: var(--dt-space-525) !important;
+  bottom: var(--dt-space-525) !important;
+}
 .d-y24 {
   top: var(--dt-space-550) !important;
   bottom: var(--dt-space-550) !important;
@@ -16153,6 +16197,9 @@ body {
 .d-t16 {
   top: var(--dt-space-500) !important;
 }
+.d-t20 {
+  top: var(--dt-space-525) !important;
+}
 .d-t24 {
   top: var(--dt-space-550) !important;
 }
@@ -16246,6 +16293,9 @@ body {
 .d-r16 {
   right: var(--dt-space-500) !important;
 }
+.d-r20 {
+  right: var(--dt-space-525) !important;
+}
 .d-r24 {
   right: var(--dt-space-550) !important;
 }
@@ -16339,6 +16389,9 @@ body {
 .d-b16 {
   bottom: var(--dt-space-500) !important;
 }
+.d-b20 {
+  bottom: var(--dt-space-525) !important;
+}
 .d-b24 {
   bottom: var(--dt-space-550) !important;
 }
@@ -16432,6 +16485,9 @@ body {
 .d-l16 {
   left: var(--dt-space-500) !important;
 }
+.d-l20 {
+  left: var(--dt-space-525) !important;
+}
 .d-l24 {
   left: var(--dt-space-550) !important;
 }
@@ -16525,6 +16581,9 @@ body {
 .d-h16 {
   height: var(--dt-size-500) !important;
 }
+.d-h20 {
+  height: var(--dt-size-525) !important;
+}
 .d-h24 {
   height: var(--dt-size-550) !important;
 }
@@ -16624,6 +16683,9 @@ body {
 .d-hmx16 {
   max-height: var(--dt-size-500) !important;
 }
+.d-hmx20 {
+  max-height: var(--dt-size-525) !important;
+}
 .d-hmx24 {
   max-height: var(--dt-size-550) !important;
 }
@@ -16723,6 +16785,9 @@ body {
 .d-hmn16 {
   min-height: var(--dt-size-500) !important;
 }
+.d-hmn20 {
+  min-height: var(--dt-size-525) !important;
+}
 .d-hmn24 {
   min-height: var(--dt-size-550) !important;
 }
@@ -16822,6 +16887,9 @@ body {
 .d-w16 {
   width: var(--dt-size-500) !important;
 }
+.d-w20 {
+  width: var(--dt-size-525) !important;
+}
 .d-w24 {
   width: var(--dt-size-550) !important;
 }
@@ -16921,6 +16989,9 @@ body {
 .d-wmn16 {
   min-width: var(--dt-size-500) !important;
 }
+.d-wmn20 {
+  min-width: var(--dt-size-525) !important;
+}
 .d-wmn24 {
   min-width: var(--dt-size-550) !important;
 }
@@ -17020,6 +17091,9 @@ body {
 .d-wmx16 {
   max-width: var(--dt-size-500) !important;
 }
+.d-wmx20 {
+  max-width: var(--dt-size-525) !important;
+}
 .d-wmx24 {
   max-width: var(--dt-size-550) !important;
 }
@@ -17119,6 +17193,9 @@ body {
 .d-m16 {
   margin: var(--dt-space-500) !important;
 }
+.d-m20 {
+  margin: var(--dt-space-525) !important;
+}
 .d-m24 {
   margin: var(--dt-space-550) !important;
 }
@@ -17208,6 +17285,10 @@ body {
   margin-left: var(--dt-space-500) !important;
   margin-right: var(--dt-space-500) !important;
 }
+.d-mx20 {
+  margin-left: var(--dt-space-525) !important;
+  margin-right: var(--dt-space-525) !important;
+}
 .d-mx24 {
   margin-left: var(--dt-space-550) !important;
   margin-right: var(--dt-space-550) !important;
@@ -17316,6 +17397,10 @@ body {
   margin-top: var(--dt-space-500) !important;
   margin-bottom: var(--dt-space-500) !important;
 }
+.d-my20 {
+  margin-top: var(--dt-space-525) !important;
+  margin-bottom: var(--dt-space-525) !important;
+}
 .d-my24 {
   margin-top: var(--dt-space-550) !important;
   margin-bottom: var(--dt-space-550) !important;
@@ -17416,6 +17501,9 @@ body {
 .d-mt16 {
   margin-top: var(--dt-space-500) !important;
 }
+.d-mt20 {
+  margin-top: var(--dt-space-525) !important;
+}
 .d-mt24 {
   margin-top: var(--dt-space-550) !important;
 }
@@ -17497,6 +17585,9 @@ body {
 .d-mr16 {
   margin-right: var(--dt-space-500) !important;
 }
+.d-mr20 {
+  margin-right: var(--dt-space-525) !important;
+}
 .d-mr24 {
   margin-right: var(--dt-space-550) !important;
 }
@@ -17578,6 +17669,9 @@ body {
 .d-mb16 {
   margin-bottom: var(--dt-space-500) !important;
 }
+.d-mb20 {
+  margin-bottom: var(--dt-space-525) !important;
+}
 .d-mb24 {
   margin-bottom: var(--dt-space-550) !important;
 }
@@ -17659,6 +17753,9 @@ body {
 .d-ml16 {
   margin-left: var(--dt-space-500) !important;
 }
+.d-ml20 {
+  margin-left: var(--dt-space-525) !important;
+}
 .d-ml24 {
   margin-left: var(--dt-space-550) !important;
 }
@@ -17740,6 +17837,9 @@ body {
 .d-p16 {
   padding: var(--dt-space-500) !important;
 }
+.d-p20 {
+  padding: var(--dt-space-525) !important;
+}
 .d-p24 {
   padding: var(--dt-space-550) !important;
 }
@@ -17790,6 +17890,10 @@ body {
   padding-left: var(--dt-space-500) !important;
   padding-right: var(--dt-space-500) !important;
 }
+.d-px20 {
+  padding-left: var(--dt-space-525) !important;
+  padding-right: var(--dt-space-525) !important;
+}
 .d-px24 {
   padding-left: var(--dt-space-550) !important;
   padding-right: var(--dt-space-550) !important;
@@ -17846,6 +17950,10 @@ body {
   padding-top: var(--dt-space-500) !important;
   padding-bottom: var(--dt-space-500) !important;
 }
+.d-py20 {
+  padding-top: var(--dt-space-525) !important;
+  padding-bottom: var(--dt-space-525) !important;
+}
 .d-py24 {
   padding-top: var(--dt-space-550) !important;
   padding-bottom: var(--dt-space-550) !important;
@@ -17894,6 +18002,9 @@ body {
 .d-pt16 {
   padding-top: var(--dt-space-500) !important;
 }
+.d-pt20 {
+  padding-top: var(--dt-space-525) !important;
+}
 .d-pt24 {
   padding-top: var(--dt-space-550) !important;
 }
@@ -17936,6 +18047,9 @@ body {
 .d-pr16 {
   padding-right: var(--dt-space-500) !important;
 }
+.d-pr20 {
+  padding-right: var(--dt-space-525) !important;
+}
 .d-pr24 {
   padding-right: var(--dt-space-550) !important;
 }
@@ -17978,6 +18092,9 @@ body {
 .d-pb16 {
   padding-bottom: var(--dt-space-500) !important;
 }
+.d-pb20 {
+  padding-bottom: var(--dt-space-525) !important;
+}
 .d-pb24 {
   padding-bottom: var(--dt-space-550) !important;
 }
@@ -18020,6 +18137,9 @@ body {
 .d-pl16 {
   padding-left: var(--dt-space-500) !important;
 }
+.d-pl20 {
+  padding-left: var(--dt-space-525) !important;
+}
 .d-pl24 {
   padding-left: var(--dt-space-550) !important;
 }