@ukic/docs 2.1.0-beta.7 → 2.1.0-beta.9

package/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-02-13T15:02:23",
+  "timestamp": "2023-03-21T13:37:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -240,7 +240,13 @@
       "methods": [],
       "events": [],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--ic-z-index-back-to-top",
+          "annotation": "prop",
+          "docs": "z-index of back to top"
+        }
+      ],
       "slots": [],
       "parts": [],
       "dependents": [],
@@ -312,7 +318,19 @@
           "required": true
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the breadcrumb.",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [],
       "styles": [],
@@ -762,7 +780,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the native `button`",
+          "docs": "Sets focus on the native `button`.",
           "docsTags": []
         }
       ],
@@ -810,11 +828,13 @@
       "dependents": [
         "ic-alert",
         "ic-card",
+        "ic-horizontal-scroll",
         "ic-navigation-button",
         "ic-navigation-menu",
         "ic-search-bar",
         "ic-select",
         "ic-side-navigation",
+        "ic-toast",
         "ic-top-navigation"
       ],
       "dependencies": [
@@ -838,6 +858,9 @@
         "ic-card": [
           "ic-button"
         ],
+        "ic-horizontal-scroll": [
+          "ic-button"
+        ],
         "ic-navigation-button": [
           "ic-button"
         ],
@@ -853,6 +876,9 @@
         "ic-side-navigation": [
           "ic-button"
         ],
+        "ic-toast": [
+          "ic-button"
+        ],
         "ic-top-navigation": [
           "ic-button"
         ]
@@ -1139,7 +1165,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the card.",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [
         {
@@ -1384,7 +1422,19 @@
           "required": true
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the checkbox.",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "checkboxChecked",
@@ -1751,7 +1801,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the chip.",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "dismiss",
@@ -1923,7 +1985,13 @@
       "methods": [],
       "events": [],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--ic-z-index-classification-banner",
+          "annotation": "prop",
+          "docs": "z-index of classification banner"
+        }
+      ],
       "slots": [],
       "parts": [],
       "dependents": [],
@@ -2667,6 +2735,81 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/ic-horizontal-scroll/ic-horizontal-scroll.tsx",
+      "encapsulation": "shadow",
+      "tag": "ic-horizontal-scroll",
+      "readme": "# ic-horizontal-scroll\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "appearance",
+          "type": "\"dark\" | \"default\" | \"light\"",
+          "mutable": false,
+          "attr": "appearance",
+          "reflectToAttr": false,
+          "docs": "The appearance of the horizontal scroll, e.g. dark, light or the default.",
+          "docsTags": [],
+          "default": "\"default\"",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "ic-page-header",
+        "ic-tab-group",
+        "ic-top-navigation"
+      ],
+      "dependencies": [
+        "ic-button"
+      ],
+      "dependencyGraph": {
+        "ic-horizontal-scroll": [
+          "ic-button"
+        ],
+        "ic-button": [
+          "ic-loading-indicator",
+          "ic-tooltip"
+        ],
+        "ic-loading-indicator": [
+          "ic-typography"
+        ],
+        "ic-tooltip": [
+          "ic-typography"
+        ],
+        "ic-page-header": [
+          "ic-horizontal-scroll"
+        ],
+        "ic-tab-group": [
+          "ic-horizontal-scroll"
+        ],
+        "ic-top-navigation": [
+          "ic-horizontal-scroll"
+        ]
+      }
+    },
     {
       "filePath": "./src/components/ic-input-component-container/ic-input-component-container.tsx",
       "encapsulation": "none",
@@ -3449,7 +3592,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the link.",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [
         {
@@ -3692,7 +3847,8 @@
       "parts": [],
       "dependents": [
         "ic-button",
-        "ic-step"
+        "ic-step",
+        "ic-toast"
       ],
       "dependencies": [
         "ic-typography"
@@ -3706,6 +3862,9 @@
         ],
         "ic-step": [
           "ic-loading-indicator"
+        ],
+        "ic-toast": [
+          "ic-loading-indicator"
         ]
       }
     },
@@ -3885,17 +4044,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "handleClickOpen",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "handleClickOpen() => Promise<void>",
-          "parameters": [],
-          "docs": "If menu is opened with the mouse, emit icMenuStateChange custom event.",
-          "docsTags": []
-        },
         {
           "name": "handleKeyboardOpen",
           "returns": {
@@ -3913,41 +4061,15 @@
           ]
         }
       ],
