@db-ux/core-foundations 4.9.1 → 4.10.0-esm-f121fc3

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @db-ux/core-foundations
 
+## 4.10.0
+
+_version bump_
+
 ## 4.9.1
 
 ### Patch Changes

package/build/styles/bundle.css

@@ -551,96 +551,16 @@ code {
 [data-interactive=elevation] {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-interactive-elevation:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)),
-[data-interactive=elevation]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-interactive-elevation:hover,
+[data-interactive=elevation]:hover {
   cursor: var(--db-overwrite-cursor, pointer);
   box-shadow: var(--db-elevation-lg);
 }
-.db-interactive-elevation:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-interactive-elevation:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input),
-[data-interactive=elevation]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea),
-[data-interactive=elevation]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-interactive-elevation:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-interactive-elevation:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)),
-[data-interactive=elevation]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]),
-[data-interactive=elevation]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
-.db-interactive-elevation:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)),
-[data-interactive=elevation]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-interactive-elevation:active,
+[data-interactive=elevation]:active {
   cursor: var(--db-overwrite-cursor, pointer);
   box-shadow: var(--db-elevation-sm);
 }
-.db-interactive-elevation:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-interactive-elevation:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input),
-[data-interactive=elevation]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea),
-[data-interactive=elevation]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-interactive-elevation:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-interactive-elevation:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)),
-[data-interactive=elevation]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]),
-[data-interactive=elevation]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 
 /* Use this file if you want the default fonts for paragraph and headlines in your project */
 h1 {
@@ -799,56 +719,14 @@ a:has(code:not([class]):only-child) {
   color: var(--db-adaptive-on-bg-inverted-default);
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-a:has(code:not([class]):only-child):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+a:has(code:not([class]):only-child):hover {
   cursor: var(--db-overwrite-cursor, pointer);
   color: var(--db-adaptive-on-bg-inverted-hovered);
 }
-a:has(code:not([class]):only-child):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), a:has(code:not([class]):only-child):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-a:has(code:not([class]):only-child):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), a:has(code:not([class]):only-child):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
-a:has(code:not([class]):only-child):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+a:has(code:not([class]):only-child):active {
   cursor: var(--db-overwrite-cursor, pointer);
   color: var(--db-adaptive-on-bg-inverted-pressed);
 }
-a:has(code:not([class]):only-child):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), a:has(code:not([class]):only-child):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-a:has(code:not([class]):only-child):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), a:has(code:not([class]):only-child):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 a:has(code:not([class]):only-child) > code {
   color: inherit;
 }

package/build/styles/colors/_placeholder.scss

@@ -12,15 +12,19 @@
 		--db-icon-color: #{$on};
 	}
 
-	@if $hovered {
-		@include functions.hover {
-			background-color: #{$hovered};
-		}
-	}
+	@if $hovered or $pressed {
+		@include functions.not-disabled {
+			@if $hovered {
+				@include functions.hover {
+					background-color: #{$hovered};
+				}
+			}
 
-	@if $pressed {
-		@include functions.active {
-			background-color: #{$pressed};
+			@if $pressed {
+				@include functions.active {
+					background-color: #{$pressed};
+				}
+			}
 		}
 	}
 }

package/build/styles/defaults/default-code.css

@@ -94,4 +94,4 @@ blockquote:not([class]){--db-adaptive-bg-basic-level-1-default:var(
   	--db-neutral-on-bg-vibrant-hovered
   );--db-adaptive-on-bg-vibrant-pressed:var(
   	--db-neutral-on-bg-vibrant-pressed
-  );background-color:var(--db-neutral-bg-basic-transparent-semi-default);color:var(--db-neutral-on-bg-basic-emphasis-100-default)}blockquote:not([class]):after,blockquote:not([class]):before{--db-icon-color:var(--db-neutral-on-bg-basic-emphasis-100-default)}pre:not([class]):has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding:var(--db-spacing-fixed-xs)}pre:not([class]):has(code),pre:not([class]):has(code) code,pre:not([class]):has(code) span{font-family:monospace}a:has(code:not([class]):only-child){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){cursor:var(--db-overwrite-cursor,pointer);color:var(--db-adaptive-on-bg-inverted-hovered)}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){cursor:var(--db-overwrite-cursor,pointer);color:var(--db-adaptive-on-bg-inverted-pressed)}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]):only-child)>code{color:inherit}code:not([class]){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}code:not([class]),code:not([class]) span{font-family:monospace}blockquote:not([class]){margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}
+  );background-color:var(--db-neutral-bg-basic-transparent-semi-default);color:var(--db-neutral-on-bg-basic-emphasis-100-default)}blockquote:not([class]):after,blockquote:not([class]):before{--db-icon-color:var(--db-neutral-on-bg-basic-emphasis-100-default)}pre:not([class]):has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding:var(--db-spacing-fixed-xs)}pre:not([class]):has(code),pre:not([class]):has(code) code,pre:not([class]):has(code) span{font-family:monospace}a:has(code:not([class]):only-child){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code:not([class]):only-child):hover{cursor:var(--db-overwrite-cursor,pointer);color:var(--db-adaptive-on-bg-inverted-hovered)}a:has(code:not([class]):only-child):active{cursor:var(--db-overwrite-cursor,pointer);color:var(--db-adaptive-on-bg-inverted-pressed)}a:has(code:not([class]):only-child)>code{color:inherit}code:not([class]){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}code:not([class]),code:not([class]) span{font-family:monospace}blockquote:not([class]){margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}

