@dialpad/dialtone 6.33.3 → 6.34.2

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/co-host-make.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 9V7H20V9H18V11H20V13H22V11H24V9H22Z" fill="#000"/>
+<path d="M8 12C10.21 12 12 10.21 12 8C12 5.79 10.21 4 8 4C5.79 4 4 5.79 4 8C4 10.21 5.79 12 8 12Z" fill="#000"/>
+<path d="M8 13C5.33 13 0 14.34 0 17V20H16V17C16 14.34 10.67 13 8 13Z" fill="#000"/>
+<path d="M12.51 4.04999C13.43 5.10999 14 6.48999 14 7.99999C14 9.50999 13.43 10.89 12.51 11.95C14.47 11.7 16 10.04 16 7.99999C16 5.95999 14.47 4.29999 12.51 4.04999Z" fill="#000"/>
+<path d="M16.53 13.83C17.42 14.66 18 15.7 18 17V20H20V17C20 15.55 18.41 14.49 16.53 13.83Z" fill="#000"/>
+</svg>

package/lib/build/svg/system/co-host-remove.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 9H20H18V11H20H22H24V9H22Z" fill="#000"/>
+<path d="M8 12C10.21 12 12 10.21 12 8C12 5.79 10.21 4 8 4C5.79 4 4 5.79 4 8C4 10.21 5.79 12 8 12Z" fill="#000"/>
+<path d="M8 13C5.33 13 0 14.34 0 17V20H16V17C16 14.34 10.67 13 8 13Z" fill="#000"/>
+<path d="M12.51 4.04999C13.43 5.10999 14 6.48999 14 7.99999C14 9.50999 13.43 10.89 12.51 11.95C14.47 11.7 16 10.04 16 7.99999C16 5.95999 14.47 4.29999 12.51 4.04999Z" fill="#000"/>
+<path d="M16.53 13.83C17.42 14.66 18 15.7 18 17V20H20V17C20 15.55 18.41 14.49 16.53 13.83Z" fill="#000"/>
+</svg>

package/lib/build/svg/system/emoticon-filled.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="M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM8.5 8C9.33 8 10 8.67 10 9.5C10 10.33 9.33 11 8.5 11C7.67 11 7 10.33 7 9.5C7 8.67 7.67 8 8.5 8ZM12 18C9.72 18 7.78 16.34 7 14H17C16.22 16.34 14.28 18 12 18ZM15.5 11C14.67 11 14 10.33 14 9.5C14 8.67 14.67 8 15.5 8C16.33 8 17 8.67 17 9.5C17 10.33 16.33 11 15.5 11Z" fill="#000"/>
+</svg>

package/lib/build/svg/system/keyboard.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="M20 5H4C2.9 5 2.01 5.9 2.01 7L2 17C2 18.1 2.9 19 4 19H20C21.1 19 22 18.1 22 17V7C22 5.9 21.1 5 20 5ZM11 8H13V10H11V8ZM11 11H13V13H11V11ZM8 8H10V10H8V8ZM8 11H10V13H8V11ZM7 13H5V11H7V13ZM7 10H5V8H7V10ZM16 17H8V15H16V17ZM16 13H14V11H16V13ZM16 10H14V8H16V10ZM19 13H17V11H19V13ZM19 10H17V8H19V10Z" fill="#000"/>
+</svg>

package/lib/build/svg/system/raise-hand-filled.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="M13 24C9.74001 24 6.81001 22.01 5.60001 18.98L2.57001 11.37C2.26001 10.58 3.00001 9.79 3.81001 10.05L4.60001 10.31C5.16001 10.49 5.62001 10.92 5.84001 11.47L7.25001 15H8.00001V3.25C8.00001 2.56 8.56001 2 9.25001 2C9.94001 2 10.5 2.56 10.5 3.25V12H11.5V1.25C11.5 0.56 12.06 0 12.75 0C13.44 0 14 0.56 14 1.25V12H15V2.75C15 2.06 15.56 1.5 16.25 1.5C16.94 1.5 17.5 2.06 17.5 2.75V12H18.5V5.75C18.5 5.06 19.06 4.5 19.75 4.5C20.44 4.5 21 5.06 21 5.75V16C21 20.42 17.42 24 13 24Z" fill="#000"/>
+</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);