-      "events": [
-        {
-          "event": "icMenuStateChange",
-          "detail": "IcMenuChangeEventDetail",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when state of menu changes (i.e. open or close).",
-          "docsTags": []
-        },
-        {
-          "event": "icOptionSelect",
-          "detail": "IcOptionSelectEventDetail",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when an option is selected.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [
-        {
-          "event": "icClear",
-          "target": "document",
-          "capture": false,
-          "passive": false
-        },
+      "events": [],
+      "listeners": [],
+      "styles": [
         {
-          "event": "icSubmitSearch",
-          "target": "document",
-          "capture": false,
-          "passive": false
+          "name": "--ic-z-index-menu",
+          "annotation": "prop",
+          "docs": "z-index of menu"
         }
       ],
-      "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [
@@ -4141,7 +4263,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the native `button`",
+          "docs": "Sets focus on the native `button`.",
           "docsTags": []
         }
       ],
@@ -4246,7 +4368,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the nav item",
+          "docs": "Sets focus on the nav item.",
           "docsTags": []
         }
       ],
@@ -4269,7 +4391,13 @@
           "passive": false
         }
       ],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--ic-z-index-navigation-item",
+          "annotation": "prop",
+          "docs": "z-index of navigation group item"
+        }
+      ],
       "slots": [],
       "parts": [],
       "dependents": [],
@@ -4356,7 +4484,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the nav item",
+          "docs": "Sets focus on the nav item.",
           "docsTags": []
         }
       ],
@@ -4369,7 +4497,13 @@
           "passive": false
         }
       ],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--ic-z-index-navigation-item",
+          "annotation": "prop",
+          "docs": "z-index of navigation item"
+        }
+      ],
       "slots": [],
       "parts": [
         {
@@ -4460,7 +4594,13 @@
           "passive": false
         }
       ],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--ic-z-index-navigation-menu",
+          "annotation": "prop",
+          "docs": "z-index of navigation menu"
+        }
+      ],
       "slots": [
         {
           "name": "buttons",
@@ -4688,7 +4828,13 @@
       "methods": [],
       "events": [],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--ic-z-index-page-header",
+          "annotation": "prop",
+          "docs": "z-index of page-header"
+        }
+      ],
       "slots": [
         {
           "name": "actions",
@@ -4727,11 +4873,26 @@
       "dependents": [],
       "dependencies": [
         "ic-section-container",
-        "ic-typography"
+        "ic-typography",
+        "ic-horizontal-scroll"
       ],
       "dependencyGraph": {
         "ic-page-header": [
           "ic-section-container",
+          "ic-typography",
+          "ic-horizontal-scroll"
+        ],
+        "ic-horizontal-scroll": [
+          "ic-button"
+        ],
+        "ic-button": [
+          "ic-loading-indicator",
+          "ic-tooltip"
+        ],
+        "ic-loading-indicator": [
+          "ic-typography"
+        ],
+        "ic-tooltip": [
           "ic-typography"
         ]
       }
@@ -4827,6 +4988,28 @@
           "optional": false,
           "required": true
         },
+        {
+          "name": "orientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "mutable": true,
+          "attr": "orientation",
+          "reflectToAttr": true,
+          "docs": "The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.",
+          "docsTags": [],
+          "default": "\"vertical\"",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "required",
           "type": "boolean",
@@ -5095,17 +5278,29 @@
           "required": true
         }
       ],
-      "methods": [],
-      "events": [
-        {
-          "event": "icCheck",
-          "detail": "IcValueEventDetail",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when a radio is selected.",
-          "docsTags": []
-        },
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the radio option.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "icCheck",
+          "detail": "IcValueEventDetail",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when a radio is selected.",
+          "docsTags": []
+        },
         {
           "event": "radioOptionSelect",
           "detail": "IcValueEventDetail",
@@ -5768,7 +5963,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the native `input`",
+          "docs": "Sets focus on the native `input`.",
           "docsTags": []
         }
       ],
@@ -5886,19 +6081,15 @@
           "event": "keyup",
           "capture": false,
           "passive": false
