xv-webcomponents 0.1.3 → 0.1.4

package/README.md

@@ -45,7 +45,7 @@ xv-webcomponents-base/
 
 To install the package from npm:
 ```bash
-npm install @xv/webcomponents-base
+npm install xv-webcomponents
 ```
 
 ---

package/dist/types/components/xv-button/xv-button.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class XvButton {
     el: HTMLElement;
     /** Button label */
@@ -10,7 +11,11 @@ export declare class XvButton {
     disabled: boolean;
     /** Automatically detected brand */
     detectedBrand: string;
+    /** Emits when the button is clicked */
+    buttonClick: EventEmitter<void>;
     private applyGlobalStyles;
+    /** Handle click only if not disabled */
+    private handleClick;
     componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -24,24 +24,31 @@ export namespace Components {
          */
         "variant": 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
     }
-    interface XvCheckbox {
-    }
     interface XvCheckboxV2 {
     }
 }
+export interface XvButtonV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvButtonV2Element;
+}
 declare global {
+    interface HTMLXvButtonV2ElementEventMap {
+        "buttonClick": void;
+    }
     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;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLXvButtonV2ElementEventMap>(type: K, listener: (this: HTMLXvButtonV2Element, ev: XvButtonV2CustomEvent<HTMLXvButtonV2ElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLXvButtonV2Element: {
         prototype: HTMLXvButtonV2Element;
         new (): HTMLXvButtonV2Element;
     };
-    interface HTMLXvCheckboxElement extends Components.XvCheckbox, HTMLStencilElement {
-    }
-    var HTMLXvCheckboxElement: {
-        prototype: HTMLXvCheckboxElement;
-        new (): HTMLXvCheckboxElement;
-    };
     interface HTMLXvCheckboxV2Element extends Components.XvCheckboxV2, HTMLStencilElement {
     }
     var HTMLXvCheckboxV2Element: {
@@ -50,7 +57,6 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "xv-button-v2": HTMLXvButtonV2Element;
-        "xv-checkbox": HTMLXvCheckboxElement;
         "xv-checkbox-v2": HTMLXvCheckboxV2Element;
     }
 }
@@ -64,6 +70,10 @@ declare namespace LocalJSX {
           * Button label
          */
         "label"?: string;
+        /**
+          * Emits when the button is clicked
+         */
+        "onButtonClick"?: (event: XvButtonV2CustomEvent<void>) => void;
         /**
           * Size
          */
@@ -73,13 +83,10 @@ declare namespace LocalJSX {
          */
         "variant"?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
     }
-    interface XvCheckbox {
-    }
     interface XvCheckboxV2 {
     }
     interface IntrinsicElements {
         "xv-button-v2": XvButtonV2;
-        "xv-checkbox": XvCheckbox;
         "xv-checkbox-v2": XvCheckboxV2;
     }
 }
@@ -88,7 +95,6 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "xv-button-v2": LocalJSX.XvButtonV2 & JSXBase.HTMLAttributes<HTMLXvButtonV2Element>;
-            "xv-checkbox": LocalJSX.XvCheckbox & JSXBase.HTMLAttributes<HTMLXvCheckboxElement>;
             "xv-checkbox-v2": LocalJSX.XvCheckboxV2 & JSXBase.HTMLAttributes<HTMLXvCheckboxV2Element>;
         }
     }