@db-ux/wc-core-components 2.0.0-0-custom-select-16b8cce → 2.0.0

package/dist/types/components.d.ts

@@ -93,6 +93,7 @@ export namespace Components {
         "disabled": DBAccordionItemProps["disabled"];
         "headlinePlain": DBAccordionItemProps["headlinePlain"];
         "id": DBAccordionItemProps["id"];
+        "name": DBAccordionItemProps["name"];
         "text": DBAccordionItemProps["text"];
     }
     interface DbBadge {
@@ -119,6 +120,7 @@ export namespace Components {
         "className": DBButtonProps["className"];
         "describedbyid": DBButtonProps["describedbyid"];
         "disabled": DBButtonProps["disabled"];
+        "form": DBButtonProps["form"];
         "icon": DBButtonProps["icon"];
         "id": DBButtonProps["id"];
         "label": DBButtonProps["label"];
@@ -141,12 +143,9 @@ export namespace Components {
         "spacing": DBCardProps["spacing"];
     }
     interface DbCheckbox {
-        "blur": DBCheckboxProps["blur"];
-        "change": DBCheckboxProps["change"];
         "checked": DBCheckboxProps["checked"];
         "className": DBCheckboxProps["className"];
         "disabled": DBCheckboxProps["disabled"];
-        "focus": DBCheckboxProps["focus"];
         "id": DBCheckboxProps["id"];
         "indeterminate": DBCheckboxProps["indeterminate"];
         "invalidMessage": DBCheckboxProps["invalidMessage"];
@@ -164,12 +163,13 @@ export namespace Components {
     }
     interface DbCustomSelect {
         "amountText": DBCustomSelectProps["amountText"];
+        "ariaListLabel": DBCustomSelectProps["ariaListLabel"];
         "className": DBCustomSelectProps["className"];
-        "clearSelectionLabel": DBCustomSelectProps["clearSelectionLabel"];
-        "deSelectAllLabel": DBCustomSelectProps["deSelectAllLabel"];
+        "clearSelectionText": DBCustomSelectProps["clearSelectionText"];
         "disabled": DBCustomSelectProps["disabled"];
         "dropdownWidth": DBCustomSelectProps["dropdownWidth"];
         "form": DBCustomSelectProps["form"];
+        "formFieldWidth": DBCustomSelectProps["formFieldWidth"];
         "icon": DBCustomSelectProps["icon"];
         "id": DBCustomSelectProps["id"];
         "invalidMessage": DBCustomSelectProps["invalidMessage"];
@@ -203,7 +203,6 @@ export namespace Components {
         "validation": DBCustomSelectProps["validation"];
         "values": DBCustomSelectProps["values"];
         "variant": DBCustomSelectProps["variant"];
-        "width": DBCustomSelectProps["width"];
     }
     interface DbCustomSelectDropdown {
         "className": DBCustomSelectDropdownProps["className"];
@@ -221,7 +220,6 @@ export namespace Components {
         "multiple": DBCustomSelectListProps["multiple"];
     }
     interface DbCustomSelectListItem {
-        "change": DBCustomSelectListItemProps["change"];
         "checked": DBCustomSelectListItemProps["checked"];
         "className": DBCustomSelectListItemProps["className"];
         "disabled": DBCustomSelectListItemProps["disabled"];
@@ -286,30 +284,29 @@ export namespace Components {
         "ariaDescribedBy": DBInputProps["ariaDescribedBy"];
         "autocomplete": DBInputProps["autocomplete"];
         "autofocus": DBInputProps["autofocus"];
-        "blur": DBInputProps["blur"];
-        "change": DBInputProps["change"];
         "className": DBInputProps["className"];
         "dataList": DBInputProps["dataList"];
         "dataListId": DBInputProps["dataListId"];
         "disabled": DBInputProps["disabled"];
-        "focus": DBInputProps["focus"];
         "form": DBInputProps["form"];
         "icon": DBInputProps["icon"];
         "iconAfter": DBInputProps["iconAfter"];
         "id": DBInputProps["id"];
-        "input": DBInputProps["input"];
         "invalidMessage": DBInputProps["invalidMessage"];
         "label": DBInputProps["label"];
         "max": DBInputProps["max"];
         "maxLength": DBInputProps["maxLength"];
+        "maxlength": DBInputProps["maxlength"];
         "message": DBInputProps["message"];
         "messageIcon": DBInputProps["messageIcon"];
         "min": DBInputProps["min"];
         "minLength": DBInputProps["minLength"];
+        "minlength": DBInputProps["minlength"];
         "name": DBInputProps["name"];
         "pattern": DBInputProps["pattern"];
         "placeholder": DBInputProps["placeholder"];
         "readOnly": DBInputProps["readOnly"];
+        "readonly": DBInputProps["readonly"];
         "required": DBInputProps["required"];
         "showIcon": DBInputProps["showIcon"];
         "showLabel": DBInputProps["showLabel"];
@@ -396,13 +393,10 @@ export namespace Components {
         "width": DBPopoverProps["width"];
     }
     interface DbRadio {
-        "blur": DBRadioProps["blur"];
-        "change": DBRadioProps["change"];
         "checked": DBRadioProps["checked"];
         "className": DBRadioProps["className"];
         "describedbyid": DBRadioProps["describedbyid"];
         "disabled": DBRadioProps["disabled"];
-        "focus": DBRadioProps["focus"];
         "id": DBRadioProps["id"];
         "label": DBRadioProps["label"];
         "name": DBRadioProps["name"];
@@ -420,14 +414,10 @@ export namespace Components {
     }
     interface DbSelect {
         "autocomplete": DBSelectProps["autocomplete"];
-        "blur": DBSelectProps["blur"];
-        "change": DBSelectProps["change"];
         "className": DBSelectProps["className"];
         "disabled": DBSelectProps["disabled"];
-        "focus": DBSelectProps["focus"];
         "icon": DBSelectProps["icon"];
         "id": DBSelectProps["id"];
-        "input": DBSelectProps["input"];
         "invalidMessage": DBSelectProps["invalidMessage"];
         "label": DBSelectProps["label"];
         "message": DBSelectProps["message"];
@@ -457,14 +447,11 @@ export namespace Components {
         "wrap": DBStackProps["wrap"];
     }
     interface DbSwitch {
-        "blur": DBSwitchProps["blur"];
-        "change": DBSwitchProps["change"];
         "checked": DBSwitchProps["checked"];
         "className": DBSwitchProps["className"];
         "describedbyid": DBSwitchProps["describedbyid"];
         "disabled": DBSwitchProps["disabled"];
         "emphasis": DBSwitchProps["emphasis"];
-        "focus": DBSwitchProps["focus"];
         "icon": DBSwitchProps["icon"];
         "iconAfter": DBSwitchProps["iconAfter"];
         "id": DBSwitchProps["id"];
@@ -479,7 +466,6 @@ export namespace Components {
     }
     interface DbTabItem {
         "active": DBTabItemProps["active"];
-        "change": DBTabItemProps["change"];
         "checked": DBTabItemProps["checked"];
         "className": DBTabItemProps["className"];
         "controls": DBTabItemProps["controls"];
@@ -488,6 +474,7 @@ export namespace Components {
         "iconAfter": DBTabItemProps["iconAfter"];
         "id": DBTabItemProps["id"];
         "label": DBTabItemProps["label"];
+        "name": DBTabItemProps["name"];
         "noText": DBTabItemProps["noText"];
         "showIcon": DBTabItemProps["showIcon"];
     }
@@ -531,24 +518,23 @@ export namespace Components {
     }
     interface DbTextarea {
         "autocomplete": DBTextareaProps["autocomplete"];
-        "blur": DBTextareaProps["blur"];
-        "change": DBTextareaProps["change"];
         "className": DBTextareaProps["className"];
         "cols": DBTextareaProps["cols"];
         "disabled": DBTextareaProps["disabled"];
-        "focus": DBTextareaProps["focus"];
         "form": DBTextareaProps["form"];
         "id": DBTextareaProps["id"];
-        "input": DBTextareaProps["input"];
         "invalidMessage": DBTextareaProps["invalidMessage"];
         "label": DBTextareaProps["label"];
         "maxLength": DBTextareaProps["maxLength"];
+        "maxlength": DBTextareaProps["maxlength"];
         "message": DBTextareaProps["message"];
         "messageIcon": DBTextareaProps["messageIcon"];
         "minLength": DBTextareaProps["minLength"];
+        "minlength": DBTextareaProps["minlength"];
         "name": DBTextareaProps["name"];
         "placeholder": DBTextareaProps["placeholder"];
         "readOnly": DBTextareaProps["readOnly"];
+        "readonly": DBTextareaProps["readonly"];
         "required": DBTextareaProps["required"];
         "resize": DBTextareaProps["resize"];
         "rows": DBTextareaProps["rows"];
@@ -656,7 +642,7 @@ declare global {
         new (): HTMLDbAccordionElement;
     };
     interface HTMLDbAccordionItemElementEventMap {
-        "onToggle": any;
+        "toggle": any;
     }
     interface HTMLDbAccordionItemElement extends Components.DbAccordionItem, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbAccordionItemElementEventMap>(type: K, listener: (this: HTMLDbAccordionItemElement, ev: DbAccordionItemCustomEvent<HTMLDbAccordionItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -685,7 +671,7 @@ declare global {
         new (): HTMLDbBrandElement;
     };
     interface HTMLDbButtonElementEventMap {
-        "onClick": any;
+        "click": any;
     }
     interface HTMLDbButtonElement extends Components.DbButton, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbButtonElementEventMap>(type: K, listener: (this: HTMLDbButtonElement, ev: DbButtonCustomEvent<HTMLDbButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -702,7 +688,7 @@ declare global {
         new (): HTMLDbButtonElement;
     };
     interface HTMLDbCardElementEventMap {
-        "onClick": any;
+        "click": any;
     }
     interface HTMLDbCardElement extends Components.DbCard, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbCardElementEventMap>(type: K, listener: (this: HTMLDbCardElement, ev: DbCardCustomEvent<HTMLDbCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -719,9 +705,9 @@ declare global {
         new (): HTMLDbCardElement;
     };
     interface HTMLDbCheckboxElementEventMap {
-        "onChange": any;
-        "onBlur": any;
-        "onFocus": any;
+        "change": any;
+        "blur": any;
+        "focus": any;
     }
     interface HTMLDbCheckboxElement extends Components.DbCheckbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbCheckboxElementEventMap>(type: K, listener: (this: HTMLDbCheckboxElement, ev: DbCheckboxCustomEvent<HTMLDbCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -738,9 +724,9 @@ declare global {
         new (): HTMLDbCheckboxElement;
     };
     interface HTMLDbCustomSelectElementEventMap {
-        "onSelect": any;
-        "onAmountChange": any;
-        "onDropdownToggle": any;
+        "amountChange": any;
+        "dropdownToggle": any;
+        "optionSelected": any;
     }
     interface HTMLDbCustomSelectElement extends Components.DbCustomSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbCustomSelectElementEventMap>(type: K, listener: (this: HTMLDbCustomSelectElement, ev: DbCustomSelectCustomEvent<HTMLDbCustomSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -775,7 +761,7 @@ declare global {
         new (): HTMLDbCustomSelectListElement;
     };
     interface HTMLDbCustomSelectListItemElementEventMap {
-        "onChange": any;
+        "change": any;
     }
     interface HTMLDbCustomSelectListItemElement extends Components.DbCustomSelectListItem, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbCustomSelectListItemElementEventMap>(type: K, listener: (this: HTMLDbCustomSelectListItemElement, ev: DbCustomSelectListItemCustomEvent<HTMLDbCustomSelectListItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -815,7 +801,7 @@ declare global {
         new (): HTMLDbDrawerElement;
     };
     interface HTMLDbHeaderElementEventMap {
-        "onToggle": any;
+        "toggle": any;
     }
     interface HTMLDbHeaderElement extends Components.DbHeader, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbHeaderElementEventMap>(type: K, listener: (this: HTMLDbHeaderElement, ev: DbHeaderCustomEvent<HTMLDbHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -844,10 +830,10 @@ declare global {
         new (): HTMLDbInfotextElement;
     };
     interface HTMLDbInputElementEventMap {
-        "onInput": any;
-        "onChange": any;
-        "onBlur": any;
-        "onFocus": any;
+        "input": any;
+        "change": any;
+        "blur": any;
+        "focus": any;
     }
     interface HTMLDbInputElement extends Components.DbInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbInputElementEventMap>(type: K, listener: (this: HTMLDbInputElement, ev: DbInputCustomEvent<HTMLDbInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -864,7 +850,7 @@ declare global {
         new (): HTMLDbInputElement;
     };
     interface HTMLDbLinkElementEventMap {
-        "onClick": any;
+        "click": any;
     }
     interface HTMLDbLinkElement extends Components.DbLink, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbLinkElementEventMap>(type: K, listener: (this: HTMLDbLinkElement, ev: DbLinkCustomEvent<HTMLDbLinkElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -887,7 +873,7 @@ declare global {
         new (): HTMLDbNavigationElement;
     };
     interface HTMLDbNavigationItemElementEventMap {
-        "onClick": any;
+        "click": any;
     }
     interface HTMLDbNavigationItemElement extends Components.DbNavigationItem, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbNavigationItemElementEventMap>(type: K, listener: (this: HTMLDbNavigationItemElement, ev: DbNavigationItemCustomEvent<HTMLDbNavigationItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -904,7 +890,7 @@ declare global {
         new (): HTMLDbNavigationItemElement;
     };
     interface HTMLDbNotificationElementEventMap {
-        "onClose": any;
+        "close": any;
     }
     interface HTMLDbNotificationElement extends Components.DbNotification, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbNotificationElementEventMap>(type: K, listener: (this: HTMLDbNotificationElement, ev: DbNotificationCustomEvent<HTMLDbNotificationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -933,9 +919,9 @@ declare global {
         new (): HTMLDbPopoverElement;
     };
     interface HTMLDbRadioElementEventMap {
-        "onChange": any;
-        "onBlur": any;
-        "onFocus": any;
+        "change": any;
+        "blur": any;
+        "focus": any;
     }
     interface HTMLDbRadioElement extends Components.DbRadio, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbRadioElementEventMap>(type: K, listener: (this: HTMLDbRadioElement, ev: DbRadioCustomEvent<HTMLDbRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -958,11 +944,11 @@ declare global {
         new (): HTMLDbSectionElement;
     };
     interface HTMLDbSelectElementEventMap {
-        "onClick": any;
-        "onInput": any;
-        "onChange": any;
-        "onBlur": any;
-        "onFocus": any;
+        "click": any;
+        "input": any;
+        "change": any;
+        "blur": any;
+        "focus": any;
     }
     interface HTMLDbSelectElement extends Components.DbSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbSelectElementEventMap>(type: K, listener: (this: HTMLDbSelectElement, ev: DbSelectCustomEvent<HTMLDbSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -985,9 +971,9 @@ declare global {
         new (): HTMLDbStackElement;
     };
     interface HTMLDbSwitchElementEventMap {
-        "onChange": any;
-        "onBlur": any;
-        "onFocus": any;
+        "change": any;
+        "blur": any;
+        "focus": any;
     }
     interface HTMLDbSwitchElement extends Components.DbSwitch, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbSwitchElementEventMap>(type: K, listener: (this: HTMLDbSwitchElement, ev: DbSwitchCustomEvent<HTMLDbSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1004,7 +990,7 @@ declare global {
         new (): HTMLDbSwitchElement;
     };
     interface HTMLDbTabItemElementEventMap {
-        "onChange": any;
+        "change": any;
     }
     interface HTMLDbTabItemElement extends Components.DbTabItem, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbTabItemElementEventMap>(type: K, listener: (this: HTMLDbTabItemElement, ev: DbTabItemCustomEvent<HTMLDbTabItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1033,8 +1019,8 @@ declare global {
         new (): HTMLDbTabPanelElement;
     };
     interface HTMLDbTabsElementEventMap {
-        "onIndexChange": any;
-        "onTabSelect": any;
+        "indexChange": any;
+        "tabSelect": any;
     }
     interface HTMLDbTabsElement extends Components.DbTabs, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbTabsElementEventMap>(type: K, listener: (this: HTMLDbTabsElement, ev: DbTabsCustomEvent<HTMLDbTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1068,10 +1054,10 @@ declare global {
         new (): HTMLDbTagElement;
     };
     interface HTMLDbTextareaElementEventMap {
-        "onInput": any;
-        "onChange": any;
-        "onBlur": any;
-        "onFocus": any;
+        "input": any;
+        "change": any;
+        "blur": any;
+        "focus": any;
     }
     interface HTMLDbTextareaElement extends Components.DbTextarea, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDbTextareaElementEventMap>(type: K, listener: (this: HTMLDbTextareaElement, ev: DbTextareaCustomEvent<HTMLDbTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1148,7 +1134,8 @@ declare namespace LocalJSX {
         "disabled"?: DBAccordionItemProps["disabled"];
         "headlinePlain"?: DBAccordionItemProps["headlinePlain"];
         "id"?: DBAccordionItemProps["id"];
-        "onOnToggle"?: (event: DbAccordionItemCustomEvent<any>) => void;
+        "name"?: DBAccordionItemProps["name"];
+        "onToggle"?: (event: DbAccordionItemCustomEvent<any>) => void;
         "text"?: DBAccordionItemProps["text"];
     }
     interface DbBadge {
@@ -1175,12 +1162,13 @@ declare namespace LocalJSX {
         "className"?: DBButtonProps["className"];
         "describedbyid"?: DBButtonProps["describedbyid"];
         "disabled"?: DBButtonProps["disabled"];
+        "form"?: DBButtonProps["form"];
         "icon"?: DBButtonProps["icon"];
         "id"?: DBButtonProps["id"];
         "label"?: DBButtonProps["label"];
         "name"?: DBButtonProps["name"];
         "noText"?: DBButtonProps["noText"];
-        "onOnClick"?: (event: DbButtonCustomEvent<any>) => void;
+        "onClick"?: (event: DbButtonCustomEvent<any>) => void;
         "showIcon"?: DBButtonProps["showIcon"];
         "size"?: DBButtonProps["size"];
         "state"?: DBButtonProps["state"];
@@ -1195,16 +1183,13 @@ declare namespace LocalJSX {
         "className"?: DBCardProps["className"];
         "elevationLevel"?: DBCardProps["elevationLevel"];
         "id"?: DBCardProps["id"];
-        "onOnClick"?: (event: DbCardCustomEvent<any>) => void;
+        "onClick"?: (event: DbCardCustomEvent<any>) => void;
         "spacing"?: DBCardProps["spacing"];
     }
     interface DbCheckbox {
-        "blur"?: DBCheckboxProps["blur"];
-        "change"?: DBCheckboxProps["change"];
         "checked"?: DBCheckboxProps["checked"];
         "className"?: DBCheckboxProps["className"];
         "disabled"?: DBCheckboxProps["disabled"];
-        "focus"?: DBCheckboxProps["focus"];
         "id"?: DBCheckboxProps["id"];
         "indeterminate"?: DBCheckboxProps["indeterminate"];
         "invalidMessage"?: DBCheckboxProps["invalidMessage"];
@@ -1212,9 +1197,9 @@ declare namespace LocalJSX {
         "message"?: DBCheckboxProps["message"];
         "messageIcon"?: DBCheckboxProps["messageIcon"];
         "name"?: DBCheckboxProps["name"];
-        "onOnBlur"?: (event: DbCheckboxCustomEvent<any>) => void;
-        "onOnChange"?: (event: DbCheckboxCustomEvent<any>) => void;
-        "onOnFocus"?: (event: DbCheckboxCustomEvent<any>) => void;
+        "onBlur"?: (event: DbCheckboxCustomEvent<any>) => void;
+        "onChange"?: (event: DbCheckboxCustomEvent<any>) => void;
+        "onFocus"?: (event: DbCheckboxCustomEvent<any>) => void;
         "required"?: DBCheckboxProps["required"];
         "showLabel"?: DBCheckboxProps["showLabel"];
         "showMessage"?: DBCheckboxProps["showMessage"];
@@ -1225,12 +1210,13 @@ declare namespace LocalJSX {
     }
     interface DbCustomSelect {
         "amountText"?: DBCustomSelectProps["amountText"];
+        "ariaListLabel"?: DBCustomSelectProps["ariaListLabel"];
         "className"?: DBCustomSelectProps["className"];
-        "clearSelectionLabel"?: DBCustomSelectProps["clearSelectionLabel"];
-        "deSelectAllLabel"?: DBCustomSelectProps["deSelectAllLabel"];
+        "clearSelectionText"?: DBCustomSelectProps["clearSelectionText"];
         "disabled"?: DBCustomSelectProps["disabled"];
         "dropdownWidth"?: DBCustomSelectProps["dropdownWidth"];
         "form"?: DBCustomSelectProps["form"];
+        "formFieldWidth"?: DBCustomSelectProps["formFieldWidth"];
         "icon"?: DBCustomSelectProps["icon"];
         "id"?: DBCustomSelectProps["id"];
         "invalidMessage"?: DBCustomSelectProps["invalidMessage"];
@@ -1242,9 +1228,9 @@ declare namespace LocalJSX {
         "multiple"?: DBCustomSelectProps["multiple"];
         "name"?: DBCustomSelectProps["name"];
         "noResultsText"?: DBCustomSelectProps["noResultsText"];
-        "onOnAmountChange"?: (event: DbCustomSelectCustomEvent<any>) => void;
-        "onOnDropdownToggle"?: (event: DbCustomSelectCustomEvent<any>) => void;
-        "onOnSelect"?: (event: DbCustomSelectCustomEvent<any>) => void;
+        "onAmountChange"?: (event: DbCustomSelectCustomEvent<any>) => void;
+        "onDropdownToggle"?: (event: DbCustomSelectCustomEvent<any>) => void;
+        "onOptionSelected"?: (event: DbCustomSelectCustomEvent<any>) => void;
         "open"?: DBCustomSelectProps["open"];
         "options"?: DBCustomSelectProps["options"];
         "placeholder"?: DBCustomSelectProps["placeholder"];
@@ -1267,7 +1253,6 @@ declare namespace LocalJSX {
         "validation"?: DBCustomSelectProps["validation"];
         "values"?: DBCustomSelectProps["values"];
         "variant"?: DBCustomSelectProps["variant"];
-        "width"?: DBCustomSelectProps["width"];
     }
     interface DbCustomSelectDropdown {
         "className"?: DBCustomSelectDropdownProps["className"];
@@ -1285,7 +1270,6 @@ declare namespace LocalJSX {
         "multiple"?: DBCustomSelectListProps["multiple"];
     }
     interface DbCustomSelectListItem {
-        "change"?: DBCustomSelectListItemProps["change"];
         "checked"?: DBCustomSelectListItemProps["checked"];
         "className"?: DBCustomSelectListItemProps["className"];
         "disabled"?: DBCustomSelectListItemProps["disabled"];
@@ -1295,7 +1279,7 @@ declare namespace LocalJSX {
         "isGroupTitle"?: DBCustomSelectListItemProps["isGroupTitle"];
         "label"?: DBCustomSelectListItemProps["label"];
         "name"?: DBCustomSelectListItemProps["name"];
-        "onOnChange"?: (event: DbCustomSelectListItemCustomEvent<any>) => void;
+        "onChange"?: (event: DbCustomSelectListItemCustomEvent<any>) => void;
         "showDivider"?: DBCustomSelectListItemProps["showDivider"];
         "showIcon"?: DBCustomSelectListItemProps["showIcon"];
         "type"?: DBCustomSelectListItemProps["type"];
@@ -1329,7 +1313,7 @@ declare namespace LocalJSX {
         "drawerOpen"?: DBHeaderProps["drawerOpen"];
         "forceMobile"?: DBHeaderProps["forceMobile"];
         "id"?: DBHeaderProps["id"];
-        "onOnToggle"?: (event: DbHeaderCustomEvent<any>) => void;
+        "onToggle"?: (event: DbHeaderCustomEvent<any>) => void;
         "width"?: DBHeaderProps["width"];
     }
     interface DbIcon {
@@ -1353,34 +1337,33 @@ declare namespace LocalJSX {
         "ariaDescribedBy"?: DBInputProps["ariaDescribedBy"];
         "autocomplete"?: DBInputProps["autocomplete"];
         "autofocus"?: DBInputProps["autofocus"];
-        "blur"?: DBInputProps["blur"];
-        "change"?: DBInputProps["change"];
         "className"?: DBInputProps["className"];
         "dataList"?: DBInputProps["dataList"];
         "dataListId"?: DBInputProps["dataListId"];
         "disabled"?: DBInputProps["disabled"];
-        "focus"?: DBInputProps["focus"];
         "form"?: DBInputProps["form"];
         "icon"?: DBInputProps["icon"];
         "iconAfter"?: DBInputProps["iconAfter"];
         "id"?: DBInputProps["id"];
-        "input"?: DBInputProps["input"];
         "invalidMessage"?: DBInputProps["invalidMessage"];
         "label"?: DBInputProps["label"];
         "max"?: DBInputProps["max"];
         "maxLength"?: DBInputProps["maxLength"];
+        "maxlength"?: DBInputProps["maxlength"];
         "message"?: DBInputProps["message"];
         "messageIcon"?: DBInputProps["messageIcon"];
         "min"?: DBInputProps["min"];
         "minLength"?: DBInputProps["minLength"];
+        "minlength"?: DBInputProps["minlength"];
         "name"?: DBInputProps["name"];
-        "onOnBlur"?: (event: DbInputCustomEvent<any>) => void;
-        "onOnChange"?: (event: DbInputCustomEvent<any>) => void;
-        "onOnFocus"?: (event: DbInputCustomEvent<any>) => void;
-        "onOnInput"?: (event: DbInputCustomEvent<any>) => void;
+        "onBlur"?: (event: DbInputCustomEvent<any>) => void;
+        "onChange"?: (event: DbInputCustomEvent<any>) => void;
+        "onFocus"?: (event: DbInputCustomEvent<any>) => void;
+        "onInput"?: (event: DbInputCustomEvent<any>) => void;
         "pattern"?: DBInputProps["pattern"];
         "placeholder"?: DBInputProps["placeholder"];
         "readOnly"?: DBInputProps["readOnly"];
+        "readonly"?: DBInputProps["readonly"];
         "required"?: DBInputProps["required"];
         "showIcon"?: DBInputProps["showIcon"];
         "showLabel"?: DBInputProps["showLabel"];
@@ -1402,7 +1385,7 @@ declare namespace LocalJSX {
         "hreflang"?: DBLinkProps["hreflang"];
         "id"?: DBLinkProps["id"];
         "label"?: DBLinkProps["label"];
-        "onOnClick"?: (event: DbLinkCustomEvent<any>) => void;
+        "onClick"?: (event: DbLinkCustomEvent<any>) => void;
         "rel"?: DBLinkProps["rel"];
         "role"?: DBLinkProps["role"];
         "selected"?: DBLinkProps["selected"];
@@ -1425,7 +1408,7 @@ declare namespace LocalJSX {
         "disabled"?: DBNavigationItemProps["disabled"];
         "icon"?: DBNavigationItemProps["icon"];
         "id"?: DBNavigationItemProps["id"];
-        "onOnClick"?: (event: DbNavigationItemCustomEvent<any>) => void;
+        "onClick"?: (event: DbNavigationItemCustomEvent<any>) => void;
         "showIcon"?: DBNavigationItemProps["showIcon"];
         "subNavigationExpanded"?: DBNavigationItemProps["subNavigationExpanded"];
         "text"?: DBNavigationItemProps["text"];
@@ -1441,7 +1424,7 @@ declare namespace LocalJSX {
         "icon"?: DBNotificationProps["icon"];
         "id"?: DBNotificationProps["id"];
         "linkVariant"?: DBNotificationProps["linkVariant"];
-        "onOnClose"?: (event: DbNotificationCustomEvent<any>) => void;
+        "onClose"?: (event: DbNotificationCustomEvent<any>) => void;
         "semantic"?: DBNotificationProps["semantic"];
         "showHeadline"?: DBNotificationProps["showHeadline"];
         "showIcon"?: DBNotificationProps["showIcon"];
@@ -1470,19 +1453,16 @@ declare namespace LocalJSX {
         "width"?: DBPopoverProps["width"];
     }
     interface DbRadio {
-        "blur"?: DBRadioProps["blur"];
-        "change"?: DBRadioProps["change"];
         "checked"?: DBRadioProps["checked"];
         "className"?: DBRadioProps["className"];
         "describedbyid"?: DBRadioProps["describedbyid"];
         "disabled"?: DBRadioProps["disabled"];
-        "focus"?: DBRadioProps["focus"];
         "id"?: DBRadioProps["id"];
         "label"?: DBRadioProps["label"];
         "name"?: DBRadioProps["name"];
-        "onOnBlur"?: (event: DbRadioCustomEvent<any>) => void;
-        "onOnChange"?: (event: DbRadioCustomEvent<any>) => void;
-        "onOnFocus"?: (event: DbRadioCustomEvent<any>) => void;
+        "onBlur"?: (event: DbRadioCustomEvent<any>) => void;
+        "onChange"?: (event: DbRadioCustomEvent<any>) => void;
+        "onFocus"?: (event: DbRadioCustomEvent<any>) => void;
         "required"?: DBRadioProps["required"];
         "showLabel"?: DBRadioProps["showLabel"];
         "size"?: DBRadioProps["size"];
@@ -1497,25 +1477,21 @@ declare namespace LocalJSX {
     }
     interface DbSelect {
         "autocomplete"?: DBSelectProps["autocomplete"];
-        "blur"?: DBSelectProps["blur"];
-        "change"?: DBSelectProps["change"];
         "className"?: DBSelectProps["className"];
         "disabled"?: DBSelectProps["disabled"];
-        "focus"?: DBSelectProps["focus"];
         "icon"?: DBSelectProps["icon"];
         "id"?: DBSelectProps["id"];
-        "input"?: DBSelectProps["input"];
         "invalidMessage"?: DBSelectProps["invalidMessage"];
         "label"?: DBSelectProps["label"];
         "message"?: DBSelectProps["message"];
         "messageIcon"?: DBSelectProps["messageIcon"];
         "multiple"?: DBSelectProps["multiple"];
         "name"?: DBSelectProps["name"];
-        "onOnBlur"?: (event: DbSelectCustomEvent<any>) => void;
-        "onOnChange"?: (event: DbSelectCustomEvent<any>) => void;
-        "onOnClick"?: (event: DbSelectCustomEvent<any>) => void;
-        "onOnFocus"?: (event: DbSelectCustomEvent<any>) => void;
-        "onOnInput"?: (event: DbSelectCustomEvent<any>) => void;
+        "onBlur"?: (event: DbSelectCustomEvent<any>) => void;
+        "onChange"?: (event: DbSelectCustomEvent<any>) => void;
+        "onClick"?: (event: DbSelectCustomEvent<any>) => void;
+        "onFocus"?: (event: DbSelectCustomEvent<any>) => void;
+        "onInput"?: (event: DbSelectCustomEvent<any>) => void;
         "options"?: DBSelectProps["options"];
         "placeholder"?: DBSelectProps["placeholder"];
         "required"?: DBSelectProps["required"];
@@ -1539,22 +1515,19 @@ declare namespace LocalJSX {
         "wrap"?: DBStackProps["wrap"];
     }
     interface DbSwitch {
-        "blur"?: DBSwitchProps["blur"];
-        "change"?: DBSwitchProps["change"];
         "checked"?: DBSwitchProps["checked"];
         "className"?: DBSwitchProps["className"];
         "describedbyid"?: DBSwitchProps["describedbyid"];
         "disabled"?: DBSwitchProps["disabled"];
         "emphasis"?: DBSwitchProps["emphasis"];
-        "focus"?: DBSwitchProps["focus"];
         "icon"?: DBSwitchProps["icon"];
         "iconAfter"?: DBSwitchProps["iconAfter"];
         "id"?: DBSwitchProps["id"];
         "label"?: DBSwitchProps["label"];
         "name"?: DBSwitchProps["name"];
-        "onOnBlur"?: (event: DbSwitchCustomEvent<any>) => void;
-        "onOnChange"?: (event: DbSwitchCustomEvent<any>) => void;
-        "onOnFocus"?: (event: DbSwitchCustomEvent<any>) => void;
+        "onBlur"?: (event: DbSwitchCustomEvent<any>) => void;
+        "onChange"?: (event: DbSwitchCustomEvent<any>) => void;
+        "onFocus"?: (event: DbSwitchCustomEvent<any>) => void;
         "required"?: DBSwitchProps["required"];
         "showLabel"?: DBSwitchProps["showLabel"];
         "size"?: DBSwitchProps["size"];
@@ -1564,7 +1537,6 @@ declare namespace LocalJSX {
     }
     interface DbTabItem {
         "active"?: DBTabItemProps["active"];
-        "change"?: DBTabItemProps["change"];
         "checked"?: DBTabItemProps["checked"];
         "className"?: DBTabItemProps["className"];
         "controls"?: DBTabItemProps["controls"];
@@ -1573,8 +1545,9 @@ declare namespace LocalJSX {
         "iconAfter"?: DBTabItemProps["iconAfter"];
         "id"?: DBTabItemProps["id"];
         "label"?: DBTabItemProps["label"];
+        "name"?: DBTabItemProps["name"];
         "noText"?: DBTabItemProps["noText"];
-        "onOnChange"?: (event: DbTabItemCustomEvent<any>) => void;
+        "onChange"?: (event: DbTabItemCustomEvent<any>) => void;
         "showIcon"?: DBTabItemProps["showIcon"];
     }
     interface DbTabList {
@@ -1596,8 +1569,8 @@ declare namespace LocalJSX {
         "initialSelectedIndex"?: DBTabsProps["initialSelectedIndex"];
         "initialSelectedMode"?: DBTabsProps["initialSelectedMode"];
         "name"?: DBTabsProps["name"];
-        "onOnIndexChange"?: (event: DbTabsCustomEvent<any>) => void;
-        "onOnTabSelect"?: (event: DbTabsCustomEvent<any>) => void;
+        "onIndexChange"?: (event: DbTabsCustomEvent<any>) => void;
+        "onTabSelect"?: (event: DbTabsCustomEvent<any>) => void;
         "orientation"?: DBTabsProps["orientation"];
         "tabs"?: DBTabsProps["tabs"];
         "width"?: DBTabsProps["width"];
@@ -1620,28 +1593,27 @@ declare namespace LocalJSX {
     }
     interface DbTextarea {
         "autocomplete"?: DBTextareaProps["autocomplete"];
-        "blur"?: DBTextareaProps["blur"];
-        "change"?: DBTextareaProps["change"];
         "className"?: DBTextareaProps["className"];
         "cols"?: DBTextareaProps["cols"];
         "disabled"?: DBTextareaProps["disabled"];
-        "focus"?: DBTextareaProps["focus"];
         "form"?: DBTextareaProps["form"];
         "id"?: DBTextareaProps["id"];
-        "input"?: DBTextareaProps["input"];
         "invalidMessage"?: DBTextareaProps["invalidMessage"];
         "label"?: DBTextareaProps["label"];
         "maxLength"?: DBTextareaProps["maxLength"];
+        "maxlength"?: DBTextareaProps["maxlength"];
         "message"?: DBTextareaProps["message"];
         "messageIcon"?: DBTextareaProps["messageIcon"];
         "minLength"?: DBTextareaProps["minLength"];
+        "minlength"?: DBTextareaProps["minlength"];
         "name"?: DBTextareaProps["name"];
-        "onOnBlur"?: (event: DbTextareaCustomEvent<any>) => void;
-        "onOnChange"?: (event: DbTextareaCustomEvent<any>) => void;
-        "onOnFocus"?: (event: DbTextareaCustomEvent<any>) => void;
-        "onOnInput"?: (event: DbTextareaCustomEvent<any>) => void;
+        "onBlur"?: (event: DbTextareaCustomEvent<any>) => void;
+        "onChange"?: (event: DbTextareaCustomEvent<any>) => void;
+        "onFocus"?: (event: DbTextareaCustomEvent<any>) => void;
+        "onInput"?: (event: DbTextareaCustomEvent<any>) => void;
         "placeholder"?: DBTextareaProps["placeholder"];
         "readOnly"?: DBTextareaProps["readOnly"];
+        "readonly"?: DBTextareaProps["readonly"];
         "required"?: DBTextareaProps["required"];
         "resize"?: DBTextareaProps["resize"];
         "rows"?: DBTextareaProps["rows"];