@oiz/stzh-components 1.5.0-alpha → 2.0.0-beta

package/dist/types/index.d.ts

@@ -21,27 +21,51 @@ export declare type StzhSortableUpdateEvent = {
   newIndex: number;
   oldIndex: number;
 };
-export declare type StzhServiceCardAction = {
+export declare type StzhSortableDisableEvent = {
+  component: "stzh-sortable";
+  disabled: boolean;
+};
+export declare type StzhActionsetItem = {
   id: string;
-  label: string;
-  icon: string;
-  badge: string;
-  onlyCollapseText: boolean;
+  label?: string;
+  icon?: string;
+  iconPosition?: "left" | "right";
+  iconOnly?: boolean;
+  badge?: string;
+  variant?: "default" | "secondary" | "input" | "tertiary";
+  size?: "default" | "small" | "tiny";
+  badgePosition?: "icon" | "button";
+  tooltipContent?: string;
+};
+export declare type StzhActionsetItemClickEvent = {
+  component: "stzh-actionset";
+  action: StzhActionsetItem;
+};
+export declare type StzhCardHeaderAction = {
+  id: string;
+  label?: string;
+  icon?: string;
+  badge?: string;
+  onlyCollapseText?: boolean;
 };
-export declare type StzhServicecardSubtitleClickEvent = {
-  component: "stzh-servicecard";
+export declare type StzhCardSubtitleClickEvent = {
+  component: "stzh-card";
 };
-export declare type StzhServicecardCollapseEvent = {
-  component: "stzh-servicecard";
+export declare type StzhCardCollapseEvent = {
+  component: "stzh-card";
   collapsed: boolean;
 };
-export declare type StzhServicecardStarClickEvent = {
-  component: "stzh-servicecard";
+export declare type StzhCardStarClickEvent = {
+  component: "stzh-card";
   starred: boolean;
 };
-export declare type StzhServicecardActionClickEvent = {
-  component: "stzh-servicecard";
-  action: StzhServiceCardAction;
+export declare type StzhCardHeaderActionClickEvent = {
+  component: "stzh-card";
+  action: StzhCardHeaderAction;
+};
+export declare type StzhCardListCollapseAllEvent = {
+  component: "stzh-card-list";
+  allCollapsed: boolean;
 };
 export declare type StzhCalendarChangeEvent = {
   component: "stzh-calendar";
@@ -93,6 +117,12 @@ export declare type StzhButtonBlurEvent = {
   component: "stzh-button";
   originalEvent: FocusEvent;
 };
+export declare type StzhButtonChangeEvent = {
+  component: "stzh-button";
+  originalEvent: InputEvent;
+  value: string;
+  checked: boolean;
+};
 export declare type StzhLinkFocusEvent = {
   component: "stzh-link";
   originalEvent: FocusEvent;
@@ -113,6 +143,18 @@ export declare type StzhChipSelectChangeEvent = {
   component: "stzh-chip-select";
   value: string;
 };
+export declare type StzhDatalistItemEntry = {
+  value: string;
+  label?: string;
+  meta?: string;
+  icon?: string;
+  href: string;
+};
+export declare type StzhDatalistItemActionClickEvent = {
+  component: "stzh-datalist";
+  originalEvent: MouseEvent;
+  item: StzhDatalistItemEntry;
+};
 export declare type StzhDatamessagelistItemEntryMeta = {
   label: string;
   value: string;

package/dist/vscode-data.json

@@ -89,6 +89,106 @@
         }
       ]
     },
+    {
+      "name": "stzh-actionset",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH actions component.\n\nAutomatically position given buttons inside a form, dialog or process. Sets `variant=\"secondary\"` to `stzh-button` elements placed in secondary slot by default if nothing else is set."
+      },
+      "attributes": [
+        {
+          "name": "actions",
+          "description": "Card header actions"
+        },
+        {
+          "name": "popover-button-size",
+          "description": "Popover button size",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "tiny"
+            }
+          ]
+        },
+        {
+          "name": "popover-button-variant",
+          "description": "Popover button variant",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "input"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "tertiary"
+            }
+          ]
+        },
+        {
+          "name": "popover-placement",
+          "description": "Popover placement",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant determining what position the action buttons are",
+          "values": [
+            {
+              "name": "overflow"
+            },
+            {
+              "name": "stack"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "stzh-appnav",
       "description": {
@@ -211,6 +311,10 @@
             }
           ]
         },
+        {
+          "name": "checked",
+          "description": "Checked status (if type is radio)"
+        },
         {
           "name": "disabled",
           "description": "Whether the button is disabled"
@@ -259,6 +363,10 @@
           "name": "label",
           "description": "Label"
         },
+        {
+          "name": "name",
+          "description": "The name of the input element (if type is radio)"
+        },
         {
           "name": "size",
           "description": "Size variant",
@@ -306,6 +414,9 @@
             {
               "name": "button"
             },
+            {
+              "name": "radio"
+            },
             {
               "name": "reset"
             },
@@ -314,6 +425,10 @@
             }
           ]
         },
+        {
+          "name": "value",
+          "description": "The value of the input element (if type is radio)"
+        },
         {
           "name": "variant",
           "description": "Variant style",
@@ -359,6 +474,120 @@
         }
       ]
     },
