@dialpad/dialtone 6.34.0 → 6.35.0

package/lib/build/less/components/modal.less

@@ -96,8 +96,6 @@
   visibility: hidden;
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
-
-  .d-stack16();
 }
 
 //  $$   MAKE THEM APPEAR
@@ -150,7 +148,7 @@
 //  ----------------------------------------------------------------------------
 .d-modal__content {
   max-width: 75ch;
-  margin: var(--su12) 0 0 !important;
+  margin: var(--su12) 0;
   padding: var(--su4) var(--su24);
 }
 
@@ -171,6 +169,7 @@
 //  ----------------------------------------------------------------------------
 .d-modal__banner {
   position: relative;
+  box-sizing: border-box;
   width: 100%;
   max-width: var(--size628);
   padding: var(--su12) var(--su24);

package/lib/build/less/components/toggle.less

@@ -37,6 +37,10 @@
   border-radius: var(--su48);
   cursor: pointer;
 
+  &-copy {
+    margin-right: var(--su6);
+  }
+
   &__inner {
     position: absolute;
     top: calc(var(--su4) - var(--su1));

package/lib/build/svg/system/wifi-off.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.325 10.95C20.8583 9.56665 19.2667 8.46249 17.55 7.63749C15.8333 6.81249 13.9833 6.39999 12 6.39999C11.4167 6.39999 10.8625 6.43332 10.3375 6.49999C9.8125 6.56665 9.375 6.66665 9.025 6.79999L7.05 4.82499C7.78333 4.55832 8.56667 4.35415 9.4 4.21249C10.2333 4.07082 11.1 3.99999 12 3.99999C14.3333 3.99999 16.5292 4.48332 18.5875 5.44999C20.6458 6.41665 22.45 7.69165 24 9.27499L22.325 10.95ZM18.25 15.025C17.7 14.4917 17.2 14.0625 16.75 13.7375C16.3 13.4125 15.7333 13.1 15.05 12.8L12.275 10.025C13.8417 10.075 15.2167 10.4042 16.4 11.0125C17.5833 11.6208 18.7083 12.45 19.775 13.5L18.25 15.025ZM20.075 22.325L10.3 12.55C9.4 12.7833 8.58333 13.1375 7.85 13.6125C7.11667 14.0875 6.46667 14.6083 5.9 15.175L4.225 13.5C4.84167 12.8833 5.47083 12.3458 6.1125 11.8875C6.75417 11.4292 7.525 11.0167 8.425 10.65L5.75 7.97499C4.98333 8.37499 4.25833 8.82915 3.575 9.33749C2.89167 9.84582 2.25833 10.3833 1.675 10.95L0 9.27499C0.583333 8.67499 1.21667 8.10832 1.9 7.57499C2.58333 7.04165 3.275 6.58332 3.975 6.19999L1.675 3.92499L2.8 2.79999L21.2 21.2L20.075 22.325ZM12 21.275L8.3 17.55C8.78333 17.0667 9.3375 16.6875 9.9625 16.4125C10.5875 16.1375 11.2667 16 12 16C12.7333 16 13.4125 16.1375 14.0375 16.4125C14.6625 16.6875 15.2167 17.0667 15.7 17.55L12 21.275Z" fill="#0D0C0F"/>
+</svg>

package/lib/dist/css/dialtone.css

@@ -1945,9 +1945,6 @@ legend .d-label {
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
 }
-.d-modal__dialog > * + * {
-  margin-top: 1.6rem !important;
-}
 .d-modal[aria-hidden='false'],
 .d-modal[aria-hidden='false'] .d-modal__dialog,
 .d-modal--transparent[aria-hidden='false'],
@@ -1979,7 +1976,7 @@ legend .d-label {
 }
 .d-modal__content {
   max-width: 75ch;
-  margin: var(--su12) 0 0 !important;
+  margin: var(--su12) 0;
   padding: var(--su4) var(--su24);
 }
 .d-modal__close {
@@ -1990,6 +1987,7 @@ legend .d-label {
 }
 .d-modal__banner {
   position: relative;
+  box-sizing: border-box;
   width: 100%;
   max-width: var(--size628);
   padding: var(--su12) var(--su24);
@@ -3227,6 +3225,9 @@ legend .d-label {
   border-radius: var(--su48);
   cursor: pointer;
 }
+.d-toggle-copy {
+  margin-right: var(--su6);
+}
 .d-toggle__inner {
   position: absolute;
   top: calc(var(--su4) - var(--su1));
@@ -20890,9 +20891,6 @@ body.theme-dark {
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
 }
-.sm\:d-modal__dialog > * + * {
-  margin-top: 1.6rem !important;
-}
 .sm\:d-modal[aria-hidden='false'],
 .d-modal[aria-hidden='false'] .d-modal__dialog,
 .d-modal--transparent[aria-hidden='false'],
@@ -20924,7 +20922,7 @@ body.theme-dark {
 }
 .sm\:d-modal__content {
   max-width: 75ch;
-  margin: var(--su12) 0 0 !important;
+  margin: var(--su12) 0;
   padding: var(--su4) var(--su24);
 }
 .sm\:d-modal__close {
@@ -20935,6 +20933,7 @@ body.theme-dark {
 }
 .sm\:d-modal__banner {
   position: relative;
+  box-sizing: border-box;
   width: 100%;
   max-width: var(--size628);
   padding: var(--su12) var(--su24);
@@ -22353,9 +22352,6 @@ body.theme-dark {
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
 }
-.md\:d-modal__dialog > * + * {
-  margin-top: 1.6rem !important;
-}
 .md\:d-modal[aria-hidden='false'],
 .d-modal[aria-hidden='false'] .d-modal__dialog,
 .d-modal--transparent[aria-hidden='false'],
@@ -22387,7 +22383,7 @@ body.theme-dark {
 }
 .md\:d-modal__content {
   max-width: 75ch;
-  margin: var(--su12) 0 0 !important;
+  margin: var(--su12) 0;
   padding: var(--su4) var(--su24);
 }
 .md\:d-modal__close {
@@ -22398,6 +22394,7 @@ body.theme-dark {
 }
 .md\:d-modal__banner {
   position: relative;
+  box-sizing: border-box;
   width: 100%;
   max-width: var(--size628);
   padding: var(--su12) var(--su24);
@@ -23816,9 +23813,6 @@ body.theme-dark {
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
 }
-.lg\:d-modal__dialog > * + * {
-  margin-top: 1.6rem !important;
-}
 .lg\:d-modal[aria-hidden='false'],
 .d-modal[aria-hidden='false'] .d-modal__dialog,
 .d-modal--transparent[aria-hidden='false'],
@@ -23850,7 +23844,7 @@ body.theme-dark {
 }
 .lg\:d-modal__content {
   max-width: 75ch;
-  margin: var(--su12) 0 0 !important;
+  margin: var(--su12) 0;
   padding: var(--su4) var(--su24);
 }
 .lg\:d-modal__close {
@@ -23861,6 +23855,7 @@ body.theme-dark {
 }
 .lg\:d-modal__banner {
   position: relative;
+  box-sizing: border-box;
   width: 100%;
   max-width: var(--size628);
   padding: var(--su12) var(--su24);
@@ -25279,9 +25274,6 @@ body.theme-dark {
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
 }
-.xl\:d-modal__dialog > * + * {
-  margin-top: 1.6rem !important;
-}
 .xl\:d-modal[aria-hidden='false'],
 .d-modal[aria-hidden='false'] .d-modal__dialog,
 .d-modal--transparent[aria-hidden='false'],
@@ -25313,7 +25305,7 @@ body.theme-dark {
 }
 .xl\:d-modal__content {
   max-width: 75ch;
-  margin: var(--su12) 0 0 !important;
+  margin: var(--su12) 0;
   padding: var(--su4) var(--su24);
 }
 .xl\:d-modal__close {
@@ -25324,6 +25316,7 @@ body.theme-dark {
 }
 .xl\:d-modal__banner {
   position: relative;
+  box-sizing: border-box;
   width: 100%;
   max-width: var(--size628);
   padding: var(--su12) var(--su24);