@dialpad/dialtone 7.4.0 → 7.4.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 (8) hide show
  1. package/lib/build/less/utilities/borders.less +21 -21
  2. package/lib/build/svg/v7/general/{x.svg → close.svg} +0 -0
  3. package/lib/dist/css/dialtone.css +89 -89
  4. package/lib/dist/svg/v7/close.svg +1 -0
  5. package/lib/dist/vue/v7/Close.vue +3 -0
  6. package/package.json +1 -1
  7. package/lib/dist/svg/v7/x.svg +0 -1
  8. package/lib/dist/vue/v7/X.vue +0 -3
package/lib/build/less/utilities/borders.less CHANGED
@@ -32,11 +32,11 @@
32
32
 
33
33
  // $$ DIRECTION
34
34
  // ----------------------------------------------------------------------------
35
- .d-ba { border: var(--su1) solid currentColor !important; }
36
- .d-bt { border-top: var(--su1) solid currentColor !important; }
37
- .d-br { border-right: var(--su1) solid currentColor !important; }
38
- .d-bb { border-bottom: var(--su1) solid currentColor !important; }
39
- .d-bl { border-left: var(--su1) solid currentColor !important; }
35
+ .d-ba { border: var(--su1) solid !important; }
36
+ .d-bt { border-top: var(--su1) solid !important; }
37
+ .d-br { border-right: var(--su1) solid !important; }
38
+ .d-bb { border-bottom: var(--su1) solid !important; }
39
+ .d-bl { border-left: var(--su1) solid !important; }
40
40
  .d-bx { .d-br(); .d-bl(); }
41
41
  .d-by { .d-bt(); .d-bb(); }
42
42
  .d-ba-none { border: none !important; }
@@ -173,29 +173,29 @@
173
173
  .d-divide-y > * + * {
174
174
  --divide-y-reverse: 0;
175
175
 
176
- border-top: calc(~'1px * (1 - var(--divide-y-reverse))') solid currentColor !important;
177
- border-bottom: calc(~'1px * var(--divide-y-reverse)') solid currentColor !important;
176
+ border-top: calc(~'1px * (1 - var(--divide-y-reverse))') solid !important;
177
+ border-bottom: calc(~'1px * var(--divide-y-reverse)') solid !important;
178
178
  }
179
179
 
180
180
  .d-divide-y0 > * + * {
181
181
  --divide-y-reverse: 0;
182
182
 
183
- border-top: calc(~'0 * (1 - var(--divide-y-reverse))') solid currentColor !important;
184
- border-bottom: calc(~'0 * var(--divide-y-reverse)') solid currentColor !important;
183
+ border-top: calc(~'0 * (1 - var(--divide-y-reverse))') solid !important;
184
+ border-bottom: calc(~'0 * var(--divide-y-reverse)') solid !important;
185
185
  }
186
186
 
187
187
  .d-divide-y2 > * + * {
188
188
  --divide-y-reverse: 0;
189
189
 
190
- border-top: calc(~'2px * (1 - var(--divide-y-reverse))') solid currentColor !important;
191
- border-bottom: calc(~'2px * var(--divide-y-reverse)') solid currentColor !important;
190
+ border-top: calc(~'2px * (1 - var(--divide-y-reverse))') solid !important;
191
+ border-bottom: calc(~'2px * var(--divide-y-reverse)') solid !important;
192
192
  }
193
193
 
194
194
  .d-divide-y4 > * + * {
195
195
  --divide-y-reverse: 0;
196
196
 
197
- border-top: calc(~'4px * (1 - var(--divide-y-reverse))') solid currentColor !important;
198
- border-bottom: calc(~'4px * var(--divide-y-reverse)') solid currentColor !important;
197
+ border-top: calc(~'4px * (1 - var(--divide-y-reverse))') solid !important;
198
+ border-bottom: calc(~'4px * var(--divide-y-reverse)') solid !important;
199
199
  }
200
200
  .d-divide-y-reverse > * + * { --divide-y-reverse: 1; }
201
201
 