-        },
-        {
-          "event": "icMenuStateChange",
-          "capture": false,
-          "passive": false
-        },
+        }
+      ],
+      "styles": [
         {
-          "event": "menuOptionId",
-          "capture": false,
-          "passive": false
+          "name": "--ic-z-index-menu",
+          "annotation": "prop",
+          "docs": "z-index of search bar menu"
         }
       ],
-      "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
@@ -6052,6 +6243,40 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "debounce",
+          "type": "number",
+          "mutable": false,
+          "attr": "debounce",
+          "reflectToAttr": false,
+          "docs": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "disableFilter",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disable-filter",
+          "reflectToAttr": false,
+          "docs": "Specify whether to disable the built in filtering for a searchable variant. For example, if options will already be filtered from external source.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -6143,7 +6368,7 @@
           "mutable": false,
           "attr": "include-descriptions-in-search",
           "reflectToAttr": false,
-          "docs": "If `true`, descriptions of options will be included when filtering options in a searchable select.",
+          "docs": "If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -6160,7 +6385,7 @@
           "mutable": false,
           "attr": "include-group-titles-in-search",
           "reflectToAttr": false,
-          "docs": "If `true`, group titles of grouped options will be included when filtering options in a searchable select.",
+          "docs": "If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -6277,7 +6502,7 @@
           "mutable": false,
           "attr": "search-match-position",
           "reflectToAttr": false,
-          "docs": "Whether the search string of the searchable select should match the start of or anywhere in the options.",
+          "docs": "Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.",
           "docsTags": [],
           "default": "\"anywhere\"",
           "values": [
@@ -6427,7 +6652,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when select has blur.",
+          "docs": "Emitted when select loses focus.",
           "docsTags": []
         },
         {
@@ -6436,7 +6661,16 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when a value is selected.",
+          "docs": "Emitted when the value changes.",
+          "docsTags": []
+        },
+        {
+          "event": "icClear",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when clear button clicked.",
           "docsTags": []
         },
         {
@@ -6445,12 +6679,35 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when select has focus.",
+          "docs": "Emitted when select gains focus.",
+          "docsTags": []
+        },
+        {
+          "event": "icInput",
+          "detail": "IcValueEventDetail",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when a keyboard input occurred.",
+          "docsTags": []
+        },
+        {
+          "event": "icOptionSelect",
+          "detail": "IcOptionSelectEventDetail",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when option is highlighted within the menu.\nHighlighting a menu item will trigger an `icChange/onIcChange` due to the value being updated.",
           "docsTags": []
         }
       ],
       "listeners": [],
       "styles": [
+        {
+          "name": "--ic-z-index-menu",
+          "annotation": "prop",
+          "docs": "z-index of select menu"
+        },
         {
           "name": "--input-width",
           "annotation": "prop",
@@ -6511,6 +6768,10 @@
           "name": "slot",
           "text": "app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation."
         },
+        {
+          "name": "slot",
+          "text": "app-title - Handle routing by nesting a route in the app title."
+        },
         {
           "name": "slot",
           "text": "primary-navigation - Content will be rendered at the top of the side navigation."
@@ -6528,7 +6789,7 @@
           "mutable": false,
           "attr": "app-title",
           "reflectToAttr": false,
-          "docs": "The title of the app to be displayed.",
+          "docs": "The app title to be displayed. This is required, unless a slotted app title link is used.",
           "docsTags": [],
           "values": [
             {
@@ -6536,7 +6797,7 @@
             }
           ],
           "optional": false,
-          "required": true
+          "required": false
         },
         {
           "name": "collapsedIconLabels",
@@ -6666,12 +6927,22 @@
           "passive": false
         }
       ],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--ic-z-index-side-navigation",
