@db-ux/core-components 4.5.2 → 4.5.4-mcp-e4cd7e6

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 (40) hide show
  1. package/CHANGELOG.md +29 -15
  2. package/build/components/accordion-item/accordion-item.css +2 -2
  3. package/build/components/accordion-item/accordion-item.scss +1 -1
  4. package/build/components/custom-button/custom-button.css +1 -1
  5. package/build/components/custom-select/custom-select.css +6 -6
  6. package/build/components/custom-select-dropdown/custom-select-dropdown.css +3 -3
  7. package/build/components/custom-select-dropdown/custom-select-dropdown.scss +1 -1
  8. package/build/components/custom-select-list-item/custom-select-list-item.css +1 -1
  9. package/build/components/drawer/drawer.css +2 -2
  10. package/build/components/drawer/drawer.scss +2 -2
  11. package/build/components/header/header.css +22 -22
  12. package/build/components/input/input.css +6 -6
  13. package/build/components/input/input.scss +1 -1
  14. package/build/components/navigation/navigation.css +12 -12
  15. package/build/components/navigation/navigation.scss +1 -1
  16. package/build/components/navigation-item/navigation-item.css +11 -11
  17. package/build/components/navigation-item/navigation-item.scss +2 -2
  18. package/build/components/page/page.css +47 -41
  19. package/build/components/page/page.scss +31 -27
  20. package/build/components/popover/popover.css +12 -12
  21. package/build/components/radio/radio.css +1 -1
  22. package/build/components/radio/radio.scss +1 -1
  23. package/build/components/select/select.css +5 -5
  24. package/build/components/switch/switch.css +3 -6
  25. package/build/components/switch/switch.scss +3 -7
  26. package/build/components/tab-item/tab-item.css +1 -1
  27. package/build/components/tabs/tabs.css +3 -3
  28. package/build/components/textarea/textarea.css +5 -5
  29. package/build/components/textarea/textarea.scss +2 -2
  30. package/build/components/tooltip/tooltip.css +12 -12
  31. package/build/styles/absolute.css +7 -7
  32. package/build/styles/index.css +7 -7
  33. package/build/styles/internal/_db-puls.scss +3 -3
  34. package/build/styles/internal/_form-components.scss +3 -3
  35. package/build/styles/internal/_popover-component.scss +2 -2
  36. package/build/styles/internal/_select-components.scss +1 -1
  37. package/build/styles/relative.css +7 -7
  38. package/build/styles/rollup.css +7 -7
  39. package/build/styles/webpack.css +7 -7
  40. package/package.json +5 -5
package/build/components/tooltip/tooltip.css CHANGED
@@ -228,13 +228,13 @@
228
228
  opacity: 1;
229
229
  transform: translate(var(--db-popover-center-x, 0), var(--db-popover-center-y, 0));
230
230
  }
231
- @media screen and (prefers-reduced-motion: reduce) {
231
+ @media (prefers-reduced-motion: reduce) {
232
232
  .db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement]), [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement]):first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement]):first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement]), [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement]):first-of-type, [data-corrected-placement^=bottom].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom].db-tooltip:first-of-type {
233
233
  opacity: 1;
234
234
  transform: translate(var(--db-popover-center-x, 0), var(--db-popover-center-y, 0));
235
235
  }
236
236
  }
237
- @media screen and (prefers-reduced-motion: no-preference) {
237
+ @media (prefers-reduced-motion: no-preference) {
238
238
  .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 {
239
239
  animation: popover-animation var(--db-transition-straight-emotional) normal both;
240
240
  /* stylelint-disable-next-line media-query-no-invalid */
@@ -247,7 +247,7 @@
247
247
  animation-delay: var(--db-transition-duration-medium);
248
248
  }
249
249
  }
250
- @media screen and (prefers-reduced-motion: no-preference) and (width <= 64em) {
250
+ @media (prefers-reduced-motion: no-preference) and (width <= 64em) {
251
251
  .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 {
252
252
  animation-delay: var(--db-transition-duration-medium);
253
253
  }
@@ -259,13 +259,13 @@
259
259
  opacity: 1;
260
260
  transform: translate(var(--db-popover-center-x, 0), var(--db-popover-center-y, 0));
261
261
  }
262
- @media screen and (prefers-reduced-motion: reduce) {
262
+ @media (prefers-reduced-motion: reduce) {
263
263
  [data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement]), [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement]):first-of-type, [data-corrected-placement^=top].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top].db-tooltip:first-of-type {
264
264
  opacity: 1;
265
265
  transform: translate(var(--db-popover-center-x, 0), var(--db-popover-center-y, 0));
266
266
  }
267
267
  }
