@db-ux/core-components 4.10.0 → 4.10.1

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 (35) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build/components/accordion-item/accordion-item.css +4 -44
  3. package/build/components/accordion-item/accordion-item.scss +7 -5
  4. package/build/components/badge/badge.css +3 -75
  5. package/build/components/button/button.css +12 -222
  6. package/build/components/card/card.css +10 -106
  7. package/build/components/card/card.scss +18 -14
  8. package/build/components/custom-button/custom-button.css +15 -597
  9. package/build/components/custom-button/custom-button.scss +7 -5
  10. package/build/components/custom-select/custom-select.css +4 -23
  11. package/build/components/custom-select-list-item/custom-select-list-item.css +3 -45
  12. package/build/components/custom-select-list-item/custom-select-list-item.scss +8 -6
  13. package/build/components/input/input.css +4 -23
  14. package/build/components/link/link.css +8 -88
  15. package/build/components/link/link.scss +8 -6
  16. package/build/components/navigation-item/navigation-item.css +6 -116
  17. package/build/components/navigation-item/navigation-item.scss +7 -5
  18. package/build/components/notification/notification.css +4 -44
  19. package/build/components/select/select.css +4 -23
  20. package/build/components/tab-item/tab-item.css +7 -69
  21. package/build/components/tab-item/tab-item.scss +6 -12
  22. package/build/components/tag/tag.css +40 -875
  23. package/build/components/tag/tag.scss +4 -0
  24. package/build/components/textarea/textarea.css +4 -23
  25. package/build/styles/absolute.css +7 -7
  26. package/build/styles/bundle.css +7 -7
  27. package/build/styles/index.css +6 -6
  28. package/build/styles/internal/_button-components.scss +23 -17
  29. package/build/styles/internal/_form-components.scss +5 -2
  30. package/build/styles/internal/_link-components.scss +15 -13
  31. package/build/styles/internal/_tag-components.scss +21 -15
  32. package/build/styles/relative.css +7 -7
  33. package/build/styles/rollup.css +7 -7
  34. package/build/styles/webpack.css +7 -7
  35. package/package.json +2 -2
package/build/styles/internal/_button-components.scss CHANGED
@@ -20,12 +20,14 @@
20
20
  %button-outlined-ghost-colors {
21
21
  background-color: colors.$db-adaptive-bg-basic-transparent-full-default;
22
22
 
23
- @include helpers.hover {
24
- background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
25
- }
23
+ @include helpers.not-disabled {
24
+ @include helpers.hover {
25
+ background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
26
+ }
26
27
 
27
- @include helpers.active {
28
- background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
28
+ @include helpers.active {
29
+ background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
30
+ }
29
31
  }
30
32
  }
31
33
 
@@ -34,14 +36,16 @@
34
36
  color: colors.$db-brand-on-origin-default;
35
37
  border-color: colors.$db-brand-on-bg-basic-emphasis-70-default;
36
38
 
37
- @include helpers.hover {
38
- background-color: colors.$db-brand-origin-hovered;
39
- border-color: colors.$db-brand-on-bg-basic-emphasis-70-default;
40
- }
39
+ @include helpers.not-disabled {
40
+ @include helpers.hover {
41
+ background-color: colors.$db-brand-origin-hovered;
42
+ border-color: colors.$db-brand-on-bg-basic-emphasis-70-default;
43
+ }
41
44
 
42
- @include helpers.active {
43
- background-color: colors.$db-brand-origin-pressed;
44
- border-color: colors.$db-brand-on-bg-basic-emphasis-70-default;
45
+ @include helpers.active {
46
+ background-color: colors.$db-brand-origin-pressed;
47
+ border-color: colors.$db-brand-on-bg-basic-emphasis-70-default;
48
+ }
45
49
  }
46
50
  }
47
51
 
@@ -141,12 +145,14 @@
141
145
  #{$selector} {
142
146
  background-color: colors.$db-adaptive-bg-basic-transparent-semi-default;
143
147
 
144
- @include helpers.hover {
145
- background-color: colors.$db-adaptive-bg-basic-transparent-semi-hovered;
146
- }
148
+ @include helpers.not-disabled {
149
+ @include helpers.hover {
150
+ background-color: colors.$db-adaptive-bg-basic-transparent-semi-hovered;
151
+ }
147
152
 
148
- @include helpers.active {
149
- background-color: colors.$db-adaptive-bg-basic-transparent-semi-pressed;
153
+ @include helpers.active {
154
+ background-color: colors.$db-adaptive-bg-basic-transparent-semi-pressed;
155
+ }
150
156
  }
151
157
  }
152
158
  }
