refactor: updated DB UI Base (#204)

Author: mfranzke

package-lock.json

@@ -56,7 +56,7 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@csstools/normalize.css": "^12.0.0",
-    "@db-ui/base": "2.0.0-13-734dd87"
+    "@db-ui/base": "2.0.0-15-344f053"
   },
   "devDependencies": {
     "@babel/cli": "^7.19.3",

package.json

@@ -70,6 +70,6 @@
 	}
 
 	& + label {
-		margin-left: $db-spacing-fixed-normal-xs;
+		margin-left: $db-spacing-fixed-regular-xs;
 	}
 }

source/_patterns/01-elements/checkbox/checkbox.scss

@@ -15,7 +15,7 @@
 	line-height: to-rem($pxValue: 24);
 	max-width: 100%;
 
-	padding: $db-spacing-fixed-normal-xs $db-spacing-fixed-normal-m;
+	padding: $db-spacing-fixed-regular-xs $db-spacing-fixed-regular-m;
 
 	width: 100%;
 
@@ -91,7 +91,7 @@
 
 			margin-bottom: -#{to-rem($pxValue: 18)};
 			transform: translate(
-				$db-spacing-fixed-normal-m,
+				$db-spacing-fixed-regular-m,
 				-#{to-rem($pxValue: 41)}
 			);
 

source/_patterns/01-elements/input/input.scss

@@ -52,7 +52,7 @@
 	// }
 
 	& + label {
-		margin-left: $db-spacing-fixed-normal-xs;
+		margin-left: $db-spacing-fixed-regular-xs;
 	}
 
 	&:disabled {

source/_patterns/01-elements/radio/radio.scss

@@ -29,7 +29,7 @@
 		background-repeat: no-repeat;
 		height: to-rem($pxValue: 44);
 		padding: to-rem($pxValue: 20) to-rem($pxValue: 42) 0
-			$db-spacing-fixed-normal-m;
+			$db-spacing-fixed-regular-m;
 
 		// Floating labels
 		& + .elm-label {
@@ -48,7 +48,7 @@
 				color: $select-floatingLabel--color;
 				font-size: to-rem($pxValue: 16);
 				transform: translate(
-					$db-spacing-fixed-normal-m,
+					$db-spacing-fixed-regular-m,
 					-#{to-rem($pxValue: 35)}
 				);
 			}
@@ -78,7 +78,7 @@
 		font-size: to-rem($pxValue: 12);
 		margin-bottom: -#{to-rem($pxValue: 18)};
 		transform: translate(
-			$db-spacing-fixed-normal-m,
+			$db-spacing-fixed-regular-m,
 			-#{to-rem($pxValue: 41)}
 		);
 		transition: opacity, transform 150ms;
@@ -93,7 +93,7 @@
 
 		& + .elm-label {
 			transform: translate(
-				$db-spacing-fixed-normal-m,
+				$db-spacing-fixed-regular-m,
 				-#{to-rem($pxValue: 100)}
 			);
 		}

source/_patterns/01-elements/select/select.scss

@@ -16,7 +16,7 @@
 		align-items: center;
 		display: flex;
 
-		padding-block: $db-spacing-fixed-normal-xs;
+		padding-block: $db-spacing-fixed-regular-xs;
 		// Negating the padding left for moving the element into that direction with the same measures
 		transform: translateX(calc(var(--db-accordion---paddingLeft) * -1));
 		width: calc(
@@ -98,7 +98,7 @@
 
 		summary {
 			font-size: to-rem($pxValue: 20);
-			padding-block: $db-spacing-fixed-normal-m;
+			padding-block: $db-spacing-fixed-regular-m;
 
 			&::before {
 				--icon-font-size: #{to-rem($pxValue: 32)};

source/_patterns/02-components/accordion/accordion.scss

@@ -41,8 +41,8 @@
 	// Cards contents are probably deprecated
 	// TODO: probably remove after discussions and/or move to demonstration styles for the homepage
 	figure {
-		margin: $db-spacing-fixed-normal-m $db-spacing-fixed-normal-m
-			$db-spacing-fixed-normal-m $db-spacing-fixed-normal-xs;
+		margin: $db-spacing-fixed-regular-m $db-spacing-fixed-regular-m
+			$db-spacing-fixed-regular-m $db-spacing-fixed-regular-xs;
 	}
 	// Banner variant
 	&[data-variant="banner"] {

source/_patterns/02-components/cards/card.scss

@@ -17,6 +17,6 @@ $table-line--borderColor: #d7dce1 !default;
 
 $table-row-zebra-color: rgba($db-colors-secondary-enabled, 0.07) !default;
 
-$table-densitySmall--padding: $db-spacing-fixed-normal-xs !default;
-$table-densityRegular--padding: $db-spacing-fixed-normal-xs !default;
-$table-densityLarge--padding: $db-spacing-fixed-normal-m !default;
+$table-densitySmall--padding: $db-spacing-fixed-regular-xs !default;
+$table-densityRegular--padding: $db-spacing-fixed-regular-xs !default;
+$table-densityLarge--padding: $db-spacing-fixed-regular-m !default;