@ds-autonomie/web-components 2.4.1 → 2.5.1

package/cdn/vscode.html-custom-data.json

@@ -99,7 +99,7 @@
     },
     {
       "name": "dsa-anchor-tag",
-      "description": "Anchor tags are used as a hyperlink, which is used to link from one page to another. It mirrors the visual style of a tag, and the functionnality of a standard HTML anchor tag.\n---\n\n\n### **Slots:**\n - **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to append a presentational icon or similar element to the input.",
+      "description": "(Deprecated) Anchor tags are used as a hyperlink, which is used to link from one page to another. It mirrors the visual style of a tag, and the functionnality of a standard HTML anchor tag.\n---\n\n\n### **Slots:**\n - **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to append a presentational icon or similar element to the input.",
       "attributes": [
         { "name": "label", "values": [] },
         {
@@ -567,6 +567,123 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-card-content",
+      "description": "Card content can be used for rich content cards.\n---\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **media** - An optional media to render at the start of the card.\n- **tags** - An optional list of tags to render at the start of the card.\n- **title-icon** - An optional icon to render next to the card's title.\n- **title** - The card title. Mandatory if the card is used as a link.\n- **subtitle** - An optional subtitle for the card.\n- **footer** - An optional footer for the card, which can be used to provide actions.",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "When set, the card title will be a link, with a clickable area covering the whole card. Since the link's accessible name is the title content, make sure to provide a title when using a card link.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Tells the browser where to open the link. Only used when `href` is present.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        },
+        {
+          "name": "rel",
+          "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+          "values": []
+        },
+        {
+          "name": "download",
+          "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The card's style variant.",
+          "values": [{ "name": "outlined" }, { "name": "filled" }]
+        },
+        {
+          "name": "layout",
+          "description": "The card's layout variant.",
+          "values": [
+            { "name": "" },
+            { "name": "vertical" },
+            { "name": "left-align" },
+            { "name": "right-align" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "The card's size.",
+          "values": [{ "name": "small" }, { "name": "large" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "dsa-card-nav",
+      "description": "Card nav can be used to group navigation items in a card.\n---\n\n\n### **Slots:**\n - **media** - An optional image to render at the start of the card.\n- **title-icon** - An optional icon to render at the start of the card title.\n- **title** - A title for the card.\n- **subtitle** - A subtitle for the card.\n- _default_ - The card's children, card nav items or card nav accordions.",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "dsa-card-nav-accordion",
+      "description": "Card Nav Accordion show a brief summary and expand to show additional navigation option in a Card nav.\n---\n\n\n### **Events:**\n - **dsa-show** - Emitted when the accordion opens.\n- **dsa-after-show** - Emitted after the accordion opens and all animations are complete.\n- **dsa-hide** - Emitted when the accordion closes.\n- **dsa-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n\n### **Slots:**\n - _default_ - The accordion's content (dsa-card-nav-item elements).\n- **summary** - The accordion's summary. Alternatively, you can use the `summary` attribute.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
+          "values": []
+        },
+        {
+          "name": "summary",
+          "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+          "values": []
+        },
+        {
+          "name": "role",
+          "description": "Default role of the accordion.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "dsa-card-nav-item",
+      "description": "Card nav item can be used to provide navigation options in a Card nav.\n---\n\n\n### **Slots:**\n - _default_ - The item content.",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "When set, the item will be a link.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Tells the browser where to open the link. Only used when `href` is present.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        },
+        {
+          "name": "rel",
+          "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+          "values": []
+        },
+        {
+          "name": "download",
+          "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+          "values": []
+        },
+        {
+          "name": "role",
+          "description": "Default role of the item container.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-checkbox",
       "description": "Checkboxes allow the user to toggle an option on or off.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the checkbox loses focus.\n- **dsa-change** - Emitted when the checked state changes.\n- **dsa-focus** - Emitted when the checkbox gains focus.\n- **dsa-input** - Emitted when the checkbox receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.",
@@ -1033,11 +1150,6 @@
           "description": "Disables the dropdown so the panel will not open.",
           "values": []
         },
-        {
-          "name": "stay-open-on-select",
-          "description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.",
-          "values": []
-        },
         {
           "name": "skidding",
           "description": "The distance in pixels from which to offset the panel along its trigger.",
@@ -1069,6 +1181,38 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "dsa-fieldset",
+      "description": "Fieldsets are used to group multiple form controls.\n---\n\n\n### **Slots:**\n - _default_ - The default slot where the form control elements are placed.\n- **legend-title** - The fieldset's legend title. Required for proper accessibility. Alternatively, you can use the `legend-title` attribute.\n- **legend-subtitle** - The fieldset's subtitle. Alternatively, you can use the `legend-subtitle` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label",
+      "attributes": [
+        {
+          "name": "legend-title",
+          "description": "The fieldset's legend title. Required for proper accessibility. If you need to display HTML, use the `legend-title` slot\ninstead.",
+          "values": []
+        },
+        {
+          "name": "legend-subtitle",
+          "description": "The fieldset's subtitle. If you need to display HTML, use the `legend-subtitle` slot instead.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The fieldset's variant.",
+          "values": [{ "name": "base" }, { "name": "layer" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables children elements.",
+          "values": []
+        },
+        {
+          "name": "horizontal",
+          "description": "The fieldset's content orientation.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-file-upload",
       "description": "File upload allows users to select and send one or more files.\n---\n\n\n### **Events:**\n - **dsa-focus** - Emitted when the control gains focus.\n- **dsa-blur** - Emitted when the control loses focus.\n- **dsa-file-upload** - Emitted when a file is selected. It can be multiple files if multiple or directory are set to `true`.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The files options. Must be `<dsa-file-upload-item>` elements.\n- **label** - The file-upload's label. Alternatively, you can use the `label` attribute.\n- **description** - The file-upload's description. Alternatively, you can use the `description` attribute.\n- **help-text** - Text that describes how to use the file-upload. Alternatively, you can use the `help-text` attribute.",
@@ -1800,220 +1944,32 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-include",
-      "description": "Includes give you the power to embed external HTML files into the page.\n---\n\n\n### **Events:**\n - **dsa-load** - Emitted when the included file is loaded.\n- **dsa-error** - Emitted when the included file fails to load due to an error.",
-      "attributes": [
-        {
-          "name": "src",
-          "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-          "values": []
-        },
-        {
-          "name": "mode",
-          "description": "The fetch mode to use.",
-          "values": [
-            { "name": "cors" },
-            { "name": "no-cors" },
-            { "name": "same-origin" }
-          ]
-        },
-        {
-          "name": "allow-scripts",
-          "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-input",
-      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
+      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **stepUp(stepNumber: _number_)** - Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.\n- **stepDown(stepNumber: _number_)** - Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
       "attributes": [
         {
-          "name": "type",
-          "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-          "values": [{ "name": "DSAInputTypes" }]
-        },
-        {
-          "name": "value",
-          "description": "The current value of the input, submitted as a name/value pair with form data.",
-          "values": []
-        },
-        {
-          "name": "clearable",
-          "description": "Adds a clear button when the input is not empty.",
-          "values": []
-        },
-        { "name": "lang", "values": [] },
-        {
-          "name": "password-visible",
-          "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-          "values": []
-        },
-        {
-          "name": "pattern",
-          "description": "A regular expression pattern to validate input against.",
-          "values": []
-        },
-        {
-          "name": "minlength",
-          "description": "The minimum length of input that will be considered valid.",
-          "values": []
-        },
-        {
-          "name": "maxlength",
-          "description": "The maximum length of input that will be considered valid.",
-          "values": []
-        },
-        {
-          "name": "counter",
-          "description": "Display the counter if maxlength is provided",
-          "values": []
-        },
-        {
-          "name": "min",
-          "description": "The input's minimum value. Only applies to date and number input types.",
-          "values": []
-        },
-        {
-          "name": "max",
-          "description": "The input's maximum value. Only applies to date and number input types.",
-          "values": []
-        },
-        { "name": "calendar-start-date", "values": [] },
-        {
-          "name": "step",
-          "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-          "values": [{ "name": "any" }]
-        },
-        {
-          "name": "autocapitalize",
-          "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-          "values": [
-            { "name": "" },
-            { "name": "off" },
-            { "name": "none" },
-            { "name": "on" },
-            { "name": "sentences" },
-            { "name": "words" },
-            { "name": "characters" }
-          ]
-        },
-        {
-          "name": "autocorrect",
-          "description": "Indicates whether the browser's autocorrect feature is on or off.",
-          "values": [{ "name": "off" }, { "name": "on" }]
-        },
-        {
-          "name": "autocomplete",
-          "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-          "values": []
-        },
-        {
-          "name": "autofocus",
-          "description": "Indicates that the input should receive focus on page load.",
-          "values": []
-        },
-        {
-          "name": "enterkeyhint",
-          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-          "values": [
-            { "name": "" },
-            { "name": "enter" },
-            { "name": "done" },
-            { "name": "go" },
-            { "name": "next" },
-            { "name": "previous" },
-            { "name": "search" },
-            { "name": "send" }
-          ]
-        },
-        {
-          "name": "spellcheck",
-          "description": "Enables spell checking on the input.",
+          "name": "lang",
+          "description": "Input date specific properties",
           "values": []
         },
-        {
-          "name": "inputmode",
-          "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-          "values": [
-            { "name": "" },
-            { "name": "none" },
-            { "name": "text" },
-            { "name": "decimal" },
-            { "name": "numeric" },
-            { "name": "tel" },
-            { "name": "search" },
-            { "name": "email" },
-            { "name": "url" }
-          ]
-        }
+        { "name": "calendar-start-date", "values": [] }
       ],
       "references": []
     },
     {
       "name": "dsa-input-date",
-      "description": "(Internal) Input-date collect date data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **showDatepicker()** - Displays the dsa-calendar picker for an input element.\n- **hideDatepicker()** - Hides dsa-calendar.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
+      "description": "(Internal) Input-date collect date data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **showDatepicker()** - Displays the dsa-calendar picker for an input element.\n- **hideDatepicker()** - Hides dsa-calendar.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
       "attributes": [
-        {
-          "name": "value",
-          "description": "The current value of the input, submitted as a name/value pair with form data.",
-          "values": []
-        },
-        {
-          "name": "clearable",
-          "description": "Adds a clear button when the input is not empty.",
-          "values": []
-        },
         { "name": "lang", "values": [] },
-        {
-          "name": "min",
-          "description": "The input's minimum value. Only applies to date and number input types.",
-          "values": []
-        },
-        {
-          "name": "max",
-          "description": "The input's maximum value. Only applies to date and number input types.",
-          "values": []
-        },
-        { "name": "calendar-start-date", "values": [] },
-        {
-          "name": "autofocus",
-          "description": "Indicates that the input should receive focus on page load.",
-          "values": []
-        },
-        {
-          "name": "enterkeyhint",
-          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-          "values": [
-            { "name": "" },
-            { "name": "enter" },
-            { "name": "done" },
-            { "name": "go" },
-            { "name": "next" },
-            { "name": "previous" },
-            { "name": "search" },
-            { "name": "send" }
-          ]
-        }
+        { "name": "calendar-start-date", "values": [] }
       ],
       "references": []
     },
     {
       "name": "dsa-input-mask",
-      "description": "Input Masks collect data from the user in a masked fashion.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
+      "description": "Input Masks collect data from the user in a masked fashion.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
       "attributes": [
-        {
-          "name": "value",
-          "description": "The current value of the input, submitted as a name/value pair with form data.",
-          "values": []
-        },
-        {
-          "name": "clearable",
-          "description": "Adds a clear button when the input is not empty.",
-          "values": []
-        },
         {
           "name": "inputmode",
           "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
@@ -2030,40 +1986,6 @@
           "description": "A regular expression pattern to validate input against.",
           "values": []
         },
-        {
-          "name": "minlength",
-          "description": "The minimum length of input that will be considered valid.",
-          "values": []
-        },
-        {
-          "name": "autocorrect",
-          "description": "Indicates whether the browser's autocorrect feature is on or off.",
-          "values": [{ "name": "off" }, { "name": "on" }]
-        },
-        {
-          "name": "autocomplete",
-          "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-          "values": []
-        },
-        {
-          "name": "autofocus",
-          "description": "Indicates that the input should receive focus on page load.",
-          "values": []
-        },
-        {
-          "name": "enterkeyhint",
-          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-          "values": [
-            { "name": "" },
-            { "name": "enter" },
-            { "name": "done" },
-            { "name": "go" },
-            { "name": "next" },
-            { "name": "previous" },
-            { "name": "search" },
-            { "name": "send" }
-          ]
-        },
         {
           "name": "mask",
           "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
@@ -2072,113 +1994,38 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-input-native",
+      "description": "(Internal) Inputs with native browser behavior.\n*\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **stepUp(stepNumber: _number_)** - Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.\n- **stepDown(stepNumber: _number_)** - Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "dsa-input-otp",
-      "description": "The OTP input is used for MFA procedure of authenticating users by a one-time password.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **blur()** - Removes focus from the input.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **select()** - Selects all the text in the input.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
+      "description": "The OTP input is used for MFA procedure of authenticating users by a one-time password.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
       "attributes": [
-        {
-          "name": "value",
-          "description": "The current value of the input, submitted as a name/value pair with form data.",
-          "values": []
-        },
-        {
-          "name": "pattern",
-          "description": "A regular expression pattern to validate input against.",
-          "values": []
-        },
         {
           "name": "length",
           "description": "The length of input that will be considered valid.",
           "values": []
-        },
-        {
-          "name": "autocapitalize",
-          "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-          "values": [
-            { "name": "" },
-            { "name": "off" },
-            { "name": "none" },
-            { "name": "on" },
-            { "name": "sentences" },
-            { "name": "words" },
-            { "name": "characters" }
-          ]
-        },
-        {
-          "name": "autofocus",
-          "description": "Indicates that the input should receive focus on page load.",
-          "values": []
-        },
-        {
-          "name": "enterkeyhint",
-          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-          "values": [
-            { "name": "" },
-            { "name": "enter" },
-            { "name": "done" },
-            { "name": "go" },
-            { "name": "next" },
-            { "name": "previous" },
-            { "name": "search" },
-            { "name": "send" }
-          ]
-        },
-        {
-          "name": "inputmode",
-          "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-          "values": [
-            { "name": "" },
-            { "name": "none" },
-            { "name": "text" },
-            { "name": "decimal" },
-            { "name": "numeric" },
-            { "name": "tel" },
-            { "name": "search" },
-            { "name": "email" },
-            { "name": "url" }
-          ]
         }
       ],
       "references": []
     },
     {
       "name": "dsa-input-phone",
-      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
+      "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
       "attributes": [
         {
           "name": "value",
           "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
           "values": []
         },
-        {
-          "name": "clearable",
-          "description": "Adds a clear button when the input is not empty.",
-          "values": []
-        },
         {
           "name": "input-prefix",
           "description": "Optional input prefix to help the user understand the first digit is not needed",
           "values": []
         },
-        {
-          "name": "autofocus",
-          "description": "Indicates that the input should receive focus on page load.",
-          "values": []
-        },
-        {
-          "name": "enterkeyhint",
-          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-          "values": [
-            { "name": "" },
-            { "name": "enter" },
-            { "name": "done" },
-            { "name": "go" },
-            { "name": "next" },
-            { "name": "previous" },
-            { "name": "search" },
-            { "name": "send" }
-          ]
-        },
         {
           "name": "placement",
           "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
@@ -2189,18 +2036,8 @@
     },
     {
       "name": "dsa-input-time",
-      "description": "(Internal) Inputs time collect time data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **showTimePicker()** - Displays the time picker for an input element.\n- **hideTimePicker()** - Hides the time picker\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
+      "description": "(Internal) Inputs time collect time data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **showTimePicker()** - Displays the time picker for an input element.\n- **hideTimePicker()** - Hides the time picker\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
       "attributes": [
-        {
-          "name": "value",
-          "description": "The current value of the input, submitted as a name/value pair with form data.",
-          "values": []
-        },
-        {
-          "name": "clearable",
-          "description": "Adds a clear button when the input is not empty.",
-          "values": []
-        },
         {
           "name": "min",
           "description": "The input's minimum value.",
@@ -2213,32 +2050,8 @@
         },
         {
           "name": "step",
-          "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value.",
-          "values": [{ "name": "any" }]
-        },
-        {
-          "name": "autocomplete",
-          "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+          "description": "Allows the implementation of steps between each possible value, in seconds. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/step) for more information.",
           "values": []
-        },
-        {
-          "name": "autofocus",
-          "description": "Indicates that the input should receive focus on page load.",
-          "values": []
-        },
-        {
-          "name": "enterkeyhint",
-          "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-          "values": [
-            { "name": "" },
-            { "name": "enter" },
-            { "name": "done" },
-            { "name": "go" },
-            { "name": "next" },
-            { "name": "previous" },
-            { "name": "search" },
-            { "name": "send" }
-          ]
         }
       ],
       "references": []
@@ -2311,7 +2124,7 @@
         },
         {
           "name": "current",
-          "description": "Sets the link aria-current attribute",
+          "description": "Sets the link aria-current attribute and adds specific styles",
           "values": []
         }
       ],
@@ -3776,6 +3589,63 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-tag-button",
+      "description": "Tag buttons are are a clickable version of the tag component.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the tag loses focus.\n- **dsa-focus** - Emitted when the tag gains focus.\n\n### **Methods:**\n - **click()** - Simulates a click on the tag button.\n- **focus(options: _FocusOptions_)** - Sets focus on the tag button.\n- **blur()** - Removes focus from the tag button.\n\n### **Slots:**\n - **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to append a presentational icon or similar element to the input.",
+      "attributes": [
+        { "name": "label", "description": "The tag's label", "values": [] },
+        {
+          "name": "variant",
+          "description": "The tag's theme variant.",
+          "values": [{ "name": "neutral" }, { "name": "active" }]
+        },
+        {
+          "name": "size",
+          "description": "The tag's size.",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Provides an accessible label for the element",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "Provides an accessible description for the element",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "(Link) Change thetag role to link. Specifies the URL of the page the link goes to.",
+          "values": []
+        },
+        {
+          "name": "rel",
+          "description": "(Link) Determines the relationship between the current document and the linked document",
+          "values": []
+        },
+        {
+          "name": "download",
+          "description": "(Link) Specifies that the target will be downloaded when a user clicks on the hyperlink",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "(Link) Specifies where to open the linked document.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-textarea",
       "description": "Textareas collect data from the user and allow multiple lines of text.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the textarea.\n- **blur()** - Removes focus from the textarea.\n- **select()** - Selects all the text in the textarea.\n- **scrollPosition(position: _{\n    top?: number;\n    left?: number;\n  }_): _{ top: number; left: number } | undefined_** - Gets or sets the textarea's scroll position.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The textarea's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",