@govtechsg/sgds-web-component 3.23.0-rc.0 → 3.23.0-rc.2

package/custom-elements.json

@@ -939,106 +939,65 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/Button/sgds-button.ts",
+      "path": "src/components/Badge/sgds-badge.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SgdsButton",
+          "name": "SgdsBadge",
           "slots": [
             {
-              "description": "The button's label.",
+              "description": "slot for badge",
               "name": "default"
             },
             {
-              "description": "The slot for icon to the left of the button text",
-              "name": "leftIcon"
-            },
-            {
-              "description": "The slot for icon to the right of the button text",
-              "name": "rightIcon"
+              "description": "The slot for icon to the left of the badge text",
+              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "\"button\" | \"submit\" | \"reset\""
-              },
-              "default": "\"button\"",
-              "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
-              "attribute": "type",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "attribute": "form",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "formAction",
+              "name": "show",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Used to override the form owner's `action` attribute.",
-              "attribute": "formaction",
+              "default": "false",
+              "description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
+              "attribute": "show",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "formMethod",
+              "name": "variant",
               "type": {
-                "text": "\"post\" | \"get\""
+                "text": "\"primary\" | \"accent\" | \"success\" | \"danger\" | \"warning\" | \"cyan\" | \"purple\" | \"neutral\" | \"white\" | \"info\""
               },
-              "description": "Used to override the form owner's `method` attribute.",
-              "attribute": "formmethod",
+              "default": "\"primary\"",
+              "description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "formNoValidate",
+              "name": "outlined",
               "type": {
                 "text": "boolean"
               },
-              "description": "Used to override the form owner's `novalidate` attribute.",
-              "attribute": "formnovalidate",
+              "default": "false",
+              "description": "Manually set the outlined state to false",
+              "attribute": "outlined",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "formTarget",
+              "name": "dismissible",
               "type": {
-                "text": "| \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | string"
+                "text": "boolean"
               },
-              "description": "Used to override the form owner's `target` attribute.",
-              "attribute": "formtarget",
+              "default": "false",
+              "description": "Manually set the dismissible state of the button to `false`",
+              "attribute": "dismissible",
               "reflects": true
             },
             {
@@ -1048,769 +1007,647 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When set, the button will be in full width.",
+              "description": "Manually enable full width",
               "attribute": "fullWidth",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasLeftIconSlot",
+              "name": "truncated",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
-              "attribute": "hasLeftIconSlot"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "hasRightIconSlot",
+              "name": "text",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
-              "attribute": "hasRightIconSlot"
+              "privacy": "private",
+              "default": "\"\""
             },
             {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
+              "kind": "method",
+              "name": "close",
+              "privacy": "public",
+              "description": "Closes the badge",
               "type": {}
             },
             {
               "kind": "method",
-              "name": "_handleClick",
-              "privacy": "protected",
+              "name": "_handleLabelSlotChange",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "Event"
                   }
                 }
               ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
+              "type": {}
             },
             {
-              "kind": "field",
-              "name": "_clickHandler",
+              "kind": "method",
+              "name": "_renderBadge",
               "privacy": "private",
               "type": {}
             },
             {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
-              },
-              "default": "\"primary\"",
-              "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
-              "attribute": "variant",
-              "reflects": true,
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit<T>"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "type": {},
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "tone",
-              "type": {
-                "text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
-              },
-              "default": "\"brand\"",
-              "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
-              "attribute": "tone",
-              "reflects": true,
+              "kind": "method",
+              "name": "define",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "elementConstructor",
+                  "default": "this"
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ElementDefinitionOptions"
+                  }
+                }
+              ],
+              "type": {},
               "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
               }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the badge appears.",
