diff --git a/.changeset/honest-numbers-end.md b/.changeset/honest-numbers-end.md new file mode 100644 index 0000000000..1cc2c96e62 --- /dev/null +++ b/.changeset/honest-numbers-end.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Fixed ´switch´ alignment for long labels. diff --git a/.github/actions/artifact-download/action.yaml b/.github/actions/artifact-download/action.yaml index d591cbfd70..1ca51f53b3 100644 --- a/.github/actions/artifact-download/action.yaml +++ b/.github/actions/artifact-download/action.yaml @@ -32,7 +32,7 @@ runs: using: composite steps: - name: Download artifact - uses: dawidd6/action-download-artifact@v6 + uses: dawidd6/action-download-artifact@v7 with: name: ${{ inputs.name }} run_id: ${{ github.event.workflow_run.id }} diff --git a/package.json b/package.json index 08452bd620..577fa3ee41 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "url": "https://github.com/swisspost/design-system/issues" }, "scripts": { - "bootstrap": "pnpm install && pnpm -r build", + "bootstrap": "pnpm install && pnpm -r --filter \"!*-integration\" build", "start": "pnpm docs:start", "start:clean": "pnpm bootstrap && pnpm start", "test": "pnpm -r test", diff --git a/packages/intranet-header-workspace/package.json b/packages/intranet-header-workspace/package.json index 5813c878fe..47bce35f30 100644 --- a/packages/intranet-header-workspace/package.json +++ b/packages/intranet-header-workspace/package.json @@ -49,7 +49,7 @@ "karma-jasmine": "5.1.0", "karma-jasmine-html-reporter": "2.1.0", "ng-packagr": "18.1.0", - "npm-run-all2": "5.0.0", + "npm-run-all2": "7.0.1", "rimraf": "6.0.1", "typescript": "5.5.4", "wait-on": "8.0.1" diff --git a/packages/styles/gulpfile.js b/packages/styles/gulpfile.js index ec9c2ff0be..2d21beac07 100644 --- a/packages/styles/gulpfile.js +++ b/packages/styles/gulpfile.js @@ -118,8 +118,8 @@ gulp.task('sass', () => { .src('./src/**/*.scss') .pipe( gulpSass({ - outputStyle: 'compressed', - includePaths: options.includePaths, + style: 'compressed', + loadPaths: options.loadPaths, quietDeps: true, }), ) @@ -136,7 +136,7 @@ gulp.task('sass:dev', () => { .pipe(sourcemaps.init()) .pipe( gulpSass({ - includePaths: options.includePaths, + loadPaths: options.loadPaths, quietDeps: true, }), ) @@ -153,7 +153,7 @@ gulp.task( gulp.series('temporarily-copy-token-files', () => { return gulp.src('./tests/**/*.scss').pipe( gulpSass.sync({ - includePaths: options.includePaths, + loadPaths: [...options.loadPaths, './'], quietDeps: true, }), ); diff --git a/packages/styles/package.json b/packages/styles/package.json index d445f7af8c..ce256f3922 100644 --- a/packages/styles/package.json +++ b/packages/styles/package.json @@ -58,7 +58,7 @@ "gulp": "5.0.0", "gulp-newer": "^1.4.0", "gulp-postcss": "10.0.0", - "gulp-sass": "5.1.0", + "gulp-sass": "6.0.0", "jest": "29.7.0", "postcss": "8.4.40", "postcss-scss": "4.0.9", @@ -73,7 +73,7 @@ "vite": "5.4.8" }, "sass": { - "includePaths": [ + "loadPaths": [ "node_modules" ], "outputDir": "./dist" diff --git a/packages/styles/src/components/_form-check.scss b/packages/styles/src/components/_form-check.scss index 908bba35d6..e243d9f331 100644 --- a/packages/styles/src/components/_form-check.scss +++ b/packages/styles/src/components/_form-check.scss @@ -94,7 +94,7 @@ } &:hover ~ label { - color: tokens.get('switch-element-hover-bg', components.$post-switch); + color: tokens.get('switch-text-enabled-fg', components.$post-switch); @include utility-mx.high-contrast-mode() { color: Highlight; @@ -103,8 +103,7 @@ } &[disabled] ~ label { - color: tokens.get('switch-element-disabled-bg', components.$post-switch); - + color: tokens.get('switch-text-disabled-fg', components.$post-switch); @include utility-mx.high-contrast-mode() { color: GrayText; } diff --git a/packages/styles/src/components/switch.scss b/packages/styles/src/components/switch.scss index 0508dedfae..566afada11 100644 --- a/packages/styles/src/components/switch.scss +++ b/packages/styles/src/components/switch.scss @@ -17,12 +17,6 @@ $switch-handle-icon: url("data:image/svg+xml,=12'} gulp-sourcemaps@3.0.0: @@ -6627,9 +6624,6 @@ packages: resolution: {integrity: sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==} engines: {node: '>=0.10.0'} - hosted-git-info@2.8.9: - resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==} - hosted-git-info@7.0.1: resolution: {integrity: sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==} engines: {node: ^16.14.0 || >=18.0.0} @@ -8291,9 +8285,6 @@ packages: engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} hasBin: true - normalize-package-data@2.5.0: - resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==} - normalize-package-data@6.0.0: resolution: {integrity: sha512-UL7ELRVxYBHBgYEtZCXjxuD5vPxnmvMGq0jp/dGPKKrN7tfsBh2IY7TlJ15WWwdjRWD3RJbnsygUurTK3xkPkg==} engines: {node: ^16.14.0 || >=18.0.0} @@ -8350,16 +8341,16 @@ packages: resolution: {integrity: sha512-5+bKQRH0J1xG1uZ1zMNvxW0VEyoNWgJpY9UDuluPFLKDfJ9u2JmmjmTJV1srBGQOROfdBMiVvnH2Zvpbm+xkVA==} engines: {node: ^16.14.0 || >=18.0.0} - npm-run-all2@5.0.0: - resolution: {integrity: sha512-twczQhEpj55UROtg0Xz0nzn83TanS5Re12g5g1hcdnyAhlWOt9VNHdSHf2Z6MO3/wOVqy9tEdi0ruJt5NnMgmw==} - engines: {node: '>= 10'} - hasBin: true - npm-run-all2@7.0.0: resolution: {integrity: sha512-hXQT0BFU0G37H516ZJgISho4FslbdqMj7U8A7xoj81mhYSyxnwfF6dsraWAA1xL7ak/8yUVvAN4Lx4PpTc5Ohg==} engines: {node: ^20.5.0 || >=22.0.0, npm: '>= 9'} hasBin: true + npm-run-all2@7.0.1: + resolution: {integrity: sha512-Adbv+bJQ8UTAM03rRODqrO5cx0YU5KCG2CvHtSURiadvdTjjgGJXdbc1oQ9CXBh9dnGfHSoSB1Web/0Dzp6kOQ==} + engines: {node: ^18.17.0 || >=20.5.0, npm: '>= 9'} + hasBin: true + npm-run-path@4.0.1: resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==} engines: {node: '>=8'} @@ -8703,11 +8694,6 @@ packages: resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==} engines: {node: '>=12'} - pidtree@0.5.0: - resolution: {integrity: sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==} - engines: {node: '>=0.10'} - hasBin: true - pidtree@0.6.0: resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==} engines: {node: '>=0.10'} @@ -9322,10 +9308,6 @@ packages: resolution: {integrity: sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==} engines: {node: ^18.17.0 || >=20.5.0} - read-pkg@5.2.0: - resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==} - engines: {node: '>=8'} - read-yaml-file@1.1.0: resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==} engines: {node: '>=6'} @@ -10463,10 +10445,6 @@ packages: resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==} engines: {node: '>=10'} - type-fest@0.6.0: - resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==} - engines: {node: '>=8'} - type-fest@1.4.0: resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==} engines: {node: '>=10'} @@ -14807,8 +14785,6 @@ snapshots: dependencies: undici-types: 6.19.8 - '@types/normalize-package-data@2.4.4': {} - '@types/prop-types@15.7.12': {} '@types/qs@6.9.7': {} @@ -18075,7 +18051,7 @@ snapshots: - jiti - tsx - gulp-sass@5.1.0: + gulp-sass@6.0.0: dependencies: lodash.clonedeep: 4.5.0 picocolors: 1.1.0 @@ -18173,8 +18149,6 @@ snapshots: dependencies: parse-passwd: 1.0.0 - hosted-git-info@2.8.9: {} - hosted-git-info@7.0.1: dependencies: lru-cache: 10.4.3 @@ -20424,13 +20398,6 @@ snapshots: dependencies: abbrev: 2.0.0 - normalize-package-data@2.5.0: - dependencies: - hosted-git-info: 2.8.9 - resolve: 1.22.8 - semver: 5.7.2 - validate-npm-package-license: 3.0.4 - normalize-package-data@6.0.0: dependencies: hosted-git-info: 7.0.1 @@ -20495,22 +20462,23 @@ snapshots: transitivePeerDependencies: - supports-color - npm-run-all2@5.0.0: + npm-run-all2@7.0.0: dependencies: - ansi-styles: 4.3.0 + ansi-styles: 6.2.1 cross-spawn: 7.0.3 memorystream: 0.3.1 - minimatch: 3.1.2 - pidtree: 0.5.0 - read-pkg: 5.2.0 + minimatch: 10.0.1 + pidtree: 0.6.0 + read-package-json-fast: 4.0.0 shell-quote: 1.8.1 + which: 5.0.0 - npm-run-all2@7.0.0: + npm-run-all2@7.0.1: dependencies: ansi-styles: 6.2.1 cross-spawn: 7.0.3 memorystream: 0.3.1 - minimatch: 10.0.1 + minimatch: 9.0.5 pidtree: 0.6.0 read-package-json-fast: 4.0.0 shell-quote: 1.8.1 @@ -20907,8 +20875,6 @@ snapshots: picomatch@4.0.2: {} - pidtree@0.5.0: {} - pidtree@0.6.0: {} pify@2.3.0: {} @@ -21484,13 +21450,6 @@ snapshots: json-parse-even-better-errors: 4.0.0 npm-normalize-package-bin: 4.0.0 - read-pkg@5.2.0: - dependencies: - '@types/normalize-package-data': 2.4.4 - normalize-package-data: 2.5.0 - parse-json: 5.2.0 - type-fest: 0.6.0 - read-yaml-file@1.1.0: dependencies: graceful-fs: 4.2.11 @@ -23052,8 +23011,6 @@ snapshots: type-fest@0.21.3: {} - type-fest@0.6.0: {} - type-fest@1.4.0: {} type-fest@2.19.0: {}