@ukic/canary-docs 3.0.0-canary.1 → 3.0.0-canary.10

package/docs.json

@@ -1,8 +1,8 @@
 {
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.9.0",
-    "typescriptVersion": "5.2.2"
+    "version": "4.26.0",
+    "typescriptVersion": "5.5.4"
   },
   "components": [
     {
@@ -55,7 +55,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disabled",
@@ -77,7 +79,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "heading",
@@ -98,7 +102,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "href",
@@ -119,7 +125,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "hreflang",
@@ -141,7 +149,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "message",
@@ -163,7 +173,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "referrerpolicy",
@@ -221,7 +233,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "rel",
@@ -242,7 +256,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "size",
@@ -283,7 +299,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "target",
@@ -304,7 +322,48 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [
@@ -339,7 +398,7 @@
           "passive": false
         },
         {
-          "event": "themeChange",
+          "event": "brandChange",
           "target": "document",
           "capture": false,
           "passive": false
@@ -434,7 +493,33 @@
             }
           ],
           "optional": false,
-          "required": true
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "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,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "columns",
@@ -460,7 +545,9 @@
             }
           ],
           "optional": false,
-          "required": true
+          "required": true,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "data",
@@ -485,8 +572,10 @@
               "type": "IcDataTableDataType[]"
             }
           ],
-          "optional": false,
-          "required": false
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "density",
@@ -523,7 +612,33 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disableAutoSort",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disable-auto-sort",
+          "reflectToAttr": false,
+          "docs": "If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "embedded",
@@ -545,7 +660,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "globalRowHeight",
@@ -577,7 +694,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "height",
@@ -598,7 +717,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "hideColumnHeaders",
@@ -620,7 +741,33 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "highlightSelectedRow",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "highlight-selected-row",
+          "reflectToAttr": false,
+          "docs": "If `true`, the selected row is highlighted using a background colour.",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "loading",
@@ -642,21 +789,17 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "loadingOptions",
-          "type": "{ appearance?: IcThemeForegroundNoDefault; description?: string; label?: string; labelDuration?: number; max?: number; min?: number; progress?: number; showBackground?: boolean; }",
+          "type": "{ description?: string; label?: string; labelDuration?: number; max?: number; min?: number; progress?: number; monochrome?: boolean; overlay?: boolean; }",
           "complexType": {
-            "original": "{\n    appearance?: IcThemeForegroundNoDefault;\n    description?: string;\n    label?: string;\n    labelDuration?: number;\n    max?: number;\n    min?: number;\n    progress?: number;\n    showBackground?: boolean;\n  }",
-            "resolved": "{ appearance?: IcThemeForegroundNoDefault; description?: string; label?: string; labelDuration?: number; max?: number; min?: number; progress?: number; showBackground?: boolean; }",
-            "references": {
-              "IcThemeForegroundNoDefault": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/utils/types",
-                "id": "../web-components/dist/types/utils/types.d.ts::IcThemeForegroundNoDefault"
-              }
-            }
+            "original": "{\n    description?: string;\n    label?: string;\n    labelDuration?: number;\n    max?: number;\n    min?: number;\n    progress?: number;\n    monochrome?: boolean;\n    overlay?: boolean;\n  }",
+            "resolved": "{ description?: string; label?: string; labelDuration?: number; max?: number; min?: number; progress?: number; monochrome?: boolean; overlay?: boolean; }",
+            "references": {}
           },
           "mutable": false,
           "reflectToAttr": false,
