@kws3/ui 2.1.1 → 2.1.2

package/CHANGELOG.mdx

@@ -1,5 +1,9 @@
+# 2.1.2
+ - `PasswordInput` - add support for field `name`
+ - `PasswordInput` - fix spacing when icons are turned off
+
 # 2.1.1
- - Package `text-mask-core` moved to @kws3 namespace and removed from dependencies.
+ - Package `text-mask-core` moved to @kws3 namespace.
 
 # 2.1.0
  - Bugfix with Colorpicker component, where colors could not be typed in manually.

package/forms/PasswordInput.svelte

@@ -27,6 +27,7 @@ This property can be bound to, to fetch the current value, Default: ``
   @param {string} [style=""] - Inline CSS for the PasswordInput, Default: `""`
   @param {boolean} [disabled=false] - Disables the PasswordInput, Default: `false`
   @param {string} [placeholder=""] - Input placeholder, Default: `""`
+  @param {string} [name="password"] - Input HTML name, Default: `"password"`
   @param {string} [class=""] - CSS classes of the PasswordInput, Default: `""`
 
   ### Events
@@ -41,8 +42,12 @@ This property can be bound to, to fetch the current value, Default: ``
 -->
 
 <div class="field is-marginless">
-  <p class="control has-icons-left has-icons-right is-marginless">
+  <p
+    class="control is-marginless"
+    class:has-icons-left={show_field_icon}
+    class:has-icons-right={show_visibility_switch}>
     <input
+      {name}
       type="password"
       bind:this={PASSWORD_INPUT}
       {style}
@@ -198,6 +203,11 @@ This property can be bound to, to fetch the current value, Default: ``
    * @type {string}
    */
   export let placeholder = "";
+  /**
+   * Input HTML name
+   * @type {string}
+   */
+  export let name = "password";
 
   /**
    * CSS classes of the PasswordInput

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kws3/ui",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "svelte": "index.js",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "typescript": "^5.0.4"
   },
-  "gitHead": "e13405d2772906f133ca6e37f73f6222a636005f"
+  "gitHead": "6e176377097da881f3ee68c763f007020b35cb2a"
 }