@warp-ds/elements 2.10.0-next.17 → 2.10.0-next.19

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

@@ -3,7 +3,7 @@ import React from "react";
 import { Select } from "./react";
 declare const _default: {
     title: string;
-    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "optional" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {
+    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "optional" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {
         onChange?: ((e: CustomEvent<any>) => void) | undefined;
         onchange?: ((e: CustomEvent<any>) => void) | undefined;
     } & Partial<Omit<import("./select").WarpSelect, keyof HTMLElement>> & React.RefAttributes<import("./select").WarpSelect>, "ref">, "help-text" | "read-only" | "auto-focus"> & {
@@ -11,7 +11,7 @@ declare const _default: {
         helpText?: string;
         readOnly?: boolean;
     } & React.RefAttributes<import("./select").WarpSelect>): React.JSX.Element;
-    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "optional" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {
+    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "optional" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {
         onChange?: ((e: CustomEvent<any>) => void) | undefined;
         onchange?: ((e: CustomEvent<any>) => void) | undefined;
     } & Partial<Omit<import("./select").WarpSelect, keyof HTMLElement>> & React.RefAttributes<import("./select").WarpSelect>, "ref">, "help-text" | "read-only" | "auto-focus"> & {

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { WarpSlider } from "./slider.js";
 export { SliderThumb } from "../slider-thumb/react.js";
-export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpSlider>, "fieldset" | "label" | "disabled" | "invalid" | "helpText" | "max" | "min" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "render" | "renderOptions" | "suffix" | "error" | "openEnded" | "markers" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "hiddenTextfield" | "_invalidMessage" | "_hasInternalError" | "_showError" | "_tabbableElements" | "edgeMin" | "edgeMax" | "componentHasError" | "errorText"> & {} & Partial<Omit<WarpSlider, keyof HTMLElement>> & React.RefAttributes<WarpSlider>, "ref">, "help-text" | "open-ended" | "hidden-textfield"> & {
+export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpSlider>, "fieldset" | "label" | "disabled" | "invalid" | "helpText" | "max" | "min" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "render" | "renderOptions" | "error" | "openEnded" | "markers" | "suffix" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "hiddenTextfield" | "_invalidMessage" | "_hasInternalError" | "_showError" | "_tabbableElements" | "edgeMin" | "edgeMax" | "componentHasError" | "errorText"> & {} & Partial<Omit<WarpSlider, keyof HTMLElement>> & React.RefAttributes<WarpSlider>, "ref">, "help-text" | "open-ended" | "hidden-textfield"> & {
     openEnded?: boolean;
     helpText?: string;
     hiddenTextfield?: boolean;

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

@@ -3,7 +3,7 @@ import React from "react";
 import { Slider } from "./react";
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./slider").WarpSlider>, "fieldset" | "label" | "disabled" | "invalid" | "helpText" | "max" | "min" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "render" | "renderOptions" | "suffix" | "error" | "openEnded" | "markers" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "hiddenTextfield" | "_invalidMessage" | "_hasInternalError" | "_showError" | "_tabbableElements" | "edgeMin" | "edgeMax" | "componentHasError" | "errorText"> & {} & Partial<Omit<import("./slider").WarpSlider, keyof HTMLElement>> & React.RefAttributes<import("./slider").WarpSlider>, "ref">, "help-text" | "open-ended" | "hidden-textfield"> & {
+    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./slider").WarpSlider>, "fieldset" | "label" | "disabled" | "invalid" | "helpText" | "max" | "min" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "render" | "renderOptions" | "error" | "openEnded" | "markers" | "suffix" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "hiddenTextfield" | "_invalidMessage" | "_hasInternalError" | "_showError" | "_tabbableElements" | "edgeMin" | "edgeMax" | "componentHasError" | "errorText"> & {} & Partial<Omit<import("./slider").WarpSlider, keyof HTMLElement>> & React.RefAttributes<import("./slider").WarpSlider>, "ref">, "help-text" | "open-ended" | "hidden-textfield"> & {
         openEnded?: boolean;
         helpText?: string;
         hiddenTextfield?: boolean;

package/dist/packages/slider-thumb/react.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { WarpSliderThumb } from "./slider-thumb.js";
-export declare const SliderThumb: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpSliderThumb>, "value" | "form" | "name" | "textfield" | "disabled" | "invalid" | "max" | "min" | "placeholder" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "suffix" | "range" | "openEnded" | "markers" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "tooltipTarget" | "_showTooltip" | "_inputHasFocus" | "_hiddenTextfield" | "anchorPositioningStyleElement" | "updateFieldAfterValidation" | "boundaryValue" | "textFieldDisplayValue" | "tooltipDisplayValue" | "ariaDescriptionText" | "onSliderValidity" | "onslider-validity"> & {
+export declare const SliderThumb: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpSliderThumb>, "value" | "form" | "textfield" | "name" | "disabled" | "invalid" | "max" | "min" | "placeholder" | "required" | "step" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "range" | "openEnded" | "markers" | "suffix" | "valueFormatter" | "tooltipFormatter" | "labelFormatter" | "tooltipTarget" | "_showTooltip" | "_inputHasFocus" | "_hiddenTextfield" | "anchorPositioningStyleElement" | "updateFieldAfterValidation" | "boundaryValue" | "textFieldDisplayValue" | "tooltipDisplayValue" | "ariaDescriptionText" | "onSliderValidity" | "onslider-validity"> & {
     onSliderValidity?: ((e: CustomEvent<any>) => void) | undefined;
     "onslider-validity"?: ((e: CustomEvent<any>) => void) | undefined;
 } & Partial<Omit<WarpSliderThumb, keyof HTMLElement>> & React.RefAttributes<WarpSliderThumb>, "ref">, "aria-description" | "aria-label"> & {

package/dist/packages/snackbar/snackbar.d.ts

@@ -11,7 +11,7 @@ export type CreateSnackbarOptions = {
      *
      * @default true
      */
-    canClose?: boolean | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
+    canClose?: boolean | ((this: GlobalEventHandlers, ev: PointerEvent) => void);
     /**
      * Duration until the message hides automatically.
      *
@@ -40,7 +40,7 @@ export type CreateSnackbarOptions = {
         /**
          * The action button's `onclick` property.
          */
-        onclick: (this: GlobalEventHandlers, ev: PointerEvent) => any;
+        onclick: (this: GlobalEventHandlers, ev: PointerEvent) => void;
         /**
          * Overrides the default placement of the action button.
          *

package/dist/packages/snackbar/snackbar.js

@@ -2657,7 +2657,7 @@ Please compile your catalog first.
 	::slotted(*) {
 		pointer-events: initial;
 	}
-`;var er={canClose:!0,duration:4e3,variant:"neutral"};me(fe,xe,ke,we,ye);var rr=/\s/,D=class extends We{constructor(){super(),this.internals=this.attachInternals(),this.internals.ariaLive="polite",this.internals.role="log",this._onKeydown=this._onKeydown.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeydown)}_onKeydown(e){if(e.key==="Escape"){let r=this.shadowRoot?.host.querySelector("w-snackbar-item:last-of-type");r&&r.close()}else if(e.altKey&&e.key==="Enter"){e.preventDefault();let r=this.shadowRoot?.host.querySelector("w-snackbar-item:last-of-type");if(console.log("Found item!"),r){let t=r.querySelector('w-button[slot="action"]');console.log("Found action!"),t&&(t.click(),console.log("Clicked!"))}}}create(e,r={}){let t={...er,...r},a=document.createElement("w-snackbar-item");if(t.duration&&(a.duration=t.duration),a.innerText=e,t.variant!=="neutral"){let i=document.createElement("w-icon");switch(i.slot="icon",t.variant){case"positive":i.name="SuccessFilled";break;case"warning":i.name="WarningFilled";break;case"negative":i.name="ErrorFilled";break;case"info":i.name="InfoFilled";break}a.prepend(i)}if(t.action){a.duration<1e4&&(a.duration=1e4);let i=document.createElement("w-button");i.slot="action",i.variant="utilityQuiet",i.small=!0;let{label:n,onclick:s,placement:c}=t.action;i.innerText=n;let b=document.createElement("span");b.classList.add("sr-only");let _=window.navigator.userAgent.includes("Macintosh")?"Option":"Alt";b.innerHTML=`<kbd>${_}</kbd> + <kbd>Enter</kbd>`,i.append(b),i.onclick=h=>{let C=s.call(i,h);return h.defaultPrevented||a.close(),C},c?a.actionPlacement=c:rr.test(n)&&(a.actionPlacement="block"),a.append(i)}if(a.duration>1e4&&(t.canClose=!0),t.canClose){let i=document.createElement("w-button");i.slot="close",i.variant="utilityQuiet",i.small=!0,i.iconOnly=!0,typeof t.canClose=="function"?i.onclick=s=>{let c=t.canClose.call(i,s);return s.defaultPrevented||a.close(),c}:i.onclick=a.close.bind(a);let n=document.createElement("w-icon");n.name="Close",n.size="small",n.ariaLabel=u.t({id:"snackbar.aria.close",message:"Dismiss message",comment:"Accessibility label for the button that closes the snackbar/toast popup"}),i.append(n),a.append(i)}return this.shadowRoot?.host.prepend(a),a}render(){return Qe`
+`;var er={canClose:!0,duration:4e3,variant:"neutral"};me(fe,xe,ke,we,ye);var rr=/\s/,D=class extends We{constructor(){super(),this.internals=this.attachInternals(),this.internals.ariaLive="polite",this.internals.role="log",this._onKeydown=this._onKeydown.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeydown)}_onKeydown(e){if(e.key==="Escape"){let r=this.shadowRoot?.host.querySelector("w-snackbar-item:last-of-type");r&&r.close()}else if(e.altKey&&e.key==="Enter"){e.preventDefault();let r=this.shadowRoot?.host.querySelector("w-snackbar-item:last-of-type");if(console.log("Found item!"),r){let t=r.querySelector('w-button[slot="action"]');console.log("Found action!"),t&&(t.click(),console.log("Clicked!"))}}}create(e,r={}){let t={...er,...r},a=document.createElement("w-snackbar-item");if(t.duration&&(a.duration=t.duration),a.innerText=e,t.variant!=="neutral"){let i=document.createElement("w-icon");switch(i.slot="icon",t.variant){case"positive":i.name="SuccessFilled";break;case"warning":i.name="WarningFilled";break;case"negative":i.name="ErrorFilled";break;case"info":i.name="InfoFilled";break}a.prepend(i)}if(t.action){a.duration<1e4&&(a.duration=1e4);let i=document.createElement("w-button");i.slot="action",i.variant="utilityQuiet",i.small=!0;let{label:n,onclick:s,placement:c}=t.action;i.innerText=n;let b=document.createElement("span");b.classList.add("sr-only");let _=window.navigator.userAgent.includes("Macintosh")?"Option":"Alt";b.innerHTML=`<kbd>${_}</kbd> + <kbd>Enter</kbd>`,i.append(b),i.onclick=h=>{let C=s.call(i,h);return h.defaultPrevented||a.close(),C},c?a.actionPlacement=c:rr.test(n)&&(a.actionPlacement="block"),a.append(i)}if(a.duration>1e4&&(t.canClose=!0),t.canClose){let i=document.createElement("w-button");i.slot="close",i.variant="utilityQuiet",i.small=!0,i.iconOnly=!0,typeof t.canClose=="function"?i.onclick=s=>{t.canClose.call(i,s),s.defaultPrevented||a.close()}:i.onclick=a.close.bind(a);let n=document.createElement("w-icon");n.name="Close",n.size="small",n.ariaLabel=u.t({id:"snackbar.aria.close",message:"Dismiss message",comment:"Accessibility label for the button that closes the snackbar/toast popup"}),i.append(n),a.append(i)}return this.shadowRoot?.host.prepend(a),a}render(){return Qe`
 			<aside part="container">
 				<slot></slot>
 			</aside>