@@ -204,28 +204,28 @@
204
204
  .d-divide-x > * + * {
205
205
  --divide-x-reverse: 0;
206
206
 
207
- border-right: calc(~'1px * var(--divide-x-reverse)') solid currentColor !important;
208
- border-left: calc(~'1px * (1 - var(--divide-x-reverse))') solid currentColor !important;
207
+ border-right: calc(~'1px * var(--divide-x-reverse)') solid !important;
208
+ border-left: calc(~'1px * (1 - var(--divide-x-reverse))') solid !important;
209
209
  }
210
210
 
211
211
  .d-divide-x0 > * + * {
212
212
  --divide-x-reverse: 0;
213
213
 
214
- border-right: calc(~'0 * var(--divide-x-reverse)') solid currentColor !important;
215
- border-left: calc(~'0 * (1 - var(--divide-x-reverse))') solid currentColor !important;
214
+ border-right: calc(~'0 * var(--divide-x-reverse)') solid !important;
215
+ border-left: calc(~'0 * (1 - var(--divide-x-reverse))') solid !important;
216
216
  }
217
217
 
218
218
  .d-divide-x2 > * + * {
219
219
  --divide-x-reverse: 0;
220
220
 
221
- border-right: calc(~'2px * var(--divide-x-reverse)') solid currentColor !important;
222
- border-left: calc(~'2px * (1 - var(--divide-x-reverse))') solid currentColor !important;
221
+ border-right: calc(~'2px * var(--divide-x-reverse)') solid !important;
222
+ border-left: calc(~'2px * (1 - var(--divide-x-reverse))') solid !important;
223
223
  }
224
224
 
225
225
  .d-divide-x4 > * + * {
226
226
  --divide-x-reverse: 0;
227
227
 
228
- border-right: calc(~'4px * var(--divide-x-reverse)') solid currentColor !important;
229
- border-left: calc(~'4px * (1 - var(--divide-x-reverse))') solid currentColor !important;
228
+ border-right: calc(~'4px * var(--divide-x-reverse)') solid !important;
229
+ border-left: calc(~'4px * (1 - var(--divide-x-reverse))') solid !important;
230
230
  }
231
231
  .d-divide-x-reverse > * + * { --divide-x-reverse: 1; }
package/lib/build/svg/v7/general/{x.svg → close.svg} RENAMED
File without changes
package/lib/dist/css/dialtone.css CHANGED
@@ -6591,27 +6591,27 @@ body.theme-dark .d\:d-bgg-to-black-700 {
6591
6591
  border-color: unset !important;
6592
6592
  }
6593
6593
  .d-ba {
6594
- border: var(--su1) solid currentColor !important;
6594
+ border: var(--su1) solid !important;
6595
6595
  }
6596
6596
  .d-bt {
6597
- border-top: var(--su1) solid currentColor !important;
6597
+ border-top: var(--su1) solid !important;
6598
6598
  }
6599
6599
  .d-br {
6600
- border-right: var(--su1) solid currentColor !important;
6600
+ border-right: var(--su1) solid !important;
6601
6601
  }
6602
6602
  .d-bb {
6603
- border-bottom: var(--su1) solid currentColor !important;
6603
+ border-bottom: var(--su1) solid !important;
6604
6604
  }
6605
6605
  .d-bl {
6606
- border-left: var(--su1) solid currentColor !important;
6606
+ border-left: var(--su1) solid !important;
6607
6607
  }
6608
6608
  .d-bx {
6609
- border-right: var(--su1) solid currentColor !important;
6610
- border-left: var(--su1) solid currentColor !important;
6609
+ border-right: var(--su1) solid !important;
6610
+ border-left: var(--su1) solid !important;
6611
6611
  }
6612
6612
  .d-by {
6613
- border-top: var(--su1) solid currentColor !important;
6614
- border-bottom: var(--su1) solid currentColor !important;
6613
+ border-top: var(--su1) solid !important;
6614
+ border-bottom: var(--su1) solid !important;
6615
6615
  }
