@dialpad/dialtone 6.16.0 → 6.18.1

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [6.18.1](https://github.com/dialpad/dialtone/compare/v6.18.0...v6.18.1) (2022-03-04)
+
+
+### Bug Fixes
+
+* remove fixed with from checkbox copy ([377e35c](https://github.com/dialpad/dialtone/commit/377e35c1dbdc2d4c5c8fffb5b26ff7cfe5be297c))
+
+# [6.18.0](https://github.com/dialpad/dialtone/compare/v6.17.0...v6.18.0) (2022-02-22)
+
+
+### Features
+
+* add icons for new call workflow (Phase 1) ([#554](https://github.com/dialpad/dialtone/issues/554)) ([e23f1de](https://github.com/dialpad/dialtone/commit/e23f1dee4c3c05c136f0b10491ca60e4e1abde21))
+
+# [6.17.0](https://github.com/dialpad/dialtone/compare/v6.16.0...v6.17.0) (2022-02-17)
+
+
+### Features
+
+* add icon only button styles ([#550](https://github.com/dialpad/dialtone/issues/550)) ([4116700](https://github.com/dialpad/dialtone/commit/41167009d1d56ee7b4ddf94ffc320ee1f9e6cb19))
+
 # [6.16.0](https://github.com/dialpad/dialtone/compare/v6.15.0...v6.16.0) (2022-02-11)
 
 

package/lib/build/less/components/button.less

@@ -338,6 +338,16 @@
     }
 }
 
+//  $$  ICON ONLY
+//  ----------------------------------------------------------------------------
+.d-btn--icon-only {
+    padding: calc(var(--su8) + var(--su1));
+
+    .d-btn__icon {
+        margin: unset;
+    }
+}
+
 //  $$  LOADING STATE
 //  ----------------------------------------------------------------------------
 .d-btn--loading {

package/lib/build/less/components/radio-checkbox.less

@@ -122,7 +122,6 @@
 .d-radio__copy {
     display: inline-flex;
     flex-direction: column;
-    max-width: var(--size464);
     margin-left: var(--su8);
 }
 

package/lib/build/less/utilities/backgrounds.less

@@ -64,7 +64,7 @@
   -webkit-background-clip: text !important;
   background-clip: text !important;
 }
-.d-bgc-unset { background-clip: unset !important; }
+.d-bgclip-unset { background-clip: unset !important; }
 
 
 //  ============================================================================

package/lib/build/svg/system/park.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0272 8.07422V12.0762H11.7432C13.1907 12.0762 13.8969 11.2559 13.8969 10.0664C13.8969 8.87109 13.1907 8.07422 11.7315 8.07422H10.0272Z" fill="#0D0C0F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 3C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5ZM10.0272 18H7.5V6H12.216C14.93 6 16.5 7.68164 16.5 10.0664C16.5 12.4629 14.9008 14.1094 12.1518 14.1094H10.0272V18Z" fill="#0D0C0F"/>
+</svg>

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

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 8H16V16H8V8Z" fill="#D81616"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill="#D81616"/>
+</svg>

package/lib/build/svg/system/recording.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12C17 9.24 14.76 7 12 7ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z" fill="#0D0C0F"/>
+<path d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" fill="#D81616"/>
+</svg>

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

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.83243 4.00682C2.80177 4.0911 2 4.94645 2 6V16C2 17.1 2.89 18 4 18H0V20H19.8526L13.6781 13.8359L13 14.47V13.1589L12.1484 12.3088C9.83746 12.4714 8.24285 13.328 7 15C7.38639 13.1577 8.24411 11.3202 10.0166 10.1806L3.83243 4.00682Z" fill="#0D0C0F"/>
+<path d="M15.2374 12.3781L17 10.73L13 7V9.13C12.7014 9.17145 12.4166 9.22539 12.1449 9.29087L6.84514 4H20C21.1 4 22 4.89 22 6L21.99 16C21.99 16.8424 21.468 17.5675 20.7295 17.8609L15.2374 12.3781Z" fill="#0D0C0F"/>
+<path d="M20.8688 18L22.8051 19.9331L22.7383 20H24V18H20.8688Z" fill="#0D0C0F"/>
+<rect x="1.33325" y="4.17642" width="2.13333" height="26.3262" transform="rotate(-45.0483 1.33325 4.17642)" fill="#D81616"/>
+</svg>

package/lib/build/svg/system/vi-off.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="M11.9348 10.4823L10 14.3519L6.70651 7.7648C6.3534 7.05855 5.49574 6.77456 4.79008 7.12597C4.08441 7.4791 3.79814 8.33678 4.15126 9.04246L8.72237 18.1849C8.96464 18.6689 9.45889 18.9746 10 18.9746C10.5411 18.9746 11.0354 18.6689 11.2776 18.1849L14.0654 12.6093L11.9348 10.4823Z" fill="#0D0C0F"/>
+<path d="M20 15.8209L17 12.8259V10.4706C17 9.65824 17.6714 9 18.5 9C19.3286 9 20 9.65824 20 10.4706V15.8209Z" fill="#0D0C0F"/>
+<path d="M14.9702 10.7996L12.8396 8.67257L13.2935 7.7648C13.6466 7.05855 14.5037 6.77284 15.2099 7.12597C15.9156 7.4791 16.2019 8.33678 15.8487 9.04246L14.9702 10.7996Z" fill="#0D0C0F"/>
+<path d="M18.5 8C19.3285 8 20 7.32855 20 6.5C20 5.67145 19.3285 5 18.5 5C17.6715 5 17 5.67145 17 6.5C17 7.32855 17.6715 8 18.5 8Z" fill="#0D0C0F"/>
+<rect x="4" y="4.95883" width="1.92" height="23.6936" transform="rotate(-45.0483 4 4.95883)" fill="#D81616"/>
+</svg>

package/lib/dist/css/dialtone.css

@@ -896,6 +896,12 @@ body {
   --button--fc: var(--primary-color-hover);
   --button--bgc: hsla(var(--white-hsl)  /  90%);
 }
+.d-btn--icon-only {
+  padding: calc(var(--su8) + var(--su1));
+}
+.d-btn--icon-only .d-btn__icon {
+  margin: unset;
+}
 .d-btn--loading {
   pointer-events: none;
 }
@@ -2024,7 +2030,6 @@ legend .d-label {
 .d-radio__copy {
   display: inline-flex;
   flex-direction: column;
-  max-width: var(--size464);
   margin-left: var(--su8);
 }
 .d-checkbox__label,
@@ -6225,7 +6230,7 @@ body.theme-dark .d\:d-bgg-to-red-700 {
   -webkit-background-clip: text !important;
   background-clip: text !important;
 }
-.d-bgc-unset {
+.d-bgclip-unset {
   background-clip: unset !important;
 }
 .d-bgp-t {
@@ -12609,27 +12614,22 @@ body.theme-dark .d\:d-bgc-red-700 {
   background-image: unset !important;
 }
 .h\:d-bgc-unset:hover {
-  background-clip: unset !important;
   background-color: unset !important;
   background-image: unset !important;
 }
 .f\:d-bgc-unset:focus {
-  background-clip: unset !important;
   background-color: unset !important;
   background-image: unset !important;
 }
 .f\:d-bgc-unset:focus-within {
-  background-clip: unset !important;
   background-color: unset !important;
   background-image: unset !important;
 }
 .fv\:d-bgc-unset.focus-visible {
-  background-clip: unset !important;
   background-color: unset !important;
   background-image: unset !important;
 }
 .fv\:d-bgc-unset:focus-visible {
-  background-clip: unset !important;
   background-color: unset !important;
   background-image: unset !important;
 }