diff --git a/.changeset/pre.json b/.changeset/pre.json index a948833b59..7d6dfe9486 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -27,6 +27,7 @@ "2024-11-10-update-icons", "beige-jobs-do", "big-frogs-admire", + "big-socks-dress", "breezy-cups-add", "brown-badgers-dream", "clean-icons-complain", @@ -35,6 +36,7 @@ "cuddly-bears-check", "cuddly-gifts-film", "dirty-mayflies-taste", + "dry-moons-walk", "eight-turkeys-matter", "eleven-keys-work", "empty-islands-kneel", @@ -60,6 +62,7 @@ "loud-dingos-remember", "lovely-deers-itch", "lovely-mirrors-travel", + "metal-rivers-look", "neat-suits-provide", "nervous-rocks-shop", "new-goats-impress", @@ -67,9 +70,11 @@ "pink-weeks-relate", "plenty-apricots-raise", "popular-games-rush", + "popular-mirrors-cross", "proud-actors-knock", "proud-cheetahs-act", "proud-moons-impress", + "quick-buses-give", "quick-eagles-watch", "quiet-apes-rhyme", "rare-dryers-count", diff --git a/packages/components-angular/CHANGELOG.md b/packages/components-angular/CHANGELOG.md index 14bd6d34d2..9d486b2f61 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.5 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.5 + - @swisspost/design-system-components@9.0.0-next.5 + ## 1.1.10-next.4 ### Patch Changes diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json index 04519844ac..426ca45dbe 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.4", + "version": "1.1.10-next.5", "scripts": { "start": "ng serve --port 9210", "build": "ng build components", @@ -18,8 +18,8 @@ "@angular/platform-browser": "18.2.10", "@angular/platform-browser-dynamic": "18.2.10", "@angular/router": "18.2.10", - "@swisspost/design-system-components": "workspace:9.0.0-next.4", - "@swisspost/design-system-styles": "workspace:9.0.0-next.4", + "@swisspost/design-system-components": "workspace:9.0.0-next.5", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", "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 8a2305d0ef..a92342db85 100644 --- a/packages/components-angular/projects/components/CHANGELOG.md +++ b/packages/components-angular/projects/components/CHANGELOG.md @@ -1,5 +1,16 @@ # @swisspost/design-system-components-angular +## 9.0.0-next.5 + +### Minor Changes + +- Added a provisional post-header component with some basic functionality in place. This component is not finished in this state. (by [@gfellerph](https://github.com/gfellerph) with [#3837](https://github.com/swisspost/design-system/pull/3837)) + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-components@9.0.0-next.5 + ## 9.0.0-next.4 ### Patch Changes diff --git a/packages/components-angular/projects/components/package.json b/packages/components-angular/projects/components/package.json index 040548d639..9485d4a68f 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.4", + "version": "9.0.0-next.5", "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.4" + "@swisspost/design-system-components": "workspace:9.0.0-next.5" }, "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 e1503d21ca..6f1edc44e4 100644 --- a/packages/components-react/CHANGELOG.md +++ b/packages/components-react/CHANGELOG.md @@ -1,5 +1,16 @@ # @swisspost/design-system-components-react +## 9.0.0-next.5 + +### Minor Changes + +- Added a provisional post-header component with some basic functionality in place. This component is not finished in this state. (by [@gfellerph](https://github.com/gfellerph) with [#3837](https://github.com/swisspost/design-system/pull/3837)) + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-components@9.0.0-next.5 + ## 9.0.0-next.4 ### Patch Changes diff --git a/packages/components-react/package.json b/packages/components-react/package.json index 76bb2f2ae5..ff85bd36ec 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.4", + "version": "9.0.0-next.5", "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.4" + "@swisspost/design-system-components": "workspace:9.0.0-next.5" }, "devDependencies": { "@types/node": "20.14.14", diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 2f4eb8c9fb..de3b20b4c4 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,18 @@ # @swisspost/design-system-components +## 9.0.0-next.5 + +### Minor Changes + +- Added a provisional post-header component with some basic functionality in place. This component is not finished in this state. (by [@gfellerph](https://github.com/gfellerph) with [#3837](https://github.com/swisspost/design-system/pull/3837)) + +- Added new Menu Button components (post-menu-button, post-menu-trigger, and post-menu-item) for creating accessible dropdown menus. (by [@alionazherdetska](https://github.com/alionazherdetska) with [#3795](https://github.com/swisspost/design-system/pull/3795)) + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.5 + ## 9.0.0-next.4 ### Major Changes diff --git a/packages/components/package.json b/packages/components/package.json index 253f6811f7..314c70d1cc 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.4", + "version": "9.0.0-next.5", "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,7 +40,7 @@ "dependencies": { "@floating-ui/dom": "1.6.8", "@oddbird/popover-polyfill": "0.3.7", - "@swisspost/design-system-styles": "workspace:9.0.0-next.4", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", "ally.js": "1.4.1", "long-press-event": "2.5.0" }, diff --git a/packages/documentation/.storybook/blocks/footer.tsx b/packages/documentation/.storybook/blocks/footer.tsx index 2d1fb8cc07..b590055606 100644 --- a/packages/documentation/.storybook/blocks/footer.tsx +++ b/packages/documentation/.storybook/blocks/footer.tsx @@ -115,7 +115,7 @@ export default (params: { pathToStoryFile?: String }) => ( ))}
-
+
", "license": "Apache-2.0", @@ -28,11 +28,11 @@ "lint": "eslint **/*.{ts,tsx,mdx}" }, "dependencies": { - "@swisspost/design-system-components": "workspace:9.0.0-next.4", - "@swisspost/design-system-components-react": "workspace:9.0.0-next.4", - "@swisspost/design-system-icons": "workspace:9.0.0-next.4", - "@swisspost/design-system-styles": "workspace:9.0.0-next.4", - "@swisspost/internet-header": "workspace:2.0.0-next.4", + "@swisspost/design-system-components": "workspace:9.0.0-next.5", + "@swisspost/design-system-components-react": "workspace:9.0.0-next.5", + "@swisspost/design-system-icons": "workspace:9.0.0-next.5", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", + "@swisspost/internet-header": "workspace:2.0.0-next.5", "bootstrap": "5.3.3" }, "devDependencies": { @@ -53,8 +53,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.4", - "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.4", + "@swisspost/design-system-components-angular": "workspace:9.0.0-next.5", + "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.5", "@types/css-modules": "1.0.5", "@types/mdx": "2.0.13", "@types/react": "18.3.3", diff --git a/packages/documentation/src/stories/components/buttons/button/button.docs.mdx b/packages/documentation/src/stories/components/buttons/button/button.docs.mdx index 2c734db7d0..1bba1e812e 100644 --- a/packages/documentation/src/stories/components/buttons/button/button.docs.mdx +++ b/packages/documentation/src/stories/components/buttons/button/button.docs.mdx @@ -42,7 +42,7 @@ for example when the button is displayed on mobile and stacked vertically with o To achieve that, you can use classes in the format: - `.w-{size}` for the xs breakpoint, -- `.w-{breakpoint}-{size}` for breakpoints from sm to xxl. +- `.w-{breakpoint}-{size}` for breakpoints from sm to xl. For example, a button with classes `w-100 w-lg-auto` will use all available space only when the viewport size is smaller than `lg`. diff --git a/packages/documentation/src/stories/components/cards/card/card.stories.ts b/packages/documentation/src/stories/components/cards/card/card.stories.ts index b92e1d4aa2..5f9f7c68cd 100644 --- a/packages/documentation/src/stories/components/cards/card/card.stories.ts +++ b/packages/documentation/src/stories/components/cards/card/card.stories.ts @@ -219,7 +219,7 @@ function paddedContainer(story: StoryFn, context: StoryContext) { function gridContainer(story: StoryFn, context: StoryContext) { return html`
-
${story(context.args, context)}
+
${story(context.args, context)}
`; } diff --git a/packages/documentation/src/stories/components/list-group/list-group.stories.ts b/packages/documentation/src/stories/components/list-group/list-group.stories.ts index 6bdece8b36..3e8bf5ab93 100644 --- a/packages/documentation/src/stories/components/list-group/list-group.stories.ts +++ b/packages/documentation/src/stories/components/list-group/list-group.stories.ts @@ -48,7 +48,7 @@ export default meta; function gridDecorator(story: StoryFn, context: StoryContext) { return html`
-
${story(context.args, context)}
+
${story(context.args, context)}
`; } diff --git a/packages/documentation/src/stories/foundation/icons/search-icons.styles.scss b/packages/documentation/src/stories/foundation/icons/search-icons.styles.scss index 6426154a30..27cc3dc44b 100644 --- a/packages/documentation/src/stories/foundation/icons/search-icons.styles.scss +++ b/packages/documentation/src/stories/foundation/icons/search-icons.styles.scss @@ -43,7 +43,7 @@ } } - @include post.media-breakpoint-down(rg) { + @include post.media-breakpoint-down(sm) { .icon-search--results { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } @@ -99,7 +99,7 @@ } } - @include post.media-breakpoint-down(rg) { + @include post.media-breakpoint-down(sm) { .icon--tile { height: 60px; diff --git a/packages/documentation/src/stories/foundation/layout/shared.module.scss b/packages/documentation/src/stories/foundation/layout/shared.module.scss index b1eddef8a5..9c422d3e41 100644 --- a/packages/documentation/src/stories/foundation/layout/shared.module.scss +++ b/packages/documentation/src/stories/foundation/layout/shared.module.scss @@ -9,7 +9,6 @@ $breakpointNames: ( md: Medium, lg: Large, xl: Extra large, - xxl: Extra extra large, ); :export { diff --git a/packages/documentation/src/stories/getting-started/angular/angular.styles.scss b/packages/documentation/src/stories/getting-started/angular/angular.styles.scss index 1066c0faa3..7df61d354e 100644 --- a/packages/documentation/src/stories/getting-started/angular/angular.styles.scss +++ b/packages/documentation/src/stories/getting-started/angular/angular.styles.scss @@ -7,7 +7,7 @@ list-style-type: none; gap: post.$size-big; - @include post.media-breakpoint-down(rg) { + @include post.media-breakpoint-down(sm) { gap: post.$size-regular; } } diff --git a/packages/documentation/src/stories/getting-started/migration-guide/shared.component.scss b/packages/documentation/src/stories/getting-started/migration-guide/shared.component.scss index f1965cb901..3eade786db 100644 --- a/packages/documentation/src/stories/getting-started/migration-guide/shared.component.scss +++ b/packages/documentation/src/stories/getting-started/migration-guide/shared.component.scss @@ -25,7 +25,7 @@ migration-global-state { border-left: 4px solid var(--post-light); min-height: 5rem; - @include post.media-breakpoint-down(rg) { + @include post.media-breakpoint-down(sm) { margin-left: 1rem; padding-bottom: 1rem; padding-left: 2rem; @@ -53,7 +53,7 @@ migration-global-state { font-weight: bold; font-size: 1.2em; - @include post.media-breakpoint-down(rg) { + @include post.media-breakpoint-down(sm) { width: 3rem; height: 3rem; font-size: 1em; diff --git a/packages/documentation/src/stories/getting-started/packages/components-angular/angular-app-module.sample.ts b/packages/documentation/src/stories/getting-started/packages/components-angular/angular-app-module.sample.ts index 38db3e0b48..5528121712 100644 --- a/packages/documentation/src/stories/getting-started/packages/components-angular/angular-app-module.sample.ts +++ b/packages/documentation/src/stories/getting-started/packages/components-angular/angular-app-module.sample.ts @@ -4,8 +4,8 @@ import { NgModule } from '@angular/core'; import { PostComponentsModule } from '@swisspost/design-system-components-angular'; @NgModule({ - ... + // ... imports: [PostComponentsModule], - ... + // ... }) export class AppModule {} diff --git a/packages/documentation/src/stories/home.styles.scss b/packages/documentation/src/stories/home.styles.scss index 5d85ccd27f..252cc95c97 100644 --- a/packages/documentation/src/stories/home.styles.scss +++ b/packages/documentation/src/stories/home.styles.scss @@ -37,7 +37,7 @@ justify-content: center; gap: post.$size-big; - @include post.media-breakpoint-down(rg) { + @include post.media-breakpoint-down(sm) { gap: post.$size-regular; } } diff --git a/packages/documentation/src/stories/templates/error-page/error-page.stories.ts b/packages/documentation/src/stories/templates/error-page/error-page.stories.ts index e64bc34d35..812b26e14b 100644 --- a/packages/documentation/src/stories/templates/error-page/error-page.stories.ts +++ b/packages/documentation/src/stories/templates/error-page/error-page.stories.ts @@ -15,7 +15,7 @@ function render() {
-
+

This page could not be found.
@@ -40,7 +40,7 @@ function render() {

-
+
diff --git a/packages/documentation/src/stories/utilities/float/float.docs.mdx b/packages/documentation/src/stories/utilities/float/float.docs.mdx index 23e3c00697..d9d016c7a2 100644 --- a/packages/documentation/src/stories/utilities/float/float.docs.mdx +++ b/packages/documentation/src/stories/utilities/float/float.docs.mdx @@ -26,7 +26,6 @@ import * as FloatStories from './float.stories'; > - `float-md-{start|end|none}` > - `float-lg-{start|end|none}` > - `float-xl-{start|end|none}` -> - `float-xxl-{start|end|none}` #### Example diff --git a/packages/documentation/src/stories/utilities/float/float.stories.ts b/packages/documentation/src/stories/utilities/float/float.stories.ts index 14e08059ae..728685afbf 100644 --- a/packages/documentation/src/stories/utilities/float/float.stories.ts +++ b/packages/documentation/src/stories/utilities/float/float.stories.ts @@ -26,7 +26,7 @@ const meta: MetaExtended = { control: { type: 'select', }, - options: ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'], + options: ['xs', 'sm', 'md', 'lg', 'xl'], table: { category: 'Add float', }, diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 266f90b48c..a1dc4fd33e 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-icons +## 9.0.0-next.5 + ## 9.0.0-next.4 ### Minor Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index bfab4bb763..e245742ac6 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.4", + "version": "9.0.0-next.5", "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 191aa04061..ea7c4c495a 100644 --- a/packages/internet-header/CHANGELOG.md +++ b/packages/internet-header/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/internet-header +## 2.0.0-next.5 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.5 + ## 2.0.0-next.4 ### Patch Changes diff --git a/packages/internet-header/package.json b/packages/internet-header/package.json index 3fc3baad3d..4b6958deca 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.4", + "version": "2.0.0-next.5", "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.4", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", "body-scroll-lock": "4.0.0-beta.0", "iframe-resizer": "4.4.5", "jquery": "3.7.1", diff --git a/packages/internet-header/src/components/post-main-navigation/post-main-navigation.scss b/packages/internet-header/src/components/post-main-navigation/post-main-navigation.scss index 9e3264e0bb..5b4c5dab98 100644 --- a/packages/internet-header/src/components/post-main-navigation/post-main-navigation.scss +++ b/packages/internet-header/src/components/post-main-navigation/post-main-navigation.scss @@ -43,10 +43,6 @@ font-size: functions.px-to-rem(18px); } - @include mixins.min(xxl) { - font-size: functions.px-to-rem(20px); - } - @include mixins.max(lg) { position: absolute; top: var(--calculated-header-height); diff --git a/packages/internet-header/src/utils/variables.scss b/packages/internet-header/src/utils/variables.scss index c54317dc2d..3b734e3eb5 100644 --- a/packages/internet-header/src/utils/variables.scss +++ b/packages/internet-header/src/utils/variables.scss @@ -5,7 +5,6 @@ $meta-header-height: ( md: 0px, lg: 3rem, xl: 3rem, - xxl: 3rem, ); $header-height: ( @@ -15,7 +14,6 @@ $header-height: ( md: 3.5rem, lg: 4rem, xl: 4.5rem, - xxl: 4.5rem, ); $header-slide-in-transition: top 200ms ease-out; diff --git a/packages/intranet-header-workspace/CHANGELOG.md b/packages/intranet-header-workspace/CHANGELOG.md index 9089734bf1..3252f7a66b 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.5 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.5 + ## 3.0.22-next.4 ### Patch Changes diff --git a/packages/intranet-header-workspace/package.json b/packages/intranet-header-workspace/package.json index 4765f5d611..8d2a598117 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.4", + "version": "3.0.22-next.5", "license": "Apache-2.0", "private": true, "scripts": { @@ -23,7 +23,7 @@ "@angular/router": "18.2.10", "@ng-bootstrap/ng-bootstrap": "17.0.0", "@popperjs/core": "2.11.8", - "@swisspost/design-system-styles": "workspace:9.0.0-next.4", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", "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 59a093b10e..b73f8e8da1 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.5 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-intranet-header@9.0.0-next.5 + ## 1.0.10-next.4 ### 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 8a6a4aa998..da84d3323c 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.4", + "version": "1.0.10-next.5", "license": "Apache-2.0", "private": true, "dependencies": { - "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.4" + "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.5" } } diff --git a/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md b/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md index 80c03b908e..cfc5fc8183 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.5 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.5 + ## 9.0.0-next.4 ### 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 6b514d97bf..ba847af2ae 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.4", + "version": "9.0.0-next.5", "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.4", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", "tslib": "2.6.3" }, "devDependencies": { - "@swisspost/design-system-intranet-header-workspace": "workspace:3.0.22-next.4" + "@swisspost/design-system-intranet-header-workspace": "workspace:3.0.22-next.5" }, "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 2a14a52f7a..613f2b4925 100644 --- a/packages/migrations/CHANGELOG.md +++ b/packages/migrations/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-migrations +## 9.0.0-next.5 + ## 9.0.0-next.4 ## 9.0.0-next.3 diff --git a/packages/migrations/package.json b/packages/migrations/package.json index 2cf92879b2..bda4639bde 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.4", + "version": "9.0.0-next.5", "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 85e09490e7..2af5f20336 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.5 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.5 + - @swisspost/design-system-components-react@9.0.0-next.5 + - @swisspost/internet-header@2.0.0-next.5 + ## 0.1.14-next.4 ### Patch Changes diff --git a/packages/nextjs-integration/package.json b/packages/nextjs-integration/package.json index 11fe8acd03..76f0077315 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.4", + "version": "0.1.14-next.5", "private": true, "scripts": { "dev": "next dev", @@ -9,9 +9,9 @@ "lint": "next lint" }, "dependencies": { - "@swisspost/design-system-components-react": "workspace:9.0.0-next.4", - "@swisspost/design-system-styles": "workspace:9.0.0-next.4", - "@swisspost/internet-header": "workspace:2.0.0-next.4", + "@swisspost/design-system-components-react": "workspace:9.0.0-next.5", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", + "@swisspost/internet-header": "workspace:2.0.0-next.5", "next": "15.0.1", "react": "^18", "react-dom": "^18" diff --git a/packages/nextjs-integration/src/app/page.tsx b/packages/nextjs-integration/src/app/page.tsx index b24fcab2fc..2f610dd0e1 100644 --- a/packages/nextjs-integration/src/app/page.tsx +++ b/packages/nextjs-integration/src/app/page.tsx @@ -162,7 +162,7 @@ export default function Home() {
-
+
@@ -176,7 +176,7 @@ export default function Home() {
-
+
@@ -190,7 +190,7 @@ export default function Home() {
-
+
diff --git a/packages/styles-primeng-workspace/CHANGELOG.md b/packages/styles-primeng-workspace/CHANGELOG.md index 7f2aef3547..af9c6f4ba7 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.5 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.5 + ## 1.0.6-next.4 ### Patch Changes diff --git a/packages/styles-primeng-workspace/package.json b/packages/styles-primeng-workspace/package.json index bfc99bbf30..a78135bf43 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.4", + "version": "1.0.6-next.5", "license": "Apache-2.0", "private": true, "scripts": { @@ -22,7 +22,7 @@ "@angular/platform-browser": "18.2.10", "@angular/platform-browser-dynamic": "18.2.10", "@angular/router": "18.2.10", - "@swisspost/design-system-styles": "workspace:9.0.0-next.4", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", "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 e21e541e05..08d2995e09 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.5 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.5 + ## 9.0.0-next.4 ### 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 3572a3bd59..e7855afabd 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.4", + "version": "9.0.0-next.5", "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.4", + "@swisspost/design-system-styles": "workspace:9.0.0-next.5", "tslib": "2.6.3" }, "sideEffects": false, diff --git a/packages/styles/CHANGELOG.md b/packages/styles/CHANGELOG.md index 724092b33d..3057d279cc 100644 --- a/packages/styles/CHANGELOG.md +++ b/packages/styles/CHANGELOG.md @@ -1,5 +1,19 @@ # @swisspost/design-system-styles +## 9.0.0-next.5 + +### Major Changes + +- Removed the deprecated `.pi-*` classes, which were previously used to display icons. The `post-icon` component should now be used instead. (by [@alizedebray](https://github.com/alizedebray) with [#3947](https://github.com/swisspost/design-system/pull/3947)) + +### Minor Changes + +- Added custom styles for the ordered lists. (by [@veyaromain](https://github.com/veyaromain) with [#3755](https://github.com/swisspost/design-system/pull/3755)) + +### Patch Changes + +- Fixed issue where the focus ring was not appearing on inactive chips. (by [@schaertim](https://github.com/schaertim) with [#3820](https://github.com/swisspost/design-system/pull/3820)) + ## 9.0.0-next.4 ### Major Changes diff --git a/packages/styles/package.json b/packages/styles/package.json index 97215527b6..e32afcd98c 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.4", + "version": "9.0.0-next.5", "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.4", - "@swisspost/design-system-tokens": "workspace:9.0.0-next.4", + "@swisspost/design-system-icons": "workspace:9.0.0-next.5", + "@swisspost/design-system-tokens": "workspace:9.0.0-next.5", "@types/node": "20.14.14", "autoprefixer": "10.4.19", "copyfiles": "2.4.1", diff --git a/packages/styles/src/components/alert.scss b/packages/styles/src/components/alert.scss index 6ccc7917f2..fedf49f1e4 100644 --- a/packages/styles/src/components/alert.scss +++ b/packages/styles/src/components/alert.scss @@ -93,37 +93,6 @@ margin-bottom: 0; border-radius: 0; z-index: commons.$zindex-fixed; - - @include media-breakpoint-up(xxl) { - $container-max-width: map.get(breakpoints.$grid-breakpoints, 'xxl') - 1; - $container-padding-x: map.get(grid.$grid-container-padding, 'xxl'); - $alert-padding-x: map.get(notification.$notification-padding-x-map, alert); - $alert-icon-size: map.get(notification.$notification-icon-size-map, alert); - $fixed-alert-padding-x: '(100% - #{$container-max-width}) / 2 + #{$container-padding-x} + #{$alert-padding-x}'; - - padding-inline-end: calc(#{$fixed-alert-padding-x}); - padding-inline-start: calc( - #{$fixed-alert-padding-x} + #{$alert-icon-size} + #{notification.$notification-gap} - ); - - &::before { - left: calc(#{$fixed-alert-padding-x}); - } - - &.no-icon { - padding-inline-start: calc(#{$fixed-alert-padding-x}); - } - - &.alert-dismissible { - padding-inline-end: calc( - #{$fixed-alert-padding-x} + #{notification.$notification-gap} + #{close.$close-size} - ); - - > .btn-close { - inset-inline-end: calc(#{$fixed-alert-padding-x}); - } - } - } } @each $name, $color, $icon in notification.$notification-variants { diff --git a/packages/styles/src/components/card.scss b/packages/styles/src/components/card.scss index 77a3b63a14..c66363159e 100644 --- a/packages/styles/src/components/card.scss +++ b/packages/styles/src/components/card.scss @@ -102,13 +102,9 @@ padding: spacing.$size-large; } - @include media-breakpoint-between(md, xxl) { + @include media-breakpoint-up(md) { padding: spacing.$size-big; } - - @include media-breakpoint-up(xxl) { - padding: spacing.$size-bigger-big; - } } .card-white & { diff --git a/packages/styles/src/components/carousel.scss b/packages/styles/src/components/carousel.scss index 2290cdd03f..ef5cbd4d03 100644 --- a/packages/styles/src/components/carousel.scss +++ b/packages/styles/src/components/carousel.scss @@ -32,7 +32,7 @@ .carousel-inner { padding-bottom: calc(10% - 0.5rem); - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { padding-bottom: 1.5rem; } @@ -69,14 +69,9 @@ width: 55%; } - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { position: relative; bottom: 0; - width: 75%; - margin-top: -7rem; - } - - @include media-breakpoint-down(sm) { width: calc(100% - 2rem); margin-top: -3rem; margin-left: 1rem; @@ -131,10 +126,6 @@ bottom: 2rem; } - @include media-breakpoint-down(rg) { - bottom: 1.5rem; - } - @include media-breakpoint-down(sm) { right: 0; bottom: 0.8rem; diff --git a/packages/styles/src/components/dialog.scss b/packages/styles/src/components/dialog.scss index 0b15aafa1b..42b4ca2a4b 100644 --- a/packages/styles/src/components/dialog.scss +++ b/packages/styles/src/components/dialog.scss @@ -98,7 +98,7 @@ dialog > .dialog-grid { // Larger icon for bigger notification dialogs dialog:not([size='small']) & { - @include media-breakpoint-up(rg) { + @include media-breakpoint-up(sm) { width: spacing.$size-small-huge; height: spacing.$size-small-huge; } diff --git a/packages/styles/src/components/intranet-header/_nav-overflow.scss b/packages/styles/src/components/intranet-header/_nav-overflow.scss index dfbee79bdf..9cf44b4168 100644 --- a/packages/styles/src/components/intranet-header/_nav-overflow.scss +++ b/packages/styles/src/components/intranet-header/_nav-overflow.scss @@ -7,7 +7,7 @@ .top-navigation { .nav-item#more { - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { > span { display: none !important; } @@ -52,7 +52,7 @@ } } - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { display: list-item !important; width: auto !important; transform: none !important; diff --git a/packages/styles/src/components/intranet-header/_scaffolding.scss b/packages/styles/src/components/intranet-header/_scaffolding.scss index 171dd41df4..d0a59699e0 100644 --- a/packages/styles/src/components/intranet-header/_scaffolding.scss +++ b/packages/styles/src/components/intranet-header/_scaffolding.scss @@ -63,7 +63,7 @@ flex-direction: column; } - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { &.header-big { .header-margin { margin-top: intranet-header.$header-size; diff --git a/packages/styles/src/components/intranet-header/_searchbox.scss b/packages/styles/src/components/intranet-header/_searchbox.scss index 9fae668250..229b7060da 100644 --- a/packages/styles/src/components/intranet-header/_searchbox.scss +++ b/packages/styles/src/components/intranet-header/_searchbox.scss @@ -8,7 +8,7 @@ header.navbar { .search-textbox { - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { border-top: commons.$border-width solid rgba(var(--post-contrast-color-rgb), 0.2); } @include media-breakpoint-up(md) { diff --git a/packages/styles/src/components/intranet-header/_top-navigation.scss b/packages/styles/src/components/intranet-header/_top-navigation.scss index 60e123be56..de0831d87a 100644 --- a/packages/styles/src/components/intranet-header/_top-navigation.scss +++ b/packages/styles/src/components/intranet-header/_top-navigation.scss @@ -72,7 +72,7 @@ } } -@include media-breakpoint-down(rg) { +@include media-breakpoint-down(sm) { .top-navigation #navbarsDefault { border-top: commons.$border-width solid rgba(var(--post-contrast-color-rgb), 0.2); } diff --git a/packages/styles/src/components/stepper.scss b/packages/styles/src/components/stepper.scss index e5b739eb08..3aaeda82e8 100644 --- a/packages/styles/src/components/stepper.scss +++ b/packages/styles/src/components/stepper.scss @@ -220,7 +220,7 @@ } // smaller screens -@include media-breakpoint-down(rg) { +@include media-breakpoint-down(sm) { .stepper-item:first-child, .stepper-item:last-child { padding-inline: 0; diff --git a/packages/styles/src/components/topic-teaser.scss b/packages/styles/src/components/topic-teaser.scss index db19d03e9f..5ac1fcd211 100644 --- a/packages/styles/src/components/topic-teaser.scss +++ b/packages/styles/src/components/topic-teaser.scss @@ -13,19 +13,6 @@ @use './../mixins/icons' as icons-mx; .topic-teaser { - &[class*='bg-'] { - @include media-breakpoint-up(xxl) { - background-color: transparent !important; - } - } - - .topic-teaser-container { - @include media-breakpoint-up(xxl) { - padding-left: map.get(grid.$grid-container-padding, xxl) * 0.5; - padding-right: map.get(grid.$grid-container-padding, xxl) * 0.5; - } - } - &:not(.topic-teaser-reverse) { @each $breakpoint in topic-teaser.$grid-breakpoints-upper { @include media-breakpoint-only($breakpoint) { @@ -36,13 +23,6 @@ } .topic-teaser-container { - @include media-breakpoint-up(xxl) { - padding-right: 0; - // webkit subpixel-issue fix - margin-right: -1px; - clip-path: inset(0 1px (map.get(spacing.$size-curve-huge, 'xxl') * -1) 0); - } - > .row { justify-content: flex-end; } @@ -68,10 +48,6 @@ } .topic-teaser-container { - @include media-breakpoint-up(xxl) { - padding-left: 0; - } - > .row { @include media-breakpoint-down(lg) { flex-direction: column-reverse; @@ -125,7 +101,7 @@ } } - @include media-breakpoint-up(rg) { + @include media-breakpoint-up(sm) { flex-direction: row; } } @@ -133,7 +109,7 @@ .topic-teaser-content > .link-list { width: 50%; - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { width: 100%; } } @@ -141,7 +117,7 @@ .topic-teaser-title { width: 50%; - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { width: auto; } } diff --git a/packages/styles/src/layouts/portal/_grid.scss b/packages/styles/src/layouts/portal/_grid.scss index b304774879..6c9a82feb1 100644 --- a/packages/styles/src/layouts/portal/_grid.scss +++ b/packages/styles/src/layouts/portal/_grid.scss @@ -4,7 +4,6 @@ @use './../../variables/grid'; @use './../../variables/commons'; -@use './variables' as portal-variables; .container-fluid { max-width: map.get(grid.$container-max-widths, xs); @@ -30,22 +29,3 @@ padding-left: 0; } } - -// Overwrites gutter on rg-sized screens and bigger -@include media-breakpoint-up(rg) { - .col, - [class*='col-'] { - padding-right: portal-variables.$grid-gutter-width-rg * 0.5; - padding-left: portal-variables.$grid-gutter-width-rg * 0.5; - } - - .row { - margin-right: -(portal-variables.$grid-gutter-width-rg * 0.5); - margin-left: -(portal-variables.$grid-gutter-width-rg * 0.5); - - &.no-gutters { - margin-right: 0; - margin-left: 0; - } - } -} diff --git a/packages/styles/src/layouts/portal/_variables.scss b/packages/styles/src/layouts/portal/_variables.scss deleted file mode 100644 index 8ef4c24154..0000000000 --- a/packages/styles/src/layouts/portal/_variables.scss +++ /dev/null @@ -1,8 +0,0 @@ -@use 'sass:map'; -@use './../../variables/color'; - -// DO NOT ADD TO THIS FILE! ALL THESE VARIABLES WILL BE REMOVED. -// This file contains legacy variables that in the near future should no longer -// be used but are currently necessary - -$grid-gutter-width-rg: 16px; diff --git a/packages/styles/src/utilities/temp/_legacy.scss b/packages/styles/src/utilities/temp/_legacy.scss index 3d3743bc57..e6b757081f 100644 --- a/packages/styles/src/utilities/temp/_legacy.scss +++ b/packages/styles/src/utilities/temp/_legacy.scss @@ -33,7 +33,7 @@ } .h-visuallyhidden-down-rg { - @include media-breakpoint-down(rg) { + @include media-breakpoint-down(sm) { @include utilities.visuallyhidden; } } diff --git a/packages/styles/src/variables/_breakpoints.scss b/packages/styles/src/variables/_breakpoints.scss index 5ac82c37dd..b78ff9ea19 100644 --- a/packages/styles/src/variables/_breakpoints.scss +++ b/packages/styles/src/variables/_breakpoints.scss @@ -1,11 +1,7 @@ -/* Deprecated: "rg" breakpoint */ - $grid-breakpoints: ( xs: 0, - sm: 400px, - rg: 600px, + sm: 600px, md: 780px, lg: 1024px, xl: 1280px, - xxl: 1440px, ) !default; diff --git a/packages/styles/src/variables/_grid.scss b/packages/styles/src/variables/_grid.scss index 3be0a4b33a..76da426d23 100644 --- a/packages/styles/src/variables/_grid.scss +++ b/packages/styles/src/variables/_grid.scss @@ -1,35 +1,28 @@ @use 'sass:map'; +@use './breakpoints'; -/* Deprecated: "rg" breakpoint */ // list of breakpoint giving the possibility to loop over them -$grid-breakpoints-list: xs sm rg md lg xl xxl; +$grid-breakpoints-list: map.keys(breakpoints.$grid-breakpoints); // Grid containers $container-max-widths: ( xl: 1280px, - xxl: 1440px, ) !default; -/* Deprecated: "rg" breakpoint */ $grid-container-padding: ( xs: 12px, sm: 16px, - rg: 16px, md: 32px, lg: 32px, xl: 40px, - xxl: 120px, ) !default; -/* Deprecated: "rg" breakpoint */ $grid-container-fluid-padding: ( xs: map.get($grid-container-padding, xs), sm: map.get($grid-container-padding, sm), - rg: map.get($grid-container-padding, rg), md: map.get($grid-container-padding, md), lg: map.get($grid-container-padding, lg), xl: map.get($grid-container-padding, lg), - xxl: map.get($grid-container-padding, lg), ) !default; // Grid columns @@ -38,13 +31,10 @@ $grid-columns: 12 !default; /* Deprecated: $grid-gutter-width */ $grid-gutter-width: 30px !default; -/* Deprecated: "rg" breakpoint */ $grid-gutter-x: ( xs: 12px, sm: 16px, - rg: 16px, md: 16px, lg: 16px, xl: 16px, - xxl: 16px, ) !default; diff --git a/packages/styles/src/variables/_spacing.scss b/packages/styles/src/variables/_spacing.scss index 33af913478..7c7ee7b242 100644 --- a/packages/styles/src/variables/_spacing.scss +++ b/packages/styles/src/variables/_spacing.scss @@ -76,7 +76,6 @@ $size-curve-giant: ( 'md': $size-giant, 'lg': $size-giant, 'xl': $size-giant, - 'xxl': $size-giant, ) !default; // Abstand standard @@ -87,7 +86,6 @@ $size-curve-huge: ( 'md': $size-bigger-big, 'lg': $size-bigger-big, 'xl': $size-huge, - 'xxl': $size-huge, ) !default; // Abstand Section halb @@ -98,7 +96,6 @@ $size-curve-bigger-big: ( 'md': $size-small-huge, 'lg': $size-small-huge, 'xl': $size-small-huge, - 'xxl': $size-small-huge, ) !default; // Abstand Breadcrumb, Stepper @@ -109,7 +106,6 @@ $size-curve-big: ( 'md': $size-big, 'lg': $size-big, 'xl': $size-bigger-big, - 'xxl': $size-bigger-big, ) !default; // H2 @@ -120,7 +116,6 @@ $size-curve-large: ( 'md': $size-small-large, 'lg': $size-small-large, 'xl': $size-big, - 'xxl': $size-big, ) !default; // Button @@ -131,7 +126,6 @@ $size-curve-regular: ( 'md': $size-large, 'lg': $size-large, 'xl': $size-large, - 'xxl': $size-large, ) !default; // Teaser @@ -142,7 +136,6 @@ $size-curve-small: ( 'md': $size-regular, 'lg': $size-regular, 'xl': $size-regular, - 'xxl': $size-regular, ) !default; // Eingabefelder, p, h3, h4 @@ -153,7 +146,6 @@ $size-curve-tiny: ( 'md': $size-regular, 'lg': $size-regular, 'xl': $size-regular, - 'xxl': $size-regular, ) !default; // List of all adaptive size curves diff --git a/packages/styles/src/variables/_type.scss b/packages/styles/src/variables/_type.scss index daf7cba059..75272390f1 100644 --- a/packages/styles/src/variables/_type.scss +++ b/packages/styles/src/variables/_type.scss @@ -94,7 +94,6 @@ $font-curve-tiny: ( 'md': $font-size-small, 'lg': $font-size-regular, 'xl': $font-size-regular, - 'xxl': $font-size-bigger-regular, ); $font-curve-small: ( 'xs': $font-size-small, @@ -103,7 +102,6 @@ $font-curve-small: ( 'md': $font-size-regular, 'lg': $font-size-bigger-regular, 'xl': $font-size-bigger-regular, - 'xxl': $font-size-bigger-regular, ); $font-curve-regular: ( 'xs': $font-size-bigger-regular, @@ -112,7 +110,6 @@ $font-curve-regular: ( 'md': $font-size-bigger-regular, 'lg': $font-size-medium, 'xl': $font-size-medium, - 'xxl': $font-size-medium, ); $font-curve-bigger-regular: ( 'xs': $font-size-bigger-regular, @@ -121,7 +118,6 @@ $font-curve-bigger-regular: ( 'md': $font-size-medium, 'lg': $font-size-large, 'xl': $font-size-large, - 'xxl': $font-size-large, ); $font-curve-medium: ( 'xs': $font-size-medium, @@ -130,7 +126,6 @@ $font-curve-medium: ( 'md': $font-size-medium, 'lg': $font-size-large, 'xl': $font-size-large, - 'xxl': $font-size-small-big, ); $font-curve-large: ( 'xs': $font-size-large, @@ -139,7 +134,6 @@ $font-curve-large: ( 'md': $font-size-small-big, 'lg': $font-size-big, 'xl': $font-size-big, - 'xxl': $font-size-bigger-big, ); $font-curve-big: ( 'xs': $font-size-small-big, @@ -148,7 +142,6 @@ $font-curve-big: ( 'md': $font-size-big, 'lg': $font-size-bigger-big, 'xl': $font-size-bigger-big, - 'xxl': $font-size-small-huge, ); // Deprecated @@ -189,7 +182,6 @@ $blockquote-font-weight: $font-weight-bold !default; $blockquote-border-left: commons.$border-thick solid color.$black !default; $blockquote-border-left-width-md: spacing.$size-micro !default; $blockquote-padding-left: spacing.$size-small-regular !default; -$blockquote-padding-left-xxl: spacing.$size-big !default; $blockquote-margin-top: spacing.$size-large !default; $blockquote-margin-y: spacing.$size-regular !default; $blockquote-footer-font-size: math.div(1em * sizing.strip-unit($small-font-size), 100) !default; diff --git a/packages/styles/src/variables/components/_topic-teaser.scss b/packages/styles/src/variables/components/_topic-teaser.scss index 7539e765fc..e398451082 100644 --- a/packages/styles/src/variables/components/_topic-teaser.scss +++ b/packages/styles/src/variables/components/_topic-teaser.scss @@ -1,7 +1,7 @@ @use 'sass:list'; -$grid-breakpoints-lower: (xs, sm, rg, md); -$grid-breakpoints-upper: (lg, xl, xxl); +$grid-breakpoints-lower: (xs, sm, md); +$grid-breakpoints-upper: (lg, xl); $content-cols: ( xs: 12, @@ -10,13 +10,13 @@ $content-cols: ( ); $content-gap: ( - rg: 32px, + sm: 32px, xl: 40px, ); $image-cols: ( xs: 10, - rg: 8, + sm: 8, lg: 4, xl: 5, ); @@ -24,9 +24,7 @@ $image-cols: ( $image-aspectratio: ( xs: list.slash(1, 0.7), sm: list.slash(1, 0.7), - rg: list.slash(1, 0.7), md: list.slash(1, 0.7), lg: list.slash(0.66, 1), xl: list.slash(0.9, 1), - xxl: list.slash(0.9, 1), ); diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md index fbc6aba9bc..5871e2ce0f 100644 --- a/packages/tokens/CHANGELOG.md +++ b/packages/tokens/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-tokens +## 9.0.0-next.5 + ## 9.0.0-next.4 ## 9.0.0-next.3 diff --git a/packages/tokens/package.json b/packages/tokens/package.json index 2bc80f0ddb..23fcde16ae 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.4", + "version": "9.0.0-next.5", "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 8d188cc812..105e2e4650 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -47,7 +47,7 @@ importers: specifier: 0.3.7 version: 0.3.7 '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../styles/dist ally.js: specifier: 1.4.1 @@ -153,10 +153,10 @@ importers: specifier: 18.2.10 version: 18.2.10(@angular/common@18.2.10(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.2.10(@angular/animations@18.2.10(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.2.10(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1) '@swisspost/design-system-components': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../components '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../styles/dist rxjs: specifier: 7.8.1 @@ -235,7 +235,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.4 + specifier: workspace:9.0.0-next.5 version: link:../../../components tslib: specifier: 2.6.3 @@ -245,7 +245,7 @@ importers: packages/components-react: dependencies: '@swisspost/design-system-components': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../components devDependencies: '@types/node': @@ -297,19 +297,19 @@ importers: packages/documentation: dependencies: '@swisspost/design-system-components': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../components '@swisspost/design-system-components-react': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../components-react '@swisspost/design-system-icons': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../icons '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../styles/dist '@swisspost/internet-header': - specifier: workspace:2.0.0-next.4 + specifier: workspace:2.0.0-next.5 version: link:../internet-header bootstrap: specifier: 5.3.3 @@ -367,10 +367,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@1.78.0)(terser@5.31.6)) '@swisspost/design-system-components-angular': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../components-angular/dist/components '@swisspost/design-system-intranet-header': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../intranet-header-workspace/dist/intranet-header '@types/css-modules': specifier: 1.0.5 @@ -505,7 +505,7 @@ importers: packages/internet-header: dependencies: '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../styles/dist body-scroll-lock: specifier: 4.0.0-beta.0 @@ -656,7 +656,7 @@ importers: specifier: 2.11.8 version: 2.11.8 '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../styles/dist rxjs: specifier: 7.8.1 @@ -750,21 +750,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.4 + specifier: workspace:9.0.0-next.5 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.4 + specifier: workspace:3.0.22-next.5 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.4 + specifier: workspace:9.0.0-next.5 version: link:../../dist/intranet-header packages/migrations: @@ -810,13 +810,13 @@ importers: packages/nextjs-integration: dependencies: '@swisspost/design-system-components-react': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../components-react '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../styles/dist '@swisspost/internet-header': - specifier: workspace:2.0.0-next.4 + specifier: workspace:2.0.0-next.5 version: link:../internet-header next: specifier: 15.0.1 @@ -878,10 +878,10 @@ importers: version: 3.0.0 devDependencies: '@swisspost/design-system-icons': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../icons '@swisspost/design-system-tokens': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../tokens/dist '@types/node': specifier: 20.14.14 @@ -972,7 +972,7 @@ importers: specifier: 18.2.10 version: 18.2.10(@angular/common@18.2.10(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.2.10(@angular/animations@18.2.10(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.2.10(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.2.10(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1) '@swisspost/design-system-styles': - specifier: workspace:9.0.0-next.4 + specifier: workspace:9.0.0-next.5 version: link:../styles/dist primeng: specifier: 17.18.7 @@ -1048,7 +1048,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.4 + specifier: workspace:9.0.0-next.5 version: link:../../../styles/dist primeng: specifier: ^17.18.0