6616
6616
  .d-ba-none {
6617
6617
  border: none !important;
@@ -6962,46 +6962,46 @@ body.theme-dark .d\:d-bgg-to-black-700 {
6962
6962
  }
6963
6963
  .d-divide-y > * + * {
6964
6964
  --divide-y-reverse: 0;
6965
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
6966
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
6965
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
6966
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
6967
6967
  }
6968
6968
  .d-divide-y0 > * + * {
6969
6969
  --divide-y-reverse: 0;
6970
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
6971
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
6970
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
6971
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
6972
6972
  }
6973
6973
  .d-divide-y2 > * + * {
6974
6974
  --divide-y-reverse: 0;
6975
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
6976
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
6975
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
6976
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
6977
6977
  }
6978
6978
  .d-divide-y4 > * + * {
6979
6979
  --divide-y-reverse: 0;
6980
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
6981
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
6980
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
6981
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
6982
6982
  }
6983
6983
  .d-divide-y-reverse > * + * {
6984
6984
  --divide-y-reverse: 1;
6985
6985
  }
6986
6986
  .d-divide-x > * + * {
6987
6987
  --divide-x-reverse: 0;
6988
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
6989
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
6988
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
6989
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
6990
6990
  }
6991
6991
  .d-divide-x0 > * + * {
6992
6992
  --divide-x-reverse: 0;
6993
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
6994
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
6993
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
6994
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
6995
6995
  }
6996
6996
  .d-divide-x2 > * + * {
6997
6997
  --divide-x-reverse: 0;
6998
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
6999
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
6998
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
6999
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
7000
7000
  }
7001
7001
  .d-divide-x4 > * + * {
7002
7002
  --divide-x-reverse: 0;
7003
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
7004
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
7003
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
7004
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
7005
7005
  }
7006
7006
  .d-divide-x-reverse > * + * {
7007
7007
  --divide-x-reverse: 1;
@@ -20824,46 +20824,46 @@ body.theme-dark {
20824
20824
  }
20825
20825
  .sm\:d-divide-y > * + * {
20826
20826
  --divide-y-reverse: 0;
20827
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
20828
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
20827
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
20828
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
20829
20829
  }
20830
20830
  .sm\:d-divide-y0 > * + * {
20831
20831
  --divide-y-reverse: 0;
20832
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
20833
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
20832
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
20833
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
20834
20834
  }
20835
20835
  .sm\:d-divide-y2 > * + * {
20836
20836
  --divide-y-reverse: 0;
20837
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
20838
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
20837
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
20838
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
20839
20839
  }
20840
20840
  .sm\:d-divide-y4 > * + * {
20841
20841
  --divide-y-reverse: 0;
20842
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
20843
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
20842
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
20843
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
20844
20844
  }
20845
20845
  .sm\:d-divide-y-reverse > * + * {
20846
20846
  --divide-y-reverse: 1;
20847
20847
  }
20848
20848
  .sm\:d-divide-x > * + * {
20849
20849
  --divide-x-reverse: 0;
20850
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
20851
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
20850
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
20851
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
20852
20852
  }
20853
20853
  .sm\:d-divide-x0 > * + * {
20854
20854
  --divide-x-reverse: 0;
20855
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
20856
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
20855
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
20856
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
20857
20857
  }
20858
20858
  .sm\:d-divide-x2 > * + * {
20859
20859
  --divide-x-reverse: 0;
20860
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
20861
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
20860
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
20861
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
20862
20862
  }
20863
20863
  .sm\:d-divide-x4 > * + * {
20864
20864
  --divide-x-reverse: 0;
20865
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
20866
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
20865
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
20866
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
20867
20867
  }
20868
20868
  .sm\:d-divide-x-reverse > * + * {
20869
20869
  --divide-x-reverse: 1;
@@ -22303,46 +22303,46 @@ body.theme-dark {
22303
22303
  }
22304
22304
  .md\:d-divide-y > * + * {
22305
22305
  --divide-y-reverse: 0;
22306
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
22307
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
22306
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
22307
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
22308
22308
  }
22309
22309
  .md\:d-divide-y0 > * + * {
22310
22310
  --divide-y-reverse: 0;
22311
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
22312
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
22311
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
22312
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
22313
22313
  }
22314
22314
  .md\:d-divide-y2 > * + * {
22315
22315
  --divide-y-reverse: 0;
22316
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
22317
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
22316
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
22317
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
22318
22318
  }
22319
22319
  .md\:d-divide-y4 > * + * {
22320
22320
  --divide-y-reverse: 0;
22321
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
22322
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
22321
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
22322
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
22323
22323
  }
22324
22324
  .md\:d-divide-y-reverse > * + * {
22325
22325
  --divide-y-reverse: 1;
22326
22326
  }
22327
22327
  .md\:d-divide-x > * + * {
22328
22328
  --divide-x-reverse: 0;
22329
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
22330
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
22329
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
22330
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
22331
22331
  }
22332
22332
  .md\:d-divide-x0 > * + * {
22333
22333
  --divide-x-reverse: 0;
22334
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
22335
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
22334
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
22335
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
22336
22336
  }
22337
22337
  .md\:d-divide-x2 > * + * {
22338
22338
  --divide-x-reverse: 0;
22339
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
22340
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
22339
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
22340
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
22341
22341
  }
22342
22342
  .md\:d-divide-x4 > * + * {
22343
22343
  --divide-x-reverse: 0;
22344
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
22345
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
22344
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
22345
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
22346
22346
  }
22347
22347
  .md\:d-divide-x-reverse > * + * {
22348
22348
  --divide-x-reverse: 1;
@@ -23782,46 +23782,46 @@ body.theme-dark {
23782
23782
  }
23783
23783
  .lg\:d-divide-y > * + * {
23784
23784
  --divide-y-reverse: 0;
23785
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
23786
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
23785
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
23786
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
23787
23787
  }
23788
23788
  .lg\:d-divide-y0 > * + * {
23789
23789
  --divide-y-reverse: 0;
23790
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
23791
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
23790
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
23791
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
23792
23792
  }
23793
23793
  .lg\:d-divide-y2 > * + * {
23794
23794
  --divide-y-reverse: 0;
23795
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
23796
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
23795
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
23796
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
23797
23797
  }
23798
23798
  .lg\:d-divide-y4 > * + * {
23799
23799
  --divide-y-reverse: 0;
23800
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
23801
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
23800
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
23801
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
23802
23802
  }
23803
23803
  .lg\:d-divide-y-reverse > * + * {
23804
23804
  --divide-y-reverse: 1;
23805
23805
  }
23806
23806
  .lg\:d-divide-x > * + * {
23807
23807
  --divide-x-reverse: 0;
23808
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
23809
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
23808
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
23809
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
23810
23810
  }
23811
23811
  .lg\:d-divide-x0 > * + * {
23812
23812
  --divide-x-reverse: 0;
23813
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
23814
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
23813
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
23814
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
23815
23815
  }
23816
23816
  .lg\:d-divide-x2 > * + * {
23817
23817
  --divide-x-reverse: 0;
23818
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
23819
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
23818
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
23819
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
23820
23820
  }
23821
23821
  .lg\:d-divide-x4 > * + * {
23822
23822
  --divide-x-reverse: 0;
23823
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
23824
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
23823
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
23824
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
23825
23825
  }
23826
23826
  .lg\:d-divide-x-reverse > * + * {
23827
23827
  --divide-x-reverse: 1;
@@ -25261,46 +25261,46 @@ body.theme-dark {
25261
25261
  }
25262
25262
  .xl\:d-divide-y > * + * {
25263
25263
  --divide-y-reverse: 0;
25264
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
25265
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
25264
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
25265
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
25266
25266
  }
25267
25267
  .xl\:d-divide-y0 > * + * {
25268
25268
  --divide-y-reverse: 0;
25269
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
25270
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
25269
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
25270
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
25271
25271
  }
25272
25272
  .xl\:d-divide-y2 > * + * {
25273
25273
  --divide-y-reverse: 0;
25274
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
25275
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
25274
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
25275
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
25276
25276
  }
25277
25277
  .xl\:d-divide-y4 > * + * {
25278
25278
  --divide-y-reverse: 0;
25279
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
25280
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
25279
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
25280
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
25281
25281
  }
25282
25282
  .xl\:d-divide-y-reverse > * + * {
25283
25283
  --divide-y-reverse: 1;
25284
25284
  }
25285
25285
  .xl\:d-divide-x > * + * {
25286
25286
  --divide-x-reverse: 0;
25287
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
25288
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
25287
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
25288
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
25289
25289
  }
25290
25290
  .xl\:d-divide-x0 > * + * {
25291
25291
  --divide-x-reverse: 0;
25292
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
25293
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
25292
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
25293
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
25294
25294
  }
25295
25295
  .xl\:d-divide-x2 > * + * {
25296
25296
  --divide-x-reverse: 0;
25297
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
25298
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
25297
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
25298
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
25299
25299
  }
25300
25300
  .xl\:d-divide-x4 > * + * {
25301
25301
  --divide-x-reverse: 0;
25302
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
25303
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
25302
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
25303
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
25304
25304
  }
25305
25305
  .xl\:d-divide-x-reverse > * + * {
25306
25306
  --divide-x-reverse: 1;
package/lib/dist/svg/v7/close.svg ADDED
@@ -0,0 +1 @@
1
+ <svg aria-hidden="true" focusable="false" data-name="Close" class="d-icon d-icon--close" viewBox="0 0 12 12"><path fill="currentColor" fill-rule="evenodd" d="M2.646 2.646a.5.5 0 0 1 .708 0L6 5.293l2.646-2.647a.5.5 0 1 1 .708.708L6.707 6l2.647 2.646a.5.5 0 1 1-.708.708L6 6.707 3.354 9.354a.5.5 0 1 1-.708-.708L5.293 6 2.646 3.354a.5.5 0 0 1 0-.708Z" clip-rule="evenodd"/></svg>
package/lib/dist/vue/v7/Close.vue ADDED
@@ -0,0 +1,3 @@
1
+ <template>
2
+ <svg aria-hidden="true" focusable="false" data-name="Close" class="d-icon d-icon--close" viewBox="0 0 12 12"><path fill="currentColor" fill-rule="evenodd" d="M2.646 2.646a.5.5 0 0 1 .708 0L6 5.293l2.646-2.647a.5.5 0 1 1 .708.708L6.707 6l2.647 2.646a.5.5 0 1 1-.708.708L6 6.707 3.354 9.354a.5.5 0 1 1-.708-.708L5.293 6 2.646 3.354a.5.5 0 0 1 0-.708Z" clip-rule="evenodd"/></svg>
3
+ </template>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone",
3
- "version": "7.4.0",
3
+ "version": "7.4.1",
4
4
  "description": "The design system for Dialpad and UberConference",
5
5
  "author": "Joshua Hynes",
6
6
  "scripts": {
package/lib/dist/svg/v7/x.svg DELETED
@@ -1 +0,0 @@
1
- <svg aria-hidden="true" focusable="false" data-name="X" class="d-icon d-icon--x" viewBox="0 0 12 12"><path fill="currentColor" fill-rule="evenodd" d="M2.646 2.646a.5.5 0 0 1 .708 0L6 5.293l2.646-2.647a.5.5 0 1 1 .708.708L6.707 6l2.647 2.646a.5.5 0 1 1-.708.708L6 6.707 3.354 9.354a.5.5 0 1 1-.708-.708L5.293 6 2.646 3.354a.5.5 0 0 1 0-.708Z" clip-rule="evenodd"/></svg>
package/lib/dist/vue/v7/X.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <svg aria-hidden="true" focusable="false" data-name="X" class="d-icon d-icon--x" viewBox="0 0 12 12"><path fill="currentColor" fill-rule="evenodd" d="M2.646 2.646a.5.5 0 0 1 .708 0L6 5.293l2.646-2.647a.5.5 0 1 1 .708.708L6.707 6l2.647 2.646a.5.5 0 1 1-.708.708L6 6.707 3.354 9.354a.5.5 0 1 1-.708-.708L5.293 6 2.646 3.354a.5.5 0 0 1 0-.708Z" clip-rule="evenodd"/></svg>
3
- </template>