268
- @media screen and (prefers-reduced-motion: no-preference) {
268
+ @media (prefers-reduced-motion: no-preference) {
269
269
  [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 {
270
270
  animation: popover-animation var(--db-transition-straight-emotional) normal both;
271
271
  /* stylelint-disable-next-line media-query-no-invalid */
@@ -278,7 +278,7 @@
278
278
  animation-delay: var(--db-transition-duration-medium);
279
279
  }
280
280
  }
281
- @media screen and (prefers-reduced-motion: no-preference) and (width <= 64em) {
281
+ @media (prefers-reduced-motion: no-preference) and (width <= 64em) {
282
282
  [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 {
283
283
  animation-delay: var(--db-transition-duration-medium);
284
284
  }
@@ -290,13 +290,13 @@
290
290
  opacity: 1;
291
291
  transform: translate(var(--db-popover-center-x, 0), var(--db-popover-center-y, 0));
292
292
  }
293
- @media screen and (prefers-reduced-motion: reduce) {
293
+ @media (prefers-reduced-motion: reduce) {
294
294
  [data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement]), [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement]):first-of-type, [data-corrected-placement^=right].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right].db-tooltip:first-of-type {
295
295
  opacity: 1;
296
296
  transform: translate(var(--db-popover-center-x, 0), var(--db-popover-center-y, 0));
297
297
  }
298
298
  }
299
- @media screen and (prefers-reduced-motion: no-preference) {
299
+ @media (prefers-reduced-motion: no-preference) {
300
300
  [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 {
301
301
  animation: popover-animation var(--db-transition-straight-emotional) normal both;
302
302
  /* stylelint-disable-next-line media-query-no-invalid */
@@ -309,7 +309,7 @@
309
309
  animation-delay: var(--db-transition-duration-medium);
310
310
  }
311
311
  }
312
- @media screen and (prefers-reduced-motion: no-preference) and (width <= 64em) {
312
+ @media (prefers-reduced-motion: no-preference) and (width <= 64em) {
313
313
  [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 {
314
314
  animation-delay: var(--db-transition-duration-medium);
315
315
  }
@@ -321,13 +321,13 @@
321
321
  opacity: 1;
322
322
  transform: translate(var(--db-popover-center-x, 0), var(--db-popover-center-y, 0));
323
323
  }
324
- @media screen and (prefers-reduced-motion: reduce) {
324
+ @media (prefers-reduced-motion: reduce) {
325
325
  [data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement]), [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement]):first-of-type, [data-corrected-placement^=left].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left].db-tooltip:first-of-type {
326
326
  opacity: 1;
327
327
  transform: translate(var(--db-popover-center-x, 0), var(--db-popover-center-y, 0));
328
328
  }
329
329
  }
330
- @media screen and (prefers-reduced-motion: no-preference) {
330
+ @media (prefers-reduced-motion: no-preference) {
331
331
  [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 {
332
332
  animation: popover-animation var(--db-transition-straight-emotional) normal both;
333
333
  /* stylelint-disable-next-line media-query-no-invalid */
@@ -340,7 +340,7 @@
340
340
  animation-delay: var(--db-transition-duration-medium);
341
341
  }
342
342
  }
343
- @media screen and (prefers-reduced-motion: no-preference) and (width <= 64em) {
343
+ @media (prefers-reduced-motion: no-preference) and (width <= 64em) {
344
344
  [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 {
345
345
  animation-delay: var(--db-transition-duration-medium);
346
346
  }