@ukic/canary-docs 3.0.0-canary.2 → 3.0.0-canary.4

package/docs.json

@@ -305,6 +305,43 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "theme",
+          "type": "\"dark\" | \"inherit\" | \"light\"",
+          "complexType": {
+            "original": "IcThemeMode",
+            "resolved": "\"dark\" | \"inherit\" | \"light\"",
+            "references": {
+              "IcThemeMode": {
+                "location": "import",
+                "path": "../../utils/types",
+                "id": "src/utils/types.ts::IcThemeMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "theme",
+          "reflectToAttr": false,
+          "docs": "Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.",
+          "docsTags": [],
+          "default": "\"inherit\"",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "inherit",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [
@@ -436,6 +473,28 @@
           "optional": false,
           "required": true
         },
+        {
+          "name": "columnHeaderTruncation",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "column-header-truncation",
+          "reflectToAttr": false,
+          "docs": "Determines whether the column header should be truncated and display a tooltip. Default is `false`.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "columns",
           "type": "IcDataTableColumnObject[]",
@@ -752,7 +811,7 @@
           "reflectToAttr": false,
           "docs": "Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.",
           "docsTags": [],
-          "default": "{\n    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    rangeLabelType: \"page\",\n    type: \"simple\",\n    showItemsPerPageControl: true,\n    showGoToPageControl: true,\n    alignment: \"right\",\n    appearance: \"default\",\n    itemLabel: \"Item\",\n    pageLabel: \"Page\",\n    hideRangeLabel: false,\n  }",
+          "default": "{\n    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    rangeLabelType: \"page\",\n    type: \"simple\",\n    showItemsPerPageControl: true,\n    showGoToPageControl: true,\n    alignment: \"right\",\n    itemLabel: \"Item\",\n    pageLabel: \"Page\",\n    hideRangeLabel: false,\n    hideAllFromItemsPerPage: false,\n    theme: \"inherit\",\n    monochrome: false,\n  }",
           "values": [
             {
               "type": "IcPaginationBarOptions"
@@ -1160,8 +1219,8 @@
         "ic-loading-indicator",
         "ic-typography",
         "ic-link",
-        "ic-button",
         "ic-tooltip",
+        "ic-button",
         "ic-empty-state",
         "ic-pagination-bar"
       ],
@@ -1170,21 +1229,21 @@
           "ic-loading-indicator",
           "ic-typography",
           "ic-link",
-          "ic-button",
           "ic-tooltip",
+          "ic-button",
           "ic-empty-state",
           "ic-pagination-bar"
         ],
         "ic-loading-indicator": [
           "ic-typography"
         ],
+        "ic-tooltip": [
+          "ic-typography"
+        ],
         "ic-button": [
           "ic-loading-indicator",
           "ic-tooltip"
         ],
-        "ic-tooltip": [
-          "ic-typography"
-        ],
         "ic-empty-state": [
           "ic-typography"
         ],
@@ -1679,6 +1738,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-label",
+          "reflectToAttr": false,
+          "docs": "If `true`, the label will be visually hidden, but will still be read out by screen readers.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "inputId",
           "type": "string",
@@ -2383,6 +2464,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-label",
+          "reflectToAttr": false,
+          "docs": "If `true`, the label will be visually hidden, but the required label will still be read out by screen readers.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "inputId",
           "type": "string",
@@ -2909,41 +3012,45 @@
       }
     },
     {
-      "filePath": "src/components/ic-menu-with-multi/ic-menu.tsx",
-      "encapsulation": "scoped",
-      "tag": "ic-menu-with-multi",
-      "readme": "# ic-menu-with-multi\r\n\r\n\r\n\r",
+      "filePath": "src/components/ic-pagination-bar/ic-pagination-bar.tsx",
+      "encapsulation": "shadow",
+      "tag": "ic-pagination-bar",
+      "readme": "# ic-pagination-bar\r\n\r\n\r\n\r",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "activationType",
-          "type": "\"automatic\" | \"manual\"",
+          "name": "alignment",
+          "type": "\"left\" | \"right\" | \"space-between\"",
           "complexType": {
-            "original": "IcActivationTypes",
-            "resolved": "\"automatic\" | \"manual\"",
+            "original": "IcPaginationAlignmentOptions",
+            "resolved": "\"left\" | \"right\" | \"space-between\"",
             "references": {
-              "IcActivationTypes": {
+              "IcPaginationAlignmentOptions": {
                 "location": "import",
-                "path": "@ukic/web-components/dist/types/utils/types",
-                "id": "../web-components/dist/types/utils/types.d.ts::IcActivationTypes"
+                "path": "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types",
+                "id": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts::IcPaginationAlignmentOptions"
               }
             }
           },
           "mutable": false,
-          "attr": "activation-type",
+          "attr": "alignment",
           "reflectToAttr": false,
-          "docs": "Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.",
+          "docs": "Sets the alignment of the items in the pagination bar.",
           "docsTags": [],
-          "default": "\"automatic\"",
+          "default": "\"right\"",
           "values": [
             {
-              "value": "automatic",
+              "value": "left",
+              "type": "string"
+            },
+            {
+              "value": "right",
               "type": "string"
             },
             {
-              "value": "manual",
+              "value": "space-between",
               "type": "string"
             }
           ],
@@ -2951,32 +3058,29 @@
           "required": false
         },
         {
-          "name": "anchorEl",
-          "type": "HTMLElement",
+          "name": "currentPage",
+          "type": "number",
           "complexType": {
-            "original": "HTMLElement",
-            "resolved": "HTMLElement",
-            "references": {
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
-            }
+            "original": "number",
+            "resolved": "number",
+            "references": {}
           },
           "mutable": false,
+          "attr": "current-page",
           "reflectToAttr": false,
-          "docs": "The reference to an anchor element the menu will position itself from when rendered.",
+          "docs": "The current page number to be displayed on the pagination bar.",
           "docsTags": [],
+          "default": "1",
           "values": [
             {
-              "type": "HTMLElement"
+              "type": "number"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         },
         {
-          "name": "closeOnSelect",
+          "name": "hideAllFromItemsPerPage",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -2984,21 +3088,21 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "close-on-select",
+          "attr": "hide-all-from-items-per-page",
           "reflectToAttr": false,
-          "docs": "If `true`, the menu will close when an option is selected.",
+          "docs": "If `true`, the 'All' option will be hidden from the 'items per page' select input.",
           "docsTags": [],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
-          "name": "fullWidth",
+          "name": "hideRangeLabel",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -3006,9 +3110,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "full-width",
+          "attr": "hide-range-label",
           "reflectToAttr": false,
-          "docs": "If `true`, the menu will fill the width of the container.",
+          "docs": "If `true`, the number of total items and current item range or number of total pages and current page will be hidden.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3016,57 +3120,75 @@
               "type": "boolean"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
-          "name": "inputEl",
-          "type": "HTMLElement",
+          "name": "itemLabel",
+          "type": "string",
           "complexType": {
-            "original": "HTMLElement",
-            "resolved": "HTMLElement",
-            "references": {
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "item-label",
+          "reflectToAttr": false,
+          "docs": "The text which will be used in place of 'Item' on the pagination bar.",
+          "docsTags": [],
+          "default": "\"Item\"",
+          "values": [
+            {
+              "type": "string"
             }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "itemsPerPageOptions",
+          "type": "{ label: string; value: string; }[]",
+          "complexType": {
+            "original": "{\n    label: string;\n    value: string;\n  }[]",
+            "resolved": "{ label: string; value: string; }[]",
+            "references": {}
           },
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "The reference to the input element.",
+          "docs": "The options which will be displayed for 'items per page' select input.",
           "docsTags": [],
           "values": [
             {
-              "type": "HTMLElement"
+              "type": "{ label: string; value: string; }[]"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         },
         {
-          "name": "inputLabel",
-          "type": "string",
+          "name": "monochrome",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "input-label",
+          "attr": "monochrome",
           "reflectToAttr": false,
-          "docs": "The label for the input element.",
+          "docs": "If `true`, the pagination bar will display as black in the light theme, and white in dark theme.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         },
         {
-          "name": "labelField",
+          "name": "pageLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -3074,42 +3196,54 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "label-field",
+          "attr": "page-label",
           "reflectToAttr": false,
-          "docs": "The custom name for the label field for IcMenuOption.",
+          "docs": "The text which will be used in place of 'Page' on the pagination bar.",
           "docsTags": [],
-          "default": "\"label\"",
+          "default": "\"Page\"",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
-          "name": "menuId",
-          "type": "string",
+          "name": "rangeLabelType",
+          "type": "\"data\" | \"page\"",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "IcPaginationLabelTypes",
+            "resolved": "\"data\" | \"page\"",
+            "references": {
+              "IcPaginationLabelTypes": {
+                "location": "import",
+                "path": "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types",
+                "id": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts::IcPaginationLabelTypes"
+              }
+            }
           },
           "mutable": false,
-          "attr": "menu-id",
+          "attr": "range-label-type",
           "reflectToAttr": false,
-          "docs": "The ID of the menu.",
+          "docs": "Whether total number of items and current item range or total number of pages and current page is displayed.",
           "docsTags": [],
+          "default": "\"page\"",
           "values": [
             {
+              "value": "data",
+              "type": "string"
+            },
+            {
+              "value": "page",
               "type": "string"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         },
         {
-          "name": "open",
+          "name": "showGoToPageControl",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -3117,319 +3251,68 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "open",
-          "reflectToAttr": true,
-          "docs": "If `true`, the menu will be displayed open.",
+          "attr": "show-go-to-page-control",
+          "reflectToAttr": false,
+          "docs": "If `true`, the 'go to page' control should be displayed.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         },
         {
-          "name": "options",
-          "type": "IcMenuOption[]",
+          "name": "showItemsPerPageControl",
+          "type": "boolean",
           "complexType": {
-            "original": "IcMenuOption[]",
-            "resolved": "IcMenuOption[]",
-            "references": {
-              "IcMenuOption": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/utils/types",
-                "id": "../web-components/dist/types/utils/types.d.ts::IcMenuOption"
-              }
-            }
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
           },
           "mutable": false,
+          "attr": "show-items-per-page-control",
           "reflectToAttr": false,
-          "docs": "The possible menu selection options.",
+          "docs": "If `true`, the select input to control 'items per page' should be displayed.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "IcMenuOption[]"
+              "type": "boolean"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         },
         {
-          "name": "searchMode",
-          "type": "\"navigation\" | \"query\"",
+          "name": "theme",
+          "type": "\"dark\" | \"inherit\" | \"light\"",
           "complexType": {
-            "original": "IcSearchBarSearchModes",
-            "resolved": "\"navigation\" | \"query\"",
+            "original": "IcThemeMode",
+            "resolved": "\"dark\" | \"inherit\" | \"light\"",
             "references": {
-              "IcSearchBarSearchModes": {
+              "IcThemeMode": {
                 "location": "import",
-                "path": "@ukic/web-components/dist/types/components",
-                "id": "../web-components/dist/types/components.d.ts::IcSearchBarSearchModes"
+                "path": "@ukic/web-components/dist/types/interface",
+                "id": "../web-components/dist/types/interface.d.ts::IcThemeMode"
               }
             }
           },
           "mutable": false,
-          "attr": "search-mode",
+          "attr": "theme",
           "reflectToAttr": false,
-          "docs": "Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.",
+          "docs": "Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.",
           "docsTags": [],
-          "default": "\"navigation\"",
+          "default": "\"inherit\"",
           "values": [
             {
-              "value": "navigation",
+              "value": "dark",
               "type": "string"
             },
             {
-              "value": "query",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "size",
-          "type": "\"large\" | \"medium\" | \"small\"",
-          "complexType": {
-            "original": "IcSizes",
-            "resolved": "\"large\" | \"medium\" | \"small\"",
-            "references": {
-              "IcSizes": {
-                "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcSizes"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "size",
-          "reflectToAttr": false,
-          "docs": "The size of the menu.",
-          "docsTags": [],
-          "default": "\"medium\"",
-          "values": [
-            {
-              "value": "large",
-              "type": "string"
-            },
-            {
-              "value": "medium",
-              "type": "string"
-            },
-            {
-              "value": "small",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "value",
-          "type": "string | string[]",
-          "complexType": {
-            "original": "string | string[]",
-            "resolved": "string | string[]",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The value of the currently selected option - or array of values (if multiple options allowed).",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "string[]"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "valueField",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "value-field",
-          "reflectToAttr": false,
-          "docs": "The custom name for the value field for IcMenuOption.",
-          "docsTags": [],
-          "default": "\"value\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "handleKeyboardOpen",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(event: KeyboardEvent) => Promise<void>",
-            "parameters": [
-              {
-                "name": "event",
-                "type": "KeyboardEvent",
-                "docs": "- keyboard event"
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "KeyboardEvent": {
-                "location": "global",
-                "id": "global::KeyboardEvent"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "handleKeyboardOpen(event: KeyboardEvent) => Promise<void>",
-          "parameters": [
-            {
-              "name": "event",
-              "type": "KeyboardEvent",
-              "docs": "- keyboard event"
-            }
-          ],
-          "docs": "Used alongside activationType\nIf menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "event - keyboard event"
-            }
-          ]
-        }
-      ],
-      "events": [],
-      "listeners": [],
-      "styles": [
-        {
-          "name": "--ic-z-index-menu",
-          "annotation": "prop",
-          "docs": "z-index of menu"
-        }
-      ],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "ic-select-with-multi"
-      ],
-      "dependencies": [
-        "ic-loading-indicator",
-        "ic-typography",
-        "ic-button"
-      ],
-      "dependencyGraph": {
-        "ic-menu-with-multi": [
-          "ic-loading-indicator",
-          "ic-typography",
-          "ic-button"
-        ],
-        "ic-loading-indicator": [
-          "ic-typography"
-        ],
-        "ic-button": [
-          "ic-loading-indicator",
-          "ic-tooltip"
-        ],
-        "ic-tooltip": [
-          "ic-typography"
-        ],
-        "ic-select-with-multi": [
-          "ic-menu-with-multi"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/ic-pagination-bar/ic-pagination-bar.tsx",
-      "encapsulation": "shadow",
-      "tag": "ic-pagination-bar",
-      "readme": "# ic-pagination-bar\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "alignment",
-          "type": "\"left\" | \"right\" | \"space-between\"",
-          "complexType": {
-            "original": "IcPaginationAlignmentOptions",
-            "resolved": "\"left\" | \"right\" | \"space-between\"",
-            "references": {
-              "IcPaginationAlignmentOptions": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types",
-                "id": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts::IcPaginationAlignmentOptions"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "alignment",
-          "reflectToAttr": false,
-          "docs": "Sets the alignment of the items in the pagination bar.",
-          "docsTags": [],
-          "default": "\"right\"",
-          "values": [
-            {
-              "value": "left",
-              "type": "string"
-            },
-            {
-              "value": "right",
-              "type": "string"
-            },
-            {
-              "value": "space-between",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "appearance",
-          "type": "\"dark\" | \"default\" | \"light\"",
-          "complexType": {
-            "original": "IcThemeForeground",
-            "resolved": "\"dark\" | \"default\" | \"light\"",
-            "references": {
-              "IcThemeForeground": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/interface",
-                "id": "../web-components/dist/types/interface.d.ts::IcThemeForeground"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "appearance",
-          "reflectToAttr": false,
-          "docs": "Sets the styling for the items in the pagination bar.",
-          "docsTags": [],
-          "default": "\"default\"",
-          "values": [
-            {
-              "value": "dark",
-              "type": "string"
-            },
-            {
-              "value": "default",
+              "value": "inherit",
               "type": "string"
             },
             {
@@ -3438,1266 +3321,137 @@
             }
           ],
           "optional": true,
-          "required": false
-        },
-        {
-          "name": "currentPage",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "current-page",
-          "reflectToAttr": false,
-          "docs": "The current page number to be displayed on the pagination bar.",
-          "docsTags": [],
-          "default": "1",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "hideRangeLabel",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "hide-range-label",
-          "reflectToAttr": false,
-          "docs": "If `true`, the number of total items and current item range or number of total pages and current page will be hidden.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "itemLabel",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "item-label",
-          "reflectToAttr": false,
-          "docs": "The text which will be used in place of 'Item' on the pagination bar.",
-          "docsTags": [],
-          "default": "\"Item\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "itemsPerPageOptions",
-          "type": "{ label: string; value: string; }[]",
-          "complexType": {
-            "original": "{\n    label: string;\n    value: string;\n  }[]",
-            "resolved": "{ label: string; value: string; }[]",
-            "references": {}
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The options which will be displayed for 'items per page' select input. Set a maximum of 4 options including a required 'All' option with value equal to total number of items.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "{ label: string; value: string; }[]"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "pageLabel",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "page-label",
-          "reflectToAttr": false,
-          "docs": "The text which will be used in place of 'Page' on the pagination bar.",
-          "docsTags": [],
-          "default": "\"Page\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "rangeLabelType",
-          "type": "\"data\" | \"page\"",
-          "complexType": {
-            "original": "IcPaginationLabelTypes",
-            "resolved": "\"data\" | \"page\"",
-            "references": {
-              "IcPaginationLabelTypes": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types",
-                "id": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts::IcPaginationLabelTypes"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "range-label-type",
-          "reflectToAttr": false,
-          "docs": "Whether total number of items and current item range or total number of pages and current page is displayed.",
-          "docsTags": [],
-          "default": "\"page\"",
-          "values": [
-            {
-              "value": "data",
-              "type": "string"
-            },
-            {
-              "value": "page",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "showGoToPageControl",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "show-go-to-page-control",
-          "reflectToAttr": false,
-          "docs": "If `true`, the 'go to page' control should be displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "showItemsPerPageControl",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "show-items-per-page-control",
-          "reflectToAttr": false,
-          "docs": "If `true`, the select input to control 'items per page' should be displayed.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "totalItems",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "total-items",
-          "reflectToAttr": false,
-          "docs": "Total number of items to be displayed across all pages.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "type",
-          "type": "\"complex\" | \"simple\"",
-          "complexType": {
-            "original": "IcPaginationTypes",
-            "resolved": "\"complex\" | \"simple\"",
-            "references": {
-              "IcPaginationTypes": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types",
-                "id": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts::IcPaginationTypes"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "type",
-          "reflectToAttr": false,
-          "docs": "Whether the displayed pagination is simple or complex.",
-          "docsTags": [],
-          "default": "\"simple\"",
-          "values": [
-            {
-              "value": "complex",
-              "type": "string"
-            },
-            {
-              "value": "simple",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "icItemsPerPageChange",
-          "detail": "{ value: number; }",
-          "bubbles": true,
-          "complexType": {
-            "original": "{ value: number }",
-            "resolved": "{ value: number; }",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the items per page option is changed.",
-          "docsTags": []
-        },
-        {
-          "event": "icPageChange",
-          "detail": "IcPageChangeEventDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "IcPageChangeEventDetail",
-            "resolved": "IcPageChangeEventDetail",
-            "references": {
-              "IcPageChangeEventDetail": {
-                "location": "import",
-                "path": "./ic-pagination-bar.types",
-                "id": "src/components/ic-pagination-bar/ic-pagination-bar.types.ts::IcPageChangeEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when a page is navigated to via the 'go to' input.\nThe `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [
-        {
-          "event": "icPageChange",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "ic-data-table"
-      ],
-      "dependencies": [
-        "ic-typography",
-        "ic-select",
-        "ic-pagination",
-        "ic-tooltip",
-        "ic-text-field",
-        "ic-button"
-      ],
-      "dependencyGraph": {
-        "ic-pagination-bar": [
-          "ic-typography",
-          "ic-select",
-          "ic-pagination",
-          "ic-tooltip",
-          "ic-text-field",
-          "ic-button"
-        ],
-        "ic-select": [
-          "ic-input-container",
-          "ic-input-label",
-          "ic-input-component-container",
-          "ic-typography",
-          "ic-button",
-          "ic-menu",
-          "ic-input-validation"
-        ],
-        "ic-input-label": [
-          "ic-typography"
-        ],
-        "ic-button": [
-          "ic-loading-indicator",
-          "ic-tooltip"
-        ],
-        "ic-loading-indicator": [
-          "ic-typography"
-        ],
-        "ic-tooltip": [
-          "ic-typography"
-        ],
-        "ic-menu": [
-          "ic-loading-indicator",
-          "ic-typography",
-          "ic-button"
-        ],
-        "ic-input-validation": [
-          "ic-typography"
-        ],
-        "ic-pagination": [
-          "ic-button",
-          "ic-pagination-item"
-        ],
-        "ic-pagination-item": [
-          "ic-typography"
-        ],
-        "ic-text-field": [
-          "ic-input-container",
-          "ic-input-label",
-          "ic-input-component-container",
-          "ic-input-validation",
-          "ic-typography"
-        ],
-        "ic-data-table": [
-          "ic-pagination-bar"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/ic-select-with-multi/ic-select.tsx",
-      "encapsulation": "shadow",
-      "tag": "ic-select-with-multi",
-      "readme": "# ic-select\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "debounce",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "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": "disableAutoFiltering",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disable-auto-filtering",
-          "reflectToAttr": false,
-          "docs": "If `true`, the built in filtering will be disabled 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",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": true,
-          "docs": "If `true`, the disabled state will be set.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "emptyOptionListText",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "empty-option-list-text",
-          "reflectToAttr": false,
-          "docs": "The text displayed when there are no options in the option list.",
-          "docsTags": [],
-          "default": "\"No results found\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "form",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "form",
-          "reflectToAttr": false,
-          "docs": "The <form> element to associate the select with.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "fullWidth",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "full-width",
-          "reflectToAttr": false,
-          "docs": "If `true`, the select element will fill the width of the container. This prop should only be used with searchable select and will only be applied if searchable is true.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "helperText",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "helper-text",
-          "reflectToAttr": false,
-          "docs": "The helper text that will be displayed for additional field guidance.",
-          "docsTags": [],
-          "default": "\"\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "hideLabel",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "hide-label",
-          "reflectToAttr": false,
-          "docs": "If `true`, the label will be hidden and the required label value will be applied as an aria-label.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "includeDescriptionsInSearch",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "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. Only applies to built in filtering.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "includeGroupTitlesInSearch",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "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. Only applies to built in filtering.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "label",
-          "reflectToAttr": false,
-          "docs": "The label for the select.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "loading",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "loading",
-          "reflectToAttr": false,
-          "docs": "If `true`, the loading state will be triggered when fetching options asynchronously.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "loadingErrorLabel",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "loading-error-label",
-          "reflectToAttr": false,
-          "docs": "The message displayed when external loading times out.",
-          "docsTags": [],
-          "default": "\"Loading Error\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "loadingLabel",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "loading-label",
-          "reflectToAttr": false,
-          "docs": "The message displayed whilst the options are being loaded externally.",
-          "docsTags": [],
-          "default": "\"Loading...\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "multiple",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "multiple",
-          "reflectToAttr": false,
-          "docs": "If `true`, multiple options can be selected.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "name",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "name",
-          "reflectToAttr": false,
-          "docs": "The name of the control, which is submitted with the form data.",
-          "docsTags": [],
-          "default": "this.inputId",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "options",
-          "type": "IcMenuOption[]",
-          "complexType": {
-            "original": "IcMenuOption[]",
-            "resolved": "IcMenuOption[]",
-            "references": {
-              "IcMenuOption": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/utils/types",
-                "id": "../web-components/dist/types/utils/types.d.ts::IcMenuOption"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The possible selection options.",
-          "docsTags": [],
-          "default": "[]",
-          "values": [
-            {
-              "type": "IcMenuOption[]"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "placeholder",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "placeholder",
-          "reflectToAttr": false,
-          "docs": "The placeholder value to be displayed.",
-          "docsTags": [],
-          "default": "\"Select an option\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "readonly",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "readonly",
-          "reflectToAttr": false,
-          "docs": "If `true`, the readonly state will be set.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "required",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "required",
-          "reflectToAttr": false,
-          "docs": "If `true`, the select will require a value.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "searchMatchPosition",
-          "type": "\"anywhere\" | \"start\"",
-          "complexType": {
-            "original": "IcSearchMatchPositions",
-            "resolved": "\"anywhere\" | \"start\"",
-            "references": {
-              "IcSearchMatchPositions": {
-                "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcSearchMatchPositions"
-              }
-            }
-          },
-          "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. Only applies to built in filtering.",
-          "docsTags": [],
-          "default": "\"anywhere\"",
-          "values": [
-            {
-              "value": "anywhere",
-              "type": "string"
-            },
-            {
-              "value": "start",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "searchable",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "searchable",
-          "reflectToAttr": false,
-          "docs": "If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "selectOnEnter",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "select-on-enter",
-          "reflectToAttr": false,
-          "docs": "If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "showClearButton",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "show-clear-button",
-          "reflectToAttr": false,
-          "docs": "If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "size",
-          "type": "\"large\" | \"medium\" | \"small\"",
-          "complexType": {
-            "original": "IcSizes",
-            "resolved": "\"large\" | \"medium\" | \"small\"",
-            "references": {
-              "IcSizes": {
-                "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcSizes"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "size",
-          "reflectToAttr": false,
-          "docs": "The size of the select.",
-          "docsTags": [],
-          "default": "\"medium\"",
-          "values": [
-            {
-              "value": "large",
-              "type": "string"
-            },
-            {
-              "value": "medium",
-              "type": "string"
-            },
-            {
-              "value": "small",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "timeout",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "timeout",
-          "reflectToAttr": false,
-          "docs": "If using external filtering, set a timeout for when loading takes too long.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "validationStatus",
-          "type": "\"\" | \"error\" | \"success\" | \"warning\"",
-          "complexType": {
-            "original": "IcInformationStatusOrEmpty",
-            "resolved": "\"\" | \"error\" | \"success\" | \"warning\"",
-            "references": {
-              "IcInformationStatusOrEmpty": {
-                "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcInformationStatusOrEmpty"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "validation-status",
-          "reflectToAttr": false,
-          "docs": "The validation status - e.g. 'error' | 'warning' | 'success'.",
-          "docsTags": [],
-          "default": "\"\"",
-          "values": [
-            {
-              "type": "\"\""
-            },
-            {
-              "value": "error",
-              "type": "string"
-            },
-            {
-              "value": "success",
-              "type": "string"
-            },
-            {
-              "value": "warning",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "validationText",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "validation-text",
-          "reflectToAttr": false,
-          "docs": "The text to display as the validation message.",
-          "docsTags": [],
-          "default": "\"\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "value",
-          "type": "string | string[]",
-          "complexType": {
-            "original": "string | string[]",
-            "resolved": "string | string[]",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The value of the select, reflected by the value of the currently selected option.\nFor the searchable variant, the value is also reflected by the user input.\nFor the multi-select variant, the value must be an array of option values.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "string[]"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "setFocus",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "setFocus() => Promise<void>",
-          "parameters": [],
-          "docs": "Sets focus on the input box.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "icBlur",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the select loses focus.",
-          "docsTags": []
-        },
-        {
-          "event": "icChange",
-          "detail": "IcValueEventDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "IcValueEventDetail",
-            "resolved": "IcValueEventDetail",
-            "references": {
-              "IcValueEventDetail": {
-                "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcValueEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the value changes.",
-          "docsTags": []
-        },
-        {
-          "event": "icClear",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the clear button is clicked.",
-          "docsTags": []
-        },
-        {
-          "event": "icFocus",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the select gains focus.",
-          "docsTags": []
+          "required": false
         },
         {
-          "event": "icInput",
-          "detail": "IcValueEventDetail",
-          "bubbles": true,
+          "name": "totalItems",
+          "type": "number",
           "complexType": {
-            "original": "IcValueEventDetail",
-            "resolved": "IcValueEventDetail",
-            "references": {
-              "IcValueEventDetail": {
-                "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcValueEventDetail"
-              }
-            }
+            "original": "number",
+            "resolved": "number",
+            "references": {}
           },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when a keyboard input occurred.",
-          "docsTags": []
+          "mutable": false,
+          "attr": "total-items",
+          "reflectToAttr": false,
+          "docs": "Total number of items to be displayed across all pages.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": true
         },
         {
-          "event": "icOptionDeselect",
-          "detail": "IcOptionSelectEventDetail",
-          "bubbles": true,
+          "name": "type",
+          "type": "\"complex\" | \"simple\"",
           "complexType": {
-            "original": "IcOptionSelectEventDetail",
-            "resolved": "IcOptionSelectEventDetail",
+            "original": "IcPaginationTypes",
+            "resolved": "\"complex\" | \"simple\"",
             "references": {
-              "IcOptionSelectEventDetail": {
+              "IcPaginationTypes": {
                 "location": "import",
-                "path": "@ukic/web-components/dist/types/components",
-                "id": "../web-components/dist/types/components.d.ts::IcOptionSelectEventDetail"
+                "path": "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types",
+                "id": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts::IcPaginationTypes"
               }
             }
           },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when `multiple` is `true` and an option is deselected.",
-          "docsTags": []
-        },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "Whether the displayed pagination is simple or complex.",
+          "docsTags": [],
+          "default": "\"simple\"",
+          "values": [
+            {
+              "value": "complex",
+              "type": "string"
+            },
+            {
+              "value": "simple",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
         {
-          "event": "icOptionSelect",
-          "detail": "IcOptionSelectEventDetail",
+          "event": "icItemsPerPageChange",
+          "detail": "{ value: number; }",
           "bubbles": true,
           "complexType": {
-            "original": "IcOptionSelectEventDetail",
-            "resolved": "IcOptionSelectEventDetail",
-            "references": {
-              "IcOptionSelectEventDetail": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/components",
-                "id": "../web-components/dist/types/components.d.ts::IcOptionSelectEventDetail"
-              }
-            }
+            "original": "{ value: number }",
+            "resolved": "{ value: number; }",
+            "references": {}
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when an option is selected.\nSelecting an option will also trigger an `icChange/onIcChange` due to the value being updated.",
+          "docs": "Emitted when the items per page option is changed.",
           "docsTags": []
         },
         {
-          "event": "icRetryLoad",
-          "detail": "IcValueEventDetail",
+          "event": "icPageChange",
+          "detail": "IcPageChangeEventDetail",
           "bubbles": true,
           "complexType": {
-            "original": "IcValueEventDetail",
-            "resolved": "IcValueEventDetail",
+            "original": "IcPageChangeEventDetail",
+            "resolved": "IcPageChangeEventDetail",
             "references": {
-              "IcValueEventDetail": {
+              "IcPageChangeEventDetail": {
                 "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcValueEventDetail"
+                "path": "./ic-pagination-bar.types",
+                "id": "src/components/ic-pagination-bar/ic-pagination-bar.types.ts::IcPageChangeEventDetail"
               }
             }
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when the 'retry loading' button is clicked for a searchable variant.",
+          "docs": "Emitted when a page is navigated to via the 'go to' input.\nThe `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.",
           "docsTags": []
         }
       ],
-      "listeners": [],
-      "styles": [
-        {
-          "name": "--ic-z-index-menu",
-          "annotation": "prop",
-          "docs": "z-index of select menu"
-        },
-        {
-          "name": "--input-width",
-          "annotation": "prop",
-          "docs": "Width of the input field"
-        },
+      "listeners": [
         {
-          "name": "--menu-width",
-          "annotation": "prop",
-          "docs": "Width of the dropdown menu"
+          "event": "icPageChange",
+          "capture": false,
+          "passive": false
         }
       ],
+      "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "ic-data-table"
+      ],
       "dependencies": [
-        "ic-input-container",
-        "ic-input-label",
-        "ic-input-component-container",
         "ic-typography",
-        "ic-button",
-        "ic-menu-with-multi",
-        "ic-input-validation"
+        "ic-select",
+        "ic-pagination",
+        "ic-tooltip",
+        "ic-text-field",
+        "ic-button"
       ],
       "dependencyGraph": {
-        "ic-select-with-multi": [
+        "ic-pagination-bar": [
+          "ic-typography",
+          "ic-select",
+          "ic-pagination",
+          "ic-tooltip",
+          "ic-text-field",
+          "ic-button"
+        ],
+        "ic-select": [
           "ic-input-container",
           "ic-input-label",
           "ic-input-component-container",
           "ic-typography",
           "ic-button",
-          "ic-menu-with-multi",
+          "ic-menu",
           "ic-input-validation"
         ],
         "ic-input-label": [
@@ -4713,13 +3467,30 @@
         "ic-tooltip": [
           "ic-typography"
         ],
-        "ic-menu-with-multi": [
+        "ic-menu": [
           "ic-loading-indicator",
           "ic-typography",
           "ic-button"
         ],
         "ic-input-validation": [
           "ic-typography"
+        ],
+        "ic-pagination": [
+          "ic-button",
+          "ic-pagination-item"
+        ],
+        "ic-pagination-item": [
+          "ic-typography"
+        ],
+        "ic-text-field": [
+          "ic-input-container",
+          "ic-input-label",
+          "ic-input-component-container",
+          "ic-input-validation",
+          "ic-typography"
+        ],
+        "ic-data-table": [
+          "ic-pagination-bar"
         ]
       }
     },
@@ -4767,6 +3538,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "expanded",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "expanded",
+          "reflectToAttr": false,
+          "docs": "If `true`, the tree item appears in the expanded state.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "href",
           "type": "string",
@@ -4953,6 +3746,43 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "theme",
+          "type": "\"dark\" | \"inherit\" | \"light\"",
+          "complexType": {
+            "original": "IcThemeMode",
+            "resolved": "\"dark\" | \"inherit\" | \"light\"",
+            "references": {
+              "IcThemeMode": {
+                "location": "import",
+                "path": "@ukic/web-components",
+                "id": "../web-components/dist/types/interface.d.ts::IcThemeMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "theme",
+          "reflectToAttr": false,
+          "docs": "Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.",
+          "docsTags": [],
+          "default": "\"inherit\"",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "inherit",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [
@@ -5052,33 +3882,22 @@
       "usage": {},
       "props": [
         {
-          "name": "appearance",
-          "type": "\"dark\" | \"light\"",
+          "name": "focusInset",
+          "type": "boolean",
           "complexType": {
-            "original": "IcThemeForegroundNoDefault",
-            "resolved": "\"dark\" | \"light\"",
-            "references": {
-              "IcThemeForegroundNoDefault": {
-                "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcThemeForegroundNoDefault"
-              }
-            }
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
           },
           "mutable": false,
-          "attr": "appearance",
+          "attr": "focus-inset",
           "reflectToAttr": false,
-          "docs": "The appearance of the tree view, e.g. dark, or light.",
+          "docs": "If `true`, tree items will have inset focus.",
           "docsTags": [],
-          "default": "\"dark\"",
+          "default": "false",
           "values": [
             {
-              "value": "dark",
-              "type": "string"
-            },
-            {
-              "value": "light",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": true,
@@ -5142,6 +3961,43 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "theme",
+          "type": "\"dark\" | \"inherit\" | \"light\"",
+          "complexType": {
+            "original": "IcThemeMode",
+            "resolved": "\"dark\" | \"inherit\" | \"light\"",
+            "references": {
+              "IcThemeMode": {
+                "location": "import",
+                "path": "@ukic/web-components",
+                "id": "../web-components/dist/types/interface.d.ts::IcThemeMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "theme",
+          "reflectToAttr": false,
+          "docs": "Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.",
+          "docsTags": [],
+          "default": "\"inherit\"",
+          "values": [
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "inherit",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [],
@@ -5193,6 +4049,11 @@
       "docstring": "",
       "path": "src/components/ic-card-horizontal/ic-card-horizontal.types.ts"
     },
+    "src/utils/types.ts::IcThemeMode": {
+      "declaration": "export type IcThemeMode = \"dark\" | \"light\" | \"inherit\";",
+      "docstring": "",
+      "path": "src/utils/types.ts"
+    },
     "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableColumnObject": {
       "declaration": "{\n  key: string;\n  title: string;\n  dataType: IcDataTableColumnDataTypes;\n  columnAlignment?: {\n    horizontal?: string;\n    vertical?: string;\n  };\n  rowOptions?: {\n    textWrap: boolean;\n  };\n  columnWidth?: string | IcDataTableColumnWidthTypes;\n  textWrap?: boolean;\n  cellAlignment?: string;\n  emphasis?: string;\n  colspan?: number;\n  icon?: {\n    icon: string;\n    onAllCells?: boolean;\n    hideOnHeader?: boolean;\n  };\n}",
       "docstring": "",
@@ -5219,7 +4080,7 @@
       "path": "../web-components/dist/types/utils/types.d.ts"
     },
     "src/utils/types.ts::IcPaginationBarOptions": {
-      "declaration": "export interface IcPaginationBarOptions {\n  itemsPerPageOptions?: { label: string; value: string }[];\n  rangeLabelType?: IcPaginationLabelTypes;\n  type?: IcPaginationTypes;\n  showItemsPerPageControl?: boolean;\n  showGoToPageControl?: boolean;\n  alignment?: IcPaginationAlignmentOptions;\n  appearance?: IcThemeForeground;\n  itemLabel?: string;\n  pageLabel?: string;\n  hideRangeLabel?: boolean;\n}",
+      "declaration": "export interface IcPaginationBarOptions {\n  itemsPerPageOptions?: { label: string; value: string }[];\n  rangeLabelType?: IcPaginationLabelTypes;\n  type?: IcPaginationTypes;\n  showItemsPerPageControl?: boolean;\n  showGoToPageControl?: boolean;\n  alignment?: IcPaginationAlignmentOptions;\n  itemLabel?: string;\n  pageLabel?: string;\n  hideRangeLabel?: boolean;\n  hideAllFromItemsPerPage?: boolean;\n  theme?: IcThemeMode;\n  monochrome?: boolean;\n}",
       "docstring": "",
       "path": "src/utils/types.ts"
     },
@@ -5243,7 +4104,7 @@
       "docstring": "",
       "path": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts"
     },
-    "../web-components/dist/types/interface.d.ts::IcThemeForeground": {
+    "../web-components/dist/types/interface.d.ts::IcThemeMode": {
       "declaration": "any",
       "docstring": "",
       "path": "../web-components/dist/types/interface.d.ts"
@@ -5288,50 +4149,10 @@
       "docstring": "",
       "path": "src/utils/types.ts"
     },
-    "../web-components/dist/types/utils/types.d.ts::IcActivationTypes": {
-      "declaration": "export type IcActivationTypes = \"automatic\" | \"manual\";",
-      "docstring": "",
-      "path": "../web-components/dist/types/utils/types.d.ts"
-    },
-    "../web-components/dist/types/components.d.ts::IcSearchBarSearchModes": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "../web-components/dist/types/components.d.ts"
-    },
-    "../web-components/dist/types/utils/types.d.ts::IcMenuOption": {
-      "declaration": "export interface IcMenuOption {\n    description?: string;\n    disabled?: boolean;\n    recommended?: boolean;\n    children?: IcMenuOption[];\n    loading?: boolean;\n    timedOut?: boolean;\n    [key: string]: any;\n    element?: {\n        component: any;\n        ariaLabel: string;\n    };\n    icon?: any;\n}",
-      "docstring": "",
-      "path": "../web-components/dist/types/utils/types.d.ts"
-    },
-    "../web-components/dist/types/components.d.ts::IcMenuOptionIdEventDetail": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "../web-components/dist/types/components.d.ts"
-    },
-    "../web-components/dist/types/components.d.ts::IcOptionSelectEventDetail": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "../web-components/dist/types/components.d.ts"
-    },
-    "../web-components/dist/types/components.d.ts::IcMenuChangeEventDetail": {
+    "../web-components/dist/types/interface.d.ts::IcThemeMode": {
       "declaration": "any",
       "docstring": "",
-      "path": "../web-components/dist/types/components.d.ts"
-    },
-    "src/utils/types.ts::IcValueEventDetail": {
-      "declaration": "export interface IcValueEventDetail {\n  value: string | string[];\n  keyPressed?: string;\n}",
-      "docstring": "",
-      "path": "src/utils/types.ts"
-    },
-    "src/utils/types.ts::IcSearchMatchPositions": {
-      "declaration": "export type IcSearchMatchPositions = \"start\" | \"anywhere\";",
-      "docstring": "",
-      "path": "src/utils/types.ts"
-    },
-    "src/utils/types.ts::IcThemeForegroundNoDefault": {
-      "declaration": "export type IcThemeForegroundNoDefault = \"dark\" | \"light\";",
-      "docstring": "",
-      "path": "src/utils/types.ts"
+      "path": "../web-components/dist/types/interface.d.ts"
     }
   }
 }