@six-group/ui-library 0.0.0-insider.a358260 → 0.0.0-insider.cd0cd0d

package/dist/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-31T05:52:28",
+  "timestamp": "2023-08-07T06:21:33",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.2.1",
@@ -684,7 +684,7 @@
         },
         {
           "name": "download",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "download",
           "reflectToAttr": false,
@@ -693,14 +693,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "href",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "href",
           "reflectToAttr": false,
@@ -709,9 +712,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -739,6 +745,7 @@
           "reflectToAttr": false,
           "docs": "An optional name for the button. Ignored when `href` is set.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -826,7 +833,7 @@
         },
         {
           "name": "target",
-          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
+          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined",
           "mutable": false,
           "attr": "target",
           "reflectToAttr": false,
@@ -848,9 +855,12 @@
             {
               "value": "_top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -903,6 +913,7 @@
           "reflectToAttr": false,
           "docs": "An optional value for the button. Ignored when `href` is set.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -1121,30 +1132,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The checkbox's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1175,10 +1169,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1195,7 +1189,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The checkbox label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1229,7 +1223,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": false,
-          "docs": "Set to true to make the checkbox a required field.",
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1259,17 +1253,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -1281,17 +1264,6 @@
           "docs": "Removes focus from the checkbox.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
         {
           "name": "reset",
           "returns": {
@@ -1303,17 +1275,6 @@
           "docs": "Resets the formcontrol",
           "docsTags": []
         },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -1467,7 +1428,7 @@
         },
         {
           "name": "containingElement",
-          "type": "HTMLElement",
+          "type": "HTMLElement | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
@@ -1475,9 +1436,12 @@
           "values": [
             {
               "type": "HTMLElement"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1573,7 +1537,7 @@
         },
         {
           "name": "defaultDate",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "default-date",
           "reflectToAttr": false,
@@ -1582,6 +1546,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1604,30 +1571,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1694,13 +1644,30 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": true,
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The input's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1743,15 +1710,17 @@
         },
         {
           "name": "max",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The maximum datetime allowed. Value must be a date object",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1759,15 +1728,17 @@
         },
         {
           "name": "min",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The minimum datetime allowed. Value must be a date object",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1809,7 +1780,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -1818,6 +1789,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1825,7 +1799,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"top\"",
+          "type": "\"bottom\" | \"top\" | undefined",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
@@ -1839,9 +1813,12 @@
             {
               "value": "top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1866,9 +1843,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "Set to true to make the input a required field.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -1927,15 +1905,17 @@
         },
         {
           "name": "value",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "The value of the form field, which accepts a date object.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1943,66 +1923,33 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
         {
           "name": "select",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "select(datestring: string) => Promise<void>",
+          "signature": "select(datestring?: string) => Promise<void>",
           "parameters": [],
           "docs": "Selects an option",
           "docsTags": []
         },
         {
-          "name": "setCustomValidity",
+          "name": "setFocus",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
+          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
           "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
+          "docs": "Sets focus on the datepickers input.",
           "docsTags": []
         }
       ],
       "events": [
         {
           "event": "six-datepicker-blur",
-          "detail": "Date",
+          "detail": "Date | null | undefined",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -2020,7 +1967,7 @@
         },
         {
           "event": "six-datepicker-select",
-          "detail": "Date",
+          "detail": "Date | null | undefined",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -2161,7 +2108,7 @@
           "mutable": false,
           "attr": "has-content",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Set to false when you want to hide the summary icon and disable the open/close mechanism. Usually not needed, but used internally by 'six-sidebar-item-group'",
           "docsTags": [],
           "default": "true",
           "values": [
@@ -2195,7 +2142,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the details is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the details is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -2242,7 +2189,7 @@
         },
         {
           "name": "summaryIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "summary-icon",
           "reflectToAttr": false,
@@ -2251,9 +2198,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2537,7 +2487,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the dialog is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -2817,7 +2767,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the drawer is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3099,7 +3049,7 @@
         },
         {
           "name": "containingElement",
-          "type": "HTMLElement",
+          "type": "HTMLElement | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
@@ -3107,9 +3057,12 @@
           "values": [
             {
               "type": "HTMLElement"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3220,7 +3173,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3238,7 +3191,7 @@
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown (alternative to setting the elements via html)",
           "docsTags": [],
-          "default": "null",
+          "default": "[]",
           "values": [
             {
               "type": "SixMenuItemData[]"
@@ -3253,7 +3206,7 @@
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
-          "docs": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
+          "docs": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside the viewport.",
           "docsTags": [],
           "default": "'bottom-start'",
           "values": [
@@ -3517,7 +3470,7 @@
       "props": [
         {
           "name": "customDescription",
-          "type": "string[]",
+          "type": "string[] | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines a custom description.",
@@ -3525,6 +3478,9 @@
           "values": [
             {
               "type": "string[]"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3532,7 +3488,7 @@
         },
         {
           "name": "customIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "custom-icon",
           "reflectToAttr": false,
@@ -3541,6 +3497,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3548,7 +3507,7 @@
         },
         {
           "name": "customTitle",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "custom-title",
           "reflectToAttr": false,
@@ -3557,6 +3516,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3564,7 +3526,7 @@
         },
         {
           "name": "errorCode",
-          "type": "number",
+          "type": "403 | 404 | 500 | undefined",
           "mutable": false,
           "attr": "error-code",
           "reflectToAttr": false,
@@ -3572,10 +3534,22 @@
           "docsTags": [],
           "values": [
             {
+              "value": "403",
+              "type": "number"
+            },
+            {
+              "value": "404",
+              "type": "number"
+            },
+            {
+              "value": "500",
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3771,7 +3745,7 @@
         },
         {
           "name": "size",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "size",
           "reflectToAttr": true,
@@ -3780,9 +3754,12 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -3841,7 +3818,7 @@
       "props": [
         {
           "name": "accept",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "accept",
           "reflectToAttr": false,
@@ -3850,9 +3827,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3891,7 +3871,7 @@
         },
         {
           "name": "label",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
@@ -3900,26 +3880,31 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "maxFileSize",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "max-file-size",
           "reflectToAttr": false,
           "docs": "Allowed max file size in bytes.",
           "docsTags": [],
-          "default": "undefined",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3930,6 +3915,7 @@
           "reflectToAttr": false,
           "docs": "More than one file allowed.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -4033,38 +4019,58 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/six-form/six-form.tsx",
+      "filePath": "./src/components/six-group-label/six-group-label.tsx",
       "encapsulation": "shadow",
-      "tag": "six-form",
-      "readme": "# six-form\n\n<!-- EXAMPLES -->\n",
+      "tag": "six-group-label",
+      "readme": "# six-group-label\n\n<!-- EXAMPLES -->\n",
       "docs": "<!-- EXAMPLES -->",
       "docsTags": [
         {
           "name": "since",
-          "text": "1.0"
+          "text": "1.1"
         },
         {
           "name": "status",
-          "text": "stable\n\nForked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27."
+          "text": "stable"
+        },
+        {
+          "name": "slot",
+          "text": "label - The wrapped component's label. Alternatively, you can use the label prop."
+        },
+        {
+          "name": "slot",
+          "text": "help-text - Help text that describes how to use the input."
         },
         {
           "name": "slot",
-          "text": "- The form's content."
+          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
         },
         {
           "name": "part",
           "text": "base - The component's base wrapper."
+        },
+        {
+          "name": "part",
+          "text": "form-control - The form control that wraps the label, textarea, and help text."
+        },
+        {
+          "name": "part",
+          "text": "label - The label of wrapped component."
+        },
+        {
+          "name": "part",
+          "text": "help-text - The help text of the wrapped component."
         }
       ],
       "usage": {},
       "props": [
         {
-          "name": "novalidate",
+          "name": "disabled",
           "type": "boolean",
           "mutable": false,
-          "attr": "novalidate",
-          "reflectToAttr": false,
-          "docs": "Prevent the form from validating inputs before submitting.",
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Set to true to disable the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4074,191 +4080,23 @@
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
         },
         {
-          "name": "getFormControls",
-          "returns": {
-            "type": "Promise<HTMLFormElement[]>",
-            "docs": ""
-          },
-          "signature": "getFormControls() => Promise<HTMLFormElement[]>",
-          "parameters": [],
-          "docs": "Gets all form control elements (native and custom).",
-          "docsTags": []
-        },
-        {
-          "name": "getFormData",
-          "returns": {
-            "type": "Promise<FormData>",
-            "docs": ""
-          },
-          "signature": "getFormData() => Promise<FormData>",
-          "parameters": [],
-          "docs": "Serializes all form controls elements and returns a `FormData` object.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the form and resets the value of all descendants",
-          "docsTags": []
-        },
-        {
-          "name": "submit",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "submit() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve\nwith `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "six-form-change",
-          "detail": "SixFormChangePayload",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the control's value changes.",
-          "docsTags": []
-        },
-        {
-          "event": "six-form-reset",
-          "detail": "undefined",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the forms values are reset.",
-          "docsTags": []
-        },
-        {
-          "event": "six-form-submit",
-          "detail": "SixFormSubmitPayload",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an\ninvalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this\nevent, since it doen't send a GET or POST request like native forms. To \"prevent\" submission, use a conditional\naround the XHR request you use to submit the form's data with.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "The form's content."
-        }
-      ],
-      "parts": [
-        {
-          "name": "base",
-          "docs": "The component's base wrapper."
-        }
-      ],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "./src/components/six-group-label/six-group-label.tsx",
-      "encapsulation": "shadow",
-      "tag": "six-group-label",
-      "readme": "# six-group-label\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [
-        {
-          "name": "since",
-          "text": "1.1"
-        },
-        {
-          "name": "status",
-          "text": "stable"
-        },
-        {
-          "name": "slot",
-          "text": "label - The wrapped component's label. Alternatively, you can use the label prop."
-        },
-        {
-          "name": "slot",
-          "text": "help-text - Help text that describes how to use the input."
-        },
-        {
-          "name": "slot",
-          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
-        },
-        {
-          "name": "part",
-          "text": "base - The component's base wrapper."
-        },
-        {
-          "name": "part",
-          "text": "form-control - The form control that wraps the label, textarea, and help text."
-        },
-        {
-          "name": "part",
-          "text": "label - The label of wrapped component."
-        },
-        {
-          "name": "part",
-          "text": "help-text - The help text of the wrapped component."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": true,
-          "docs": "Set to true to disable the label.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "helpText",
-          "type": "string",
-          "mutable": false,
-          "attr": "help-text",
-          "reflectToAttr": false,
-          "docs": "The wrapper label's help text. Alternatively, you can use the help-text slot.",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
+          "name": "helpText",
+          "type": "string",
+          "mutable": false,
+          "attr": "help-text",
+          "reflectToAttr": false,
+          "docs": "The wrapper label's help text. Alternatively, you can use the help-text slot.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
         },
         {
           "name": "label",
@@ -4282,9 +4120,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "The label's required attribute.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -4813,7 +4652,7 @@
         },
         {
           "name": "html",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "html",
           "reflectToAttr": true,
@@ -4822,14 +4661,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "label",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "label",
           "reflectToAttr": true,
@@ -4838,14 +4680,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "name",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "name",
           "reflectToAttr": true,
@@ -4854,9 +4699,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -5003,10 +4851,6 @@
           "name": "slot",
           "text": "help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop."
         },
-        {
-          "name": "slot",
-          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
-        },
         {
           "name": "part",
           "text": "base - The component's base wrapper."
@@ -5153,30 +4997,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -5206,7 +5033,7 @@
         },
         {
           "name": "inputmode",
-          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined",
           "mutable": false,
           "attr": "inputmode",
           "reflectToAttr": false,
@@ -5244,6 +5071,9 @@
             {
               "value": "url",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5252,10 +5082,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -5272,7 +5102,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The input's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -5302,7 +5132,7 @@
         },
         {
           "name": "max",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "max",
           "reflectToAttr": true,
@@ -5311,6 +5141,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5318,7 +5151,7 @@
         },
         {
           "name": "maxlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "maxlength",
           "reflectToAttr": true,
@@ -5327,6 +5160,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5334,7 +5170,7 @@
         },
         {
           "name": "min",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "min",
           "reflectToAttr": true,
@@ -5343,6 +5179,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5350,7 +5189,7 @@
         },
         {
           "name": "minlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "minlength",
           "reflectToAttr": true,
@@ -5359,6 +5198,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5383,7 +5225,7 @@
         },
         {
           "name": "pattern",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "pattern",
           "reflectToAttr": true,
@@ -5392,6 +5234,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5416,7 +5261,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -5425,6 +5270,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5452,8 +5300,8 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "Set to true to make the input a required field.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -5509,7 +5357,7 @@
         },
         {
           "name": "step",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "step",
           "reflectToAttr": true,
@@ -5518,6 +5366,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5601,50 +5452,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "getValidationMessage",
-          "returns": {
-            "type": "Promise<string>",
-            "docs": ""
-          },
-          "signature": "getValidationMessage() => Promise<string>",
-          "parameters": [],
-          "docs": "Returns the native input's validationMessage",
-          "docsTags": []
-        },
-        {
-          "name": "getValidity",
-          "returns": {
-            "type": "Promise<ValidityState>",
-            "docs": ""
-          },
-          "signature": "getValidity() => Promise<ValidityState | undefined>",
-          "parameters": [],
-          "docs": "Returns the native input's validity",
-          "docsTags": []
-        },
-        {
-          "name": "isValid",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "isValid() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Returns the native input's validity",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -5656,50 +5463,17 @@
           "docs": "Removes focus from the input.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
         {
           "name": "select",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "select() => Promise<void>",
+          "signature": "select() => Promise<void | undefined>",
           "parameters": [],
           "docs": "Selects all the text in the input.",
           "docsTags": []
         },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -5725,10 +5499,10 @@
         {
           "name": "setSelectionRange",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void>",
+          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
           "parameters": [],
           "docs": "Sets the start and end positions of the text selection (0-based).",
           "docsTags": []
@@ -5788,10 +5562,6 @@
           "name": "clear-icon",
           "docs": "An icon to use in lieu of the default clear icon."
         },
-        {
-          "name": "error-text",
-          "docs": "Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
-        },
         {
           "name": "help-text",
           "docs": "Help text that describes how to use the input. Alternatively, you can use the help-text prop."
@@ -5956,7 +5726,7 @@
         },
         {
           "name": "items",
-          "type": "string[]",
+          "type": "string[] | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines a custom list of items you can iterate through",
@@ -5964,14 +5734,17 @@
           "values": [
             {
               "type": "string[]"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "max",
-          "type": "number | string",
+          "type": "number | string | undefined",
           "mutable": true,
           "attr": "max",
           "reflectToAttr": true,
@@ -5983,14 +5756,17 @@
             },
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "min",
-          "type": "number | string",
+          "type": "number | string | undefined",
           "mutable": true,
           "attr": "min",
           "reflectToAttr": true,
@@ -6002,9 +5778,12 @@
             },
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -6047,7 +5826,7 @@
           "mutable": false,
           "attr": "padding-direction",
           "reflectToAttr": false,
-          "docs": "Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default\nbefore is selected",
+          "docs": "Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default,\nbefore is selected",
           "docsTags": [],
           "default": "ItemPickerPaddingDirection.BEFORE",
           "values": [
@@ -6183,7 +5962,7 @@
       "events": [
         {
           "event": "six-item-picker-change",
-          "detail": "number | string",
+          "detail": "boolean | number | string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6192,7 +5971,7 @@
         },
         {
           "event": "six-item-picker-change-debounced",
-          "detail": "number | string",
+          "detail": "boolean | number | string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6266,7 +6045,7 @@
         },
         {
           "name": "selected",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": true,
           "attr": "selected",
           "reflectToAttr": true,
@@ -6275,6 +6054,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -6338,18 +6120,21 @@
       "props": [
         {
           "name": "columns",
-          "type": "any",
-          "mutable": false,
+          "type": "number | undefined",
+          "mutable": true,
           "attr": "columns",
           "reflectToAttr": false,
           "docs": "Set the number of grid columns",
           "docsTags": [],
           "values": [
             {
-              "type": "any"
+              "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -6493,7 +6278,7 @@
         },
         {
           "name": "items",
-          "type": "SixMenuItemData[]",
+          "type": "SixMenuItemData[] | null",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown",
@@ -6502,6 +6287,9 @@
           "values": [
             {
               "type": "SixMenuItemData[]"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -6509,16 +6297,18 @@
         },
         {
           "name": "itemsShown",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "items-shown",
           "reflectToAttr": false,
-          "docs": "Defines how many items should be shown. If the number of items is larger than this properties a scrollbar will be shown",
+          "docs": "Defines how many items should be shown. If the number of items is larger than this property a scrollbar will be shown",
           "docsTags": [],
-          "default": "ITEMS_SHOWN_NOT_SET",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -7168,6 +6958,7 @@
           "reflectToAttr": false,
           "docs": "The current progress percentage, 0 - 100.",
           "docsTags": [],
+          "default": "0",
           "values": [
             {
               "type": "number"
@@ -7321,10 +7112,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\nprovided by the `setCustomValidity` method.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -7357,7 +7148,7 @@
           "type": "string",
           "mutable": false,
           "attr": "value",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The radio's value attribute.",
           "docsTags": [],
           "default": "'on'",
@@ -7371,17 +7162,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -7393,17 +7173,6 @@
           "docs": "Removes focus from the radio.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
         {
           "name": "reset",
           "returns": {
@@ -7415,17 +7184,6 @@
           "docs": "Resets the formcontrol",
           "docsTags": []
         },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -7556,30 +7314,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -7610,10 +7351,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\nprovided by the `setCustomValidity` method.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -7630,7 +7371,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The range's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -7697,8 +7438,8 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "Set to true to make the input a required field.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -7798,28 +7539,6 @@
           "docs": "Removes focus from the input.",
           "docsTags": []
         },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -7920,11 +7639,11 @@
         },
         {
           "name": "slot",
-          "text": "left-sidebar - Used to define the side bar on the left side."
+          "text": "left-sidebar - Used to define the sidebar on the left side."
         },
         {
           "name": "slot",
-          "text": "right-sidebar - Used to define the side bar on the right side."
+          "text": "right-sidebar - Used to define the sidebar on the right side."
         },
         {
           "name": "slot",
@@ -7969,7 +7688,7 @@
         },
         {
           "name": "stage",
-          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
+          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\" | null",
           "mutable": false,
           "attr": "stage",
           "reflectToAttr": false,
@@ -7996,6 +7715,9 @@
             {
               "value": "PROD",
               "type": "string"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -8044,7 +7766,7 @@
         },
         {
           "name": "left-sidebar",
-          "docs": "Used to define the side bar on the left side."
+          "docs": "Used to define the sidebar on the left side."
         },
         {
           "name": "main",
@@ -8052,7 +7774,7 @@
         },
         {
           "name": "right-sidebar",
-          "docs": "Used to define the side bar on the right side."
+          "docs": "Used to define the sidebar on the right side."
         }
       ],
       "parts": [
@@ -8167,7 +7889,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -8176,9 +7898,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -8356,25 +8081,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "defaultValue",
-          "type": "string | string[]",
-          "mutable": false,
-          "attr": "default-value",
-          "reflectToAttr": false,
-          "docs": "The default value the select will be reverted to when reset is executed",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "string[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -8392,30 +8098,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The select's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -8462,7 +8151,7 @@
         },
         {
           "name": "filterPlaceholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "filter-placeholder",
           "reflectToAttr": false,
@@ -8471,6 +8160,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -8530,10 +8222,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
-          "reflectToAttr": false,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
+          "reflectToAttr": true,
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -8550,7 +8242,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The select's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -8631,7 +8323,7 @@
         },
         {
           "name": "options",
-          "type": "SixMenuItemData[]",
+          "type": "SixMenuItemData[] | null",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown (alternative to setting the elements via html)",
@@ -8640,6 +8332,9 @@
           "values": [
             {
               "type": "SixMenuItemData[]"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -8685,7 +8380,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": false,
-          "docs": "The select's required attribute.",
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -8754,55 +8449,22 @@
           "values": [
             {
               "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [
         {
-          "name": "setCustomValidity",
+          "name": "setFocus",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
+          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
           "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
+          "docs": "Sets focus on the select.",
           "docsTags": []
         }
       ],
@@ -8895,8 +8557,8 @@
       ],
       "dependents": [],
       "dependencies": [
-        "six-tag",
         "six-menu-item",
+        "six-tag",
         "six-dropdown",
         "six-icon-button",
         "six-icon",
@@ -8905,23 +8567,23 @@
       ],
       "dependencyGraph": {
         "six-select": [
-          "six-tag",
           "six-menu-item",
+          "six-tag",
           "six-dropdown",
           "six-icon-button",
           "six-icon",
           "six-input",
           "six-menu"
         ],
+        "six-menu-item": [
+          "six-icon"
+        ],
         "six-tag": [
           "six-icon-button"
         ],
         "six-icon-button": [
           "six-icon"
         ],
-        "six-menu-item": [
-          "six-icon"
-        ],
         "six-dropdown": [
           "six-menu-item",
           "six-input",
@@ -8963,7 +8625,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the sidebar is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the sidebar is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9254,7 +8916,7 @@
         },
         {
           "name": "slot",
-          "text": "- Used to define the nested side bar [group] items."
+          "text": "- Used to define the nested sidebar [group] items."
         }
       ],
       "usage": {},
@@ -9299,7 +8961,7 @@
           "mutable": false,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "Indicates whether the sidebar is shown",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9312,7 +8974,7 @@
         },
         {
           "name": "summaryIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "summary-icon",
           "reflectToAttr": false,
@@ -9321,9 +8983,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -9351,7 +9016,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "Used to define the nested side bar [group] items."
+          "docs": "Used to define the nested sidebar [group] items."
         }
       ],
       "parts": [],
@@ -9458,7 +9123,7 @@
       "props": [
         {
           "name": "stage",
-          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
+          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\" | null",
           "mutable": false,
           "attr": "stage",
           "reflectToAttr": false,
@@ -9485,6 +9150,9 @@
             {
               "value": "PROD",
               "type": "string"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -9584,13 +9252,30 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorText",
+          "type": "string",
+          "mutable": false,
+          "attr": "error-text",
+          "reflectToAttr": false,
+          "docs": "The error message shown, if `invalid` is set to true.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9601,6 +9286,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "The label text.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -9609,6 +9311,7 @@
           "reflectToAttr": false,
           "docs": "The switch's name attribute.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -9623,7 +9326,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": false,
-          "docs": "Set to true to make the switch a required field.",
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9642,6 +9345,7 @@
           "reflectToAttr": false,
           "docs": "The switch's value attribute.",
           "docsTags": [],
+          "default": "'on'",
           "values": [
             {
               "type": "string"
@@ -9652,17 +9356,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -9674,39 +9367,6 @@
           "docs": "Removes focus from the switch.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -9996,7 +9656,7 @@
         },
         {
           "name": "part",
-          "text": "active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container."
+          "text": "active-tab-indicator - An element that displays the currently selected tab. This is a child of the tab's container."
         },
         {
           "name": "part",
@@ -10111,7 +9771,7 @@
       "parts": [
         {
           "name": "active-tab-indicator",
-          "docs": "An element that displays the currently selected tab. This is a child of the tabs container."
+          "docs": "An element that displays the currently selected tab. This is a child of the tab's container."
         },
         {
           "name": "base",
@@ -10557,30 +10217,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The textarea's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -10610,7 +10253,7 @@
         },
         {
           "name": "inputmode",
-          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined",
           "mutable": false,
           "attr": "inputmode",
           "reflectToAttr": false,
@@ -10648,6 +10291,9 @@
             {
               "value": "url",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -10656,10 +10302,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by props such as `required`,\n`minlength`, and `maxlength` using the browser's constraint validation API.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -10676,7 +10322,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The textarea's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -10689,7 +10335,7 @@
         },
         {
           "name": "maxlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "maxlength",
           "reflectToAttr": true,
@@ -10698,6 +10344,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -10705,7 +10354,7 @@
         },
         {
           "name": "minlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "minlength",
           "reflectToAttr": true,
@@ -10714,6 +10363,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -10738,7 +10390,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -10747,6 +10399,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -10774,8 +10429,8 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "The textarea's required attribute.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -10891,17 +10546,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -10913,50 +10557,17 @@
           "docs": "Removes focus fromt the textarea.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
         {
           "name": "select",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "select() => Promise<void>",
+          "signature": "select() => Promise<void | undefined>",
           "parameters": [],
           "docs": "Selects all the text in the input.",
           "docsTags": []
         },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -10982,10 +10593,10 @@
         {
           "name": "setSelectionRange",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void>",
+          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
           "parameters": [],
           "docs": "Sets the start and end positions of the text selection (0-based).",
           "docsTags": []
@@ -11159,7 +10770,7 @@
         },
         {
           "name": "iconName",
-          "type": "any",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "icon-name",
           "reflectToAttr": false,
@@ -11167,10 +10778,13 @@
           "docsTags": [],
           "values": [
             {
-              "type": "any"
+              "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -11365,7 +10979,7 @@
         },
         {
           "name": "defaultTime",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "default-time",
           "reflectToAttr": false,
@@ -11374,6 +10988,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -11396,23 +11013,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
@@ -11432,46 +11032,57 @@
         },
         {
           "name": "format",
-          "type": "SixTimeFormat.HH | SixTimeFormat.HHmm | SixTimeFormat.HHmmss | SixTimeFormat.HHmmssms | SixTimeFormat.hhaa | SixTimeFormat.hhmmaa | SixTimeFormat.hhmmssaa | SixTimeFormat.hhmmssmsaa | SixTimeFormat.mm | SixTimeFormat.ms | SixTimeFormat.ss",
+          "type": "\"HH\" | \"HH:mm\" | \"HH:mm:ss\" | \"HH:mm:ss:ms\" | \"hh:aa\" | \"hh:mm:aa\" | \"hh:mm:ss:aa\" | \"hh:mm:ss:ms:aa\" | \"mm\" | \"ms\" | \"ss\"",
           "mutable": false,
           "attr": "format",
           "reflectToAttr": false,
           "docs": "Define the time format. Valid formats are:\n\nHH:mm:ss\nhh:mm:ss:aa\nHH:mm:ss:ms\nhh:mm:ss:ms:aa\nHH:mm\nhh:mm:aa\nHH\nhh:aa\nmm\nss\nms\n\nwhere HH is the 24 hour format\nand hh is the 12 hour format\n\nPlease notice that when using the 12-hour-clock (hh)\nyou always need a period indicator (aa). So the time can be parsed as either am or pm",
           "docsTags": [],
-          "default": "SixTimeFormat.HHmmss",
+          "default": "'HH:mm:ss'",
           "values": [
             {
-              "type": "SixTimeFormat.HH"
+              "value": "HH",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmm"
+              "value": "HH:mm",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmmss"
+              "value": "HH:mm:ss",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmmssms"
+              "value": "HH:mm:ss:ms",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhaa"
+              "value": "hh:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmaa"
+              "value": "hh:mm:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmssaa"
+              "value": "hh:mm:ss:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmssmsaa"
+              "value": "hh:mm:ss:ms:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.mm"
+              "value": "mm",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.ms"
+              "value": "ms",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.ss"
+              "value": "ss",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -11522,7 +11133,7 @@
           "mutable": false,
           "attr": "inline",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the timepicker should be shown as an inline (always open) component",
+          "docs": "Indicates whether the timepicker should be shown as an inline (always open) component",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11550,6 +11161,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": true,
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -11590,7 +11218,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11603,7 +11231,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -11612,6 +11240,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -11619,7 +11250,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"top\"",
+          "type": "\"bottom\" | \"top\" | undefined",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
@@ -11633,9 +11264,12 @@
             {
               "value": "top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -11660,9 +11294,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "Set to true to make the input a required field.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -11679,7 +11314,7 @@
           "reflectToAttr": false,
           "docs": "Define the separator to be shown between the time unit pickers.\nPlease be aware that this property will modify the displayed separator only.\nThe separator for a timestring is always expected to be a colon (eg. '13:52:20')",
           "docsTags": [],
-          "default": "TIME_FORMAT_SEPARATOR",
+          "default": "':'",
           "values": [
             {
               "type": "string"
@@ -11739,58 +11374,26 @@
           "reflectToAttr": false,
           "docs": "The value of the timepicker provided as a string. The string mast match the provided format (or default format)",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         }
       ],
       "methods": [
         {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
-        {
-          "name": "setCustomValidity",
+          "name": "setFocus",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
+          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
           "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
+          "docs": "Sets focus on the datepickers input.",
           "docsTags": []
         }
       ],
@@ -11935,7 +11538,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "Set to true to disable the tooltip so it won't show when triggered.",
+          "docs": "Set to true to disable the tooltip, so it won't show when triggered.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11969,7 +11572,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the tooltip is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11986,7 +11589,7 @@
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
-          "docs": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+          "docs": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside the viewport.",
           "docsTags": [],
           "default": "'top'",
           "values": [