@api-client/ui 0.2.2 → 0.2.4

package/build/src/md/text-area/ui-text-area.js

@@ -1,7 +1,8 @@
 import { __esDecorate, __runInitializers } from "tslib";
 import { customElement } from 'lit/decorators.js';
 import Element from './internals/TextAreaElement.js';
-import styles from '../text-field/internals/TextField.styles.js';
+import styles from '../text-field/internals/filled.styles.js';
+import common from '../text-field/internals/common.styles.js';
 let UiTextAreaElement = (() => {
     let _classDecorators = [customElement('ui-text-area')];
     let _classDescriptor;
@@ -16,7 +17,7 @@ let UiTextAreaElement = (() => {
             UiTextAreaElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static styles = [styles];
+        static styles = [common, styles];
         static {
             __runInitializers(_classThis, _classExtraInitializers);
         }

package/build/src/md/text-area/ui-text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-text-area.js","sourceRoot":"","sources":["../../../../src/md/text-area/ui-text-area.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,gCAAgC,CAAA;AACpD,OAAO,MAAM,MAAM,6CAA6C,CAAA;IAGnD,iBAAiB;4BAD7B,aAAa,CAAC,cAAc,CAAC;;;;sBACS,OAAO;iCAAf,SAAQ,WAAO;;;;YAA9C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,CAAC,CAAA;;YAD3C,uDAAiB;;;;;SAAjB,iBAAiB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/TextAreaElement.js'\nimport styles from '../text-field/internals/TextField.styles.js'\n\n@customElement('ui-text-area')\nexport class UiTextAreaElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui-text-area': Element\n  }\n}\n"]}
+{"version":3,"file":"ui-text-area.js","sourceRoot":"","sources":["../../../../src/md/text-area/ui-text-area.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,gCAAgC,CAAA;AACpD,OAAO,MAAM,MAAM,0CAA0C,CAAA;AAC7D,OAAO,MAAM,MAAM,0CAA0C,CAAA;IAGhD,iBAAiB;4BAD7B,aAAa,CAAC,cAAc,CAAC;;;;sBACS,OAAO;iCAAf,SAAQ,WAAO;;;;YAA9C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;;YADnD,uDAAiB;;;;;SAAjB,iBAAiB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/TextAreaElement.js'\nimport styles from '../text-field/internals/filled.styles.js'\nimport common from '../text-field/internals/common.styles.js'\n\n@customElement('ui-text-area')\nexport class UiTextAreaElement extends Element {\n  static override styles: CSSResultOrNative[] = [common, styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui-text-area': Element\n  }\n}\n"]}

package/build/src/md/text-field/internals/{TextFieldElement.d.ts → TextField.d.ts}

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit';
 import Input from '../../input/Input.js';
-export default class TextFieldElement extends Input {
+export default class TextField extends Input {
     protected renderInput(): TemplateResult;
 }
-//# sourceMappingURL=TextFieldElement.d.ts.map
+//# sourceMappingURL=TextField.d.ts.map

package/build/src/md/text-field/internals/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAI1C,OAAO,KAAK,MAAM,sBAAsB,CAAA;AAExC,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK;cACvB,WAAW,IAAI,cAAc;CAiEjD"}

package/build/src/md/text-field/internals/{TextFieldElement.js → TextField.js}

@@ -3,7 +3,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import Input from '../../input/Input.js';
-export default class TextFieldElement extends Input {
+export default class TextField extends Input {
     renderInput() {
         const placeholderValue = this.placeholder || undefined;
         const maxValue = this.max || undefined;
@@ -45,10 +45,8 @@ export default class TextFieldElement extends Input {
         step=${ifDefined(stepValue)}
         autocomplete="${ifDefined(this.autocomplete)}"
         autocapitalize="${ifDefined(this.autocapitalize)}"
-        autocorrect="${ifDefined(this.autocorrect)}"
         inputmode="${ifDefined(this.inputMode)}"
         size="${ifDefined(this.size)}"
-        results="${ifDefined(this.results)}"
         accept="${ifDefined(this.accept)}"
         ?multiple="${this.multiple}"
         spellcheck="${ifDefined(this.spellcheck)}"
@@ -57,7 +55,6 @@ export default class TextFieldElement extends Input {
         @input=${this.handleInput}
         @select=${this.retargetEvent}
         @invalid=${this.invalidHandler}
-        @search="${this.retargetEvent}"
         aria-activedescendant=${ifDefined(ariaActiveDescendantValue)}
         aria-autocomplete=${ifDefined(ariaAutoCompleteValue)}
         aria-controls=${ifDefined(ariaControlsValue)}
@@ -70,4 +67,4 @@ export default class TextFieldElement extends Input {
     `;
     }
 }
-//# sourceMappingURL=TextFieldElement.js.map
+//# sourceMappingURL=TextField.js.map

package/build/src/md/text-field/internals/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextField.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { live } from 'lit/directives/live.js'\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js'\nimport Input from '../../input/Input.js'\n\nexport default class TextField extends Input {\n  protected override renderInput(): TemplateResult {\n    const placeholderValue = this.placeholder || undefined\n    const maxValue = this.max || undefined\n    const maxLengthValue = this.maxLength > -1 ? this.maxLength : undefined\n    const minValue = this.min || undefined\n    const minLengthValue = this.minLength > -1 ? this.minLength : undefined\n    const patternValue = this.pattern || undefined\n    const roleValue = this.dataRole || undefined\n    const stepValue = this.step || undefined\n    const { disabled } = this\n\n    const style: StyleInfo = {}\n    if (this.textDirection) {\n      style.direction = this.textDirection\n    }\n\n    const ariaActiveDescendantValue = this.ariaActiveDescendant || undefined\n    const ariaAutoCompleteValue = this.ariaAutoComplete || undefined\n    const ariaControlsValue = this.ariaControls || undefined\n    const ariaDescribedByValue = this.getAriaDescribedBy() || undefined\n    const ariaExpandedValue = this.ariaExpanded || undefined\n    const ariaLabelValue = this.ariaLabel || this.label || undefined\n    const ariaLabelledByValue = this.ariaLabelledBy || undefined\n\n    return html`\n      <input\n        class=\"input\"\n        style=${styleMap(style)}\n        type=${this.effectiveType}\n        name=\"${ifDefined(this.name)}\"\n        .value=${live(this.getInputValue())}\n        max=${ifDefined(maxValue as unknown as number)}\n        maxlength=${ifDefined(maxLengthValue)}\n        min=${ifDefined(minValue as unknown as number)}\n        minlength=${ifDefined(minLengthValue)}\n        pattern=${ifDefined(patternValue)}\n        placeholder=${ifDefined(placeholderValue)}\n        role=${ifDefined(roleValue as 'textbox')}\n        ?disabled=${disabled}\n        ?readonly=${this.readOnly}\n        ?required=${this.required}\n        step=${ifDefined(stepValue as unknown as number)}\n        autocomplete=\"${ifDefined(this.autocomplete)}\"\n        autocapitalize=\"${ifDefined(this.autocapitalize)}\"\n        inputmode=\"${ifDefined(this.inputMode)}\"\n        size=\"${ifDefined(this.size)}\"\n        accept=\"${ifDefined(this.accept)}\"\n        ?multiple=\"${this.multiple}\"\n        spellcheck=\"${ifDefined(this.spellcheck)}\"\n        list=\"input-list\"\n        @change=${this.retargetEvent}\n        @input=${this.handleInput}\n        @select=${this.retargetEvent}\n        @invalid=${this.invalidHandler}\n        aria-activedescendant=${ifDefined(ariaActiveDescendantValue)}\n        aria-autocomplete=${ifDefined(ariaAutoCompleteValue)}\n        aria-controls=${ifDefined(ariaControlsValue)}\n        aria-describedby=${ifDefined(ariaDescribedByValue)}\n        aria-expanded=${ifDefined(ariaExpandedValue)}\n        aria-invalid=${this.getError()}\n        aria-label=${ifDefined(ariaLabelValue)}\n        aria-labelledby=${ifDefined(ariaLabelledByValue)}\n      />\n    `\n  }\n}\n"]}

package/build/src/{visualization/elements/WorkspaceStyles.d.ts → md/text-field/internals/common.styles.d.ts}

@@ -1,3 +1,3 @@
 declare const _default: import("lit").CSSResult;
 export default _default;
-//# sourceMappingURL=WorkspaceStyles.d.ts.map
+//# sourceMappingURL=common.styles.d.ts.map

package/build/src/md/text-field/internals/common.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/common.styles.ts"],"names":[],"mappings":";AAEA,wBAwLC"}

package/build/src/md/text-field/internals/{TextField.styles.js → common.styles.js}

@@ -8,11 +8,6 @@ export default css `
     -webkit-tap-highlight-color: transparent;
     cursor: text;
 
-    --_active-indicator-color: var(--md-sys-color-on-surface-variant);
-    --_active-indicator-height: 1px;
-    --_focus-active-indicator-color: var(--md-sys-color-primary, #6750a4);
-    --_focus-active-indicator-height: 2px;
-
     min-width: 200px;
   }
 
@@ -21,7 +16,6 @@ export default css `
     position: relative;
     display: flex;
     align-items: center;
-    border-radius: var(--md-sys-shape-corner-extra-small-top);
     cursor: inherit;
   }
 
@@ -29,7 +23,6 @@ export default css `
     position: absolute;
     inset: 0;
     z-index: 1;
-    background-color: var(--md-sys-color-surface-variant);
     border-radius: inherit;
   }
 
@@ -47,8 +40,6 @@ export default css `
 
   .body {
     flex: 1;
-    overflow: hidden;
-    padding-top: 1em;
     box-sizing: border-box;
     position: relative;
     cursor: inherit;
@@ -56,6 +47,7 @@ export default css `
 
   .label {
     color: var(--md-sys-color-on-surface-variant);
+
     max-width: 100%;
     pointer-events: none;
     overflow: hidden;
@@ -63,25 +55,14 @@ export default css `
     white-space: nowrap;
     z-index: 3;
 
-    position: absolute;
-    transform: translateY(-1.35rem) scale(0.8);
-    transform-origin: left center;
-    top: 50%;
-    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-
     font-family: var(--md-sys-typescale-body-large-font);
     font-weight: var(--md-sys-typescale-body-large-weight);
     font-size: var(--md-sys-typescale-body-large-size);
     letter-spacing: var(--md-sys-typescale-body-large-tracking);
     line-height: var(--md-sys-typescale-body-large-height);
-  }
-
-  .labelResting .label {
-    transform: translateY(-50%) scale(1);
-  }
 
-  :host(:focus-within) .label {
-    color: var(--md-sys-color-primary);
+    transform-origin: left center;
+    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
 
   .input {
@@ -150,51 +131,6 @@ export default css `
     cursor: default;
   }
 
-  .highlight {
-    inset: auto 0px 0px;
-    pointer-events: none;
-    position: absolute;
-    width: 100%;
-    z-index: 4;
-  }
-
-  .highlight::before {
-    content: '';
-    border-bottom: 1px solid var(--md-sys-color-on-surface-variant);
-    inset: auto 0px 0px;
-    position: absolute;
-  }
-
-  .highlight::after {
-    content: '';
-    border-bottom-color: var(--md-sys-color-primary);
-    border-bottom-width: 2px;
-    border-bottom-style: solid;
-    opacity: 0;
-    transform: scaleX(0);
-    transform-origin: center center;
-
-    transition:
-      opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,
-      transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
-
-    position: absolute;
-    inset: auto 0px 0px;
-  }
-
-  :host(:focus-within) .highlight::after {
-    opacity: 1;
-    transform: scaleX(1);
-  }
-
-  .labelHidden .label {
-    display: none;
-  }
-
-  .labelHidden .body {
-    padding-top: 0;
-  }
-
   .supporting-text {
     padding-top: 4px;
     color: var(--md-sys-color-on-surface-variant);
@@ -216,19 +152,6 @@ export default css `
     margin-right: 16px;
   }
 
-  .container::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    opacity: 0;
-    background-color: var(--md-sys-color-on-surface-variant);
-    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  :host(:hover) .container::before {
-    opacity: var(--md-sys-state-hover-state-layer-opacity);
-  }
-
   :host([disabled]) {
     pointer-events: none;
   }
@@ -238,11 +161,6 @@ export default css `
     opacity: 0.04;
   }
 
-  :host([disabled]) .highlight::before {
-    border-bottom-color: var(--md-sys-color-on-surface);
-    opacity: 0.38;
-  }
-
   :host([disabled]) .label,
   :host([disabled]) .input,
   :host([disabled]) .end ::slotted(*),
@@ -251,23 +169,19 @@ export default css `
     opacity: 0.38;
   }
 
-  :host([invalid]) .highlight::before {
-    border-bottom-color: var(--md-sys-color-error);
-  }
-
   :host([invalid]) .label,
   :host([invalid]) .supporting-text,
   :host([invalid]) .end ::slotted(*) {
     color: var(--md-sys-color-error);
   }
 
-  :host([invalid]:hover) .highlight::before {
-    border-bottom-color: var(--md-sys-color-on-error-container);
-  }
-
   :host([invalid]:hover) .label,
   :host([invalid]:hover) .end ::slotted(*) {
     color: var(--md-sys-color-on-error-container);
   }
+
+  .labelHidden .label {
+    display: none;
+  }
 `;
-//# sourceMappingURL=TextField.styles.js.map
+//# sourceMappingURL=common.styles.js.map

package/build/src/md/text-field/internals/common.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.styles.js","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/common.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwLjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: inline-flex;\n    flex-direction: column;\n    vertical-align: top;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    cursor: text;\n\n    min-width: 200px;\n  }\n\n  .surface {\n    height: 56px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: inherit;\n  }\n\n  .container {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    border-radius: inherit;\n  }\n\n  .content {\n    height: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: start;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 2;\n    flex: 1;\n    cursor: inherit;\n  }\n\n  .body {\n    flex: 1;\n    box-sizing: border-box;\n    position: relative;\n    cursor: inherit;\n  }\n\n  .label {\n    color: var(--md-sys-color-on-surface-variant);\n\n    max-width: 100%;\n    pointer-events: none;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    z-index: 3;\n\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n\n    transform-origin: left center;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .input {\n    caret-color: var(--md-sys-color-primary);\n    color: var(--md-sys-color-on-surface);\n    height: 24px; /* ??? */\n    flex: 1; /* ??? */\n    white-space: nowrap;\n    overflow: hidden;\n    background: transparent;\n    border: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    width: 1px;\n    cursor: inherit;\n\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .input:-webkit-autofill,\n  .input:autofill {\n    background-color: transparent !important;\n  }\n\n  .start,\n  .body,\n  .end {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: start;\n  }\n\n  .start {\n    width: 16px;\n    min-width: 16px;\n  }\n\n  .start.prefixed {\n    width: 24px;\n    min-width: 24px;\n    margin-left: 12px;\n    margin-right: 16px;\n  }\n\n  .end {\n    width: 16px;\n    min-width: 16px;\n  }\n\n  .end.suffixed {\n    width: 24px;\n    min-width: 24px;\n    margin-right: 12px;\n    padding-right: 12px;\n    margin-left: 16px;\n  }\n\n  .end ::slotted(*),\n  .start ::slotted(*) {\n    cursor: default;\n  }\n\n  .supporting-text {\n    padding-top: 4px;\n    color: var(--md-sys-color-on-surface-variant);\n    font-family: var(--md-sys-typescale-body-medium-font);\n    font-weight: var(--md-sys-typescale-body-medium-weight);\n    font-size: var(--md-sys-typescale-body-medium-size);\n    letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n    line-height: var(--md-sys-typescale-body-medium-height);\n    display: flex;\n    justify-content: space-between;\n    padding: 0 16px;\n  }\n\n  .supporting-text-start {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 1;\n    margin-right: 16px;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .container {\n    background-color: var(--md-sys-color-on-surface);\n    opacity: 0.04;\n  }\n\n  :host([disabled]) .label,\n  :host([disabled]) .input,\n  :host([disabled]) .end ::slotted(*),\n  :host([disabled]) .start ::slotted(*) {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.38;\n  }\n\n  :host([invalid]) .label,\n  :host([invalid]) .supporting-text,\n  :host([invalid]) .end ::slotted(*) {\n    color: var(--md-sys-color-error);\n  }\n\n  :host([invalid]:hover) .label,\n  :host([invalid]:hover) .end ::slotted(*) {\n    color: var(--md-sys-color-on-error-container);\n  }\n\n  .labelHidden .label {\n    display: none;\n  }\n`\n"]}

package/build/src/md/text-field/internals/{TextField.styles.d.ts → filled.styles.d.ts}

@@ -1,3 +1,3 @@
 declare const _default: import("lit").CSSResult;
 export default _default;
-//# sourceMappingURL=TextField.styles.d.ts.map
+//# sourceMappingURL=filled.styles.d.ts.map

package/build/src/md/text-field/internals/filled.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/filled.styles.ts"],"names":[],"mappings":";AAEA,wBAwGC"}

package/build/src/md/text-field/internals/filled.styles.js

@@ -0,0 +1,107 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    --_active-indicator-color: var(--md-sys-color-on-surface-variant);
+    --_active-indicator-height: 1px;
+    --_focus-active-indicator-color: var(--md-sys-color-primary, #6750a4);
+    --_focus-active-indicator-height: 2px;
+  }
+
+  .surface {
+    height: 56px;
+  }
+
+  .container {
+    background-color: var(--md-sys-color-surface-variant);
+  }
+
+  .body {
+    overflow: hidden;
+  }
+
+  .label {
+    position: absolute;
+    transform: translateY(-1.35rem) scale(0.8);
+    top: 50%;
+  }
+
+  .labelResting .label {
+    transform: translateY(-50%) scale(1);
+  }
+
+  :host(:focus-within) .label {
+    color: var(--md-sys-color-primary);
+  }
+
+  .highlight {
+    inset: auto 0px 0px;
+    pointer-events: none;
+    position: absolute;
+    width: 100%;
+    z-index: 4;
+  }
+
+  .highlight::before {
+    content: '';
+    border-bottom: 1px solid var(--md-sys-color-on-surface-variant);
+    inset: auto 0px 0px;
+    position: absolute;
+  }
+
+  .highlight::after {
+    content: '';
+    border-bottom-color: var(--md-sys-color-primary);
+    border-bottom-width: 2px;
+    border-bottom-style: solid;
+    opacity: 0;
+    transform: scaleX(0);
+    transform-origin: center center;
+
+    transition:
+      opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,
+      transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
+
+    position: absolute;
+    inset: auto 0px 0px;
+  }
+
+  :host(:focus-within) .highlight::after {
+    opacity: 1;
+    transform: scaleX(1);
+  }
+
+  :host([disabled]) .highlight::before {
+    border-bottom-color: var(--md-sys-color-on-surface);
+    opacity: 0.38;
+  }
+
+  :host([invalid]) .highlight::before {
+    border-bottom-color: var(--md-sys-color-error);
+  }
+
+  :host([invalid]:hover) .highlight::before {
+    border-bottom-color: var(--md-sys-color-on-error-container);
+  }
+
+  .labelHidden .body {
+    padding-top: 0;
+  }
+
+  .container::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    background-color: var(--md-sys-color-on-surface-variant);
+    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  :host(:hover) .container::before {
+    opacity: var(--md-sys-state-hover-state-layer-opacity);
+  }
+
+  .body {
+    padding-top: 1em;
+  }
+`;
+//# sourceMappingURL=filled.styles.js.map

package/build/src/md/text-field/internals/filled.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled.styles.js","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/filled.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    --_active-indicator-color: var(--md-sys-color-on-surface-variant);\n    --_active-indicator-height: 1px;\n    --_focus-active-indicator-color: var(--md-sys-color-primary, #6750a4);\n    --_focus-active-indicator-height: 2px;\n  }\n\n  .surface {\n    height: 56px;\n  }\n\n  .container {\n    background-color: var(--md-sys-color-surface-variant);\n  }\n\n  .body {\n    overflow: hidden;\n  }\n\n  .label {\n    position: absolute;\n    transform: translateY(-1.35rem) scale(0.8);\n    top: 50%;\n  }\n\n  .labelResting .label {\n    transform: translateY(-50%) scale(1);\n  }\n\n  :host(:focus-within) .label {\n    color: var(--md-sys-color-primary);\n  }\n\n  .highlight {\n    inset: auto 0px 0px;\n    pointer-events: none;\n    position: absolute;\n    width: 100%;\n    z-index: 4;\n  }\n\n  .highlight::before {\n    content: '';\n    border-bottom: 1px solid var(--md-sys-color-on-surface-variant);\n    inset: auto 0px 0px;\n    position: absolute;\n  }\n\n  .highlight::after {\n    content: '';\n    border-bottom-color: var(--md-sys-color-primary);\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    opacity: 0;\n    transform: scaleX(0);\n    transform-origin: center center;\n\n    transition:\n      opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,\n      transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;\n\n    position: absolute;\n    inset: auto 0px 0px;\n  }\n\n  :host(:focus-within) .highlight::after {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n\n  :host([disabled]) .highlight::before {\n    border-bottom-color: var(--md-sys-color-on-surface);\n    opacity: 0.38;\n  }\n\n  :host([invalid]) .highlight::before {\n    border-bottom-color: var(--md-sys-color-error);\n  }\n\n  :host([invalid]:hover) .highlight::before {\n    border-bottom-color: var(--md-sys-color-on-error-container);\n  }\n\n  .labelHidden .body {\n    padding-top: 0;\n  }\n\n  .container::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    background-color: var(--md-sys-color-on-surface-variant);\n    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  :host(:hover) .container::before {\n    opacity: var(--md-sys-state-hover-state-layer-opacity);\n  }\n\n  .body {\n    padding-top: 1em;\n  }\n`\n"]}

package/build/src/md/text-field/internals/outlined.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=outlined.styles.d.ts.map

package/build/src/md/text-field/internals/outlined.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlined.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/outlined.styles.ts"],"names":[],"mappings":";AAEA,wBAwCC"}

package/build/src/md/text-field/internals/outlined.styles.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+export default css `
+  .highlight {
+    display: none;
+  }
+
+  .surface {
+    border-radius: var(--md-sys-shape-corner-extra-small);
+  }
+
+  .container {
+    border: 1px var(--md-sys-color-outline) solid;
+    outline: 0px solid var(--md-sys-color-primary);
+    outline-offset: -3px;
+    transition:
+      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+      outline-width 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  :host(:hover:not(:focus-within)) .container {
+    border-color: var(--md-sys-color-on-surface);
+  }
+
+  :host(:focus-within) .container {
+    border-color: var(--md-sys-color-primary);
+    outline-width: 3px;
+  }
+
+  .label {
+    padding: 0 4px;
+  }
+
+  .labelActive .label {
+    transform: translateY(calc(-100% - 2px)) scale(0.75);
+    position: absolute;
+    background-color: var(--md-sys-color-surface);
+  }
+
+  :host(:focus-within) .label {
+    color: var(--md-sys-color-primary);
+  }
+`;
+//# sourceMappingURL=outlined.styles.js.map

package/build/src/md/text-field/internals/outlined.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlined.styles.js","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/outlined.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  .highlight {\n    display: none;\n  }\n\n  .surface {\n    border-radius: var(--md-sys-shape-corner-extra-small);\n  }\n\n  .container {\n    border: 1px var(--md-sys-color-outline) solid;\n    outline: 0px solid var(--md-sys-color-primary);\n    outline-offset: -3px;\n    transition:\n      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),\n      outline-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  :host(:hover:not(:focus-within)) .container {\n    border-color: var(--md-sys-color-on-surface);\n  }\n\n  :host(:focus-within) .container {\n    border-color: var(--md-sys-color-primary);\n    outline-width: 3px;\n  }\n\n  .label {\n    padding: 0 4px;\n  }\n\n  .labelActive .label {\n    transform: translateY(calc(-100% - 2px)) scale(0.75);\n    position: absolute;\n    background-color: var(--md-sys-color-surface);\n  }\n\n  :host(:focus-within) .label {\n    color: var(--md-sys-color-primary);\n  }\n`\n"]}

package/build/src/md/text-field/ui-filled-text-field.d.ts

@@ -0,0 +1,11 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/TextField.js';
+export declare class UiFilledTextFieldElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui-filled-text-field': UiFilledTextFieldElement;
+    }
+}
+//# sourceMappingURL=ui-filled-text-field.d.ts.map

package/build/src/md/text-field/ui-filled-text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-filled-text-field.d.ts","sourceRoot":"","sources":["../../../../src/md/text-field/ui-filled-text-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAI9C,qBACa,wBAAyB,SAAQ,OAAO;IACnD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAmB;CAC/D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,wBAAwB,CAAA;KACjD;CACF"}

package/build/src/md/text-field/ui-filled-text-field.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/TextField.js';
+import styles from './internals/filled.styles.js';
+import common from './internals/common.styles.js';
+let UiFilledTextFieldElement = (() => {
+    let _classDecorators = [customElement('ui-filled-text-field')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var UiFilledTextFieldElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiFilledTextFieldElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [common, styles];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return UiFilledTextFieldElement = _classThis;
+})();
+export { UiFilledTextFieldElement };
+//# sourceMappingURL=ui-filled-text-field.js.map

package/build/src/md/text-field/ui-filled-text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-filled-text-field.js","sourceRoot":"","sources":["../../../../src/md/text-field/ui-filled-text-field.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,MAAM,MAAM,8BAA8B,CAAA;AACjD,OAAO,MAAM,MAAM,8BAA8B,CAAA;IAGpC,wBAAwB;4BADpC,aAAa,CAAC,sBAAsB,CAAC;;;;sBACQ,OAAO;wCAAf,SAAQ,WAAO;;;;YAArD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;;YADnD,uDAAwB;;;;;SAAxB,wBAAwB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/TextField.js'\nimport styles from './internals/filled.styles.js'\nimport common from './internals/common.styles.js'\n\n@customElement('ui-filled-text-field')\nexport class UiFilledTextFieldElement extends Element {\n  static override styles: CSSResultOrNative[] = [common, styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui-filled-text-field': UiFilledTextFieldElement\n  }\n}\n"]}

package/build/src/md/text-field/ui-outlined-text-field.d.ts

@@ -0,0 +1,11 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/TextField.js';
+export declare class UiOutlinedTextFieldElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui-outlined-text-field': UiOutlinedTextFieldElement;
+    }
+}
+//# sourceMappingURL=ui-outlined-text-field.d.ts.map

package/build/src/md/text-field/ui-outlined-text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-outlined-text-field.d.ts","sourceRoot":"","sources":["../../../../src/md/text-field/ui-outlined-text-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAI9C,qBACa,0BAA2B,SAAQ,OAAO;IACrD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAmB;CAC/D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,0BAA0B,CAAA;KACrD;CACF"}

package/build/src/md/text-field/ui-outlined-text-field.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/TextField.js';
+import styles from './internals/outlined.styles.js';
+import common from './internals/common.styles.js';
+let UiOutlinedTextFieldElement = (() => {
+    let _classDecorators = [customElement('ui-outlined-text-field')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var UiOutlinedTextFieldElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiOutlinedTextFieldElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [common, styles];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return UiOutlinedTextFieldElement = _classThis;
+})();
+export { UiOutlinedTextFieldElement };
+//# sourceMappingURL=ui-outlined-text-field.js.map

package/build/src/md/text-field/ui-outlined-text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-outlined-text-field.js","sourceRoot":"","sources":["../../../../src/md/text-field/ui-outlined-text-field.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,MAAM,MAAM,gCAAgC,CAAA;AACnD,OAAO,MAAM,MAAM,8BAA8B,CAAA;IAGpC,0BAA0B;4BADtC,aAAa,CAAC,wBAAwB,CAAC;;;;sBACQ,OAAO;0CAAf,SAAQ,WAAO;;;;YAAvD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;;YADnD,uDAA0B;;;;;SAA1B,0BAA0B","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/TextField.js'\nimport styles from './internals/outlined.styles.js'\nimport common from './internals/common.styles.js'\n\n@customElement('ui-outlined-text-field')\nexport class UiOutlinedTextFieldElement extends Element {\n  static override styles: CSSResultOrNative[] = [common, styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui-outlined-text-field': UiOutlinedTextFieldElement\n  }\n}\n"]}

package/build/src/types/input.d.ts

@@ -1,4 +1,4 @@
-export type SupportedInputTypes = 'hidden' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'password' | 'datetime' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'range' | 'color' | 'checkbox' | 'radio' | 'file' | 'submit' | 'image' | 'reset' | 'button';
+export type SupportedInputTypes = 'hidden' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'range' | 'color' | 'checkbox' | 'radio' | 'file' | 'submit' | 'image' | 'reset' | 'button';
 export type SupportedAutocomplete = 'on' | 'off' | 'additional-name' | 'street-address' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday' | 'bday-year' | 'bday-day' | 'bday-month' | 'billing' | 'cc-additional-name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'username' | 'new-password' | 'current-password' | 'organization-title' | 'organization' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
 export type SupportedAutocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
 //# sourceMappingURL=input.d.ts.map

package/build/src/types/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/types/input.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,CAAA;AACZ,MAAM,MAAM,qBAAqB,GAC7B,IAAI,GACJ,KAAK,GACL,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,MAAM,GACN,WAAW,GACX,UAAU,GACV,YAAY,GACZ,SAAS,GACT,oBAAoB,GACpB,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GACV,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,oBAAoB,GACpB,cAAc,GACd,SAAS,GACT,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,KAAK,GACL,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,eAAe,GACf,MAAM,GACN,KAAK,GACL,OAAO,CAAA;AACX,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/types/input.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,CAAA;AACZ,MAAM,MAAM,qBAAqB,GAC7B,IAAI,GACJ,KAAK,GACL,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,MAAM,GACN,WAAW,GACX,UAAU,GACV,YAAY,GACZ,SAAS,GACT,oBAAoB,GACpB,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GACV,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,oBAAoB,GACpB,cAAc,GACd,SAAS,GACT,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,KAAK,GACL,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,eAAe,GACf,MAAM,GACN,KAAK,GACL,OAAO,CAAA;AACX,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAA"}

package/build/src/types/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/types/input.ts"],"names":[],"mappings":"","sourcesContent":["export type SupportedInputTypes =\n  | 'hidden'\n  | 'text'\n  | 'search'\n  | 'tel'\n  | 'url'\n  | 'email'\n  | 'password'\n  | 'datetime'\n  | 'date'\n  | 'month'\n  | 'week'\n  | 'time'\n  | 'datetime-local'\n  | 'number'\n  | 'range'\n  | 'color'\n  | 'checkbox'\n  | 'radio'\n  | 'file'\n  | 'submit'\n  | 'image'\n  | 'reset'\n  | 'button'\nexport type SupportedAutocomplete =\n  | 'on'\n  | 'off'\n  | 'additional-name'\n  | 'street-address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-year'\n  | 'bday-day'\n  | 'bday-month'\n  | 'billing'\n  | 'cc-additional-name'\n  | 'honorific-prefix'\n  | 'given-name'\n  | 'additional-name'\n  | 'family-name'\n  | 'honorific-suffix'\n  | 'nickname'\n  | 'username'\n  | 'new-password'\n  | 'current-password'\n  | 'organization-title'\n  | 'organization'\n  | 'country'\n  | 'country-name'\n  | 'postal-code'\n  | 'cc-name'\n  | 'cc-given-name'\n  | 'cc-additional-name'\n  | 'cc-family-name'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-csc'\n  | 'cc-type'\n  | 'transaction-currency'\n  | 'transaction-amount'\n  | 'language'\n  | 'sex'\n  | 'tel'\n  | 'tel-country-code'\n  | 'tel-national'\n  | 'tel-area-code'\n  | 'tel-local'\n  | 'tel-extension'\n  | 'impp'\n  | 'url'\n  | 'photo'\nexport type SupportedAutocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'\n"]}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/types/input.ts"],"names":[],"mappings":"","sourcesContent":["export type SupportedInputTypes =\n  | 'hidden'\n  | 'text'\n  | 'search'\n  | 'tel'\n  | 'url'\n  | 'email'\n  | 'password'\n  | 'date'\n  | 'month'\n  | 'week'\n  | 'time'\n  | 'datetime-local'\n  | 'number'\n  | 'range'\n  | 'color'\n  | 'checkbox'\n  | 'radio'\n  | 'file'\n  | 'submit'\n  | 'image'\n  | 'reset'\n  | 'button'\nexport type SupportedAutocomplete =\n  | 'on'\n  | 'off'\n  | 'additional-name'\n  | 'street-address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-year'\n  | 'bday-day'\n  | 'bday-month'\n  | 'billing'\n  | 'cc-additional-name'\n  | 'honorific-prefix'\n  | 'given-name'\n  | 'additional-name'\n  | 'family-name'\n  | 'honorific-suffix'\n  | 'nickname'\n  | 'username'\n  | 'new-password'\n  | 'current-password'\n  | 'organization-title'\n  | 'organization'\n  | 'country'\n  | 'country-name'\n  | 'postal-code'\n  | 'cc-name'\n  | 'cc-given-name'\n  | 'cc-additional-name'\n  | 'cc-family-name'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-csc'\n  | 'cc-type'\n  | 'transaction-currency'\n  | 'transaction-amount'\n  | 'language'\n  | 'sex'\n  | 'tel'\n  | 'tel-country-code'\n  | 'tel-national'\n  | 'tel-area-code'\n  | 'tel-local'\n  | 'tel-extension'\n  | 'impp'\n  | 'url'\n  | 'photo'\nexport type SupportedAutocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'\n"]}

package/demo/elements/authorization/oauth-authorize.html

@@ -51,22 +51,22 @@
     <form autocomplete="on" method="post">
       <h1>Demo log in</h1>
       <p>Log in using any username and password to authorize Authorization Method component</p>
-      <ui-text-field
+      <ui-filled-text-field
         type="email"
         name="username"
         required
         invalidMessage="Email is required"
         label="Email"
         autocomplete="on"
-      ></ui-text-field>
+      ></ui-filled-text-field>
       
-      <ui-text-field
+      <ui-filled-text-field
         name="password"
         required
         autocomplete="on"
         invalidMessage="Password is required"
         label="Password"
-      ></ui-text-field>
+      ></ui-filled-text-field>
       <ui-filled-button class="login-button">Authorize</ui-filled-button>
     </form>
   </section>