+    {
+      "name": "stzh-card",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH card component."
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether card is checked (if card is selectable)"
+        },
+        {
+          "name": "collapsed",
+          "description": "Whether card is collapsed or not"
+        },
+        {
+          "name": "collapsible",
+          "description": "Whether card is collapsible"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled or not (if card is selectable)"
+        },
+        {
+          "name": "footer-actions",
+          "description": "Card footer actions"
+        },
+        {
+          "name": "header-actions",
+          "description": "Card header actions"
+        },
+        {
+          "name": "heading",
+          "description": "Heading"
+        },
+        {
+          "name": "hide-footer-border",
+          "description": "Whether to hide footer separation border"
+        },
+        {
+          "name": "hide-header-border",
+          "description": "Whether to hide header separation border"
+        },
+        {
+          "name": "hide-movement-actions",
+          "description": "Whether movement menu items should be shown"
+        },
+        {
+          "name": "name",
+          "description": "The name of the input element (if card is selectable)"
+        },
+        {
+          "name": "selectable",
+          "description": "Whether card is selectable"
+        },
+        {
+          "name": "sortable-disabled",
+          "description": "Whether sorting should be disabled"
+        },
+        {
+          "name": "starrable",
+          "description": "Whether card star is displayed"
+        },
+        {
+          "name": "starred",
+          "description": "Whether card was starred"
+        },
+        {
+          "name": "subtitle",
+          "description": "Subtitle"
+        },
+        {
+          "name": "subtitle-interactive",
+          "description": "Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click"
+        },
+        {
+          "name": "type",
+          "description": "Type",
+          "values": [
+            {
+              "name": "alert"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "The value of the input element (if card is selectable)"
+        }
+      ]
+    },
+    {
+      "name": "stzh-card-list",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH card list component."
+      },
+      "attributes": [
+        {
+          "name": "show-toggle-link",
+          "description": "Whether collapse/expand toggle link"
+        },
+        {
+          "name": "sortable-data-id-attribute",
+          "description": "HTML attribute that is used by the `toArray()` of sortable method"
+        },
+        {
+          "name": "sortable-disabled",
+          "description": "Whether sorting should be disabled"
+        }
+      ]
+    },
     {
       "name": "stzh-cell",
       "description": {
@@ -677,11 +906,100 @@
       },
       "attributes": []
     },
+    {
+      "name": "stzh-datalist",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH datalist component."
+      },
+      "attributes": [
+        {
+          "name": "direction",
+          "description": "Direction",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "direction-large",
+          "description": "Direction above large breakpoint",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "direction-medium",
+          "description": "Direction above medium breakpoint",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "direction-small",
+          "description": "Direction above small breakpoint",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "direction-ultra",
+          "description": "Direction above ultra breakpoint",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "hide-border",
+          "description": "Hide border lines between items"
+        },
+        {
+          "name": "items",
+          "description": "Items in datalist\nArray of objects that must at least include `value` attribute.\nCan optionally contain `label`, `meta`, `icon`, `href` attribute:\n`[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\"}]`"
+        }
+      ]
+    },
     {
       "name": "stzh-datamessagelist",
       "description": {
         "kind": "markdown",
-        "value": "The STZH datemessagelist component."
+        "value": "The STZH datamessagelist component."
       },
       "attributes": []
     },
