@randstad-uca/design-system 1.0.56 → 1.0.57

package/dist/index.js

@@ -925,11 +925,18 @@ function z(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
       border: 2px solid var(--primary-color)
     }
 
-    .form.disabled .form-input, .form.disabled randstad-icon {
-      background-color: var(--secondary-color-10);
+    .form.disabled .form-input, 
+    .form.disabled .toggle-password randstad-icon,
+    .form.disabled .clean-button randstad-icon {
+      background-color: var( --secondary-color-10 );
       color: #9FA3B3;
       cursor: default;
     }
+ 
+    .form.disabled .toggle-password,
+    .form.disabled .clean-button {
+      cursor: default;
+    }
 
     .input-with-button {
       display: flex;
@@ -1019,6 +1026,7 @@ function z(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
     .clean-button randstad-icon {
       width: 24px;
       height: 24px;
+      color: var( --primary-color );
     }
   `}togglePassword(t){this.isPasswordVisible=!this.isPasswordVisible;const e=t.currentTarget.parentElement?.querySelector("input");e&&(e.type=this.isPasswordVisible?"text":"password"),this.requestUpdate()}handleInput(t){this.handleInputCustom(t);const e=t.target.value;void 0!==this.maxLength&&"textarea"!==this.type?this.value=e.slice(0,this.maxLength):this.value=e,this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleLinkClick(t){t.preventDefault(),this.linkRoute&&this.dispatchEvent(new CustomEvent("linkClicked",{detail:this.linkRoute,bubbles:!0,composed:!0}))}handleInputCustom(t){"number"===this.keydown?this.onlyNumeric(t):"text"===this.keydown&&this.onlyText(t)}onlyNumeric(t){const e=t.target,i=e.value.replace(/[^0-9]/g,"");e.value=i}onlyText(t){const e=t.target,i=e.value.replace(/[^a-zA-Z\sáéíóúñÁÉÍÓÚÑ]/g,"");e.value=i}handleKeyDown(t){if("Enter"!==t.key)return;const e=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0}),i=this.closest("form");i&&i.dispatchEvent(e)}render(){const t=this.cleanButton&&this.value&&"password"!==this.type&&"textarea"!==this.type,o="textarea"===this.type?`height: ${this.heightTextArea??"30px"}; max-height: ${this.maxHeightTextArea??"30px"}; overflow-y: auto;`:"",r=e`
       ${this.labelColor?`--label-color: ${this.labelColor};`:""}
@@ -1087,8 +1095,7 @@ function z(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
                     >
                       <randstad-icon 
                         name="close" 
-                        size="24px" 
-                        style="--icon-color: var(--primary-color);"
+                        size="24px"
                       >
                       </randstad-icon>
                     </button>`:i}