@db-ux/core-components 2.1.0 → 2.1.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.
Files changed (55) hide show
  1. package/build/components/accordion/accordion.css +1 -0
  2. package/build/components/accordion-item/accordion-item.css +2 -1
  3. package/build/components/accordion-item/accordion-item.scss +1 -1
  4. package/build/components/badge/badge.css +1 -0
  5. package/build/components/brand/brand.css +1 -0
  6. package/build/components/button/button.css +2 -1
  7. package/build/components/button/button.scss +1 -1
  8. package/build/components/card/card.css +1 -0
  9. package/build/components/checkbox/checkbox.css +2 -1
  10. package/build/components/custom-select/custom-select.css +12 -12
  11. package/build/components/custom-select/custom-select.scss +2 -2
  12. package/build/components/custom-select-dropdown/custom-select-dropdown.css +1 -0
  13. package/build/components/custom-select-form-field/custom-select-form-field.css +1 -0
  14. package/build/components/custom-select-list/custom-select-list.css +1 -0
  15. package/build/components/custom-select-list-item/custom-select-list-item.css +4 -3
  16. package/build/components/divider/divider.css +1 -0
  17. package/build/components/drawer/drawer.css +4 -4
  18. package/build/components/header/header.css +1 -0
  19. package/build/components/icon/icon.css +1 -0
  20. package/build/components/infotext/infotext.css +1 -0
  21. package/build/components/input/input.css +41 -21
  22. package/build/components/input/input.scss +31 -8
  23. package/build/components/link/link.css +2 -1
  24. package/build/components/navigation/navigation.css +1 -0
  25. package/build/components/navigation-item/navigation-item.css +2 -1
  26. package/build/components/navigation-item/navigation-item.scss +1 -1
  27. package/build/components/notification/notification.css +2 -1
  28. package/build/components/page/page.css +1 -0
  29. package/build/components/popover/popover.css +1 -0
  30. package/build/components/radio/radio.css +2 -1
  31. package/build/components/section/section.css +1 -0
  32. package/build/components/select/select.css +5 -4
  33. package/build/components/stack/stack-web-component.css +1 -0
  34. package/build/components/stack/stack.css +1 -0
  35. package/build/components/switch/switch.css +2 -1
  36. package/build/components/tab-item/tab-item.css +5 -4
  37. package/build/components/tab-item/tab-item.scss +1 -1
  38. package/build/components/tab-list/tab-list.css +1 -0
  39. package/build/components/tab-panel/tab-panel.css +1 -0
  40. package/build/components/tabs/tabs.css +1 -0
  41. package/build/components/tag/tag.css +2 -1
  42. package/build/components/tag/tag.scss +1 -1
  43. package/build/components/textarea/textarea.css +5 -4
  44. package/build/components/tooltip/tooltip.css +1 -0
  45. package/build/styles/absolute.css +7 -7
  46. package/build/styles/dialog-init.css +1 -1
  47. package/build/styles/dialog-init.scss +12 -7
  48. package/build/styles/index.css +7 -7
  49. package/build/styles/internal/_component.scss +0 -3
  50. package/build/styles/internal/_form-components.scss +5 -5
  51. package/build/styles/internal/_link-components.scss +1 -1
  52. package/build/styles/relative.css +7 -7
  53. package/build/styles/rollup.css +7 -7
  54. package/build/styles/webpack.css +7 -7
  55. package/package.json +3 -3
@@ -7,9 +7,6 @@ $min-mobile-header-height: calc(
7
7
  #{variables.$db-sizing-md} + 2 * #{variables.$db-spacing-fixed-xs}
8
8
  );
9
9
 
10
- $default-disabled: 0.4;
11
- $placeholder-disabled: 0.75;
12
-
13
10
  $component-border: variables.$db-border-width-3xs solid
14
11
  colors.$db-adaptive-on-bg-basic-emphasis-60-default;
15
12
 
@@ -79,7 +79,7 @@ $db-min-inline-size: var(
79
79
  > label {
80
80
  @extend %db-overwrite-font-size-md;
81
81
 
82
- opacity: component.$placeholder-disabled;
82
+ opacity: variables.$db-opacity-xl;
83
83
  position: absolute;
84
84
  z-index: 2;
85
85
  inset-block-start: calc(
@@ -138,7 +138,7 @@ $db-min-inline-size: var(
138
138
  }
139
139
 
140
140
  @include placeholder-content($selector) {
141
- opacity: component.$placeholder-disabled;
141
+ opacity: variables.$db-opacity-xl;
142
142
  font-family: var(--db-font-family-sans);
143
143
  font-style: italic;
144
144
 
@@ -332,7 +332,7 @@ $input-valid-types:
332
332
  }
333
333
 
334
334
  @include placeholder-content($selector) {
335
- opacity: component.$placeholder-disabled;
335
+ opacity: variables.$db-opacity-xl;
336
336
  font-family: var(--db-font-family-sans);
337
337
  font-style: italic;
338
338
  }
@@ -401,7 +401,7 @@ $input-valid-types:
401
401
  #{$selector}[aria-disabled="true"]
402
402
  ) {
403
403
  // Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960
404
- opacity: component.$default-disabled;
404
+ opacity: variables.$db-opacity-md;
405
405
  pointer-events: none;
406
406
  }
407
407
 
@@ -484,7 +484,7 @@ $input-valid-types:
484
484
  @include set-required-label(input);
485
485
 
486
486
  &:has(input:disabled) {
487
- opacity: component.$default-disabled;
487
+ opacity: variables.$db-opacity-md;
488
488
  }
489
489
 
490
490
  &:is(label),
@@ -56,7 +56,7 @@
56
56
 
57
57
  // "disabled" links
58
58
  &[aria-disabled="true"] {
59
- opacity: component.$default-disabled;
59
+ opacity: variables.$db-opacity-md;
60
60
  pointer-events: none;
61
61
  }
62
62
  }