@warp-ds/elements 2.10.0-next.10 → 2.10.0-next.12

package/dist/packages/button/button.d.ts

@@ -19,7 +19,7 @@ declare class WarpButton extends WarpButton_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
@@ -28,7 +28,7 @@ declare class WarpButton extends WarpButton_base {
      * Native button type.
      * Controls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.
      */
-    type: ButtonType;
+    type: ButtonType | undefined;
     /**
      * Focuses the button when it is first rendered.
      * Applies only when the component renders a native button. Link buttons with `href` do not autofocus through this component.
@@ -38,7 +38,7 @@ declare class WarpButton extends WarpButton_base {
      * Visual style of the button.
      * Defaults to `secondary`. Use the variant that matches the action priority, risk, and placement.
      */
-    variant: ButtonVariant;
+    variant: ButtonVariant | undefined;
     /**
      * Deprecated quiet visual treatment flag
      * Use `variant="quiet"` instead.
@@ -65,12 +65,12 @@ declare class WarpButton extends WarpButton_base {
      * URL for rendering the button as a link.
      * When set, the component renders `w-link` instead of a native `button`.
      */
-    href: string;
+    href: string | undefined;
     /**
      * Link browsing context.
      * Passed to the rendered link when `href` is set.
      */
-    target: string;
+    target: string | undefined;
     /**
      * Visually disables the button.
      * Disabled buttons are discouraged because they can hide the reason an action is unavailable.
@@ -80,7 +80,7 @@ declare class WarpButton extends WarpButton_base {
      * Link relationship.
      * Passed to the rendered link when `href` is set. If `target="_blank"` is set and `rel` is omitted, `noopener` is used.
      */
-    rel: string;
+    rel: string | undefined;
     /**
      * Makes the button fill its parent width.
      * Useful in narrow layouts where the button should span the available inline space.
@@ -92,25 +92,25 @@ declare class WarpButton extends WarpButton_base {
      *
      * @deprecated This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.
      */
-    buttonClass: string;
+    buttonClass: string | undefined;
     /**
      * Form control name.
      * Used when the button participates in form handling.
      */
-    name: string;
+    name: string | undefined;
     /**
      * Form control value.
      * Used with `name` when the button participates in form handling. Resets to its initial value when the form is reset.
      */
-    value: string;
+    value: string | undefined;
     /**
      * The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.
      */
-    commandfor: string;
+    commandfor: string | undefined;
     /**
      * The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.
      */
-    command: string;
+    command: string | undefined;
     private buttonEl;
     private ariaValueTextLoading;
     updated(changedProperties: PropertyValues<this>): void;

package/dist/packages/button/button.js

@@ -2896,7 +2896,7 @@ ${Le.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
       >
         <slot></slot>
       </a>
-    `}};x.shadowRootOptions={...Se.shadowRootOptions,delegatesFocus:!0},x.styles=[X,Fe],b([L({type:Boolean,reflect:!0})],x.prototype,"autofocus",2),b([L({reflect:!0})],x.prototype,"variant",2),b([L({type:Boolean,reflect:!0})],x.prototype,"small",2),b([L({reflect:!0})],x.prototype,"href",2),b([L({type:Boolean,reflect:!0})],x.prototype,"disabled",2),b([L({reflect:!0})],x.prototype,"target",2),b([L({reflect:!0})],x.prototype,"rel",2),b([L({attribute:"full-width",type:Boolean,reflect:!0})],x.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",x);import{ifDefined as ne}from"lit/directives/if-defined.js";var Ve=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var $e=JSON.parse('{"button.aria.loading":["Loading..."]}');var Te=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Ie=JSON.parse('{"button.aria.loading":["Laster..."]}');var Pe=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Oe=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],D,u=class extends fe(Ae){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;be(this,D,null);_e($e,Ie,Te,Ve,Pe),this.ariaValueTextLoading=_.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){super.connectedCallback();let r=this.variant||"secondary";if(!Oe.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+    `}};x.shadowRootOptions={...Se.shadowRootOptions,delegatesFocus:!0},x.styles=[X,Fe],b([L({type:Boolean,reflect:!0})],x.prototype,"autofocus",2),b([L({reflect:!0})],x.prototype,"variant",2),b([L({type:Boolean,reflect:!0})],x.prototype,"small",2),b([L({reflect:!0})],x.prototype,"href",2),b([L({type:Boolean,reflect:!0})],x.prototype,"disabled",2),b([L({reflect:!0})],x.prototype,"target",2),b([L({reflect:!0})],x.prototype,"rel",2),b([L({attribute:"full-width",type:Boolean,reflect:!0})],x.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",x);import{ifDefined as ne}from"lit/directives/if-defined.js";var Ve=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var $e=JSON.parse('{"button.aria.loading":["Loading..."]}');var Te=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Ie=JSON.parse('{"button.aria.loading":["Laster..."]}');var Pe=JSON.parse('{"button.aria.loading":["Laddar ..."]}');var Oe=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],D,u=class extends fe(Ae){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;be(this,D);_e($e,Ie,Te,Ve,Pe),this.ariaValueTextLoading=_.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){super.connectedCallback();let r=this.variant||"secondary";if(!Oe.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
 ${Oe.join(", ")}.`);ue(this,D,this.value)}closestWithId(r){let t=this.shadowRoot,a=null;try{for(;t;){if(a=t.getElementById(r),a)return a;t=t.getRootNode().host?.getRootNode()}}catch{}return document.getElementById(r)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0),this.buttonEl&&this.commandfor&&(this.buttonEl.commandForElement=this.closestWithId(this.commandfor))}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=de(this,D)}render(){let r=this.variant||"secondary";return Z` ${this.href?Z`
           <w-link
             href=${this.href}