+              "name": "sgds-show",
+              "reactName": "onSgdsShow"
             },
             {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
-              },
-              "default": "\"md\"",
-              "description": "Specifies a small, medium or large button, the size is medium by default.",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
+              "description": "Emitted when the badge is starting to close but has not closed.",
+              "name": "sgds-hide",
+              "reactName": "onSgdsHide"
             },
             {
-              "kind": "field",
-              "name": "active",
+              "description": "Emitted after the badge has appeared",
+              "name": "sgds-after-show",
+              "reactName": "onSgdsAfterShow"
+            },
+            {
+              "description": "Emitted after the badge has closed",
+              "name": "sgds-after-hide",
+              "reactName": "onSgdsAfterHide"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "show",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Manually set the visual state of the button to `:active`",
-              "attribute": "active",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
+              "description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
+              "fieldName": "show"
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "BadgeVariant"
               },
-              "default": "false",
-              "description": "The disabled state of the button",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
-              },
-              "default": "\"_self\"",
-              "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
-              "attribute": "target",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
+              "default": "\"primary\"",
+              "description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
+              "fieldName": "variant"
             },
             {
-              "kind": "field",
-              "name": "download",
+              "name": "outlined",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "attribute": "download",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
+              "default": "false",
+              "description": "Manually set the outlined state to false",
+              "fieldName": "outlined"
             },
             {
-              "kind": "field",
-              "name": "ariaLabel",
+              "name": "dismissible",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The aria-label attribute to passed to button element when necessary",
-              "attribute": "ariaLabel",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
+              "default": "false",
+              "description": "Manually set the dismissible state of the button to `false`",
+              "fieldName": "dismissible"
             },
             {
-              "kind": "field",
-              "name": "loading",
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
-              "description": "When true, shows a loading spinner",
-              "attribute": "loading",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the button.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "privacy": "public",
-              "description": "Simulates a click on the button.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "privacy": "public",
-              "description": "Removes focus from the button.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleBlur",
-              "privacy": "protected",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleFocus",
-              "privacy": "protected",
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleKeydown",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_assignSpinnerSize",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "buttonSize",
-                  "type": {
-                    "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_assignSpinnerTone",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "SpinnerTone"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "buttonTone",
-                  "type": {
-                    "text": "ButtonTone"
-                  }
-                },
-                {
-                  "name": "buttonVariant",
-                  "type": {
-                    "text": "ButtonVariant"
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit<T>"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "type": {},
-              "inheritedFrom": {
-                "name": "SgdsElement",
-                "module": "src/base/sgds-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "define",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "elementConstructor",
-                  "default": "this"
-                },
-                {
-                  "name": "options",
-                  "default": "{}",
-                  "type": {
-                    "text": "ElementDefinitionOptions"
-                  }
-                }
-              ],
-              "type": {},
-              "inheritedFrom": {
-                "name": "SgdsElement",
-                "module": "src/base/sgds-element.ts"
-              }
+              "default": "false",
+              "description": "Manually enable full width",
+              "fieldName": "fullWidth"
             }
           ],
