diff --git a/package-lock.json b/package-lock.json index 9ac9f74ce8..23a499389d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,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", @@ -2216,9 +2216,9 @@ } }, "node_modules/@db-ui/base": { - "version": "2.0.0-13-734dd87", - "resolved": "https://registry.npmjs.org/@db-ui/base/-/base-2.0.0-13-734dd87.tgz", - "integrity": "sha512-ruUGRHOJa02pJYVy+JYSw0VgsLwihc2FL2ru2kkgWLBl1Au1kOxlZSbavaAq23HWySYfcxz8IywUdIqKx/MMEg==", + "version": "2.0.0-15-344f053", + "resolved": "https://registry.npmjs.org/@db-ui/base/-/base-2.0.0-15-344f053.tgz", + "integrity": "sha512-GnPfej6LiVTgnxbmN+x1VCLCTlYIdOoPkq+2gPCaZKsyltnD1a3Hg92keHRS6XqviWZmBUpHES/l9xR9j7SgKw==", "dependencies": { "@csstools/normalize.css": "^12.0.0" } @@ -18618,9 +18618,9 @@ "requires": {} }, "@db-ui/base": { - "version": "2.0.0-13-734dd87", - "resolved": "https://registry.npmjs.org/@db-ui/base/-/base-2.0.0-13-734dd87.tgz", - "integrity": "sha512-ruUGRHOJa02pJYVy+JYSw0VgsLwihc2FL2ru2kkgWLBl1Au1kOxlZSbavaAq23HWySYfcxz8IywUdIqKx/MMEg==", + "version": "2.0.0-15-344f053", + "resolved": "https://registry.npmjs.org/@db-ui/base/-/base-2.0.0-15-344f053.tgz", + "integrity": "sha512-GnPfej6LiVTgnxbmN+x1VCLCTlYIdOoPkq+2gPCaZKsyltnD1a3Hg92keHRS6XqviWZmBUpHES/l9xR9j7SgKw==", "requires": { "@csstools/normalize.css": "^12.0.0" } diff --git a/package.json b/package.json index a0ad555d98..af1a67c1f4 100644 --- a/package.json +++ b/package.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", diff --git a/source/_patterns/01-elements/checkbox/checkbox.scss b/source/_patterns/01-elements/checkbox/checkbox.scss index 6c1765b4f4..fb1c8144cf 100644 --- a/source/_patterns/01-elements/checkbox/checkbox.scss +++ b/source/_patterns/01-elements/checkbox/checkbox.scss @@ -70,6 +70,6 @@ } & + label { - margin-left: $db-spacing-fixed-normal-xs; + margin-left: $db-spacing-fixed-regular-xs; } } diff --git a/source/_patterns/01-elements/input/input.scss b/source/_patterns/01-elements/input/input.scss index 4f17e0a561..71005cc53b 100644 --- a/source/_patterns/01-elements/input/input.scss +++ b/source/_patterns/01-elements/input/input.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)} ); diff --git a/source/_patterns/01-elements/radio/radio.scss b/source/_patterns/01-elements/radio/radio.scss index 74798d6fc9..c19fcefc2e 100644 --- a/source/_patterns/01-elements/radio/radio.scss +++ b/source/_patterns/01-elements/radio/radio.scss @@ -52,7 +52,7 @@ // } & + label { - margin-left: $db-spacing-fixed-normal-xs; + margin-left: $db-spacing-fixed-regular-xs; } &:disabled { diff --git a/source/_patterns/01-elements/select/select.scss b/source/_patterns/01-elements/select/select.scss index 5e30557355..dbc42d785f 100644 --- a/source/_patterns/01-elements/select/select.scss +++ b/source/_patterns/01-elements/select/select.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)} ); } diff --git a/source/_patterns/02-components/accordion/accordion.scss b/source/_patterns/02-components/accordion/accordion.scss index 2507632d7e..76e4ff78f5 100644 --- a/source/_patterns/02-components/accordion/accordion.scss +++ b/source/_patterns/02-components/accordion/accordion.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)}; diff --git a/source/_patterns/02-components/cards/card.scss b/source/_patterns/02-components/cards/card.scss index dc0d106d2a..b2397da8af 100644 --- a/source/_patterns/02-components/cards/card.scss +++ b/source/_patterns/02-components/cards/card.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"] { diff --git a/source/_patterns/02-components/table/_table.variables.scss b/source/_patterns/02-components/table/_table.variables.scss index 066692421b..a05f0d7242 100644 --- a/source/_patterns/02-components/table/_table.variables.scss +++ b/source/_patterns/02-components/table/_table.variables.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;