@oiz/stzh-components 2.2.0 → 2.3.0-alpha

package/dist/vscode-data.json

@@ -1041,6 +1041,10 @@
           "name": "label",
           "description": "Label"
         },
+        {
+          "name": "non-interactive",
+          "description": "Whether chip is not interactive"
+        },
         {
           "name": "removable",
           "description": "Whether remove button should be shown"
@@ -1180,10 +1184,10 @@
       ]
     },
     {
-      "name": "stzh-contactaddress",
+      "name": "stzh-contact",
       "description": {
         "kind": "markdown",
-        "value": "The STZH contactaddress component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH contact component.\n<mark>Beta version, do not use in production yet.</mark>"
       },
       "attributes": [
         {
@@ -1266,7 +1270,12 @@
         "kind": "markdown",
         "value": "The STZH container component.\n\nSets side margins and max-width based on the current breakpoint."
       },
-      "attributes": []
+      "attributes": [
+        {
+          "name": "inverted",
+          "description": "Whether color should be inverted"
+        }
+      ]
     },
     {
       "name": "stzh-cspace",
@@ -1367,6 +1376,10 @@
             }
           ]
         },
+        {
+          "name": "disable-min-width",
+          "description": "Whether to disable min-width of datalist item"
+        },
         {
           "name": "hide-border",
           "description": "Hide border lines between items"
@@ -1514,6 +1527,10 @@
           "name": "columns",
           "description": "Columns"
         },
+        {
+          "name": "disable-min-width",
+          "description": "Whether to disable min-width of table"
+        },
         {
           "name": "id-field",
           "description": "ID field"
@@ -1988,6 +2005,10 @@
         {
           "name": "copyright",
           "description": "Copyright"
+        },
+        {
+          "name": "fullwidth",
+          "description": "Whether to stretch slotted content to fullwidth"
         }
       ]
     },
@@ -2183,6 +2204,9 @@
             {
               "name": "left"
             },
+            {
+              "name": "left-right"
+            },
             {
               "name": "none"
             },
@@ -2221,6 +2245,27 @@
             }
           ]
         },
+        {
+          "name": "items",
+          "description": "Control how cells items are positioned along a container's cross axis",
+          "values": [
+            {
+              "name": "baseline"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            },
+            {
+              "name": "stretch"
+            }
+          ]
+        },
         {
           "name": "justify",
           "description": "Alignment",
@@ -2686,6 +2731,14 @@
         }
       ]
     },