-          "events": [
+          "superclass": {
+            "name": "SgdsElement",
+            "module": "/src/base/sgds-element"
+          },
+          "summary": "Badges can be used to highlight important bits of information such as labels, notifications & status.\nWhen the text exceeds the width, it will be truncated with a tooltip that will be displayed on hover.",
+          "tagName": "sgds-badge",
+          "customElement": true,
+          "modulePath": "src/components/Badge/sgds-badge.ts",
+          "cssProperties": [],
+          "cssParts": [],
+          "cssStates": []
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SgdsBadge",
+          "declaration": {
+            "name": "SgdsBadge",
+            "module": "src/components/Badge/sgds-badge.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SgdsBadge",
+            "module": "src/components/Badge/sgds-badge.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/Button/sgds-button.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SgdsButton",
+          "slots": [
             {
-              "description": "Emitted when the button is blurred.",
-              "name": "sgds-blur",
-              "reactName": "onSgdsBlur"
+              "description": "The button's label.",
+              "name": "default"
+            },
+            {
+              "description": "The slot for icon to the left of the button text",
+              "name": "leftIcon"
             },
             {
-              "description": "Emitted when the button is focused.",
-              "name": "sgds-focus",
-              "reactName": "onSgdsFocus"
+              "description": "The slot for icon to the right of the button text",
+              "name": "rightIcon"
             }
           ],
-          "attributes": [
+          "members": [
             {
+              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
-              "fieldName": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
-              "fieldName": "value"
+              "attribute": "value",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "type",
               "type": {
                 "text": "\"button\" | \"submit\" | \"reset\""
               },
               "default": "\"button\"",
               "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
-              "fieldName": "type"
+              "attribute": "type",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "form",
               "type": {
                 "text": "string"
               },
               "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "fieldName": "form"
+              "attribute": "form",
+              "reflects": true
             },
             {
-              "name": "formaction",
+              "kind": "field",
+              "name": "formAction",
               "type": {
                 "text": "string"
               },
               "description": "Used to override the form owner's `action` attribute.",
-              "fieldName": "formAction"
+              "attribute": "formaction",
+              "reflects": true
             },
             {
-              "name": "formmethod",
+              "kind": "field",
+              "name": "formMethod",
               "type": {
                 "text": "\"post\" | \"get\""
               },
               "description": "Used to override the form owner's `method` attribute.",
-              "fieldName": "formMethod"
+              "attribute": "formmethod",
+              "reflects": true
             },
             {
-              "name": "formnovalidate",
+              "kind": "field",
+              "name": "formNoValidate",
               "type": {
                 "text": "boolean"
               },
               "description": "Used to override the form owner's `novalidate` attribute.",
-              "fieldName": "formNoValidate"
+              "attribute": "formnovalidate",
+              "reflects": true
             },
             {
-              "name": "formtarget",
+              "kind": "field",
+              "name": "formTarget",
               "type": {
                 "text": "| \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | string"
               },
               "description": "Used to override the form owner's `target` attribute.",
-              "fieldName": "formTarget"
+              "attribute": "formtarget",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "When set, the button will be in full width.",
-              "fieldName": "fullWidth"
+              "attribute": "fullWidth",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "hasLeftIconSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
-              "fieldName": "hasLeftIconSlot"
+              "attribute": "hasLeftIconSlot"
             },
             {
+              "kind": "field",
               "name": "hasRightIconSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
-              "fieldName": "hasRightIconSlot"
+              "attribute": "hasRightIconSlot"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
+              "type": {}
             },
             {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_clickHandler",
+              "privacy": "private",
+              "type": {}
+            },
+            {
+              "kind": "field",
               "name": "variant",
               "type": {
-                "text": "ButtonVariant"
+                "text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
               },
               "default": "\"primary\"",
               "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
-              "fieldName": "variant",
+              "attribute": "variant",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonElement",
                 "module": "src/base/button-element.ts"
               }
             },
             {
+              "kind": "field",
               "name": "tone",
               "type": {
-                "text": "ButtonTone"
+                "text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
               },
               "default": "\"brand\"",
               "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
-              "fieldName": "tone",
+              "attribute": "tone",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonElement",
                 "module": "src/base/button-element.ts"
               }
             },
             {
+              "kind": "field",
               "name": "size",
               "type": {
                 "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
               },
               "default": "\"md\"",
               "description": "Specifies a small, medium or large button, the size is medium by default.",
-              "fieldName": "size",
+              "attribute": "size",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonElement",
                 "module": "src/base/button-element.ts"
               }
             },
             {
+              "kind": "field",
               "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Manually set the visual state of the button to `:active`",
-              "fieldName": "active",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The disabled state of the button",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
-              },
-              "default": "\"_self\"",
-              "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "download",
-              "type": {
-                "text": "string"
-              },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "fieldName": "download",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "ariaLabel",
-              "type": {
-                "text": "string"
-              },
-              "description": "The aria-label attribute to passed to button element when necessary",
-              "fieldName": "ariaLabel",
-              "inheritedFrom": {
-                "name": "ButtonElement",
-                "module": "src/base/button-element.ts"
-              }
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "When true, shows a loading spinner",
-              "fieldName": "loading",
+              "attribute": "active",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "ButtonElement",
                 "module": "src/base/button-element.ts"
               }
