@warp-ds/elements 2.10.0 → 2.11.0-next.1

package/dist/packages/pill/pill.react.stories.d.ts

@@ -4,10 +4,10 @@ import { Pill } from "./react";
 declare const _default: {
     title: string;
     render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./pill").WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel"> & {
-        onClick?: ((e: Event) => void) | undefined;
-        onclick?: ((e: Event) => void) | undefined;
-        onClose?: ((e: Event) => void) | undefined;
-        onclose?: ((e: Event) => void) | undefined;
+        onClick?: ((e: CustomEvent<any>) => void) | undefined;
+        onclick?: ((e: CustomEvent<any>) => void) | undefined;
+        onClose?: ((e: CustomEvent<any>) => void) | undefined;
+        onclose?: ((e: CustomEvent<any>) => void) | undefined;
     } & Partial<Omit<import("./pill").WarpPill, keyof HTMLElement>> & React.RefAttributes<import("./pill").WarpPill>, "ref">, "can-close" | "open-sr-label" | "open-aria-label" | "close-sr-label" | "close-aria-label"> & {
         canClose?: boolean;
         openSrLabel?: string;
@@ -16,10 +16,10 @@ declare const _default: {
         closeAriaLabel?: string;
     } & React.RefAttributes<import("./pill").WarpPill>): React.JSX.Element;
     component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./pill").WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel"> & {
-        onClick?: ((e: Event) => void) | undefined;
-        onclick?: ((e: Event) => void) | undefined;
-        onClose?: ((e: Event) => void) | undefined;
-        onclose?: ((e: Event) => void) | undefined;
+        onClick?: ((e: CustomEvent<any>) => void) | undefined;
+        onclick?: ((e: CustomEvent<any>) => void) | undefined;
+        onClose?: ((e: CustomEvent<any>) => void) | undefined;
+        onclose?: ((e: CustomEvent<any>) => void) | undefined;
     } & Partial<Omit<import("./pill").WarpPill, keyof HTMLElement>> & React.RefAttributes<import("./pill").WarpPill>, "ref">, "can-close" | "open-sr-label" | "open-aria-label" | "close-sr-label" | "close-aria-label"> & {
         canClose?: boolean;
         openSrLabel?: string;
@@ -27,6 +27,10 @@ declare const _default: {
         closeSrLabel?: string;
         closeAriaLabel?: string;
     } & React.RefAttributes<import("./pill").WarpPill>>;
+    args: {
+        onClose: (e: CustomEvent<any>) => void;
+        onClick: (e: CustomEvent<any>) => void;
+    };
 };
 export default _default;
 export type Story = StoryObj<typeof Pill>;

package/dist/packages/pill/pill.react.stories.js

@@ -6,6 +6,10 @@ export default {
         return React.createElement(Pill, { ...args }, "Lorem");
     },
     component: Pill,
+    args: {
+        onClose: (e) => console.log(e),
+        onClick: (e) => console.log(e),
+    },
 };
 export const Default = {
     args: {},

package/dist/packages/pill/react.d.ts

@@ -1,10 +1,15 @@
 import React from "react";
-import { WarpPill } from "./pill.js";
+import type { WarpPill } from "./pill.js";
+/**
+ * Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/pill/frameworks/elements)
+ */
 export declare const Pill: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel"> & {
-    onClick?: ((e: Event) => void) | undefined;
-    onclick?: ((e: Event) => void) | undefined;
-    onClose?: ((e: Event) => void) | undefined;
-    onclose?: ((e: Event) => void) | undefined;
+    onClick?: ((e: CustomEvent<any>) => void) | undefined;
+    onclick?: ((e: CustomEvent<any>) => void) | undefined;
+    onClose?: ((e: CustomEvent<any>) => void) | undefined;
+    onclose?: ((e: CustomEvent<any>) => void) | undefined;
 } & Partial<Omit<WarpPill, keyof HTMLElement>> & React.RefAttributes<WarpPill>, "ref">, "can-close" | "open-sr-label" | "open-aria-label" | "close-sr-label" | "close-aria-label"> & {
     canClose?: boolean;
     openSrLabel?: string;

package/dist/packages/pill/react.js

@@ -9,12 +9,17 @@ const BasePill = createComponent({
     elementClass: Component,
     react: React,
     events: {
-        onClick: "w-pill-click", // should be click
+        onClick: "w-pill-click",
         onclick: "w-pill-click",
-        onClose: "w-pill-close", // should be close
+        onClose: "w-pill-close",
         onclose: "w-pill-close",
     },
 });
+/**
+ * Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/pill/frameworks/elements)
+ */
 export const Pill = React.forwardRef(({ canClose, openSrLabel, openAriaLabel, closeSrLabel, closeAriaLabel, ...props }, ref) => React.createElement(BasePill, {
     ...props,
     ...(canClose ? { "can-close": true } : {}),

package/dist/packages/radio/radio.d.ts

@@ -2,6 +2,12 @@ import type { PropertyValues } from "lit";
 import { LitElement } from "lit";
 declare const WarpRadio_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
 /**
+ * Radios allow users to select a single option from a list of choices.
+ *
+ * Wrap individual radio components in a radio group.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/radio/frameworks/elements)
+ *
  * @parent w-radio-group
  */
 export declare class WarpRadio extends WarpRadio_base {