+    {
+      "name": "stzh-invert",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH invert component.\n<mark>Beta version, do not use in production yet.</mark>"
+      },
+      "attributes": []
+    },
     {
       "name": "stzh-langnav",
       "description": {
@@ -3376,7 +3429,7 @@
       "attributes": [
         {
           "name": "data",
-          "description": "Step data (JSON array with objects that have `label` attribute and optional `icon`, if icon instead of step number should be displayed):\n\n```\n{\n  \"label\": \"Step Label\"\n  \"icon\": \"clock\"\n}\n```"
+          "description": "Step data (JSON array with objects that have `label` attribute and optional:\n- `disabled`, if step should be disabled\n- `icon`, if icon instead of step number should be displayed):\n\n```\n{\n  \"label\": \"Step Label\"\n  \"icon\": \"clock\",\n  \"disabled\": true\n}\n```"
         },
         {
           "name": "index",
@@ -3415,6 +3468,10 @@
           "name": "current",
           "description": ""
         },
+        {
+          "name": "disabled",
+          "description": ""
+        },
         {
           "name": "dotted",
           "description": ""
@@ -3575,6 +3632,58 @@
         }
       ]
     },
+    {
+      "name": "stzh-ratio",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH ratio component.\n<mark>Beta version, do not use in production yet.</mark>"
+      },
+      "attributes": [
+        {
+          "name": "fit",
+          "description": "Fit mode",
+          "values": [
+            {
+              "name": "contain"
+            },
+            {
+              "name": "cover"
+            }
+          ]
+        },
+        {
+          "name": "portrait",
+          "description": "Whether aspect ratio is in portrait mode"
+        },
+        {
+          "name": "ratio",
+          "description": "Available aspect ratios",
+          "values": [
+            {
+              "name": "16:9"
+            },
+            {
+              "name": "1:1"
+            },
+            {
+              "name": "21:9"
+            },
+            {
+              "name": "2:1"
+            },
+            {
+              "name": "3:2"
+            },
+            {
+              "name": "4:3"
+            },
+            {
+              "name": "5:4"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "stzh-readspeaker",
       "description": {
@@ -3778,6 +3887,39 @@
         }
       ]
     },
+    {
+      "name": "stzh-show",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH show component."
+      },
+      "attributes": [
+        {
+          "name": "hide-from-date",
+          "description": "Hide from date"
+        },
+        {
+          "name": "large",
+          "description": "Large"
+        },
+        {
+          "name": "medium",
+          "description": "Medium"
+        },
+        {
+          "name": "mikro",
+          "description": "Mikro"
+        },
+        {
+          "name": "small",
+          "description": "Small"
+        },
+        {
+          "name": "ultra",
+          "description": "Ultra"
+        }
+      ]
+    },
     {
       "name": "stzh-sitemap",
       "description": {
@@ -3833,6 +3975,391 @@
         }
       ]
     },
+    {
+      "name": "stzh-space",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH space component.\n\nUse predefined spacings to introduce unified spaces between components vertically and horizontally. \n\nSee the <a href=\"?path=/story/tokens-spacings--page\" target=\"_blank\">spacings docs page</a> for more information."
+      },
+      "attributes": [
+        {
+          "name": "around",
+          "description": "Apply spacing to slotted elements"
+        },
+        {
+          "name": "border",
+          "description": "Add border",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-right"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-bottom"
+            }
+          ]
+        },
+        {
+          "name": "curve",
+          "description": "Type of curve",
+          "values": [
+            {
+              "name": "big"
+            },
+            {
+              "name": "huge"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "regular"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "tiny"
+            }
+          ]
+        },
+        {
+          "name": "items",
+          "description": "Control how cells items are positioned along a container's cross axis",
+          "values": [
+            {
+              "name": "baseline"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            },
+            {
+              "name": "stretch"
+            }
+          ]
+        },
+        {
+          "name": "justify",
+          "description": "Alignment",
+          "values": [
+            {
+              "name": "around"
+            },
+            {
+              "name": "between"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "evenly"
+            },
+            {
+              "name": "start"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Type of size",
+          "values": [
+            {
+              "name": "big"
+            },
+            {
+              "name": "huge"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xbig"
+            },
+            {
+              "name": "xhuge"
+            },
+            {
+              "name": "xlarge"
+            },
+            {
+              "name": "xsmall"
+            },
+            {
+              "name": "xxlarge"
+            },
+            {
+              "name": "xxsmall"
+            },
+            {
+              "name": "xxxlarge"
+            },
+            {
+              "name": "xxxsmall"
+            },
+            {
+              "name": "xxxxlarge"
+            }
+          ]
+        },
+        {
+          "name": "size-large",
+          "description": "Type of size above large breakpoint",
+          "values": [
+            {
+              "name": "big"
+            },
+            {
+              "name": "huge"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xbig"
+            },
+            {
+              "name": "xhuge"
+            },
+            {
+              "name": "xlarge"
+            },
+            {
+              "name": "xsmall"
+            },
+            {
+              "name": "xxlarge"
+            },
+            {
+              "name": "xxsmall"
+            },
+            {
+              "name": "xxxlarge"
+            },
+            {
+              "name": "xxxsmall"
+            },
+            {
+              "name": "xxxxlarge"
+            }
+          ]
+        },
+        {
+          "name": "size-medium",
+          "description": "Type of size above medium breakpoint",
+          "values": [
+            {
+              "name": "big"
+            },
+            {
+              "name": "huge"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xbig"
+            },
+            {
+              "name": "xhuge"
+            },
+            {
+              "name": "xlarge"
+            },
+            {
+              "name": "xsmall"
+            },
+            {
+              "name": "xxlarge"
+            },
+            {
+              "name": "xxsmall"
+            },
+            {
+              "name": "xxxlarge"
+            },
+            {
+              "name": "xxxsmall"
+            },
+            {
+              "name": "xxxxlarge"
+            }
+          ]
+        },
+        {
+          "name": "size-small",
+          "description": "Type of size above small breakpoint",
+          "values": [
+            {
+              "name": "big"
+            },
+            {
+              "name": "huge"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xbig"
+            },
+            {
+              "name": "xhuge"
+            },
+            {
+              "name": "xlarge"
+            },
+            {
+              "name": "xsmall"
+            },
+            {
+              "name": "xxlarge"
+            },
+            {
+              "name": "xxsmall"
+            },
+            {
+              "name": "xxxlarge"
+            },
+            {
+              "name": "xxxsmall"
+            },
+            {
+              "name": "xxxxlarge"
+            }
+          ]
+        },
+        {
+          "name": "size-ultra",
+          "description": "Type of size above ultra breakpoint",
+          "values": [
+            {
+              "name": "big"
+            },
+            {
+              "name": "huge"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xbig"
+            },
+            {
+              "name": "xhuge"
+            },
+            {
+              "name": "xlarge"
+            },
+            {
+              "name": "xsmall"
+            },
+            {
+              "name": "xxlarge"
+            },
+            {
+              "name": "xxsmall"
+            },
+            {
+              "name": "xxxlarge"
+            },
+            {
+              "name": "xxxsmall"
+            },
+            {
+              "name": "xxxxlarge"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "stzh-status",
       "description": {
@@ -3882,6 +4409,10 @@
         "value": "The STZH sticky component.\n<mark>Beta version, do not use in production yet.</mark>\n\nMakes slotted content sticky with help of `position: sticky` and adds additional events when element gets stucked. To make it work, parent elements are not allowed to have a overflow set to `auto`, `hidden` or `scroll`.\n\nWhen element is stuck `is-stuck` attribute will be added to the host element. Additionally `is-stuck-top` or `is-stuck-bottom` will be added."
       },
       "attributes": [
+        {
+          "name": "breakout",
+          "description": "Whether to breakout container"
+        },
         {
           "name": "disable-sticky-bottom",
           "description": "Whether to disable sticking to bottom"
@@ -3899,6 +4430,10 @@
         "value": "The STZH table component.\n\nUse this component instead of <a href=\"?path=/story/components-datatable--default\" target=\"_blank\">stzh-datatable</a> if you need more control over rendering the table element. You will have to implement filtering and sorting by yourself though. Following cell classes can be used within component for styling:\n\n- `align-left`: Text align to left\n- `align-right`: Text align to right\n- `align-center`: Text align to center\n- `valign-auto`: Vertical align to auto/baseline\n- `valign-middle`: Vertical align to middle\n- `valign-bottom`: Vertical align to bottom\n- `nowrap`: Prevent text from wrapping\n- `is-sortable`: Mark head cell as sortable (removes padding, `stzh-table__sort-button` used inside cell)\n- `has-sorted`: Mark head cell as ascending sorted (`stzh-table__icon` will appear)\n- `has-sorted-desc`: Mark head cell as descending sorted"
       },
       "attributes": [
+        {
+          "name": "disable-min-width",
+          "description": "Whether to disable min-width of table"
+        },
         {
           "name": "fixed-left",
           "description": "Columns that should be sticky on the left side (column indexes separated by comma)"
@@ -5179,6 +5714,9 @@
             },
             {
               "name": "top"
+            },
+            {
+              "name": "top-bottom"
             }
           ]
         },
@@ -5212,6 +5750,27 @@
             }
           ]
         },
+        {
+          "name": "items",
+          "description": "Control how cells items are positioned along a container's cross axis",
+          "values": [
+            {
+              "name": "baseline"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            },
+            {
+              "name": "stretch"
+            }
+          ]
+        },
         {
           "name": "justify",
           "description": "Alignment",

package/loader/index.d.ts

@@ -10,3 +10,12 @@ 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
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;