-            }
-          ],
-          "superclass": {
-            "name": "ButtonElement",
-            "module": "/src/base/button-element"
-          },
-          "summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
-          "tagName": "sgds-button",
-          "customElement": true,
-          "modulePath": "src/components/Button/sgds-button.ts",
-          "cssProperties": [],
-          "cssParts": [],
-          "cssStates": []
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SgdsButton",
-          "declaration": {
-            "name": "SgdsButton",
-            "module": "src/components/Button/sgds-button.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SgdsButton",
-            "module": "src/components/Button/sgds-button.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/Badge/sgds-badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SgdsBadge",
-          "slots": [
-            {
-              "description": "slot for badge",
-              "name": "default"
-            },
-            {
-              "description": "The slot for icon to the left of the badge text",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
-              "attribute": "show",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "\"primary\" | \"accent\" | \"success\" | \"danger\" | \"warning\" | \"cyan\" | \"purple\" | \"neutral\" | \"white\" | \"info\""
-              },
-              "default": "\"primary\"",
-              "description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
-              "attribute": "variant",
-              "reflects": true
             },
             {
               "kind": "field",
-              "name": "outlined",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Manually set the outlined state to false",
-              "attribute": "outlined",
-              "reflects": true
+              "description": "The disabled state of the button",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "dismissible",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Manually set the dismissible state of the button to `false`",
-              "attribute": "dismissible",
-              "reflects": true
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "attribute": "href",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
               },
-              "default": "false",
-              "description": "Manually enable full width",
-              "attribute": "fullWidth",
-              "reflects": true
+              "default": "\"_self\"",
+              "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
+              "attribute": "target",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "truncated",
+              "name": "download",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "attribute": "download",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "text",
+              "name": "ariaLabel",
               "type": {
                 "text": "string"
               },
-              "privacy": "private",
-              "default": "\"\""
+              "description": "The aria-label attribute to passed to button element when necessary",
+              "attribute": "ariaLabel",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, shows a loading spinner",
+              "attribute": "loading",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "close",
+              "name": "focus",
               "privacy": "public",
-              "description": "Closes the badge",
-              "type": {}
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the button.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_handleLabelSlotChange",
-              "privacy": "private",
+              "name": "click",
+              "privacy": "public",
+              "description": "Simulates a click on the button.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "privacy": "public",
+              "description": "Removes focus from the button.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleBlur",
+              "privacy": "protected",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleFocus",
+              "privacy": "protected",
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleKeydown",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
                   }
                 }
               ],
