@dialpad/dialtone 6.16.0 → 6.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [6.17.0](https://github.com/dialpad/dialtone/compare/v6.16.0...v6.17.0) (2022-02-17)
2
+
3
+
4
+ ### Features
5
+
6
+ * add icon only button styles ([#550](https://github.com/dialpad/dialtone/issues/550)) ([4116700](https://github.com/dialpad/dialtone/commit/41167009d1d56ee7b4ddf94ffc320ee1f9e6cb19))
7
+
1
8
  # [6.16.0](https://github.com/dialpad/dialtone/compare/v6.15.0...v6.16.0) (2022-02-11)
2
9
 
3
10
 
@@ -338,6 +338,16 @@
338
338
  }
339
339
  }
340
340
 
341
+ // $$ ICON ONLY
342
+ // ----------------------------------------------------------------------------
343
+ .d-btn--icon-only {
344
+ padding: calc(var(--su8) + var(--su1));
345
+
346
+ .d-btn__icon {
347
+ margin: unset;
348
+ }
349
+ }
350
+
341
351
  // $$ LOADING STATE
342
352
  // ----------------------------------------------------------------------------
343
353
  .d-btn--loading {
@@ -896,6 +896,12 @@ body {
896
896
  --button--fc: var(--primary-color-hover);
897
897
  --button--bgc: hsla(var(--white-hsl) / 90%);
898
898
  }
899
+ .d-btn--icon-only {
900
+ padding: calc(var(--su8) + var(--su1));
901
+ }
902
+ .d-btn--icon-only .d-btn__icon {
903
+ margin: unset;
904
+ }
899
905
  .d-btn--loading {
900
906
  pointer-events: none;
901
907
  }