@oiz/stzh-components 1.5.0-alpha → 2.0.0

package/dist/types/components.d.ts

@@ -5,11 +5,15 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Font, Layout, Space, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhAppointmentsChangeEvent, StzhButtonBlurEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhServiceCardAction, StzhServicecardActionClickEvent, StzhServicecardCollapseEvent, StzhServicecardStarClickEvent, StzhServicecardSubtitleClickEvent, StzhSortableUpdateEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, VBZ } from "./index";
+import { Font, Layout, Space, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAppointmentsChangeEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, VBZ } from "./index";
+import { StzhActionsetLocalizedText } from "./components/stzh-actionset/stzh-actionset.localization";
+import { Placement } from "@floating-ui/dom";
 import { StzhAppointmentsLocalizedText } from "./components/stzh-appointments/stzh-appointments.localization";
 import { StzhLocaleAdapter } from "./utils/date-adapter";
 import { DaysOfWeek } from "./utils/date-utils";
 import { StzhCalendarLocalizedText } from "./components/stzh-calendar/stzh-calendar.localization";
+import { StzhCardLocalizedText } from "./components/stzh-card/stzh-card.localization";
+import { StzhCardListLocalizedText } from "./components/stzh-card-list/stzh-card-list.localization";
 import { StzhLocaleComponent } from "./utils/translation-utils";
 import { StzhDatamessagelistItemLocalizedText } from "./components/stzh-datamessagelist-item/stzh-datamessagelist-item.localization";
 import { StzhDatatableLocalizedText } from "./components/stzh-datatable/stzh-datatable.localization";
@@ -19,11 +23,8 @@ import { StzhDropdownLocalizedText } from "./components/stzh-dropdown/stzh-dropd
 import { StzhFooterLocalizedText } from "./components/stzh-footer/stzh-footer.localization";
 import { StzhGhettoboxLocalizedText } from "./components/stzh-ghettobox/stzh-ghettobox.localization";
 import { StzhMessageLocalizedText } from "./components/stzh-message/stzh-message.localization";
-import { Placement } from "@floating-ui/dom";
 import { StzhPopoverLocalizedText } from "./components/stzh-popover/stzh-popover.localization";
 import { StzhSaptchaLocalizedText } from "./components/stzh-saptcha/stzh-saptcha.localization";
-import { StzhServicecardLocalizedText } from "./components/stzh-servicecard/stzh-servicecard.localization";
-import { StzhServicecardListLocalizedText } from "./components/stzh-servicecard-list/stzh-servicecard-list.localization";
 import { StzhSortableLocalizedText } from "./components/stzh-sortable/stzh-sortable.localization";
 import { StzhTooltipLocalizedText } from "./components/stzh-tooltip/stzh-tooltip.localization";
 import { StzhUploadLocalizedText } from "./components/stzh-upload/stzh-upload.localization";
