@oiz/stzh-components 3.0.0-beta4 → 3.0.0-beta5

package/dist/types/index.d.ts

@@ -330,6 +330,11 @@ export type StzhHeaderMetanavItemClickEvent = {
   item: StzhHeaderMetanavItem;
   originalEvent: MouseEvent;
 };
+export type StzhHeaderMenuItemClickEvent = {
+  component: "stzh-header";
+  item: StzhHeaderMenuItem;
+  originalEvent: MouseEvent;
+};
 export type StzhHeaderLanguageChangeEvent = {
   component: "stzh-header";
   value: string;
@@ -348,6 +353,11 @@ export type StzhBreadcrumbItem = {
   label: string;
   href: string;
 };
+export type StzhBreadcrumbItemClickEvent = {
+  component: "stzh-breadcrumb";
+  item: StzhBreadcrumbItem;
+  originalEvent: MouseEvent;
+};
 export type StzhCardHeaderAction = {
   id: string;
   label?: string;
@@ -367,6 +377,7 @@ export type StzhCardCollapseEvent = {
 export type StzhCardClickEvent = {
   component: "stzh-card";
   originalEvent: MouseEvent;
+  href: string;
 };
 export type StzhCardStarClickEvent = {
   component: "stzh-card";
@@ -381,10 +392,17 @@ export type StzhCardHeaderActionClickEvent = {
 export type StzhCardNavigationClickEvent = {
   component: "stzh-card-navigation";
   originalEvent: MouseEvent;
+  href: string;
+};
+export type StzhCardSuperteaserClickEvent = {
+  component: "stzh-card-superteaser";
+  originalEvent: MouseEvent;
+  href: string;
 };
 export type StzhCardSearchresultClickEvent = {
   component: "stzh-card-searchresult";
   originalEvent: MouseEvent;
+  href: string;
 };
 export type StzhSearchResult = {
   html?: string;
@@ -394,10 +412,11 @@ export type StzhSearchResult = {
   description?: string;
   image?: string;
   imagePosition?: "default" | "right";
-  tagLeft?: string;
-  tagRight?: string;
-  tagRightColor?: string;
-  tagRightBackgroundColor?: string;
+  tag?: string;
+  topic?: string;
+  service?: string;
+  serviceColor?: string;
+  serviceBackgroundColor?: string;
   meta?: string[];
   breadcrumbItems?: StzhBreadcrumbItem[];
   eventDateStart?: string;
@@ -505,6 +524,11 @@ export type StzhButtonBlurEvent = {
   component: "stzh-button";
   originalEvent: FocusEvent;
 };
+export type StzhButtonClickEvent = {
+  component: "stzh-button";
+  originalEvent: MouseEvent;
+  href: string;
+};
 export type StzhButtonChangeEvent = {
   component: "stzh-button";
   originalEvent: InputEvent;
@@ -520,6 +544,11 @@ export type StzhLinkBlurEvent = {
   component: "stzh-link";
   originalEvent: FocusEvent;
 };
+export type StzhLinkClickEvent = {
+  component: "stzh-link";
+  originalEvent: MouseEvent;
+  href: string;
+};
 export type StzhMenuVariant = "default" | "secondary";
 export type StzhMenuSize = "default" | "large";
 export type StzhMenuItemFocusEvent = {
@@ -530,6 +559,11 @@ export type StzhMenuItemBlurEvent = {
   component: "stzh-menu-item";
   originalEvent: FocusEvent;
 };
+export type StzhMenuItemClickEvent = {
+  component: "stzh-menu-item";
+  originalEvent: MouseEvent;
+  href: string;
+};
 export type StzhCarouselSlideStartEvent = {
   component: "stzh-carousel";
   index: number;
@@ -555,7 +589,7 @@ export type StzhChipselectItem = {
 };
 export type StzhChipselectChangeEvent = {
   component: "stzh-chipselect";
-  value: string;
+  value: string[] | string;
 };
 export type StzhGalleryItem = {
   width: number;
@@ -601,6 +635,11 @@ export type StzhDatalistItemActionClickEvent = {
   component: "stzh-datalist-item";
   originalEvent: MouseEvent;
 };
+export type StzhDatalistItemClickEvent = {
+  component: "stzh-datalist-item";
+  originalEvent: MouseEvent;
+  href: string;
+};
 export type StzhDatamessagelistItemEntryMeta = {
   label: string;
   value: string;
@@ -625,6 +664,7 @@ export type StzhDatamessagelistItemEntryLoadingStatus = {
 export type StzhDatamessagelistItemClickEvent = {
   component: "stzh-datamessagelist-item";
   originalEvent: MouseEvent;
+  href: string;
 };
 export type StzhDatamessagelistItemActionClickEvent = {
   component: "stzh-datamessagelist-item";
@@ -639,11 +679,17 @@ export type StzhCtaBlurEvent = {
   component: "stzh-cta";
   originalEvent: FocusEvent;
 };
+export type StzhCtaClickEvent = {
+  component: "stzh-cta";
+  originalEvent: MouseEvent;
+  href: string;
+};
 export type StzhTagSize = "default" | "large";
 export type StzhTagType = "default" | "secondary";
 export type StzhTagClickEvent = {
   component: "stzh-tag";
   originalEvent: MouseEvent;
+  href: string;
 };
 export type StzhTagFocusEvent = {
   component: "stzh-tag";
@@ -659,6 +705,7 @@ export type StzhChipType = "default" | "success" | "warning" | "error" | "info";
 export type StzhChipClickEvent = {
   component: "stzh-chip";
   originalEvent: MouseEvent;
+  href: string;
 };
 export type StzhChipRemoveEvent = {
   component: "stzh-chip";
@@ -936,7 +983,8 @@ export type StzhRadioBlurEvent = {
   component: "stzh-radio";
   originalEvent: FocusEvent;
 };
-export type StzhDropdownSize = "default" | "small" | "tiny";
+export type StzhDaterangeRanges = "today" | "tomorrow" | "next7days";
+export type StzhDropdownSize = "default" | "small" | "tiny" | StzhChipSize;
 export type StzhDropdownOption = {
   text: string;
   value: string;

package/dist/vscode-data.json

@@ -147,6 +147,9 @@
           "name": "variant",
           "description": "Variant determining what position the action buttons are",
           "values": [
+            {
+              "name": "cta"
+            },
             {
               "name": "dialog"
             },
@@ -155,9 +158,6 @@
             },
             {
               "name": "process"
-            },
-            {
-              "name": "search"
             }
           ]
         }
@@ -781,7 +781,7 @@
         },
         {
           "name": "size-large",
-          "description": "Size variant (abobe large breakpoint)",
+          "description": "Size variant (above large breakpoint)",
           "values": [
             {
               "name": "default"
@@ -796,7 +796,7 @@
         },
         {
           "name": "size-medium",
-          "description": "Size variant (abobe medium breakpoint)",
+          "description": "Size variant (above medium breakpoint)",
           "values": [
             {
               "name": "default"
@@ -811,7 +811,7 @@
         },
         {
           "name": "size-small",
-          "description": "Size variant (abobe small breakpoint)",
+          "description": "Size variant (above small breakpoint)",
           "values": [
             {
               "name": "default"
@@ -826,7 +826,7 @@
         },
         {
           "name": "size-ultra",
-          "description": "Size variant (abobe ultra breakpoint)",
+          "description": "Size variant (above ultra breakpoint)",
           "values": [
             {
               "name": "default"
@@ -1149,6 +1149,10 @@
           "name": "breadcrumb-items",
           "description": "Breadcrumb items"
         },
+        {
+          "name": "datalist-items",
+          "description": "Datalist items"
+        },
         {
           "name": "dateline",
           "description": "Dateline"
@@ -1224,16 +1228,131 @@
           "description": "Meta"
         },
         {
-          "name": "tag-left",
-          "description": "Tag left"
+          "name": "service",
+          "description": "Service"
         },
         {
-          "name": "tag-right",
-          "description": "Tag right"
+          "name": "tag",
+          "description": "Tag"
         },
         {
           "name": "target",
           "description": "target if the button is used as link (if href used)"
+        },
+        {
+          "name": "topic",
+          "description": "Topic"
+        }
+      ]
+    },
+    {
+      "name": "stzh-card-superteaser",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH superteaser card component."
+      },
+      "attributes": [
+        {
+          "name": "analytics-id",
+          "description": "For Adobe Analytics.\nWill be rendered as value of `s-object-id` attribute to the link elements.\nDefault value will be taken from `heading` prop/slot."
+        },
+        {
+          "name": "breadcrumb-items",
+          "description": "Breadcrumb items"
+        },
+        {
+          "name": "datalist-items",
+          "description": "Datalist items"
+        },
+        {
+          "name": "dateline",
+          "description": "Dateline"
+        },
+        {
+          "name": "description",
+          "description": "Description text (alternative for description slot)"
+        },
+        {
+          "name": "download",
+          "description": "Download attribute (if href is used)"
+        },
+        {
+          "name": "download-heading",
+          "description": "Download heading"
+        },
+        {
+          "name": "download-meta",
+          "description": "Download meta"
+        },
+        {
+          "name": "event-date-end",
+          "description": "Event start date"
+        },
+        {
+          "name": "event-date-start",
+          "description": "Event start date"
+        },
+        {
+          "name": "event-location",
+          "description": "Event location"
+        },
+        {
+          "name": "heading",
+          "description": "Heading (alternative for heading slot)"
+        },
+        {
+          "name": "heading-level",
+          "description": "Heading level",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            },
+            {
+              "name": "4"
+            }
+          ]
+        },
+        {
+          "name": "href",
+          "description": "Href of card"
+        },
+        {
+          "name": "image-position",
+          "description": "Image position",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
+        {
+          "name": "meta",
+          "description": "Meta"
+        },
+        {
+          "name": "service",
+          "description": "Service"
+        },
+        {
+          "name": "tag",
+          "description": "Tag"
+        },
+        {
+          "name": "target",
+          "description": "target if the button is used as link (if href used)"
+        },
+        {
+          "name": "topic",
+          "description": "Topic"
         }
       ]
     },
@@ -1665,6 +1784,66 @@
             }
           ]
         },
+        {
+          "name": "size-large",
+          "description": "Size variant (above large breakpoint)",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "size-medium",
+          "description": "Size variant (above medium breakpoint)",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "size-small",
+          "description": "Size variant (above small breakpoint)",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "size-ultra",
+          "description": "Size variant (above ultra breakpoint)",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
         {
           "name": "target",
           "description": "Target if the button is used as link (if `href` used)"
@@ -1766,6 +1945,14 @@
           "name": "label",
           "description": "Label"
         },
+        {
+          "name": "label-hidden",
+          "description": "Whether label is hidden."
+        },
+        {
+          "name": "multiple",
+          "description": "Multiple"
+        },
         {
           "name": "name",
           "description": "The name of the input element"
@@ -1914,6 +2101,24 @@
           "name": "name",
           "description": "Name"
         },
+        {
+          "name": "name-heading-level",
+          "description": "Name heading level",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            },
+            {
+              "name": "4"
+            }
+          ]
+        },
         {
           "name": "numbers",
           "description": "Numbers\nArray of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\nand optionally `analyticsId` for setting `s-object-id` to the link element\n(for Adobe Analytics, default value is `label` and `number`)."
@@ -2206,6 +2411,18 @@
           "name": "icon-label",
           "description": "Overwrite aria-label of action button (default aria label is `label` and `value`)."
         },
+        {
+          "name": "icon-position",
+          "description": "Icon position",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
         {
           "name": "icon-tooltip",
           "description": "Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button."
@@ -2528,6 +2745,23 @@
         }
       ]
     },
+    {
+      "name": "stzh-daterange",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH daterange component."
+      },
+      "attributes": [
+        {
+          "name": "legend",
+          "description": "Legend"
+        },
+        {
+          "name": "range-links",
+          "description": "Range links (current predefined available ranges: \"today\", \"tomorrow\", \"next7days\")"
+        }
+      ]
+    },
     {
       "name": "stzh-details",
       "description": {
@@ -2843,6 +3077,9 @@
             {
               "name": "default"
             },
+            {
+              "name": "large"
+            },
             {
               "name": "small"
             },
@@ -2853,11 +3090,14 @@
         },
         {
           "name": "size-large",
-          "description": "Size variant (abobe large breakpoint)",
+          "description": "Size variant (above large breakpoint)",
           "values": [
             {
               "name": "default"
             },
+            {
+              "name": "large"
+            },
             {
               "name": "small"
             },
@@ -2868,11 +3108,14 @@
         },
         {
           "name": "size-medium",
-          "description": "Size variant (abobe medium breakpoint)",
+          "description": "Size variant (above medium breakpoint)",
           "values": [
             {
               "name": "default"
             },
+            {
+              "name": "large"
+            },
             {
               "name": "small"
             },
@@ -2883,11 +3126,14 @@
         },
         {
           "name": "size-small",
-          "description": "Size variant (abobe small breakpoint)",
+          "description": "Size variant (above small breakpoint)",
           "values": [
             {
               "name": "default"
             },
+            {
+              "name": "large"
+            },
             {
               "name": "small"
             },
@@ -2898,11 +3144,14 @@
         },
         {
           "name": "size-ultra",
-          "description": "Size variant (abobe ultra breakpoint)",
+          "description": "Size variant (above ultra breakpoint)",
           "values": [
             {
               "name": "default"
             },
+            {
+              "name": "large"
+            },
             {
               "name": "small"
             },
@@ -2941,6 +3190,9 @@
             {
               "name": "default"
             },
+            {
+              "name": "filter"
+            },
             {
               "name": "plain"
             }
@@ -3478,6 +3730,9 @@
             {
               "name": "always"
             },
+            {
+              "name": "always-full"
+            },
             {
               "name": "default"
             },
@@ -4434,7 +4689,7 @@
         },
         {
           "name": "size-large",
-          "description": "Size variant (abobe large breakpoint)",
+          "description": "Size variant (above large breakpoint)",
           "values": [
             {
               "name": "default"
@@ -4449,7 +4704,7 @@
         },
         {
           "name": "size-medium",
-          "description": "Size variant (abobe medium breakpoint)",
+          "description": "Size variant (above medium breakpoint)",
           "values": [
             {
               "name": "default"
@@ -4464,7 +4719,7 @@
         },
         {
           "name": "size-small",
-          "description": "Size variant (abobe small breakpoint)",
+          "description": "Size variant (above small breakpoint)",
           "values": [
             {
               "name": "default"
@@ -4479,7 +4734,7 @@
         },
         {
           "name": "size-ultra",
-          "description": "Size variant (abobe ultra breakpoint)",
+          "description": "Size variant (above ultra breakpoint)",
           "values": [
             {
               "name": "default"
@@ -6007,6 +6262,14 @@
           "name": "empty-text",
           "description": "Empty text"
         },
+        {
+          "name": "hide-aside-filters",
+          "description": "Whether to hide the aside filters slot"
+        },
+        {
+          "name": "hide-main-filters",
+          "description": "Whether to hide the main filters slot"
+        },
         {
           "name": "initial-fetch",
           "description": "Whether search request should be fetched initially with set filters"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "3.0.0-beta4",
+  "version": "3.0.0-beta5",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",