-              "type": {}
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_renderBadge",
-              "privacy": "private",
-              "type": {}
+              "name": "_assignSpinnerSize",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "buttonSize",
+                  "type": {
+                    "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_assignSpinnerTone",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "SpinnerTone"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "buttonTone",
+                  "type": {
+                    "text": "ButtonTone"
+                  }
+                },
+                {
+                  "name": "buttonVariant",
+                  "type": {
+                    "text": "ButtonVariant"
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
               "kind": "method",
@@ -1869,81 +1706,244 @@
           ],
           "events": [
             {
-              "description": "Emitted when the badge appears.",
-              "name": "sgds-show",
-              "reactName": "onSgdsShow"
+              "description": "Emitted when the button is blurred.",
+              "name": "sgds-blur",
+              "reactName": "onSgdsBlur"
+            },
+            {
+              "description": "Emitted when the button is focused.",
+              "name": "sgds-focus",
+              "reactName": "onSgdsFocus"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the button, submitted as a name/value pair with form data only when this button is the submitter. Only works with `type=\"submit\"`. Has no effect when the button is rendered as a link (i.e. when `href` is set).",
+              "fieldName": "value"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "\"button\" | \"submit\" | \"reset\""
+              },
+              "default": "\"button\"",
+              "description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
+              "fieldName": "type"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+              "fieldName": "form"
+            },
+            {
+              "name": "formaction",
+              "type": {
+                "text": "string"
+              },
+              "description": "Used to override the form owner's `action` attribute.",
+              "fieldName": "formAction"
+            },
+            {
+              "name": "formmethod",
+              "type": {
+                "text": "\"post\" | \"get\""
+              },
+              "description": "Used to override the form owner's `method` attribute.",
+              "fieldName": "formMethod"
+            },
+            {
+              "name": "formnovalidate",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "fieldName": "formNoValidate"
             },
             {
-              "description": "Emitted when the badge is starting to close but has not closed.",
-              "name": "sgds-hide",
-              "reactName": "onSgdsHide"
+              "name": "formtarget",
+              "type": {
+                "text": "| \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | string"
+              },
+              "description": "Used to override the form owner's `target` attribute.",
+              "fieldName": "formTarget"
             },
             {
-              "description": "Emitted after the badge has appeared",
-              "name": "sgds-after-show",
-              "reactName": "onSgdsAfterShow"
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set, the button will be in full width.",
+              "fieldName": "fullWidth"
             },
             {
-              "description": "Emitted after the badge has closed",
-              "name": "sgds-after-hide",
-              "reactName": "onSgdsAfterHide"
-            }
-          ],
-          "attributes": [
+              "name": "hasLeftIconSlot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
+              "fieldName": "hasLeftIconSlot"
+            },
             {
-              "name": "show",
+              "name": "hasRightIconSlot",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
-              "fieldName": "show"
+              "description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
+              "fieldName": "hasRightIconSlot"
             },
             {
               "name": "variant",
               "type": {
-                "text": "BadgeVariant"
+                "text": "ButtonVariant"
               },
               "default": "\"primary\"",
-              "description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
-              "fieldName": "variant"
+              "description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead.",
+              "fieldName": "variant",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
-              "name": "outlined",
+              "name": "tone",
+              "type": {
+                "text": "ButtonTone"
+              },
+              "default": "\"brand\"",
+              "description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
+              "fieldName": "tone",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
+              },
+              "default": "\"md\"",
+              "description": "Specifies a small, medium or large button, the size is medium by default.",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Manually set the outlined state to false",
-              "fieldName": "outlined"
+              "description": "Manually set the visual state of the button to `:active`",
+              "fieldName": "active",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
-              "name": "dismissible",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Manually set the dismissible state of the button to `false`",
-              "fieldName": "dismissible"
+              "description": "The disabled state of the button",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             },
             {
-              "name": "fullWidth",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
+              },
+              "default": "\"_self\"",
+              "description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "The aria-label attribute to passed to button element when necessary",
+              "fieldName": "ariaLabel",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
+            },
+            {
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Manually enable full width",
-              "fieldName": "fullWidth"
+              "description": "When true, shows a loading spinner",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "ButtonElement",
+                "module": "src/base/button-element.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "SgdsElement",
-            "module": "/src/base/sgds-element"
+            "name": "ButtonElement",
+            "module": "/src/base/button-element"
           },
-          "summary": "Badges can be used to highlight important bits of information such as labels, notifications & status.\nWhen the text exceeds the width, it will be truncated with a tooltip that will be displayed on hover.",
-          "tagName": "sgds-badge",
+          "summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
+          "tagName": "sgds-button",
           "customElement": true,
-          "modulePath": "src/components/Badge/sgds-badge.ts",
+          "modulePath": "src/components/Button/sgds-button.ts",
           "cssProperties": [],
           "cssParts": [],
           "cssStates": []
@@ -1952,18 +1952,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SgdsBadge",
+          "name": "SgdsButton",
           "declaration": {
-            "name": "SgdsBadge",
-            "module": "src/components/Badge/sgds-badge.ts"
+            "name": "SgdsButton",
+            "module": "src/components/Button/sgds-button.ts"
           }
         },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SgdsBadge",
-            "module": "src/components/Badge/sgds-badge.ts"
+            "name": "SgdsButton",
+            "module": "src/components/Button/sgds-button.ts"
           }
         }
       ]