@@ -664,11 +807,13 @@
           "docsTags": [],
           "values": [
             {
-              "type": "{ appearance?: IcThemeForegroundNoDefault; description?: string; label?: string; labelDuration?: number; max?: number; min?: number; progress?: number; showBackground?: boolean; }"
+              "type": "{ description?: string; label?: string; labelDuration?: number; max?: number; min?: number; progress?: number; monochrome?: boolean; overlay?: boolean; }"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "maxWidth",
@@ -689,7 +834,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "minWidth",
@@ -710,7 +857,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "minimumLoadingDisplayDuration",
@@ -732,7 +881,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "paginationBarOptions",
@@ -752,14 +903,16 @@
           "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    alignment: \"right\",\n    hideAllFromItemsPerPage: false,\n    hideRangeLabel: false,\n    itemLabel: \"Item\",\n    itemsPerPageOptions: [\n      { label: \"10\", value: \"10\" },\n      { label: \"25\", value: \"25\" },\n      { label: \"50\", value: \"50\" },\n    ],\n    monochrome: false,\n    pageLabel: \"Page\",\n    rangeLabelType: \"page\",\n    selectedItemsPerPage: 10,\n    setToFirstPageOnPaginationChange: false,\n    showGoToPageControl: true,\n    showItemsPerPageControl: true,\n    type: \"simple\",\n  }",
           "values": [
             {
               "type": "IcPaginationBarOptions"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "showPagination",
@@ -781,7 +934,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "sortOptions",
@@ -808,7 +963,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "sortable",
@@ -830,7 +987,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "stickyColumnHeaders",
@@ -852,7 +1011,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "stickyRowHeaders",
@@ -874,7 +1035,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "tableLayout",
@@ -901,7 +1064,48 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "truncationPattern",
@@ -933,7 +1137,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "updating",
@@ -955,21 +1161,17 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "updatingOptions",
-          "type": "{ appearance?: IcThemeForegroundNoDefault; description?: string; max?: number; min?: number; progress?: number; }",
+          "type": "{ description?: string; max?: number; min?: number; progress?: number; monochrome?: boolean; }",
           "complexType": {
-            "original": "{\n    appearance?: IcThemeForegroundNoDefault;\n    description?: string;\n    max?: number;\n    min?: number;\n    progress?: number;\n  }",
-            "resolved": "{ appearance?: IcThemeForegroundNoDefault; description?: string; max?: number; min?: number; progress?: number; }",
-            "references": {
-              "IcThemeForegroundNoDefault": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/utils/types",
-                "id": "../web-components/dist/types/utils/types.d.ts::IcThemeForegroundNoDefault"
-              }
-            }
+            "original": "{\n    description?: string;\n    max?: number;\n    min?: number;\n    progress?: number;\n    monochrome?: boolean;\n  }",
+            "resolved": "{ description?: string; max?: number; min?: number; progress?: number; monochrome?: boolean; }",
+            "references": {}
           },
           "mutable": false,
           "reflectToAttr": false,
@@ -977,11 +1179,13 @@
           "docsTags": [],
           "values": [
             {
-              "type": "{ appearance?: IcThemeForegroundNoDefault; description?: string; max?: number; min?: number; progress?: number; }"
+              "type": "{ description?: string; max?: number; min?: number; progress?: number; monochrome?: boolean; }"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "variableRowHeight",
@@ -1007,7 +1211,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "width",
@@ -1028,7 +1234,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [
@@ -1082,6 +1290,20 @@
           "docs": "Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.",
           "docsTags": []
         },
+        {
+          "event": "icSelectedRowChange",
+          "detail": "object",
+          "bubbles": true,
+          "complexType": {
+            "original": "object",
+            "resolved": "object",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the selected row changes in the data table.",
+          "docsTags": []
+        },
         {
           "event": "icSortChange",
           "detail": "IcSortEventDetail",
@@ -1160,8 +1382,8 @@
         "ic-loading-indicator",
         "ic-typography",
         "ic-link",
-        "ic-button",
         "ic-tooltip",
+        "ic-button",
         "ic-empty-state",
         "ic-pagination-bar"
       ],
@@ -1170,21 +1392,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"
         ],
@@ -1277,7 +1499,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "heading",
@@ -1299,7 +1523,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "hideDensitySelect",
@@ -1321,7 +1547,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "metadata",
@@ -1342,7 +1570,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -1475,7 +1705,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disableDays",
@@ -1502,7 +1734,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disableDaysMessage",
@@ -1524,7 +1758,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disableFuture",
@@ -1546,7 +1782,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disableFutureMessage",
@@ -1568,7 +1806,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disablePast",
@@ -1590,7 +1830,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disablePastMessage",
@@ -1612,7 +1854,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disabled",
@@ -1634,7 +1878,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "helperText",
@@ -1655,7 +1901,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "hideHelperText",
@@ -1677,7 +1925,33 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "inputId",
@@ -1699,7 +1973,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "invalidDateMessage",
@@ -1721,7 +1997,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "label",
@@ -1742,7 +2020,9 @@
             }
           ],
           "optional": false,
-          "required": true
+          "required": true,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "max",
@@ -1772,7 +2052,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "min",
@@ -1802,7 +2084,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "name",
@@ -1824,7 +2108,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "required",
@@ -1846,7 +2132,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "showClearButton",
@@ -1868,7 +2156,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "size",
@@ -1905,7 +2195,48 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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 date picker to the dark or light theme colors. \"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,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "validationStatus",
@@ -1945,7 +2276,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "validationText",
@@ -1967,7 +2300,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "value",
@@ -1997,7 +2332,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [
@@ -2179,7 +2516,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disableDays",
@@ -2206,7 +2545,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disableDaysMessage",
@@ -2228,7 +2569,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disableFuture",
@@ -2250,7 +2593,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disableFutureMessage",
@@ -2272,7 +2617,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disablePast",
@@ -2294,7 +2641,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disablePastMessage",
@@ -2316,7 +2665,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "disabled",
@@ -2338,7 +2689,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "helperText",
@@ -2359,7 +2712,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "hideHelperText",
@@ -2381,7 +2736,33 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "inputId",
@@ -2402,7 +2783,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "invalidDateMessage",
@@ -2424,7 +2807,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "label",
@@ -2445,7 +2830,9 @@
             }
           ],
           "optional": false,
-          "required": true
+          "required": true,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "max",
@@ -2475,7 +2862,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "min",
@@ -2505,7 +2894,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "name",
@@ -2526,7 +2917,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "openAtDate",
@@ -2556,7 +2949,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "required",
@@ -2578,7 +2973,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "showDaysOutsideMonth",
@@ -2600,7 +2997,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "showPickerClearButton",
@@ -2622,7 +3021,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "showPickerTodayButton",
@@ -2644,7 +3045,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "size",
@@ -2681,7 +3084,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "startOfWeek",
@@ -2727,7 +3132,48 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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 date picker to the dark or light theme colors. \"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,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "validationStatus",
@@ -2767,7 +3213,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "validationText",
@@ -2789,7 +3237,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "value",
@@ -2819,7 +3269,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -2909,1073 +3361,79 @@
       }
     },
     {
-      "filePath": "src/components/ic-menu-with-multi/ic-menu.tsx",
-      "encapsulation": "scoped",
-      "tag": "ic-menu-with-multi",
-      "readme": "# ic-menu-with-multi\n\n\n",
+      "filePath": "src/components/ic-pagination-bar/ic-pagination-bar.tsx",
+      "encapsulation": "shadow",
+      "tag": "ic-pagination-bar",
+      "readme": "# ic-pagination-bar\n\n\n",
       "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"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "anchorEl",
-          "type": "HTMLElement",
-          "complexType": {
-            "original": "HTMLElement",
-            "resolved": "HTMLElement",
-            "references": {
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The reference to an anchor element the menu will position itself from when rendered.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "HTMLElement"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "closeOnSelect",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "close-on-select",
-          "reflectToAttr": false,
-          "docs": "If `true`, the menu will close when an option is selected.",
-          "docsTags": [],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "fullWidth",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "full-width",
-          "reflectToAttr": false,
-          "docs": "If `true`, the menu will fill the width of the container.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "inputEl",
-          "type": "HTMLElement",
-          "complexType": {
-            "original": "HTMLElement",
-            "resolved": "HTMLElement",
-            "references": {
-              "HTMLElement": {
-                "location": "global",
-                "id": "global::HTMLElement"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The reference to the input element.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "HTMLElement"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "inputLabel",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "input-label",
-          "reflectToAttr": false,
-          "docs": "The label for the input element.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "labelField",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "label-field",
-          "reflectToAttr": false,
-          "docs": "The custom name for the label field for IcMenuOption.",
-          "docsTags": [],
-          "default": "\"label\"",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "menuId",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "menu-id",
-          "reflectToAttr": false,
-          "docs": "The ID of the menu.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "open",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": true,
-          "docs": "If `true`, the menu will be displayed open.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "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 menu selection options.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "IcMenuOption[]"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "searchMode",
-          "type": "\"navigation\" | \"query\"",
-          "complexType": {
-            "original": "IcSearchBarSearchModes",
-            "resolved": "\"navigation\" | \"query\"",
-            "references": {
-              "IcSearchBarSearchModes": {
-                "location": "import",
-                "path": "@ukic/web-components/dist/types/components",
-                "id": "../web-components/dist/types/components.d.ts::IcSearchBarSearchModes"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "search-mode",
-          "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.",
-          "docsTags": [],
-          "default": "\"navigation\"",
-          "values": [
-            {
-              "value": "navigation",
-              "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\n\n\n",
-      "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",
-              "type": "string"
-            },
-            {
-              "value": "light",
-              "type": "string"
-            }
-          ],
-          "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": "{ value: number; }",
-          "bubbles": true,
-          "complexType": {
-            "original": "{ value: number }",
-            "resolved": "{ value: number; }",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when a page is navigated to via the 'go to' input.",
-          "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\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "debounce",
-          "type": "number",
+          "name": "currentPage",
+          "type": "number",
           "complexType": {
             "original": "number",
             "resolved": "number",
             "references": {}
           },
           "mutable": false,
-          "attr": "debounce",
+          "attr": "current-page",
           "reflectToAttr": false,
-          "docs": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.",
+          "docs": "The current page number to be displayed on the pagination bar.",
           "docsTags": [],
-          "default": "0",
+          "default": "1",
           "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
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "includeGroupTitlesInSearch",
+          "name": "hideAllFromItemsPerPage",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -3983,52 +3441,9 @@
             "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",
+          "attr": "hide-all-from-items-per-page",
           "reflectToAttr": false,
-          "docs": "If `true`, the loading state will be triggered when fetching options asynchronously.",
+          "docs": "If `true`, the 'All' option will be hidden from the 'items per page' select input.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4037,54 +3452,12 @@
             }
           ],
           "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
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "multiple",
+          "name": "hideRangeLabel",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -4092,9 +3465,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "multiple",
+          "attr": "hide-range-label",
           "reflectToAttr": false,
-          "docs": "If `true`, multiple options can be selected.",
+          "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": [
@@ -4103,10 +3476,12 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "name",
+          "name": "itemLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -4114,70 +3489,45 @@
             "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,
+          "attr": "item-label",
           "reflectToAttr": false,
-          "docs": "The possible selection options.",
+          "docs": "The text which will be used in place of 'Item' on the pagination bar.",
           "docsTags": [],
-          "default": "[]",
+          "default": "\"Item\"",
           "values": [
             {
-              "type": "IcMenuOption[]"
+              "type": "string"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "placeholder",
-          "type": "string",
+          "name": "itemsPerPageOptions",
+          "type": "{ label: string; value: string; }[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "{\n    label: string;\n    value: string;\n  }[]",
+            "resolved": "{ label: string; value: string; }[]",
             "references": {}
           },
           "mutable": false,
-          "attr": "placeholder",
           "reflectToAttr": false,
-          "docs": "The placeholder value to be displayed.",
+          "docs": "The options which will be displayed for 'items per page' select input.",
           "docsTags": [],
-          "default": "\"Select an option\"",
           "values": [
             {
-              "type": "string"
+              "type": "{ label: string; value: string; }[]"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "readonly",
+          "name": "monochrome",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -4185,9 +3535,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "readonly",
+          "attr": "monochrome",
           "reflectToAttr": false,
-          "docs": "If `true`, the readonly state will be set.",
+          "docs": "If `true`, the pagination bar will display as black in the light theme, and white in dark theme.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4196,65 +3546,94 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "required",
-          "type": "boolean",
+          "name": "pageLabel",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "required",
+          "attr": "page-label",
           "reflectToAttr": false,
-          "docs": "If `true`, the select will require a value.",
+          "docs": "The text which will be used in place of 'Page' on the pagination bar.",
           "docsTags": [],
-          "default": "false",
+          "default": "\"Page\"",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "searchMatchPosition",
-          "type": "\"anywhere\" | \"start\"",
+          "name": "rangeLabelType",
+          "type": "\"data\" | \"page\"",
           "complexType": {
-            "original": "IcSearchMatchPositions",
-            "resolved": "\"anywhere\" | \"start\"",
+            "original": "IcPaginationLabelTypes",
+            "resolved": "\"data\" | \"page\"",
             "references": {
-              "IcSearchMatchPositions": {
+              "IcPaginationLabelTypes": {
                 "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcSearchMatchPositions"
+                "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": "search-match-position",
+          "attr": "range-label-type",
           "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.",
+          "docs": "Whether total number of items and current item range or total number of pages and current page is displayed.",
           "docsTags": [],
-          "default": "\"anywhere\"",
+          "default": "\"page\"",
           "values": [
             {
-              "value": "anywhere",
+              "value": "data",
               "type": "string"
             },
             {
-              "value": "start",
+              "value": "page",
               "type": "string"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selectedItemsPerPage",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected-items-per-page",
+          "reflectToAttr": false,
+          "docs": "The items per page option to be selected.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "searchable",
+          "name": "setToFirstPageOnPaginationChange",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -4262,9 +3641,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "searchable",
+          "attr": "set-to-first-page-on-pagination-change",
           "reflectToAttr": false,
-          "docs": "If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.",
+          "docs": "If `true`, the pagination bar is set to the first page when the 'items per page' changes",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4273,10 +3652,12 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "selectOnEnter",
+          "name": "showGoToPageControl",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -4284,9 +3665,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "select-on-enter",
+          "attr": "show-go-to-page-control",
           "reflectToAttr": false,
-          "docs": "If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.",
+          "docs": "If `true`, the 'go to page' control should be displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4295,10 +3676,12 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "showClearButton",
+          "name": "showItemsPerPageControl",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -4306,9 +3689,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "show-clear-button",
+          "attr": "show-items-per-page-control",
           "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.",
+          "docs": "If `true`, the select input to control 'items per page' should be displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4317,47 +3700,51 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "size",
-          "type": "\"large\" | \"medium\" | \"small\"",
+          "name": "theme",
+          "type": "\"dark\" | \"inherit\" | \"light\"",
           "complexType": {
-            "original": "IcSizes",
-            "resolved": "\"large\" | \"medium\" | \"small\"",
+            "original": "IcThemeMode",
+            "resolved": "\"dark\" | \"inherit\" | \"light\"",
             "references": {
-              "IcSizes": {
+              "IcThemeMode": {
                 "location": "import",
                 "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcSizes"
+                "id": "src/utils/types.ts::IcThemeMode"
               }
             }
           },
           "mutable": false,
-          "attr": "size",
+          "attr": "theme",
           "reflectToAttr": false,
-          "docs": "The size of the select.",
+          "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": "\"medium\"",
+          "default": "\"inherit\"",
           "values": [
             {
-              "value": "large",
+              "value": "dark",
               "type": "string"
             },
             {
-              "value": "medium",
+              "value": "inherit",
               "type": "string"
             },
             {
-              "value": "small",
+              "value": "light",
               "type": "string"
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "timeout",
+          "name": "totalItems",
           "type": "number",
           "complexType": {
             "original": "number",
@@ -4365,311 +3752,130 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "timeout",
+          "attr": "total-items",
           "reflectToAttr": false,
-          "docs": "If using external filtering, set a timeout for when loading takes too long.",
+          "docs": "Total number of items to be displayed across all pages.",
           "docsTags": [],
           "values": [
             {
               "type": "number"
             }
           ],
-          "optional": true,
-          "required": false
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
         },
         {
-          "name": "validationStatus",
-          "type": "\"\" | \"error\" | \"success\" | \"warning\"",
+          "name": "type",
+          "type": "\"complex\" | \"simple\"",
           "complexType": {
-            "original": "IcInformationStatusOrEmpty",
-            "resolved": "\"\" | \"error\" | \"success\" | \"warning\"",
+            "original": "IcPaginationTypes",
+            "resolved": "\"complex\" | \"simple\"",
             "references": {
-              "IcInformationStatusOrEmpty": {
+              "IcPaginationTypes": {
                 "location": "import",
-                "path": "../../utils/types",
-                "id": "src/utils/types.ts::IcInformationStatusOrEmpty"
+                "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": "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",
+          "attr": "type",
           "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.",
+          "docs": "Whether the displayed pagination is simple or complex.",
           "docsTags": [],
+          "default": "\"simple\"",
           "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": []
-        },
-        {
-          "event": "icInput",
-          "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 a keyboard input occurred.",
-          "docsTags": []
-        },
-        {
-          "event": "icOptionDeselect",
-          "detail": "IcOptionSelectEventDetail",
-          "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"
-              }
+              "value": "complex",
+              "type": "string"
+            },
+            {
+              "value": "simple",
+              "type": "string"
             }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when `multiple` is `true` and an option is deselected.",
-          "docsTags": []
-        },
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": 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": [
@@ -4685,13 +3891,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"
         ]
       }
     },
@@ -4737,7 +3960,33 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "href",
@@ -4758,7 +4007,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "hreflang",
@@ -4780,7 +4031,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "label",
@@ -4802,7 +4055,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "referrerpolicy",
@@ -4860,7 +4115,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "rel",
@@ -4881,7 +4138,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "selected",
@@ -4903,7 +4162,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "target",
@@ -4924,7 +4185,71 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "truncateTreeItem",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "truncate-tree-item",
+          "reflectToAttr": false,
+          "docs": "If `true`, the tree item label will be truncated instead of text wrapping.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [
@@ -5024,37 +4349,28 @@
       "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,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "heading",
@@ -5076,7 +4392,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "size",
@@ -5113,7 +4431,96 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": 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,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "truncateHeading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "truncate-heading",
+          "reflectToAttr": false,
+          "docs": "If `true`, the tree view heading will be truncated instead of text wrapping.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "truncateTreeItems",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "truncate-tree-items",
+          "reflectToAttr": false,
+          "docs": "If `true`, tree items will be truncated, unless they are individually overridden.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -5165,8 +4572,13 @@
       "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}",
+      "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  excludeColumnFromSort?: boolean;\n}",
       "docstring": "",
       "path": "src/components/ic-data-table/ic-data-table.types.tsx"
     },
@@ -5185,13 +4597,8 @@
       "docstring": "",
       "path": "src/components/ic-data-table/ic-data-table.types.tsx"
     },
-    "../web-components/dist/types/utils/types.d.ts::IcThemeForegroundNoDefault": {
-      "declaration": "export type IcThemeForegroundNoDefault = \"dark\" | \"light\";",
-      "docstring": "",
-      "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  alignment?: IcPaginationAlignmentOptions;\n  hideAllFromItemsPerPage?: boolean;\n  hideRangeLabel?: boolean;\n  itemLabel?: string;\n  itemsPerPageOptions?: { label: string; value: string }[];\n  monochrome?: boolean;\n  pageLabel?: string;\n  rangeLabelType?: IcPaginationLabelTypes;\n  selectedItemsPerPage?: number;\n  setToFirstPageOnPaginationChange?: boolean;\n  showGoToPageControl?: boolean;\n  showItemsPerPageControl?: boolean;\n  theme?: IcThemeMode;\n  type?: IcPaginationTypes;\n}",
       "docstring": "",
       "path": "src/utils/types.ts"
     },
@@ -5215,11 +4622,6 @@
       "docstring": "",
       "path": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts"
     },
-    "../web-components/dist/types/interface.d.ts::IcThemeForeground": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "../web-components/dist/types/interface.d.ts"
-    },
     "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts::IcPaginationTypes": {
       "declaration": "export type IcPaginationTypes = \"simple\" | \"complex\";",
       "docstring": "",
@@ -5230,6 +4632,11 @@
       "docstring": "",
       "path": "../web-components/dist/types/components/ic-pagination/ic-pagination.types.d.ts"
     },
+    "src/components/ic-pagination-bar/ic-pagination-bar.types.ts::IcPageChangeEventDetail": {
+      "declaration": "export interface IcPageChangeEventDetail {\n  value: number;\n  fromItemsPerPage?: boolean;\n}",
+      "docstring": "",
+      "path": "src/components/ic-pagination-bar/ic-pagination-bar.types.ts"
+    },
     "src/components/ic-data-table/ic-data-table.types.tsx::IcDensityUpdateEventDetail": {
       "declaration": "export interface IcDensityUpdateEventDetail {\n  value: IcDataTableDensityOptions;\n}",
       "docstring": "",
@@ -5254,51 +4661,6 @@
       "declaration": "export type IcInformationStatusOrEmpty = \"warning\" | \"error\" | \"success\" | \"\";",
       "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": {
-      "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"
     }
   }
 }