@ukic/web-components 2.29.1 → 3.0.0-alpha.2

package/vscode-data.json

@@ -29,10 +29,10 @@
           "description": "The size of the accordion.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
@@ -72,7 +72,7 @@
           "description": "If `true`, the accordion will load in an expanded state."
         },
         {
-          "name": "group-title",
+          "name": "label",
           "description": "The header for the accordion group."
         },
         {
@@ -84,10 +84,10 @@
           "description": "The size of the accordion.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
@@ -190,9 +190,13 @@
           "name": "custom-color",
           "description": "The custom badge colour. This will only style the badge component if variant=\"custom\".\nCan be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\"."
         },
+        {
+          "name": "label",
+          "description": "The text displayed in the badge. This will only be displayed if type=\"text\"."
+        },
         {
           "name": "max-number",
-          "description": "The maximum number shown on the badge appended with a +.\nThis will only be displayed if type=\"text\" and textLabel is not empty."
+          "description": "The maximum number shown on the badge appended with a +.\nThis will only be displayed if type=\"text\" and label is not empty."
         },
         {
           "name": "position",
@@ -214,10 +218,10 @@
           "description": "The size of the badge to be displayed.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
@@ -225,8 +229,19 @@
           ]
         },
         {
-          "name": "text-label",
-          "description": "The text displayed in the badge. This will only be displayed if type=\"text\"."
+          "name": "theme",
+          "description": "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.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
         },
         {
           "name": "type",
@@ -305,27 +320,31 @@
       },
       "attributes": [
         {
-          "name": "appearance",
-          "description": "The appearance of the breadcrumb group.",
+          "name": "back-breadcrumb-only",
+          "description": "If `true`, display only a single breadcrumb for the parent page with a back icon."
+        },
+        {
+          "name": "collapsed",
+          "description": "If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed."
+        },
+        {
+          "name": "monochrome",
+          "description": "If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme."
+        },
+        {
+          "name": "theme",
+          "description": "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.",
           "values": [
             {
               "name": "dark"
             },
             {
-              "name": "default"
+              "name": "inherit"
             },
             {
               "name": "light"
             }
           ]
-        },
-        {
-          "name": "back-breadcrumb-only",
-          "description": "If `true`, display only a single breadcrumb for the parent page with a back icon."
-        },
-        {
-          "name": "collapsed",
-          "description": "If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed."
         }
       ]
     },
@@ -466,10 +485,10 @@
           "description": "The size of the button to be displayed.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
