@umbraco-ui/uui 1.2.1 → 1.3.0-rc.1

package/vscode-html-custom-data.json

@@ -307,7 +307,7 @@
     },
     {
       "name": "uui-card-content-node",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `unselected` - fires when the media card is unselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -347,14 +347,14 @@
           "description": "`selected` - fires when the media card is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the media card is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the media card is deselected"
         }
       ]
     },
     {
       "name": "uui-card-media",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `unselected` - fires when the media card is unselected\n\nSlots:\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n  * ` ` {} - slot for the default content area\n\nAttributes:\n\n  * `name` {string} - Media name\n\n  * `file-ext` {string} - Media file extension, without \".\"\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Media name\n\n  * `fileExt` {string} - Media file extension, without \".\"\n\n  * `hasPreview` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n  * ` ` {} - slot for the default content area\n\nAttributes:\n\n  * `name` {string} - Media name\n\n  * `file-ext` {string} - Media file extension, without \".\"\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Media name\n\n  * `fileExt` {string} - Media file extension, without \".\"\n\n  * `hasPreview` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -398,14 +398,14 @@
           "description": "`selected` - fires when the media card is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the media card is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the media card is deselected"
         }
       ]
     },
     {
       "name": "uui-card-user",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `unselected` - fires when the media card is unselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - User name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - User name\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - User name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - User name\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -445,14 +445,14 @@
           "description": "`selected` - fires when the media card is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the media card is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the media card is deselected"
         }
       ]
     },
     {
       "name": "uui-card",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `unselected` - fires when the media card is unselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -488,8 +488,8 @@
           "description": "`selected` - fires when the media card is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the media card is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the media card is deselected"
         }
       ]
     },