package/build/styles/defaults/default-elevation.css

@@ -1 +1 @@
-.db-interactive-elevation,[data-interactive=elevation]{cursor:pointer;box-shadow:var(--db-elevation-md)}@media (prefers-reduced-motion:no-preference){.db-interactive-elevation,[data-interactive=elevation]{transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional)}}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){cursor:var(--db-overwrite-cursor,pointer);box-shadow:var(--db-elevation-lg)}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){cursor:var(--db-overwrite-cursor,pointer);box-shadow:var(--db-elevation-sm)}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}
+.db-interactive-elevation,[data-interactive=elevation]{cursor:pointer;box-shadow:var(--db-elevation-md)}@media (prefers-reduced-motion:no-preference){.db-interactive-elevation,[data-interactive=elevation]{transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional)}}.db-interactive-elevation:hover,[data-interactive=elevation]:hover{cursor:var(--db-overwrite-cursor,pointer);box-shadow:var(--db-elevation-lg)}.db-interactive-elevation:active,[data-interactive=elevation]:active{cursor:var(--db-overwrite-cursor,pointer);box-shadow:var(--db-elevation-sm)}

package/build/styles/helpers/_functions.scss

@@ -11,45 +11,25 @@
 }
 
 $cursor-pointer: var(--db-overwrite-cursor, pointer);
+$disabled-state: ':disabled,[aria-disabled="true"],[tabindex="-1"],:has(:disabled)';
 
-@mixin cursor-pointer() {
-	cursor: $cursor-pointer;
-	@content;
-
-	&:is(textarea),
-	&:is(input) {
-		cursor: initial;
-	}
-
-	&:is(input[type="checkbox"]),
-	&:is(input[type="radio"]:not(:checked)) {
-		cursor: pointer;
+@mixin not-disabled() {
+	&:not(#{$disabled-state}) {
+		@content;
 	}
 }
 
-@mixin hover() {
+@mixin hover($cursor: pointer) {
 	/* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
-	&:hover:not(
-			:disabled,
-			[aria-disabled="true"],
-			[tabindex="-1"],
-			:has(:disabled)
-		) {
-		@include cursor-pointer {
-			@content;
-		}
+	&:hover {
+		cursor: var(--db-overwrite-cursor, #{$cursor});
+		@content;
 	}
 }
 
 @mixin active() {
-	&:active:not(
-			:disabled,
-			[aria-disabled="true"],
-			[tabindex="-1"],
-			:has(:disabled)
-		) {
-		@include cursor-pointer {
-			@content;
-		}
+	&:active {
+		cursor: $cursor-pointer;
+		@content;
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/core-foundations",
-  "version": "4.9.1",
+  "version": "4.10.0-esm-f121fc3",
   "type": "module",
   "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
   "repository": {
@@ -24,13 +24,13 @@
     "cpr": "3.0.1",
     "cssnano": "8.0.1",
     "nodemon": "3.1.14",
-    "postcss": "8.5.14",
+    "postcss": "8.5.15",
     "postcss-cli": "11.0.1",
     "prettier": "3.8.3",
-    "sass": "1.99.0",
-    "tsx": "4.22.2",
+    "sass": "1.100.0",
+    "tsx": "4.22.3",
     "typescript": "5.9.3",
-    "vite": "8.0.13"
+    "vite": "8.0.14"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",