@dialpad/dialtone 6.19.0-beta.2 → 6.20.1

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +11 -32
  2. package/lib/build/less/components/button.less +30 -4
  3. package/lib/build/less/components/radio-checkbox.less +0 -1
  4. package/lib/dist/css/dialtone.css +24 -4
  5. package/lib/dist/css/dialtone.min.css +1 -1
  6. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -1,48 +1,41 @@
1
- # [6.19.0-beta.2](https://github.com/dialpad/dialtone/compare/v6.19.0-beta.1...v6.19.0-beta.2) (2022-03-01)
1
+ ## [6.20.1](https://github.com/dialpad/dialtone/compare/v6.20.0...v6.20.1) (2022-03-29)
2
2
 
3
3
 
4
4
  ### Bug Fixes
5
5
 
6
- * remove z-index from content ([38bd70a](https://github.com/dialpad/dialtone/commit/38bd70aae06f947698e5f90d2043af5d02f23da1))
6
+ * remove docsite deploy subdir ([7fdbd1c](https://github.com/dialpad/dialtone/commit/7fdbd1cdd04984155c5fccfd263896bd6015f739))
7
7
 
8
- # [6.19.0-beta.1](https://github.com/dialpad/dialtone/compare/v6.18.0...v6.19.0-beta.1) (2022-02-25)
8
+ # [6.20.0](https://github.com/dialpad/dialtone/compare/v6.19.0...v6.20.0) (2022-03-22)
9
9
 
10
10
 
11
11
  ### Bug Fixes
12
12
 
13
- * add justify-content flex-end to header/footer ([6547fea](https://github.com/dialpad/dialtone/commit/6547fea38d80696629f1a50f91cd195c789607e4))
14
- * make z-index work on all children ([7aa3fd1](https://github.com/dialpad/dialtone/commit/7aa3fd1a54c058a5db096d72f46869506e41779c))
15
- * popover example page issues ([574dee2](https://github.com/dialpad/dialtone/commit/574dee2fe898ac188405cc18683f9f3f6edb2076))
16
- * remove side padding from header footer ([e0abbcf](https://github.com/dialpad/dialtone/commit/e0abbcf74c9417e84b96d2541140254c59a10153))
13
+ * dt-404 popover alignment fixes ([#558](https://github.com/dialpad/dialtone/issues/558)) ([6e8b035](https://github.com/dialpad/dialtone/commit/6e8b035d34d51a3609508b757fea95fa0db99812))
17
14
 
18
15
 
19
16
  ### Features
20
17
 
21
- * add popover css and documentation ([df3d204](https://github.com/dialpad/dialtone/commit/df3d2049a8391918e72c912e79da00b00e00bb07))
22
- * add transparent modal ([488f46a](https://github.com/dialpad/dialtone/commit/488f46a6c7995b4e67c40efb553e67fa7194412c))
23
- * popover css and documentation ([#540](https://github.com/dialpad/dialtone/issues/540)) ([2c4dc58](https://github.com/dialpad/dialtone/commit/2c4dc58404944036693816c23b69b0453f38399f))
18
+ * dt-407 support icons above and below the labels on buttons ([#561](https://github.com/dialpad/dialtone/issues/561)) ([8e2752a](https://github.com/dialpad/dialtone/commit/8e2752a11556836c6061c9e8b559c9fea1e0cffa))
24
19
 
25
- # [6.15.0-beta.6](https://github.com/dialpad/dialtone/compare/v6.15.0-beta.5...v6.15.0-beta.6) (2022-02-17)
20
+ # [6.19.0](https://github.com/dialpad/dialtone/compare/v6.18.1...v6.19.0) (2022-03-12)
26
21
 
27
22
 
28
- ### Bug Fixes
23
+ ### Features
29
24
 
30
- * add justify-content flex-end to header/footer ([6547fea](https://github.com/dialpad/dialtone/commit/6547fea38d80696629f1a50f91cd195c789607e4))
25
+ * add popover into dialtone ([#557](https://github.com/dialpad/dialtone/issues/557)) ([846a4e3](https://github.com/dialpad/dialtone/commit/846a4e3d7d94d00d02a21379a2e32a75edcbb26c))
31
26
 
32
- # [6.15.0-beta.5](https://github.com/dialpad/dialtone/compare/v6.15.0-beta.4...v6.15.0-beta.5) (2022-02-16)
27
+ ## [6.18.1](https://github.com/dialpad/dialtone/compare/v6.18.0...v6.18.1) (2022-03-04)
33
28
 
34
29
 
35
30
  ### Bug Fixes
36
31
 
37
- * popover example page issues ([574dee2](https://github.com/dialpad/dialtone/commit/574dee2fe898ac188405cc18683f9f3f6edb2076))
32
+ * remove fixed with from checkbox copy ([377e35c](https://github.com/dialpad/dialtone/commit/377e35c1dbdc2d4c5c8fffb5b26ff7cfe5be297c))
33
+
38
34
  # [6.18.0](https://github.com/dialpad/dialtone/compare/v6.17.0...v6.18.0) (2022-02-22)
39
35
 
40
36
 
41
37
  ### Features
42
38
 
43
- * add transparent modal ([488f46a](https://github.com/dialpad/dialtone/commit/488f46a6c7995b4e67c40efb553e67fa7194412c))
44
-
45
- # [6.15.0-beta.4](https://github.com/dialpad/dialtone/compare/v6.15.0-beta.3...v6.15.0-beta.4) (2022-02-15)
46
39
  * add icons for new call workflow (Phase 1) ([#554](https://github.com/dialpad/dialtone/issues/554)) ([e23f1de](https://github.com/dialpad/dialtone/commit/e23f1dee4c3c05c136f0b10491ca60e4e1abde21))
47
40
 
48
41
  # [6.17.0](https://github.com/dialpad/dialtone/compare/v6.16.0...v6.17.0) (2022-02-17)
@@ -50,16 +43,6 @@
50
43
 
51
44
  ### Features
52
45
 
53
- * popover css and documentation ([#540](https://github.com/dialpad/dialtone/issues/540)) ([2c4dc58](https://github.com/dialpad/dialtone/commit/2c4dc58404944036693816c23b69b0453f38399f))
54
-
55
- # [6.15.0-beta.3](https://github.com/dialpad/dialtone/compare/v6.15.0-beta.2...v6.15.0-beta.3) (2022-02-01)
56
-
57
-
58
- ### Bug Fixes
59
-
60
- * make z-index work on all children ([7aa3fd1](https://github.com/dialpad/dialtone/commit/7aa3fd1a54c058a5db096d72f46869506e41779c))
61
-
62
- # [6.15.0-beta.2](https://github.com/dialpad/dialtone/compare/v6.15.0-beta.1...v6.15.0-beta.2) (2022-02-01)
63
46
  * add icon only button styles ([#550](https://github.com/dialpad/dialtone/issues/550)) ([4116700](https://github.com/dialpad/dialtone/commit/41167009d1d56ee7b4ddf94ffc320ee1f9e6cb19))
64
47
 
65
48
  # [6.16.0](https://github.com/dialpad/dialtone/compare/v6.15.0...v6.16.0) (2022-02-11)
@@ -74,15 +57,11 @@
74
57
 
75
58
  ### Bug Fixes
76
59
 
77
- * remove side padding from header footer ([e0abbcf](https://github.com/dialpad/dialtone/commit/e0abbcf74c9417e84b96d2541140254c59a10153))
78
-
79
- # [6.15.0-beta.1](https://github.com/dialpad/dialtone/compare/v6.14.0...v6.15.0-beta.1) (2022-02-01)
80
60
  * uc-11528 updating background replacement icon in dialtone ([#541](https://github.com/dialpad/dialtone/issues/541)) ([038bd4e](https://github.com/dialpad/dialtone/commit/038bd4e9c9fbd489445233972dce718559fa2f1e))
81
61
 
82
62
 
83
63
  ### Features
84
64
 
85
- * add popover css and documentation ([df3d204](https://github.com/dialpad/dialtone/commit/df3d2049a8391918e72c912e79da00b00e00bb07))
86
65
  * add a few social icons for contact center ([#543](https://github.com/dialpad/dialtone/issues/543)) ([7c1e0a9](https://github.com/dialpad/dialtone/commit/7c1e0a9ddef5acece52ecbca11f1f1b3eb84a9c4))
87
66
  * **device settings:** gear icon for device settings ([#539](https://github.com/dialpad/dialtone/issues/539)) ([805f17f](https://github.com/dialpad/dialtone/commit/805f17ff777419877cf36f49a24b75982bc1eac4))
88
67
 
package/lib/build/less/components/button.less CHANGED
@@ -140,20 +140,36 @@
140
140
  }
141
141
 
142
142
  // ============================================================================
143
- // $ BUTTON ICON
143
+ // $ BUTTON WITH ICON
144
144
  // ----------------------------------------------------------------------------
145
+ .d-btn--vertical {
146
+ flex-direction: column;
147
+ }
148
+
145
149
  .d-btn__icon {
146
150
  display: flex;
151
+ line-height: 0;
152
+ }
153
+
154
+ .d-btn__icon--left,
155
+ .d-btn__icon--right {
147
156
  margin-top: var(--sun4);
148
157
  margin-bottom: var(--sun4);
149
- line-height: 0;
150
158
  }
151
159
 
152
- .d-btn__icon--left {
160
+ .d-btn__icon--top,
161
+ .d-btn__icon--bottom {
162
+ margin-right: var(--sun4);
163
+ margin-left: var(--sun4);
164
+ }
165
+
166
+ .d-btn__icon--left,
167
+ .d-btn__icon--top {
153
168
  order: -1;
154
169
  }
155
170
 
156
- .d-btn__icon--right {
171
+ .d-btn__icon--right,
172
+ .d-btn__icon--bottom {
157
173
  order: 1;
158
174
  }
159
175
 
@@ -175,6 +191,16 @@
175
191
  margin-right: var(--su4);
176
192
  }
177
193
 
194
+ .d-btn__icon--top ~ .d-btn__label,
195
+ .d-btn__label ~ .d-btn__icon--bottom {
196
+ margin-top: var(--su4);
197
+ }
198
+
199
+ .d-btn__icon--bottom ~ .d-btn__label,
200
+ .d-btn__label ~ .d-btn__icon--top {
201
+ margin-bottom: var(--su4);
202
+ }
203
+
178
204
  // ============================================================================
179
205
  // $ VISUAL STYLES
180
206
  // ----------------------------------------------------------------------------
package/lib/build/less/components/radio-checkbox.less CHANGED
@@ -122,7 +122,6 @@
122
122
  .d-radio__copy {
123
123
  display: inline-flex;
124
124
  flex-direction: column;
125
- max-width: var(--size464);
126
125
  margin-left: var(--su8);
127
126
  }
128
127
 
package/lib/dist/css/dialtone.css CHANGED
@@ -753,16 +753,29 @@ body {
753
753
  align-items: center;
754
754
  justify-content: center;
755
755
  }
756
+ .d-btn--vertical {
757
+ flex-direction: column;
758
+ }
756
759
  .d-btn__icon {
757
760
  display: flex;
761
+ line-height: 0;
762
+ }
763
+ .d-btn__icon--left,
764
+ .d-btn__icon--right {
758
765
  margin-top: var(--sun4);
759
766
  margin-bottom: var(--sun4);
760
- line-height: 0;
761
767
  }
762
- .d-btn__icon--left {
768
+ .d-btn__icon--top,
769
+ .d-btn__icon--bottom {
770
+ margin-right: var(--sun4);
771
+ margin-left: var(--sun4);
772
+ }
773
+ .d-btn__icon--left,
774
+ .d-btn__icon--top {
763
775
  order: -1;
764
776
  }
765
- .d-btn__icon--right {
777
+ .d-btn__icon--right,
778
+ .d-btn__icon--bottom {
766
779
  order: 1;
767
780
  }
768
781
  .d-btn__icon--left:not(:only-child) {
@@ -779,6 +792,14 @@ body {
779
792
  .d-btn__label ~ .d-btn__icon--left {
780
793
  margin-right: var(--su4);
781
794
  }
795
+ .d-btn__icon--top ~ .d-btn__label,
796
+ .d-btn__label ~ .d-btn__icon--bottom {
797
+ margin-top: var(--su4);
798
+ }
799
+ .d-btn__icon--bottom ~ .d-btn__label,
800
+ .d-btn__label ~ .d-btn__icon--top {
801
+ margin-bottom: var(--su4);
802
+ }
782
803
  .d-btn--circle {
783
804
  --button--fc: var(--black-800);
784
805
  --button--br: var(--br-circle);
@@ -2116,7 +2137,6 @@ legend .d-label {
2116
2137
  .d-radio__copy {
2117
2138
  display: inline-flex;
2118
2139
  flex-direction: column;
2119
- max-width: var(--size464);
2120
2140
  margin-left: var(--su8);
2121
2141
  }
2122
2142
  .d-checkbox__label,