@dialpad/dialtone-css 8.71.0-next.1 → 8.71.0-next.2
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 +160 -0
- package/lib/build/js/dialtone_migrate_flex_to_stack/index.mjs +1033 -0
- package/lib/build/less/components/button.less +8 -0
- package/lib/build/less/dialtone.less +23 -0
- package/lib/dist/dialtone-default-theme.css +27 -0
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +100 -73
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/js/dialtone_migrate_flex_to_stack/examples-edge-cases.vue +160 -0
- package/lib/dist/js/dialtone_migrate_flex_to_stack/index.mjs +1033 -0
- package/lib/dist/tokens-docs.json +1 -1
- package/package.json +5 -4
|
@@ -766,6 +766,14 @@
|
|
|
766
766
|
border-end-end-radius: 0;
|
|
767
767
|
}
|
|
768
768
|
|
|
769
|
+
&__alpha:not(.d-btn--outlined) {
|
|
770
|
+
border-inline-end: 0;
|
|
771
|
+
}
|
|
772
|
+
|
|
773
|
+
&__omega:not(.d-btn--outlined) {
|
|
774
|
+
border-inline-start: 0;
|
|
775
|
+
}
|
|
776
|
+
|
|
769
777
|
&__omega:disabled:not(.d-btn--outlined),
|
|
770
778
|
&__omega:disabled:not(.d-btn--primary),
|
|
771
779
|
&__omega.d-btn--primary,
|
|
@@ -100,3 +100,26 @@
|
|
|
100
100
|
// -- THEMES & GLOBAL SETTINGS
|
|
101
101
|
@import 'dialtone-globals';
|
|
102
102
|
@import 'themes/default';
|
|
103
|
+
|
|
104
|
+
// -- DEBUG
|
|
105
|
+
[data-migrate-outline] {
|
|
106
|
+
--outline-color: orangered;
|
|
107
|
+
--outline-size: var(--dt-size-200);
|
|
108
|
+
--outline-offset: calc(var(--outline-size) * -1);
|
|
109
|
+
|
|
110
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
111
|
+
outline: var(--outline-size) solid var(--outline-color) !important;
|
|
112
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
113
|
+
outline-offset: var(--outline-offset);
|
|
114
|
+
|
|
115
|
+
&:hover {
|
|
116
|
+
--outline-color: transparent;
|
|
117
|
+
}
|
|
118
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
119
|
+
> * {
|
|
120
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
121
|
+
outline: var(--outline-size) dotted var(--outline-color);
|
|
122
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
123
|
+
outline-offset: var(--outline-offset);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
@@ -2168,6 +2168,14 @@ template {
|
|
|
2168
2168
|
border-start-end-radius: 0;
|
|
2169
2169
|
border-end-end-radius: 0;
|
|
2170
2170
|
}
|
|
2171
|
+
.d-split-btn__alpha:not(.d-btn--outlined) {
|
|
2172
|
+
-webkit-border-end: 0;
|
|
2173
|
+
border-inline-end: 0;
|
|
2174
|
+
}
|
|
2175
|
+
.d-split-btn__omega:not(.d-btn--outlined) {
|
|
2176
|
+
-webkit-border-start: 0;
|
|
2177
|
+
border-inline-start: 0;
|
|
2178
|
+
}
|
|
2171
2179
|
.d-split-btn__omega:disabled:not(.d-btn--outlined),
|
|
2172
2180
|
.d-split-btn__omega:disabled:not(.d-btn--primary),
|
|
2173
2181
|
.d-split-btn__omega.d-btn--primary,
|
|
@@ -10810,6 +10818,25 @@ body {
|
|
|
10810
10818
|
--base--line-height: var(--dt-font-line-height-300);
|
|
10811
10819
|
--base--corner-radius: 0.25em;
|
|
10812
10820
|
}
|
|
10821
|
+
[data-migrate-outline] {
|
|
10822
|
+
--outline-color: orangered;
|
|
10823
|
+
--outline-size: var(--dt-size-200);
|
|
10824
|
+
--outline-offset: calc(var(--outline-size) * -1);
|
|
10825
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10826
|
+
outline: var(--outline-size) solid var(--outline-color) !important;
|
|
10827
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10828
|
+
outline-offset: var(--outline-offset);
|
|
10829
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10830
|
+
}
|
|
10831
|
+
[data-migrate-outline]:hover {
|
|
10832
|
+
--outline-color: transparent;
|
|
10833
|
+
}
|
|
10834
|
+
[data-migrate-outline] > * {
|
|
10835
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10836
|
+
outline: var(--outline-size) dotted var(--outline-color);
|
|
10837
|
+
/* stylelint-disable-next-line meowtec/no-px */
|
|
10838
|
+
outline-offset: var(--outline-offset);
|
|
10839
|
+
}
|
|
10813
10840
|
/**
|
|
10814
10841
|
* Do not edit directly, this file was auto-generated.
|
|
10815
10842
|
*/
|