@db-ux/core-components 2.4.4 → 3.0.1

package/build/styles/internal/_form-components.scss

@@ -195,11 +195,17 @@ $db-min-inline-size: var(
 		--db-adaptive-bg-basic-transparent-semi-default: var(
 			--db-#{$variant}-bg-basic-transparent-semi-default
 		);
-		--db-adaptive-bg-basic-transparent-hovered: var(
-			--db-#{$variant}-bg-basic-transparent-hovered
+		--db-adaptive-bg-basic-transparent-full-hovered: var(
+			--db-#{$variant}-bg-basic-transparent-full-hovered
 		);
-		--db-adaptive-bg-basic-transparent-pressed: var(
-			--db-#{$variant}-bg-basic-transparent-pressed
+		--db-adaptive-bg-basic-transparent-full-pressed: var(
+			--db-#{$variant}-bg-basic-transparent-full-pressed
+		);
+		--db-adaptive-bg-basic-transparent-semi-hovered: var(
+			--db-#{$variant}-bg-basic-transparent-semi-hovered
+		);
+		--db-adaptive-bg-basic-transparent-semi-pressed: var(
+			--db-#{$variant}-bg-basic-transparent-semi-pressed
 		);
 		--db-adaptive-on-bg-basic-emphasis-100-default: var(
 			--db-#{$variant}-on-bg-basic-emphasis-100-default
@@ -363,7 +369,7 @@ $input-valid-types:
 			);
 
 		@include helpers.hover {
-			background-color: colors.$db-adaptive-bg-basic-transparent-hovered;
+			background-color: colors.$db-adaptive-bg-basic-transparent-semi-hovered;
 		}
 
 		&:is(input, textarea) {
@@ -485,7 +491,7 @@ $input-valid-types:
 		input {
 			cursor: helpers.$cursor-pointer;
 			background-color: var(
-				--db-adaptive-bg-basic-transparent-#{$variant}
+				--db-adaptive-bg-basic-transparent-full-#{$variant}
 			);
 			@content;
 		}

package/build/styles/internal/_icon-passing.scss

@@ -2,7 +2,7 @@
 @use "@db-ux/core-foundations/build/styles/icons";
 
 @mixin icon-passing($inline-start: variables.$db-spacing-fixed-sm) {
-	&[data-icon]:not([data-hide-icon="true"]) {
+	&[data-icon]:not([data-show-icon="false"]) {
 		&::before {
 			position: absolute;
 			inset-block-start: calc(50% - 0.5em);

package/build/styles/internal/_link-components.scss

@@ -6,7 +6,10 @@
 
 %db-link-height {
 	display: inline-block;
-	block-size: variables.$db-sizing-sm;
+
+	&:not([data-wrap="true"]) {
+		block-size: variables.$db-sizing-sm;
+	}
 }
 
 %db-link-default-color {
@@ -42,7 +45,7 @@
 	text-decoration-thickness: helpers.px-to-rem($pxValue: 1);
 	text-decoration-line: underline;
 
-	&:not([data-variant="inline"]) {
+	&:not([data-wrap="true"], [data-variant="inline"]) {
 		white-space: nowrap;
 	}
 

package/build/styles/internal/_popover-component.scss

@@ -225,8 +225,6 @@ $popover-gap-inset: calc(-1 * #{$popover-gap-size});
 	}
 }
 
-$max-mobile-size: calc(100vw - 2 * #{variables.$db-spacing-fixed-md});
-
 %default-popover {
 	@extend %default-card;
 	@extend %popover-placement;
@@ -238,13 +236,12 @@ $max-mobile-size: calc(100vw - 2 * #{variables.$db-spacing-fixed-md});
 	z-index: 1337;
 	// revert this if popover is included in button
 	white-space: normal;
-	max-inline-size: $max-mobile-size;
+	max-inline-size: variables.$db-container-xs;
 	block-size: fit-content;
 	inline-size: fit-content;
 
 	&[data-width="fixed"] {
 		inline-size: max-content;
-		max-inline-size: min(#{variables.$db-sizing-3xl}, #{$max-mobile-size});
 		text-align: initial;
 	}
 }

package/build/styles/internal/_scrollbar.scss

@@ -29,7 +29,7 @@ $scrollbar-width: helpers.px-to-rem(8);
 	&:is(:hover, :focus) {
 		&::-webkit-scrollbar-track,
 		&::-webkit-scrollbar-button:single-button {
-			background-color: colors.$db-adaptive-bg-basic-transparent-hovered;
+			background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
 		}
 	}
 
@@ -45,7 +45,7 @@ $scrollbar-width: helpers.px-to-rem(8);
 	}
 
 	&::-webkit-scrollbar-thumb {
-		background-color: colors.$db-adaptive-bg-basic-transparent-pressed;
+		background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
 	}
 
 	/* Buttons */
@@ -57,11 +57,11 @@ $scrollbar-width: helpers.px-to-rem(8);
 		block-size: form-components.$floating-label-size-calc;
 
 		&:is(:hover, :focus) {
-			background-color: colors.$db-adaptive-bg-basic-transparent-hovered;
+			background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
 		}
 
 		&:active {
-			background-color: colors.$db-adaptive-bg-basic-transparent-pressed;
+			background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
 		}
 	}
 

package/build/styles/internal/_select-components.scss

@@ -5,7 +5,7 @@
 %select-icon {
 	@extend %dropdown-icon;
 
-	&[data-icon]:not([data-hide-icon="true"]) {
+	&[data-icon]:not([data-show-icon="false"]) {
 		--db-form-has-before: 1;
 	}
 }