@db-ux/core-components 4.6.1 → 4.7.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.
- package/CHANGELOG.md +28 -16
- package/build/components/accordion-item/accordion-item.css +5 -3
- package/build/components/badge/badge.css +13 -7
- package/build/components/brand/brand.css +3 -3
- package/build/components/button/button.css +3 -1
- package/build/components/card/card.css +10 -6
- package/build/components/checkbox/checkbox.css +25 -21
- package/build/components/custom-button/custom-button.css +3 -1
- package/build/components/custom-select/custom-select.css +19 -15
- package/build/components/custom-select-dropdown/custom-select-dropdown.css +11 -3
- package/build/components/custom-select-form-field/custom-select-form-field.css +8 -6
- package/build/components/custom-select-list/custom-select-list.css +4 -2
- package/build/components/custom-select-list-item/custom-select-list-item.css +7 -5
- package/build/components/drawer/drawer.css +3 -3
- package/build/components/header/header.css +115 -60
- package/build/components/icon/icon.css +4 -2
- package/build/components/infotext/infotext.css +15 -15
- package/build/components/input/input.css +12 -10
- package/build/components/navigation/navigation.css +28 -12
- package/build/components/navigation-item/navigation-item.css +39 -19
- package/build/components/notification/notification.css +5 -5
- package/build/components/notification/notification.scss +1 -1
- package/build/components/page/page.css +13 -11
- package/build/components/popover/popover.css +25 -13
- package/build/components/radio/radio.css +10 -8
- package/build/components/section/section.css +3 -3
- package/build/components/select/select.css +11 -11
- package/build/components/select/select.scss +4 -4
- package/build/components/stack/stack-web-component.css +3 -3
- package/build/components/stack/stack.css +3 -3
- package/build/components/switch/switch.css +30 -20
- package/build/components/tab-item/tab-item.css +17 -9
- package/build/components/tab-list/tab-list.css +15 -7
- package/build/components/tabs/tabs.css +21 -15
- package/build/components/tag/tag.css +32 -11
- package/build/components/textarea/textarea.css +27 -17
- package/build/components/tooltip/tooltip.css +19 -9
- package/build/styles/absolute.css +32 -18
- package/build/styles/bundle.css +32 -18
- package/build/styles/index.css +31 -17
- package/build/styles/relative.css +32 -18
- package/build/styles/rollup.css +32 -18
- package/build/styles/webpack.css +32 -18
- package/package.json +6 -6
|
@@ -45,7 +45,6 @@
|
|
|
45
45
|
|
|
46
46
|
.db-tooltip {
|
|
47
47
|
--db-popover-distance: var(--db-spacing-fixed-2xs);
|
|
48
|
-
/* This is for pure html css without using JS */
|
|
49
48
|
}
|
|
50
49
|
.db-tooltip::before {
|
|
51
50
|
content: "";
|
|
@@ -78,6 +77,9 @@
|
|
|
78
77
|
.db-tooltip:is(.db-tooltip) {
|
|
79
78
|
--db-popover-distance: var(--db-spacing-fixed-sm);
|
|
80
79
|
}
|
|
80
|
+
.db-tooltip {
|
|
81
|
+
/* This is for pure html css without using JS */
|
|
82
|
+
}
|
|
81
83
|
.db-tooltip:not([data-corrected-placement])[data-placement^=bottom][data-placement$=end], .db-tooltip:not([data-corrected-placement])[data-placement^=top][data-placement$=end] {
|
|
82
84
|
inset-inline-end: 0;
|
|
83
85
|
}
|
|
@@ -146,8 +148,6 @@
|
|
|
146
148
|
@media (prefers-reduced-motion: no-preference) {
|
|
147
149
|
.db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=bottom][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true].db-tooltip:first-of-type {
|
|
148
150
|
animation: popover-animation var(--db-transition-straight-emotional) normal both;
|
|
149
|
-
/* stylelint-disable-next-line media-query-no-invalid */
|
|
150
|
-
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
151
151
|
}
|
|
152
152
|
.db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-corrected-placement^=bottom][data-animation=true][data-delay=slow].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true][data-delay=slow].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true][data-delay=slow].db-tooltip:first-of-type {
|
|
153
153
|
animation-delay: var(--db-transition-duration-extra-slow);
|
|
@@ -155,6 +155,10 @@
|
|
|
155
155
|
.db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-corrected-placement^=bottom][data-animation=true][data-delay=fast].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true][data-delay=fast].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true][data-delay=fast].db-tooltip:first-of-type {
|
|
156
156
|
animation-delay: var(--db-transition-duration-medium);
|
|
157
157
|
}
|
|
158
|
+
.db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=bottom][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true].db-tooltip:first-of-type {
|
|
159
|
+
/* stylelint-disable-next-line media-query-no-invalid */
|
|
160
|
+
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
161
|
+
}
|
|
158
162
|
}
|
|
159
163
|
@media (prefers-reduced-motion: no-preference) and (width <= 64em) {
|
|
160
164
|
.db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-corrected-placement^=bottom][data-animation=true].db-tooltip[data-e2e-hover=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true].db-tooltip:not([data-delay]):first-of-type {
|
|
@@ -177,8 +181,6 @@
|
|
|
177
181
|
@media (prefers-reduced-motion: no-preference) {
|
|
178
182
|
[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=top][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true].db-tooltip:first-of-type {
|
|
179
183
|
animation: popover-animation var(--db-transition-straight-emotional) normal both;
|
|
180
|
-
/* stylelint-disable-next-line media-query-no-invalid */
|
|
181
|
-
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
182
184
|
}
|
|
183
185
|
[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-corrected-placement^=top][data-animation=true][data-delay=slow].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true][data-delay=slow].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true][data-delay=slow].db-tooltip:first-of-type {
|
|
184
186
|
animation-delay: var(--db-transition-duration-extra-slow);
|
|
@@ -186,6 +188,10 @@
|
|
|
186
188
|
[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-corrected-placement^=top][data-animation=true][data-delay=fast].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true][data-delay=fast].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true][data-delay=fast].db-tooltip:first-of-type {
|
|
187
189
|
animation-delay: var(--db-transition-duration-medium);
|
|
188
190
|
}
|
|
191
|
+
[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=top][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true].db-tooltip:first-of-type {
|
|
192
|
+
/* stylelint-disable-next-line media-query-no-invalid */
|
|
193
|
+
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
194
|
+
}
|
|
189
195
|
}
|
|
190
196
|
@media (prefers-reduced-motion: no-preference) and (width <= 64em) {
|
|
191
197
|
[data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-corrected-placement^=top][data-animation=true].db-tooltip[data-e2e-hover=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true].db-tooltip:not([data-delay]):first-of-type {
|
|
@@ -208,8 +214,6 @@
|
|
|
208
214
|
@media (prefers-reduced-motion: no-preference) {
|
|
209
215
|
[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=right][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true].db-tooltip:first-of-type {
|
|
210
216
|
animation: popover-animation var(--db-transition-straight-emotional) normal both;
|
|
211
|
-
/* stylelint-disable-next-line media-query-no-invalid */
|
|
212
|
-
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
213
217
|
}
|
|
214
218
|
[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-corrected-placement^=right][data-animation=true][data-delay=slow].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true][data-delay=slow].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true][data-delay=slow].db-tooltip:first-of-type {
|
|
215
219
|
animation-delay: var(--db-transition-duration-extra-slow);
|
|
@@ -217,6 +221,10 @@
|
|
|
217
221
|
[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-corrected-placement^=right][data-animation=true][data-delay=fast].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true][data-delay=fast].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true][data-delay=fast].db-tooltip:first-of-type {
|
|
218
222
|
animation-delay: var(--db-transition-duration-medium);
|
|
219
223
|
}
|
|
224
|
+
[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=right][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true].db-tooltip:first-of-type {
|
|
225
|
+
/* stylelint-disable-next-line media-query-no-invalid */
|
|
226
|
+
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
227
|
+
}
|
|
220
228
|
}
|
|
221
229
|
@media (prefers-reduced-motion: no-preference) and (width <= 64em) {
|
|
222
230
|
[data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-corrected-placement^=right][data-animation=true].db-tooltip[data-e2e-hover=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true].db-tooltip:not([data-delay]):first-of-type {
|
|
@@ -239,8 +247,6 @@
|
|
|
239
247
|
@media (prefers-reduced-motion: no-preference) {
|
|
240
248
|
[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=left][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true].db-tooltip:first-of-type {
|
|
241
249
|
animation: popover-animation var(--db-transition-straight-emotional) normal both;
|
|
242
|
-
/* stylelint-disable-next-line media-query-no-invalid */
|
|
243
|
-
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
244
250
|
}
|
|
245
251
|
[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-corrected-placement^=left][data-animation=true][data-delay=slow].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true][data-delay=slow].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true][data-delay=slow].db-tooltip:first-of-type {
|
|
246
252
|
animation-delay: var(--db-transition-duration-extra-slow);
|
|
@@ -248,6 +254,10 @@
|
|
|
248
254
|
[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-corrected-placement^=left][data-animation=true][data-delay=fast].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true][data-delay=fast].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true][data-delay=fast].db-tooltip:first-of-type {
|
|
249
255
|
animation-delay: var(--db-transition-duration-medium);
|
|
250
256
|
}
|
|
257
|
+
[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=left][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true].db-tooltip:first-of-type {
|
|
258
|
+
/* stylelint-disable-next-line media-query-no-invalid */
|
|
259
|
+
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
260
|
+
}
|
|
251
261
|
}
|
|
252
262
|
@media (prefers-reduced-motion: no-preference) and (width <= 64em) {
|
|
253
263
|
[data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-corrected-placement^=left][data-animation=true].db-tooltip[data-e2e-hover=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true].db-tooltip:not([data-delay]):first-of-type {
|