@ds-autonomie/web-components 2.8.1 → 2.9.1

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

@@ -2681,35 +2681,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-quote",
-      "description": "The quote component indicates that the enclosed text is an extended quotation.\n---\n\n\n### **Slots:**\n - **details** - Details about the quote.\n- **image** - Image associated with the quote.",
-      "attributes": [
-        { "name": "quote", "description": "The quote's content", "values": [] },
-        { "name": "author", "description": "The quote's Author", "values": [] },
-        {
-          "name": "cite",
-          "description": "The quote's url source",
-          "values": []
-        },
-        {
-          "name": "details",
-          "description": "Details about the quote",
-          "values": []
-        },
-        {
-          "name": "borders",
-          "description": "True if the quote has borders",
-          "values": []
-        },
-        {
-          "name": "size",
-          "description": "Size of the quote",
-          "values": [{ "name": "small" }, { "name": "medium" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-radio",
       "description": "Radios allow the user to select a single option from a group.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-focus** - Emitted when the control gains focus.\n\n### **Slots:**\n - _default_ - The radio's label.",
@@ -2756,6 +2727,35 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-quote",
+      "description": "The quote component indicates that the enclosed text is an extended quotation.\n---\n\n\n### **Slots:**\n - **details** - Details about the quote.\n- **image** - Image associated with the quote.",
+      "attributes": [
+        { "name": "quote", "description": "The quote's content", "values": [] },
+        { "name": "author", "description": "The quote's Author", "values": [] },
+        {
+          "name": "cite",
+          "description": "The quote's url source",
+          "values": []
+        },
+        {
+          "name": "details",
+          "description": "Details about the quote",
+          "values": []
+        },
+        {
+          "name": "borders",
+          "description": "True if the quote has borders",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Size of the quote",
+          "values": [{ "name": "small" }, { "name": "medium" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-radio-button",
       "description": "Radios buttons allow the user to select a single option from a group using a button-like control.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the button loses focus.\n- **dsa-focus** - Emitted when the button gains focus.\n\n### **Slots:**\n - _default_ - The radio button's label.",
@@ -2930,51 +2930,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-search",
-      "description": "The search combines a styled input and a submit button.\n---\n\n\n### **Events:**\n - **dsa-change** - Emitted when an alteration to the search input control's value is committed by the user.\n- **dsa-input** - Emitted when the search input control receives input.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the search input control gains focus.\n- **dsa-blur** - Emitted when the search input control loses focus.\n- **dsa-submit** - Emitted when the submit button is activated, or when the user presses 'Enter' on the input.\n\n### **Slots:**\n - **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "The form control's size.",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        {
-          "name": "variant",
-          "description": "The form control's variant.",
-          "values": [
-            { "name": "base" },
-            { "name": "layer" },
-            { "name": "floating" }
-          ]
-        },
-        {
-          "name": "value",
-          "description": "The current value of the input",
-          "values": []
-        },
-        {
-          "name": "help-text",
-          "description": "The form control's help text. If you need to display HTML, use the `help-text` slot instead.",
-          "values": []
-        },
-        {
-          "name": "error",
-          "description": "Indicates whether the form control should be in error state",
-          "values": []
-        },
-        {
-          "name": "error-message",
-          "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
-          "values": [{ "name": "string[]" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-select",
       "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **dsa-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **dsa-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **dsa-change** - Emitted when the control's value changes.\n- **dsa-blur** - Emitted when the control loses focus.\n- **dsa-clear** - Emitted when the control's value is cleared.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-hide** - Emitted when the select's menu closes.\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 select's menu opens.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\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- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<dsa-option>` elements. You can use `<dsa-divider>` to group items visually.\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 combobox.\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.",
@@ -3040,9 +2995,54 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-search",
+      "description": "The search combines a styled input and a submit button.\n---\n\n\n### **Events:**\n - **dsa-change** - Emitted when an alteration to the search input control's value is committed by the user.\n- **dsa-input** - Emitted when the search input control receives input.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the search input control gains focus.\n- **dsa-blur** - Emitted when the search input control loses focus.\n- **dsa-submit** - Emitted when the submit button is activated, or when the user presses 'Enter' on the input.\n\n### **Slots:**\n - **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The form control's size.",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "The form control's variant.",
+          "values": [
+            { "name": "base" },
+            { "name": "layer" },
+            { "name": "floating" }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "The current value of the input",
+          "values": []
+        },
+        {
+          "name": "help-text",
+          "description": "The form control's help text. If you need to display HTML, use the `help-text` slot instead.",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Indicates whether the form control should be in error state",
+          "values": []
+        },
+        {
+          "name": "error-message",
+          "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+          "values": [{ "name": "string[]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-sidenav",
-      "description": "Side navigation provides menus and links for user navigation, and can be expanded or collapsed by the user.\n---\n\n\n### **Events:**\n - **dsa-expand** - Emitted when the sidenac expands.\n- **dsa-collapse** - Emitted when the sidenac closes.\n\n### **Slots:**\n - _default_ - Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the top.\n- **bottom** - Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the bottom.\n\n### **CSS Properties:**\n - **--sidenav-expanded-width** - The width of the expanded sidenav. _(default: undefined)_",
+      "description": "Side navigation provides menus and links for user navigation, and can be expanded or collapsed by the user.\n---\n\n\n### **Events:**\n - **dsa-expand** - Emitted when the sidenav expands.\n- **dsa-collapse** - Emitted when the sidenav closes.\n\n### **Slots:**\n - _default_ - Menu content (in collasped mode, only menu-navigation, menu-accordion, sidenav-info-accordion, divider, menu-label will be displayed) placed at the top.\n- **bottom** - Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the bottom.\n\n### **CSS Properties:**\n - **--sidenav-expanded-width** - The width of the expanded sidenav. _(default: undefined)_",
       "attributes": [
         {
           "name": "collapsed",
@@ -3062,6 +3062,23 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-sidenav-info-accordion",
+      "description": "Sidenav Info Accordion show a brief summary and expand to show additional content in a sidenav.\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.\n- **collapsed-summary** - The accordion's visible summary when collasped.\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": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-skeleton",
       "description": "Skeletons are used to provide a visual representation of where content will eventually be drawn.\n---\n\n\n### **CSS Properties:**\n - **--border-radius** - The skeleton's border radius. _(default: undefined)_\n- **--color** - The color of the skeleton. _(default: undefined)_\n- **--sheen-color** - The sheen color when the skeleton is in its loading state. _(default: undefined)_",
@@ -3346,6 +3363,11 @@
           "name": "below-page-header",
           "description": "Whether the tab group is below the page header",
           "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Accessible name for the role tablist element",
+          "values": []
         }
       ],
       "references": []