@@ -844,10 +1162,6 @@
           "name": "name",
           "description": "Name of the hidden date picker input."
         },
-        {
-          "name": "placeholder",
-          "description": "Placeholder text"
-        },
         {
           "name": "readonly",
           "description": "Whether the element is readonly or not"
@@ -1054,10 +1368,6 @@
           "name": "options",
           "description": "Available options"
         },
-        {
-          "name": "placeholder",
-          "description": "Placeholder option"
-        },
         {
           "name": "popover-placement",
           "description": "Popover placement",
@@ -1831,10 +2141,6 @@
           "name": "no-autocomplete",
           "description": "Whether autocomplete should be turned off"
         },
-        {
-          "name": "placeholder",
-          "description": "Placeholder text"
-        },
         {
           "name": "readonly",
           "description": "Whether the element is readonly or not"
@@ -1974,6 +2280,9 @@
             {
               "name": "default"
             },
+            {
+              "name": "inherit"
+            },
             {
               "name": "small"
             }
@@ -2296,6 +2605,18 @@
           "name": "skidding",
           "description": "Shifting of popover content"
         },
+        {
+          "name": "strategy",
+          "description": "Position strategy",
+          "values": [
+            {
+              "name": "absolute"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
         {
           "name": "variant",
           "description": "Variant",
@@ -2708,124 +3029,6 @@
         }
       ]
     },
-    {
-      "name": "stzh-servicecard",
-      "description": {
-        "kind": "markdown",
-        "value": "The STZH servicecard component."
-      },
-      "attributes": [
-        {
-          "name": "actions",
-          "description": "Card actions"
-        },
-        {
-          "name": "collapsed",
-          "description": "Whether card is collapsed or not"
-        },
-        {
-          "name": "collapsible",
-          "description": "Whether card is collapsible"
-        },
-        {
-          "name": "heading",
-          "description": "Heading"
-        },
-        {
-          "name": "hide-movement-actions",
-          "description": "Whether movement menu items should be shown"
-        },
-        {
-          "name": "middle-variant",
-          "description": "Middle column position variant (positioning behaviour on tablet)",
-          "values": [
-            {
-              "name": "to-left"
-            },
-            {
-              "name": "to-right"
-            }
-          ]
-        },
-        {
-          "name": "middle-vertical-spacing",
-          "description": "Set middle column vertical spacing",
-          "values": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "none"
-            }
-          ]
-        },
-        {
-          "name": "right-vertical-spacing",
-          "description": "Set right column vertical spacing",
-          "values": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "none"
-            }
-          ]
-        },
-        {
-          "name": "sortable-disabled",
-          "description": "Whether sorting should be disabled"
-        },
-        {
-          "name": "starrable",
-          "description": "Whether card star is displayed"
-        },
-        {
-          "name": "starred",
-          "description": "Whether card was starred"
-        },
-        {
-          "name": "subtitle",
-          "description": "Subtitle"
-        },
-        {
-          "name": "subtitle-interactive",
-          "description": "Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click"
-        },
-        {
-          "name": "type",
-          "description": "Type",
-          "values": [
-            {
-              "name": "alert"
-            },
-            {
-              "name": "default"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "stzh-servicecard-list",
-      "description": {
-        "kind": "markdown",
-        "value": "The STZH servicecard list component."
-      },
-      "attributes": [
-        {
-          "name": "show-toggle-link",
-          "description": "Whether collapse/expand toggle link"
-        },
-        {
-          "name": "sortable-data-id-attribute",
-          "description": "HTML attribute that is used by the `toArray()` of sortable method"
-        },
-        {
-          "name": "sortable-disabled",
-          "description": "Whether sorting should be disabled"
-        }
-      ]
-    },
     {
       "name": "stzh-skiplink",
       "description": {
@@ -3376,6 +3579,18 @@
           "name": "skidding",
           "description": "Shifting of tooltip content"
         },
+        {
+          "name": "strategy",
+          "description": "Position strategy",
+          "values": [
+            {
+              "name": "absolute"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
         {
           "name": "trigger",
           "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically."

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oiz/stzh-components",
-    "version": "1.5.0-alpha",
+    "version": "2.0.0-beta",
     "description": "STZH Web Components Library",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",