chore(deps): update stencil

packages/components-react/package.json

@@ -32,6 +32,7 @@
     "@swisspost/design-system-components": "workspace:9.0.0-next.3"
   },
   "devDependencies": {
+    "@stencil/react-output-target": "0.7.3",
     "@types/node": "20.14.14",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",

packages/components-react/src/index.ts

@@ -1,2 +1,2 @@
 'use client';
-export * from './components';
+export * from './stencil-generated/components';

packages/components-react/tsconfig.json

@@ -7,8 +7,8 @@
     "experimentalDecorators": true,
     "esModuleInterop": true,
     "lib": ["dom", "es2015"],
-    "module": "es2015",
-    "moduleResolution": "node",
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "noImplicitAny": true,
     "noImplicitReturns": true,
     "noUnusedLocals": true,
@@ -19,13 +19,8 @@
     "jsx": "react",
     "target": "es2015"
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx"
-  ],
-  "exclude": [
-    "**/__tests__/**"
-  ],
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["**/__tests__/**"],
   "compileOnSave": false,
   "buildOnSave": false
 }

packages/components/package.json

@@ -48,9 +48,9 @@
     "@percy/cli": "1.29.1",
     "@percy/cypress": "3.1.2",
     "@stencil-community/eslint-plugin": "0.8.0",
-    "@stencil/angular-output-target": "0.8.4",
-    "@stencil/core": "4.19.2",
-    "@stencil/react-output-target": "0.5.3",
+    "@stencil/angular-output-target": "0.9.1",
+    "@stencil/core": "4.22.1",
+    "@stencil/react-output-target": "0.7.3",
     "@stencil/sass": "3.0.12",
     "@types/jest": "29.5.12",
     "@types/node": "20.14.14",

packages/components/src/components.d.ts

@@ -556,7 +556,7 @@ declare global {
         new (): HTMLPostTabPanelElement;
     };
     interface HTMLPostTabsElementEventMap {
-        "postChange": HTMLPostTabPanelElement['name'];
+        "postChange": string;
     }
     interface HTMLPostTabsElement extends Components.PostTabs, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPostTabsElementEventMap>(type: K, listener: (this: HTMLPostTabsElement, ev: PostTabsCustomEvent<HTMLPostTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -871,7 +871,7 @@ declare namespace LocalJSX {
         /**
           * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished. The payload is the name of the newly shown panel.
          */
-        "onPostChange"?: (event: PostTabsCustomEvent<HTMLPostTabPanelElement['name']>) => void;
+        "onPostChange"?: (event: PostTabsCustomEvent<string>) => void;
     }
     interface PostTag {
         /**

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

@@ -39,7 +39,7 @@ export class PostTabs {
    * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
    * The payload is the name of the newly shown panel.
    */
-  @Event() postChange: EventEmitter<HTMLPostTabPanelElement['name']>;
+  @Event() postChange: EventEmitter<string>;
 
   componentDidLoad() {
     this.moveMisplacedTabs();

packages/components/stencil.config.ts

@@ -22,6 +22,7 @@ export const config: Config = {
     },
     {
       type: 'dist-custom-elements',
+      externalRuntime: false,
     },
     {
       type: 'dist-custom-elements',
@@ -46,9 +47,8 @@ export const config: Config = {
       file: 'dist/docs.json',
     },
     reactOutputTarget({
-      componentCorePackage: '@swisspost/design-system-components',
-      proxiesFile: '../components-react/src/components/stencil-generated/index.ts',
-      includeDefineCustomElements: true,
+      stencilPackageName: '@swisspost/design-system-components',
+      outDir: '../components-react/src/stencil-generated',
     }),
     angularOutputTarget({
       componentCorePackage: '@swisspost/design-system-components',

packages/internet-header/package.json

@@ -55,7 +55,7 @@
     "@percy/cli": "1.29.1",
     "@percy/cypress": "3.1.2",
     "@stencil-community/eslint-plugin": "0.8.0",
-    "@stencil/core": "4.19.2",
+    "@stencil/core": "4.22.1",
     "@stencil/sass": "3.0.12",
     "@stencil/store": "2.0.16",
     "@types/body-scroll-lock": "3.1.2",