@dialpad/dialtone-css 8.45.3 → 8.46.2

package/lib/build/less/utilities/borders.less

@@ -27,7 +27,9 @@
 .d-br { border-right: var(--dt-size-100) solid !important; }
 .d-bb { border-bottom: var(--dt-size-100) solid !important; }
 .d-bl { border-left: var(--dt-size-100) solid !important; }
+
 .d-bx { .d-br(); .d-bl(); }
+
 .d-by { .d-bt(); .d-bb(); }
 .d-ba-none { border: none !important; }
 .d-ba-unset { border: unset !important; }
@@ -43,23 +45,51 @@
 
 //  $$ TOP
 //  ----------------------------------------------------------------------------
-.d-btr-circle { border-top-left-radius: var(--dt-size-radius-circle) !important; border-top-right-radius: var(--dt-size-radius-circle) !important; }
-.d-btr-pill { border-top-left-radius: var(--dt-size-radius-pill) !important; border-top-right-radius: var(--dt-size-radius-pill) !important; }
+.d-btr-circle {
+    border-top-left-radius: var(--dt-size-radius-circle) !important;
+    border-top-right-radius: var(--dt-size-radius-circle) !important;
+}
+
+.d-btr-pill {
+    border-top-left-radius: var(--dt-size-radius-pill) !important;
+    border-top-right-radius: var(--dt-size-radius-pill) !important;
+}
 
 //  $$ RIGHT
 //  ----------------------------------------------------------------------------
-.d-brr-circle { border-top-right-radius: var(--dt-size-radius-circle) !important; border-bottom-right-radius: var(--dt-size-radius-circle) !important; }
-.d-brr-pill { border-top-right-radius: var(--dt-size-radius-pill) !important; border-bottom-right-radius: var(--dt-size-radius-pill) !important; }
+.d-brr-circle {
+    border-top-right-radius: var(--dt-size-radius-circle) !important;
+    border-bottom-right-radius: var(--dt-size-radius-circle) !important;
+}
+
+.d-brr-pill {
+    border-top-right-radius: var(--dt-size-radius-pill) !important;
+    border-bottom-right-radius: var(--dt-size-radius-pill) !important;
+}
 
 //  $$ BOTTOM
 //  ----------------------------------------------------------------------------
-.d-bbr-circle { border-bottom-right-radius: var(--dt-size-radius-circle) !important; border-bottom-left-radius: var(--dt-size-radius-circle) !important; }
-.d-bbr-pill { border-bottom-right-radius: var(--dt-size-radius-pill) !important; border-bottom-left-radius: var(--dt-size-radius-pill) !important; }
+.d-bbr-circle {
+    border-bottom-right-radius: var(--dt-size-radius-circle) !important;
+     border-bottom-left-radius: var(--dt-size-radius-circle) !important;
+    }
+
+.d-bbr-pill {
+    border-bottom-right-radius: var(--dt-size-radius-pill) !important;
+    border-bottom-left-radius: var(--dt-size-radius-pill) !important;
+ }
 
 //  $$ RIGHT
 //  ----------------------------------------------------------------------------
-.d-blr-circle { border-top-left-radius: var(--dt-size-radius-circle) !important; border-bottom-left-radius: var(--dt-size-radius-circle) !important; }
-.d-blr-pill { border-top-left-radius: var(--dt-size-radius-pill) !important; border-bottom-left-radius: var(--dt-size-radius-pill) !important; }
+.d-blr-circle {
+    border-top-left-radius: var(--dt-size-radius-circle) !important;
+    border-bottom-left-radius: var(--dt-size-radius-circle) !important;
+}
+
+.d-blr-pill {
+    border-top-left-radius: var(--dt-size-radius-pill) !important;
+    border-bottom-left-radius: var(--dt-size-radius-pill) !important;
+}
 
 
 //  $$ STYLE

package/lib/build/less/utilities/colors.less

@@ -19,11 +19,18 @@
 
 //  $$  BACKGROUND/SURFACE COLORS
 //  ----------------------------------------------------------------------------
-.d-bgc-transparent { background-color: transparent !important; background-image: none !important; }
-.d-bgc-unset { background-color: unset !important; background-image: unset !important; }
+.d-bgc-transparent {
+  background-color: transparent !important;
+  background-image: none !important;
+}
+
+.d-bgc-unset {
+  background-color: unset !important;
+  background-image: unset !important;
+}
 
 //  $$  BORDER COLORS
 //  ----------------------------------------------------------------------------
 .d-bc-transparent { border-color: transparent !important; }
 .d-bc-current { border-color: currentColor !important; }
-.d-bc-unset { border-color: unset !important; }
+.d-bc-unset { border-color: unset !important; }

package/lib/build/less/utilities/effects.less

@@ -33,6 +33,7 @@
 
 //  $$   DIALPAD BAR ANIMATION
 //  ----------------------------------------------------------------------------
