@db-ux/core-components 4.5.2-agent-cli-pnpm-compatibility-ebd2994 → 4.5.3

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 (14) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/build/components/custom-button/custom-button.css +8 -4
  3. package/build/components/custom-button/custom-button.scss +9 -1
  4. package/build/components/navigation-item/navigation-item.css +2 -3
  5. package/build/components/tag/tag.css +2 -3
  6. package/build/components/textarea/textarea.css +2 -2
  7. package/build/components/textarea/textarea.scss +2 -2
  8. package/build/styles/absolute.css +3 -3
  9. package/build/styles/index.css +3 -3
  10. package/build/styles/internal/_icon-passing.scss +5 -3
  11. package/build/styles/relative.css +3 -3
  12. package/build/styles/rollup.css +3 -3
  13. package/build/styles/webpack.css +3 -3
  14. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @db-ux/core-components
2
2
 
3
+ ## 4.5.3
4
+
5
+ _version bump_
6
+
7
+
8
+ ## 4.5.2
9
+
10
+ ### Patch Changes
11
+
12
+ - fix: issue with wrong size for DBCustomButton using `noText` property - [see commit 1c9ccd4](https://github.com/db-ux-design-system/core-web/commit/1c9ccd43d23052be84fb810ced1ec26a1a9c9984)
13
+
3
14
  ## 4.5.1
4
15
 
5
16
  ### Patch Changes
package/build/components/custom-button/custom-button.css CHANGED
@@ -802,14 +802,13 @@
802
802
  .db-custom-button[data-icon-leading]:not([data-show-icon-leading=false])::before, .db-custom-button[data-icon]:not([data-show-icon=false])::before {
803
803
  position: absolute;
804
804
  inset-block-start: calc(50% - 0.5em);
805
- inset-inline-start: var(--db-spacing-fixed-sm);
805
+ inset-inline-start: var(--db-icon-passing-inline-start, var(--db-spacing-fixed-sm));
806
806
  pointer-events: none;
807
807
  z-index: 1;
808
808
  }
809
809
  .db-custom-button[data-icon-leading]:not([data-show-icon-leading=false]) label, .db-custom-button[data-icon-leading]:not([data-show-icon-leading=false]) button, .db-custom-button[data-icon-leading]:not([data-show-icon-leading=false]) a, .db-custom-button[data-icon]:not([data-show-icon=false]) label, .db-custom-button[data-icon]:not([data-show-icon=false]) button, .db-custom-button[data-icon]:not([data-show-icon=false]) a {
810
810
  --db-padding-inline-start: calc(
811
- var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) +
812
- var(--db-icon-font-size)
811
+ var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh
813
812
  );
814
813
  /* stylelint-disable-next-line db-ux/use-spacings */
815
814
  padding-inline-start: var(--db-padding-inline-start);
@@ -824,9 +823,14 @@
824
823
  .db-custom-button[data-icon-trailing]:not([data-show-icon-trailing=false]) label, .db-custom-button[data-icon-trailing]:not([data-show-icon-trailing=false]) button, .db-custom-button[data-icon-trailing]:not([data-show-icon-trailing=false]) a {
825
824
  padding-inline-end: calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-icon-font-size));
826
825
  }
