@siemens/ix 1.5.0-beta.0 → 1.5.0-beta.2

package/dist/types/components/tooltip/tooltip.d.ts

@@ -17,6 +17,13 @@ export declare class Tooltip {
    * Define if the user can access the tooltip via mouse.
    */
   interactive: boolean;
+  /**
+   * Initial placement of the tooltip. If the placement don"t have enough space,
+   * the tooltip will placed on another location.
+   *
+   * @since 1.5.0
+   */
+  placement: 'top' | 'right' | 'bottom' | 'left';
   visible: boolean;
   hostElement: HTMLIxTooltipElement;
   private observer;
@@ -29,6 +36,7 @@ export declare class Tooltip {
   private destroyAutoUpdate;
   private showTooltip;
   private hideTooltip;
+  private computeArrowPosition;
   private computeTooltipPosition;
   private queryAnchorElements;
   private registerTriggerListener;

package/dist/types/components/tree/tree.d.ts

@@ -22,6 +22,19 @@ export declare class Tree {
    * Context changed
    */
   contextChange: EventEmitter<TreeContext>;
+  /**
+   * Node toggled event
+   * @since 1.5.0
+   */
+  nodeToggled: EventEmitter<{
+    id: string;
+    isExpaned: boolean;
+  }>;
+  /**
+   * Node clicked event
+   * @since 1.5.0
+   */
+  nodeClicked: EventEmitter<string>;
   /**
    * Emits removed nodes
    */

package/dist/types/components/utils/a11y.d.ts

@@ -0,0 +1 @@
+export declare const a11yBoolean: (value: boolean) => "true" | "false";

package/dist/types/components/workflow-step/workflow-step.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class WorkflowStep {
   hostElement: HTMLIxWorkflowStepElement;
   /**
@@ -22,14 +23,21 @@ export declare class WorkflowStep {
   selected: boolean;
   /**
    * Activate navigation click
+   *
+   * @deprecated Will be changed to '@internal' in 2.0.0
    */
-  position: 'first' | 'last' | 'undefined';
+  position: 'first' | 'last' | 'single' | 'undefined';
   iconName: 'circle' | 'circle-dot' | 'success' | 'warning' | 'error';
   iconColor: string;
+  /**
+   * @internal
+   */
+  selectedChanged: EventEmitter<HTMLIxWorkflowStepElement>;
   private customIconSlot;
   private select;
   selectedHandler(): void;
   watchPropHandler(): void;
   componentDidLoad(): void;
+  clickFunction(): void;
   render(): any;
 }

package/dist/types/components/workflow-steps/workflow-steps.d.ts

@@ -7,6 +7,7 @@ export declare class WorkflowSteps {
   vertical: boolean;
   /**
    * Select linear mode
+   * @deprecated Has no effect on component. Will get removed in 2.0.0
    */
   linear: boolean;
   /**
@@ -22,8 +23,11 @@ export declare class WorkflowSteps {
    */
   stepSelected: EventEmitter<number>;
   private getSteps;
-  private deselectAll;
+  get stepsContent(): Element;
+  updateSteps(): void;
+  private observer;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
   componentDidRender(): void;
-  componentWillRender(): void;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -17,6 +17,7 @@ import { DropdownTriggerEvent } from "./components/dropdown/dropdown";
 import { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button";
 import { FlipTileState } from "./components/flip-tile/flip-tile-state";
 import { IconButtonVariant } from "./components/icon-button/icon-button";
+import { IndexButtonVariant } from "./components/index-button/index-button";
 import { NotificationColor } from "./components/utils/notification-color";
 import { ModalConfig, ModalInstance } from "./components/modal/modal-utils";
 import { SplitButtonVariant } from "./components/split-button/split-button";
@@ -38,6 +39,7 @@ export { DropdownTriggerEvent } from "./components/dropdown/dropdown";
 export { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button";
 export { FlipTileState } from "./components/flip-tile/flip-tile-state";
 export { IconButtonVariant } from "./components/icon-button/icon-button";
+export { IndexButtonVariant } from "./components/index-button/index-button";
 export { NotificationColor } from "./components/utils/notification-color";
 export { ModalConfig, ModalInstance } from "./components/modal/modal-utils";
 export { SplitButtonVariant } from "./components/split-button/split-button";
@@ -90,6 +92,11 @@ export namespace Components {
           * Collapsed state
          */
         "collapsed": boolean;
+        /**
+          * Optional icon to be displayed next to the header label
+          * @since 1.5.0
+         */
+        "icon": string;
         /**
           * Label of blind
          */
@@ -292,10 +299,10 @@ export namespace Components {
          */
         "format": string;
         /**
-          * Picker date. If the picker is in range mode this property is the start date.  Format is based on `format`
+          * Picker date. If the picker is in range mode this property is the start date. If set to `null` no default start date will be pre-selected.  Format is based on `format`
           * @since 1.1.0
          */
-        "from": string;
+        "from": string | null;
         /**
           * Get the current DateTime
          */
@@ -635,12 +642,23 @@ export namespace Components {
     interface IxFlipTile {
         /**
           * Tmp property name
+          * @deprecated Will be removed in 2.0.0. Setting this property has no effect
          */
         "footer": string;
+        /**
+          * Height interpreted as REM
+          * @since 1.5.0
+         */
+        "height": number | 'auto';
         /**
           * Variation of the Flip
          */
         "state": FlipTileState;
+        /**
+          * Width interpreted as REM
+          * @since 1.5.0
+         */
+        "width": number | 'auto';
     }
     interface IxFlipTileContent {
     }
@@ -777,6 +795,16 @@ export namespace Components {
          */
         "variant": IconButtonVariant;
     }
+    interface IxIndexButton {
+        /**
+          * Selection state
+         */
+        "selected": boolean;
+        /**
+          * Button variant
+         */
+        "variant": IndexButtonVariant;
+    }
     interface IxInputGroup {
     }
     interface IxKpi {
@@ -1105,6 +1133,43 @@ export namespace Components {
     }
     interface IxModalExample {
     }
+    /**
+     * @since 1.5.0
+     */
+    interface IxPagination {
+        /**
+          * Advanced mode
+         */
+        "advanced": boolean;
+        /**
+          * Total number of pages
+         */
+        "count": number;
+        /**
+          * /**   i18n
+         */
+        "i18nItems": string;
+        /**
+          * i18n
+         */
+        "i18nOf": string;
+        /**
+          * i18n
+         */
+        "i18nPage": string;
+        /**
+          * Number of items shown at once. Can only be changed in advaced mode.
+         */
+        "itemCount": number;
+        /**
+          * Zero based index of currently selected page
+         */
+        "selectedPage": number;
+        /**
+          * Show item count in advanced mode
+         */
+        "showItemCount": boolean;
+    }
     interface IxPill {
         /**
           * Align pill content left
@@ -1151,6 +1216,17 @@ export namespace Components {
           * Select is extendable
          */
         "editable": boolean;
+        /**
+          * Hide list header
+          * @since 1.5.0
+          * @
+         */
+        "hideListHeader": boolean;
+        /**
+          * Hint inside of dropdown if no items where found with current filter text
+          * @since 1.5.0
+         */
+        "i18nNoMatches": string;
         /**
           * Input field placeholder
          */
@@ -1172,7 +1248,7 @@ export namespace Components {
          */
         "readonly": boolean;
         /**
-          * Indices of selected items
+          * Indices of selected items This corresponds to the value property of ix-select-items and therefor not neccessarily the indices of the items in the list.
          */
         "selectedIndices": string | string[];
     }
@@ -1395,7 +1471,7 @@ export namespace Components {
     interface IxToastContainer {
         "containerClass": string;
         "containerId": string;
-        "position": string;
+        "position": 'bottom-right' | 'top-right';
         /**
           * Display a toast message
           * @param config
@@ -1449,6 +1525,11 @@ export namespace Components {
           * Define if the user can access the tooltip via mouse.
          */
         "interactive": boolean;
+        /**
+          * Initial placement of the tooltip. If the placement don"t have enough space, the tooltip will placed on another location.
+          * @since 1.5.0
+         */
+        "placement": 'top' | 'right' | 'bottom' | 'left';
         /**
           * Title of the tooltip
          */
@@ -1570,8 +1651,9 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Activate navigation click
+          * @deprecated Will be changed to '@internal' in 2.0.0
          */
-        "position": 'first' | 'last' | 'undefined';
+        "position": 'first' | 'last' | 'single' | 'undefined';
         /**
           * Set selected
          */
@@ -1592,6 +1674,7 @@ export namespace Components {
         "clickable": boolean;
         /**
           * Select linear mode
+          * @deprecated Has no effect on component. Will get removed in 2.0.0
          */
         "linear": boolean;
         /**
@@ -1706,6 +1789,10 @@ export interface IxModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxModalElement;
 }
+export interface IxPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxPaginationElement;
+}
 export interface IxSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxSelectElement;
@@ -1746,6 +1833,10 @@ export interface IxUploadCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxUploadElement;
 }
+export interface IxWorkflowStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxWorkflowStepElement;
+}
 export interface IxWorkflowStepsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxWorkflowStepsElement;
@@ -1958,6 +2049,12 @@ declare global {
         prototype: HTMLIxIconButtonElement;
         new (): HTMLIxIconButtonElement;
     };
+    interface HTMLIxIndexButtonElement extends Components.IxIndexButton, HTMLStencilElement {
+    }
+    var HTMLIxIndexButtonElement: {
+        prototype: HTMLIxIndexButtonElement;
+        new (): HTMLIxIndexButtonElement;
+    };
     interface HTMLIxInputGroupElement extends Components.IxInputGroup, HTMLStencilElement {
     }
     var HTMLIxInputGroupElement: {
@@ -2060,6 +2157,15 @@ declare global {
         prototype: HTMLIxModalExampleElement;
         new (): HTMLIxModalExampleElement;
     };
+    /**
+     * @since 1.5.0
+     */
+    interface HTMLIxPaginationElement extends Components.IxPagination, HTMLStencilElement {
+    }
+    var HTMLIxPaginationElement: {
+        prototype: HTMLIxPaginationElement;
+        new (): HTMLIxPaginationElement;
+    };
     interface HTMLIxPillElement extends Components.IxPill, HTMLStencilElement {
     }
     var HTMLIxPillElement: {
@@ -2229,6 +2335,7 @@ declare global {
         "ix-group-item": HTMLIxGroupItemElement;
         "ix-icon": HTMLIxIconElement;
         "ix-icon-button": HTMLIxIconButtonElement;
+        "ix-index-button": HTMLIxIndexButtonElement;
         "ix-input-group": HTMLIxInputGroupElement;
         "ix-kpi": HTMLIxKpiElement;
         "ix-map-navigation": HTMLIxMapNavigationElement;
@@ -2246,6 +2353,7 @@ declare global {
         "ix-modal": HTMLIxModalElement;
         "ix-modal-container": HTMLIxModalContainerElement;
         "ix-modal-example": HTMLIxModalExampleElement;
+        "ix-pagination": HTMLIxPaginationElement;
         "ix-pill": HTMLIxPillElement;
         "ix-select": HTMLIxSelectElement;
         "ix-select-item": HTMLIxSelectItemElement;
@@ -2316,6 +2424,11 @@ declare namespace LocalJSX {
           * Collapsed state
          */
         "collapsed"?: boolean;
+        /**
+          * Optional icon to be displayed next to the header label
+          * @since 1.5.0
+         */
+        "icon"?: string;
         /**
           * Label of blind
          */
@@ -2479,8 +2592,14 @@ declare namespace LocalJSX {
         "icon"?: string | undefined;
         /**
           * Fire event if close button is clicked
+          * @deprecated Will be removed in 2.0.0. Use `closeChip`
          */
         "onClose"?: (event: IxChipCustomEvent<any>) => void;
+        /**
+          * Fire event if close button is clicked
+          * @since 1.5.0
+         */
+        "onCloseChip"?: (event: IxChipCustomEvent<any>) => void;
         /**
           * Show chip with outline style
          */
@@ -2541,10 +2660,10 @@ declare namespace LocalJSX {
          */
         "format"?: string;
         /**
-          * Picker date. If the picker is in range mode this property is the start date.  Format is based on `format`
+          * Picker date. If the picker is in range mode this property is the start date. If set to `null` no default start date will be pre-selected.  Format is based on `format`
           * @since 1.1.0
          */
-        "from"?: string;
+        "from"?: string | null;
         /**
           * @deprecated Will be removed in 2.0.0
          */
@@ -2560,7 +2679,7 @@ declare namespace LocalJSX {
          */
         "minDate"?: string;
         /**
-          * Date change event  If datepicker is in range mode the event detail will be sperated with a `-` e.g. `2022/10/22 - 2022/10/24` (start and end). If range mode is choosen consider to use `dateRangeChange`.
+          * Date change event  If datepicker is in range mode the event detail will be sperated with a `-` e.g. `2022/10/22 - 2022/10/24` (start and end). If range mode is chosen consider to use `dateRangeChange`.
           * @deprecated String output will be removed. Set ´doneEventDelimiter´ to undefined or null to get date change object instead of a string
          */
         "onDateChange"?: (event: IxDatePickerCustomEvent<LegacyDateChangeEvent>) => void;
@@ -2918,12 +3037,23 @@ declare namespace LocalJSX {
     interface IxFlipTile {
         /**
           * Tmp property name
+          * @deprecated Will be removed in 2.0.0. Setting this property has no effect
          */
         "footer"?: string;
+        /**
+          * Height interpreted as REM
+          * @since 1.5.0
+         */
+        "height"?: number | 'auto';
         /**
           * Variation of the Flip
          */
         "state"?: FlipTileState;
+        /**
+          * Width interpreted as REM
+          * @since 1.5.0
+         */
+        "width"?: number | 'auto';
     }
     interface IxFlipTileContent {
     }
@@ -3076,6 +3206,16 @@ declare namespace LocalJSX {
          */
         "variant"?: IconButtonVariant;
     }
+    interface IxIndexButton {
+        /**
+          * Selection state
+         */
+        "selected"?: boolean;
+        /**
+          * Button variant
+         */
+        "variant"?: IndexButtonVariant;
+    }
     interface IxInputGroup {
     }
     interface IxKpi {
@@ -3411,6 +3551,51 @@ declare namespace LocalJSX {
     }
     interface IxModalExample {
     }
+    /**
+     * @since 1.5.0
+     */
+    interface IxPagination {
+        /**
+          * Advanced mode
+         */
+        "advanced"?: boolean;
+        /**
+          * Total number of pages
+         */
+        "count"?: number;
+        /**
+          * /**   i18n
+         */
+        "i18nItems"?: string;
+        /**
+          * i18n
+         */
+        "i18nOf"?: string;
+        /**
+          * i18n
+         */
+        "i18nPage"?: string;
+        /**
+          * Number of items shown at once. Can only be changed in advaced mode.
+         */
+        "itemCount"?: number;
+        /**
+          * Item count change event
+         */
+        "onItemCountChanged"?: (event: IxPaginationCustomEvent<number>) => void;
+        /**
+          * Page selection event
+         */
+        "onPageSelected"?: (event: IxPaginationCustomEvent<number>) => void;
+        /**
+          * Zero based index of currently selected page
+         */
+        "selectedPage"?: number;
+        /**
+          * Show item count in advanced mode
+         */
+        "showItemCount"?: boolean;
+    }
     interface IxPill {
         /**
           * Align pill content left
@@ -3457,6 +3642,17 @@ declare namespace LocalJSX {
           * Select is extendable
          */
         "editable"?: boolean;
+        /**
+          * Hide list header
+          * @since 1.5.0
+          * @
+         */
+        "hideListHeader"?: boolean;
+        /**
+          * Hint inside of dropdown if no items where found with current filter text
+          * @since 1.5.0
+         */
+        "i18nNoMatches"?: string;
         /**
           * Input field placeholder
          */
@@ -3486,7 +3682,7 @@ declare namespace LocalJSX {
          */
         "readonly"?: boolean;
         /**
-          * Indices of selected items
+          * Indices of selected items This corresponds to the value property of ix-select-items and therefor not neccessarily the indices of the items in the list.
          */
         "selectedIndices"?: string | string[];
     }
@@ -3724,7 +3920,7 @@ declare namespace LocalJSX {
     interface IxToastContainer {
         "containerClass"?: string;
         "containerId"?: string;
-        "position"?: string;
+        "position"?: 'bottom-right' | 'top-right';
     }
     interface IxToggle {
         /**
@@ -3777,6 +3973,11 @@ declare namespace LocalJSX {
           * Define if the user can access the tooltip via mouse.
          */
         "interactive"?: boolean;
+        /**
+          * Initial placement of the tooltip. If the placement don"t have enough space, the tooltip will placed on another location.
+          * @since 1.5.0
+         */
+        "placement"?: 'top' | 'right' | 'bottom' | 'left';
         /**
           * Title of the tooltip
          */
@@ -3795,10 +3996,20 @@ declare namespace LocalJSX {
           * Context changed
          */
         "onContextChange"?: (event: IxTreeCustomEvent<TreeContext>) => void;
+        /**
+          * Node clicked event
+          * @since 1.5.0
+         */
+        "onNodeClicked"?: (event: IxTreeCustomEvent<string>) => void;
         /**
           * Emits removed nodes
          */
         "onNodeRemoved"?: (event: IxTreeCustomEvent<any>) => void;
+        /**
+          * Node toggled event
+          * @since 1.5.0
+         */
+        "onNodeToggled"?: (event: IxTreeCustomEvent<{ id: string; isExpaned: boolean }>) => void;
         /**
           * Render function of tree items
          */
@@ -3913,8 +4124,9 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * Activate navigation click
+          * @deprecated Will be changed to '@internal' in 2.0.0
          */
-        "position"?: 'first' | 'last' | 'undefined';
+        "position"?: 'first' | 'last' | 'single' | 'undefined';
         /**
           * Set selected
          */
@@ -3935,6 +4147,7 @@ declare namespace LocalJSX {
         "clickable"?: boolean;
         /**
           * Select linear mode
+          * @deprecated Has no effect on component. Will get removed in 2.0.0
          */
         "linear"?: boolean;
         /**
@@ -3986,6 +4199,7 @@ declare namespace LocalJSX {
         "ix-group-item": IxGroupItem;
         "ix-icon": IxIcon;
         "ix-icon-button": IxIconButton;
+        "ix-index-button": IxIndexButton;
         "ix-input-group": IxInputGroup;
         "ix-kpi": IxKpi;
         "ix-map-navigation": IxMapNavigation;
@@ -4003,6 +4217,7 @@ declare namespace LocalJSX {
         "ix-modal": IxModal;
         "ix-modal-container": IxModalContainer;
         "ix-modal-example": IxModalExample;
+        "ix-pagination": IxPagination;
         "ix-pill": IxPill;
         "ix-select": IxSelect;
         "ix-select-item": IxSelectItem;
@@ -4073,6 +4288,7 @@ declare module "@stencil/core" {
             "ix-group-item": LocalJSX.IxGroupItem & JSXBase.HTMLAttributes<HTMLIxGroupItemElement>;
             "ix-icon": LocalJSX.IxIcon & JSXBase.HTMLAttributes<HTMLIxIconElement>;
             "ix-icon-button": LocalJSX.IxIconButton & JSXBase.HTMLAttributes<HTMLIxIconButtonElement>;
+            "ix-index-button": LocalJSX.IxIndexButton & JSXBase.HTMLAttributes<HTMLIxIndexButtonElement>;
             "ix-input-group": LocalJSX.IxInputGroup & JSXBase.HTMLAttributes<HTMLIxInputGroupElement>;
             "ix-kpi": LocalJSX.IxKpi & JSXBase.HTMLAttributes<HTMLIxKpiElement>;
             "ix-map-navigation": LocalJSX.IxMapNavigation & JSXBase.HTMLAttributes<HTMLIxMapNavigationElement>;
@@ -4090,6 +4306,10 @@ declare module "@stencil/core" {
             "ix-modal": LocalJSX.IxModal & JSXBase.HTMLAttributes<HTMLIxModalElement>;
             "ix-modal-container": LocalJSX.IxModalContainer & JSXBase.HTMLAttributes<HTMLIxModalContainerElement>;
             "ix-modal-example": LocalJSX.IxModalExample & JSXBase.HTMLAttributes<HTMLIxModalExampleElement>;
+            /**
+             * @since 1.5.0
+             */
+            "ix-pagination": LocalJSX.IxPagination & JSXBase.HTMLAttributes<HTMLIxPaginationElement>;
             "ix-pill": LocalJSX.IxPill & JSXBase.HTMLAttributes<HTMLIxPillElement>;
             "ix-select": LocalJSX.IxSelect & JSXBase.HTMLAttributes<HTMLIxSelectElement>;
             "ix-select-item": LocalJSX.IxSelectItem & JSXBase.HTMLAttributes<HTMLIxSelectItemElement>;

package/dist/types/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/modal/modal-utils';
 export * from './components/toast/toast-utils';
 export * from './components/tree-item/default-tree-item';
 export * from './components/tree/tree-model';
+export * from './components/upload/upload-file-state';
 export { NotificationColor } from './components/utils/notification-color';
 export { convertToAbbreviationString, convertToRemString, } from './components/utils/rwd.util';
 export * from './components/utils/theme-switcher';

package/dist/types/tests/utils/test/page.d.ts

@@ -1,3 +1,8 @@
+import { ElementHandle } from '@playwright/test';
 export declare const regressionTest: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & {
   [key: string]: any;
 }, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;
+export declare const test: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & {
+  mount: (selector: string) => Promise<ElementHandle<HTMLElement>>;
+  createElement: (selector: string, appendTo?: ElementHandle<Element>) => Promise<ElementHandle<HTMLElement>>;
+}, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;

package/loader/index.d.ts

@@ -11,7 +11,7 @@ export interface CustomElementsDefineOptions {
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
 
-/** 
+/**
  * Used to specify a nonce value that corresponds with an application's CSP.
  * When set, the nonce will be added to all dynamically created script and style tags at runtime.
  * Alternatively, the nonce value can be set on a meta tag in the DOM head

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/core"
   },
-  "version": "1.5.0-beta.0",
+  "version": "1.5.0-beta.2",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "main": "dist/index.cjs.js",
@@ -36,20 +36,21 @@
     "test:coverage": "stencil test --spec --coverage",
     "test:e2e": "playwright test --reporter html",
     "test:e2e:list": "playwright test --reporter list",
-    "playwright.docker": "docker run --rm --network host -v $(pwd):/work/ -w /work/packages/core -it mcr.microsoft.com/playwright:v1.24.0-focal /bin/bash",
-    "host-root": "http-server ./ -a 127.0.0.1 -p 8080",
+    "playwright.docker": "docker run --rm --network host -v $(pwd):/work/ -w /work/packages/core -it mcr.microsoft.com/playwright:v1.32.1-focal /bin/bash",
+    "host-root": "http-server ./ -a 127.0.0.1 -p 8080 -c-1",
     "generate": "stencil generate",
     "generate:theme": "ts-node -P ./scripts/generate-theme/tsconfig.json ./scripts/generate-theme/generate-theme"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.1.0",
-    "@stencil/core": "^3.1.0",
+    "@stencil/core": "^3.2.1",
     "animejs": "~3.2.1",
     "hyperlist": "^1.0.0",
-    "luxon": "^3.0.1"
+    "luxon": "^3.0.1",
+    "@types/luxon": "^3.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.24.1",
+    "@playwright/test": "^1.32.1",
     "@siemens/ix-icons": "~1.0.0",
     "@stencil/vue-output-target": "^0.7.0",
     "@stencil-community/eslint-plugin": "^0.5.0",