@@ -747,15 +747,15 @@
     },
     {
       "name": "uui-color-swatch",
-      "description": "Color swatch, can have label and be selectable. Depends on colord library and exposes it's utility functions under color property.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `unselected` - fires when the media card is unselected\n\nSlots:\n\n  * `label` {} - Default slot for the label.\n\nAttributes:\n\n  * `value` { string } - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_value` {`string | undefined`} - \n\n  * `value` { string } - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `showLabel` {`boolean`} - When true shows element label below the color checkbox\n\n  * `color` {(Colord | null)} - Colord object instance based on the value provided to the element. If the value is not a valid color, it falls back to black (like Amy Winehouse). For more information about Colord, see [Colord](https://omgovich.github.io/colord/)\n\n  * `_color` - \n\n  * `isLight` {`boolean`} - Returns true if the color brightness is >= 0.5\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - \n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
+      "description": "Color swatch, can have label and be selectable. Depends on colord library and exposes it's utility functions under color property.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `label` {} - Default slot for the label.\n\nAttributes:\n\n  * `value` {`string`} - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` {`boolean`} - Determines if the options is disabled. If true the option can't be selected\n\n  * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_value` {`string | undefined`} - \n\n  * `value` {`string`} - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` {`boolean`} - Determines if the options is disabled. If true the option can't be selected\n\n  * `showLabel` {`boolean`} - When true shows element label below the color checkbox\n\n  * `color` - Colord object instance based on the value provided to the element. If the value is not a valid color, it falls back to black (like Amy Winehouse). For more information about Colord, see [Colord](https://omgovich.github.io/colord/)\n\n  * `_color` - \n\n  * `isLight` {`boolean`} - Returns true if the color brightness is >= 0.5\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - \n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
       "attributes": [
         {
           "name": "value",
-          "description": "`value` { string } - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\nProperty: value\n\nDefault: \"\""
+          "description": "`value` {`string`} - Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\nProperty: value"
         },
         {
           "name": "disabled",
-          "description": "`disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\nProperty: disabled\n\nDefault: false",
+          "description": "`disabled` {`boolean`} - Determines if the options is disabled. If true the option can't be selected\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
         {
@@ -787,18 +787,18 @@
           "description": "`selected` - fires when the media card is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the media card is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the media card is deselected"
         }
       ]
     },
     {
       "name": "uui-color-swatches",
-      "description": "Put uui-stacked-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n  * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n  * ` ` {} - Default slot for content.\n\nAttributes:\n\n  * `value` { string } - Value of selected option.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `value` { string } - Value of selected option.\n\n  * `swatches` {`UUIColorSwatchElement[]`} - \n\n  * `__activeElement` - \n\n  * `_activeElement` - \n\n  * `_selectedElement` - \n\n  * `_onSelected` - \n\n  * `_onUnselected` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Put uui-stacked-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n  * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n  * ` ` {} - Default slot for content.\n\nAttributes:\n\n  * `value` {`string`} - Value of selected option.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `value` {`string`} - Value of selected option.\n\n  * `swatches` {`UUIColorSwatchElement[]`} - \n\n  * `__activeElement` - \n\n  * `_activeElement` - \n\n  * `_selectedElement` - \n\n  * `_onSelected` - \n\n  * `_onDeselected` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
-          "description": "`value` { string } - Value of selected option.\n\nProperty: value\n\nDefault: \"\""
+          "description": "`value` {`string`} - Value of selected option.\n\nProperty: value\n\nDefault: "
         },
         {
           "name": "label",
@@ -812,7 +812,7 @@
     },
     {
       "name": "uui-combobox-list-option",
-      "description": "Events:\n\n  * `selected` - fires when the media card is selected\n\n  * `unselected` - fires when the media card is unselected\n\nSlots:\n\n  * ` ` {} - For option content\n\nAttributes:\n\n  * `value` { string } - Value of the option.\n\n  * `display-value` { string } - A readable value.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_value` {`string | undefined`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_displayValue` {`string`} - \n\n  * `value` { string } - Value of the option.\n\n  * `displayValue` { string } - A readable value.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
+      "description": "Events:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - For option content\n\nAttributes:\n\n  * `value` { string } - Value of the option.\n\n  * `display-value` { string } - A readable value.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_value` {`string | undefined`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_displayValue` {`string`} - \n\n  * `value` { string } - Value of the option.\n\n  * `displayValue` { string } - A readable value.\n\n  * `disabled` { boolean } - Determines if the options is disabled. If true the option can't be selected\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
       "attributes": [
         {
           "name": "value",
@@ -847,14 +847,14 @@
           "description": "`selected` - fires when the media card is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the media card is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the media card is deselected"
         }
       ]
     },
     {
       "name": "uui-combobox-list",
-      "description": "Events:\n\n  * `change` - fires when selection is changed\n\nSlots:\n\n  * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n  * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n  * `displayValue` { string } - A readable value to display to show the selected value.\n\n  * `for` { HTMLElement } - provide another element of which keyboard navigation\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n  * `displayValue` { string } - A readable value to display to show the selected value.\n\n  * `_for` {`HTMLElement | undefined`} - \n\n  * `for` { HTMLElement } - provide another element of which keyboard navigation\n\n  * `_options` {`UUIComboboxListOptionElement[]`} - \n\n  * `_activeOptions` {`UUIComboboxListOptionElement[]`} - \n\n  * `_value` {`string | File | FormData`} - \n\n  * `__activeElement` - \n\n  * `_activeElement` - \n\n  * `_selectedElement` - \n\n  * `_onSlotChange` - \n\n  * `_onSelected` - \n\n  * `_onUnselected` - \n\n  * `_moveIndex` - \n\n  * `_onKeyDown` - ",
+      "description": "Events:\n\n  * `change` - fires when selection is changed\n\nSlots:\n\n  * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n  * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n  * `displayValue` { string } - A readable value to display to show the selected value.\n\n  * `for` { HTMLElement } - provide another element of which keyboard navigation\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n  * `displayValue` { string } - A readable value to display to show the selected value.\n\n  * `_for` {`HTMLElement | undefined`} - \n\n  * `for` { HTMLElement } - provide another element of which keyboard navigation\n\n  * `_options` {`UUIComboboxListOptionElement[]`} - \n\n  * `_activeOptions` {`UUIComboboxListOptionElement[]`} - \n\n  * `_value` {`string | File | FormData`} - \n\n  * `__activeElement` - \n\n  * `_activeElement` - \n\n  * `_selectedElement` - \n\n  * `_onSlotChange` - \n\n  * `_onSelected` - \n\n  * `_onDeselected` - \n\n  * `_moveIndex` - \n\n  * `_onKeyDown` - ",
       "attributes": [
         {
           "name": "value",
@@ -958,11 +958,11 @@
     },
     {
       "name": "uui-file-dropzone",
-      "description": "Events:\n\n  * `file-change` - fires when the a file has been selected.\n\nSlots:\n\n  * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n  * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_dropzone` {`HTMLElement`} - \n\n  * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` - fires when the a file has been selected.\n\nSlots:\n\n  * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n  * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_dropzone` {`HTMLElement`} - \n\n  * `_acceptedFileExtensions` {`string[]`} - \n\n  * `_acceptedMimeTypes` {`string[]`} - \n\n  * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "accept",
-          "description": "`accept` {string} - Accepted filetypes. Will allow all types if empty.\n\nProperty: accept\n\nDefault: false"
+          "description": "`accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\nProperty: accept"
         },
         {
           "name": "multiple",
@@ -974,8 +974,8 @@
           "description": "`label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperty: label"
         },
         {
-          "name": "onfile-change",
-          "description": "`file-change` - fires when the a file has been selected."
+          "name": "onchange",
+          "description": "`change` - fires when the a file has been selected."
         }
       ]
     },
@@ -1121,7 +1121,7 @@
     },
     {
       "name": "uui-input-lock",
-      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "locked",
@@ -1222,6 +1222,16 @@
             }
           ]
         },
