@fluid-topics/ft-text-input 1.3.1 → 1.3.3

package/build/ftds-text-input.js

@@ -7,10 +7,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { FtdsTextInputType } from "./ftds-text-input.properties";
-import { styles, } from "./ftds-text-input.styles";
+import { styles } from "./ftds-text-input.styles";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-import { FtdsBase, toFtInput, ValidationRules, } from "@fluid-topics/ft-wc-utils";
+import { FtdsBase, Status, toFtInput, ValidationRules } from "@fluid-topics/ft-wc-utils";
 import { FtdsInputLabel } from "@fluid-topics/ft-input-label/build/ftds-input-label";
 import { FtdsInputHelperText } from "@fluid-topics/ft-input-helper-text";
 import { FtIcon, FtIcons } from "@fluid-topics/ft-icon";
@@ -56,14 +56,14 @@ class FtdsTextInput extends withI18n(toFtInput(FtdsBase)) {
     render() {
         const inputClasses = classMap({
             "ftds-input": true,
-            ...this.getDesignSystemBaseClasses()
+            ...this.getDesignSystemBaseClasses(),
         });
         return html `
             <ftds-base-input
 
                 .status=${this.status}
                 .size=${this.size}
-                ?disabled="${this.disabled}"
+                ?disabled=${this.disabled}
 
                 .errorMessages=${this.errorMessages}
                 .warningMessages=${this.warningMessages}
@@ -76,21 +76,25 @@ class FtdsTextInput extends withI18n(toFtInput(FtdsBase)) {
                 .appendIcon=${this.passwordIconForCurrentState}
                 .appendIconLabel=${this.showClearPassword ? textInputContext.messages.hidePassword() : textInputContext.messages.showPassword()}
                 appendIconIsClickable
-                @append-icon-click=${() => this.showClearPassword = !this.showClearPassword}
+                @append-icon-click="${() => this.showClearPassword = !this.showClearPassword}"
 
             >
 
-                <input class=${inputClasses}
+                <input class="${inputClasses}"
                        name="${this.name}"
-                       .value="${this.value}"
-                       .type="${this.inputType}"
+                       .value=${this.value}
+                       .type=${this.inputType}
                        ?disabled=${this.disabled}
                        @input=${this.onInput}
                        @focus=${this.onFocus}
                        @blur=${this.onBlur}
                        aria-label="${ifDefined(this.label)}"
+                       aria-invalid="${this.status === Status.error}"
+                       aria-describedby="${this.messagesForScreenReaderElementId}"
                 />
 
+                ${this.renderMessagesForScreenReader()}
+
             </ftds-base-input>
         `;
     }

package/build/ftds-text-input.styles.js

@@ -1,4 +1,4 @@
-import { css, } from "lit";
+import { css } from "lit";
 import { typographyBody2Medium } from "@fluid-topics/design-system-variables";
 export { textInput as FtdsTextInputCssVariables } from "@fluid-topics/design-system-variables";
 //language=css
@@ -26,7 +26,7 @@ export const styles = css `
     input[type="date"]::-webkit-inner-spin-button,
     input[type="time"]::-webkit-inner-spin-button,
     input[type="date"]::-webkit-calendar-picker-indicator,
-    input[type="time"]::-webkit-calendar-picker-indicator{
+    input[type="time"]::-webkit-calendar-picker-indicator {
         display: none;
         -webkit-appearance: none;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-text-input",
-    "version": "1.3.1",
+    "version": "1.3.3",
     "description": "Text Input",
     "keywords": [
         "Lit"
@@ -19,11 +19,17 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-wc-utils": "1.3.1",
+        "@fluid-topics/ft-base-input": "1.3.3",
+        "@fluid-topics/ft-i18n": "1.3.3",
+        "@fluid-topics/ft-icon": "1.3.3",
+        "@fluid-topics/ft-input-helper-text": "1.3.3",
+        "@fluid-topics/ft-input-label": "1.3.3",
+        "@fluid-topics/ft-tooltip": "1.3.3",
+        "@fluid-topics/ft-wc-utils": "1.3.3",
         "lit": "3.1.0"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "1.3.1"
+        "@fluid-topics/ft-wc-test-utils": "1.3.3"
     },
-    "gitHead": "ba07775e09d57ec38038f07f9c03b52aea08376b"
+    "gitHead": "1b75383f913a10dc67e677d1b44eea930ed5e41f"
 }