@dialpad/dialtone-css 8.70.1 → 8.70.3
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/lib/build/js/dialtone_migrate_flex_to_stack/examples-edge-cases.vue +329 -0
- package/lib/build/js/dialtone_migrate_flex_to_stack/index.mjs +1377 -0
- package/lib/build/less/components/button.less +8 -0
- package/lib/build/less/components/modal.less +0 -2
- package/lib/build/less/components/popover.less +0 -1
- package/lib/build/less/dialtone.less +23 -0
- package/lib/dist/dialtone-default-theme.css +27 -3
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +100 -76
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/js/dialtone_migrate_flex_to_stack/examples-edge-cases.vue +329 -0
- package/lib/dist/js/dialtone_migrate_flex_to_stack/index.mjs +1377 -0
- package/lib/dist/tokens-docs.json +1 -1
- package/package.json +3 -2
|
@@ -765,6 +765,14 @@
|
|
|
765
765
|
border-bottom-right-radius: 0;
|
|
766
766
|
}
|
|
767
767
|
|
|
768
|
+
&__alpha:not(.d-btn--outlined) {
|
|
769
|
+
border-inline-end: 0;
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
&__omega:not(.d-btn--outlined) {
|
|
773
|
+
border-inline-start: 0;
|
|
774
|
+
}
|
|
775
|
+
|
|
768
776
|
&__omega:disabled:not(.d-btn--outlined),
|
|
769
777
|
&__omega:disabled:not(.d-btn--primary),
|
|
770
778
|
&__omega.d-btn--primary,
|
|
@@ -83,7 +83,6 @@
|
|
|
83
83
|
font-size: var(--dt-font-size-200);
|
|
84
84
|
line-height: var(--dt-font-line-height-400);
|
|
85
85
|
background-color: var(--modal-dialog-color-background);
|
|
86
|
-
background-clip: padding-box;
|
|
87
86
|
border: var(--dt-size-100) solid var(--modal-dialog-color-border);
|
|
88
87
|
border-radius: var(--dt-size-500);
|
|
89
88
|
box-shadow: var(--modal-dialog-shadow);
|
|
@@ -171,7 +170,6 @@
|
|
|
171
170
|
font-size: var(--dt-font-size-200);
|
|
172
171
|
line-height: var(--dt-font-line-height-300);
|
|
173
172
|
background-color: var(--modal-banner-color-background);
|
|
174
|
-
background-clip: padding-box;
|
|
175
173
|
border: var(--dt-size-100) solid var(--modal-dialog-color-border);
|
|
176
174
|
border-bottom-width: 0;
|
|
177
175
|
border-radius: var(--dt-size-500) var(--dt-size-500) 0 0;
|
|
@@ -45,7 +45,6 @@
|
|
|
45
45
|
overflow: auto;
|
|
46
46
|
color: var(--dt-color-foreground-primary);
|
|
47
47
|
background-color: var(--popover-color-background);
|
|
48
|
-
background-clip: padding-box;
|
|
49
48
|
border: var(--popover-border-width) solid var(--popover-color-border);
|
|
50
49
|
border-radius: var(--popover-border-radius);
|
|
51
50
|
box-shadow: var(--popover-shadow);
|
|
@@ -98,3 +98,26 @@
|
|
|
98
98
|
// -- THEMES & GLOBAL SETTINGS
|
|
99
99
|
@import 'dialtone-globals';
|
|
100
100
|
@import 'themes/default';
|
|
101
|
+
|
|
102
|
+
// -- DEBUG
|
|
103
|
+
[data-migrate-outline] {
|
|
104
|
+
--outline-color: orangered;
|
|
105
|
+
--outline-size: var(--dt-size-200);
|
|
106
|
+
--outline-offset: calc(var(--outline-size) * -1);
|
|
107
|
+
|
|
108
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
109
|
+
outline: var(--outline-size) solid var(--outline-color) !important;
|
|
110
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
111
|
+
outline-offset: var(--outline-offset);
|
|
112
|
+
|
|
113
|
+
&:hover {
|
|
114
|
+
--outline-color: transparent;
|
|
115
|
+
}
|
|
116
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
117
|
+
> * {
|
|
118
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
119
|
+
outline: var(--outline-size) dotted var(--outline-color);
|
|
120
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
121
|
+
outline-offset: var(--outline-offset);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
@@ -2154,6 +2154,14 @@ template {
|
|
|
2154
2154
|
border-top-right-radius: 0;
|
|
2155
2155
|
border-bottom-right-radius: 0;
|
|
2156
2156
|
}
|
|
2157
|
+
.d-split-btn__alpha:not(.d-btn--outlined) {
|
|
2158
|
+
-webkit-border-end: 0;
|
|
2159
|
+
border-inline-end: 0;
|
|
2160
|
+
}
|
|
2161
|
+
.d-split-btn__omega:not(.d-btn--outlined) {
|
|
2162
|
+
-webkit-border-start: 0;
|
|
2163
|
+
border-inline-start: 0;
|
|
2164
|
+
}
|
|
2157
2165
|
.d-split-btn__omega:disabled:not(.d-btn--outlined),
|
|
2158
2166
|
.d-split-btn__omega:disabled:not(.d-btn--primary),
|
|
2159
2167
|
.d-split-btn__omega.d-btn--primary,
|
|
@@ -3586,7 +3594,6 @@ legend .d-label--md {
|
|
|
3586
3594
|
font-size: var(--dt-font-size-200);
|
|
3587
3595
|
line-height: var(--dt-font-line-height-400);
|
|
3588
3596
|
background-color: var(--modal-dialog-color-background);
|
|
3589
|
-
background-clip: padding-box;
|
|
3590
3597
|
border: var(--dt-size-100) solid var(--modal-dialog-color-border);
|
|
3591
3598
|
border-radius: var(--dt-size-500);
|
|
3592
3599
|
box-shadow: var(--modal-dialog-shadow);
|
|
@@ -3646,7 +3653,6 @@ legend .d-label--md {
|
|
|
3646
3653
|
font-size: var(--dt-font-size-200);
|
|
3647
3654
|
line-height: var(--dt-font-line-height-300);
|
|
3648
3655
|
background-color: var(--modal-banner-color-background);
|
|
3649
|
-
background-clip: padding-box;
|
|
3650
3656
|
border: var(--dt-size-100) solid var(--modal-dialog-color-border);
|
|
3651
3657
|
border-bottom-width: 0;
|
|
3652
3658
|
border-radius: var(--dt-size-500) var(--dt-size-500) 0 0;
|
|
@@ -4164,7 +4170,6 @@ legend .d-label--md {
|
|
|
4164
4170
|
overflow: auto;
|
|
4165
4171
|
color: var(--dt-color-foreground-primary);
|
|
4166
4172
|
background-color: var(--popover-color-background);
|
|
4167
|
-
background-clip: padding-box;
|
|
4168
4173
|
border: var(--popover-border-width) solid var(--popover-color-border);
|
|
4169
4174
|
border-radius: var(--popover-border-radius);
|
|
4170
4175
|
box-shadow: var(--popover-shadow);
|
|
@@ -10577,6 +10582,25 @@ body {
|
|
|
10577
10582
|
--base--line-height: var(--dt-font-line-height-300);
|
|
10578
10583
|
--base--corner-radius: 0.25em;
|
|
10579
10584
|
}
|
|
10585
|
+
[data-migrate-outline] {
|
|
10586
|
+
--outline-color: orangered;
|
|
10587
|
+
--outline-size: var(--dt-size-200);
|
|
10588
|
+
--outline-offset: calc(var(--outline-size) * -1);
|
|
10589
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10590
|
+
outline: var(--outline-size) solid var(--outline-color) !important;
|
|
10591
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10592
|
+
outline-offset: var(--outline-offset);
|
|
10593
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10594
|
+
}
|
|
10595
|
+
[data-migrate-outline]:hover {
|
|
10596
|
+
--outline-color: transparent;
|
|
10597
|
+
}
|
|
10598
|
+
[data-migrate-outline] > * {
|
|
10599
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10600
|
+
outline: var(--outline-size) dotted var(--outline-color);
|
|
10601
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10602
|
+
outline-offset: var(--outline-offset);
|
|
10603
|
+
}
|
|
10580
10604
|
/**
|
|
10581
10605
|
* Do not edit directly, this file was auto-generated.
|
|
10582
10606
|
*/
|