+        {
+          "name": "pattern",
+          "description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "inputmode",
+          "description": "`inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\nProperty: inputmode\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
@@ -1274,7 +1284,7 @@
     },
     {
       "name": "uui-input-password",
-      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `passwordType` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `passwordType` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "min",
@@ -1370,6 +1380,16 @@
             }
           ]
         },
+        {
+          "name": "pattern",
+          "description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "inputmode",
+          "description": "`inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\nProperty: inputmode\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
@@ -1422,7 +1442,7 @@
     },
     {
       "name": "uui-input",
-      "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "min",
@@ -1518,6 +1538,16 @@
             }
           ]
         },
+        {
+          "name": "pattern",
+          "description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "inputmode",
+          "description": "`inputmode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\nProperty: inputmode\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
@@ -1635,7 +1665,7 @@
     },
     {
       "name": "uui-menu-item",
-      "description": "Events:\n\n  * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n  * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n  * `click-label` - fires when the label is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `unselected` - fires when the media card is unselected\n\nSlots:\n\n  * ` ` {} - nested menu items go here\n\n  * `icon` {} - icon area\n\n  * `actions` {} - actions area\n\n  * `label` {} - area to place the label\n\nAttributes:\n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `show-children` {boolean} - Controls if nested items should be shown.\n\n  * `has-children` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `showChildren` {boolean} - Controls if nested items should be shown.\n\n  * `hasChildren` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `iconSlotHasContent` {`boolean`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n  * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n  * `click-label` - fires when the label is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - nested menu items go here\n\n  * `icon` {} - icon area\n\n  * `actions` {} - actions area\n\n  * `label` {} - area to place the label\n\nAttributes:\n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `show-children` {boolean} - Controls if nested items should be shown.\n\n  * `has-children` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `showChildren` {boolean} - Controls if nested items should be shown.\n\n  * `hasChildren` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `iconSlotHasContent` {`boolean`} - \n\n  * `_labelButtonChanged` - \n\n  * `_iconSlotChanged` - \n\n  * `_onCaretClicked` - \n\n  * `_onLabelClicked` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -1721,8 +1751,8 @@
           "description": "`selected` - fires when the media card is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the media card is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the media card is deselected"
         }
       ]
     },
@@ -2093,7 +2123,7 @@
     },
     {
       "name": "uui-ref-node-data-type",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `unselected` - fires when the ref is unselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "alias",
@@ -2141,14 +2171,14 @@
           "description": "`selected` - fires when the ref is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the ref is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the ref is deselected"
         }
       ]
     },
     {
       "name": "uui-ref-node-document-type",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `unselected` - fires when the ref is unselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "alias",
@@ -2196,14 +2226,14 @@
           "description": "`selected` - fires when the ref is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the ref is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the ref is deselected"
         }
       ]
     },
     {
       "name": "uui-ref-node-form",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `unselected` - fires when the ref is unselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -2247,14 +2277,14 @@
           "description": "`selected` - fires when the ref is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the ref is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the ref is deselected"
         }
       ]
     },
     {
       "name": "uui-ref-node-member",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `unselected` - fires when the ref is unselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "group-name",
@@ -2302,14 +2332,14 @@
           "description": "`selected` - fires when the ref is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the ref is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the ref is deselected"
         }
       ]
     },
     {
       "name": "uui-ref-node-package",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `unselected` - fires when the ref is unselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "version",
@@ -2361,14 +2391,14 @@
           "description": "`selected` - fires when the ref is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the ref is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the ref is deselected"
         }
       ]
     },
     {
       "name": "uui-ref-node-user",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `unselected` - fires when the ref is unselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "group-name",
@@ -2416,14 +2446,14 @@
           "description": "`selected` - fires when the ref is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the ref is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the ref is deselected"
         }
       ]
     },
     {
       "name": "uui-ref-node",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `unselected` - fires when the ref is unselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -2467,14 +2497,14 @@
           "description": "`selected` - fires when the ref is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the ref is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the ref is deselected"
         }
       ]
     },
     {
       "name": "uui-ref",
-      "description": "Events:\n\n  * `open` - fires when the ref is opened\n\n  * `selected` - fires when the ref is selected\n\n  * `unselected` - fires when the ref is unselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the ref is opened\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -2510,8 +2540,8 @@
           "description": "`selected` - fires when the ref is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the ref is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the ref is deselected"
         }
       ]
     },