@@ -553,7 +572,7 @@
       ]
     },
     {
-      "name": "ic-card",
+      "name": "ic-card-vertical",
       "description": {
         "kind": "markdown",
         "value": ""
@@ -670,26 +689,6 @@
           "name": "form",
           "description": "The <form> element to associate the checkbox with."
         },
-        {
-          "name": "formaction",
-          "description": "The URL that processes the information submitted by the checkbox. It overrides the action attribute of the checkbox's form owner. Does nothing if there is no form owner."
-        },
-        {
-          "name": "formenctype",
-          "description": "The way the submitted form data is encoded."
-        },
-        {
-          "name": "formmethod",
-          "description": "The HTTP method used to submit the form."
-        },
-        {
-          "name": "formnovalidate",
-          "description": "If `true`, the form will not be validated when submitted."
-        },
-        {
-          "name": "formtarget",
-          "description": "The place to display the response from submitting the form. It overrides the target attribute of the checkbox's form owner."
-        },
         {
           "name": "group-label",
           "description": "The group label for the checkbox."
@@ -719,20 +718,16 @@
           "description": "The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "value",
           "description": "The value for the checkbox."
@@ -775,20 +770,16 @@
           "description": "The size of the checkboxes to be displayed. This does not affect the font size of the label.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "validation-status",
           "description": "The validation status - e.g. 'error' | 'warning' | 'success'.",
@@ -817,21 +808,9 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "appearance",
-          "description": "",
-          "values": [
-            {
-              "name": "filled"
-            },
-            {
-              "name": "outline"
-            }
-          ]
-        },
         {
           "name": "custom-color",
-          "description": "The custom chip colour. This prop will be applied to the chip component if `dismissible` is set to `false`.\nCan be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\"."
+          "description": "The custom chip colour. This will override the theme colour.\nCan be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\"."
         },
         {
           "name": "disabled",
@@ -850,19 +829,34 @@
           "description": "The size of the chip.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
+        {
+          "name": "theme",
+          "description": "Sets the chip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\nSetting the \"customColor\" prop will override this.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        },
         {
           "name": "transparent-background",
-          "description": "If `true`, the outlined variant of chip will have a transparent background rather than white."
+          "description": "If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color."
         },
         {
           "name": "variant",
@@ -925,7 +919,7 @@
       ]
     },
     {
-      "name": "ic-data-entity",
+      "name": "ic-data-list",
       "description": {
         "kind": "markdown",
         "value": ""
@@ -933,14 +927,14 @@
       "attributes": [
         {
           "name": "heading",
-          "description": "The title for the data entity."
+          "description": "The title for the data list."
         },
         {
           "name": "size",
-          "description": "The size of the data entity component.",
+          "description": "The size of the data list component.",
           "values": [
             {
-              "name": "default"
+              "name": "medium"
             },
             {
               "name": "small"
@@ -948,8 +942,19 @@
           ]
         },
         {
-          "name": "small",
-          "description": ""
+          "name": "theme",
+          "description": "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.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
         }
       ]
     },
@@ -969,7 +974,7 @@
           "description": "The size of the data row component.",
           "values": [
             {
-              "name": "default"
+              "name": "medium"
             },
             {
               "name": "small"
@@ -977,8 +982,19 @@
           ]
         },
         {
-          "name": "small",
-          "description": ""
+          "name": "theme",
+          "description": "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.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
         },
         {
           "name": "value",
@@ -993,17 +1009,9 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "alert-heading",
-          "description": ""
-        },
-        {
-          "name": "alert-message",
-          "description": ""
-        },
         {
           "name": "buttons",
-          "description": "If set to `false`, dialog controls will not be displayed overriding buttonProps or slotted dialog controls."
+          "description": "If set to `false`, default buttons or slotted dialog controls will not be displayed."
         },
         {
           "name": "close-on-backdrop-click",
@@ -1055,27 +1063,6 @@
               "name": "small"
             }
           ]
-        },
-        {
-          "name": "status",
-          "description": "",
-          "values": [
-            {
-              "name": "error"
-            },
-            {
-              "name": "info"
-            },
-            {
-              "name": "neutral"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
-            }
-          ]
         }
       ]
     },
@@ -1113,10 +1100,6 @@
           "name": "body",
           "description": "The body text rendered in the empty state container."
         },
-        {
-          "name": "body-max-lines",
-          "description": "The number of lines of body text to display before truncating."
-        },
         {
           "name": "heading",
           "description": "The title rendered in the empty state container."
@@ -1126,16 +1109,20 @@
           "description": "The size of the image or icon used in the image slot.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
+        {
+          "name": "max-lines",
+          "description": "The number of lines of body text to display before truncating."
+        },
         {
           "name": "subheading",
           "description": "The subtitle rendered in the empty state container."
@@ -1270,7 +1257,7 @@
       },
       "attributes": [
         {
-          "name": "group-title",
+          "name": "label",
           "description": "The title of the link group to be displayed."
         }
       ]
@@ -1319,11 +1306,11 @@
         },
         {
           "name": "heading",
-          "description": "The heading of the hero."
+          "description": "The heading of the hero. An <h2> level heading."
         },
         {
           "name": "secondary-heading",
-          "description": "The optional secondary heading, replaced by slotted right content."
+          "description": "The optional secondary heading, an <h3> level heading. Replaced by slotted right content."
         },
         {
           "name": "secondary-subheading",
@@ -1334,17 +1321,13 @@
           "description": "The size of the hero component.",
           "values": [
             {
-              "name": "default"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "subheading",
           "description": "The description for the hero."
@@ -1394,10 +1377,6 @@
             }
           ]
         },
