From 280d9dd6f70421d3c5ea30081d8a2ec943fa4892 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Wed, 28 Aug 2024 12:15:29 +0000 Subject: [PATCH 1/7] chore(deps): update commitlint to v19.4.1 --- package.json | 4 ++-- yarn.lock | 36 ++++++++++++++++++------------------ 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/package.json b/package.json index 5c64250a533..2ba53a5ef73 100644 --- a/package.json +++ b/package.json @@ -73,8 +73,8 @@ "lit": "3.2.0" }, "devDependencies": { - "@commitlint/cli": "19.4.0", - "@commitlint/config-conventional": "19.2.2", + "@commitlint/cli": "19.4.1", + "@commitlint/config-conventional": "19.4.1", "@custom-elements-manifest/analyzer": "0.10.3", "@custom-elements-manifest/to-markdown": "0.1.0", "@eslint/eslintrc": "3.1.0", diff --git a/yarn.lock b/yarn.lock index 78c782bcd01..6cc5feab395 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1015,23 +1015,23 @@ "@babel/helper-validator-identifier" "^7.24.7" to-fast-properties "^2.0.0" -"@commitlint/cli@19.4.0": - version "19.4.0" - resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-19.4.0.tgz#9f93d3ed07e531fcfa371015c8c87e0aa26d974f" - integrity sha512-sJX4J9UioVwZHq7JWM9tjT5bgWYaIN3rC4FP7YwfEwBYiIO+wMyRttRvQLNkow0vCdM0D67r9NEWU0Ui03I4Eg== +"@commitlint/cli@19.4.1": + version "19.4.1" + resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-19.4.1.tgz#51dbd88750620c9e5fb6f5bc773872728a29674a" + integrity sha512-EerFVII3ZcnhXsDT9VePyIdCJoh3jEzygN1L37MjQXgPfGS6fJTWL/KHClVMod1d8w94lFC3l4Vh/y5ysVAz2A== dependencies: "@commitlint/format" "^19.3.0" - "@commitlint/lint" "^19.2.2" + "@commitlint/lint" "^19.4.1" "@commitlint/load" "^19.4.0" "@commitlint/read" "^19.4.0" "@commitlint/types" "^19.0.3" execa "^8.0.1" yargs "^17.0.0" -"@commitlint/config-conventional@19.2.2": - version "19.2.2" - resolved "https://registry.yarnpkg.com/@commitlint/config-conventional/-/config-conventional-19.2.2.tgz#1f4e6975d428985deacf2b3ff6547e02c9302054" - integrity sha512-mLXjsxUVLYEGgzbxbxicGPggDuyWNkf25Ht23owXIH+zV2pv1eJuzLK3t1gDY5Gp6pxdE60jZnWUY5cvgL3ufw== +"@commitlint/config-conventional@19.4.1": + version "19.4.1" + resolved "https://registry.yarnpkg.com/@commitlint/config-conventional/-/config-conventional-19.4.1.tgz#c6f05d478c7576d5affff82d67d9ca37e96c94e6" + integrity sha512-D5S5T7ilI5roybWGc8X35OBlRXLAwuTseH1ro0XgqkOWrhZU8yOwBOslrNmSDlTXhXLq8cnfhQyC42qaUCzlXA== dependencies: "@commitlint/types" "^19.0.3" conventional-changelog-conventionalcommits "^7.0.2" @@ -1077,14 +1077,14 @@ "@commitlint/types" "^19.0.3" semver "^7.6.0" -"@commitlint/lint@^19.2.2": - version "19.2.2" - resolved "https://registry.yarnpkg.com/@commitlint/lint/-/lint-19.2.2.tgz#57f69e24bd832a7dcce8ebf82d11e3bf03ccc2a9" - integrity sha512-xrzMmz4JqwGyKQKTpFzlN0dx0TAiT7Ran1fqEBgEmEj+PU98crOFtysJgY+QdeSagx6EDRigQIXJVnfrI0ratA== +"@commitlint/lint@^19.4.1": + version "19.4.1" + resolved "https://registry.yarnpkg.com/@commitlint/lint/-/lint-19.4.1.tgz#0760d34fcdaee0bf05befe666ca14c0fc1ecb57e" + integrity sha512-Ws4YVAZ0jACTv6VThumITC1I5AG0UyXMGua3qcf55JmXIXm/ejfaVKykrqx7RyZOACKVAs8uDRIsEsi87JZ3+Q== dependencies: "@commitlint/is-ignored" "^19.2.2" "@commitlint/parse" "^19.0.3" - "@commitlint/rules" "^19.0.3" + "@commitlint/rules" "^19.4.1" "@commitlint/types" "^19.0.3" "@commitlint/load@^19.4.0": @@ -1140,10 +1140,10 @@ lodash.mergewith "^4.6.2" resolve-from "^5.0.0" -"@commitlint/rules@^19.0.3": - version "19.0.3" - resolved "https://registry.yarnpkg.com/@commitlint/rules/-/rules-19.0.3.tgz#de647a9055847cae4f3ae32b4798096b604584f3" - integrity sha512-TspKb9VB6svklxNCKKwxhELn7qhtY1rFF8ls58DcFd0F97XoG07xugPjjbVnLqmMkRjZDbDIwBKt9bddOfLaPw== +"@commitlint/rules@^19.4.1": + version "19.4.1" + resolved "https://registry.yarnpkg.com/@commitlint/rules/-/rules-19.4.1.tgz#df15baad1092e2be1b39aa1aa7cc05e12f59f677" + integrity sha512-AgctfzAONoVxmxOXRyxXIq7xEPrd7lK/60h2egp9bgGUMZK9v0+YqLOA+TH+KqCa63ZoCr8owP2YxoSSu7IgnQ== dependencies: "@commitlint/ensure" "^19.0.3" "@commitlint/message" "^19.0.0" From 6c965c503bda51c3f646eb1400fdf4620883870f Mon Sep 17 00:00:00 2001 From: Tommaso Menga Date: Wed, 28 Aug 2024 15:49:14 +0200 Subject: [PATCH 2/7] feat(sbb-stepper): add size 's' (#3026) --- .../stepper/step-label/step-label.scss | 21 ++++++++++++++++++- .../stepper.snapshot.spec.snap.js | 4 ++++ src/elements/stepper/stepper/readme.md | 1 + src/elements/stepper/stepper/stepper.spec.ts | 11 ++++++++++ .../stepper/stepper/stepper.stories.ts | 15 +++++++++++++ src/elements/stepper/stepper/stepper.ts | 15 +++++++++++++ .../stepper/stepper/stepper.visual.spec.ts | 9 ++++++++ 7 files changed, 75 insertions(+), 1 deletion(-) diff --git a/src/elements/stepper/step-label/step-label.scss b/src/elements/stepper/step-label/step-label.scss index 111b7a65142..5dd362e1d12 100644 --- a/src/elements/stepper/step-label/step-label.scss +++ b/src/elements/stepper/step-label/step-label.scss @@ -13,6 +13,7 @@ --sbb-step-label-prefix-border-style: solid; --sbb-step-label-prefix-border-color: var(--sbb-color-cloud); --sbb-step-label-prefix-background-color: var(--sbb-color-white); + --sbb-step-label-gap: var(--sbb-spacing-fixed-4x); position: relative; min-width: 0; @@ -57,6 +58,20 @@ } } +:host([data-size='s']) { + --sbb-step-label-gap: var(--sbb-spacing-fixed-3x); + --sbb-step-label-prefix-size: var(--sbb-size-element-xxxs); + + &::before { + // The `--sbb-font-size-text-m` is beign used here to align the bubble's inner text to + // the label text which includes the `sbb.text-m--bold` mixin. + inset-block-start: calc( + var(--sbb-font-size-text-m) * (var(--sbb-typo-line-height-body-text) / 2) + + (var(--sbb-border-width-1x) / 2) + ); + } +} + :host([disabled]) { --sbb-step-label-color: var(--sbb-color-granite); --sbb-step-label-prefix-border-style: dashed; @@ -100,8 +115,12 @@ cursor: var(--sbb-step-label-cursor); position: relative; display: flex; - gap: var(--sbb-spacing-fixed-4x); + gap: var(--sbb-step-label-gap); color: var(--sbb-step-label-color); + + :host([data-size='s']) & { + @include sbb.text-m--bold; + } } .sbb-step-label__prefix { diff --git a/src/elements/stepper/stepper/__snapshots__/stepper.snapshot.spec.snap.js b/src/elements/stepper/stepper/__snapshots__/stepper.snapshot.spec.snap.js index f6909850dc7..e86d9865515 100644 --- a/src/elements/stepper/stepper/__snapshots__/stepper.snapshot.spec.snap.js +++ b/src/elements/stepper/stepper/__snapshots__/stepper.snapshot.spec.snap.js @@ -6,6 +6,7 @@ snapshots["sbb-stepper renders DOM"] = data-disable-animation="" orientation="horizontal" selected-index="0" + size="m" > { expect(stepLabelThree).to.have.attribute('data-selected'); expect(stepLabelThree.step).to.have.attribute('data-selected'); }); + + it('proxy size to step children', async () => { + const stepLabels = Array.from(element.querySelectorAll('sbb-step-label')!); + + expect(stepLabels.every((l) => l.getAttribute('data-size') === element.size)).to.be.true; + + element.size = 's'; + await waitForLitRender(element); + + expect(stepLabels.every((l) => l.getAttribute('data-size') === element.size)).to.be.true; + }); }); diff --git a/src/elements/stepper/stepper/stepper.stories.ts b/src/elements/stepper/stepper/stepper.stories.ts index cba7e33cf63..6fa954ea17a 100644 --- a/src/elements/stepper/stepper/stepper.stories.ts +++ b/src/elements/stepper/stepper/stepper.stories.ts @@ -47,16 +47,25 @@ const horizontalFrom: InputType = { options: ['unset', 'zero', 'micro', 'small', 'medium', 'large', 'wide', 'ultra'], }; +const size: InputType = { + control: { + type: 'inline-radio', + }, + options: ['s', 'm'], +}; + const defaultArgTypes: ArgTypes = { linear, orientation, 'horizontal-from': horizontalFrom, + size, }; const defaultArgs: Args = { linear: false, orientation: 'horizontal', 'horizontal-from': 'unset', + size: size.options![1], }; const codeStyle: Args = { @@ -356,6 +365,12 @@ export const Vertical: StoryObj = { args: { ...defaultArgs, orientation: orientation.options![1] }, }; +export const SizeS: StoryObj = { + render: Template, + argTypes: defaultArgTypes, + args: { ...defaultArgs, size: size.options![0] }, +}; + export const HorizontalFromSmall: StoryObj = { render: Template, argTypes: defaultArgTypes, diff --git a/src/elements/stepper/stepper/stepper.ts b/src/elements/stepper/stepper/stepper.ts index 771cd12affd..a6ff30d23a0 100644 --- a/src/elements/stepper/stepper/stepper.ts +++ b/src/elements/stepper/stepper/stepper.ts @@ -48,6 +48,9 @@ export class SbbStepperElement extends SbbHydrationMixin(LitElement) { @property({ reflect: true }) public orientation: SbbOrientation = 'horizontal'; + /** Size variant, either s or m. */ + @property({ reflect: true }) public size: 's' | 'm' = 'm'; + /** The currently selected step. */ @property({ attribute: false }) public set selected(step: SbbStepElement) { @@ -200,6 +203,7 @@ export class SbbStepperElement extends SbbHydrationMixin(LitElement) { label.configure(i + 1, array.length, this._loaded); }); this._select(this.selected || this._enabledSteps[0]); + this._proxySize(); } private _updateLabels(): void { @@ -271,6 +275,17 @@ export class SbbStepperElement extends SbbHydrationMixin(LitElement) { if (changedProperties.has('linear') && this._loaded) { this._configureLinearMode(); } + + if (changedProperties.has('size')) { + this._proxySize(); + this._setMarkerSize(); + } + } + + private _proxySize(): void { + this.steps.forEach((step) => { + step.label?.setAttribute('data-size', this.size); + }); } private _handleKeyDown(evt: KeyboardEvent): void { diff --git a/src/elements/stepper/stepper/stepper.visual.spec.ts b/src/elements/stepper/stepper/stepper.visual.spec.ts index 9280b977d19..4ceb2260160 100644 --- a/src/elements/stepper/stepper/stepper.visual.spec.ts +++ b/src/elements/stepper/stepper/stepper.visual.spec.ts @@ -25,12 +25,14 @@ describe(`sbb-stepper`, () => { orientation?: string, longLabel?: boolean, horizontalFrom?: string, + size: 's' | 'm' = 'm', ): TemplateResult => html` Step 1 @@ -87,6 +89,13 @@ describe(`sbb-stepper`, () => { await setup.withFixture(template(false, orientation, true)); }), ); + + it( + `orientation=${orientation} size=s`, + visualDiffDefault.with(async (setup) => { + await setup.withFixture(template(false, orientation, false, undefined, 's')); + }), + ); } }); }); From cf26d0703f15e84cd79da9d8ddac597ac8650b15 Mon Sep 17 00:00:00 2001 From: Jeri Peier Date: Thu, 29 Aug 2024 09:51:41 +0200 Subject: [PATCH 3/7] fix(step-list): fix border radius of step list elements (#3036) --- src/elements/clock/clock.scss | 3 ++- src/elements/core/styles/mixins/lists.scss | 12 +++++++++- tools/web-test-runner/preload-icons.ts | 22 +++++++++++++------ .../visual-regression-plugin-config.ts | 1 + 4 files changed, 29 insertions(+), 9 deletions(-) diff --git a/src/elements/clock/clock.scss b/src/elements/clock/clock.scss index 57aff80d3e0..beb04093dc7 100644 --- a/src/elements/clock/clock.scss +++ b/src/elements/clock/clock.scss @@ -36,7 +36,8 @@ } .sbb-clock__hand-minutes { - transition: transform 0.2s cubic-bezier(0.4, 2.08, 0.55, 0.44); + transition: transform var(--sbb-disable-animation-zero-time, 0.2s) + cubic-bezier(0.4, 2.08, 0.55, 0.44); @supports not (aspect-ratio: 1 / 1) { transform-origin: 50% 49.625%; diff --git a/src/elements/core/styles/mixins/lists.scss b/src/elements/core/styles/mixins/lists.scss index 324655e3ade..9ef0869aece 100644 --- a/src/elements/core/styles/mixins/lists.scss +++ b/src/elements/core/styles/mixins/lists.scss @@ -81,6 +81,7 @@ --sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x); --sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs); --sbb-step-list-marker-to-text-gap: var(--sbb-spacing-responsive-xxxs); + --sbb-step-list-border-radius: var(--sbb-border-radius-4x); // Additional space from overall li padding to the text because text // has to be centered to marker number. @@ -117,7 +118,6 @@ position: relative; counter-increment: steps; background-color: var(--sbb-color-milk); - border-radius: var(--sbb-border-radius-4x); padding-block: calc( var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset) ) @@ -131,6 +131,16 @@ var(--sbb-step-list-marker-dimensions) + 2 * var(--sbb-step-list-padding-block) ); + &:first-of-type { + border-start-start-radius: var(--sbb-step-list-border-radius); + border-start-end-radius: var(--sbb-step-list-border-radius); + } + + &:last-of-type { + border-end-start-radius: var(--sbb-step-list-border-radius); + border-end-end-radius: var(--sbb-step-list-border-radius); + } + &::before { @include typo.text-xxs--bold; diff --git a/tools/web-test-runner/preload-icons.ts b/tools/web-test-runner/preload-icons.ts index b5c349810c6..3a69a00d813 100644 --- a/tools/web-test-runner/preload-icons.ts +++ b/tools/web-test-runner/preload-icons.ts @@ -28,9 +28,9 @@ const preloadIconList = [ 'chevron-small-right-small', 'chevron-small-up-small', 'circle-cross-small', - 'circle-dotted-small', 'circle-dotted-part-small', 'circle-dotted-part-x-small', + 'circle-dotted-small', 'circle-exclamation-point-small', 'circle-information-large', 'circle-information-medium', @@ -46,6 +46,7 @@ const preloadIconList = [ 'container-small', 'context-menu-small', 'cross-small', + 'dash-small', 'delay', 'diamond-small', 'disruption', @@ -61,7 +62,9 @@ const preloadIconList = [ 'hamburger-menu-small', 'heart-medium', 'house-small', + 'ic-35', 'info', + 'ir-27', 'ir-35', 'ir-37', 'link-small', @@ -88,7 +91,10 @@ const preloadIconList = [ 'sa-r', 'sa-rr', 'sa-rs', + 'sa-tg', + 'sa-vr', 'sa-wr', + 'sa-z', 'shopping-cart-small', 'swisspass-medium', 'swisspass-small', @@ -101,22 +107,24 @@ const preloadIconList = [ 'travel-backpack-medium', 'user-small', 'utilization-high', - 'utilization-low', - 'utilization-medium', - 'utilization-none', 'utilization-high-high-contrast', - 'utilization-low-high-contrast', - 'utilization-medium-high-contrast', - 'utilization-none-high-contrast', 'utilization-high-negative', + 'utilization-low', + 'utilization-low-high-contrast', 'utilization-low-negative', + 'utilization-medium', + 'utilization-medium-high-contrast', 'utilization-medium-negative', + 'utilization-none', + 'utilization-none-high-contrast', 'utilization-none-negative', 'walk-fast-small', 'walk-slow-small', 'walk-small', 'picto:bus-right', + 'picto:jetty-right', 'picto:train-right', + 'picto:tram-right', ]; export interface PreloadedIcon { diff --git a/tools/web-test-runner/visual-regression-plugin-config.ts b/tools/web-test-runner/visual-regression-plugin-config.ts index 63c3c167941..840d624ff4f 100644 --- a/tools/web-test-runner/visual-regression-plugin-config.ts +++ b/tools/web-test-runner/visual-regression-plugin-config.ts @@ -39,6 +39,7 @@ writeFileSync(new URL(`./${metaFileName}`, screenshotsDir), JSON.stringify(meta) export const visualRegressionConfig = { baseDir: 'dist/screenshots', + diffOptions: { threshold: 0.03 }, async getBaseline({ filePath, name }) { const baselineFileUrl = baselineUrl + name + extname(filePath); const infoFilePath = filePath + '.json'; From 32bcf10bf0b4a8bbd4996dfa9500c4fd17d2dc40 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Thu, 29 Aug 2024 15:21:01 +0200 Subject: [PATCH 4/7] chore(main): release 1.9.0 (#3025) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .release-please-manifest.json | 2 +- CHANGELOG.md | 19 +++++++++++++++++++ package.json | 2 +- 3 files changed, 21 insertions(+), 2 deletions(-) diff --git a/.release-please-manifest.json b/.release-please-manifest.json index c1809067ab2..3c381941b12 100644 --- a/.release-please-manifest.json +++ b/.release-please-manifest.json @@ -1,4 +1,4 @@ { "last-release-sha": "fed492ab6cb4e807cffcb07e26bf25ab585f1c6b", - ".": "1.8.0" + ".": "1.9.0" } diff --git a/CHANGELOG.md b/CHANGELOG.md index 72bee2bc8e8..db27450d7d8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,25 @@ All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. +## [1.9.0](https://github.com/sbb-design-systems/lyne-components/compare/v1.8.0...v1.9.0) (2024-08-29) + + +### Features + +* **sbb-autocomplete:** introduce size s ([#3020](https://github.com/sbb-design-systems/lyne-components/issues/3020)) ([aa55e7f](https://github.com/sbb-design-systems/lyne-components/commit/aa55e7fc01f44735ff96a04ceace94c34ddf5ed1)) +* **sbb-stepper:** add size 's' ([#3026](https://github.com/sbb-design-systems/lyne-components/issues/3026)) ([6c965c5](https://github.com/sbb-design-systems/lyne-components/commit/6c965c503bda51c3f646eb1400fdf4620883870f)) +* **sbb-time-input:** add size 's' ([#3018](https://github.com/sbb-design-systems/lyne-components/issues/3018)) ([375bdad](https://github.com/sbb-design-systems/lyne-components/commit/375bdad9f8413ce00cbc1f50c6a815bb0d6e5016)) + + +### Bug Fixes + +* **sbb-container:** remove relative positioning for non-image case ([#3024](https://github.com/sbb-design-systems/lyne-components/issues/3024)) ([d0d928f](https://github.com/sbb-design-systems/lyne-components/commit/d0d928f8107b3e799185357f675fd2c27498bca4)) +* **sbb-datepicker-toggle:** fix datepicker toggle empty state synchronization ([#3032](https://github.com/sbb-design-systems/lyne-components/issues/3032)) ([cae910b](https://github.com/sbb-design-systems/lyne-components/commit/cae910b1e93b19e680c98967af4646617c1d9f1d)) +* **sbb-overlay:** fix padding block ([#3028](https://github.com/sbb-design-systems/lyne-components/issues/3028)) ([6b95be6](https://github.com/sbb-design-systems/lyne-components/commit/6b95be6871d5b18f50d1011ac0c9ad5ab608f384)) +* **sbb-select:** fix display value in SSR context ([#3027](https://github.com/sbb-design-systems/lyne-components/issues/3027)) ([f733b38](https://github.com/sbb-design-systems/lyne-components/commit/f733b38e2aa3f4fe5eef73749d6611f748f3f17e)) +* **sbb-toggle:** avoid console error on checked option click ([#3034](https://github.com/sbb-design-systems/lyne-components/issues/3034)) ([94fa2b6](https://github.com/sbb-design-systems/lyne-components/commit/94fa2b64a2691cea45322dd521da74eb4e29b7e1)) +* **step-list:** fix border radius of step list elements ([#3036](https://github.com/sbb-design-systems/lyne-components/issues/3036)) ([cf26d07](https://github.com/sbb-design-systems/lyne-components/commit/cf26d0703f15e84cd79da9d8ddac597ac8650b15)) + ## [1.8.0](https://github.com/sbb-design-systems/lyne-components/compare/v1.7.0...v1.8.0) (2024-08-22) diff --git a/package.json b/package.json index 2ba53a5ef73..5c3d79847b2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@sbb-esta/lyne-elements", - "version": "1.8.0", + "version": "1.9.0", "description": "Lyne Design System", "keywords": [ "design system", From e613ce4dad0b747a3960ce1a5a7d8f9d400d37bc Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Thu, 29 Aug 2024 13:21:53 +0000 Subject: [PATCH 5/7] chore(deps): update dependency eslint-plugin-import-x to v4.1.1 --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 5c3d79847b2..ffc2b9e2c7d 100644 --- a/package.json +++ b/package.json @@ -118,7 +118,7 @@ "eslint": "9.9.1", "eslint-config-prettier": "9.1.0", "eslint-import-resolver-typescript": "3.6.3", - "eslint-plugin-import-x": "4.1.0", + "eslint-plugin-import-x": "4.1.1", "eslint-plugin-lit": "1.14.0", "eslint-plugin-react": "7.35.0", "eslint-plugin-storybook": "0.8.0", diff --git a/yarn.lock b/yarn.lock index 6cc5feab395..903e1310471 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5103,10 +5103,10 @@ eslint-module-utils@^2.8.1: dependencies: debug "^3.2.7" -eslint-plugin-import-x@4.1.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/eslint-plugin-import-x/-/eslint-plugin-import-x-4.1.0.tgz#4e7689c32685291d58f08cdd0bffa2dc1c6c9470" - integrity sha512-1BYJU0C5NBJLY4qukmwDbFrf2w8fLGEU9zZV3viWa7gNnbn4o4meQy5O4LVXn56eFh9Y4fQxu3udhIqQuVITvw== +eslint-plugin-import-x@4.1.1: + version "4.1.1" + resolved "https://registry.yarnpkg.com/eslint-plugin-import-x/-/eslint-plugin-import-x-4.1.1.tgz#715efe257eddeb5986c68cda73908d019c954280" + integrity sha512-dBEM8fACIFNt4H7GoOaRmnH6evJW6JSTJTYYgmRd3vI4geBTjgDM/JyUDKUwIw0HDSyI+u7Vs3vFRXUo/BOAtA== dependencies: "@typescript-eslint/typescript-estree" "^8.1.0" "@typescript-eslint/utils" "^8.1.0" From 744b2482edb4e0e0fb6871c82ccb63d48ded5247 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Thu, 29 Aug 2024 17:18:57 +0200 Subject: [PATCH 6/7] chore(deps): update dependency @sbb-esta/lyne-design-tokens to v1.2.0 (#3044) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index ffc2b9e2c7d..18aee8231d6 100644 --- a/package.json +++ b/package.json @@ -84,7 +84,7 @@ "@lit/react": "1.0.5", "@open-wc/lit-helpers": "0.7.0", "@open-wc/testing": "4.0.0", - "@sbb-esta/lyne-design-tokens": "1.1.1", + "@sbb-esta/lyne-design-tokens": "1.2.0", "@storybook/addon-a11y": "8.2.9", "@storybook/addon-actions": "8.2.9", "@storybook/addon-essentials": "8.2.9", diff --git a/yarn.lock b/yarn.lock index 903e1310471..c2e05867645 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1938,10 +1938,10 @@ argparse "~1.0.9" string-argv "~0.3.1" -"@sbb-esta/lyne-design-tokens@1.1.1": - version "1.1.1" - resolved "https://registry.yarnpkg.com/@sbb-esta/lyne-design-tokens/-/lyne-design-tokens-1.1.1.tgz#6af6160830351f77d8cae0c6ccf4857ac52c6043" - integrity sha512-AblC6hfNVE3DybtehhHxBsmcsj4nuaa0m3qbdhQpk82ibiEFkcHGv3oonWGd+5bbbxyzyR9sH+8hvUUxLndeCA== +"@sbb-esta/lyne-design-tokens@1.2.0": + version "1.2.0" + resolved "https://registry.yarnpkg.com/@sbb-esta/lyne-design-tokens/-/lyne-design-tokens-1.2.0.tgz#db2ceae53e6aa4e43680b6d9945d0d1fc82a10b4" + integrity sha512-XRJG7u7rjwp0s0isBb1AE+urRhxHGfa+WuIXYUc8AkzlWWl0N2xDI/l+SrVelZYfhQWWu/AR3JPc8I2fDpLxCA== "@sinclair/typebox@^0.27.8": version "0.27.8" From 75b44c278cf921cc24d86c82755224e6a27258fb Mon Sep 17 00:00:00 2001 From: Jeri Peier Date: Thu, 29 Aug 2024 17:45:00 +0200 Subject: [PATCH 7/7] refactor: use --sbb-hover-image-brightness token for images (#3045) --- src/elements/teaser-hero/teaser-hero.scss | 2 +- src/elements/teaser-product/teaser-product/teaser-product.scss | 2 +- src/elements/teaser/teaser.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/elements/teaser-hero/teaser-hero.scss b/src/elements/teaser-hero/teaser-hero.scss index 7941917cab1..de288345e22 100644 --- a/src/elements/teaser-hero/teaser-hero.scss +++ b/src/elements/teaser-hero/teaser-hero.scss @@ -10,7 +10,7 @@ // which appears in normalize css of several frameworks. outline: none !important; - --sbb-teaser-hero-brightness-hover: 1.075; + --sbb-teaser-hero-brightness-hover: var(--sbb-hover-image-brightness); --sbb-teaser-hero-chip-inset: var(--sbb-spacing-responsive-xxxs) auto auto var(--sbb-spacing-responsive-xxxs); diff --git a/src/elements/teaser-product/teaser-product/teaser-product.scss b/src/elements/teaser-product/teaser-product/teaser-product.scss index cef59ac7fe8..211d39b9375 100644 --- a/src/elements/teaser-product/teaser-product/teaser-product.scss +++ b/src/elements/teaser-product/teaser-product/teaser-product.scss @@ -1,7 +1,7 @@ @use '../../core/styles/index' as sbb; :host { - --sbb-teaser-product-brightness-hover: 1.075; + --sbb-teaser-product-brightness-hover: var(--sbb-hover-image-brightness); --sbb-teaser-product-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) diff --git a/src/elements/teaser/teaser.scss b/src/elements/teaser/teaser.scss index 060d57f03d8..370f03a3fa3 100644 --- a/src/elements/teaser/teaser.scss +++ b/src/elements/teaser/teaser.scss @@ -17,7 +17,7 @@ --sbb-teaser-gap: var(--sbb-spacing-fixed-4x); --sbb-teaser-width: fit-content; --sbb-teaser-border-radius: var(--sbb-border-radius-4x); - --sbb-teaser-brightness-hover: 1.075; + --sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness); --sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x)