@db-ux/core-foundations 2.4.4 → 3.0.0

package/build/styles/colors/classes/turquoise.css

@@ -65,11 +65,17 @@
     --db-adaptive-bg-basic-transparent-semi-default: var(
     	--db-turquoise-bg-basic-transparent-semi-default
     );
-    --db-adaptive-bg-basic-transparent-hovered: var(
-    	--db-turquoise-bg-basic-transparent-hovered
+    --db-adaptive-bg-basic-transparent-full-hovered: var(
+    	--db-turquoise-bg-basic-transparent-full-hovered
     );
-    --db-adaptive-bg-basic-transparent-pressed: var(
-    	--db-turquoise-bg-basic-transparent-pressed
+    --db-adaptive-bg-basic-transparent-full-pressed: var(
+    	--db-turquoise-bg-basic-transparent-full-pressed
+    );
+    --db-adaptive-bg-basic-transparent-semi-hovered: var(
+    	--db-turquoise-bg-basic-transparent-semi-hovered
+    );
+    --db-adaptive-bg-basic-transparent-semi-pressed: var(
+    	--db-turquoise-bg-basic-transparent-semi-pressed
     );
     --db-adaptive-on-bg-basic-emphasis-100-default: var(
     	--db-turquoise-on-bg-basic-emphasis-100-default

package/build/styles/colors/classes/violet.css

@@ -59,11 +59,17 @@
     --db-adaptive-bg-basic-transparent-semi-default: var(
     	--db-violet-bg-basic-transparent-semi-default
     );
-    --db-adaptive-bg-basic-transparent-hovered: var(
-    	--db-violet-bg-basic-transparent-hovered
+    --db-adaptive-bg-basic-transparent-full-hovered: var(
+    	--db-violet-bg-basic-transparent-full-hovered
     );
-    --db-adaptive-bg-basic-transparent-pressed: var(
-    	--db-violet-bg-basic-transparent-pressed
+    --db-adaptive-bg-basic-transparent-full-pressed: var(
+    	--db-violet-bg-basic-transparent-full-pressed
+    );
+    --db-adaptive-bg-basic-transparent-semi-hovered: var(
+    	--db-violet-bg-basic-transparent-semi-hovered
+    );
+    --db-adaptive-bg-basic-transparent-semi-pressed: var(
+    	--db-violet-bg-basic-transparent-semi-pressed
     );
     --db-adaptive-on-bg-basic-emphasis-100-default: var(
     	--db-violet-on-bg-basic-emphasis-100-default

package/build/styles/colors/classes/warning.css

@@ -47,11 +47,17 @@
     --db-adaptive-bg-basic-transparent-semi-default: var(
     	--db-warning-bg-basic-transparent-semi-default
     );
-    --db-adaptive-bg-basic-transparent-hovered: var(
-    	--db-warning-bg-basic-transparent-hovered
+    --db-adaptive-bg-basic-transparent-full-hovered: var(
+    	--db-warning-bg-basic-transparent-full-hovered
     );
-    --db-adaptive-bg-basic-transparent-pressed: var(
-    	--db-warning-bg-basic-transparent-pressed
+    --db-adaptive-bg-basic-transparent-full-pressed: var(
+    	--db-warning-bg-basic-transparent-full-pressed
+    );
+    --db-adaptive-bg-basic-transparent-semi-hovered: var(
+    	--db-warning-bg-basic-transparent-semi-hovered
+    );
+    --db-adaptive-bg-basic-transparent-semi-pressed: var(
+    	--db-warning-bg-basic-transparent-semi-pressed
     );
     --db-adaptive-on-bg-basic-emphasis-100-default: var(
     	--db-warning-on-bg-basic-emphasis-100-default

package/build/styles/colors/classes/yellow.css

@@ -51,11 +51,17 @@
     --db-adaptive-bg-basic-transparent-semi-default: var(
     	--db-yellow-bg-basic-transparent-semi-default
     );
-    --db-adaptive-bg-basic-transparent-hovered: var(
-    	--db-yellow-bg-basic-transparent-hovered
+    --db-adaptive-bg-basic-transparent-full-hovered: var(
+    	--db-yellow-bg-basic-transparent-full-hovered
     );
-    --db-adaptive-bg-basic-transparent-pressed: var(
-    	--db-yellow-bg-basic-transparent-pressed
+    --db-adaptive-bg-basic-transparent-full-pressed: var(
+    	--db-yellow-bg-basic-transparent-full-pressed
+    );
+    --db-adaptive-bg-basic-transparent-semi-hovered: var(
+    	--db-yellow-bg-basic-transparent-semi-hovered
+    );
+    --db-adaptive-bg-basic-transparent-semi-pressed: var(
+    	--db-yellow-bg-basic-transparent-semi-pressed
     );
     --db-adaptive-on-bg-basic-emphasis-100-default: var(
     	--db-yellow-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_blue.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-blue-bg-basic-transparent-full-default: var(
 $db-blue-bg-basic-transparent-semi-default: var(
 	--db-blue-bg-basic-transparent-semi-default
 );
-$db-blue-bg-basic-transparent-hovered: var(
-	--db-blue-bg-basic-transparent-hovered
+$db-blue-bg-basic-transparent-full-hovered: var(
+	--db-blue-bg-basic-transparent-full-hovered
 );
-$db-blue-bg-basic-transparent-pressed: var(
-	--db-blue-bg-basic-transparent-pressed
+$db-blue-bg-basic-transparent-full-pressed: var(
+	--db-blue-bg-basic-transparent-full-pressed
+);
+$db-blue-bg-basic-transparent-semi-hovered: var(
+	--db-blue-bg-basic-transparent-semi-hovered
+);
+$db-blue-bg-basic-transparent-semi-pressed: var(
+	--db-blue-bg-basic-transparent-semi-pressed
 );
 $db-blue-on-bg-basic-emphasis-100-default: var(
 	--db-blue-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_burgundy.speaking-colors.scss

@@ -32,11 +32,17 @@ $db-burgundy-bg-basic-transparent-full-default: var(
 $db-burgundy-bg-basic-transparent-semi-default: var(
 	--db-burgundy-bg-basic-transparent-semi-default
 );
-$db-burgundy-bg-basic-transparent-hovered: var(
-	--db-burgundy-bg-basic-transparent-hovered
+$db-burgundy-bg-basic-transparent-full-hovered: var(
+	--db-burgundy-bg-basic-transparent-full-hovered
 );
-$db-burgundy-bg-basic-transparent-pressed: var(
-	--db-burgundy-bg-basic-transparent-pressed
+$db-burgundy-bg-basic-transparent-full-pressed: var(
+	--db-burgundy-bg-basic-transparent-full-pressed
+);
+$db-burgundy-bg-basic-transparent-semi-hovered: var(
+	--db-burgundy-bg-basic-transparent-semi-hovered
+);
+$db-burgundy-bg-basic-transparent-semi-pressed: var(
+	--db-burgundy-bg-basic-transparent-semi-pressed
 );
 $db-burgundy-on-bg-basic-emphasis-100-default: var(
 	--db-burgundy-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_cyan.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-cyan-bg-basic-transparent-full-default: var(
 $db-cyan-bg-basic-transparent-semi-default: var(
 	--db-cyan-bg-basic-transparent-semi-default
 );
-$db-cyan-bg-basic-transparent-hovered: var(
-	--db-cyan-bg-basic-transparent-hovered
+$db-cyan-bg-basic-transparent-full-hovered: var(
+	--db-cyan-bg-basic-transparent-full-hovered
 );
-$db-cyan-bg-basic-transparent-pressed: var(
-	--db-cyan-bg-basic-transparent-pressed
+$db-cyan-bg-basic-transparent-full-pressed: var(
+	--db-cyan-bg-basic-transparent-full-pressed
+);
+$db-cyan-bg-basic-transparent-semi-hovered: var(
+	--db-cyan-bg-basic-transparent-semi-hovered
+);
+$db-cyan-bg-basic-transparent-semi-pressed: var(
+	--db-cyan-bg-basic-transparent-semi-pressed
 );
 $db-cyan-on-bg-basic-emphasis-100-default: var(
 	--db-cyan-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_green.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-green-bg-basic-transparent-full-default: var(
 $db-green-bg-basic-transparent-semi-default: var(
 	--db-green-bg-basic-transparent-semi-default
 );
-$db-green-bg-basic-transparent-hovered: var(
-	--db-green-bg-basic-transparent-hovered
+$db-green-bg-basic-transparent-full-hovered: var(
+	--db-green-bg-basic-transparent-full-hovered
 );
-$db-green-bg-basic-transparent-pressed: var(
-	--db-green-bg-basic-transparent-pressed
+$db-green-bg-basic-transparent-full-pressed: var(
+	--db-green-bg-basic-transparent-full-pressed
+);
+$db-green-bg-basic-transparent-semi-hovered: var(
+	--db-green-bg-basic-transparent-semi-hovered
+);
+$db-green-bg-basic-transparent-semi-pressed: var(
+	--db-green-bg-basic-transparent-semi-pressed
 );
 $db-green-on-bg-basic-emphasis-100-default: var(
 	--db-green-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_light-green.speaking-colors.scss

@@ -32,11 +32,17 @@ $db-light-green-bg-basic-transparent-full-default: var(
 $db-light-green-bg-basic-transparent-semi-default: var(
 	--db-light-green-bg-basic-transparent-semi-default
 );
-$db-light-green-bg-basic-transparent-hovered: var(
-	--db-light-green-bg-basic-transparent-hovered
+$db-light-green-bg-basic-transparent-full-hovered: var(
+	--db-light-green-bg-basic-transparent-full-hovered
 );
-$db-light-green-bg-basic-transparent-pressed: var(
-	--db-light-green-bg-basic-transparent-pressed
+$db-light-green-bg-basic-transparent-full-pressed: var(
+	--db-light-green-bg-basic-transparent-full-pressed
+);
+$db-light-green-bg-basic-transparent-semi-hovered: var(
+	--db-light-green-bg-basic-transparent-semi-hovered
+);
+$db-light-green-bg-basic-transparent-semi-pressed: var(
+	--db-light-green-bg-basic-transparent-semi-pressed
 );
 $db-light-green-on-bg-basic-emphasis-100-default: var(
 	--db-light-green-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_orange.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-orange-bg-basic-transparent-full-default: var(
 $db-orange-bg-basic-transparent-semi-default: var(
 	--db-orange-bg-basic-transparent-semi-default
 );
-$db-orange-bg-basic-transparent-hovered: var(
-	--db-orange-bg-basic-transparent-hovered
+$db-orange-bg-basic-transparent-full-hovered: var(
+	--db-orange-bg-basic-transparent-full-hovered
 );
-$db-orange-bg-basic-transparent-pressed: var(
-	--db-orange-bg-basic-transparent-pressed
+$db-orange-bg-basic-transparent-full-pressed: var(
+	--db-orange-bg-basic-transparent-full-pressed
+);
+$db-orange-bg-basic-transparent-semi-hovered: var(
+	--db-orange-bg-basic-transparent-semi-hovered
+);
+$db-orange-bg-basic-transparent-semi-pressed: var(
+	--db-orange-bg-basic-transparent-semi-pressed
 );
 $db-orange-on-bg-basic-emphasis-100-default: var(
 	--db-orange-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_pink.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-pink-bg-basic-transparent-full-default: var(
 $db-pink-bg-basic-transparent-semi-default: var(
 	--db-pink-bg-basic-transparent-semi-default
 );
-$db-pink-bg-basic-transparent-hovered: var(
-	--db-pink-bg-basic-transparent-hovered
+$db-pink-bg-basic-transparent-full-hovered: var(
+	--db-pink-bg-basic-transparent-full-hovered
 );
-$db-pink-bg-basic-transparent-pressed: var(
-	--db-pink-bg-basic-transparent-pressed
+$db-pink-bg-basic-transparent-full-pressed: var(
+	--db-pink-bg-basic-transparent-full-pressed
+);
+$db-pink-bg-basic-transparent-semi-hovered: var(
+	--db-pink-bg-basic-transparent-semi-hovered
+);
+$db-pink-bg-basic-transparent-semi-pressed: var(
+	--db-pink-bg-basic-transparent-semi-pressed
 );
 $db-pink-on-bg-basic-emphasis-100-default: var(
 	--db-pink-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_red.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-red-bg-basic-transparent-full-default: var(
 $db-red-bg-basic-transparent-semi-default: var(
 	--db-red-bg-basic-transparent-semi-default
 );
-$db-red-bg-basic-transparent-hovered: var(
-	--db-red-bg-basic-transparent-hovered
+$db-red-bg-basic-transparent-full-hovered: var(
+	--db-red-bg-basic-transparent-full-hovered
 );
-$db-red-bg-basic-transparent-pressed: var(
-	--db-red-bg-basic-transparent-pressed
+$db-red-bg-basic-transparent-full-pressed: var(
+	--db-red-bg-basic-transparent-full-pressed
+);
+$db-red-bg-basic-transparent-semi-hovered: var(
+	--db-red-bg-basic-transparent-semi-hovered
+);
+$db-red-bg-basic-transparent-semi-pressed: var(
+	--db-red-bg-basic-transparent-semi-pressed
 );
 $db-red-on-bg-basic-emphasis-100-default: var(
 	--db-red-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_turquoise.speaking-colors.scss

@@ -32,11 +32,17 @@ $db-turquoise-bg-basic-transparent-full-default: var(
 $db-turquoise-bg-basic-transparent-semi-default: var(
 	--db-turquoise-bg-basic-transparent-semi-default
 );
-$db-turquoise-bg-basic-transparent-hovered: var(
-	--db-turquoise-bg-basic-transparent-hovered
+$db-turquoise-bg-basic-transparent-full-hovered: var(
+	--db-turquoise-bg-basic-transparent-full-hovered
 );
-$db-turquoise-bg-basic-transparent-pressed: var(
-	--db-turquoise-bg-basic-transparent-pressed
+$db-turquoise-bg-basic-transparent-full-pressed: var(
+	--db-turquoise-bg-basic-transparent-full-pressed
+);
+$db-turquoise-bg-basic-transparent-semi-hovered: var(
+	--db-turquoise-bg-basic-transparent-semi-hovered
+);
+$db-turquoise-bg-basic-transparent-semi-pressed: var(
+	--db-turquoise-bg-basic-transparent-semi-pressed
 );
 $db-turquoise-on-bg-basic-emphasis-100-default: var(
 	--db-turquoise-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_violet.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-violet-bg-basic-transparent-full-default: var(
 $db-violet-bg-basic-transparent-semi-default: var(
 	--db-violet-bg-basic-transparent-semi-default
 );
-$db-violet-bg-basic-transparent-hovered: var(
-	--db-violet-bg-basic-transparent-hovered
+$db-violet-bg-basic-transparent-full-hovered: var(
+	--db-violet-bg-basic-transparent-full-hovered
 );
-$db-violet-bg-basic-transparent-pressed: var(
-	--db-violet-bg-basic-transparent-pressed
+$db-violet-bg-basic-transparent-full-pressed: var(
+	--db-violet-bg-basic-transparent-full-pressed
+);
+$db-violet-bg-basic-transparent-semi-hovered: var(
+	--db-violet-bg-basic-transparent-semi-hovered
+);
+$db-violet-bg-basic-transparent-semi-pressed: var(
+	--db-violet-bg-basic-transparent-semi-pressed
 );
 $db-violet-on-bg-basic-emphasis-100-default: var(
 	--db-violet-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/additional/_yellow.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-yellow-bg-basic-transparent-full-default: var(
 $db-yellow-bg-basic-transparent-semi-default: var(
 	--db-yellow-bg-basic-transparent-semi-default
 );
-$db-yellow-bg-basic-transparent-hovered: var(
-	--db-yellow-bg-basic-transparent-hovered
+$db-yellow-bg-basic-transparent-full-hovered: var(
+	--db-yellow-bg-basic-transparent-full-hovered
 );
-$db-yellow-bg-basic-transparent-pressed: var(
-	--db-yellow-bg-basic-transparent-pressed
+$db-yellow-bg-basic-transparent-full-pressed: var(
+	--db-yellow-bg-basic-transparent-full-pressed
+);
+$db-yellow-bg-basic-transparent-semi-hovered: var(
+	--db-yellow-bg-basic-transparent-semi-hovered
+);
+$db-yellow-bg-basic-transparent-semi-pressed: var(
+	--db-yellow-bg-basic-transparent-semi-pressed
 );
 $db-yellow-on-bg-basic-emphasis-100-default: var(
 	--db-yellow-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/semantic/_brand.speaking-colors.scss

@@ -14,11 +14,17 @@ $db-brand-bg-basic-transparent-full-default: var(
 $db-brand-bg-basic-transparent-semi-default: var(
 	--db-brand-bg-basic-transparent-semi-default
 );
-$db-brand-bg-basic-transparent-hovered: var(
-	--db-brand-bg-basic-transparent-hovered
+$db-brand-bg-basic-transparent-full-hovered: var(
+	--db-brand-bg-basic-transparent-full-hovered
 );
-$db-brand-bg-basic-transparent-pressed: var(
-	--db-brand-bg-basic-transparent-pressed
+$db-brand-bg-basic-transparent-full-pressed: var(
+	--db-brand-bg-basic-transparent-full-pressed
+);
+$db-brand-bg-basic-transparent-semi-hovered: var(
+	--db-brand-bg-basic-transparent-semi-hovered
+);
+$db-brand-bg-basic-transparent-semi-pressed: var(
+	--db-brand-bg-basic-transparent-semi-pressed
 );
 $db-brand-on-bg-basic-emphasis-100-default: var(
 	--db-brand-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/semantic/_critical.speaking-colors.scss

@@ -32,11 +32,17 @@ $db-critical-bg-basic-transparent-full-default: var(
 $db-critical-bg-basic-transparent-semi-default: var(
 	--db-critical-bg-basic-transparent-semi-default
 );
-$db-critical-bg-basic-transparent-hovered: var(
-	--db-critical-bg-basic-transparent-hovered
+$db-critical-bg-basic-transparent-full-hovered: var(
+	--db-critical-bg-basic-transparent-full-hovered
 );
-$db-critical-bg-basic-transparent-pressed: var(
-	--db-critical-bg-basic-transparent-pressed
+$db-critical-bg-basic-transparent-full-pressed: var(
+	--db-critical-bg-basic-transparent-full-pressed
+);
+$db-critical-bg-basic-transparent-semi-hovered: var(
+	--db-critical-bg-basic-transparent-semi-hovered
+);
+$db-critical-bg-basic-transparent-semi-pressed: var(
+	--db-critical-bg-basic-transparent-semi-pressed
 );
 $db-critical-on-bg-basic-emphasis-100-default: var(
 	--db-critical-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/semantic/_informational.speaking-colors.scss

@@ -32,11 +32,17 @@ $db-informational-bg-basic-transparent-full-default: var(
 $db-informational-bg-basic-transparent-semi-default: var(
 	--db-informational-bg-basic-transparent-semi-default
 );
-$db-informational-bg-basic-transparent-hovered: var(
-	--db-informational-bg-basic-transparent-hovered
+$db-informational-bg-basic-transparent-full-hovered: var(
+	--db-informational-bg-basic-transparent-full-hovered
 );
-$db-informational-bg-basic-transparent-pressed: var(
-	--db-informational-bg-basic-transparent-pressed
+$db-informational-bg-basic-transparent-full-pressed: var(
+	--db-informational-bg-basic-transparent-full-pressed
+);
+$db-informational-bg-basic-transparent-semi-hovered: var(
+	--db-informational-bg-basic-transparent-semi-hovered
+);
+$db-informational-bg-basic-transparent-semi-pressed: var(
+	--db-informational-bg-basic-transparent-semi-pressed
 );
 $db-informational-on-bg-basic-emphasis-100-default: var(
 	--db-informational-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/semantic/_neutral.speaking-colors.scss

@@ -32,11 +32,17 @@ $db-neutral-bg-basic-transparent-full-default: var(
 $db-neutral-bg-basic-transparent-semi-default: var(
 	--db-neutral-bg-basic-transparent-semi-default
 );
-$db-neutral-bg-basic-transparent-hovered: var(
-	--db-neutral-bg-basic-transparent-hovered
+$db-neutral-bg-basic-transparent-full-hovered: var(
+	--db-neutral-bg-basic-transparent-full-hovered
 );
-$db-neutral-bg-basic-transparent-pressed: var(
-	--db-neutral-bg-basic-transparent-pressed
+$db-neutral-bg-basic-transparent-full-pressed: var(
+	--db-neutral-bg-basic-transparent-full-pressed
+);
+$db-neutral-bg-basic-transparent-semi-hovered: var(
+	--db-neutral-bg-basic-transparent-semi-hovered
+);
+$db-neutral-bg-basic-transparent-semi-pressed: var(
+	--db-neutral-bg-basic-transparent-semi-pressed
 );
 $db-neutral-on-bg-basic-emphasis-100-default: var(
 	--db-neutral-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/semantic/_successful.speaking-colors.scss

@@ -32,11 +32,17 @@ $db-successful-bg-basic-transparent-full-default: var(
 $db-successful-bg-basic-transparent-semi-default: var(
 	--db-successful-bg-basic-transparent-semi-default
 );
-$db-successful-bg-basic-transparent-hovered: var(
-	--db-successful-bg-basic-transparent-hovered
+$db-successful-bg-basic-transparent-full-hovered: var(
+	--db-successful-bg-basic-transparent-full-hovered
 );
-$db-successful-bg-basic-transparent-pressed: var(
-	--db-successful-bg-basic-transparent-pressed
+$db-successful-bg-basic-transparent-full-pressed: var(
+	--db-successful-bg-basic-transparent-full-pressed
+);
+$db-successful-bg-basic-transparent-semi-hovered: var(
+	--db-successful-bg-basic-transparent-semi-hovered
+);
+$db-successful-bg-basic-transparent-semi-pressed: var(
+	--db-successful-bg-basic-transparent-semi-pressed
 );
 $db-successful-on-bg-basic-emphasis-100-default: var(
 	--db-successful-on-bg-basic-emphasis-100-default

package/build/styles/colors/speaking-colors/semantic/_warning.speaking-colors.scss

@@ -32,11 +32,17 @@ $db-warning-bg-basic-transparent-full-default: var(
 $db-warning-bg-basic-transparent-semi-default: var(
 	--db-warning-bg-basic-transparent-semi-default
 );
-$db-warning-bg-basic-transparent-hovered: var(
-	--db-warning-bg-basic-transparent-hovered
+$db-warning-bg-basic-transparent-full-hovered: var(
+	--db-warning-bg-basic-transparent-full-hovered
 );
-$db-warning-bg-basic-transparent-pressed: var(
-	--db-warning-bg-basic-transparent-pressed
+$db-warning-bg-basic-transparent-full-pressed: var(
+	--db-warning-bg-basic-transparent-full-pressed
+);
+$db-warning-bg-basic-transparent-semi-hovered: var(
+	--db-warning-bg-basic-transparent-semi-hovered
+);
+$db-warning-bg-basic-transparent-semi-pressed: var(
+	--db-warning-bg-basic-transparent-semi-pressed
 );
 $db-warning-on-bg-basic-emphasis-100-default: var(
 	--db-warning-on-bg-basic-emphasis-100-default

package/build/styles/defaults/_default-container-properties.scss

@@ -0,0 +1,62 @@
+/* 224px */
+@property --db-container-3xs {
+	syntax: "*";
+	initial-value: 14rem;
+	inherits: true;
+}
+
+/* 256px */
+@property --db-container-2xs {
+	syntax: "*";
+	initial-value: 16rem;
+	inherits: true;
+}
+
+/* 320px */
+@property --db-container-xs {
+	syntax: "*";
+	initial-value: 20rem;
+	inherits: true;
+}
+
+/* 384px */
+@property --db-container-sm {
+	syntax: "*";
+	initial-value: 24rem;
+	inherits: true;
+}
+
+/* 448px */
+@property --db-container-md {
+	syntax: "*";
+	initial-value: 28rem;
+	inherits: true;
+}
+
+/* 512px */
+@property --db-container-lg {
+	syntax: "*";
+	initial-value: 32rem;
+	inherits: true;
+}
+
+/* 576px */
+@property --db-container-xl {
+	syntax: "*";
+	initial-value: 36rem;
+	inherits: true;
+}
+
+/* 672px */
+@property --db-container-2xl {
+	syntax: "*";
+	initial-value: 42rem;
+	inherits: true;
+}
+
+/* 768px */
+@property --db-container-3xl {
+	syntax: "*";
+	initial-value: 48rem;
+	inherits: true;
+}

package/build/styles/defaults/_default-container-variables.scss

@@ -0,0 +1,11 @@
+:is(:root, :host) {
+	--db-container-3xs: 14rem;
+	--db-container-2xs: 16rem;
+	--db-container-xs: 20rem;
+	--db-container-sm: 24rem;
+	--db-container-md: 28rem;
+	--db-container-lg: 32rem;
+	--db-container-xl: 36rem;
+	--db-container-2xl: 42rem;
+	--db-container-3xl: 48rem;
+}

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

@@ -20,10 +20,14 @@
     	--db-neutral-bg-basic-transparent-full-default
     );--db-adaptive-bg-basic-transparent-semi-default:var(
     	--db-neutral-bg-basic-transparent-semi-default
-    );--db-adaptive-bg-basic-transparent-hovered:var(
-    	--db-neutral-bg-basic-transparent-hovered
-    );--db-adaptive-bg-basic-transparent-pressed:var(
-    	--db-neutral-bg-basic-transparent-pressed
+    );--db-adaptive-bg-basic-transparent-full-hovered:var(
+    	--db-neutral-bg-basic-transparent-full-hovered
+    );--db-adaptive-bg-basic-transparent-full-pressed:var(
+    	--db-neutral-bg-basic-transparent-full-pressed
+    );--db-adaptive-bg-basic-transparent-semi-hovered:var(
+    	--db-neutral-bg-basic-transparent-semi-hovered
+    );--db-adaptive-bg-basic-transparent-semi-pressed:var(
+    	--db-neutral-bg-basic-transparent-semi-pressed
     );--db-adaptive-on-bg-basic-emphasis-100-default:var(
     	--db-neutral-on-bg-basic-emphasis-100-default
     );--db-adaptive-on-bg-basic-emphasis-100-hovered:var(
@@ -90,4 +94,4 @@
     	--db-neutral-on-bg-vibrant-hovered
     );--db-adaptive-on-bg-vibrant-pressed:var(
     	--db-neutral-on-bg-vibrant-pressed
-    )}}blockquote:not([class]){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)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}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])){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-hovered);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]):is(input),a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code:not([class])):hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-pressed);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]):is(input),a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code:not([class])):active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]))>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)}
+    )}}blockquote:not([class]){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)}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}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]){color:var(--db-adaptive-on-bg-inverted-hovered);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true]):is(input),a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code:not([class]):only-child):hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-pressed);cursor:var(--db-overwrite-cursor,pointer)}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true]):is(input),a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code:not([class]):only-child):active:not(:disabled,[aria-disabled=true]):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)}

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

@@ -16,7 +16,7 @@ pre:not([class]):has(code) {
 	}
 }
 
-a:has(code:not([class])) {
+a:has(code:not([class]):only-child) {
 	background-color: colors.$db-adaptive-bg-inverted-contrast-max-default;
 	color: colors.$db-adaptive-on-bg-inverted-default;
 

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

@@ -1 +1 @@
-@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;block-size:var(--db-icon-font-size,1.5rem);content:var(--db-icon,attr(data-icon));inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:middle}@supports (content:""/""){[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-hide-icon-before=true]:before,[data-hide-icon=true]:before,[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}[data-hide-icon-after=true]:after,[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}
+@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;block-size:var(--db-icon-font-size,1.5rem);content:var(--db-icon,attr(data-icon));inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:var(--db-icon-vertical-align,middle)}@supports (content:""/""){[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}@media speech{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}[data-icon-leading]:is(span),[data-icon-trailing]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-leading]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-leading=none]:before,[data-icon=none]:before,[data-show-icon-leading=false]:before,[data-show-icon=false]:before{content:none}[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}[data-icon-trailing=none]:after,[data-show-icon-trailing=false]:after{content:none}.is-icon-text-replace[data-icon-leading],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-leading]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-trailing]{font-size:0!important}.is-icon-text-replace[data-icon-trailing]:after{--db-icon-margin-start:0}