@@ -2838,6 +2838,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the checkbox group.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "value",
@@ -2858,14 +2869,6 @@
               "privacy": "private",
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\""
-            },
             {
               "kind": "field",
               "name": "_blurredCheckboxes",
@@ -3156,6 +3159,16 @@
               "description": "Emitted when the value of the CheckboxGroup changes. This happens when checkboxes are checked or unchecked.",
               "name": "sgds-change",
               "reactName": "onSgdsChange"
+            },
+            {
+              "description": "Emitted when the checkbox group's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the checkbox group's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
             }
           ],
           "attributes": [
@@ -3212,6 +3225,15 @@
               "description": "Makes the checkbox group a required field. Only available for when multiselect is true",
               "fieldName": "required"
             },
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the checkbox group.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "value",
               "type": {
@@ -3346,33 +3368,35 @@
             },
             {
               "kind": "field",
-              "name": "defaultChecked",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element."
+              "description": "Marks the checkbox input as indeterminate , with indeterminate logo",
+              "attribute": "indeterminate",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "indeterminate",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Marks the checkbox input as indeterminate , with indeterminate logo",
-              "attribute": "indeterminate",
+              "description": "Makes the checkbox a required field.",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "noValidate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the checkbox a required field.",
-              "attribute": "required",
+              "description": "Disables native and sgds validation for the checkbox.",
+              "attribute": "noValidate",
               "reflects": true
             },
             {
@@ -3729,6 +3753,16 @@
               "description": "Emitted when checkbox is unchecked",
               "name": "sgds-uncheck",
               "reactName": "onSgdsUncheck"
+            },
+            {
+              "description": "Emitted when the checkbox's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the checkbox's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
             }
           ],
           "attributes": [
@@ -3767,13 +3801,22 @@
               "fieldName": "indeterminate"
             },
             {
-              "name": "required",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the checkbox a required field.",
+              "fieldName": "required"
+            },
+            {
+              "name": "noValidate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the checkbox a required field.",
-              "fieldName": "required"
+              "description": "Disables native and sgds validation for the checkbox.",
+              "fieldName": "noValidate"
             },
             {
               "name": "invalidFeedback",
@@ -4332,6 +4375,17 @@
               "attribute": "emptyMenuAsync",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "scrollBottomOffset",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Number of pixels from the bottom of the menu at which the sgds-scroll-end event fires.",
+              "attribute": "scrollBottomOffset",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "filterFunction",
@@ -4388,6 +4442,15 @@
               "privacy": "protected",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "isScrollEnd",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false"
+            },
             {
               "kind": "method",
               "name": "_handleDefaultSlotChange",
@@ -4555,6 +4618,21 @@
               "description": "For form reset",
               "type": {}
             },
+            {
+              "kind": "method",
+              "name": "_handleScroll",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "description": "Handles scroll events on the menu. Emits `sgds-scroll-end` once when the\nscroll position reaches within `scrollBottomOffset` pixels of the bottom.\nThe event is suppressed until the user scrolls back up, preventing repeated\nemissions while the menu stays at the bottom.",
+              "type": {}
+            },
             {
               "kind": "field",
               "name": "suffixIconTemplate",
@@ -4894,6 +4972,45 @@
                 "module": "src/base/select-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "flags",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags"
+                  }
+                },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "anchor",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Sets the validity state of the element",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SelectElement",
+                "module": "src/base/select-element.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "checkValidity",
@@ -5431,6 +5548,11 @@
               "name": "sgds-valid",
               "reactName": "onSgdsValid"
             },
+            {
+              "description": "Emitted once when the menu is scrolled to within `scrollBottomOffset` pixels of the bottom. Resets when the user scrolls back up.",
+              "name": "sgds-scroll-end",
+              "reactName": "onSgdsScrollEnd"
+            },
             {
               "description": "Emitted event when show instance is called",
               "name": "sgds-show",
@@ -5523,6 +5645,15 @@
               "description": "When filtering remotely and there are no results, set this to true to enable no options feedback on the menu. Applicable for async combo box only.",
               "fieldName": "emptyMenuAsync"
             },
