@db-ux/core-components 1.1.0 → 1.2.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.
Files changed (36) hide show
  1. package/README.md +8 -3
  2. package/build/components/accordion-item/accordion-item.css +0 -2
  3. package/build/components/badge/badge.css +2 -6
  4. package/build/components/badge/badge.scss +1 -1
  5. package/build/components/brand/brand.css +0 -2
  6. package/build/components/button/button.css +0 -4
  7. package/build/components/checkbox/checkbox.css +4 -8
  8. package/build/components/header/header.css +4 -2
  9. package/build/components/infotext/infotext.css +0 -4
  10. package/build/components/input/input.css +5 -13
  11. package/build/components/link/link.css +0 -4
  12. package/build/components/navigation-item/navigation-item.css +5 -4
  13. package/build/components/navigation-item/navigation-item.scss +5 -1
  14. package/build/components/notification/notification.css +4 -8
  15. package/build/components/notification/notification.scss +4 -4
  16. package/build/components/radio/radio.css +4 -8
  17. package/build/components/select/select.css +5 -13
  18. package/build/components/select/select.scss +2 -1
  19. package/build/components/switch/switch.css +13 -19
  20. package/build/components/tab-item/tab-item.css +4 -4
  21. package/build/components/tab-list/tab-list.css +3 -4
  22. package/build/components/tabs/tabs.css +1 -1
  23. package/build/components/tag/tag.css +1 -5
  24. package/build/components/textarea/textarea.css +9 -17
  25. package/build/components/textarea/textarea.scss +0 -1
  26. package/build/components/tooltip/tooltip.css +0 -2
  27. package/build/styles/absolute.css +7 -7
  28. package/build/styles/index.css +7 -7
  29. package/build/styles/internal/_form-components.scss +3 -10
  30. package/build/styles/internal/_icon-passing.scss +1 -1
  31. package/build/styles/internal/_scrollbar.scss +2 -1
  32. package/build/styles/internal/_tag-components.scss +16 -2
  33. package/build/styles/relative.css +7 -7
  34. package/build/styles/rollup.css +7 -7
  35. package/build/styles/webpack.css +7 -7
  36. package/package.json +6 -6
package/build/styles/internal/_form-components.scss CHANGED
@@ -12,17 +12,10 @@
12
12
  $dropdown-icon-transition: transform variables.$db-transition-straight-emotional;
13
13
  $dropdown-icon-transform: rotate(-180deg);
14
14
 
15
- $font-size-height: calc(var(--db-base-font-size) * var(--db-base-line-height));
15
+ $font-size-height: var(--db-icon-font-size);
16
16
  $icon-size-sm: var(--db-base-body-icon-font-size-sm);
17
- $label-size-height-sm: calc(
18
- var(--db-type-body-font-size-sm) * var(--db-type-body-line-height-sm)
19
- );
20
- $label-size-height-xs: calc(
21
- var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)
22
- );
23
- $label-size-height-2xs: calc(
24
- var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)
25
- );
17
+ $label-size-height-xs: var(--db-base-body-icon-font-size-xs);
18
+ $label-size-height-2xs: var(--db-base-body-icon-font-size-2xs);
26
19
 
27
20
  $floating-label-size-calc: calc(
28
21
  #{variables.$db-spacing-fixed-3xs} + #{variables.$db-spacing-fixed-2xs} +
package/build/styles/internal/_icon-passing.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  label {
17
17
  --db-padding-inline-start: calc(
18
18
  #{$inline-start} + #{icons.$default-icon-margin-end} +
19
- var(--db-base-font-size) * var(--db-base-line-height)
19
+ var(--db-icon-font-size)
20
20
  );
21
21
 
22
22
  /* stylelint-disable-next-line db-ux/use-spacings */
package/build/styles/internal/_scrollbar.scss CHANGED
@@ -27,7 +27,7 @@ $scrollbar-width: helpers.px-to-rem(8);
27
27
  &:read-only {
28
28
  &::-webkit-scrollbar-track,
29
29
  &::-webkit-scrollbar-button:single-button {
30
- background-color: colors.$db-adaptive-bg-basic-level-1-default !important;
30
+ background-color: colors.$db-adaptive-bg-basic-level-1-default;
31
31
  }
32
32
  }
33
33
 
@@ -58,6 +58,7 @@ $scrollbar-width: helpers.px-to-rem(8);
58
58
 
59
59
  /* Up */
60
60
  &::-webkit-scrollbar-button:single-button:vertical:decrement {
61
+ border-start-end-radius: variables.$db-border-radius-xs;
61
62
  background-image: var(--db-textarea-scrollbar-button-decrement);
62
63
  }
63
64
 
package/build/styles/internal/_tag-components.scss CHANGED
@@ -15,6 +15,15 @@ $interactive-selectors: "label, button:not(.db-tab-remove-button), a";
15
15
  );
16
16
  }
17
17
 
18
+ %set-adaptive-weak-badge {
19
+ border-color: colors.$db-adaptive-on-bg-basic-emphasis-70-default;
20
+
21
+ @include colors.set-current-colors(
22
+ colors.$db-adaptive-bg-basic-level-3-default,
23
+ colors.$db-adaptive-on-bg-basic-emphasis-80-default
24
+ );
25
+ }
26
+
18
27
  %set-adaptive-strong-tag {
19
28
  border-color: colors.$db-adaptive-on-bg-basic-emphasis-80-default;
20
29
 
@@ -69,8 +78,13 @@ $interactive-selectors: "label, button:not(.db-tab-remove-button), a";
69
78
  }
70
79
  }
71
80
 
72
- @mixin get-tag-colors() {
73
- @extend %set-adaptive-weak-tag;
81
+ @mixin get-tag-colors($htmlTag: "tag") {
82
+ @if ($htmlTag == "badge") {
83
+ @extend %set-adaptive-weak-badge;
84
+ // stylelint-disable-next-line at-rule-empty-line-before
85
+ } @else {
86
+ @extend %set-adaptive-weak-tag;
87
+ }
74
88
 
75
89
  &[data-emphasis="strong"] {
76
90
  @extend %set-adaptive-strong-tag;