@@ -45,6 +46,22 @@ export namespace Components {
         "setItemFocus": (accordionItem: HTMLStzhAccordionItemElement, action: string) => Promise<void>;
     }
     interface StzhAccordionItem {
+        /**
+          * Badge
+         */
+        "badge": string;
+        /**
+          * Whether badge should be displayed empty
+         */
+        "badgeEmpty": boolean;
+        /**
+          * Badge type
+         */
+        "badgeType": "default" | "success" | "warning" | "error" | "info";
+        /**
+          * Description
+         */
+        "description": string;
         /**
           * Whether fold disabled
          */
@@ -61,6 +78,10 @@ export namespace Components {
           * Hide accordion item content
          */
         "hide": () => Promise<void>;
+        /**
+          * Icon (use instead of icon slot)
+         */
+        "icon": string;
         /**
           * Whether fold is open
          */
@@ -89,6 +110,32 @@ export namespace Components {
          */
         "withBorder": boolean;
     }
+    interface StzhActionset {
+        /**
+          * Card header actions
+         */
+        "actions": string | StzhActionsetItem[];
+        /**
+          * Translation strings
+         */
+        "localization": StzhActionsetLocalizedText;
+        /**
+          * Popover button size
+         */
+        "popoverButtonSize": "" | "default" | "small" | "tiny";
+        /**
+          * Popover button variant
+         */
+        "popoverButtonVariant": "" | "default" | "secondary" | "input" | "tertiary";
+        /**
+          * Popover placement
+         */
+        "popoverPlacement": Placement;
+        /**
+          * Variant determining what position the action buttons are
+         */
+        "variant": "stack" | "overflow";
+    }
     interface StzhAppnav {
         /**
           * Link of app title (only used if `app-title` is defined)
@@ -148,6 +195,10 @@ export namespace Components {
           * Text content of the badge
          */
         "label": string;
+        /**
+          * Type
+         */
+        "type": "default" | "success" | "warning" | "error" | "info";
     }
     interface StzhButton {
         /**
@@ -166,10 +217,22 @@ export namespace Components {
           * Display a badge aligned to button or icons
          */
         "badge": string;
+        /**
+          * Whether badge should be displayed empty
+         */
+        "badgeEmpty": boolean;
         /**
           * Badge position
          */
         "badgePosition": "icon" | "button";
+        /**
+          * Badge type
+         */
+        "badgeType": "default" | "success" | "warning" | "error" | "info";
+        /**
+          * Checked status (if type is radio)
+         */
+        "checked": boolean;
         /**
           * Whether the button is disabled
          */
@@ -202,6 +265,10 @@ export namespace Components {
           * Label
          */
         "label": string;
+        /**
+          * The name of the input element (if type is radio)
+         */
+        "name": string;
         /**
           * Focus button
          */
@@ -221,7 +288,11 @@ export namespace Components {
         /**
           * Type of the button
          */
-        "type": "button" | "submit" | "reset";
+        "type": "button" | "submit" | "reset" | "radio";
+        /**
+          * The value of the input element (if type is radio)
+         */
+        "value": string;
         /**
           * Variant style
          */
@@ -261,6 +332,102 @@ export namespace Components {
          */
         "value": string;
     }
+    interface StzhCard {
+        /**
+          * Whether card is checked (if card is selectable)
+         */
+        "checked": boolean;
+        /**
+          * Whether card is collapsed or not
+         */
+        "collapsed": boolean;
+        /**
+          * Whether card is collapsible
+         */
+        "collapsible": boolean;
+        /**
+          * Whether the element is disabled or not (if card is selectable)
+         */
+        "disabled": boolean;
+        /**
+          * Card footer actions. The [`stzh-actionset`](?path=/story/components-actionset) component is used internally. You can listen to clicks with the `stzhActionClick` event.
+         */
+        "footerActions": string | StzhActionsetItem[];
+        /**
+          * Card header actions
+         */
+        "headerActions": string | StzhCardHeaderAction[];
+        /**
+          * Heading
+         */
+        "heading": string;
+        /**
+          * Whether to hide footer separation border
+         */
+        "hideFooterBorder": boolean;
+        /**
+          * Whether to hide header separation border
+         */
+        "hideHeaderBorder": boolean;
+        /**
+          * Whether movement menu items should be shown. Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.
+         */
+        "hideMovementActions": boolean;
+        /**
+          * Translation strings
+         */
+        "localization": StzhCardLocalizedText;
+        /**
+          * The name of the input element (if card is selectable)
+         */
+        "name": string;
+        /**
+          * Whether card is selectable
+         */
+        "selectable": boolean;
+        /**
+          * Whether sorting should be disabled. Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.
+         */
+        "sortableDisabled": boolean;
+        /**
+          * Whether card star is displayed (with tooltip and menu-item in mobile popover). The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).
+         */
+        "starrable": boolean;
+        /**
+          * Whether card was starred
+         */
+        "starred": boolean;
+        /**
+          * Subtitle
+         */
+        "subtitle": string | string[];
+        /**
+          * Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click
+         */
+        "subtitleInteractive": boolean;
+        /**
+          * The value of the input element (if card is selectable)
+         */
+        "value": string;
+    }
+    interface StzhCardList {
+        /**
+          * Translation strings
+         */
+        "localization": StzhCardListLocalizedText;
+        /**
+          * Whether collapse/expand toggle link
+         */
+        "showToggleLink": boolean;
+        /**
+          * HTML attribute that is used by the `toArray()` of sortable method
+         */
+        "sortableDataIdAttribute": string;
+        /**
+          * Whether sorting should be enabled
+         */
+        "sortableEnabled": boolean;
+    }
     interface StzhCell {
         /**
           * Control how cells items are positioned along a container's cross axis
@@ -408,6 +575,14 @@ export namespace Components {
         "value": string[] | string;
     }
     interface StzhChip {
+        /**
+          * Id for element which describes the button
+         */
+        "a11yDescribedby": string;
+        /**
+          * Accessible label for screen readers to replace visible text
+         */
+        "a11yLabel": string;
         /**
           * Active
          */
@@ -458,14 +633,50 @@ export namespace Components {
         "variant": "tag" | "filter" | "input";
     }
     interface StzhChipSelect {
+        /**
+          * Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup)
+         */
+        "a11yDescribedby": string;
         /**
           * Data
          */
         "data": string | StzhChipSelectItem[];
+        /**
+          * Description message (use description slot as alternative)
+         */
+        "description": string;
+        /**
+          * Long description message appearing in a popover (use description-long slot as alternative)
+         */
+        "descriptionLong": string;
+        /**
+          * Whether the element is disabled or not
+         */
+        "disabled": boolean;
+        /**
+          * One or multiple error message (use error slot as alternative)
+         */
+        "error": string | string[];
+        /**
+          * Invalid status
+         */
+        "invalid": boolean;
         /**
           * Label
          */
         "label": string;
+        /**
+          * Translation strings
+         */
+        "localization": StzhLocaleComponent;
+        /**
+          * The name of the input element
+         */
+        "name": string;
+        /**
+          * Required status
+         */
+        "required": boolean;
         /**
           * Value
          */
@@ -475,6 +686,36 @@ export namespace Components {
     }
     interface StzhCspace {
     }
+    interface StzhDatalist {
+        /**
+          * Direction
+         */
+        "direction": "vertical" | "horizontal";
+        /**
+          * Direction above large breakpoint
+         */
+        "directionLarge": "vertical" | "horizontal" | "inherit";
+        /**
+          * Direction above medium breakpoint
+         */
+        "directionMedium": "vertical" | "horizontal" | "inherit";
+        /**
+          * Direction above small breakpoint
+         */
+        "directionSmall": "vertical" | "horizontal" | "inherit";
+        /**
+          * Direction above ultra breakpoint
+         */
+        "directionUltra": "vertical" | "horizontal" | "inherit";
+        /**
+          * Hide border lines between items
+         */
+        "hideBorder": boolean;
+        /**
+          * Items in datalist Array of objects that must at least include `value` attribute. Can optionally contain `label`, `meta`, `icon`, `href` attribute: `[{"value":"Value 1", "label": "Label 1"}, {"value":"Value 2", "label": "Label 2"}]`
+         */
+        "items": StzhDatalistItemEntry[] | string;
+    }
     interface StzhDatamessagelist {
     }
     interface StzhDatamessagelistItem {
@@ -614,11 +855,6 @@ export namespace Components {
           * Name of the hidden date picker input.
          */
         "name": string;
-        /**
-          * Placeholder text
-          * @deprecated
-         */
-        "placeholder": string;
         /**
           * Whether the element is readonly or not
          */
@@ -817,11 +1053,6 @@ export namespace Components {
           * Available options
          */
         "options": any[] | string;
-        /**
-          * Placeholder option
-          * @deprecated
-         */
-        "placeholder": string;
         /**
           * Popover placement
          */
@@ -853,7 +1084,7 @@ export namespace Components {
         /**
           * Set new value
          */
-        "setValue": (newValue: string | string[]) => Promise<void>;
+        "setValue": (newValue: string | string[], silent?: boolean) => Promise<void>;
         /**
           * Show text in label depending if field is optional/required
          */
@@ -1101,11 +1332,6 @@ export namespace Components {
           * Whether autocomplete should be turned off
          */
         "noAutocomplete": boolean;
-        /**
-          * Placeholder text
-          * @deprecated
-         */
-        "placeholder": string;
         /**
           * Whether the element is readonly or not
          */
@@ -1156,10 +1382,18 @@ export namespace Components {
           * Badge text
          */
         "badge": string;
+        /**
+          * Whether badge should be displayed empty
+         */
+        "badgeEmpty": boolean;
         /**
           * Badge position
          */
         "badgePosition": "icon" | "link";
+        /**
+          * Badge type
+         */
+        "badgeType": "default" | "success" | "warning" | "error" | "info";
         /**
           * Disabled status
          */
@@ -1195,7 +1429,7 @@ export namespace Components {
         /**
           * Size variant
          */
-        "size": "default" | "small";
+        "size": "default" | "small" | "inherit";
         /**
           * target if the button is used as link (if href used)
          */
@@ -1260,6 +1494,14 @@ export namespace Components {
           * Badge
          */
         "badge": string;
+        /**
+          * Whether badge should be displayed empty
+         */
+        "badgeEmpty": boolean;
+        /**
+          * Badge type
+         */
+        "badgeType": "default" | "success" | "warning" | "error" | "info";
         /**
           * Whether the button is disabled
          */
@@ -1368,6 +1610,10 @@ export namespace Components {
           * Shifting of popover content
          */
         "skidding": number;
+        /**
+          * Position strategy
+         */
+        "strategy": "absolute" | "fixed";
         /**
           * Toggle popover content
          */
@@ -1630,90 +1876,6 @@ export namespace Components {
          */
         "variant": "default" | "highlight";
     }
-    interface StzhServicecard {
-        /**
-          * Card actions
-         */
-        "actions": string | StzhServiceCardAction[];
-        /**
-          * Whether card is collapsed or not
-         */
-        "collapsed": boolean;
-        /**
-          * Whether card is collapsible
-         */
-        "collapsible": boolean;
-        /**
-          * Heading
-         */
-        "heading": string;
-        /**
-          * Whether movement menu items should be shown
-         */
-        "hideMovementActions": boolean;
-        /**
-          * Translation strings
-         */
-        "localization": StzhServicecardLocalizedText;
-        /**
-          * Middle column position variant (positioning behaviour on tablet)
-         */
-        "middleVariant": "to-right" | "to-left";
-        /**
-          * Set middle column vertical spacing
-         */
-        "middleVerticalSpacing": "default" | "none";
-        /**
-          * Set right column vertical spacing
-         */
-        "rightVerticalSpacing": "default" | "none";
-        /**
-          * Whether sorting should be disabled
-         */
-        "sortableDisabled": boolean;
-        /**
-          * Whether card star is displayed
-         */
-        "starrable": boolean;
-        /**
-          * Whether card was starred
-         */
-        "starred": boolean;
-        /**
-          * Subtitle
-         */
-        "subtitle": string | string[];
-        /**
-          * Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click
-         */
-        "subtitleInteractive": boolean;
-        /**
-          * Type
-         */
-        "type": "default" | "alert";
-    }
-    interface StzhServicecardList {
-        /**
-          * Translation strings
-         */
-        "localization": StzhServicecardListLocalizedText;
-        /**
-          * Whether collapse/expand toggle link
-         */
-        "showToggleLink": boolean;
-        /**
-          * HTML attribute that is used by the `toArray()` of sortable method
-         */
-        "sortableDataIdAttribute": string;
-        /**
-          * Whether sorting should be disabled
-         */
-        "sortableDisabled": boolean;
-        /**
-          * Algorithm how the ghost element will be cloned
-         */
-        "sortableGhostClone": Function;
-    }
     interface StzhSkiplink {
         /**
           * href for linking to e.g. id of an element to skip to
@@ -1931,6 +2093,10 @@ export namespace Components {
           * Shifting of tooltip content
          */
         "skidding": number;
+        /**
+          * Position strategy
+         */
+        "strategy": "absolute" | "fixed";
         /**
           * Toggle tooltip content
          */
@@ -2175,6 +2341,10 @@ export interface StzhAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhAccordionItemElement;
 }
+export interface StzhActionsetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhActionsetElement;
+}
 export interface StzhAppointmentsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhAppointmentsElement;
@@ -2187,6 +2357,14 @@ export interface StzhCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhCalendarElement;
 }
+export interface StzhCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhCardElement;
+}
+export interface StzhCardListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhCardListElement;
+}
 export interface StzhCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhCheckboxElement;
@@ -2199,6 +2377,10 @@ export interface StzhChipSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhChipSelectElement;
 }
+export interface StzhDatalistCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhDatalistElement;
+}
 export interface StzhDatamessagelistItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhDatamessagelistItemElement;
@@ -2251,10 +2433,6 @@ export interface StzhRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhRadioElement;
 }
-export interface StzhServicecardCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLStzhServicecardElement;
-}
 export interface StzhSortableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhSortableElement;
@@ -2294,6 +2472,12 @@ declare global {
         prototype: HTMLStzhActionsElement;
         new (): HTMLStzhActionsElement;
     };
+    interface HTMLStzhActionsetElement extends Components.StzhActionset, HTMLStencilElement {
+    }
+    var HTMLStzhActionsetElement: {
+        prototype: HTMLStzhActionsetElement;
+        new (): HTMLStzhActionsetElement;
+    };
     interface HTMLStzhAppnavElement extends Components.StzhAppnav, HTMLStencilElement {
     }
     var HTMLStzhAppnavElement: {
@@ -2324,6 +2508,18 @@ declare global {
         prototype: HTMLStzhCalendarElement;
         new (): HTMLStzhCalendarElement;
     };
+    interface HTMLStzhCardElement extends Components.StzhCard, HTMLStencilElement {
+    }
+    var HTMLStzhCardElement: {
+        prototype: HTMLStzhCardElement;
+        new (): HTMLStzhCardElement;
+    };
+    interface HTMLStzhCardListElement extends Components.StzhCardList, HTMLStencilElement {
+    }
+    var HTMLStzhCardListElement: {
+        prototype: HTMLStzhCardListElement;
+        new (): HTMLStzhCardListElement;
+    };
     interface HTMLStzhCellElement extends Components.StzhCell, HTMLStencilElement {
     }
     var HTMLStzhCellElement: {
@@ -2366,6 +2562,12 @@ declare global {
         prototype: HTMLStzhCspaceElement;
         new (): HTMLStzhCspaceElement;
     };
+    interface HTMLStzhDatalistElement extends Components.StzhDatalist, HTMLStencilElement {
+    }
+    var HTMLStzhDatalistElement: {
+        prototype: HTMLStzhDatalistElement;
+        new (): HTMLStzhDatalistElement;
+    };
     interface HTMLStzhDatamessagelistElement extends Components.StzhDatamessagelist, HTMLStencilElement {
     }
     var HTMLStzhDatamessagelistElement: {
@@ -2612,18 +2814,6 @@ declare global {
         prototype: HTMLStzhSectionElement;
         new (): HTMLStzhSectionElement;
     };
-    interface HTMLStzhServicecardElement extends Components.StzhServicecard, HTMLStencilElement {
-    }
-    var HTMLStzhServicecardElement: {
-        prototype: HTMLStzhServicecardElement;
-        new (): HTMLStzhServicecardElement;
-    };
-    interface HTMLStzhServicecardListElement extends Components.StzhServicecardList, HTMLStencilElement {
-    }
-    var HTMLStzhServicecardListElement: {
-        prototype: HTMLStzhServicecardListElement;
-        new (): HTMLStzhServicecardListElement;
-    };
     interface HTMLStzhSkiplinkElement extends Components.StzhSkiplink, HTMLStencilElement {
     }
     var HTMLStzhSkiplinkElement: {
@@ -2706,11 +2896,14 @@ declare global {
         "stzh-accordion": HTMLStzhAccordionElement;
         "stzh-accordion-item": HTMLStzhAccordionItemElement;
         "stzh-actions": HTMLStzhActionsElement;
+        "stzh-actionset": HTMLStzhActionsetElement;
         "stzh-appnav": HTMLStzhAppnavElement;
         "stzh-appointments": HTMLStzhAppointmentsElement;
         "stzh-badge": HTMLStzhBadgeElement;
         "stzh-button": HTMLStzhButtonElement;
         "stzh-calendar": HTMLStzhCalendarElement;
+        "stzh-card": HTMLStzhCardElement;
+        "stzh-card-list": HTMLStzhCardListElement;
         "stzh-cell": HTMLStzhCellElement;
         "stzh-checkbox": HTMLStzhCheckboxElement;
         "stzh-checkboxgroup": HTMLStzhCheckboxgroupElement;
@@ -2718,6 +2911,7 @@ declare global {
         "stzh-chip-select": HTMLStzhChipSelectElement;
         "stzh-container": HTMLStzhContainerElement;
         "stzh-cspace": HTMLStzhCspaceElement;
+        "stzh-datalist": HTMLStzhDatalistElement;
         "stzh-datamessagelist": HTMLStzhDatamessagelistElement;
         "stzh-datamessagelist-item": HTMLStzhDatamessagelistItemElement;
         "stzh-datatable": HTMLStzhDatatableElement;
@@ -2759,8 +2953,6 @@ declare global {
         "stzh-row": HTMLStzhRowElement;
         "stzh-saptcha": HTMLStzhSaptchaElement;
         "stzh-section": HTMLStzhSectionElement;
-        "stzh-servicecard": HTMLStzhServicecardElement;
-        "stzh-servicecard-list": HTMLStzhServicecardListElement;
         "stzh-skiplink": HTMLStzhSkiplinkElement;
         "stzh-sortable": HTMLStzhSortableElement;
         "stzh-status": HTMLStzhStatusElement;
@@ -2788,6 +2980,22 @@ declare namespace LocalJSX {
         "multiselectable"?: boolean;
     }
     interface StzhAccordionItem {
+        /**
+          * Badge
+         */
+        "badge"?: string;
+        /**
+          * Whether badge should be displayed empty
+         */
+        "badgeEmpty"?: boolean;
+        /**
+          * Badge type
+         */
+        "badgeType"?: "default" | "success" | "warning" | "error" | "info";
+        /**
+          * Description
+         */
+        "description"?: string;
         /**
           * Whether fold disabled
          */
@@ -2800,6 +3008,10 @@ declare namespace LocalJSX {
           * Heading level
          */
         "headingLevel"?: "1" | "2" | "3" | "4";
+        /**
+          * Icon (use instead of icon slot)
+         */
+        "icon"?: string;
         /**
           * Close event
          */
@@ -2835,6 +3047,36 @@ declare namespace LocalJSX {
          */
         "withBorder"?: boolean;
     }
+    interface StzhActionset {
+        /**
+          * Card header actions
+         */
+        "actions"?: string | StzhActionsetItem[];
+        /**
+          * Translation strings
+         */
+        "localization"?: StzhActionsetLocalizedText;
+        /**
+          * Header action click event
+         */
+        "onStzhActionClick"?: (event: StzhActionsetCustomEvent<StzhActionsetItemClickEvent>) => void;
+        /**
+          * Popover button size
+         */
+        "popoverButtonSize"?: "" | "default" | "small" | "tiny";
+        /**
+          * Popover button variant
+         */
+        "popoverButtonVariant"?: "" | "default" | "secondary" | "input" | "tertiary";
+        /**
+          * Popover placement
+         */
+        "popoverPlacement"?: Placement;
+        /**
+          * Variant determining what position the action buttons are
+         */
+        "variant"?: "stack" | "overflow";
+    }
     interface StzhAppnav {
         /**
           * Link of app title (only used if `app-title` is defined)
@@ -2898,6 +3140,10 @@ declare namespace LocalJSX {
           * Text content of the badge
          */
         "label"?: string;
+        /**
+          * Type
+         */
+        "type"?: "default" | "success" | "warning" | "error" | "info";
     }
     interface StzhButton {
         /**
@@ -2916,10 +3162,22 @@ declare namespace LocalJSX {
           * Display a badge aligned to button or icons
          */
         "badge"?: string;
+        /**
+          * Whether badge should be displayed empty
+         */
+        "badgeEmpty"?: boolean;
         /**
           * Badge position
          */
         "badgePosition"?: "icon" | "button";
+        /**
+          * Badge type
+         */
+        "badgeType"?: "default" | "success" | "warning" | "error" | "info";
+        /**
+          * Checked status (if type is radio)
+         */
+        "checked"?: boolean;
         /**
           * Whether the button is disabled
          */
@@ -2952,10 +3210,18 @@ declare namespace LocalJSX {
           * Label
          */
         "label"?: string;
+        /**
+          * The name of the input element (if type is radio)
+         */
+        "name"?: string;
         /**
           * Input blur event
          */
         "onStzhBlur"?: (event: StzhButtonCustomEvent<StzhButtonBlurEvent>) => void;
+        /**
+          * Change event (only called if type is radio)
+         */
+        "onStzhChange"?: (event: StzhButtonCustomEvent<StzhButtonChangeEvent>) => void;
         /**
           * Focus event
          */
@@ -2975,7 +3241,11 @@ declare namespace LocalJSX {
         /**
           * Type of the button
          */
-        "type"?: "button" | "submit" | "reset";
+        "type"?: "button" | "submit" | "reset" | "radio";
+        /**
+          * The value of the input element (if type is radio)
+         */
+        "value"?: string;
         /**
           * Variant style
          */
@@ -3011,6 +3281,122 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface StzhCard {
+        /**
+          * Whether card is checked (if card is selectable)
+         */
+        "checked"?: boolean;
+        /**
+          * Whether card is collapsed or not
+         */
+        "collapsed"?: boolean;
+        /**
+          * Whether card is collapsible
+         */
+        "collapsible"?: boolean;
+        /**
+          * Whether the element is disabled or not (if card is selectable)
+         */
+        "disabled"?: boolean;
+        /**
+          * Card footer actions. The [`stzh-actionset`](?path=/story/components-actionset) component is used internally. You can listen to clicks with the `stzhActionClick` event.
+         */
+        "footerActions"?: string | StzhActionsetItem[];
+        /**
+          * Card header actions
+         */
+        "headerActions"?: string | StzhCardHeaderAction[];
+        /**
+          * Heading
+         */
+        "heading"?: string;
+        /**
+          * Whether to hide footer separation border
+         */
+        "hideFooterBorder"?: boolean;
+        /**
+          * Whether to hide header separation border
+         */
+        "hideHeaderBorder"?: boolean;
+        /**
+          * Whether movement menu items should be shown. Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.
+         */
+        "hideMovementActions"?: boolean;
+        /**
+          * Translation strings
+         */
+        "localization"?: StzhCardLocalizedText;
+        /**
+          * The name of the input element (if card is selectable)
+         */
+        "name"?: string;
+        /**
+          * Collapse event
+         */
+        "onStzhCollapse"?: (event: StzhCardCustomEvent<StzhCardCollapseEvent>) => void;
+        /**
+          * Header action click event
+         */
+        "onStzhHeaderActionClick"?: (event: StzhCardCustomEvent<StzhCardHeaderActionClickEvent>) => void;
+        /**
+          * Star click event
+         */
+        "onStzhStarClick"?: (event: StzhCardCustomEvent<StzhCardStarClickEvent>) => void;
+        /**
+          * Subtitle click event
+         */
+        "onStzhSubtitleClick"?: (event: StzhCardCustomEvent<StzhCardSubtitleClickEvent>) => void;
+        /**
+          * Whether card is selectable
+         */
+        "selectable"?: boolean;
+        /**
+          * Whether sorting should be disabled. Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.
+         */
+        "sortableDisabled"?: boolean;
+        /**
+          * Whether card star is displayed (with tooltip and menu-item in mobile popover). The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).
+         */
+        "starrable"?: boolean;
+        /**
+          * Whether card was starred
+         */
+        "starred"?: boolean;
+        /**
+          * Subtitle
+         */
+        "subtitle"?: string | string[];
+        /**
+          * Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click
+         */
+        "subtitleInteractive"?: boolean;
+        /**
+          * The value of the input element (if card is selectable)
+         */
+        "value"?: string;
+    }
+    interface StzhCardList {
+        /**
+          * Translation strings
+         */
+        "localization"?: StzhCardListLocalizedText;
+        /**
+          * Collapse all event
+         */
+        "onStzhCollapseAll"?: (event: StzhCardListCustomEvent<StzhCardListCollapseAllEvent>) => void;
+        /**
+          * Whether collapse/expand toggle link
+         */
+        "showToggleLink"?: boolean;
+        /**
+          * HTML attribute that is used by the `toArray()` of sortable method
+         */
+        "sortableDataIdAttribute"?: string;
+        /**
+          * Whether sorting should be enabled
+         */
+        "sortableEnabled"?: boolean;
+    }
     interface StzhCell {
         /**
           * Control how cells items are positioned along a container's cross axis
@@ -3166,6 +3552,14 @@ declare namespace LocalJSX {
         "value"?: string[] | string;
     }
     interface StzhChip {
+        /**
+          * Id for element which describes the button
+         */
+        "a11yDescribedby"?: string;
+        /**
+          * Accessible label for screen readers to replace visible text
+         */
+        "a11yLabel"?: string;
         /**
           * Active
          */
@@ -3228,18 +3622,54 @@ declare namespace LocalJSX {
         "variant"?: "tag" | "filter" | "input";
     }
     interface StzhChipSelect {
+        /**
+          * Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup)
+         */
+        "a11yDescribedby"?: string;
         /**
           * Data
          */
         "data"?: string | StzhChipSelectItem[];
+        /**
+          * Description message (use description slot as alternative)
+         */
+        "description"?: string;
+        /**
+          * Long description message appearing in a popover (use description-long slot as alternative)
+         */
+        "descriptionLong"?: string;
+        /**
+          * Whether the element is disabled or not
+         */
+        "disabled"?: boolean;
+        /**
+          * One or multiple error message (use error slot as alternative)
+         */
+        "error"?: string | string[];
+        /**
+          * Invalid status
+         */
+        "invalid"?: boolean;
         /**
           * Label
          */
         "label"?: string;
+        /**
+          * Translation strings
+         */
+        "localization"?: StzhLocaleComponent;
+        /**
+          * The name of the input element
+         */
+        "name"?: string;
         /**
           * Change event
          */
         "onStzhChange"?: (event: StzhChipSelectCustomEvent<StzhChipSelectChangeEvent>) => void;
+        /**
+          * Required status
+         */
+        "required"?: boolean;
         /**
           * Value
          */
@@ -3249,6 +3679,40 @@ declare namespace LocalJSX {
     }
     interface StzhCspace {
     }
+    interface StzhDatalist {
+        /**
+          * Direction
+         */
+        "direction"?: "vertical" | "horizontal";
+        /**
+          * Direction above large breakpoint
+         */
+        "directionLarge"?: "vertical" | "horizontal" | "inherit";
+        /**
+          * Direction above medium breakpoint
+         */
+        "directionMedium"?: "vertical" | "horizontal" | "inherit";
+        /**
+          * Direction above small breakpoint
+         */
+        "directionSmall"?: "vertical" | "horizontal" | "inherit";
+        /**
+          * Direction above ultra breakpoint
+         */
+        "directionUltra"?: "vertical" | "horizontal" | "inherit";
+        /**
+          * Hide border lines between items
+         */
+        "hideBorder"?: boolean;
+        /**
+          * Items in datalist Array of objects that must at least include `value` attribute. Can optionally contain `label`, `meta`, `icon`, `href` attribute: `[{"value":"Value 1", "label": "Label 1"}, {"value":"Value 2", "label": "Label 2"}]`
+         */
+        "items"?: StzhDatalistItemEntry[] | string;
+        /**
+          * Item action click event
+         */
+        "onStzhItemActionClick"?: (event: StzhDatalistCustomEvent<StzhDatalistItemActionClickEvent>) => void;
+    }
     interface StzhDatamessagelist {
     }
     interface StzhDatamessagelistItem {
@@ -3392,11 +3856,6 @@ declare namespace LocalJSX {
           * Datepicker change event
          */
         "onStzhChange"?: (event: StzhDatepickerCustomEvent<StzhDatepickerChangeEvent>) => void;
-        /**
-          * Placeholder text
-          * @deprecated
-         */
-        "placeholder"?: string;
         /**
           * Whether the element is readonly or not
          */
@@ -3625,11 +4084,6 @@ declare namespace LocalJSX {
           * Available options
          */
         "options"?: any[] | string;
-        /**
-          * Placeholder option
-          * @deprecated
-         */
-        "placeholder"?: string;
         /**
           * Popover placement
          */
@@ -3910,11 +4364,6 @@ declare namespace LocalJSX {
           * Input focus event
          */
         "onStzhFocus"?: (event: StzhInputCustomEvent<StzhInputFocusEvent>) => void;
-        /**
-          * Placeholder text
-          * @deprecated
-         */
-        "placeholder"?: string;
         /**
           * Whether the element is readonly or not
          */
@@ -3961,10 +4410,18 @@ declare namespace LocalJSX {
           * Badge text
          */
         "badge"?: string;
+        /**
+          * Whether badge should be displayed empty
+         */
+        "badgeEmpty"?: boolean;
         /**
           * Badge position
          */
         "badgePosition"?: "icon" | "link";
+        /**
+          * Badge type
+         */
+        "badgeType"?: "default" | "success" | "warning" | "error" | "info";
         /**
           * Disabled status
          */
@@ -4004,7 +4461,7 @@ declare namespace LocalJSX {
         /**
           * Size variant
          */
-        "size"?: "default" | "small";
+        "size"?: "default" | "small" | "inherit";
         /**
           * target if the button is used as link (if href used)
          */
@@ -4069,6 +4526,14 @@ declare namespace LocalJSX {
           * Badge
          */
         "badge"?: string;
+        /**
+          * Whether badge should be displayed empty
+         */
+        "badgeEmpty"?: boolean;
+        /**
+          * Badge type
+         */
+        "badgeType"?: "default" | "success" | "warning" | "error" | "info";
         /**
           * Whether the button is disabled
          */
@@ -4201,6 +4666,10 @@ declare namespace LocalJSX {
           * Shifting of popover content
          */
         "skidding"?: number;
+        /**
+          * Position strategy
+         */
+        "strategy"?: "absolute" | "fixed";
         /**
           * Variant
          */
@@ -4474,106 +4943,6 @@ declare namespace LocalJSX {
          */
         "variant"?: "default" | "highlight";
     }
-    interface StzhServicecard {
-        /**
-          * Card actions
-         */
-        "actions"?: string | StzhServiceCardAction[];
-        /**
-          * Whether card is collapsed or not
-         */
-        "collapsed"?: boolean;
-        /**
-          * Whether card is collapsible
-         */
-        "collapsible"?: boolean;
-        /**
-          * Heading
-         */
-        "heading"?: string;
-        /**
-          * Whether movement menu items should be shown
-         */
-        "hideMovementActions"?: boolean;
-        /**
-          * Translation strings
-         */
-        "localization"?: StzhServicecardLocalizedText;
-        /**
-          * Middle column position variant (positioning behaviour on tablet)
-         */
-        "middleVariant"?: "to-right" | "to-left";
-        /**
-          * Set middle column vertical spacing
-         */
-        "middleVerticalSpacing"?: "default" | "none";
-        /**
-          * Action click event
-         */
-        "onStzhActionClick"?: (event: StzhServicecardCustomEvent<StzhServicecardActionClickEvent>) => void;
-        /**
-          * Collapse event
-         */
-        "onStzhCollapse"?: (event: StzhServicecardCustomEvent<StzhServicecardCollapseEvent>) => void;
-        /**
-          * Star click event
-         */
-        "onStzhStarClick"?: (event: StzhServicecardCustomEvent<StzhServicecardStarClickEvent>) => void;
-        /**
-          * Subtitle click event
-         */
-        "onStzhSubtitleClick"?: (event: StzhServicecardCustomEvent<StzhServicecardSubtitleClickEvent>) => void;
-        /**
-          * Set right column vertical spacing
-         */
-        "rightVerticalSpacing"?: "default" | "none";
-        /**
-          * Whether sorting should be disabled
-         */
-        "sortableDisabled"?: boolean;
-        /**
-          * Whether card star is displayed
-         */
-        "starrable"?: boolean;
-        /**
-          * Whether card was starred
-         */
-        "starred"?: boolean;
-        /**
-          * Subtitle
-         */
-        "subtitle"?: string | string[];
-        /**
-          * Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click
-         */
-        "subtitleInteractive"?: boolean;
-        /**
-          * Type
-         */
-        "type"?: "default" | "alert";
-    }
-    interface StzhServicecardList {
-        /**
-          * Translation strings
-         */
-        "localization"?: StzhServicecardListLocalizedText;
-        /**
-          * Whether collapse/expand toggle link
-         */
-        "showToggleLink"?: boolean;
-        /**
-          * HTML attribute that is used by the `toArray()` of sortable method
-         */
-        "sortableDataIdAttribute"?: string;
-        /**
-          * Whether sorting should be disabled
-         */
-        "sortableDisabled"?: boolean;
-        /**
-          * Algorithm how the ghost element will be cloned
-         */
-        "sortableGhostClone"?: Function;
-    }
     interface StzhSkiplink {
         /**
           * href for linking to e.g. id of an element to skip to
@@ -4613,6 +4982,10 @@ declare namespace LocalJSX {
           * Translation strings.
          */
         "localization"?: StzhSortableLocalizedText;
+        /**
+          * Disable event
+         */
+        "onStzhDisable"?: (event: StzhSortableCustomEvent<StzhSortableDisableEvent>) => void;
         /**
           * Update event
          */
@@ -4799,6 +5172,10 @@ declare namespace LocalJSX {
           * Shifting of tooltip content
          */
         "skidding"?: number;
+        /**
+          * Position strategy
+         */
+        "strategy"?: "absolute" | "fixed";
         /**
           * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple options can be passed by separating them with a space. When manual is used, the tooltip must be activated programmatically.
          */
@@ -5108,11 +5485,14 @@ declare namespace LocalJSX {
         "stzh-accordion": StzhAccordion;
         "stzh-accordion-item": StzhAccordionItem;
         "stzh-actions": StzhActions;
+        "stzh-actionset": StzhActionset;
         "stzh-appnav": StzhAppnav;
         "stzh-appointments": StzhAppointments;
         "stzh-badge": StzhBadge;
         "stzh-button": StzhButton;
         "stzh-calendar": StzhCalendar;
+        "stzh-card": StzhCard;
+        "stzh-card-list": StzhCardList;
         "stzh-cell": StzhCell;
         "stzh-checkbox": StzhCheckbox;
         "stzh-checkboxgroup": StzhCheckboxgroup;
@@ -5120,6 +5500,7 @@ declare namespace LocalJSX {
         "stzh-chip-select": StzhChipSelect;
         "stzh-container": StzhContainer;
         "stzh-cspace": StzhCspace;
+        "stzh-datalist": StzhDatalist;
         "stzh-datamessagelist": StzhDatamessagelist;
         "stzh-datamessagelist-item": StzhDatamessagelistItem;
         "stzh-datatable": StzhDatatable;
@@ -5161,8 +5542,6 @@ declare namespace LocalJSX {
         "stzh-row": StzhRow;
         "stzh-saptcha": StzhSaptcha;
         "stzh-section": StzhSection;
-        "stzh-servicecard": StzhServicecard;
-        "stzh-servicecard-list": StzhServicecardList;
         "stzh-skiplink": StzhSkiplink;
         "stzh-sortable": StzhSortable;
         "stzh-status": StzhStatus;
@@ -5185,11 +5564,14 @@ declare module "@stencil/core" {
             "stzh-accordion": LocalJSX.StzhAccordion & JSXBase.HTMLAttributes<HTMLStzhAccordionElement>;
             "stzh-accordion-item": LocalJSX.StzhAccordionItem & JSXBase.HTMLAttributes<HTMLStzhAccordionItemElement>;
             "stzh-actions": LocalJSX.StzhActions & JSXBase.HTMLAttributes<HTMLStzhActionsElement>;
+            "stzh-actionset": LocalJSX.StzhActionset & JSXBase.HTMLAttributes<HTMLStzhActionsetElement>;
             "stzh-appnav": LocalJSX.StzhAppnav & JSXBase.HTMLAttributes<HTMLStzhAppnavElement>;
             "stzh-appointments": LocalJSX.StzhAppointments & JSXBase.HTMLAttributes<HTMLStzhAppointmentsElement>;
             "stzh-badge": LocalJSX.StzhBadge & JSXBase.HTMLAttributes<HTMLStzhBadgeElement>;
             "stzh-button": LocalJSX.StzhButton & JSXBase.HTMLAttributes<HTMLStzhButtonElement>;
             "stzh-calendar": LocalJSX.StzhCalendar & JSXBase.HTMLAttributes<HTMLStzhCalendarElement>;
+            "stzh-card": LocalJSX.StzhCard & JSXBase.HTMLAttributes<HTMLStzhCardElement>;
+            "stzh-card-list": LocalJSX.StzhCardList & JSXBase.HTMLAttributes<HTMLStzhCardListElement>;
             "stzh-cell": LocalJSX.StzhCell & JSXBase.HTMLAttributes<HTMLStzhCellElement>;
             "stzh-checkbox": LocalJSX.StzhCheckbox & JSXBase.HTMLAttributes<HTMLStzhCheckboxElement>;
             "stzh-checkboxgroup": LocalJSX.StzhCheckboxgroup & JSXBase.HTMLAttributes<HTMLStzhCheckboxgroupElement>;
@@ -5197,6 +5579,7 @@ declare module "@stencil/core" {
             "stzh-chip-select": LocalJSX.StzhChipSelect & JSXBase.HTMLAttributes<HTMLStzhChipSelectElement>;
             "stzh-container": LocalJSX.StzhContainer & JSXBase.HTMLAttributes<HTMLStzhContainerElement>;
             "stzh-cspace": LocalJSX.StzhCspace & JSXBase.HTMLAttributes<HTMLStzhCspaceElement>;
+            "stzh-datalist": LocalJSX.StzhDatalist & JSXBase.HTMLAttributes<HTMLStzhDatalistElement>;
             "stzh-datamessagelist": LocalJSX.StzhDatamessagelist & JSXBase.HTMLAttributes<HTMLStzhDatamessagelistElement>;
             "stzh-datamessagelist-item": LocalJSX.StzhDatamessagelistItem & JSXBase.HTMLAttributes<HTMLStzhDatamessagelistItemElement>;
             "stzh-datatable": LocalJSX.StzhDatatable & JSXBase.HTMLAttributes<HTMLStzhDatatableElement>;
@@ -5238,8 +5621,6 @@ declare module "@stencil/core" {
             "stzh-row": LocalJSX.StzhRow & JSXBase.HTMLAttributes<HTMLStzhRowElement>;
             "stzh-saptcha": LocalJSX.StzhSaptcha & JSXBase.HTMLAttributes<HTMLStzhSaptchaElement>;
             "stzh-section": LocalJSX.StzhSection & JSXBase.HTMLAttributes<HTMLStzhSectionElement>;
-            "stzh-servicecard": LocalJSX.StzhServicecard & JSXBase.HTMLAttributes<HTMLStzhServicecardElement>;
-            "stzh-servicecard-list": LocalJSX.StzhServicecardList & JSXBase.HTMLAttributes<HTMLStzhServicecardListElement>;
             "stzh-skiplink": LocalJSX.StzhSkiplink & JSXBase.HTMLAttributes<HTMLStzhSkiplinkElement>;
             "stzh-sortable": LocalJSX.StzhSortable & JSXBase.HTMLAttributes<HTMLStzhSortableElement>;
             "stzh-status": LocalJSX.StzhStatus & JSXBase.HTMLAttributes<HTMLStzhStatusElement>;