From d97c16dc77364125dcd7dc9ca71f6cea1da80bb2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= <33580481+alizedebray@users.noreply.github.com> Date: Mon, 16 Dec 2024 17:05:17 +0100 Subject: [PATCH 01/26] fix(components): update menu button state when navigation is toggled (#4305) --- .../components/src/components/post-header/post-header.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/components/src/components/post-header/post-header.tsx b/packages/components/src/components/post-header/post-header.tsx index 1639cc87d8..9e04361563 100644 --- a/packages/components/src/components/post-header/post-header.tsx +++ b/packages/components/src/components/post-header/post-header.tsx @@ -47,6 +47,10 @@ export class PostHeader { ? slideUp(this.mobileMenu) : slideDown(this.mobileMenu); + // Update the state of the toggle button + const menuButton = this.host.querySelector('post-togglebutton'); + menuButton.toggled = !this.mobileMenuExtended; + // Toggle menu visibility before it slides down and after it slides back up if (this.mobileMenuExtended) await this.mobileMenuAnimation.finished; this.mobileMenuExtended = !this.mobileMenuExtended; @@ -107,10 +111,6 @@ export class PostHeader { if (newDevice === 'desktop' && this.mobileMenuExtended) { this.toggleMobileMenu(); this.mobileMenuAnimation.finish(); // no animation - - - const menuToggler = this.host.querySelector('post-togglebutton'); - if (menuToggler) menuToggler.toggled = false; } // Apply only on change for doing work only when necessary From 3b22142173692ae6df1ff8a35e8c31695af2d4e9 Mon Sep 17 00:00:00 2001 From: Lea Date: Mon, 16 Dec 2024 17:20:39 +0100 Subject: [PATCH 02/26] fix(components): mega dropdown trigger focus style (#4303) --- .../src/components/post-mainnavigation/post-mainnavigation.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/components/src/components/post-mainnavigation/post-mainnavigation.scss b/packages/components/src/components/post-mainnavigation/post-mainnavigation.scss index 9e767ffa25..191a00ae3c 100644 --- a/packages/components/src/components/post-mainnavigation/post-mainnavigation.scss +++ b/packages/components/src/components/post-mainnavigation/post-mainnavigation.scss @@ -1,5 +1,6 @@ @use '@swisspost/design-system-styles/mixins/button'; @use '@swisspost/design-system-styles/mixins/icons'; +@use '@swisspost/design-system-styles/mixins/utilities'; @use '@swisspost/design-system-styles/mixins/media'; @use '@swisspost/design-system-styles/functions/tokens'; @use '@swisspost/design-system-styles/tokens/elements'; @@ -19,6 +20,7 @@ post-mainnavigation { post-megadropdown-trigger button { @include button.reset-button; text-align: start; + @include utilities.focus-style; } > a, From 0aac415d66f03fb2b7660491e51ec1cf87a73835 Mon Sep 17 00:00:00 2001 From: Lea Date: Mon, 16 Dec 2024 17:20:53 +0100 Subject: [PATCH 03/26] fix(components): mega dropdown to one column on mobile (#4300) --- .changeset/bright-insects-unite.md | 5 +++++ .../src/components/post-megadropdown/post-megadropdown.scss | 4 ++++ 2 files changed, 9 insertions(+) create mode 100644 .changeset/bright-insects-unite.md diff --git a/.changeset/bright-insects-unite.md b/.changeset/bright-insects-unite.md new file mode 100644 index 0000000000..1b9e20b4d1 --- /dev/null +++ b/.changeset/bright-insects-unite.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-components': patch +--- + +Switched mega dropdown content to one column on mobile. diff --git a/packages/components/src/components/post-megadropdown/post-megadropdown.scss b/packages/components/src/components/post-megadropdown/post-megadropdown.scss index ba5e0d7465..3871f4d11c 100644 --- a/packages/components/src/components/post-megadropdown/post-megadropdown.scss +++ b/packages/components/src/components/post-megadropdown/post-megadropdown.scss @@ -77,6 +77,10 @@ post-popovercontainer { @include media.max(lg) { grid-template-columns: repeat(auto-fit, minmax(min(35vw, 100%), 1fr)); } + + @include media.max(sm) { + grid-template-columns: 1fr; + } } h2 { From 8177d2119d0f5e473cc7a629dd281c47664bc4df Mon Sep 17 00:00:00 2001 From: Lea Date: Mon, 16 Dec 2024 17:21:15 +0100 Subject: [PATCH 04/26] fix(components): add opening state to mega dropdown trigger + fix expanded detection (#4299) --- .changeset/dry-trainers-stare.md | 5 +++++ .../post-mainnavigation/post-mainnavigation.scss | 6 ++++-- .../post-megadropdown-trigger.tsx | 14 +++++++++++--- 3 files changed, 20 insertions(+), 5 deletions(-) create mode 100644 .changeset/dry-trainers-stare.md diff --git a/.changeset/dry-trainers-stare.md b/.changeset/dry-trainers-stare.md new file mode 100644 index 0000000000..9c39d2ade3 --- /dev/null +++ b/.changeset/dry-trainers-stare.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-components': patch +--- + +Fixed opening state of megadropdown trigger and expanded detection. diff --git a/packages/components/src/components/post-mainnavigation/post-mainnavigation.scss b/packages/components/src/components/post-mainnavigation/post-mainnavigation.scss index 191a00ae3c..c6f08ed52b 100644 --- a/packages/components/src/components/post-mainnavigation/post-mainnavigation.scss +++ b/packages/components/src/components/post-mainnavigation/post-mainnavigation.scss @@ -75,7 +75,8 @@ post-mainnavigation { border-block-width: var(--post-core-dimension-2); } - &.selected { + &.selected, + &[aria-expanded='true'] { border-block-width: var(--post-core-dimension-4); font-weight: var(--post-core-font-weight-700); } @@ -95,7 +96,8 @@ post-mainnavigation { transition: transform animation.$transition-base-timing; } - &.selected::after { + &.selected::after, + &[aria-expanded='true']::after { transform: rotate(180deg); } } diff --git a/packages/components/src/components/post-megadropdown-trigger/post-megadropdown-trigger.tsx b/packages/components/src/components/post-megadropdown-trigger/post-megadropdown-trigger.tsx index a9d5e32f23..f63d1add6e 100644 --- a/packages/components/src/components/post-megadropdown-trigger/post-megadropdown-trigger.tsx +++ b/packages/components/src/components/post-megadropdown-trigger/post-megadropdown-trigger.tsx @@ -43,9 +43,7 @@ export class PostMegadropdownTrigger { } private handleToggle() { - if (this.megadropdown && this.slottedButton) { - this.ariaExpanded = !this.ariaExpanded; - this.slottedButton.setAttribute('aria-expanded', this.ariaExpanded.toString()); + if (this.megadropdown) { this.megadropdown.toggle(this.host); } else { console.warn(`No post-megadropdown found with ID: ${this.for}`); @@ -55,6 +53,16 @@ export class PostMegadropdownTrigger { componentDidLoad() { this.validateControlFor(); + // Check if the mega dropdown attached to the trigger is expanded or not + document.addEventListener('postToggleMegadropdown', (event: CustomEvent) => { + if ((event.target as HTMLPostMegadropdownElement).id === this.for) { + this.ariaExpanded = event.detail; + if (this.slottedButton) { + this.slottedButton.setAttribute('aria-expanded', this.ariaExpanded.toString()); + } + } + }); + this.slottedButton = this.host.querySelector('button'); if (this.slottedButton) { this.slottedButton.setAttribute('aria-haspopup', 'menu'); From e09b88e43f99a82f3bcfcb6e83c9bd487439097c Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Mon, 16 Dec 2024 17:43:10 +0100 Subject: [PATCH 05/26] =?UTF-8?q?chore(changesets):=20=F0=9F=A6=8B?= =?UTF-8?q?=F0=9F=93=A6=20publish=20packages=20(main)=20(next)=20(#4198)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. ⚠️⚠️⚠️⚠️⚠️⚠️ `main` is currently in **pre mode** so this branch has prereleases rather than normal releases. If you want to exit prereleases, run `changeset pre exit` on `main`. ⚠️⚠️⚠️⚠️⚠️⚠️ # Releases ## @swisspost/design-system-components@9.0.0-next.9 ### Major Changes - Updated the `post-togglebutton` component to offer greater flexibility. You can now control the visibility of elements within the `post-togglebutton` using the `data-showwhen="toggled"` and `data-showwhen="untoggled"` attributes. Any content without a `data-showwhen` attribute will always be visible, regardless of the toggle state. (by [@alizedebray](https://github.com/alizedebray) with [#4223](https://github.com/swisspost/design-system/pull/4223)) ### Minor Changes - Added composable footer component. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Added the `post-megadropdown` component. (by [@leagrdv](https://github.com/leagrdv) with [#4177](https://github.com/swisspost/design-system/pull/4177)) - Added the parts `button` and `body` in the `post-accordion-item` component, so one can override styles from the outside. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Added the `post-breadcrumb` component to provide a standalone breadcrumb navigation solution. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4065](https://github.com/swisspost/design-system/pull/4065)) - Added the css parts `button` and `body` in the `post-accorddion-item` component. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Added the `post-language-switch` component that enables users to change the language of a page. (by [@leagrdv](https://github.com/leagrdv) with [#4044](https://github.com/swisspost/design-system/pull/4044)) ### Patch Changes - Switched mega dropdown content to one column on mobile. (by [@leagrdv](https://github.com/leagrdv) with [#4300](https://github.com/swisspost/design-system/pull/4300)) - Fixed opening state of megadropdown trigger and expanded detection. (by [@leagrdv](https://github.com/leagrdv) with [#4299](https://github.com/swisspost/design-system/pull/4299)) - Fix tab isolation in nested `post-tabs` components by scoping tab queries and interactions to the current instance. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4211](https://github.com/swisspost/design-system/pull/4211)) - Added a fixed slot `post-list-item` on the `post-list-item` host element, so it is no longer necessary to add it manually. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Fixed the used `headingLevel` in the `post-accorddion-item` component. The component now uses the value from its closest `post-accorddion` parent component, if this is specified and falls back to `h2` if not specified. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Updated the `post-togglebutton` to function like a real button, including support for keyboard navigation and proper focus styles. (by [@alizedebray](https://github.com/alizedebray) with [#4242](https://github.com/swisspost/design-system/pull/4242)) - Fixed an issue with the post-list component where the `horizontal` property could not be set programmatically. Also, reduced the specificity of the component's styles to make customization easier. (by [@alizedebray](https://github.com/alizedebray) with [#4137](https://github.com/swisspost/design-system/pull/4137)) - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.9 - @swisspost/design-system-icons@9.0.0-next.9 ## @swisspost/design-system-styles@9.0.0-next.9 ### Minor Changes - Added composable footer component. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Removed outdated portal-specific styles, including subnavigation-related rules. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4186](https://github.com/swisspost/design-system/pull/4186)) - Added the possibility to define a `$child-selector` parameter with our list mixins, so they can be used also with custom elements. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Updated the utility classes for sizing. (by [@myrta2302](https://github.com/myrta2302) with [#4012](https://github.com/swisspost/design-system/pull/4012)) - Updated `.btn-link` to look like a regular link and old `.btn-link` is now `.btn-tertiary .px-0`. (by [@leagrdv](https://github.com/leagrdv) with [#4200](https://github.com/swisspost/design-system/pull/4200)) - Implemented new pixel based sizes. (by [@myrta2302](https://github.com/myrta2302) with [#4012](https://github.com/swisspost/design-system/pull/4012)) ### Patch Changes - Fixed the `btn-icon` styles, so icons within can no longer be rendered too small, because of the inline-padding on the button. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Fixed the appstore-badge styles to get rid of the inline gap below. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) ## @swisspost/design-system-components-angular@9.0.0-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.9 ## @swisspost/design-system-components-react@9.0.0-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.9 ## @swisspost/design-system-intranet-header@9.0.0-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.9 ## @swisspost/design-system-styles-primeng@9.0.0-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.9 ## @swisspost/design-system-icons@9.0.0-next.9 ## @swisspost/design-system-migrations@9.0.0-next.9 ## @swisspost/design-system-tokens@9.0.0-next.9 ## @swisspost/design-system-documentation@6.0.0-next.10 ### Minor Changes - Added the `post-breadcrumb` component to provide a standalone breadcrumb navigation solution. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4065](https://github.com/swisspost/design-system/pull/4065)) - Updated the utility classes for sizing. (by [@myrta2302](https://github.com/myrta2302) with [#4012](https://github.com/swisspost/design-system/pull/4012)) - Added the css parts `button` and `body` in the `post-accorddion-item` component. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) - Updated `.btn-link` to look like a regular link and old `.btn-link` is now `.btn-tertiary .px-0`. (by [@leagrdv](https://github.com/leagrdv) with [#4200](https://github.com/swisspost/design-system/pull/4200)) - Implemented new pixel based sizes. (by [@myrta2302](https://github.com/myrta2302) with [#4012](https://github.com/swisspost/design-system/pull/4012)) - Added the `post-language-switch` component that enables users to change the language of a page. (by [@leagrdv](https://github.com/leagrdv) with [#4044](https://github.com/swisspost/design-system/pull/4044)) ### Patch Changes - Updated the `post-togglebutton` component to offer greater flexibility. You can now control the visibility of elements within the `post-togglebutton` using the `data-showwhen="toggled"` and `data-showwhen="untoggled"` attributes. Any content without a `data-showwhen` attribute will always be visible, regardless of the toggle state. (by [@alizedebray](https://github.com/alizedebray) with [#4223](https://github.com/swisspost/design-system/pull/4223)) - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.9 - @swisspost/design-system-styles@9.0.0-next.9 - @swisspost/design-system-components-react@9.0.0-next.9 - @swisspost/internet-header@2.0.0-next.9 - @swisspost/design-system-tokens@9.0.0-next.9 - @swisspost/design-system-icons@9.0.0-next.9 ## @swisspost/design-system-components-angular-workspace@1.1.10-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.9 - @swisspost/design-system-styles@9.0.0-next.9 ## @swisspost/internet-header@2.0.0-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.9 ## @swisspost/design-system-intranet-header-workspace@3.0.22-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.9 ## @swisspost/design-system-intranet-header-showcase@1.0.10-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-intranet-header@9.0.0-next.9 ## @swisspost/design-system-nextjs-integration@0.1.14-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.9 - @swisspost/design-system-components-react@9.0.0-next.9 - @swisspost/internet-header@2.0.0-next.9 ## @swisspost/design-system-styles-primeng-workspace@1.0.6-next.9 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.9 --------- Co-authored-by: github-actions[bot] --- .changeset/pre.json | 21 +++++++ packages/components-angular/CHANGELOG.md | 8 +++ packages/components-angular/package.json | 6 +- .../projects/components/CHANGELOG.md | 7 +++ .../projects/components/package.json | 4 +- packages/components-react/CHANGELOG.md | 7 +++ packages/components-react/package.json | 4 +- packages/components/CHANGELOG.md | 39 ++++++++++++ packages/components/package.json | 6 +- packages/documentation/CHANGELOG.md | 27 ++++++++ packages/documentation/package.json | 18 +++--- packages/documentation/public/_redirects | 1 + .../documentation/public/assets/versions.json | 62 ++++++++++++++----- packages/icons/CHANGELOG.md | 2 + packages/icons/package.json | 2 +- packages/internet-header/CHANGELOG.md | 7 +++ packages/internet-header/package.json | 4 +- .../intranet-header-workspace/CHANGELOG.md | 7 +++ .../intranet-header-workspace/package.json | 4 +- .../intranet-header-showcase/CHANGELOG.md | 7 +++ .../intranet-header-showcase/package.json | 4 +- .../projects/intranet-header/CHANGELOG.md | 7 +++ .../projects/intranet-header/package.json | 6 +- packages/migrations/CHANGELOG.md | 2 + packages/migrations/package.json | 2 +- packages/nextjs-integration/CHANGELOG.md | 9 +++ packages/nextjs-integration/package.json | 8 +-- .../styles-primeng-workspace/CHANGELOG.md | 7 +++ .../styles-primeng-workspace/package.json | 4 +- .../projects/styles-primeng/CHANGELOG.md | 7 +++ .../projects/styles-primeng/package.json | 4 +- packages/styles/CHANGELOG.md | 22 +++++++ packages/styles/package.json | 6 +- packages/tokens/CHANGELOG.md | 2 + packages/tokens/package.json | 2 +- pnpm-lock.yaml | 52 ++++++++-------- 36 files changed, 302 insertions(+), 85 deletions(-) diff --git a/.changeset/pre.json b/.changeset/pre.json index dd59e1d095..0a150682b6 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -33,7 +33,9 @@ "blue-kings-beg", "brave-kings-dance", "breezy-cups-add", + "bright-insects-unite", "brown-badgers-dream", + "calm-rabbits-pull", "chatty-kiwis-travel", "chatty-spoons-unite", "chilled-owls-walk", @@ -47,6 +49,7 @@ "dirty-mayflies-taste", "dirty-squids-hunt", "dry-moons-walk", + "dry-trainers-stare", "dull-falcons-hope", "eight-turkeys-matter", "eleven-keys-work", @@ -64,13 +67,18 @@ "gold-chairs-grin", "gold-chefs-rule", "gold-dryers-drop", + "gold-news-repair", "gorgeous-flowers-flow", + "gorgeous-glasses-end", + "gorgeous-needles-run", "great-humans-talk", "grumpy-lobsters-agree", "grumpy-parrots-wonder", + "heavy-eyes-live", "heavy-rats-explode", "hip-gifts-give", "honest-numbers-end", + "hungry-penguins-turn", "itchy-meals-drum", "khaki-cougars-itch", "kind-buses-trade", @@ -87,11 +95,16 @@ "metal-rivers-look", "nasty-ads-greet", "neat-suits-provide", + "nervous-lizards-laugh", "nervous-rocks-shop", + "new-cougars-count", "new-goats-impress", "new-pianos-mix", + "nice-cycles-provide", "nice-ligers-attend", + "nine-baboons-rule", "ninety-nails-float", + "old-spiders-travel", "orange-maps-tan", "pink-weeks-relate", "plenty-apricots-raise", @@ -108,6 +121,7 @@ "quick-mails-joke", "quiet-apes-rhyme", "rare-dryers-count", + "real-gorillas-behave", "red-cobras-cry", "red-lies-lick", "red-moose-do", @@ -128,25 +142,32 @@ "slimy-plums-sniff", "slimy-rockets-pull", "slow-fishes-reply", + "smooth-bugs-explode", "soft-moles-whisper", + "soft-pugs-dream", "strange-bottles-impress", "strange-mice-bake", "stupid-walls-tie", "tame-terms-push", + "tender-laws-confess", "thirty-cats-juggle", "three-lies-do", "tidy-dolls-walk", "tidy-keys-push", "tidy-paws-type", "tiny-socks-count", + "tough-cheetahs-clean", "tricky-crews-agree", + "twenty-chairs-kick", "twenty-items-drum", + "violet-poems-attend", "warm-drinks-prove", "weak-falcons-study", "weak-jars-rhyme", "wild-bugs-work", "wise-spies-shave", "wise-tomatoes-brake", + "yellow-gifts-sit", "yellow-yaks-jog" ] } diff --git a/packages/components-angular/CHANGELOG.md b/packages/components-angular/CHANGELOG.md index dac8ffd293..dfef9566ba 100644 --- a/packages/components-angular/CHANGELOG.md +++ b/packages/components-angular/CHANGELOG.md @@ -1,5 +1,13 @@ # @swisspost/design-system-components-angular-workspace +## 1.1.10-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-components@9.0.0-next.9 + - @swisspost/design-system-styles@9.0.0-next.9 + ## 1.1.10-next.8 ### Patch Changes diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json index 77476b8813..f3fcec1e57 100644 --- a/packages/components-angular/package.json +++ b/packages/components-angular/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-components-angular-workspace", - "version": "1.1.10-next.8", + "version": "1.1.10-next.9", "scripts": { "start": "ng serve --port 9210", "build": "ng build components", @@ -18,8 +18,8 @@ "@angular/platform-browser": "18.2.13", "@angular/platform-browser-dynamic": "18.2.13", "@angular/router": "18.2.13", - "@swisspost/design-system-components": "workspace:9.0.0-next.8", - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", + "@swisspost/design-system-components": "workspace:9.0.0-next.9", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", "rxjs": "7.8.1", "tslib": "2.6.3", "zone.js": "0.14.8" diff --git a/packages/components-angular/projects/components/CHANGELOG.md b/packages/components-angular/projects/components/CHANGELOG.md index 9711a4ec09..f08d9d448d 100644 --- a/packages/components-angular/projects/components/CHANGELOG.md +++ b/packages/components-angular/projects/components/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-components-angular +## 9.0.0-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-components@9.0.0-next.9 + ## 9.0.0-next.8 ### Patch Changes diff --git a/packages/components-angular/projects/components/package.json b/packages/components-angular/projects/components/package.json index 845bdc6452..bd4a0c44b7 100644 --- a/packages/components-angular/projects/components/package.json +++ b/packages/components-angular/projects/components/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-components-angular", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "Swiss Post Design System - Angular Wrapper Components", "author": "Swiss Post ", "license": "Apache-2.0", @@ -19,7 +19,7 @@ }, "dependencies": { "tslib": "2.6.3", - "@swisspost/design-system-components": "workspace:9.0.0-next.8" + "@swisspost/design-system-components": "workspace:9.0.0-next.9" }, "peerDependencies": { "@angular/common": "^16.0.0 || ^17.0.0 || ^18.0.0", diff --git a/packages/components-react/CHANGELOG.md b/packages/components-react/CHANGELOG.md index 8c9419a1cd..816d41a2c6 100644 --- a/packages/components-react/CHANGELOG.md +++ b/packages/components-react/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-components-react +## 9.0.0-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-components@9.0.0-next.9 + ## 9.0.0-next.8 ### Patch Changes diff --git a/packages/components-react/package.json b/packages/components-react/package.json index 6db0c2c351..9d8dad0a91 100644 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-components-react", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "Design System React Components for easy integration with the React ecosystem", "author": "Swiss Post ", "license": "Apache-2.0", @@ -29,7 +29,7 @@ "lint": "eslint src/**/*.ts" }, "dependencies": { - "@swisspost/design-system-components": "workspace:9.0.0-next.8" + "@swisspost/design-system-components": "workspace:9.0.0-next.9" }, "devDependencies": { "@types/node": "20.14.14", diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 22e837531b..f40588bf27 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,44 @@ # @swisspost/design-system-components +## 9.0.0-next.9 + +### Major Changes + +- Updated the `post-togglebutton` component to offer greater flexibility. You can now control the visibility of elements within the `post-togglebutton` using the `data-showwhen="toggled"` and `data-showwhen="untoggled"` attributes. Any content without a `data-showwhen` attribute will always be visible, regardless of the toggle state. (by [@alizedebray](https://github.com/alizedebray) with [#4223](https://github.com/swisspost/design-system/pull/4223)) + +### Minor Changes + +- Added composable footer component. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Added the `post-megadropdown` component. (by [@leagrdv](https://github.com/leagrdv) with [#4177](https://github.com/swisspost/design-system/pull/4177)) + +- Added the parts `button` and `body` in the `post-accordion-item` component, so one can override styles from the outside. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Added the `post-breadcrumb` component to provide a standalone breadcrumb navigation solution. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4065](https://github.com/swisspost/design-system/pull/4065)) + +- Added the css parts `button` and `body` in the `post-accorddion-item` component. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Added the `post-language-switch` component that enables users to change the language of a page. (by [@leagrdv](https://github.com/leagrdv) with [#4044](https://github.com/swisspost/design-system/pull/4044)) + +### Patch Changes + +- Switched mega dropdown content to one column on mobile. (by [@leagrdv](https://github.com/leagrdv) with [#4300](https://github.com/swisspost/design-system/pull/4300)) + +- Fixed opening state of megadropdown trigger and expanded detection. (by [@leagrdv](https://github.com/leagrdv) with [#4299](https://github.com/swisspost/design-system/pull/4299)) + +- Fix tab isolation in nested `post-tabs` components by scoping tab queries and interactions to the current instance. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4211](https://github.com/swisspost/design-system/pull/4211)) + +- Added a fixed slot `post-list-item` on the `post-list-item` host element, so it is no longer necessary to add it manually. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Fixed the used `headingLevel` in the `post-accorddion-item` component. The component now uses the value from its closest `post-accorddion` parent component, if this is specified and falls back to `h2` if not specified. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Updated the `post-togglebutton` to function like a real button, including support for keyboard navigation and proper focus styles. (by [@alizedebray](https://github.com/alizedebray) with [#4242](https://github.com/swisspost/design-system/pull/4242)) + +- Fixed an issue with the post-list component where the `horizontal` property could not be set programmatically. Also, reduced the specificity of the component's styles to make customization easier. (by [@alizedebray](https://github.com/alizedebray) with [#4137](https://github.com/swisspost/design-system/pull/4137)) +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.9 + - @swisspost/design-system-icons@9.0.0-next.9 + ## 9.0.0-next.8 ### Minor Changes diff --git a/packages/components/package.json b/packages/components/package.json index 2068ff5214..d261b38173 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-components", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.", "license": "Apache-2.0", "main": "dist/index.cjs.js", @@ -40,8 +40,8 @@ "dependencies": { "@floating-ui/dom": "1.6.8", "@oddbird/popover-polyfill": "0.3.7", - "@swisspost/design-system-icons": "workspace:9.0.0-next.8", - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", + "@swisspost/design-system-icons": "workspace:9.0.0-next.9", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", "ally.js": "1.4.1", "long-press-event": "2.5.0", "nanoid": "5.0.9" diff --git a/packages/documentation/CHANGELOG.md b/packages/documentation/CHANGELOG.md index b7c127a363..9ea15657c3 100644 --- a/packages/documentation/CHANGELOG.md +++ b/packages/documentation/CHANGELOG.md @@ -1,5 +1,32 @@ # @swisspost/design-system-documentation +## 6.0.0-next.10 + +### Minor Changes + +- Added the `post-breadcrumb` component to provide a standalone breadcrumb navigation solution. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4065](https://github.com/swisspost/design-system/pull/4065)) + +- Updated the utility classes for sizing. (by [@myrta2302](https://github.com/myrta2302) with [#4012](https://github.com/swisspost/design-system/pull/4012)) + +- Added the css parts `button` and `body` in the `post-accorddion-item` component. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Updated `.btn-link` to look like a regular link and old `.btn-link` is now `.btn-tertiary .px-0`. (by [@leagrdv](https://github.com/leagrdv) with [#4200](https://github.com/swisspost/design-system/pull/4200)) + +- Implemented new pixel based sizes. (by [@myrta2302](https://github.com/myrta2302) with [#4012](https://github.com/swisspost/design-system/pull/4012)) + +- Added the `post-language-switch` component that enables users to change the language of a page. (by [@leagrdv](https://github.com/leagrdv) with [#4044](https://github.com/swisspost/design-system/pull/4044)) + +### Patch Changes + +- Updated the `post-togglebutton` component to offer greater flexibility. You can now control the visibility of elements within the `post-togglebutton` using the `data-showwhen="toggled"` and `data-showwhen="untoggled"` attributes. Any content without a `data-showwhen` attribute will always be visible, regardless of the toggle state. (by [@alizedebray](https://github.com/alizedebray) with [#4223](https://github.com/swisspost/design-system/pull/4223)) +- Updated dependencies: + - @swisspost/design-system-components@9.0.0-next.9 + - @swisspost/design-system-styles@9.0.0-next.9 + - @swisspost/design-system-components-react@9.0.0-next.9 + - @swisspost/internet-header@2.0.0-next.9 + - @swisspost/design-system-tokens@9.0.0-next.9 + - @swisspost/design-system-icons@9.0.0-next.9 + ## 6.0.0-next.9 ### Major Changes diff --git a/packages/documentation/package.json b/packages/documentation/package.json index 6c16faee3d..275e7f7bf1 100644 --- a/packages/documentation/package.json +++ b/packages/documentation/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-documentation", - "version": "6.0.0-next.9", + "version": "6.0.0-next.10", "description": "Swiss Post Design System Documentation.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -28,12 +28,12 @@ "lint": "eslint **/*.{ts,tsx,mdx}" }, "dependencies": { - "@swisspost/design-system-components": "workspace:9.0.0-next.8", - "@swisspost/design-system-components-react": "workspace:9.0.0-next.8", - "@swisspost/design-system-icons": "workspace:9.0.0-next.8", - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", - "@swisspost/design-system-tokens": "workspace:9.0.0-next.8", - "@swisspost/internet-header": "workspace:2.0.0-next.8", + "@swisspost/design-system-components": "workspace:9.0.0-next.9", + "@swisspost/design-system-components-react": "workspace:9.0.0-next.9", + "@swisspost/design-system-icons": "workspace:9.0.0-next.9", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", + "@swisspost/design-system-tokens": "workspace:9.0.0-next.9", + "@swisspost/internet-header": "workspace:2.0.0-next.9", "bootstrap": "5.3.3" }, "devDependencies": { @@ -54,8 +54,8 @@ "@storybook/types": "8.3.6", "@storybook/web-components": "8.3.6", "@storybook/web-components-vite": "8.3.6", - "@swisspost/design-system-components-angular": "workspace:9.0.0-next.8", - "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.8", + "@swisspost/design-system-components-angular": "workspace:9.0.0-next.9", + "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.9", "@types/css-modules": "1.0.5", "@types/mdx": "2.0.13", "@types/react": "18.3.3", diff --git a/packages/documentation/public/_redirects b/packages/documentation/public/_redirects index 9537b51f5f..a9163cf506 100644 --- a/packages/documentation/public/_redirects +++ b/packages/documentation/public/_redirects @@ -11,3 +11,4 @@ + diff --git a/packages/documentation/public/assets/versions.json b/packages/documentation/public/assets/versions.json index 3aff9f35d1..8c103ea1da 100644 --- a/packages/documentation/public/assets/versions.json +++ b/packages/documentation/public/assets/versions.json @@ -1,7 +1,7 @@ [ { "title": "Version 9", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "Pattern documentation, code snippets and implementation guidelines for the Design System Styles.", "url": "https://design-system.post.ch", "dependencies": { @@ -9,22 +9,50 @@ "@ng-bootstrap/ng-bootstrap": "^17.0.0", "bootstrap": "~5.3.0", "@swisspost/design-system-changelog-github": "1.0.2", - "@swisspost/design-system-components": "9.0.0-next.8", - "@swisspost/design-system-components-angular-workspace": "1.1.10-next.8", - "@swisspost/design-system-components-angular": "9.0.0-next.8", - "@swisspost/design-system-components-react": "9.0.0-next.8", - "@swisspost/design-system-documentation": "6.0.0-next.9", - "@swisspost/design-system-icons": "9.0.0-next.8", - "@swisspost/internet-header": "2.0.0-next.8", - "@swisspost/design-system-intranet-header-workspace": "3.0.22-next.8", - "@swisspost/design-system-intranet-header": "9.0.0-next.8", - "@swisspost/design-system-intranet-header-showcase": "1.0.10-next.8", - "@swisspost/design-system-migrations": "9.0.0-next.8", - "@swisspost/design-system-nextjs-integration": "0.1.14-next.8", - "@swisspost/design-system-styles": "9.0.0-next.8", - "@swisspost/design-system-styles-primeng-workspace": "1.0.6-next.8", - "@swisspost/design-system-styles-primeng": "9.0.0-next.8", - "@swisspost/design-system-tokens": "9.0.0-next.8" + "@swisspost/design-system-components": "9.0.0-next.9", + "@swisspost/design-system-components-angular-workspace": "1.1.10-next.9", + "@swisspost/design-system-components-angular": "9.0.0-next.9", + "@swisspost/design-system-components-react": "9.0.0-next.9", + "@swisspost/design-system-documentation": "6.0.0-next.10", + "@swisspost/design-system-icons": "9.0.0-next.9", + "@swisspost/internet-header": "2.0.0-next.9", + "@swisspost/design-system-intranet-header-workspace": "3.0.22-next.9", + "@swisspost/design-system-intranet-header": "9.0.0-next.9", + "@swisspost/design-system-intranet-header-showcase": "1.0.10-next.9", + "@swisspost/design-system-migrations": "9.0.0-next.9", + "@swisspost/design-system-nextjs-integration": "0.1.14-next.9", + "@swisspost/design-system-styles": "9.0.0-next.9", + "@swisspost/design-system-styles-primeng-workspace": "1.0.6-next.9", + "@swisspost/design-system-styles-primeng": "9.0.0-next.9", + "@swisspost/design-system-tokens": "9.0.0-next.9" + } + }, + { + "title": "Version 9", + "version": "9.0.0-next.8", + "description": "Pattern documentation, code snippets and implementation guidelines for the Design System Styles.", + "url": "https://swisspost-design-system-version-9.netlify.app", + "dependencies": { + "@angular/core": "^18.0.0", + "@ng-bootstrap/ng-bootstrap": "^17.0.0", + "bootstrap": "~5.3.0", + "@swisspost/design-system-changelog-github": "1.0.2", + "@swisspost/design-system-components": "9.0.0-next.2", + "@swisspost/design-system-components-angular-workspace": "1.1.10-next.2", + "@swisspost/design-system-components-angular": "9.0.0-next.2", + "@swisspost/design-system-components-react": "9.0.0-next.2", + "@swisspost/design-system-documentation": "6.0.0-next.2", + "@swisspost/design-system-icons": "9.0.0-next.2", + "@swisspost/internet-header": "1.14.6-next.2", + "@swisspost/design-system-intranet-header-workspace": "3.0.22-next.2", + "@swisspost/design-system-intranet-header": "9.0.0-next.2", + "@swisspost/design-system-intranet-header-showcase": "1.0.10-next.2", + "@swisspost/design-system-migrations": "9.0.0-next.2", + "@swisspost/design-system-nextjs-integration": "0.1.14-next.2", + "@swisspost/design-system-styles": "9.0.0-next.2", + "@swisspost/design-system-styles-primeng-workspace": "1.0.6-next.2", + "@swisspost/design-system-styles-primeng": "9.0.0-next.2", + "@swisspost/design-system-tokens": "9.0.0-next.2" } }, { diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index a7bace80e0..807dd0d607 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-icons +## 9.0.0-next.9 + ## 9.0.0-next.8 ### Minor Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index b03a924ce3..0f3b5682c3 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-icons", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "A collection of Swiss Post icons intended for use with the Design System.", "author": "Swiss Post ", "license": "Apache-2.0", diff --git a/packages/internet-header/CHANGELOG.md b/packages/internet-header/CHANGELOG.md index 2db462b044..f7dd748648 100644 --- a/packages/internet-header/CHANGELOG.md +++ b/packages/internet-header/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/internet-header +## 2.0.0-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.9 + ## 2.0.0-next.8 ### Patch Changes diff --git a/packages/internet-header/package.json b/packages/internet-header/package.json index 76ecec1354..6dde983e09 100644 --- a/packages/internet-header/package.json +++ b/packages/internet-header/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/internet-header", - "version": "2.0.0-next.8", + "version": "2.0.0-next.9", "description": "The header for client facing applications.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -43,7 +43,7 @@ "generate": "stencil generate" }, "dependencies": { - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", "body-scroll-lock": "4.0.0-beta.0", "iframe-resizer": "4.4.5", "jquery": "3.7.1", diff --git a/packages/intranet-header-workspace/CHANGELOG.md b/packages/intranet-header-workspace/CHANGELOG.md index 0f5df4ea7d..97f5d85a8c 100644 --- a/packages/intranet-header-workspace/CHANGELOG.md +++ b/packages/intranet-header-workspace/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-intranet-header-workspace +## 3.0.22-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.9 + ## 3.0.22-next.8 ### Patch Changes diff --git a/packages/intranet-header-workspace/package.json b/packages/intranet-header-workspace/package.json index 95956f194b..de134fc131 100644 --- a/packages/intranet-header-workspace/package.json +++ b/packages/intranet-header-workspace/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-intranet-header-workspace", - "version": "3.0.22-next.8", + "version": "3.0.22-next.9", "license": "Apache-2.0", "private": true, "scripts": { @@ -23,7 +23,7 @@ "@angular/router": "18.2.13", "@ng-bootstrap/ng-bootstrap": "17.0.0", "@popperjs/core": "2.11.8", - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", "rxjs": "7.8.1", "tslib": "2.6.3", "watch": "1.0.2", diff --git a/packages/intranet-header-workspace/projects/intranet-header-showcase/CHANGELOG.md b/packages/intranet-header-workspace/projects/intranet-header-showcase/CHANGELOG.md index b21c4ce804..aafbc814da 100644 --- a/packages/intranet-header-workspace/projects/intranet-header-showcase/CHANGELOG.md +++ b/packages/intranet-header-workspace/projects/intranet-header-showcase/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-intranet-header-showcase +## 1.0.10-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-intranet-header@9.0.0-next.9 + ## 1.0.10-next.8 ### Patch Changes diff --git a/packages/intranet-header-workspace/projects/intranet-header-showcase/package.json b/packages/intranet-header-workspace/projects/intranet-header-showcase/package.json index c18ba6a52f..75ca1ed84b 100644 --- a/packages/intranet-header-workspace/projects/intranet-header-showcase/package.json +++ b/packages/intranet-header-workspace/projects/intranet-header-showcase/package.json @@ -1,9 +1,9 @@ { "name": "@swisspost/design-system-intranet-header-showcase", - "version": "1.0.10-next.8", + "version": "1.0.10-next.9", "license": "Apache-2.0", "private": true, "dependencies": { - "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.8" + "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.9" } } diff --git a/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md b/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md index 7e2cc17e10..49b833b831 100644 --- a/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md +++ b/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-intranet-header +## 9.0.0-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.9 + ## 9.0.0-next.8 ### Patch Changes diff --git a/packages/intranet-header-workspace/projects/intranet-header/package.json b/packages/intranet-header-workspace/projects/intranet-header/package.json index cee0dd96ac..b395ba1e61 100644 --- a/packages/intranet-header-workspace/projects/intranet-header/package.json +++ b/packages/intranet-header-workspace/projects/intranet-header/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-intranet-header", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "Intranet header for internal Swiss Post applications as an Angular component.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -18,11 +18,11 @@ "linkDirectory": true }, "dependencies": { - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", "tslib": "2.6.3" }, "devDependencies": { - "@swisspost/design-system-intranet-header-workspace": "workspace:3.0.22-next.8" + "@swisspost/design-system-intranet-header-workspace": "workspace:3.0.22-next.9" }, "peerDependencies": { "@angular/common": "^16.0.0 || ^17.0.0 || ^18.0.0", diff --git a/packages/migrations/CHANGELOG.md b/packages/migrations/CHANGELOG.md index 95272121a5..e52c6ddcde 100644 --- a/packages/migrations/CHANGELOG.md +++ b/packages/migrations/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-migrations +## 9.0.0-next.9 + ## 9.0.0-next.8 ## 9.0.0-next.7 diff --git a/packages/migrations/package.json b/packages/migrations/package.json index 856c6ed0fa..92123fafcd 100644 --- a/packages/migrations/package.json +++ b/packages/migrations/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-migrations", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "Scripts to migrate an Angular application from one Design System version to another.", "author": "Swiss Post ", "license": "Apache-2.0", diff --git a/packages/nextjs-integration/CHANGELOG.md b/packages/nextjs-integration/CHANGELOG.md index 26d7a15efb..940f3dfe9c 100644 --- a/packages/nextjs-integration/CHANGELOG.md +++ b/packages/nextjs-integration/CHANGELOG.md @@ -1,5 +1,14 @@ # @swisspost/design-system-nextjs-integration +## 0.1.14-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.9 + - @swisspost/design-system-components-react@9.0.0-next.9 + - @swisspost/internet-header@2.0.0-next.9 + ## 0.1.14-next.8 ### Patch Changes diff --git a/packages/nextjs-integration/package.json b/packages/nextjs-integration/package.json index a343f8f10b..be32dc764c 100644 --- a/packages/nextjs-integration/package.json +++ b/packages/nextjs-integration/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-nextjs-integration", - "version": "0.1.14-next.8", + "version": "0.1.14-next.9", "private": true, "scripts": { "dev": "next dev", @@ -9,9 +9,9 @@ "lint": "next lint" }, "dependencies": { - "@swisspost/design-system-components-react": "workspace:9.0.0-next.8", - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", - "@swisspost/internet-header": "workspace:2.0.0-next.8", + "@swisspost/design-system-components-react": "workspace:9.0.0-next.9", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", + "@swisspost/internet-header": "workspace:2.0.0-next.9", "next": "15.0.1", "react": "^18", "react-dom": "^18" diff --git a/packages/styles-primeng-workspace/CHANGELOG.md b/packages/styles-primeng-workspace/CHANGELOG.md index b4d766e1b4..1208e871ef 100644 --- a/packages/styles-primeng-workspace/CHANGELOG.md +++ b/packages/styles-primeng-workspace/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-styles-primeng-workspace +## 1.0.6-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.9 + ## 1.0.6-next.8 ### Patch Changes diff --git a/packages/styles-primeng-workspace/package.json b/packages/styles-primeng-workspace/package.json index 5a58e45f77..60cb3e674e 100644 --- a/packages/styles-primeng-workspace/package.json +++ b/packages/styles-primeng-workspace/package.json @@ -1,7 +1,7 @@ { "name": "@swisspost/design-system-styles-primeng-workspace", "description": "Showcase for a Post like custom prime-ng theme", - "version": "1.0.6-next.8", + "version": "1.0.6-next.9", "license": "Apache-2.0", "private": true, "scripts": { @@ -22,7 +22,7 @@ "@angular/platform-browser": "18.2.13", "@angular/platform-browser-dynamic": "18.2.13", "@angular/router": "18.2.13", - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", "primeng": "17.18.7", "rxjs": "7.8.1", "tslib": "2.6.3", diff --git a/packages/styles-primeng-workspace/projects/styles-primeng/CHANGELOG.md b/packages/styles-primeng-workspace/projects/styles-primeng/CHANGELOG.md index e384aee8c3..3395842e1d 100644 --- a/packages/styles-primeng-workspace/projects/styles-primeng/CHANGELOG.md +++ b/packages/styles-primeng-workspace/projects/styles-primeng/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-styles-primeng +## 9.0.0-next.9 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.9 + ## 9.0.0-next.8 ### Patch Changes diff --git a/packages/styles-primeng-workspace/projects/styles-primeng/package.json b/packages/styles-primeng-workspace/projects/styles-primeng/package.json index 90f2fe1261..82bed38adc 100644 --- a/packages/styles-primeng-workspace/projects/styles-primeng/package.json +++ b/packages/styles-primeng-workspace/projects/styles-primeng/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-styles-primeng", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "Swiss Post styles for PrimeNg datatable.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -23,7 +23,7 @@ "primeng": "^17.18.0" }, "dependencies": { - "@swisspost/design-system-styles": "workspace:9.0.0-next.8", + "@swisspost/design-system-styles": "workspace:9.0.0-next.9", "tslib": "2.6.3" }, "sideEffects": false, diff --git a/packages/styles/CHANGELOG.md b/packages/styles/CHANGELOG.md index 3edf73590f..de60763ac3 100644 --- a/packages/styles/CHANGELOG.md +++ b/packages/styles/CHANGELOG.md @@ -1,5 +1,27 @@ # @swisspost/design-system-styles +## 9.0.0-next.9 + +### Minor Changes + +- Added composable footer component. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Removed outdated portal-specific styles, including subnavigation-related rules. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#4186](https://github.com/swisspost/design-system/pull/4186)) + +- Added the possibility to define a `$child-selector` parameter with our list mixins, so they can be used also with custom elements. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Updated the utility classes for sizing. (by [@myrta2302](https://github.com/myrta2302) with [#4012](https://github.com/swisspost/design-system/pull/4012)) + +- Updated `.btn-link` to look like a regular link and old `.btn-link` is now `.btn-tertiary .px-0`. (by [@leagrdv](https://github.com/leagrdv) with [#4200](https://github.com/swisspost/design-system/pull/4200)) + +- Implemented new pixel based sizes. (by [@myrta2302](https://github.com/myrta2302) with [#4012](https://github.com/swisspost/design-system/pull/4012)) + +### Patch Changes + +- Fixed the `btn-icon` styles, so icons within can no longer be rendered too small, because of the inline-padding on the button. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + +- Fixed the appstore-badge styles to get rid of the inline gap below. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4190](https://github.com/swisspost/design-system/pull/4190)) + ## 9.0.0-next.8 ### Major Changes diff --git a/packages/styles/package.json b/packages/styles/package.json index 2c1fd2a663..83cf01001d 100644 --- a/packages/styles/package.json +++ b/packages/styles/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-styles", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "Design System Styles for the Swiss Post web platform.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -49,8 +49,8 @@ "gulp-sourcemaps": "3.0.0" }, "devDependencies": { - "@swisspost/design-system-icons": "workspace:9.0.0-next.8", - "@swisspost/design-system-tokens": "workspace:9.0.0-next.8", + "@swisspost/design-system-icons": "workspace:9.0.0-next.9", + "@swisspost/design-system-tokens": "workspace:9.0.0-next.9", "@types/node": "20.14.14", "autoprefixer": "10.4.19", "copyfiles": "2.4.1", diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md index ee303ee4eb..7df602c786 100644 --- a/packages/tokens/CHANGELOG.md +++ b/packages/tokens/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-tokens +## 9.0.0-next.9 + ## 9.0.0-next.8 ## 9.0.0-next.7 diff --git a/packages/tokens/package.json b/packages/tokens/package.json index ed53edebf7..08f97ec4b3 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-tokens", - "version": "9.0.0-next.8", + "version": "9.0.0-next.9", "description": "Design Tokens for the Swiss Post Design System.", "author": "Swiss Post ", "license": "Apache-2.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5031b6aa97..93cd856493 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -47,10 +47,10 @@ importers: specifier: 0.3.7 version: 0.3.7 '@swisspost/design-system-icons': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../icons '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../styles/dist ally.js: specifier: 1.4.1 @@ -159,10 +159,10 @@ importers: specifier: 18.2.13 version: 18.2.13(@angular/common@18.2.13(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.2.13(@angular/animations@18.2.13(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.2.13(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1) '@swisspost/design-system-components': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../components '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../styles/dist rxjs: specifier: 7.8.1 @@ -241,7 +241,7 @@ importers: specifier: ^16.0.0 || ^17.0.0 || ^18.0.0 version: 18.1.1(rxjs@7.8.1)(zone.js@0.14.8) '@swisspost/design-system-components': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../../../components tslib: specifier: 2.6.3 @@ -251,7 +251,7 @@ importers: packages/components-react: dependencies: '@swisspost/design-system-components': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../components devDependencies: '@types/node': @@ -303,22 +303,22 @@ importers: packages/documentation: dependencies: '@swisspost/design-system-components': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../components '@swisspost/design-system-components-react': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../components-react '@swisspost/design-system-icons': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../icons '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../styles/dist '@swisspost/design-system-tokens': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../tokens/dist '@swisspost/internet-header': - specifier: workspace:2.0.0-next.8 + specifier: workspace:2.0.0-next.9 version: link:../internet-header bootstrap: specifier: 5.3.3 @@ -376,10 +376,10 @@ importers: specifier: 8.3.6 version: 8.3.6(lit@3.1.4)(storybook@8.2.7(@babel/preset-env@7.25.3(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.8(@types/node@22.7.9)(less@4.2.0)(sass-embedded@1.78.0)(sass@1.78.0)(terser@5.31.6)) '@swisspost/design-system-components-angular': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../components-angular/dist/components '@swisspost/design-system-intranet-header': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../intranet-header-workspace/dist/intranet-header '@types/css-modules': specifier: 1.0.5 @@ -520,7 +520,7 @@ importers: packages/internet-header: dependencies: '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../styles/dist body-scroll-lock: specifier: 4.0.0-beta.0 @@ -671,7 +671,7 @@ importers: specifier: 2.11.8 version: 2.11.8 '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../styles/dist rxjs: specifier: 7.8.1 @@ -765,21 +765,21 @@ importers: specifier: ^16.0.0 || ^17.0.0 || ^18.0.0 version: 18.1.1(rxjs@7.8.1)(zone.js@0.14.8) '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../../../styles/dist tslib: specifier: 2.6.3 version: 2.6.3 devDependencies: '@swisspost/design-system-intranet-header-workspace': - specifier: workspace:3.0.22-next.8 + specifier: workspace:3.0.22-next.9 version: link:../.. publishDirectory: ../../dist/intranet-header packages/intranet-header-workspace/projects/intranet-header-showcase: dependencies: '@swisspost/design-system-intranet-header': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../../dist/intranet-header packages/migrations: @@ -825,13 +825,13 @@ importers: packages/nextjs-integration: dependencies: '@swisspost/design-system-components-react': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../components-react '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../styles/dist '@swisspost/internet-header': - specifier: workspace:2.0.0-next.8 + specifier: workspace:2.0.0-next.9 version: link:../internet-header next: specifier: 15.0.1 @@ -893,10 +893,10 @@ importers: version: 3.0.0 devDependencies: '@swisspost/design-system-icons': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../icons '@swisspost/design-system-tokens': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../tokens/dist '@types/node': specifier: 20.14.14 @@ -987,7 +987,7 @@ importers: specifier: 18.2.13 version: 18.2.13(@angular/common@18.2.13(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.2.13(@angular/animations@18.2.13(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.2.13(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.2.13(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1) '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../styles/dist primeng: specifier: 17.18.7 @@ -1063,7 +1063,7 @@ importers: specifier: ^18.0.0 version: 18.1.1(rxjs@7.8.1)(zone.js@0.14.8) '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.8 + specifier: workspace:9.0.0-next.9 version: link:../../../styles/dist primeng: specifier: ^17.18.0 From 0300fba665ceb74c24ff3153ea4e6997a39905e7 Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Tue, 17 Dec 2024 11:09:31 +0100 Subject: [PATCH 06/26] chore(tokens): :art: update tokens (#4235) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge this PR to update the tokens in the main branch. Co-authored-by: Tim Schär <59233938+schaertim@users.noreply.github.com> --- .../tokens/tokensstudio-generated/tokens.json | 39 +++++++++++++------ 1 file changed, 27 insertions(+), 12 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index f9f4255a0d..fe27410856 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1247,7 +1247,7 @@ "disabled": { "bg": { "$type": "color", - "$value": "{post.core.color.brand.white}" + "$value": "{post.core.color.colorless}" }, "fg": { "$type": "color", @@ -1948,10 +1948,18 @@ } }, "input": { - "enabled": { + "disabled": { + "bg": { + "$type": "color", + "$value": "{post.core.color.colorless}" + }, "border": { "$type": "color", - "$value": "{post.core.color.sandgrey.080}" + "$value": "{post.core.color.sandgrey.alpha.lightsand.60}" + }, + "fg": { + "$type": "color", + "$value": "{post.core.color.sandgrey.alpha.lightsand.60}" } } } @@ -7113,6 +7121,12 @@ "text": { "$type": "spacing", "$value": "{post.device.spacing.padding.block.7}" + }, + "container": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.9}" + } } }, "inline": { @@ -8957,7 +8971,6 @@ "post.scheme.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", "post.scheme.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", "post.scheme.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", - "post.scheme.color.interactive.input.enabled.border": "0acd1351445659355ab8d6f7f370fe1c217ebe91", "post.scheme.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", "post.scheme.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", "post.scheme.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", @@ -8989,16 +9002,17 @@ "post.cargo.scheme.color.surface.accent.bg": "2dc2983e13aad7ec4e60552838d56966fa9908d6", "post.cargo.scheme.color.surface.accent.fg": "e724294b65aca52dcb29118010534f0482bd0881", "post.cargo.scheme.color.surface.accent.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2", + "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30", + "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944", + "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289", "post.scheme.color.signal.neutral-dark": "790da7ad43fa67de3b2da99582d332791fb09e9f", "post.scheme.color.signal.neutral": "daad7eeff08d93aeed6c1ad67af23e58bdffd198", "post.scheme.color.interactive.input.enabled.bg": "ee1559ba9c687a96a4f52b60241ad08d6af675ef", "post.scheme.color.interactive.input.enabled.fg": "c0b646bc7315b3eb57777ada948f08b0fd3d718d", + "post.scheme.color.interactive.input.enabled.border": "0acd1351445659355ab8d6f7f370fe1c217ebe91", "post.scheme.color.interactive.input.hover.bg": "9e0464752dbef48d2c13c82b1865fb29baa976d6", "post.scheme.color.interactive.input.hover.fg": "4191ea628c0c943fa24e832a57e02fce109f0a73", - "post.scheme.color.interactive.input.hover.border": "69ac281e1d33ebdb46f1512dd957323d89a6cc66", - "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30", - "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289", - "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944" + "post.scheme.color.interactive.input.hover.border": "69ac281e1d33ebdb46f1512dd957323d89a6cc66" } }, { @@ -10490,6 +10504,7 @@ "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", "post.switch.gap.inline.text": "247b45d301bcca98b2d94934a5bf224368055263", "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", + "post.switch.padding.block.container.text": "29cbdc47443a3446365e6d2120aabaadd5072b50", "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e", @@ -10597,14 +10612,14 @@ "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040", "post.validation.group.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", "post.validation.group.icon.size": "ce5d0ae47c1f80a7ea39a6e5b25a00055c450e7d", + "post.validation.group.icon.block.start": "e52e3d301a820f000d2cd339f1fab72a5f09ce81", + "post.validation.group.icon.block.end": "f30710c36d79b96b33c33ad8e67524cc1ae3cd7a", + "post.validation.group.padding.inline.start": "37c8364dbc202912a5a557a5f8cc026e1f84a3bf", "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371", "post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646", "post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469", - "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f", - "post.validation.group.padding.inline.start": "37c8364dbc202912a5a557a5f8cc026e1f84a3bf", - "post.validation.group.icon.block.start": "e52e3d301a820f000d2cd339f1fab72a5f09ce81", - "post.validation.group.icon.block.end": "f30710c36d79b96b33c33ad8e67524cc1ae3cd7a" + "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f" } }, { From 019aac1b979d0131440353cff7622b3e2601253b Mon Sep 17 00:00:00 2001 From: Lea Date: Tue, 17 Dec 2024 13:28:26 +0100 Subject: [PATCH 07/26] chore(documentation): add palette scss file import documentation (#4127) --- .changeset/four-beers-leave.md | 5 +++++ .../src/stories/foundations/palettes/palettes.docs.mdx | 3 +++ 2 files changed, 8 insertions(+) create mode 100644 .changeset/four-beers-leave.md diff --git a/.changeset/four-beers-leave.md b/.changeset/four-beers-leave.md new file mode 100644 index 0000000000..7b61eca6d8 --- /dev/null +++ b/.changeset/four-beers-leave.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-documentation': patch +--- + +Added scss file import documentation to palette. diff --git a/packages/documentation/src/stories/foundations/palettes/palettes.docs.mdx b/packages/documentation/src/stories/foundations/palettes/palettes.docs.mdx index 83a3402eaf..dfb95071a9 100644 --- a/packages/documentation/src/stories/foundations/palettes/palettes.docs.mdx +++ b/packages/documentation/src/stories/foundations/palettes/palettes.docs.mdx @@ -1,5 +1,6 @@ import { Canvas, Controls, Meta } from '@storybook/blocks'; import * as paletteStories from './palettes.stories'; +import StylesPackageImport from '@/shared/styles-package-import.mdx'; @@ -25,3 +26,5 @@ You can apply this text color to any element by using the `.palette-text` class.
+ + From 37bc19c2577e33caa7be515276379e95fffaa55f Mon Sep 17 00:00:00 2001 From: Lea Date: Tue, 17 Dec 2024 15:51:38 +0100 Subject: [PATCH 08/26] chore(documentation, styles): remove deprecated bg classes (#4201) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- .changeset/poor-jars-call.md | 7 ++ .../consumer-app/src/app/app.component.html | 2 +- .../projects/consumer-app/src/styles.scss | 2 +- packages/components/cypress/e2e/tag.cy.ts | 2 +- .../components/post-popover/post-popover.scss | 3 - .../post-popovercontainer.scss | 5 +- .../components/post-tooltip/post-tooltip.scss | 5 -- .../.storybook/blocks/footer.tsx | 2 +- .../.storybook/blocks/header.tsx | 2 +- .../.storybook/blocks/layout/layout.scss | 5 ++ .../.storybook/styles/manager.scss | 37 +------- .../cypress/e2e/components/hint.cy.ts | 2 +- .../src/shared/decorators/dark-background.ts | 10 --- .../components/avatar/avatar.stories.ts | 6 +- .../stories/components/badge/badge.docs.mdx | 1 - .../stories/components/badge/badge.stories.ts | 13 +-- .../stories/components/button/button.docs.mdx | 6 -- .../components/button/button.stories.ts | 10 --- .../card-button/card-button.stories.ts | 16 ++-- .../card-control/card-control.docs.mdx | 21 +---- .../standard-html/card-control.stories.ts | 40 +-------- .../web-component/card-control.stories.ts | 33 +------- .../card-product/card-product.stories.ts | 22 ++--- .../dialog/dialog.snapshot.stories.ts | 2 +- .../components/dialog/dialog.stories.ts | 13 ++- .../forms/hint/hint.snapshot.stories.ts | 16 +--- .../intranet-header-postweb.sample.html | 4 +- ...ntranet-header-side-navigation.sample.html | 4 +- .../notification-overlay.sample.html | 2 +- .../components/popover/popover.stories.ts | 18 ++-- .../subnavigation/subnavigation.docs.mdx | 22 +++-- .../subnavigation/subnavigation.module.scss | 13 --- .../subnavigation.snapshot.stories.ts | 3 +- .../subnavigation/subnavigation.stories.ts | 23 ++--- .../components/tooltip/tooltip.stories.ts | 28 +++---- .../stories/foundations/icons/icon.docs.mdx | 6 +- .../stories/foundations/icons/icon.stories.ts | 10 +-- .../foundations/icons/icon.styles.scss | 5 ++ .../src/stories/introduction.docs.mdx | 31 +++++-- .../src/stories/introduction.styles.scss | 9 +- .../internet-header/header.stories.ts | 2 +- .../error-page/error-page.stories.ts | 2 +- .../background/background.blocks.tsx | 20 ----- .../utilities/background/background.docs.mdx | 78 ----------------- .../background/background.module.scss | 22 ----- .../background/background.stories.ts | 49 ----------- .../background/background.styles.scss | 84 ------------------- .../utilities/display/display.docs.mdx | 1 + .../utilities/display/display.stories.ts | 5 +- .../utilities/display/display.styles.scss | 6 ++ .../utilities/elevation/elevation.stories.ts | 2 +- .../stories/utilities/flex/flex.blocks.tsx | 58 ++++++------- .../utilities/flex/flex.snapshot.stories.ts | 62 +++++++------- .../stories/utilities/flex/flex.stories.ts | 73 ++++++++-------- .../stories/utilities/flex/flex.styles.scss | 25 ++++-- .../utilities/overflow/overflow.stories.ts | 2 +- .../utilities/overflow/overflow.styles.scss | 4 + .../position/position.snapshot.stories.ts | 18 ++-- .../utilities/position/position.stories.ts | 17 ++-- .../utilities/position/position.styles.scss | 38 +++++++-- .../src/stories/utilities/text/text.docs.mdx | 6 +- .../stories/utilities/text/text.stories.ts | 6 +- .../stories/utilities/text/text.styles.scss | 5 ++ .../sidebar-with-searchbar.component.html | 4 +- .../samples/sidebar/sidebar.component.html | 4 +- packages/nextjs-integration/src/app/page.tsx | 12 +-- .../src/app/app.component.html | 14 ---- .../src/app/app.component.ts | 1 - packages/styles/src/components/badge.scss | 8 ++ .../styles/src/components/datepicker.scss | 6 +- .../components/intranet-header/_sidebar.scss | 2 + .../src/components/tabs/_tab-title.scss | 42 ---------- .../src/components/tabs/_tabs-wrapper.scss | 9 -- .../styles/src/utilities/temp/_legacy.scss | 7 -- 74 files changed, 351 insertions(+), 804 deletions(-) create mode 100644 .changeset/poor-jars-call.md delete mode 100644 packages/documentation/src/shared/decorators/dark-background.ts delete mode 100644 packages/documentation/src/stories/components/subnavigation/subnavigation.module.scss create mode 100644 packages/documentation/src/stories/foundations/icons/icon.styles.scss delete mode 100644 packages/documentation/src/stories/utilities/background/background.blocks.tsx delete mode 100644 packages/documentation/src/stories/utilities/background/background.docs.mdx delete mode 100644 packages/documentation/src/stories/utilities/background/background.module.scss delete mode 100644 packages/documentation/src/stories/utilities/background/background.stories.ts delete mode 100644 packages/documentation/src/stories/utilities/background/background.styles.scss create mode 100644 packages/documentation/src/stories/utilities/text/text.styles.scss diff --git a/.changeset/poor-jars-call.md b/.changeset/poor-jars-call.md new file mode 100644 index 0000000000..3ff6c4d4d9 --- /dev/null +++ b/.changeset/poor-jars-call.md @@ -0,0 +1,7 @@ +--- +'@swisspost/design-system-documentation': major +'@swisspost/design-system-components': major +'@swisspost/design-system-styles': major +--- + +Removed `.bg-` classes to define background color of elements. diff --git a/packages/components-angular/projects/consumer-app/src/app/app.component.html b/packages/components-angular/projects/consumer-app/src/app/app.component.html index b129ac5352..81d4583196 100644 --- a/packages/components-angular/projects/consumer-app/src/app/app.component.html +++ b/packages/components-angular/projects/consumer-app/src/app/app.component.html @@ -1,4 +1,4 @@ -
+