@@ -2805,7 +2835,7 @@
     },
     {
       "name": "uui-table-row",
-      "description": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `unselected` - fires when the media card is unselected\n\nSlots:\n\n  * ` ` {} - for <uui-table-cell> elements that should be in the row.\n\nAttributes:\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `slotCellNodes` {`unknown[] | undefined`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `unselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - for <uui-table-cell> elements that should be in the row.\n\nAttributes:\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `slotCellNodes` {`unknown[] | undefined`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "select-only",
@@ -2827,8 +2857,8 @@
           "description": "`selected` - fires when the media card is selected"
         },
         {
-          "name": "onunselected",
-          "description": "`unselected` - fires when the media card is unselected"
+          "name": "ondeselected",
+          "description": "`deselected` - fires when the media card is deselected"
         }
       ]
     },
@@ -2839,7 +2869,7 @@
     },
     {
       "name": "uui-tab-group",
-      "description": "Slots:\n\n  * ` ` {} - Default slot for the tab group\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n  * `_tabElements` {`HTMLElement[]`} - \n\n  * `_onTabActive` - ",
+      "description": "Slots:\n\n  * ` ` {} - Default slot for the tab group\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n  * `_tabElements` {`HTMLElement[]`} - \n\n  * `_onTabClicked` - ",
       "attributes": []
     },
     {
@@ -2981,7 +3011,7 @@
     },
     {
       "name": "uui-textarea",
-      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nAttributes:\n\n  * `placeholder` {string} - Defines the textarea placeholder.\n\n  * `disabled` {boolean} - Disables the textarea.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `minlength` {number} - This is a minimum value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `maxlength` {number} - This is a maximum value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `auto-height` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `placeholder` {string} - Defines the textarea placeholder.\n\n  * `disabled` {boolean} - Disables the textarea.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `minlength` {number} - This is a minimum value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `maxlength` {number} - This is a maximum value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `_textarea` {`HTMLInputElement`} - \n\n  * `autoHeight` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
+      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nAttributes:\n\n  * `placeholder` {string} - Defines the textarea placeholder.\n\n  * `disabled` {boolean} - Disables the textarea.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `minlength` {number} - This is a minimum value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `maxlength` {number} - This is a maximum value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `auto-height` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `rows` {number} - Sets the number of rows of the textarea\n\n  * `cols` {number} - Sets the number of cols of the textarea\n\n  * `wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n  * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `placeholder` {string} - Defines the textarea placeholder.\n\n  * `disabled` {boolean} - Disables the textarea.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `minlength` {number} - This is a minimum value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `maxlength` {number} - This is a maximum value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `_textarea` {`HTMLInputElement`} - \n\n  * `autoHeight` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `rows` {number} - Sets the number of rows of the textarea\n\n  * `cols` {number} - Sets the number of cols of the textarea\n\n  * `wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
       "attributes": [
         {
           "name": "placeholder",
@@ -3024,6 +3054,31 @@
           "name": "label",
           "description": "`label` {string} - Label to be used for aria-label and eventually as visual label\n\nProperty: label"
         },
+        {
+          "name": "rows",
+          "description": "`rows` {number} - Sets the number of rows of the textarea\n\nProperty: rows",
+          "values": []
+        },
+        {
+          "name": "cols",
+          "description": "`cols` {number} - Sets the number of cols of the textarea\n\nProperty: cols",
+          "values": []
+        },
+        {
+          "name": "wrap",
+          "description": "`wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\nProperty: wrap\n\nDefault: undefined",
+          "values": [
+            {
+              "name": "soft"
+            },
+            {
+              "name": "hard"
+            },
+            {
+              "name": "off"
+            }
+          ]
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\nProperty: name\n\nDefault: ''"