-        {
-          "name": "dark",
-          "description": ""
-        },
         {
           "name": "disabled",
           "description": "If `true`, the disabled state will be set."
@@ -1419,20 +1398,16 @@
           "description": "The size of the input component container component.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "validation-inline",
           "description": "If `true`, the validation will display inline."
@@ -1490,18 +1465,10 @@
             }
           ]
         },
-        {
-          "name": "dark",
-          "description": ""
-        },
         {
           "name": "disabled",
           "description": "If `true`, the disabled state will be set."
         },
-        {
-          "name": "error",
-          "description": "If `true`, the input label will display with error styling."
-        },
         {
           "name": "for",
           "description": "The ID of the form element the label is bound to."
@@ -1521,6 +1488,15 @@
         {
           "name": "required",
           "description": "If `true`, the input label will require a value."
+        },
+        {
+          "name": "status",
+          "description": "The status of the label - e.g. 'error'.",
+          "values": [
+            {
+              "name": "error"
+            }
+          ]
         }
       ]
     },
@@ -1579,21 +1555,6 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "appearance",
-          "description": "The appearance of the link, e.g. dark, light, or default.",
-          "values": [
-            {
-              "name": "dark"
-            },
-            {
-              "name": "default"
-            },
-            {
-              "name": "light"
-            }
-          ]
-        },
         {
           "name": "download",
           "description": "If `true`, the user can save the linked URL instead of navigating to it."
@@ -1606,6 +1567,10 @@
           "name": "hreflang",
           "description": "The human language of the linked URL."
         },
+        {
+          "name": "monochrome",
+          "description": "If `true`, the link will display as black in the light theme, and white in the dark theme."
+        },
         {
           "name": "referrerpolicy",
           "description": "How much of the referrer to send when following the link.",
@@ -1640,13 +1605,24 @@
           "name": "rel",
           "description": "The relationship of the linked URL as space-separated link types."
         },
-        {
-          "name": "show-icon",
-          "description": ""
-        },
         {
           "name": "target",
           "description": "The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe)."
+        },
+        {
+          "name": "theme",
+          "description": "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.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
         }
       ]
     },
@@ -1657,18 +1633,6 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "appearance",
-          "description": "The appearance of the loading indicator, e.g. dark or light.",
-          "values": [
-            {
-              "name": "dark"
-            },
-            {
-              "name": "light"
-            }
-          ]
-        },
         {
           "name": "description",
           "description": "The description that will be set as the aria-label of the loading indicator when not using a visible label."
@@ -1679,7 +1643,7 @@
         },
         {
           "name": "label",
-          "description": "The label to be displayed beneath the loading indicator.\nDisplay a changing label by separating multiple messages with forward slashes."
+          "description": "The label to be displayed beneath the loading indicator.\nDisplay a changing label by supplying an array of messages."
         },
         {
           "name": "label-duration",
@@ -1693,6 +1657,10 @@
           "name": "min",
           "description": "The minimum value that the progress value can take.\nUsed to calculate the proportional width of the progress bar."
         },
+        {
+          "name": "monochrome",
+          "description": "If `true`, the element will display as black and white."
+        },
         {
           "name": "progress",
           "description": "The current amount of progress made.\nIf not provided, component acts as an indeterminate loading indicator."
@@ -1701,20 +1669,35 @@
           "name": "size",
           "description": "The size of the loading indicator.",
           "values": [
-            {
-              "name": "default"
-            },
             {
               "name": "icon"
             },
             {
               "name": "large"
             },
+            {
+              "name": "medium"
+            },
             {
               "name": "small"
             }
           ]
         },
