@dialpad/dialtone 6.26.0 → 6.27.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.
|
@@ -219,6 +219,18 @@
|
|
|
219
219
|
padding: calc(var(--su8) + var(--su1));
|
|
220
220
|
transition-duration: 150ms;
|
|
221
221
|
|
|
222
|
+
&:hover {
|
|
223
|
+
--button--fc: var(--muted-color-hover);
|
|
224
|
+
--button--bgc: hsla(var(--black-800-hsl) ~' / ' 3%);
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
&:active,
|
|
228
|
+
&.d-btn--active,
|
|
229
|
+
&.d-btn--active:active {
|
|
230
|
+
--button--fc: var(--muted-color-hover);
|
|
231
|
+
--button--bgc: hsla(var(--black-800-hsl) ~' / ' 9%);
|
|
232
|
+
}
|
|
233
|
+
|
|
222
234
|
&:focus-visible {
|
|
223
235
|
box-shadow: var(--bs-focus-ring-circle);
|
|
224
236
|
}
|
|
@@ -291,14 +303,16 @@
|
|
|
291
303
|
.d-btn--muted {
|
|
292
304
|
--button--fc: var(--muted-color);
|
|
293
305
|
|
|
294
|
-
&:hover
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
--button--bgc: hsla(var(--black-800-hsl) ~' / ' 3%);
|
|
306
|
+
&:hover {
|
|
307
|
+
--button--fc: var(--muted-color-hover);
|
|
308
|
+
--button--bgc: hsla(var(--black-800-hsl) ~' / ' 3%);
|
|
298
309
|
}
|
|
299
310
|
|
|
300
|
-
&:active
|
|
301
|
-
|
|
311
|
+
&:active,
|
|
312
|
+
&.d-btn--active,
|
|
313
|
+
&.d-btn--active:active {
|
|
314
|
+
--button--fc: var(--muted-color-hover);
|
|
315
|
+
--button--bgc: hsla(var(--black-800-hsl) ~' / ' 9%);
|
|
302
316
|
}
|
|
303
317
|
|
|
304
318
|
&:focus-visible {
|
|
@@ -214,6 +214,17 @@
|
|
|
214
214
|
}
|
|
215
215
|
}
|
|
216
216
|
|
|
217
|
+
// $$ SCROLLABLE
|
|
218
|
+
// ----------------------------------------------------------------------------
|
|
219
|
+
.d-modal__dialog--scrollable {
|
|
220
|
+
display: flex;
|
|
221
|
+
flex-direction: column;
|
|
222
|
+
|
|
223
|
+
.d-modal__content {
|
|
224
|
+
overflow-y: auto;
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
|
|
217
228
|
// $$ DANGER
|
|
218
229
|
// ----------------------------------------------------------------------------
|
|
219
230
|
.d-modal--danger {
|
|
@@ -813,6 +813,16 @@ body {
|
|
|
813
813
|
padding: calc(var(--su8) + var(--su1));
|
|
814
814
|
transition-duration: 150ms;
|
|
815
815
|
}
|
|
816
|
+
.d-btn--circle:hover {
|
|
817
|
+
--button--fc: var(--muted-color-hover);
|
|
818
|
+
--button--bgc: hsla(var(--black-800-hsl) / 3%);
|
|
819
|
+
}
|
|
820
|
+
.d-btn--circle:active,
|
|
821
|
+
.d-btn--circle.d-btn--active,
|
|
822
|
+
.d-btn--circle.d-btn--active:active {
|
|
823
|
+
--button--fc: var(--muted-color-hover);
|
|
824
|
+
--button--bgc: hsla(var(--black-800-hsl) / 9%);
|
|
825
|
+
}
|
|
816
826
|
.d-btn--circle.focus-visible {
|
|
817
827
|
box-shadow: var(--bs-focus-ring-circle);
|
|
818
828
|
}
|
|
@@ -864,12 +874,14 @@ body {
|
|
|
864
874
|
.d-btn--muted {
|
|
865
875
|
--button--fc: var(--muted-color);
|
|
866
876
|
}
|
|
867
|
-
.d-btn--muted:hover
|
|
868
|
-
.d-btn--muted:active {
|
|
877
|
+
.d-btn--muted:hover {
|
|
869
878
|
--button--fc: var(--muted-color-hover);
|
|
870
879
|
--button--bgc: hsla(var(--black-800-hsl) / 3%);
|
|
871
880
|
}
|
|
872
|
-
.d-btn--muted:active
|
|
881
|
+
.d-btn--muted:active,
|
|
882
|
+
.d-btn--muted.d-btn--active,
|
|
883
|
+
.d-btn--muted.d-btn--active:active {
|
|
884
|
+
--button--fc: var(--muted-color-hover);
|
|
873
885
|
--button--bgc: hsla(var(--black-800-hsl) / 9%);
|
|
874
886
|
}
|
|
875
887
|
.d-btn--muted.focus-visible {
|
|
@@ -1746,6 +1758,13 @@ legend .d-label {
|
|
|
1746
1758
|
padding: var(--su12) var(--su32);
|
|
1747
1759
|
border-radius: 0;
|
|
1748
1760
|
}
|
|
1761
|
+
.d-modal__dialog--scrollable {
|
|
1762
|
+
display: flex;
|
|
1763
|
+
flex-direction: column;
|
|
1764
|
+
}
|
|
1765
|
+
.d-modal__dialog--scrollable .d-modal__content {
|
|
1766
|
+
overflow-y: auto;
|
|
1767
|
+
}
|
|
1749
1768
|
.d-modal--danger {
|
|
1750
1769
|
--modal-header--fc: var(--fc-error);
|
|
1751
1770
|
}
|
|
@@ -20209,6 +20228,13 @@ body.theme-dark {
|
|
|
20209
20228
|
padding: var(--su12) var(--su32);
|
|
20210
20229
|
border-radius: 0;
|
|
20211
20230
|
}
|
|
20231
|
+
.sm\:d-modal__dialog--scrollable {
|
|
20232
|
+
display: flex;
|
|
20233
|
+
flex-direction: column;
|
|
20234
|
+
}
|
|
20235
|
+
.sm\:d-modal__dialog--scrollable .d-modal__content {
|
|
20236
|
+
overflow-y: auto;
|
|
20237
|
+
}
|
|
20212
20238
|
.sm\:d-modal--danger {
|
|
20213
20239
|
--modal-header--fc: var(--fc-error);
|
|
20214
20240
|
}
|
|
@@ -21378,6 +21404,13 @@ body.theme-dark {
|
|
|
21378
21404
|
padding: var(--su12) var(--su32);
|
|
21379
21405
|
border-radius: 0;
|
|
21380
21406
|
}
|
|
21407
|
+
.md\:d-modal__dialog--scrollable {
|
|
21408
|
+
display: flex;
|
|
21409
|
+
flex-direction: column;
|
|
21410
|
+
}
|
|
21411
|
+
.md\:d-modal__dialog--scrollable .d-modal__content {
|
|
21412
|
+
overflow-y: auto;
|
|
21413
|
+
}
|
|
21381
21414
|
.md\:d-modal--danger {
|
|
21382
21415
|
--modal-header--fc: var(--fc-error);
|
|
21383
21416
|
}
|
|
@@ -22547,6 +22580,13 @@ body.theme-dark {
|
|
|
22547
22580
|
padding: var(--su12) var(--su32);
|
|
22548
22581
|
border-radius: 0;
|
|
22549
22582
|
}
|
|
22583
|
+
.lg\:d-modal__dialog--scrollable {
|
|
22584
|
+
display: flex;
|
|
22585
|
+
flex-direction: column;
|
|
22586
|
+
}
|
|
22587
|
+
.lg\:d-modal__dialog--scrollable .d-modal__content {
|
|
22588
|
+
overflow-y: auto;
|
|
22589
|
+
}
|
|
22550
22590
|
.lg\:d-modal--danger {
|
|
22551
22591
|
--modal-header--fc: var(--fc-error);
|
|
22552
22592
|
}
|
|
@@ -23716,6 +23756,13 @@ body.theme-dark {
|
|
|
23716
23756
|
padding: var(--su12) var(--su32);
|
|
23717
23757
|
border-radius: 0;
|
|
23718
23758
|
}
|
|
23759
|
+
.xl\:d-modal__dialog--scrollable {
|
|
23760
|
+
display: flex;
|
|
23761
|
+
flex-direction: column;
|
|
23762
|
+
}
|
|
23763
|
+
.xl\:d-modal__dialog--scrollable .d-modal__content {
|
|
23764
|
+
overflow-y: auto;
|
|
23765
|
+
}
|
|
23719
23766
|
.xl\:d-modal--danger {
|
|
23720
23767
|
--modal-header--fc: var(--fc-error);
|
|
23721
23768
|
}
|