diff --git a/package.json b/package.json index e62a399bec..37ea83aa47 100644 --- a/package.json +++ b/package.json @@ -129,7 +129,7 @@ "octokit": "4.0.2", "playwright": "1.47.2", "postcss": "8.4.49", - "prettier": "3.3.3", + "prettier": "3.4.0", "react": "18.3.1", "rollup-plugin-postcss-lit": "2.1.0", "sass": "1.81.0", @@ -154,7 +154,7 @@ "jackspeak": "2.1.1", "lit": "3.2.1", "playwright": "1.47.2", - "prettier": "3.3.3" + "prettier": "3.4.0" }, "prettier": { "singleQuote": true, diff --git a/src/elements/container/sticky-bar/sticky-bar.scss b/src/elements/container/sticky-bar/sticky-bar.scss index 5dd46b1e6e..9053717fe9 100644 --- a/src/elements/container/sticky-bar/sticky-bar.scss +++ b/src/elements/container/sticky-bar/sticky-bar.scss @@ -62,24 +62,20 @@ $intersector-overlapping: 1px; } :host( - :is( - [data-sticking]:is( - [data-slide-vertically], - [data-state='sticking'], - [data-state='unsticking'] - ), - [data-state='unsticky'] - ) - ) { + :is( + [data-sticking]:is([data-slide-vertically], [data-state='sticking'], [data-state='unsticking']), + [data-state='unsticky'] + ) +) { --_sbb-sticky-bar-background-animation-duration: 0s; } :host( - [data-sticking]:is( - [data-slide-vertically]:not([data-state='unsticky'], [data-state='unsticking']), - [data-state='sticking'] - ) - ) { + [data-sticking]:is( + [data-slide-vertically]:not([data-state='unsticky'], [data-state='unsticking']), + [data-state='sticking'] + ) +) { --sbb-sticky-bar-slide-vertically-animation-name: slide-in; } diff --git a/src/elements/core/styles/core/mediaqueries.scss b/src/elements/core/styles/core/mediaqueries.scss index 19ce5c16c5..c5d11c5ee3 100644 --- a/src/elements/core/styles/core/mediaqueries.scss +++ b/src/elements/core/styles/core/mediaqueries.scss @@ -21,8 +21,7 @@ $mq-breakpoints: ( // 1280 ultra: sbb-tokens.$sbb-breakpoint-ultra-min, // 1440 - ultra--max-content: - ( + ultra--max-content: ( sbb-tokens.$sbb-breakpoint-ultra-min + (2 * sbb-tokens.$sbb-spacing-fixed-18x), ), ) !default; diff --git a/src/elements/core/styles/mixins/buttons.scss b/src/elements/core/styles/mixins/buttons.scss index 2b389d2753..9b7e8a426b 100644 --- a/src/elements/core/styles/mixins/buttons.scss +++ b/src/elements/core/styles/mixins/buttons.scss @@ -37,11 +37,11 @@ $active: ':active, [data-active]'; } :host( - :is( - [data-focus-visible], - :focus-visible:not([data-focus-origin='mouse'], [data-focus-origin='touch']) - ) - ) { + :is( + [data-focus-visible], + :focus-visible:not([data-focus-origin='mouse'], [data-focus-origin='touch']) + ) + ) { @include icon-button-focus-visible(#{$button-selector}); } diff --git a/src/elements/form-field/form-field/form-field.scss b/src/elements/form-field/form-field/form-field.scss index 450c709eb7..b2cc24c727 100644 --- a/src/elements/form-field/form-field/form-field.scss +++ b/src/elements/form-field/form-field/form-field.scss @@ -37,8 +37,10 @@ ( var(--sbb-form-field-min-height) - var(--sbb-form-field-label-size) - var( --sbb-form-field-text-line-height - ) + var(--sbb-form-field-label-to-input-overlapping) - ) / 2 + ) + + var(--sbb-form-field-label-to-input-overlapping) + ) / + 2 ); --sbb-form-field-spacer-margin-block-end: calc( -1 * var(--sbb-form-field-label-to-input-overlapping) diff --git a/src/elements/notification/notification.scss b/src/elements/notification/notification.scss index 644168c624..87b0d82aae 100644 --- a/src/elements/notification/notification.scss +++ b/src/elements/notification/notification.scss @@ -102,7 +102,8 @@ $open-anim-height-to: calc( (var(--sbb-font-size-title-5) * var(--sbb-typo-line-height-body-text)) - var( --sbb-size-icon-ui-small ) - ) / 2 + ) / + 2 ); } diff --git a/src/elements/popover/popover-trigger/popover-trigger.scss b/src/elements/popover/popover-trigger/popover-trigger.scss index 5b9667d0f2..23f93b7340 100644 --- a/src/elements/popover/popover-trigger/popover-trigger.scss +++ b/src/elements/popover/popover-trigger/popover-trigger.scss @@ -67,8 +67,8 @@ $active: ':active, [data-active]'; } :host( - [data-icon-small]:focus-visible:not([data-focus-origin='mouse'], [data-focus-origin='touch']) - ) { + [data-icon-small]:focus-visible:not([data-focus-origin='mouse'], [data-focus-origin='touch']) +) { @include sbb.icon-button-focus-visible('.sbb-popover-trigger'); } diff --git a/src/elements/status/status.scss b/src/elements/status/status.scss index b23ec9a17a..0a11201a7f 100644 --- a/src/elements/status/status.scss +++ b/src/elements/status/status.scss @@ -92,7 +92,8 @@ $has-title: ':is([data-slot-names~=title], [title-content])'; (var(--_sbb-status-icon-font-size) * var(--sbb-typo-line-height-body-text)) - var( --sbb-size-icon-ui-small ) - ) / 2 + ) / + 2 ); } diff --git a/yarn.lock b/yarn.lock index c882b77e7b..c24b0ad450 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7361,10 +7361,10 @@ prelude-ls@^1.2.1: resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== -prettier@3.3.3: - version "3.3.3" - resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105" - integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew== +prettier@3.4.0: + version "3.4.0" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.4.0.tgz#9dcd5e617cf103db8e4bd00924baecfd32bf9971" + integrity sha512-/OXNZcLyWkfo13ofOW5M7SLh+k5pnIs07owXK2teFpnfaOEcycnSy7HQxldaVX1ZP/7Q8oO1eDuQJNwbomQq5Q== pretty-format@^27.0.2: version "27.5.1"