+          "annotation": "prop",
+          "docs": "z-index of side navigation panel"
+        }
+      ],
       "slots": [
         {
           "name": "app-icon",
           "docs": "Content will be rendered adjacent to the app title at the very top of the side navigation."
         },
+        {
+          "name": "app-title",
+          "docs": "Handle routing by nesting a route in the app title."
+        },
         {
           "name": "primary-navigation",
           "docs": "Content will be rendered at the top of the side navigation."
@@ -7276,7 +7547,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the switch.",
+          "docsTags": []
+        }
+      ],
       "events": [
         {
           "event": "icBlur",
@@ -7362,7 +7645,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the tab.",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [],
       "styles": [],
@@ -7573,24 +7868,28 @@
       ],
       "methods": [],
       "events": [],
-      "listeners": [
-        {
-          "event": "tabFocus",
-          "capture": false,
-          "passive": false
-        }
-      ],
+      "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "ic-tooltip"
+        "ic-horizontal-scroll"
       ],
       "dependencyGraph": {
         "ic-tab-group": [
+          "ic-horizontal-scroll"
+        ],
+        "ic-horizontal-scroll": [
+          "ic-button"
+        ],
+        "ic-button": [
+          "ic-loading-indicator",
           "ic-tooltip"
         ],
+        "ic-loading-indicator": [
+          "ic-typography"
+        ],
         "ic-tooltip": [
           "ic-typography"
         ]
@@ -8382,7 +8681,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the native `input`",
+          "docs": "Sets focus on the native `input`.",
           "docsTags": []
         }
       ],
@@ -8520,6 +8819,292 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "./src/components/ic-toast/ic-toast.tsx",
+      "encapsulation": "shadow",
+      "tag": "ic-toast",
+      "readme": "# ic-toast\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "action - IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type."
+        },
+        {
+          "name": "slot",
+          "text": "neutral-icon - A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "autoDismissTimeout",
+          "type": "number",
+          "mutable": false,
+          "attr": "auto-dismiss-timeout",
+          "reflectToAttr": false,
+          "docs": "If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)\n(NOTE: Has a minimum value of `5000ms`)",
+          "docsTags": [],
+          "default": "5000",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "dismissButtonAriaLabel",
+          "type": "string",
+          "mutable": false,
+          "attr": "dismiss-button-aria-label",
+          "reflectToAttr": false,
+          "docs": "If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component",
+          "docsTags": [],
+          "default": "\"dismiss\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "dismissMode",
+          "type": "\"automatic\" | \"manual\"",
+          "mutable": false,
+          "attr": "dismiss-mode",
+          "reflectToAttr": false,
+          "docs": "How the toast will be dismissed. If manual will display a dismiss button.",
+          "docsTags": [],
+          "default": "\"manual\"",
+          "values": [
+            {
+              "value": "automatic",
+              "type": "string"
+            },
+            {
+              "value": "manual",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "heading",
+          "type": "string",
+          "mutable": false,
+          "attr": "heading",
+          "reflectToAttr": false,
+          "docs": "The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "message",
+          "type": "string",
+          "mutable": false,
+          "attr": "message",
+          "reflectToAttr": false,
+          "docs": "The main body message of the toast. (NOTE: Should be no more than `140` characters)",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "neutralIconAriaLabel",
+          "type": "string",
+          "mutable": false,
+          "attr": "neutral-icon-aria-label",
+          "reflectToAttr": false,
+          "docs": "Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "variant",
+          "type": "\"error\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "The variant of the toast being rendered",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "error",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "neutral",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "setVisible",
+          "returns": {
+            "type": "Promise<HTMLElement>",
+            "docs": "The element that previously had focus before the toast appeared"
+          },
+          "signature": "setVisible() => Promise<HTMLElement>",
+          "parameters": [],
+          "docs": "Used to display the individual toast",
+          "docsTags": [
+            {
+              "name": "returns",
+              "text": "The element that previously had focus before the toast appeared"
+            }
+          ]
+        }
+      ],
+      "events": [
+        {
+          "event": "icDismiss",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Is emitted when the user dismisses the toast",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "icDismiss",
+          "capture": true,
+          "passive": false
+        },
+        {
+          "event": "keydown",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "mouseenter",
+          "capture": false,
+          "passive": true
+        },
+        {
+          "event": "mouseleave",
+          "capture": false,
+          "passive": true
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "action",
+          "docs": "IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type."
+        },
+        {
+          "name": "neutral-icon",
+          "docs": "A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ic-typography",
+        "ic-loading-indicator",
+        "ic-button"
+      ],
+      "dependencyGraph": {
+        "ic-toast": [
+          "ic-typography",
+          "ic-loading-indicator",
+          "ic-button"
+        ],
+        "ic-loading-indicator": [
+          "ic-typography"
+        ],
+        "ic-button": [
+          "ic-loading-indicator",
+          "ic-tooltip"
+        ],
+        "ic-tooltip": [
+          "ic-typography"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/ic-toast-region/ic-toast-region.tsx",
+      "encapsulation": "none",
+      "tag": "ic-toast-region",
+      "readme": "# ic-toast-region\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [
+        {
+          "name": "setVisible",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setVisible(toast: HTMLIcToastElement) => Promise<void>",
+          "parameters": [],
+          "docs": "Handles setting the visibility of various toasts based on what is already visible",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "toast The toast element being requested to display"
+            }
+          ]
+        }
+      ],
+      "events": [],
+      "listeners": [
+        {
+          "event": "icDismiss",
+          "capture": true,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "./src/components/ic-tooltip/ic-tooltip.tsx",
       "encapsulation": "shadow",
@@ -8644,14 +9229,19 @@
       "methods": [],
       "events": [],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--ic-z-index-tooltip",
+          "annotation": "prop",
+          "docs": "z-index of tooltip"
+        }
+      ],
       "slots": [],
       "parts": [],
       "dependents": [
         "ic-button",
         "ic-chip",
-        "ic-navigation-item",
-        "ic-tab-group"
+        "ic-navigation-item"
       ],
       "dependencies": [
         "ic-typography"
@@ -8668,9 +9258,6 @@
         ],
         "ic-navigation-item": [
           "ic-tooltip"
-        ],
-        "ic-tab-group": [
-          "ic-tooltip"
         ]
       }
     },