+/* stylelint-disable-next-line keyframes-name-pattern */
 @keyframes d-loading-bars__short {
   0% {
     min-height: var(--dt-size-300);
@@ -84,6 +85,7 @@
   }
 }
 
+/* stylelint-disable-next-line keyframes-name-pattern */
 @keyframes d-loading-bars__tall {
   0% {
     min-height: var(--dt-size-300);
@@ -174,10 +176,7 @@
 //  $   TRANSITION
 //  ----------------------------------------------------------------------------
 .d-t {
-    transition-delay: 0s;
-    transition-timing-function: var(--ttf-in-out);
-    transition-duration: var(--td50);
-    transition-property: all;
+    transition: all var(--td50) var(--ttf-in-out) 0s;
 }
 
 //  --  TRANSITION DURATION

package/lib/build/less/utilities/interactivity.less

@@ -42,9 +42,20 @@
 //      Sets the style, width, color, and other characteristics
 //      elements' outlines. These shouldn't be confused with borders.
 //  ----------------------------------------------------------------------------
-.d-ol-focusring { box-shadow: var(--dt-shadow-focus) !important; outline: none !important; }
-.d-ol-focusring-inset { box-shadow: var(--dt-shadow-focus-inset) !important; outline: none !important; }
-.d-ol-none { box-shadow: none !important; outline: none !important; }
+.d-ol-focusring {
+  outline: none !important;
+  box-shadow: var(--dt-shadow-focus) !important;
+}
+
+.d-ol-focusring-inset {
+  outline: none !important;
+  box-shadow: var(--dt-shadow-focus-inset) !important;
+ }
+
+.d-ol-none {
+  outline: none !important;
+  box-shadow: none !important;
+}
 
 //============================================================================
 //  $   POINTER EVENTS

package/lib/build/less/utilities/layout.less

@@ -114,10 +114,10 @@
 
 .d-vi-visible-sr {
   position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
+  width: var(--dt-size-100);
+  height: var(--dt-size-100);
+  margin: var(--dt-space-100-negative);
+  padding: var(--dt-space-0);
   overflow: hidden;
   word-wrap: normal;
   border: none;

package/lib/build/less/utilities/spacing.less

@@ -82,11 +82,25 @@
 .d-ml-auto { margin-left: auto !important; }
 .d-ml-unset { margin-left: unset !important; }
 
-.d-mx-auto { margin-right: auto !important; margin-left: auto !important; }
-.d-mx-unset { margin-right: unset !important; margin-left: unset !important; }
+.d-mx-auto {
+  margin-right: auto !important;
+  margin-left: auto !important;
+}
 
-.d-my-auto { margin-top: auto !important; margin-bottom: auto !important; }
-.d-my-unset { margin-top: unset !important; margin-bottom: unset !important; }
+.d-mx-unset {
+  margin-right: unset !important;
+  margin-left: unset !important;
+}
+
+.d-my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+ }
+
+.d-my-unset {
+  margin-top: unset !important;
+  margin-bottom: unset !important;
+}
 
 
 //  ============================================================================
@@ -102,9 +116,15 @@
 
 .d-pl-unset { padding-left: unset !important; }
 
-.d-px-unset { padding-right: unset !important; padding-left: unset !important; }
+.d-px-unset {
+  padding-right: unset !important;
+  padding-left: unset !important;
+}
 
-.d-py-unset { padding-top: unset !important; padding-bottom: unset !important; }
+.d-py-unset {
+  padding-top: unset !important;
+  padding-bottom: unset !important;
+}
 
 //  ============================================================================
 //  $   GAP
@@ -114,4 +134,4 @@
 //  ----------------------------------------------------------------------------
 .d-cg-unset { column-gap: unset !important; }
 .d-rg-unset { row-gap: unset !important; }
-.d-g-unset { gap: unset !important; }
+.d-g-unset { gap: unset !important; }

package/lib/build/less/utilities/typography.less

@@ -273,8 +273,6 @@ ul {
 .d-headline48 { .d-headline--xxl(); }
 .d-headline54 { .d-headline--xxl(); }
 
-.d-fs-unset { font-size: unset !important; }
-
 //  ============================================================================
 //  $$  FONT STYLE
 //  ----------------------------------------------------------------------------
@@ -351,16 +349,19 @@ ul {
 //  $$  TEXT DECORATION
 //  ----------------------------------------------------------------------------
 .d-td-none { text-decoration: none !important; }
+
 .d-td-underline {
     text-decoration: underline !important;
     text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100)) !important;
     text-decoration-thickness: var(--dt-size-border-50) !important;
 }
+
 .d-td-dotted {
     text-decoration: underline dotted !important;
     text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100)) !important;
     text-decoration-thickness: var(--dt-size-border-100) !important;
 }
+
 .d-td-line-through {
     text-decoration: line-through !important;
     text-decoration-thickness: var(--dt-size-border-100) !important;