@db-ux/core-components 4.10.0 → 4.10.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 (39) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +1 -1
  3. package/build/components/accordion-item/accordion-item.css +6 -44
  4. package/build/components/accordion-item/accordion-item.scss +7 -5
  5. package/build/components/badge/badge.css +3 -75
  6. package/build/components/button/button.css +12 -222
  7. package/build/components/card/card.css +10 -106
  8. package/build/components/card/card.scss +18 -14
  9. package/build/components/checkbox/checkbox.css +2 -0
  10. package/build/components/custom-button/custom-button.css +15 -597
  11. package/build/components/custom-button/custom-button.scss +7 -5
  12. package/build/components/custom-select/custom-select.css +6 -23
  13. package/build/components/custom-select-list-item/custom-select-list-item.css +3 -45
  14. package/build/components/custom-select-list-item/custom-select-list-item.scss +8 -6
  15. package/build/components/infotext/infotext.css +2 -0
  16. package/build/components/input/input.css +6 -23
  17. package/build/components/link/link.css +10 -88
  18. package/build/components/link/link.scss +8 -6
  19. package/build/components/navigation-item/navigation-item.css +8 -116
  20. package/build/components/navigation-item/navigation-item.scss +7 -5
  21. package/build/components/notification/notification.css +6 -44
  22. package/build/components/select/select.css +6 -23
  23. package/build/components/switch/switch.css +2 -0
  24. package/build/components/tab-item/tab-item.css +7 -69
  25. package/build/components/tab-item/tab-item.scss +6 -12
  26. package/build/components/tag/tag.css +42 -875
  27. package/build/components/tag/tag.scss +4 -0
  28. package/build/components/textarea/textarea.css +4 -23
  29. package/build/styles/absolute.css +7 -7
  30. package/build/styles/bundle.css +7 -7
  31. package/build/styles/index.css +6 -6
  32. package/build/styles/internal/_button-components.scss +23 -17
  33. package/build/styles/internal/_form-components.scss +5 -2
  34. package/build/styles/internal/_link-components.scss +15 -13
  35. package/build/styles/internal/_tag-components.scss +21 -15
  36. package/build/styles/relative.css +7 -7
  37. package/build/styles/rollup.css +7 -7
  38. package/build/styles/webpack.css +7 -7
  39. package/package.json +7 -7
package/build/components/tab-item/tab-item.css CHANGED
@@ -61,82 +61,20 @@
61
61
  border-radius: var(--db-border-radius-sm);
62
62
  overflow: hidden;
63
63
  text-overflow: ellipsis;
64
- /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
65
- }
66
- .db-tab-item label:hover:not(:disabled,
67
- [aria-disabled=true],
68
- [tabindex="-1"],
69
- :has(:disabled)) {
70
- cursor: var(--db-overwrite-cursor, pointer);
71
- }
72
- .db-tab-item label:hover:not(:disabled,
73
- [aria-disabled=true],
74
- [tabindex="-1"],
75
- :has(:disabled)):has(:not(input:disabled)) {
76
- background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
77
64
  }
78
- .db-tab-item label:hover:not(:disabled,
79
- [aria-disabled=true],
80
- [tabindex="-1"],
81
- :has(:disabled)):has(input:disabled) {
82
- cursor: initial;
83
- }
84
- .db-tab-item label:hover:not(:disabled,
85
- [aria-disabled=true],
86
- [tabindex="-1"],
87
- :has(:disabled)):is(textarea), .db-tab-item label:hover:not(:disabled,
88
- [aria-disabled=true],
89
- [tabindex="-1"],
90
- :has(:disabled)):is(input) {
91
- cursor: initial;
92
- }
93
- .db-tab-item label:hover:not(:disabled,
94
- [aria-disabled=true],
95
- [tabindex="-1"],
96
- :has(:disabled)):is(input[type=checkbox]), .db-tab-item label:hover:not(:disabled,
97
- [aria-disabled=true],
98
- [tabindex="-1"],
99
- :has(:disabled)):is(input[type=radio]:not(:checked)) {
100
- cursor: pointer;
65
+ .db-tab-item label:has(input:disabled) {
66
+ --db-overwrite-cursor: initial;
101
67
  }
102
- .db-tab-item label {
68
+ .db-tab-item label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
103
69
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
104
70
  }
105
- .db-tab-item label:hover:not(:disabled,
106
- [aria-disabled=true],
107
- [tabindex="-1"],
108
- :has(:disabled)) {
71
+ .db-tab-item label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
109
72
  cursor: var(--db-overwrite-cursor, pointer);
110
- }
111
- .db-tab-item label:hover:not(:disabled,
112
- [aria-disabled=true],
113
- [tabindex="-1"],
114
- :has(:disabled)):has(:not(input:disabled)) {
115
73
  background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
116
74
  }
117
- .db-tab-item label:hover:not(:disabled,
118
- [aria-disabled=true],
119
- [tabindex="-1"],
120
- :has(:disabled)):has(input:disabled) {
121
- cursor: initial;
122
- }
123
- .db-tab-item label:hover:not(:disabled,
124
- [aria-disabled=true],
125
- [tabindex="-1"],
126
- :has(:disabled)):is(textarea), .db-tab-item label:hover:not(:disabled,
127
- [aria-disabled=true],
128
- [tabindex="-1"],
129
- :has(:disabled)):is(input) {
130
- cursor: initial;
131
- }
132
- .db-tab-item label:hover:not(:disabled,
133
- [aria-disabled=true],
134
- [tabindex="-1"],
135
- :has(:disabled)):is(input[type=checkbox]), .db-tab-item label:hover:not(:disabled,
136
- [aria-disabled=true],
137
- [tabindex="-1"],
138
- :has(:disabled)):is(input[type=radio]:not(:checked)) {
139
- cursor: pointer;
75
+ .db-tab-item label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active {
76
+ cursor: var(--db-overwrite-cursor, pointer);
77
+ background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
140
78
  }
141
79
  .db-tab-item label:has(input:checked) {
142
80
  font-weight: 700;
package/build/components/tab-item/tab-item.scss CHANGED
@@ -36,23 +36,17 @@ $with-icon-padding-calc: calc(
36
36
  overflow: hidden;
37
37
  text-overflow: ellipsis;
38
38
 
39
- @include helpers.hover {
40
- &:has(:not(input:disabled)) {
41
- background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
42
- }
43
-
44
- &:has(input:disabled) {
45
- cursor: initial;
46
- }
39
+ &:has(input:disabled) {
40
+ --db-overwrite-cursor: initial;
47
41
  }
48
42
 
49
- @include helpers.hover {
50
- &:has(:not(input:disabled)) {
43
+ @include helpers.not-disabled {
44
+ @include helpers.hover {
51
45
  background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
52
46
  }
53
47
 
54
- &:has(input:disabled) {
55
- cursor: initial;
48
+ @include helpers.active {
49
+ background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
56
50
  }
57
51
  }
58
52