+        {
+          "name": "theme",
+          "description": "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.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "The type of indicator, either linear or circular.",
@@ -1785,20 +1768,16 @@
           "description": "The size of the menu component.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "value",
           "description": "The value of the currently selected option."
@@ -2115,17 +2094,13 @@
           "description": "The size of the page header component.",
           "values": [
             {
-              "name": "default"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "sticky",
           "description": "If `true`, the page header will be sticky at all breakpoints."
@@ -2148,7 +2123,7 @@
       },
       "attributes": [
         {
-          "name": "adjacent-count",
+          "name": "adjacent-page-count",
           "description": "The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2."
         },
         {
@@ -2167,7 +2142,7 @@
           ]
         },
         {
-          "name": "boundary-count",
+          "name": "boundary-page-count",
           "description": "The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2."
         },
         {
@@ -2336,17 +2311,13 @@
           "description": "The size of the radio group component.",
           "values": [
             {
-              "name": "default"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "validation-status",
           "description": "The validation status - e.g. 'error' | 'warning' | 'success'.",
@@ -2399,26 +2370,6 @@
           "name": "form",
           "description": "The <form> element to associate the radio with."
         },
-        {
-          "name": "formaction",
-          "description": "The URL that processes the information submitted by the radio. It overrides the action attribute of the radio's form owner. Does nothing if there is no form owner."
-        },
-        {
-          "name": "formenctype",
-          "description": "The way the submitted form data is encoded."
-        },
-        {
-          "name": "formmethod",
-          "description": "The HTTP method used to submit the form."
-        },
-        {
-          "name": "formnovalidate",
-          "description": "If `true`, the form will not be validated when submitted."
-        },
-        {
-          "name": "formtarget",
-          "description": "The place to display the response from submitting the form. It overrides the target attribute of the radio's form owner."
-        },
         {
           "name": "group-label",
           "description": "The group label for the radio option."
@@ -2448,6 +2399,10 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "assistive-hint-text",
+          "description": "The hint text for the hidden assistive description element."
+        },
         {
           "name": "autocapitalize",
           "description": "The automatic capitalisation of the text value as it is entered/edited by the user.\nAvailable options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\"."
@@ -2645,7 +2600,7 @@
           "description": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke."
         },
         {
-          "name": "disable-filter",
+          "name": "disable-auto-filtering",
           "description": "Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\nIf `true`, all options provided will be displayed."
         },
         {
@@ -2672,10 +2627,6 @@
           "name": "hide-label",
           "description": "If `true`, the label will be hidden and the required label value will be applied as an aria-label."
         },
-        {
-          "name": "hint-text",
-          "description": "The hint text for the hidden assistive description element."
-        },
         {
           "name": "label",
           "description": "The label for the search bar."
@@ -2729,17 +2680,13 @@
           "description": "The size of the search bar component.",
           "values": [
             {
-              "name": "default"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "spellcheck",
           "description": "If `true`, the value of the search will have its spelling and grammar checked."
@@ -2793,16 +2740,12 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "characters-until-suggestions",
-          "description": ""
-        },
         {
           "name": "debounce",
           "description": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke."
         },
         {
-          "name": "disable-filter",
+          "name": "disable-auto-filtering",
           "description": "If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source."
         },
         {
@@ -2817,26 +2760,6 @@
           "name": "form",
           "description": "The <form> element to associate the select with."
         },
-        {
-          "name": "formaction",
-          "description": "The URL that processes the information submitted by the select. It overrides the action attribute of the select's form owner. Does nothing if there is no form owner.\nThis prop should only be used with searchable select and will only be applied if searchable is true."
-        },
-        {
-          "name": "formenctype",
-          "description": "The way the submitted form data is encoded. This prop should only be used with searchable select and will only be applied if searchable is true."
-        },
-        {
-          "name": "formmethod",
-          "description": "The HTTP method used to submit the form. This prop should only be used with searchable select and will only be applied if searchable is true."
-        },
-        {
-          "name": "formnovalidate",
-          "description": "If `true`, the form will not be validated when submitted. This prop should only be used with searchable select and will only be applied if searchable is true."
-        },
-        {
-          "name": "formtarget",
-          "description": "The place to display the response from submitting the form. It overrides the target attribute of the select's form owner.\nThis prop should only be used with searchable select and will only be applied if searchable is true."
-        },
         {
           "name": "full-width",
           "description": "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."
@@ -2918,20 +2841,16 @@
           "description": "The size of the select component.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "timeout",
           "description": "If using external filtering, set a timeout for when loading takes too long."
@@ -3018,21 +2937,20 @@
       },
       "attributes": [
         {
-          "name": "appearance",
-          "description": "The appearance of the skeleton.",
+          "name": "theme",
+          "description": "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.",
           "values": [
             {
-              "name": "default"
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
             },
             {
               "name": "light"
             }
           ]
         },
-        {
-          "name": "light",
-          "description": ""
-        },
         {
           "name": "variant",
           "description": "The variant of the skeleton that will be displayed.",
@@ -3061,18 +2979,6 @@
           "name": "announced",
           "description": "If `true`, role='status' is added to the component and it will act as an 'aria-live' region.\nScreen readers will announce changes to the `label`, but not the initial value."
         },
-        {
-          "name": "appearance",
-          "description": "",
-          "values": [
-            {
-              "name": "filled"
-            },
-            {
-              "name": "outlined"
-            }
-          ]
-        },
         {
           "name": "label",
           "description": "The content rendered within the status tag."
@@ -3082,20 +2988,16 @@
           "description": "The size of the status tag component.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "status",
           "description": "The colour of the status tag.",
@@ -3114,6 +3016,21 @@
             }
           ]
         },
+        {
+          "name": "theme",
+          "description": "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.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        },
         {
           "name": "variant",
           "description": "The emphasis of the status tag.",
@@ -3136,7 +3053,11 @@
       },
       "attributes": [
         {
-          "name": "step-status",
+          "name": "heading",
+          "description": "The title of the step within the stepper."
+        },
+        {
+          "name": "status",
           "description": "The status of the step. Use this prop to display a status message on the step if it is required or optional.",
           "values": [
             {
@@ -3148,15 +3069,11 @@
           ]
         },
         {
-          "name": "step-subtitle",
+          "name": "subheading",
           "description": "Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status."
         },
         {
-          "name": "step-title",
-          "description": "The title of the step within the stepper."
-        },
-        {
-          "name": "step-type",
+          "name": "type",
           "description": "The state of the step within the stepper.",
           "values": [
             {
@@ -3195,25 +3112,28 @@
           ]
         },
         {
-          "name": "appearance",
-          "description": "The appearance of the stepper.",
+          "name": "connector-width",
+          "description": "The length of the connector between each step in pixels. Minimum length is 100px."
+        },
+        {
+          "name": "hide-step-info",
+          "description": "If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper."
+        },
+        {
+          "name": "theme",
+          "description": "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.",
           "values": [
             {
-              "name": "default"
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
             },
             {
               "name": "light"
             }
           ]
         },
-        {
-          "name": "connector-width",
-          "description": "The length of the connector between each step in pixels. Minimum length is 100px."
-        },
-        {
-          "name": "hide-step-info",
-          "description": "If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper."
-        },
         {
           "name": "variant",
           "description": "The variant of the stepper.",
@@ -3268,17 +3188,13 @@
           "description": "The size of the switch component.",
           "values": [
             {
-              "name": "default"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "value",
           "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`."
@@ -3318,24 +3234,31 @@
           ]
         },
         {
-          "name": "appearance",
-          "description": "The appearance of the tab context, e.g dark, or light.",
+          "name": "context-id",
+          "description": "The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel."
+        },
+        {
+          "name": "monochrome",
+          "description": "If `true`, the tabs will display as black in the light theme."
+        },
+        {
+          "name": "selected-tab-index",
+          "description": "The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection."
+        },
+        {
+          "name": "theme",
+          "description": "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.",
           "values": [
             {
               "name": "dark"
             },
+            {
+              "name": "inherit"
+            },
             {
               "name": "light"
             }
           ]
-        },
-        {
-          "name": "context-id",
-          "description": "The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel."
-        },
-        {
-          "name": "selected-tab-index",
-          "description": "The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection."
         }
       ]
     },
@@ -3346,10 +3269,6 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "context-id",
-          "description": ""
-        },
         {
           "name": "inline",
           "description": "If `true`, the tabs and tab panels will be positioned separately."
@@ -3366,12 +3285,7 @@
         "kind": "markdown",
         "value": ""
       },
-      "attributes": [
-        {
-          "name": "context-id",
-          "description": ""
-        }
-      ]
+      "attributes": []
     },
     {
       "name": "ic-text-field",
@@ -3584,6 +3498,10 @@
           "name": "helper-text",
           "description": "The helper text that will be displayed for additional field guidance."
         },
+        {
+          "name": "hide-char-count",
+          "description": "If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden."
+        },
         {
           "name": "hide-label",
           "description": "If `true`, the label will be hidden and the required label value will be applied as an aria-label."
@@ -3632,15 +3550,7 @@
         },
         {
           "name": "max-characters",
-          "description": "The maximum number of characters that can be entered in the field. Will display an error if too many characters are entered."
-        },
-        {
-          "name": "max-length",
-          "description": "The count of characters in the field. Will display a warning if the bound is reached."
-        },
-        {
-          "name": "max-length-message",
-          "description": "The text to display as the validation message when the maximum length is exceeded."
+          "description": "The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)"
         },
         {
           "name": "min",
@@ -3679,17 +3589,13 @@
           "description": "The size of the text field component.",
           "values": [
             {
-              "name": "default"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "small",
-          "description": ""
-        },
         {
           "name": "spellcheck",
           "description": "If `true`, the value of the text field will have its spelling and grammar checked."
@@ -3760,6 +3666,21 @@
         {
           "name": "color",
           "description": "The theme colour. Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\"."
+        },
+        {
+          "name": "theme",
+          "description": "The theme mode. Can be \"dark\", \"light\", or \"system\". \"system\" will use the device or browser settings.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "light"
+            },
+            {
+              "name": "system"
+            }
+          ]
         }
       ]
     },
@@ -3859,6 +3780,10 @@
             }
           ]
         },
+        {
+          "name": "checked",
+          "description": "If `true`, the toggle button will be in a checked state."
+        },
         {
           "name": "disabled",
           "description": "If `true`, the toggle button will be in disabled state."
@@ -3895,20 +3820,16 @@
           "description": "The size of the toggle button to be displayed.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
             }
           ]
         },
-        {
-          "name": "toggle-checked",
-          "description": "If `true`, the toggle button will be in a checked state."
-        },
         {
           "name": "variant",
           "description": "The variant of the toggle button.",
@@ -4005,10 +3926,10 @@
           "description": "The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.",
           "values": [
             {
-              "name": "default"
+              "name": "large"
             },
             {
-              "name": "large"
+              "name": "medium"
             },
             {
               "name": "small"
@@ -4093,6 +4014,21 @@
         {
           "name": "target",
           "description": "The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used."
+        },
+        {
+          "name": "theme",
+          "description": "Sets the tooltip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
         }
       ]
     },
@@ -4175,6 +4111,21 @@
           "name": "strikethrough",
           "description": "If `true`, the typography will have a line through it."
         },
+        {
+          "name": "theme",
+          "description": "Sets the text color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.",
+          "values": [
+            {
+              "name": "dark"
+            },
+            {
+              "name": "inherit"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        },
         {
           "name": "underline",
           "description": "If `true`, the typography will have a line under it."