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

package/dist/custom-elements.json

@@ -6213,7 +6213,7 @@
         {
           "kind": "class",
           "description": "Steps are used to show progress through a process or to guide users through a multi-step task.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)",
-          "name": "WarpSteps",
+          "name": "WarpStepIndicator",
           "members": [
             {
               "kind": "field",
@@ -6265,7 +6265,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-steps",
+          "tagName": "w-step-indicator",
           "customElement": true,
           "modulePath": "packages/steps/index.ts",
           "definitionPath": "packages/steps/index.ts"
@@ -6358,9 +6358,9 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "w-steps",
+          "name": "w-step-indicator",
           "declaration": {
-            "name": "WarpSteps",
+            "name": "WarpStepIndicator",
             "module": "packages/steps/index.ts"
           }
         },
@@ -6374,9 +6374,9 @@
         },
         {
           "kind": "js",
-          "name": "WarpSteps",
+          "name": "WarpStepIndicator",
           "declaration": {
-            "name": "WarpSteps",
+            "name": "WarpStepIndicator",
             "module": "packages/steps/index.ts"
           }
         },

package/dist/index.d.ts

@@ -24,7 +24,7 @@ import type { WarpPagination } from "./packages/pagination/index.ts";
 import type { WCheckboxGroup } from "./packages/rip-and-tear-checkbox/checkbox-group.ts";
 import type { WarpSliderThumb } from "./packages/slider/slider-thumb.ts";
 import type { WarpSlider } from "./packages/slider/slider.ts";
-import type { WarpSteps, WarpStep } from "./packages/steps/index.ts";
+import type { WarpStepIndicator, WarpStep } from "./packages/steps/index.ts";
 import type { WarpSwitch } from "./packages/switch/index.ts";
 import type { WarpTab } from "./packages/tabs/tab.ts";
 import type { WarpTabs } from "./packages/tabs/tabs.ts";
@@ -775,11 +775,11 @@ If you need to display HTML, use the `label` slot instead. */
 }
 
 
