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

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

@@ -4,16 +4,24 @@ import { Pagination } from "./react";
 declare const _default: {
     title: string;
     render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./pagination").WarpPagination>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "render" | "renderOptions" | "baseUrl" | "pages" | "currentPageNumber" | "visiblePages" | "onPageClick" | "onpage-click" | "shouldShowShowFirstPageButton" | "shouldShowPreviousPageButton" | "shouldShowNextPageButton" | "currentPageIndex" | "visiblePageNumbers"> & {
-        onPageClick?: ((e: Event) => void) | undefined;
-        "onpage-click"?: ((e: Event) => void) | undefined;
+        onPageClick?: ((e: CustomEvent<{
+            clickedPage: string | null;
+        }>) => void) | undefined;
+        "onpage-click"?: ((e: CustomEvent<{
+            clickedPage: string | null;
+        }>) => void) | undefined;
     } & Partial<Omit<import("./pagination").WarpPagination, keyof HTMLElement>> & React.RefAttributes<import("./pagination").WarpPagination>, "ref">, "current-page" | "base-url" | "visible-pages"> & {
         baseUrl?: string;
         currentPageNumber?: number;
         visiblePages?: number;
     } & React.RefAttributes<import("./pagination").WarpPagination>): React.JSX.Element;
     component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./pagination").WarpPagination>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "render" | "renderOptions" | "baseUrl" | "pages" | "currentPageNumber" | "visiblePages" | "onPageClick" | "onpage-click" | "shouldShowShowFirstPageButton" | "shouldShowPreviousPageButton" | "shouldShowNextPageButton" | "currentPageIndex" | "visiblePageNumbers"> & {
-        onPageClick?: ((e: Event) => void) | undefined;
-        "onpage-click"?: ((e: Event) => void) | undefined;
+        onPageClick?: ((e: CustomEvent<{
+            clickedPage: string | null;
+        }>) => void) | undefined;
+        "onpage-click"?: ((e: CustomEvent<{
+            clickedPage: string | null;
+        }>) => void) | undefined;
     } & Partial<Omit<import("./pagination").WarpPagination, keyof HTMLElement>> & React.RefAttributes<import("./pagination").WarpPagination>, "ref">, "current-page" | "base-url" | "visible-pages"> & {
         baseUrl?: string;
         currentPageNumber?: number;

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

@@ -1,8 +1,17 @@
 import React from "react";
-import { WarpPagination } from "./pagination.js";
+import type { WarpPagination } from "./pagination.js";
+/**
+ * Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/pagination/frameworks/elements)
+ */
 export declare const Pagination: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpPagination>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "render" | "renderOptions" | "baseUrl" | "pages" | "currentPageNumber" | "visiblePages" | "onPageClick" | "onpage-click" | "shouldShowShowFirstPageButton" | "shouldShowPreviousPageButton" | "shouldShowNextPageButton" | "currentPageIndex" | "visiblePageNumbers"> & {
-    onPageClick?: ((e: Event) => void) | undefined;
-    "onpage-click"?: ((e: Event) => void) | undefined;
+    onPageClick?: ((e: CustomEvent<{
+        clickedPage: string | null;
+    }>) => void) | undefined;
+    "onpage-click"?: ((e: CustomEvent<{
+        clickedPage: string | null;
+    }>) => void) | undefined;
 } & Partial<Omit<WarpPagination, keyof HTMLElement>> & React.RefAttributes<WarpPagination>, "ref">, "current-page" | "base-url" | "visible-pages"> & {
     baseUrl?: string;
     currentPageNumber?: number;

package/dist/packages/pagination/react.js

@@ -13,6 +13,11 @@ const BasePagination = createComponent({
         "onpage-click": "page-click",
     },
 });
+/**
+ * Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/pagination/frameworks/elements)
+ */
 export const Pagination = React.forwardRef(({ baseUrl, currentPageNumber, visiblePages, ...props }, ref) => React.createElement(BasePagination, {
     ...props,
     ...(baseUrl !== undefined ? { "base-url": baseUrl } : {}),

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

@@ -3,6 +3,8 @@ import "../icon/icon.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)
+ *
  * @event {CustomEvent} w-pill-click - Fires when the pill itself is clicked.
  * @event {CustomEvent} w-pill-close - Fires when the pill's close button is clicked.
  */
@@ -42,4 +44,9 @@ declare class WarpPill extends LitElement {
     connectedCallback(): void;
     render(): import("lit").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        "w-pill": WarpPill;
+    }
+}
 export { WarpPill };