xv-webcomponents 0.1.27 → 0.1.29

package/dist/types/components.d.ts

@@ -12,6 +12,7 @@ import { OverflowMenuEvent, OverflowMenuVariant } from "./components/xv-overflow
 import { PROGRESS_ITEM_STATUS, PROGRESS_VARIANTS } from "./components/xv-progress-indicator/_vars";
 import { SORT_DIR, TABLE_COLOR_SCHEMA, TABLE_SIZE, TableSelectionEventData, TableSortData } from "./components/xv-table/defs";
 import { TABS_VATIANT } from "./components/xv-tabs/_vars";
+import { TextInputStatus } from "./components/xv-text-input/_vars";
 export { SIZE_VAR } from "./types/enum";
 export { DropdownItemData } from "./components/xv-dropdown/_vars";
 export { NOTIFICATION_VARIANTS } from "./components/xv-notification/_vars";
@@ -19,6 +20,7 @@ export { OverflowMenuEvent, OverflowMenuVariant } from "./components/xv-overflow
 export { PROGRESS_ITEM_STATUS, PROGRESS_VARIANTS } from "./components/xv-progress-indicator/_vars";
 export { SORT_DIR, TABLE_COLOR_SCHEMA, TABLE_SIZE, TableSelectionEventData, TableSortData } from "./components/xv-table/defs";
 export { TABS_VATIANT } from "./components/xv-tabs/_vars";
+export { TextInputStatus } from "./components/xv-text-input/_vars";
 export namespace Components {
     interface XvAccordionV2 {
         "multiple": boolean;
@@ -50,6 +52,10 @@ export namespace Components {
           * Button label
          */
         "label": string;
+        /**
+          * Button type
+         */
+        "type": 'button' | 'reset' | 'submit';
         /**
           * Variant
          */
@@ -103,6 +109,11 @@ export namespace Components {
         "value": string;
     }
     interface XvDropdownV2 {
+        "defaultValue"?: DropdownItemData['value'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "default-value"?: DropdownItemData['value'];
         "disabled"?: boolean;
         "error"?: string;
         "helper"?: string;
@@ -321,6 +332,22 @@ export namespace Components {
         "disabled": boolean;
         "size": 'sm' | 'md' | 'lg';
     }
+    /**
+     * xv-text-input — custom input
+     * ti get data you can use default Input event
+     * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
+     */
+    interface XvTextInputV2 {
+        "disabled": boolean;
+        "helper": string;
+        "label"?: string;
+        "name"?: string;
+        "placeholder"?: string;
+        "readonly": boolean;
+        "size": SIZE_VAR;
+        "status": TextInputStatus;
+        "value": string;
+    }
     interface XvTooltipV2 {
         /**
           * Message what will be shown for tooltip *
@@ -442,7 +469,7 @@ declare global {
         new (): HTMLXvBreadcrumbsV2Element;
     };
     interface HTMLXvButtonV2ElementEventMap {
-        "buttonClick": void;
+        "buttonClick": MouseEvent;
     }
     interface HTMLXvButtonV2Element extends Components.XvButtonV2, HTMLStencilElement {
         addEventListener<K extends keyof HTMLXvButtonV2ElementEventMap>(type: K, listener: (this: HTMLXvButtonV2Element, ev: XvButtonV2CustomEvent<HTMLXvButtonV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -760,6 +787,17 @@ declare global {
         prototype: HTMLXvTagV2Element;
         new (): HTMLXvTagV2Element;
     };
+    /**
+     * xv-text-input — custom input
+     * ti get data you can use default Input event
+     * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
+     */
+    interface HTMLXvTextInputV2Element extends Components.XvTextInputV2, HTMLStencilElement {
+    }
+    var HTMLXvTextInputV2Element: {
+        prototype: HTMLXvTextInputV2Element;
+        new (): HTMLXvTextInputV2Element;
+    };
     interface HTMLXvTooltipV2Element extends Components.XvTooltipV2, HTMLStencilElement {
     }
     var HTMLXvTooltipV2Element: {
@@ -794,6 +832,7 @@ declare global {
         "xv-table-v2-toolbar": HTMLXvTableV2ToolbarElement;
         "xv-tabs-v2": HTMLXvTabsV2Element;
         "xv-tag-v2": HTMLXvTagV2Element;
+        "xv-text-input-v2": HTMLXvTextInputV2Element;
         "xv-tooltip-v2": HTMLXvTooltipV2Element;
     }
 }
@@ -832,7 +871,11 @@ declare namespace LocalJSX {
         /**
           * Emits when the button is clicked
          */
-        "onButtonClick"?: (event: XvButtonV2CustomEvent<void>) => void;
+        "onButtonClick"?: (event: XvButtonV2CustomEvent<MouseEvent>) => void;
+        /**
+          * Button type
+         */
+        "type"?: 'button' | 'reset' | 'submit';
         /**
           * Variant
          */
@@ -902,6 +945,11 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface XvDropdownV2 {
+        "defaultValue"?: DropdownItemData['value'];
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "default-value"?: DropdownItemData['value'];
         "disabled"?: boolean;
         "error"?: string;
         "helper"?: string;
@@ -1133,6 +1181,22 @@ declare namespace LocalJSX {
         "onCloseClick"?: (event: XvTagV2CustomEvent<PointerEvent>) => void;
         "size"?: 'sm' | 'md' | 'lg';
     }
+    /**
+     * xv-text-input — custom input
+     * ti get data you can use default Input event
+     * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
+     */
+    interface XvTextInputV2 {
+        "disabled"?: boolean;
+        "helper"?: string;
+        "label"?: string;
+        "name"?: string;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "size"?: SIZE_VAR;
+        "status"?: TextInputStatus;
+        "value"?: string;
+    }
     interface XvTooltipV2 {
         /**
           * Message what will be shown for tooltip *
@@ -1171,6 +1235,7 @@ declare namespace LocalJSX {
         "xv-table-v2-toolbar": XvTableV2Toolbar;
         "xv-tabs-v2": XvTabsV2;
         "xv-tag-v2": XvTagV2;
+        "xv-text-input-v2": XvTextInputV2;
         "xv-tooltip-v2": XvTooltipV2;
     }
 }
@@ -1211,6 +1276,12 @@ declare module "@stencil/core" {
             "xv-table-v2-toolbar": LocalJSX.XvTableV2Toolbar & JSXBase.HTMLAttributes<HTMLXvTableV2ToolbarElement>;
             "xv-tabs-v2": LocalJSX.XvTabsV2 & JSXBase.HTMLAttributes<HTMLXvTabsV2Element>;
             "xv-tag-v2": LocalJSX.XvTagV2 & JSXBase.HTMLAttributes<HTMLXvTagV2Element>;
+            /**
+             * xv-text-input — custom input
+             * ti get data you can use default Input event
+             * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
+             */
+            "xv-text-input-v2": LocalJSX.XvTextInputV2 & JSXBase.HTMLAttributes<HTMLXvTextInputV2Element>;
             "xv-tooltip-v2": LocalJSX.XvTooltipV2 & JSXBase.HTMLAttributes<HTMLXvTooltipV2Element>;
         }
     }