@randstad-uca/design-system 1.0.14 → 1.0.15

package/dist/components/Button.d.ts

@@ -9,6 +9,7 @@ export declare class RandstadButton extends LitElement {
     iconPosition: 'left' | 'right';
     disabled: boolean;
     iconName: string | null;
+    type: 'button' | 'submit' | 'reset';
     static styles: import("lit").CSSResult;
     private handleClick;
     render(): import("lit-html").TemplateResult<1>;

package/dist/index.js

@@ -36,7 +36,7 @@ const T={attribute:!0,type:String,converter:E,reflect:!1,hasChanged:P},O=(t=T,e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function N(t,e){return(e,o,i)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,o),o))(e,o,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}let z=class extends t{constructor(){super(...arguments),this.variant="button-primary",this.size="md",this.label="",this.loader=!1,this.iconPosition="left",this.disabled=!1,this.iconName=null}static{this.styles=e`
+function N(t,e){return(e,o,i)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,o),o))(e,o,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}let z=class extends t{constructor(){super(...arguments),this.variant="button-primary",this.size="md",this.label="",this.loader=!1,this.iconPosition="left",this.disabled=!1,this.iconName=null,this.type="button"}static{this.styles=e`
     :host {
       display: inline-block;
     }
@@ -229,7 +229,7 @@ function N(t,e){return(e,o,i)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Refl
     }
   `}handleClick(t){this.disabled||this.dispatchEvent(new CustomEvent("button-click",{bubbles:!0,composed:!0}))}render(){const t=`button ${"button-round"===this.variant?"":`button-${this.size}`} ${this.variant} ${this.loader?"loader":""}`,e="button-tertiary"===this.variant?"#2175D9":"white";return o`
       <button
-        type="button"
+        type=${this.type}
         class=${t}
         ?disabled=${this.disabled}
         @click=${this.handleClick}
@@ -247,7 +247,7 @@ function N(t,e){return(e,o,i)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Refl
               ${this.iconName&&"button-round"!==this.variant&&"right"===this.iconPosition?o`<randstad-icon name=${this.iconName} size="24px"></randstad-icon>`:""}
             `}
       </button>
-    `}};n([I({type:String}),a("design:type",String)],z.prototype,"variant",void 0),n([I({type:String}),a("design:type",String)],z.prototype,"size",void 0),n([I({type:String}),a("design:type",Object)],z.prototype,"label",void 0),n([I({type:Boolean}),a("design:type",Object)],z.prototype,"loader",void 0),n([I({type:String}),a("design:type",String)],z.prototype,"iconSrc",void 0),n([I({type:String}),a("design:type",String)],z.prototype,"iconPosition",void 0),n([I({type:Boolean,reflect:!0}),a("design:type",Boolean)],z.prototype,"disabled",void 0),n([I({type:String}),a("design:type",Object)],z.prototype,"iconName",void 0),z=n([l("randstad-button")],z);let M=class extends t{constructor(){super(...arguments),this.prefix="Acepto los",this.clause1Text="términos y condiciones",this.connector="y los",this.clause2Text="avisos de privacidad del sitio",this.checked=!1}static{this.styles=e`
+    `}};n([I({type:String}),a("design:type",String)],z.prototype,"variant",void 0),n([I({type:String}),a("design:type",String)],z.prototype,"size",void 0),n([I({type:String}),a("design:type",Object)],z.prototype,"label",void 0),n([I({type:Boolean}),a("design:type",Object)],z.prototype,"loader",void 0),n([I({type:String}),a("design:type",String)],z.prototype,"iconSrc",void 0),n([I({type:String}),a("design:type",String)],z.prototype,"iconPosition",void 0),n([I({type:Boolean,reflect:!0}),a("design:type",Boolean)],z.prototype,"disabled",void 0),n([I({type:String}),a("design:type",Object)],z.prototype,"iconName",void 0),n([I({type:String}),a("design:type",String)],z.prototype,"type",void 0),z=n([l("randstad-button")],z);let M=class extends t{constructor(){super(...arguments),this.prefix="Acepto los",this.clause1Text="términos y condiciones",this.connector="y los",this.clause2Text="avisos de privacidad del sitio",this.checked=!1}static{this.styles=e`
     :host {
       display: block;
       max-width: 100%;