@dialpad/dialtone 9.83.1 → 9.84.0

package/dist/css/dialtone.css

@@ -1,9 +1,10 @@
+/* stylelint-disable meowtec/no-px */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
 * {
-  padding: 0;
   margin: 0;
+  padding: 0;
 }
 *,
 *::before,
@@ -55,10 +56,10 @@ hr {
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 pre {
-  font-family: monospace, monospace;
-  /* 1 */
   font-size: 1em;
   /* 2 */
+  font-family: monospace;
+  /* 1 */
 }
 /* Text-level semantics
    ========================================================================== */
@@ -80,13 +81,13 @@ u {
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 abbr[title] {
-  border-bottom: none;
-  /* 1 */
   text-decoration: underline;
   /* 2 */
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
   /* 2 */
+  border-bottom: none;
+  /* 1 */
   text-underline-offset: calc(var(--dt-size-border-300) - var(--dt-size-border-100));
   text-decoration-thickness: var(--dt-size-border-100);
 }
@@ -108,10 +109,10 @@ strong {
 code,
 kbd,
 samp {
-  font-family: monospace, monospace;
-  /* 1 */
   font-size: 1em;
   /* 2 */
+  font-family: monospace;
+  /* 1 */
 }
 /**
  * Add the correct font size in all browsers.
@@ -2008,9 +2009,9 @@ template {
 .d-datepicker {
   --datepicker-width: calc(var(--dt-size-300) * 75);
   --datepicker-button-size: calc(var(--dt-size-600) - var(--dt-size-200));
+  box-sizing: border-box;
   width: var(--datepicker-width);
   padding: var(--dt-space-500);
-  box-sizing: border-box;
 }
 .d-datepicker__hd {
   padding: 0 var(--dt-space-300);
@@ -2022,9 +2023,9 @@ template {
   text-align: center;
 }
 .d-datepicker__month-year-title {
-  line-height: var(--dt-font-line-height-300);
-  font-size: var(--dt-font-size-100);
   font-weight: var(--dt-font-weight-normal);
+  font-size: var(--dt-font-size-100);
+  line-height: var(--dt-font-line-height-300);
   text-transform: uppercase;
 }
 .d-datepicker__nav-btn {
@@ -4755,6 +4756,9 @@ legend .d-label--md {
 .d-emoji-picker__search-label {
   padding-top: var(--dt-space-500);
 }
+.d-emoji-picker__search-x-button {
+  margin-right: var(--dt-space-300-negative);
+}
 .d-emoji-picker__tab {
   display: flex;
   flex-wrap: wrap;
@@ -5327,6 +5331,7 @@ legend .d-label--md {
             transform: rotate(360deg);
   }
 }
+/* stylelint-disable-next-line keyframes-name-pattern */
 @-webkit-keyframes d-loading-bars__short {
   0% {
     min-height: var(--dt-size-300);
@@ -5429,6 +5434,7 @@ legend .d-label--md {
     opacity: 0;
   }
 }
+/* stylelint-disable-next-line keyframes-name-pattern */
 @-webkit-keyframes d-loading-bars__tall {
   0% {
     min-height: var(--dt-size-300);
@@ -5600,10 +5606,7 @@ legend .d-label--md {
   opacity: unset !important;
 }
 .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;
 }
 .d-td0 {
   transition-duration: var(--td0) !important;
@@ -6488,16 +6491,16 @@ legend .d-label--md {
   cursor: none !important;
 }
 .d-ol-focusring {
-  box-shadow: var(--dt-shadow-focus) !important;
   outline: none !important;
+  box-shadow: var(--dt-shadow-focus) !important;
 }
 .d-ol-focusring-inset {
-  box-shadow: var(--dt-shadow-focus-inset) !important;
   outline: none !important;
+  box-shadow: var(--dt-shadow-focus-inset) !important;
 }
 .d-ol-none {
-  box-shadow: none !important;
   outline: none !important;
+  box-shadow: none !important;
 }
 .d-pe-auto {
   pointer-events: auto !important;
@@ -6706,10 +6709,10 @@ legend .d-label--md {
 }
 .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;
@@ -7468,9 +7471,6 @@ ul {
 .d-headline54 {
   font: var(--dt-typography-headline-xxl);
 }
-.d-fs-unset {
-  font-size: unset !important;
-}
 .d-fs-normal {
   font-style: normal !important;
 }