827
- .db-custom-button:has(:is(input, button):disabled, :is(input, button, a)[aria-disabled=true]) {
826
+ .db-custom-button:has(:is(input, button):disabled,
827
+ :is(input, button, a)[aria-disabled=true]) {
828
828
  opacity: var(--db-opacity-md);
829
829
  }
830
+ .db-custom-button[data-no-text=true] {
831
+ --db-icon-margin-end: 0;
832
+ --db-icon-passing-inline-start: calc(50% - 0.5em);
833
+ }
830
834
  .db-custom-button label:has(input:checked) {
831
835
  color: var(--db-adaptive-on-bg-inverted-default);
832
836
  background-color: var(--db-adaptive-bg-inverted-contrast-max-default);
package/build/components/custom-button/custom-button.scss CHANGED
@@ -30,7 +30,10 @@ $icon-padding-custom-button: calc(
30
30
  @include icon-passing.icon-passing;
31
31
  @include icon-passing.icon-passing-trailing;
32
32
 
33
- &:has(:is(input, button):disabled, :is(input, button, a)[aria-disabled="true"]) {
33
+ &:has(
34
+ :is(input, button):disabled,
35
+ :is(input, button, a)[aria-disabled="true"]
36
+ ) {
34
37
  opacity: variables.$db-opacity-md;
35
38
  }
36
39
 
@@ -44,6 +47,11 @@ $icon-padding-custom-button: calc(
44
47
  }
45
48
  }
46
49
 
50
+ &[data-no-text="true"] {
51
+ --db-icon-margin-end: 0;
52
+ --db-icon-passing-inline-start: calc(50% - 0.5em);
53
+ }
54
+
47
55
  label:has(input:checked) {
48
56
  color: colors.$db-adaptive-on-bg-inverted-default;
49
57
  background-color: colors.$db-adaptive-bg-inverted-contrast-max-default;
package/build/components/navigation-item/navigation-item.css CHANGED
@@ -344,14 +344,13 @@
344
344
  .db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false])::before, .db-navigation-item[data-icon]:not([data-show-icon=false])::before {
345
345
  position: absolute;
346
346
  inset-block-start: calc(50% - 0.5em);
347
- inset-inline-start: var(--db-spacing-fixed-sm);
347
+ inset-inline-start: var(--db-icon-passing-inline-start, var(--db-spacing-fixed-sm));
348
348
  pointer-events: none;
349
349
  z-index: 1;
350
350
  }
351
351
  .db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) label, .db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) button, .db-navigation-item[data-icon-leading]:not([data-show-icon-leading=false]) a, .db-navigation-item[data-icon]:not([data-show-icon=false]) label, .db-navigation-item[data-icon]:not([data-show-icon=false]) button, .db-navigation-item[data-icon]:not([data-show-icon=false]) a {
352
352
  --db-padding-inline-start: calc(
353
- var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) +
354
- var(--db-icon-font-size)
353
+ var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh
355
354
  );
356
355
  /* stylelint-disable-next-line db-ux/use-spacings */
357
356
  padding-inline-start: var(--db-padding-inline-start);
package/build/components/tag/tag.css CHANGED
@@ -2009,14 +2009,13 @@
2009
2009
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon-leading]:not([data-show-icon-leading=false])::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon]:not([data-show-icon=false])::before {
2010
2010
  position: absolute;
2011
2011
  inset-block-start: calc(50% - 0.5em);
2012
- inset-inline-start: var(--db-spacing-fixed-2xs);
2012
+ inset-inline-start: var(--db-icon-passing-inline-start, var(--db-spacing-fixed-2xs));
2013
2013
  pointer-events: none;
2014
2014
  z-index: 1;
2015
2015
  }
2016
2016
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon-leading]:not([data-show-icon-leading=false]) label, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon-leading]:not([data-show-icon-leading=false]) button, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon-leading]:not([data-show-icon-leading=false]) a, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon]:not([data-show-icon=false]) label, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon]:not([data-show-icon=false]) button, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-icon]:not([data-show-icon=false]) a {
2017
2017
  --db-padding-inline-start: calc(
2018
- var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) +
2019
- var(--db-icon-font-size)
2018
+ var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + 1lh
2020
2019
  );
2021
2020
  /* stylelint-disable-next-line db-ux/use-spacings */
2022
2021
  padding-inline-start: var(--db-padding-inline-start);
package/build/components/textarea/textarea.css CHANGED
@@ -787,8 +787,8 @@ textarea[aria-disabled=true]) {
787
787
  transform: none;
788
788
  background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
789
789
  z-index: 1;
790
- border-block-end: none;
791
- border-inline-end: none;
790
+ border-block-end: 0;
791
+ border-inline-end: 0;
792
792
  }
793
793
  .db-textarea[data-variant=floating]:has(textarea:is(:focus-within, :not(:placeholder-shown))):has(textarea:read-only)::after {
794
794
  background-color: var(--db-adaptive-bg-basic-level-1-default) !important;
package/build/components/textarea/textarea.scss CHANGED
@@ -74,8 +74,8 @@
74
74
 
75
75
  background-color: colors.$db-adaptive-bg-basic-transparent-semi-default;
76
76
  z-index: 1;
77
- border-block-end: none;
78
- border-inline-end: none;
77
+ border-block-end: 0;
78
+ border-inline-end: 0;
79
79
  }
80
80
 
81
81
  &:has(textarea:read-only)::after {