-export type WarpStepsProps = {
+export type WarpStepIndicatorProps = {
   /**  */
-  "horizontal"?: WarpSteps['horizontal'];
+  "horizontal"?: WarpStepIndicator['horizontal'];
   /**  */
-  "right"?: WarpSteps['right'];
+  "right"?: WarpStepIndicator['right'];
 
 
 }
@@ -1554,7 +1554,7 @@ export type WarpTextareaProps = {
  * 
  * - `updateStepsContext() => void`: undefined
   */
-    "w-steps": Partial<WarpStepsProps & BaseProps<WarpSteps> & BaseEvents>;
+    "w-step-indicator": Partial<WarpStepIndicatorProps & BaseProps<WarpStepIndicator> & BaseEvents>;
 
 
   /**
@@ -1704,7 +1704,7 @@ declare module '@stencil/core' {
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'hono' {
+declare module 'hono/jsx' {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }

package/dist/packages/slider/slider-thumb.js

@@ -2726,5 +2726,5 @@ var ce=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var K=s=>{th
           >${this.ariaDescription}</span
         >
       </div>
-    `}};l=new WeakSet,O=function(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()},X=function(){this._showTooltip=!1},q=function(){this.range&&(this.value===""?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))},H=async function(e,r){let a=Number.parseInt(e);if(this.allowValuesOutsideRange&&!r&&this.step&&!(this.slot==="to"&&a>=Number(this.max)-1||this.slot==="from"&&a<=Number(this.min)+1)){let x=1/this.step;a=Math.round(a*x)/x,e=a.toString()}let c=Number.parseInt(this.max),m=Number.parseInt(this.min);if(!this.allowValuesOutsideRange&&(a>c||a<m))return this.invalid=!0,{shouldCancel:!0};if(e==="")return this.required&&(this.invalid=!0),{shouldCancel:!0};this.invalid&&(this.invalid=!1),this.value=e;let w=e===this.max||e===this.min,M=!1;if(this.slot){let f=getComputedStyle(this),x=f.getPropertyValue("--to"),F=f.getPropertyValue("--from");if(this.slot==="from"){let k=Math.min(Number.parseInt(x),this.allowValuesOutsideRange?c-1:c);a>k&&(M=!0,this.allowValuesOutsideRange&&w?this.value=String(k):this.value=x,r&&(this.invalid=!0,await this.updateComplete,this.textfield.value=e))}else{let k=Math.max(Number.parseInt(F),this.allowValuesOutsideRange?m+1:m);a<k&&(M=!0,this.allowValuesOutsideRange&&w?this.value=String(k):this.value=F,r&&(this.invalid=!0,await this.updateComplete,this.textfield.value=e))}}return M?{shouldCancel:!0}:(this.range.value=Math.min(Math.max(Number(e),Number(this.min)),Number(this.max)).toString(),this.value=this.allowValuesOutsideRange&&!r&&w?"":e,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})},B=async function(e){let r=e.currentTarget.tagName==="W-TEXTFIELD";if(e instanceof CustomEvent)return;let a=e.currentTarget.value;return(await g(this,l,H).call(this,a,r)).shouldCancel?(e.preventDefault(),!1):!0},ne=async function(e){if(e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;let r=Number(this.range.value),a=this.step||1,c;e.key==="ArrowLeft"?c=r-a:c=r+a,c=Math.min(Math.max(c,Number(this.min)),Number(this.max)),(await g(this,l,H).call(this,c.toString(),!1)).shouldCancel&&e.preventDefault()},se=function(e){e instanceof CustomEvent&&e.type==="focus"&&(this._inputHasFocus=!0)},le=function(e){e instanceof CustomEvent&&e.type==="blur"&&(console.log(e),this._inputHasFocus=!1)},d.shadowRootOptions={...te.shadowRootOptions,delegatesFocus:!0},d.styles=[ee,oe,re],h([V({attribute:"aria-label",reflect:!0})],d.prototype,"ariaLabel",2),h([V({attribute:"aria-description",reflect:!0})],d.prototype,"ariaDescription",2),h([V({reflect:!0})],d.prototype,"label",2),h([V({reflect:!0})],d.prototype,"name",2),h([V({reflect:!0})],d.prototype,"value",2),h([V({type:Boolean,reflect:!0})],d.prototype,"disabled",2),h([V({type:Boolean,reflect:!0})],d.prototype,"invalid",2),h([V({attribute:!1,reflect:!1})],d.prototype,"allowValuesOutsideRange",2),h([z()],d.prototype,"markers",2),h([z()],d.prototype,"required",2),h([z()],d.prototype,"step",2),h([z()],d.prototype,"min",2),h([z()],d.prototype,"max",2),h([z()],d.prototype,"suffix",2),h([z()],d.prototype,"formatter",2),h([ae('input[type="range"]')],d.prototype,"range",2),h([ae("w-textfield")],d.prototype,"textfield",2),h([z()],d.prototype,"_showTooltip",2),h([z()],d.prototype,"_inputHasFocus",2);customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",d);export{d as WarpSliderThumb};
+    `}};l=new WeakSet,O=function(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()},X=function(){this._showTooltip=!1},q=function(){this.range&&(this.value===""?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))},H=async function(e,r){let a=Number.parseInt(e);if(this.allowValuesOutsideRange&&!r&&this.step&&!(this.slot==="to"&&a>=Number(this.max)-1||this.slot==="from"&&a<=Number(this.min)+1)){let x=1/this.step;a=Math.round(a*x)/x,e=a.toString()}let c=Number.parseInt(this.max),m=Number.parseInt(this.min);if(!this.allowValuesOutsideRange&&(a>c||a<m))return this.invalid=!0,{shouldCancel:!0};if(e==="")return this.required&&(this.invalid=!0),{shouldCancel:!0};this.invalid&&(this.invalid=!1),this.value=e;let w=e===this.max||e===this.min,M=!1;if(this.slot){let f=getComputedStyle(this),x=f.getPropertyValue("--to"),F=f.getPropertyValue("--from");if(this.slot==="from"){let k=Math.min(Number.parseInt(x),this.allowValuesOutsideRange?c-1:c);a>k&&(M=!0,this.allowValuesOutsideRange&&w?this.value=String(k):this.value=x,r&&(this.invalid=!0,await this.updateComplete,this.textfield.value=e))}else{let k=Math.max(Number.parseInt(F),this.allowValuesOutsideRange?m+1:m);a<k&&(M=!0,this.allowValuesOutsideRange&&w?this.value=String(k):this.value=F,r&&(this.invalid=!0,await this.updateComplete,this.textfield.value=e))}}return M?{shouldCancel:!0}:(this.range.value=Math.min(Math.max(Number(e),Number(this.min)),Number(this.max)).toString(),this.value=this.allowValuesOutsideRange&&!r&&w?"":e,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})},B=async function(e){let r=e.currentTarget.tagName==="W-TEXTFIELD";if(e instanceof CustomEvent)return;let a=e.currentTarget.value;return(await g(this,l,H).call(this,a,r)).shouldCancel?(e.preventDefault(),!1):!0},ne=async function(e){if(e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;let r=Number(this.range.value),a=this.step||1,c;e.key==="ArrowLeft"?c=r-a:c=r+a,c=Math.min(Math.max(c,Number(this.min)),Number(this.max)),(await g(this,l,H).call(this,c.toString(),!1)).shouldCancel&&e.preventDefault()},se=function(e){e instanceof CustomEvent&&e.type==="focus"&&(this._inputHasFocus=!0)},le=function(e){e instanceof CustomEvent&&e.type==="blur"&&(this._inputHasFocus=!1)},d.shadowRootOptions={...te.shadowRootOptions,delegatesFocus:!0},d.styles=[ee,oe,re],h([V({attribute:"aria-label",reflect:!0})],d.prototype,"ariaLabel",2),h([V({attribute:"aria-description",reflect:!0})],d.prototype,"ariaDescription",2),h([V({reflect:!0})],d.prototype,"label",2),h([V({reflect:!0})],d.prototype,"name",2),h([V({reflect:!0})],d.prototype,"value",2),h([V({type:Boolean,reflect:!0})],d.prototype,"disabled",2),h([V({type:Boolean,reflect:!0})],d.prototype,"invalid",2),h([V({attribute:!1,reflect:!1})],d.prototype,"allowValuesOutsideRange",2),h([z()],d.prototype,"markers",2),h([z()],d.prototype,"required",2),h([z()],d.prototype,"step",2),h([z()],d.prototype,"min",2),h([z()],d.prototype,"max",2),h([z()],d.prototype,"suffix",2),h([z()],d.prototype,"formatter",2),h([ae('input[type="range"]')],d.prototype,"range",2),h([ae("w-textfield")],d.prototype,"textfield",2),h([z()],d.prototype,"_showTooltip",2),h([z()],d.prototype,"_inputHasFocus",2);customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",d);export{d as WarpSliderThumb};
 //# sourceMappingURL=slider-thumb.js.map