@umbraco-ui/uui-input-password 1.13.0 → 1.14.0-rc.1

package/custom-elements.json

@@ -20,7 +20,7 @@
         {
           "name": "minlength-message",
           "description": "Minlength validation message.",
-          "type": "string",
+          "type": "string | ((charsLeft: number) => string)",
           "default": "\"\""
         },
         {
@@ -38,7 +38,7 @@
         {
           "name": "maxlength-message",
           "description": "Maxlength validation message.",
-          "type": "string",
+          "type": "string | ((max: number, current: number) => string)",
           "default": "\"\""
         },
         {
@@ -80,7 +80,13 @@
         {
           "name": "type",
           "description": "This property specifies the type of input that will be rendered.",
-          "type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
+          "type": "'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'",
+          "default": "\"text\""
+        },
+        {
+          "name": "inputmode",
+          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
+          "type": "'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'",
           "default": "\"text\""
         },
         {
@@ -89,10 +95,10 @@
           "type": "string"
         },
         {
-          "name": "inputMode",
-          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
-          "type": "string",
-          "default": "\"\""
+          "name": "tabindex",
+          "description": "Set the input tabindex, set this to `-1` to avoid tabbing into the input.",
+          "type": "number",
+          "default": "0"
         },
         {
           "name": "spellcheck",
@@ -166,7 +172,7 @@
           "name": "minlengthMessage",
           "attribute": "minlength-message",
           "description": "Minlength validation message.",
-          "type": "string",
+          "type": "string | ((charsLeft: number) => string)",
           "default": "\"\""
         },
         {
@@ -187,7 +193,7 @@
           "name": "maxlengthMessage",
           "attribute": "maxlength-message",
           "description": "Maxlength validation message.",
-          "type": "string",
+          "type": "string | ((max: number, current: number) => string)",
           "default": "\"\""
         },
         {
@@ -236,7 +242,14 @@
           "name": "type",
           "attribute": "type",
           "description": "This property specifies the type of input that will be rendered.",
-          "type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
+          "type": "'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'",
+          "default": "\"text\""
+        },
+        {
+          "name": "inputMode",
+          "attribute": "inputmode",
+          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
+          "type": "'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'",
           "default": "\"text\""
         },
         {
@@ -246,11 +259,11 @@
           "type": "string"
         },
         {
-          "name": "inputMode",
-          "attribute": "inputMode",
-          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
-          "type": "string",
-          "default": "\"\""
+          "name": "tabIndex",
+          "attribute": "tabindex",
+          "description": "Set the input tabindex, set this to `-1` to avoid tabbing into the input.",
+          "type": "number",
+          "default": "0"
         },
         {
           "name": "styles",

package/lib/index.js

@@ -2,7 +2,7 @@ import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { demandCustomElement } from '@umbraco-ui/uui-base/lib/utils';
 import { iconSee, iconUnsee } from '@umbraco-ui/uui-icon-registry-essential/lib/svgs';
 import { UUIInputElement } from '@umbraco-ui/uui-input/lib';
-import { html, css } from 'lit';
+import { css, html } from 'lit';
 import { state, property } from 'lit/decorators.js';
 
 var __defProp = Object.defineProperty;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-input-password",
-  "version": "1.13.0",
+  "version": "1.14.0-rc.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.13.0",
-    "@umbraco-ui/uui-icon-registry-essential": "1.13.0",
-    "@umbraco-ui/uui-input": "1.13.0"
+    "@umbraco-ui/uui-base": "1.14.0-rc.1",
+    "@umbraco-ui/uui-icon-registry-essential": "1.14.0-rc.1",
+    "@umbraco-ui/uui-input": "1.14.0-rc.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-input-password",
-  "gitHead": "f57b1fdfea3678b843fbec706cecb3a220f6046f"
+  "gitHead": "c3c2fc0f8a68b897b5c88e0c3e09f549150f1034"
 }