Merge branch 'main' into 2048-header-re-animate-and-document-main-slot

.changeset/2023-12-17-update-icons.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-icons': patch
+---
+
+Added icons number 2568, 2569 and 2570.
+

.github/workflows/fetch-icons.yaml

@@ -69,7 +69,7 @@ jobs:
 
       - name: Get Changes
         id: changed-files
-        uses: tj-actions/changed-files@v40
+        uses: tj-actions/changed-files@v41
         with:
           files: ./packages/icons/public/post-icons/**
 

packages/components-react/package.json

@@ -23,14 +23,14 @@
   },
   "devDependencies": {
     "@types/node": "18.19.3",
-    "@types/react": "18.2.43",
-    "@types/react-dom": "18.2.17",
+    "@types/react": "18.2.45",
+    "@types/react-dom": "18.2.18",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
-    "eslint": "8.55.0",
+    "eslint": "8.56.0",
     "eslint-config-standard-with-typescript": "42.0.0",
-    "eslint-plugin-import": "2.29.0",
-    "eslint-plugin-n": "16.4.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-n": "16.5.0",
     "eslint-plugin-promise": "6.1.1",
     "eslint-plugin-react": "7.33.2",
     "react": "18.2.0",

packages/components/package.json

@@ -47,16 +47,16 @@
     "@percy/cli": "1.27.4",
     "@percy/cypress": "3.1.2",
     "@stencil-community/eslint-plugin": "0.7.1",
-    "@stencil/core": "4.8.2",
+    "@stencil/core": "4.9.0",
     "@stencil/react-output-target": "0.5.3",
-    "@stencil/sass": "3.0.7",
+    "@stencil/sass": "3.0.8",
     "@types/jest": "29.5.11",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
     "bootstrap": "5.3.2",
     "cypress": "13.6.1",
     "cypress-storybook": "0.5.1",
-    "eslint": "8.55.0",
+    "eslint": "8.56.0",
     "eslint-plugin-react": "7.33.2",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",

packages/components/src/components/post-icon/post-icon.scss

@@ -12,10 +12,11 @@ $post-icon-animations: (
 :host {
   display: inline-block;
   width: 1em;
+  height: 1em;
   vertical-align: -0.15em;
 }
 
-svg {
+span {
   display: block;
   width: 100%;
   height: 100%;

packages/components/src/components/post-icon/post-icon.tsx

@@ -142,16 +142,15 @@ export class PostIcon {
     const svgStyles = Object.entries({
       '-webkit-mask-image': `url('${this.path}')`,
       'mask-image': `url('${this.path}')`,
-      'scale': this.scale && !isNaN(Number(this.scale)) ? `${this.scale}` : null,
-      'rotate': this.rotate && !isNaN(Number(this.rotate)) ? `${this.rotate}deg` : null,
+      'transform':
+        (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
+        (this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
     })
       .filter(([_key, value]) => value !== null)
       .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
-
     return (
       <Host data-version={version}>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" style={svgStyles}>
-        </svg>
+        <span style={svgStyles}></span>
       </Host>
     );
   }

packages/components/src/index.ts

@@ -1,9 +1,12 @@
 export { Components, JSX } from './components';
 
 // Export every single component so it gets included in the dist output
+export { PostAccordion } from './components/post-accordion/post-accordion';
 export { PostAlert } from './components/post-alert/post-alert';
 export { PostCollapsible } from './components/post-collapsible/post-collapsible';
 export { PostIcon } from './components/post-icon/post-icon';
+export { PostPopover } from './components/post-popover/post-popover';
+export { PostPopovercontainer } from './components/post-popovercontainer/post-popovercontainer';
 export { PostTabs } from './components/post-tabs/post-tabs';
 export { PostTabHeader } from './components/post-tab-header/post-tab-header';
 export { PostTabPanel } from './components/post-tab-panel/post-tab-panel';

packages/demo/package.json

@@ -38,22 +38,22 @@
     "zone.js": "0.14.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "16.2.10",
+    "@angular-devkit/build-angular": "16.2.11",
     "@angular-eslint/builder": "16.3.1",
     "@angular-eslint/eslint-plugin": "16.3.1",
     "@angular-eslint/eslint-plugin-template": "16.3.1",
     "@angular-eslint/schematics": "16.3.1",
     "@angular-eslint/template-parser": "16.3.1",
-    "@angular/cli": "16.2.10",
+    "@angular/cli": "16.2.11",
     "@angular/compiler-cli": "16.2.12",
     "@angular/elements": "16.2.12",
     "@angular/language-service": "16.2.12",
     "@types/jasmine": "5.1.4",
     "@types/jasminewd2": "2.0.13",
     "@types/node": "18.17.19",
-    "@typescript-eslint/eslint-plugin": "6.13.2",
-    "@typescript-eslint/parser": "6.13.2",
-    "eslint": "8.55.0",
+    "@typescript-eslint/eslint-plugin": "6.15.0",
+    "@typescript-eslint/parser": "6.15.0",
+    "eslint": "8.56.0",
     "jasmine-core": "5.1.1",
     "jasmine-marbles": "0.9.2",
     "jasmine-spec-reporter": "7.0.0",

packages/documentation/package.json

@@ -39,21 +39,21 @@
     "@percy/cypress": "3.1.2",
     "@pxtrn/storybook-addon-docs-stencil": "6.4.1",
     "@storybook/addon-designs": "7.0.7",
-    "@storybook/addon-essentials": "7.6.4",
-    "@storybook/addon-links": "7.6.4",
-    "@storybook/addons": "7.6.4",
-    "@storybook/blocks": "7.6.4",
-    "@storybook/components": "7.6.4",
-    "@storybook/core-events": "7.6.4",
-    "@storybook/manager-api": "7.6.4",
-    "@storybook/preview-api": "7.6.4",
+    "@storybook/addon-essentials": "7.6.6",
+    "@storybook/addon-links": "7.6.6",
+    "@storybook/addons": "7.6.6",
+    "@storybook/blocks": "7.6.6",
+    "@storybook/components": "7.6.6",
+    "@storybook/core-events": "7.6.6",
+    "@storybook/manager-api": "7.6.6",
+    "@storybook/preview-api": "7.6.6",
     "@storybook/testing-library": "0.2.2",
-    "@storybook/theming": "7.6.4",
-    "@storybook/web-components": "7.6.4",
-    "@storybook/web-components-vite": "7.6.4",
+    "@storybook/theming": "7.6.6",
+    "@storybook/web-components": "7.6.6",
+    "@storybook/web-components-vite": "7.6.6",
     "@types/css-modules": "1.0.5",
     "@types/mdx": "2.0.10",
-    "@types/react": "18.2.43",
+    "@types/react": "18.2.45",
     "@types/react-syntax-highlighter": "15.5.11",
     "cypress": "13.6.1",
     "lit": "3.1.0",
@@ -64,7 +64,7 @@
     "react-syntax-highlighter": "15.5.0",
     "rimraf": "5.0.5",
     "sass": "1.69.5",
-    "storybook": "7.6.4",
+    "storybook": "7.6.6",
     "typescript": "5.1.6"
   }
 }