package/build/styles/internal/_form-components.scss CHANGED
@@ -423,8 +423,11 @@ $input-valid-types:
423
423
  #{variables.$db-spacing-fixed-sm}
424
424
  );
425
425
 
426
- @include helpers.hover {
427
- background-color: colors.$db-adaptive-bg-basic-transparent-semi-hovered;
426
+ @include helpers.not-disabled {
427
+ // cursor: revert — text/textarea inputs should use the text cursor, not pointer
428
+ @include helpers.hover(revert) {
429
+ background-color: colors.$db-adaptive-bg-basic-transparent-semi-hovered;
430
+ }
428
431
  }
429
432
 
430
433
  @if list.index($valid-field-sizing-form-fields, $selector) {
package/build/styles/internal/_link-components.scss CHANGED
@@ -15,20 +15,22 @@
15
15
  %db-link-default-color {
16
16
  color: colors.$db-adaptive-on-bg-basic-emphasis-100-default;
17
17
 
18
- @include helpers.hover {
19
- color: color-mix(
20
- in srgb,
21
- transparent 25%,
22
- #{colors.$db-adaptive-on-bg-basic-emphasis-100-default}
23
- );
24
- }
18
+ @include helpers.not-disabled {
19
+ @include helpers.hover {
20
+ color: color-mix(
21
+ in srgb,
22
+ transparent 25%,
23
+ #{colors.$db-adaptive-on-bg-basic-emphasis-100-default}
24
+ );
25
+ }
25
26
 
26
- @include helpers.active {
27
- color: color-mix(
28
- in srgb,
29
- transparent 50%,
30
- #{colors.$db-adaptive-on-bg-basic-emphasis-100-default}
31
- );
27
+ @include helpers.active {
28
+ color: color-mix(
29
+ in srgb,
30
+ transparent 50%,
31
+ #{colors.$db-adaptive-on-bg-basic-emphasis-100-default}
32
+ );
33
+ }
32
34
  }
33
35
  }
34
36
 
package/build/styles/internal/_tag-components.scss CHANGED
@@ -33,12 +33,14 @@ $interactive-selectors: "label, button:not(.db-tab-remove-button), a";
33
33
  %set-interactive-weak {
34
34
  @include get-weak;
35
35
 
36
- @include helpers.hover {
37
- background-color: colors.$db-adaptive-bg-basic-level-1-hovered;
38
- }
36
+ @include helpers.not-disabled {
37
+ @include helpers.hover {
38
+ background-color: colors.$db-adaptive-bg-basic-level-1-hovered;
39
+ }
39
40
 
40
- @include helpers.active {
41
- background-color: colors.$db-adaptive-bg-basic-level-1-pressed;
41
+ @include helpers.active {
42
+ background-color: colors.$db-adaptive-bg-basic-level-1-pressed;
43
+ }
42
44
  }
43
45
  }
44
46
 
@@ -97,12 +99,14 @@ $interactive-selectors: "label, button:not(.db-tab-remove-button), a";
97
99
  %set-interactive-strong {
98
100
  @include get-strong;
99
101
 
100
- @include helpers.hover {
101
- background-color: colors.$db-adaptive-bg-vibrant-hovered;
102
- }
102
+ @include helpers.not-disabled {
103
+ @include helpers.hover {
104
+ background-color: colors.$db-adaptive-bg-vibrant-hovered;
105
+ }
103
106
 
104
- @include helpers.active {
105
- background-color: colors.$db-adaptive-bg-vibrant-pressed;
107
+ @include helpers.active {
108
+ background-color: colors.$db-adaptive-bg-vibrant-pressed;
109
+ }
106
110
  }
107
111
  }
108
112
 
@@ -110,12 +114,14 @@ $interactive-selectors: "label, button:not(.db-tab-remove-button), a";
110
114
  input:checked {
111
115
  background-color: transparent;
112
116
 
113
- @include helpers.hover {
114
- background-color: transparent;
115
- }
117
+ @include helpers.not-disabled {
118
+ @include helpers.hover {
119
+ background-color: transparent;
120
+ }
116
121
 
117
- @include helpers.active {
118
- background-color: transparent;
122
+ @include helpers.active {
123
+ background-color: transparent;
124
+ }
119
125
  }
120
126
  }
121
127
  }