+            {
+              "name": "scrollBottomOffset",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Number of pixels from the bottom of the menu at which the sgds-scroll-end event fires.",
+              "fieldName": "scrollBottomOffset"
+            },
             {
               "name": "filterFunction",
               "type": {
@@ -7501,10 +7632,9 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
+              "default": "\"Drawer\"",
               "description": "The accessible label for the drawer dialog. This is required for assistive technology.",
-              "attribute": "ariaLabel",
-              "reflects": true
+              "attribute": "ariaLabel"
             },
             {
               "kind": "field",
@@ -7710,7 +7840,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
+              "default": "\"Drawer\"",
               "description": "The accessible label for the drawer dialog. This is required for assistive technology.",
               "fieldName": "ariaLabel"
             },
@@ -7801,6 +7931,16 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Forwards aria-label to the inner clickable element for accessibility",
+              "attribute": "ariaLabel"
+            },
             {
               "kind": "method",
               "name": "emit",
@@ -7874,6 +8014,15 @@
               "default": "false",
               "description": "Disables the SgdsMainnavItem",
               "fieldName": "disabled"
+            },
+            {
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Forwards aria-label to the inner clickable element for accessibility",
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
@@ -12892,6 +13041,15 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible label for the dropdown's toggle button. Forwarded to the button's aria-label attribute.",
+              "attribute": "ariaLabel"
+            },
             {
               "kind": "method",
               "name": "_handleSlotChange",
@@ -13076,6 +13234,14 @@
               "default": "false",
               "description": "When true,  applies active styles on the dropdown button",
               "fieldName": "disabled"
+            },
+            {
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible label for the dropdown's toggle button. Forwarded to the button's aria-label attribute.",
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
@@ -15592,6 +15758,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the radio group.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "autofocus",
@@ -15926,6 +16103,16 @@
               "name": "sgds-change",
               "detailType": "ISgdsRadioGroupChangeEventDetail",
               "reactName": "onSgdsChange"
+            },
+            {
+              "description": "Emitted when the radio group's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the radio group's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
             }
           ],
           "attributes": [
@@ -15965,6 +16152,15 @@
               "description": "Makes the input as a required field.",
               "fieldName": "required"
             },
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the radio group.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "autofocus",
               "type": {
@@ -16552,6 +16748,17 @@
                 "module": "src/base/select-element.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the select.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "options",
@@ -16949,6 +17156,45 @@
                 "module": "src/base/select-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "flags",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags"
+                  }
+                },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "anchor",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Sets the validity state of the element",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SelectElement",
+                "module": "src/base/select-element.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "checkValidity",
@@ -17470,6 +17716,16 @@
               "name": "sgds-blur",
               "reactName": "onSgdsBlur"
             },
+            {
+              "description": "Emitted when the select's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the select's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
+            },
             {
               "description": "Emitted event when show instance is called",
               "name": "sgds-show",
@@ -17507,14 +17763,16 @@
               }
             }
           ],
-          "superclass": {
-            "name": "SelectElement",
-            "module": "/src/base/select-element"
-          },
-          "summary": "Select is used to make one selection from a list through keyboard or mouse actions",
-          "tagName": "sgds-select",
-          "customElement": true,
           "attributes": [
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the select.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "label",
               "type": {
@@ -17748,6 +18006,13 @@
               }
             }
           ],
+          "superclass": {
+            "name": "SelectElement",
+            "module": "/src/base/select-element"
+          },
+          "summary": "Select is used to make one selection from a list through keyboard or mouse actions",
+          "tagName": "sgds-select",
+          "customElement": true,
           "modulePath": "src/components/Select/sgds-select.ts",
           "cssProperties": [],
           "cssParts": [],
@@ -26918,6 +27183,41 @@
               "description": "Checks for validity. Under the hood, HTMLFormElement's reportValidity method calls this method to check for component's validity state\nNote that the native error popup is prevented for SGDS form components by default. Instead the validation message shows up in the feedback container of SgdsInput",
               "type": {}
             },
+            {
+              "kind": "method",
+              "name": "setValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "flags",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags"
+                  }
+                },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "anchor",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "description": "Sets the validity state of the element",
+              "type": {}
+            },
             {
               "kind": "method",
               "name": "checkValidity",
@@ -27651,7 +27951,7 @@
   "package": {
     "name": "@govtechsg/sgds-web-component",
     "description": "",
-    "version": "3.23.0-rc.0",
+    "version": "3.23.0-rc.2",
     "author": "GovTechSG",
     "license": "MIT"
   }