@@ -8685,6 +9272,10 @@
           "name": "slot",
           "text": "app-icon - Content will be rendered to left of app title."
         },
+        {
+          "name": "slot",
+          "text": "app-title - Handle routing by nesting a route in the app title."
+        },
         {
           "name": "slot",
           "text": "search - Content will be rendered in search area to left of buttons."
@@ -8710,7 +9301,7 @@
           "mutable": false,
           "attr": "app-title",
           "reflectToAttr": false,
-          "docs": "The app title to be displayed.",
+          "docs": "The app title to be displayed. This is required, unless a slotted app title link is used.",
           "docsTags": [],
           "values": [
             {
@@ -8718,7 +9309,7 @@
             }
           ],
           "optional": false,
-          "required": true
+          "required": false
         },
         {
           "name": "contentAligned",
@@ -8846,6 +9437,10 @@
           "name": "app-icon",
           "docs": "Content will be rendered to left of app title."
         },
+        {
+          "name": "app-title",
+          "docs": "Handle routing by nesting a route in the app title."
+        },
         {
           "name": "buttons",
           "docs": "Content will be rendered to right of search bar."
@@ -8869,6 +9464,7 @@
         "ic-section-container",
         "ic-typography",
         "ic-button",
+        "ic-horizontal-scroll",
         "ic-navigation-menu"
       ],
       "dependencyGraph": {
@@ -8876,6 +9472,7 @@
           "ic-section-container",
           "ic-typography",
           "ic-button",
+          "ic-horizontal-scroll",
           "ic-navigation-menu"
         ],
         "ic-button": [
@@ -8888,6 +9485,9 @@
         "ic-tooltip": [
           "ic-typography"
         ],
+        "ic-horizontal-scroll": [
+          "ic-button"
+        ],
         "ic-navigation-menu": [
           "ic-button",
           "ic-typography"
@@ -9013,6 +9613,7 @@
         "ic-switch",
         "ic-tab",
         "ic-text-field",
+        "ic-toast",
         "ic-tooltip",
         "ic-top-navigation"
       ],
@@ -9099,6 +9700,9 @@
         "ic-text-field": [
           "ic-typography"
         ],
+        "ic-toast": [
+          "ic-typography"
+        ],
         "ic-tooltip": [
           "ic-typography"
         ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukic/docs",
-  "version": "2.1.0-beta.7",
+  "version": "2.1.0-beta.9",
   "description": "API documentation for @ukic components",
   "main": "docs.json",
   "types": "docs.d.ts",
@@ -9,5 +9,5 @@
     "docs.d.ts"
   ],
   "license": "MIT",
-  "gitHead": "1a0bcc649d7cb592de4517a3123fdb4c9b4561b7"
+  "gitHead": "f25923c8f6fe3d6c65f4cd048bdab9c46d324759"
 }