@vonage/vwc-textfield 2.30.2 → 2.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +11 -11
- package/vwc-textfield.css.js +1 -1
- package/vwc-textfield.css.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonage/vwc-textfield",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.32.0",
|
|
4
4
|
"description": "texfield component",
|
|
5
5
|
"author": "yinonov <yinon@hotmail.com>",
|
|
6
6
|
"homepage": "https://github.com/Vonage/vivid/tree/master/components/textfield#readme",
|
|
@@ -28,21 +28,21 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@material/mwc-textfield": "^0.22.1",
|
|
31
|
-
"@vonage/vvd-core": "2.
|
|
32
|
-
"@vonage/vvd-foundation": "2.
|
|
33
|
-
"@vonage/vvd-style-coupling": "2.
|
|
34
|
-
"@vonage/vwc-helper-message": "2.
|
|
35
|
-
"@vonage/vwc-icon": "2.
|
|
36
|
-
"@vonage/vwc-notched-outline": "2.
|
|
31
|
+
"@vonage/vvd-core": "2.32.0",
|
|
32
|
+
"@vonage/vvd-foundation": "2.32.0",
|
|
33
|
+
"@vonage/vvd-style-coupling": "2.32.0",
|
|
34
|
+
"@vonage/vwc-helper-message": "2.32.0",
|
|
35
|
+
"@vonage/vwc-icon": "2.32.0",
|
|
36
|
+
"@vonage/vwc-notched-outline": "2.32.0",
|
|
37
37
|
"lit-element": "^2.4.0",
|
|
38
38
|
"lit-html": "^1.3.0",
|
|
39
39
|
"tslib": "^2.3.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@vonage/vvd-design-tokens": "2.
|
|
43
|
-
"@vonage/vvd-typography": "2.
|
|
44
|
-
"@vonage/vvd-umbrella": "2.
|
|
42
|
+
"@vonage/vvd-design-tokens": "2.32.0",
|
|
43
|
+
"@vonage/vvd-typography": "2.32.0",
|
|
44
|
+
"@vonage/vvd-umbrella": "2.32.0",
|
|
45
45
|
"typescript": "^4.3.2"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "eeb7694dfee9594e4388f50589dbf7f5de6c9f0c"
|
|
48
48
|
}
|
package/vwc-textfield.css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit-element';
|
|
2
|
-
export const style = css `:host .mdc-floating-label{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 16px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 24px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}:host .mdc-floating-label--float-above{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 12px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 16px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}:host([dense]) .mdc-floating-label{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 14px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 20px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}::slotted(.vivid-input-internal){font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box !important;border:unset;background:unset;block-size:100%;border-radius:var(--vvd-textfield-shape);color:var(--vvd-color-on-canvas);inline-size:100%;inset:0;outline:unset}:host([disabled]) ::slotted(.vivid-input-internal),:host([disabled]) ::slotted(.vivid-input-internal)::placeholder{color:var(--vvd-formfield-disabled-ink)}::slotted(.vivid-input-internal:not([style*=padding i])){opacity:0}::slotted(.vivid-input-internal:-webkit-autofill),::slotted(.vivid-input-internal:-webkit-autofill:hover),::slotted(.vivid-input-internal:-webkit-autofill:focus){z-index:-1;box-shadow:0 0 0 30px var(--vvd-color-neutral-20) inset;-webkit-text-fill-color:var(--vvd-color-on-canvas)}:host(:not([dense])) :not(.mdc-text-field--no-label) ::slotted(.vivid-input-internal){padding-block-start:calc( var(--vvd-textfield-block-size) - 32px )}:host(:not([dense])) ::slotted(.vivid-input-internal){transition:opacity 100ms}:host(:not([dense])) .mdc-text-field ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)){opacity:0}:host(:not([dense])) .mdc-text-field.mdc-text-field--no-label ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)),:host(:not([dense])) .mdc-text-field.mdc-text-field--label-floating ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)){opacity:1}slot[name=action i]::slotted(vwc-icon-button){align-self:center;margin-inline-start:4px}:host(:not([dense])) slot[name=action i]::slotted(vwc-icon-button){--vvd-icon-button-icon-size:var(--vvd-textfield-action-icon-size, 20px)}:host([dense]) slot[name=action i]::slotted(vwc-icon-button){--vvd-icon-button-icon-size:var(--vvd-textfield-action-icon-size, 16px)}:host{--mdc-shape-small: var(--vvd-textfield-shape);--mdc-theme-error: --vvd-formfield-label-error-ink;--mdc-text-field-fill-color: var(--vvd-color-canvas);--mdc-text-field-ink-color: var(--vvd-color-on-canvas);--mdc-text-field-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-text-field-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-text-field-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-text-field-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-text-field-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-text-field-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-text-field-error-color: var( --vvd-formfield-label-error-ink );--mdc-text-field-error-fill-color: var( --vvd-formfield-error-fill );--vvd-formfield-disabled-ink:var(--vvd-color-neutral-50);--vvd-formfield-disabled-fill:var(--vvd-color-neutral-20);--vvd-formfield-label-idle-ink:var(--vvd-color-neutral-70);--vvd-formfield-border-idle:var(--vvd-color-neutral-50);--vvd-formfield-border-hover:var(--vvd-color-on-canvas);--vvd-formfield-border-disabled:var(--vvd-color-neutral-50);--vvd-formfield-error-fill:var(--vvd-color-alert-20);--vvd-formfield-label-error-ink:var(--vvd-color-alert);min-width:180px;font-stretch:var(--mdc-typography-subtitle1-font-stretch)}:host .mdc-text-field__input{pointer-events:none}:host([readonly]) vwc-notched-outline,:host([disabled]) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-disabled-border-color )}:host([readonly]) .mdc-text-field,:host([disabled]) .mdc-text-field{background-color:var(--mdc-text-field-disabled-fill-color)}:host(:not([disabled])) .mdc-text-field.mdc-text-field--focused vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-hover-border-color )}:host(:not([disabled])) .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--invalid) .mdc-floating-label{color:var(--mdc-text-field-label-ink-color)}:host([dense]){--vvd-textfield-block-size:40px}:host(:not([dense])){--vvd-textfield-block-size:48px}:host([dense][label]:not([label=""])) .mdc-text-field .mdc-floating-label{top:-25px;left:-12px;transform:none}:host([dense][label]:not([label=""])) .mdc-text-field .mdc-floating-label,:host([dense][label]:not([label=""])) .mdc-text-field--invalid.mdc-text-field--outlined .mdc-floating-label,:host([dense][label]:not([label=""])) .mdc-text-field:not(.mdc-text-field--invalid):not(.mdc-text-field--focused) .mdc-floating-label,:host([dense][label]:not([label=""])) .mdc-text-field:not(.mdc-text-field--invalid).mdc-text-field--focused .mdc-floating-label{color:var(--mdc-text-field-ink-color)}:host([charcounter]),:host([dense][label]:not([label=""])){padding-top:24px}.mdc-text-field{height:var(--vvd-textfield-block-size);border-bottom-left-radius:var(--vvd-textfield-shape);border-bottom-right-radius:var(--vvd-textfield-shape)}.mdc-text-field .mdc-floating-label{left:14px;font-stretch:var(--mdc-typography-subtitle1-font-stretch);line-height:var(--mdc-typography-subtitle1-line-height);transition-property:transform,font-size}.mdc-text-field .mdc-floating-label--float-above{font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-18px)}.mdc-text-field .mdc-floating-label--float-above.mdc-floating-label--shake{animation:none}.mdc-text-field--outlined{padding-left:max(16px, var(--mdc-shape-small, 4px));background-color:var(--mdc-text-field-fill-color)}.mdc-text-field--outlined .mdc-floating-label{left:4px}.mdc-text-field--outlined.vvd-text-field--with-action,.mdc-text-field--outlined.vvd-text-field--with-action.mdc-text-field--with-trailing-icon{padding-inline-end:4px}.mdc-text-field--invalid{--vvd-outline-color: var(--mdc-text-field-error-color)}.mdc-text-field--invalid.mdc-text-field--outlined{background-color:var(--mdc-text-field-error-fill-color)}.mdc-text-field--invalid.mdc-text-field--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-text-field-error-color)}.mdc-text-field--invalid.mdc-text-field--outlined .mdc-floating-label{color:var(--mdc-text-field-error-color)}.mdc-text-field--invalid .mdc-text-field__icon--trailing{color:var(--mdc-text-field-label-ink-color)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-text-field-label-ink-color)}:host(:hover) .mdc-text-field,.mdc-text-field:hover,.mdc-text-field--focused{--vvd-outline-color: var(--mdc-text-field-outlined-hover-border-color)}:host(:hover) .mdc-text-field.mdc-text-field--invalid,.mdc-text-field:hover.mdc-text-field--invalid,.mdc-text-field--focused.mdc-text-field--invalid{--vvd-outline-color: var(--mdc-text-field-error-color)}.mdc-text-field--disabled .mdc-text-field__icon--leading,.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:var(--mdc-text-field-disabled-ink-color)}.mdc-text-field .mdc-text-field__icon--leading,.mdc-text-field .mdc-text-field__icon--trailing{display:flex;align-self:center;padding:0;margin:0 16px}.mdc-text-field .mdc-text-field__icon--leading vwc-icon,.mdc-text-field .mdc-text-field__icon--trailing vwc-icon{--vvd-icon-size:var(--vvd-textfield-action-icon-size, 20px)}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-idle-border-color )}:host(:not([disabled]):hover) :not(.mdc-text-field--invalid):not(.mdc-text-field--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--vvd-textfield-shape:6px}:host([shape=pill i]){--vvd-textfield-shape:24px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-18px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:40px}.mdc-text-field-character-counter{font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;position:absolute;top:-25px;right:0;color:var(--vvd-color-neutral-70) !important}:host([appearance=ghost i]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}`;
|
|
2
|
+
export const style = css `:host .mdc-floating-label{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 16px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 24px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}:host .mdc-floating-label--float-above{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 12px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 16px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}:host([dense]) .mdc-floating-label{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 14px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 20px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}::slotted(.vivid-input-internal){font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box !important;border:unset;background:unset;block-size:100%;border-radius:var(--vvd-textfield-shape);color:var(--vvd-color-on-canvas);inline-size:100%;inset:0;outline:unset}:host([disabled]) ::slotted(.vivid-input-internal),:host([disabled]) ::slotted(.vivid-input-internal)::placeholder{color:var(--vvd-formfield-disabled-ink)}::slotted(.vivid-input-internal:not([style*=padding i])){opacity:0}::slotted(.vivid-input-internal:-webkit-autofill),::slotted(.vivid-input-internal:-webkit-autofill:hover),::slotted(.vivid-input-internal:-webkit-autofill:focus){z-index:-1;box-shadow:0 0 0 30px var(--vvd-color-neutral-20) inset;-webkit-text-fill-color:var(--vvd-color-on-canvas)}:host(:not([dense])) :not(.mdc-text-field--no-label) ::slotted(.vivid-input-internal){padding-block-start:calc( var(--vvd-textfield-block-size) - 32px )}:host(:not([dense])) ::slotted(.vivid-input-internal){transition:opacity 100ms}:host(:not([dense])) .mdc-text-field ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)){opacity:0}:host(:not([dense])) .mdc-text-field.mdc-text-field--no-label ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)),:host(:not([dense])) .mdc-text-field.mdc-text-field--label-floating ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)){opacity:1}slot[name=action i]::slotted(vwc-icon-button){align-self:center;margin-inline-start:4px}:host(:not([dense])) slot[name=action i]::slotted(vwc-icon-button){--vvd-icon-button-icon-size:var(--vvd-textfield-action-icon-size, 20px)}:host([dense]) slot[name=action i]::slotted(vwc-icon-button){--vvd-icon-button-icon-size:var(--vvd-textfield-action-icon-size, 16px)}:host{--mdc-shape-small: var(--vvd-textfield-shape);--mdc-theme-error: --vvd-formfield-label-error-ink;--mdc-text-field-fill-color: var(--vvd-color-canvas);--mdc-text-field-ink-color: var(--vvd-color-on-canvas);--mdc-text-field-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-text-field-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-text-field-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-text-field-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-text-field-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-text-field-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-text-field-error-color: var( --vvd-formfield-label-error-ink );--mdc-text-field-error-fill-color: var( --vvd-formfield-error-fill );--vvd-formfield-disabled-ink:var(--vvd-color-neutral-50);--vvd-formfield-disabled-fill:var(--vvd-color-neutral-20);--vvd-formfield-label-idle-ink:var(--vvd-color-neutral-70);--vvd-formfield-border-idle:var(--vvd-color-neutral-50);--vvd-formfield-border-hover:var(--vvd-color-on-canvas);--vvd-formfield-border-disabled:var(--vvd-color-neutral-50);--vvd-formfield-error-fill:var(--vvd-color-alert-20);--vvd-formfield-label-error-ink:var(--vvd-color-alert);min-width:180px;font-stretch:var(--mdc-typography-subtitle1-font-stretch)}:host .mdc-text-field__input{pointer-events:none}:host([readonly]) vwc-notched-outline,:host([disabled]) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-disabled-border-color )}:host([readonly]) .mdc-text-field,:host([disabled]) .mdc-text-field{background-color:var(--mdc-text-field-disabled-fill-color)}:host(:not([disabled])) .mdc-text-field.mdc-text-field--focused vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-hover-border-color )}:host(:not([disabled])) .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--invalid) .mdc-floating-label{color:var(--mdc-text-field-label-ink-color)}:host([dense]){--vvd-textfield-block-size:40px}:host(:not([dense])){--vvd-textfield-block-size:48px}:host([dense][label]:not([label=""])) .mdc-text-field .mdc-floating-label{top:-25px;left:-12px;transform:none}:host([dense][label]:not([label=""])) .mdc-text-field .mdc-floating-label,:host([dense][label]:not([label=""])) .mdc-text-field--invalid.mdc-text-field--outlined .mdc-floating-label,:host([dense][label]:not([label=""])) .mdc-text-field:not(.mdc-text-field--invalid):not(.mdc-text-field--focused) .mdc-floating-label,:host([dense][label]:not([label=""])) .mdc-text-field:not(.mdc-text-field--invalid).mdc-text-field--focused .mdc-floating-label{color:var(--mdc-text-field-ink-color)}:host([charcounter]),:host([dense][label]:not([label=""])){padding-top:24px}.mdc-text-field{height:var(--vvd-textfield-block-size);border-bottom-left-radius:var(--vvd-textfield-shape);border-bottom-right-radius:var(--vvd-textfield-shape)}.mdc-text-field .mdc-floating-label{left:14px;font-stretch:var(--mdc-typography-subtitle1-font-stretch);line-height:var(--mdc-typography-subtitle1-line-height);transition-property:transform,font-size}.mdc-text-field .mdc-floating-label--float-above{font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-18px)}.mdc-text-field .mdc-floating-label--float-above.mdc-floating-label--shake{animation:none}.mdc-text-field--outlined{padding-left:max(16px, var(--mdc-shape-small, 4px));background-color:var(--mdc-text-field-fill-color)}.mdc-text-field--outlined .mdc-floating-label{left:4px}.mdc-text-field--outlined.vvd-text-field--with-action,.mdc-text-field--outlined.vvd-text-field--with-action.mdc-text-field--with-trailing-icon{padding-inline-end:4px}.mdc-text-field--invalid{--vvd-outline-color: var(--mdc-text-field-error-color)}.mdc-text-field--invalid.mdc-text-field--outlined{background-color:var(--mdc-text-field-error-fill-color)}.mdc-text-field--invalid.mdc-text-field--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-text-field-error-color)}.mdc-text-field--invalid.mdc-text-field--outlined .mdc-floating-label{color:var(--mdc-text-field-error-color)}.mdc-text-field--invalid .mdc-text-field__icon--trailing{color:var(--mdc-text-field-label-ink-color)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-text-field-label-ink-color)}:host(:hover) .mdc-text-field,.mdc-text-field:hover,.mdc-text-field--focused{--vvd-outline-color: var(--mdc-text-field-outlined-hover-border-color)}:host(:hover) .mdc-text-field.mdc-text-field--invalid,.mdc-text-field:hover.mdc-text-field--invalid,.mdc-text-field--focused.mdc-text-field--invalid{--vvd-outline-color: var(--mdc-text-field-error-color)}.mdc-text-field--disabled .mdc-text-field__icon--leading,.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:var(--mdc-text-field-disabled-ink-color)}.mdc-text-field .mdc-text-field__icon--leading,.mdc-text-field .mdc-text-field__icon--trailing{display:flex;align-self:center;padding:0;margin:0 16px}.mdc-text-field .mdc-text-field__icon--leading vwc-icon,.mdc-text-field .mdc-text-field__icon--trailing vwc-icon{--vvd-icon-size:var(--vvd-textfield-action-icon-size, 20px)}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-idle-border-color )}:host(:not([disabled]):hover) :not(.mdc-text-field--invalid):not(.mdc-text-field--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--vvd-textfield-shape:6px}:host([shape=pill i]){--vvd-textfield-shape:24px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-18px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:40px}.mdc-text-field-character-counter{font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;position:absolute;top:-25px;right:0;color:var(--vvd-color-neutral-70) !important}:host([appearance=ghost i]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}:host([appearance=ghost i]) .mdc-text-field--outlined{--mdc-text-field-fill-color: transparent}:host([appearance=ghost i][disabled]:not([dense])) .mdc-text-field{--mdc-text-field-disabled-fill-color: transparent}`;
|
|
3
3
|
//# sourceMappingURL=vwc-textfield.css.js.map
|
package/vwc-textfield.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vwc-textfield.css.js","sourceRoot":"","sources":["src/vwc-textfield.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,svVAAsvV,CAAC","sourcesContent":["// autogenerated module\nimport {css} from 'lit-element';\nexport const style = css`:host .mdc-floating-label{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 16px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 24px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}:host .mdc-floating-label--float-above{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 12px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 16px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}:host([dense]) .mdc-floating-label{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 14px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 20px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}::slotted(.vivid-input-internal){font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box !important;border:unset;background:unset;block-size:100%;border-radius:var(--vvd-textfield-shape);color:var(--vvd-color-on-canvas);inline-size:100%;inset:0;outline:unset}:host([disabled]) ::slotted(.vivid-input-internal),:host([disabled]) ::slotted(.vivid-input-internal)::placeholder{color:var(--vvd-formfield-disabled-ink)}::slotted(.vivid-input-internal:not([style*=padding i])){opacity:0}::slotted(.vivid-input-internal:-webkit-autofill),::slotted(.vivid-input-internal:-webkit-autofill:hover),::slotted(.vivid-input-internal:-webkit-autofill:focus){z-index:-1;box-shadow:0 0 0 30px var(--vvd-color-neutral-20) inset;-webkit-text-fill-color:var(--vvd-color-on-canvas)}:host(:not([dense])) :not(.mdc-text-field--no-label) ::slotted(.vivid-input-internal){padding-block-start:calc( \t\t\t\tvar(--vvd-textfield-block-size) - 32px \t\t\t)}:host(:not([dense])) ::slotted(.vivid-input-internal){transition:opacity 100ms}:host(:not([dense])) .mdc-text-field ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)){opacity:0}:host(:not([dense])) .mdc-text-field.mdc-text-field--no-label ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)),:host(:not([dense])) .mdc-text-field.mdc-text-field--label-floating ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)){opacity:1}slot[name=action i]::slotted(vwc-icon-button){align-self:center;margin-inline-start:4px}:host(:not([dense])) slot[name=action i]::slotted(vwc-icon-button){--vvd-icon-button-icon-size:var(--vvd-textfield-action-icon-size, 20px)}:host([dense]) slot[name=action i]::slotted(vwc-icon-button){--vvd-icon-button-icon-size:var(--vvd-textfield-action-icon-size, 16px)}:host{--mdc-shape-small: var(--vvd-textfield-shape);--mdc-theme-error: --vvd-formfield-label-error-ink;--mdc-text-field-fill-color: var(--vvd-color-canvas);--mdc-text-field-ink-color: var(--vvd-color-on-canvas);--mdc-text-field-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-text-field-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-text-field-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-text-field-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-text-field-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-text-field-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-text-field-error-color: var( --vvd-formfield-label-error-ink );--mdc-text-field-error-fill-color: var( --vvd-formfield-error-fill );--vvd-formfield-disabled-ink:var(--vvd-color-neutral-50);--vvd-formfield-disabled-fill:var(--vvd-color-neutral-20);--vvd-formfield-label-idle-ink:var(--vvd-color-neutral-70);--vvd-formfield-border-idle:var(--vvd-color-neutral-50);--vvd-formfield-border-hover:var(--vvd-color-on-canvas);--vvd-formfield-border-disabled:var(--vvd-color-neutral-50);--vvd-formfield-error-fill:var(--vvd-color-alert-20);--vvd-formfield-label-error-ink:var(--vvd-color-alert);min-width:180px;font-stretch:var(--mdc-typography-subtitle1-font-stretch)}:host .mdc-text-field__input{pointer-events:none}:host([readonly]) vwc-notched-outline,:host([disabled]) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-disabled-border-color )}:host([readonly]) .mdc-text-field,:host([disabled]) .mdc-text-field{background-color:var(--mdc-text-field-disabled-fill-color)}:host(:not([disabled])) .mdc-text-field.mdc-text-field--focused vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-hover-border-color )}:host(:not([disabled])) .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--invalid) .mdc-floating-label{color:var(--mdc-text-field-label-ink-color)}:host([dense]){--vvd-textfield-block-size:40px}:host(:not([dense])){--vvd-textfield-block-size:48px}:host([dense][label]:not([label=\"\"])) .mdc-text-field .mdc-floating-label{top:-25px;left:-12px;transform:none}:host([dense][label]:not([label=\"\"])) .mdc-text-field .mdc-floating-label,:host([dense][label]:not([label=\"\"])) .mdc-text-field--invalid.mdc-text-field--outlined .mdc-floating-label,:host([dense][label]:not([label=\"\"])) .mdc-text-field:not(.mdc-text-field--invalid):not(.mdc-text-field--focused) .mdc-floating-label,:host([dense][label]:not([label=\"\"])) .mdc-text-field:not(.mdc-text-field--invalid).mdc-text-field--focused .mdc-floating-label{color:var(--mdc-text-field-ink-color)}:host([charcounter]),:host([dense][label]:not([label=\"\"])){padding-top:24px}.mdc-text-field{height:var(--vvd-textfield-block-size);border-bottom-left-radius:var(--vvd-textfield-shape);border-bottom-right-radius:var(--vvd-textfield-shape)}.mdc-text-field .mdc-floating-label{left:14px;font-stretch:var(--mdc-typography-subtitle1-font-stretch);line-height:var(--mdc-typography-subtitle1-line-height);transition-property:transform,font-size}.mdc-text-field .mdc-floating-label--float-above{font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-18px)}.mdc-text-field .mdc-floating-label--float-above.mdc-floating-label--shake{animation:none}.mdc-text-field--outlined{padding-left:max(16px, var(--mdc-shape-small, 4px));background-color:var(--mdc-text-field-fill-color)}.mdc-text-field--outlined .mdc-floating-label{left:4px}.mdc-text-field--outlined.vvd-text-field--with-action,.mdc-text-field--outlined.vvd-text-field--with-action.mdc-text-field--with-trailing-icon{padding-inline-end:4px}.mdc-text-field--invalid{--vvd-outline-color: var(--mdc-text-field-error-color)}.mdc-text-field--invalid.mdc-text-field--outlined{background-color:var(--mdc-text-field-error-fill-color)}.mdc-text-field--invalid.mdc-text-field--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-text-field-error-color)}.mdc-text-field--invalid.mdc-text-field--outlined .mdc-floating-label{color:var(--mdc-text-field-error-color)}.mdc-text-field--invalid .mdc-text-field__icon--trailing{color:var(--mdc-text-field-label-ink-color)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-text-field-label-ink-color)}:host(:hover) .mdc-text-field,.mdc-text-field:hover,.mdc-text-field--focused{--vvd-outline-color: var(--mdc-text-field-outlined-hover-border-color)}:host(:hover) .mdc-text-field.mdc-text-field--invalid,.mdc-text-field:hover.mdc-text-field--invalid,.mdc-text-field--focused.mdc-text-field--invalid{--vvd-outline-color: var(--mdc-text-field-error-color)}.mdc-text-field--disabled .mdc-text-field__icon--leading,.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:var(--mdc-text-field-disabled-ink-color)}.mdc-text-field .mdc-text-field__icon--leading,.mdc-text-field .mdc-text-field__icon--trailing{display:flex;align-self:center;padding:0;margin:0 16px}.mdc-text-field .mdc-text-field__icon--leading vwc-icon,.mdc-text-field .mdc-text-field__icon--trailing vwc-icon{--vvd-icon-size:var(--vvd-textfield-action-icon-size, 20px)}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-idle-border-color )}:host(:not([disabled]):hover) :not(.mdc-text-field--invalid):not(.mdc-text-field--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--vvd-textfield-shape:6px}:host([shape=pill i]){--vvd-textfield-shape:24px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-18px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:40px}.mdc-text-field-character-counter{font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;position:absolute;top:-25px;right:0;color:var(--vvd-color-neutral-70) !important}:host([appearance=ghost i]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}`;"]}
|
|
1
|
+
{"version":3,"file":"vwc-textfield.css.js","sourceRoot":"","sources":["src/vwc-textfield.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,08VAA08V,CAAC","sourcesContent":["// autogenerated module\nimport {css} from 'lit-element';\nexport const style = css`:host .mdc-floating-label{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 16px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 24px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}:host .mdc-floating-label--float-above{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 12px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 16px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}:host([dense]) .mdc-floating-label{--vvd-typography-font-family: SpeziaWebVariable;--vvd-typography-font-size: 14px;--vvd-typography-font-stretch: 50%;--vvd-typography-font-weight: 400;--vvd-typography-letter-spacing: 0px;--vvd-typography-line-height: 20px;--vvd-typography-text-decoration: none;--vvd-typography-text-transform: none;--mdc-typography-subtitle1-font-family: var(--vvd-typography-font-family);--mdc-typography-subtitle1-font-size: var(--vvd-typography-font-size);--mdc-typography-subtitle1-font-stretch: var(--vvd-typography-font-stretch);--mdc-typography-subtitle1-font-weight: var(--vvd-typography-font-weight);--mdc-typography-subtitle1-letter-spacing: var(--vvd-typography-letter-spacing);--mdc-typography-subtitle1-line-height: var(--vvd-typography-line-height);--mdc-typography-subtitle1-text-decoration: var(--vvd-typography-text-decoration);--mdc-typography-subtitle1-text-transform: var(--vvd-typography-text-transform)}::slotted(.vivid-input-internal){font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box !important;border:unset;background:unset;block-size:100%;border-radius:var(--vvd-textfield-shape);color:var(--vvd-color-on-canvas);inline-size:100%;inset:0;outline:unset}:host([disabled]) ::slotted(.vivid-input-internal),:host([disabled]) ::slotted(.vivid-input-internal)::placeholder{color:var(--vvd-formfield-disabled-ink)}::slotted(.vivid-input-internal:not([style*=padding i])){opacity:0}::slotted(.vivid-input-internal:-webkit-autofill),::slotted(.vivid-input-internal:-webkit-autofill:hover),::slotted(.vivid-input-internal:-webkit-autofill:focus){z-index:-1;box-shadow:0 0 0 30px var(--vvd-color-neutral-20) inset;-webkit-text-fill-color:var(--vvd-color-on-canvas)}:host(:not([dense])) :not(.mdc-text-field--no-label) ::slotted(.vivid-input-internal){padding-block-start:calc( \t\t\t\tvar(--vvd-textfield-block-size) - 32px \t\t\t)}:host(:not([dense])) ::slotted(.vivid-input-internal){transition:opacity 100ms}:host(:not([dense])) .mdc-text-field ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)){opacity:0}:host(:not([dense])) .mdc-text-field.mdc-text-field--no-label ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)),:host(:not([dense])) .mdc-text-field.mdc-text-field--label-floating ::slotted(.vivid-input-internal:placeholder-shown:not(:focus)){opacity:1}slot[name=action i]::slotted(vwc-icon-button){align-self:center;margin-inline-start:4px}:host(:not([dense])) slot[name=action i]::slotted(vwc-icon-button){--vvd-icon-button-icon-size:var(--vvd-textfield-action-icon-size, 20px)}:host([dense]) slot[name=action i]::slotted(vwc-icon-button){--vvd-icon-button-icon-size:var(--vvd-textfield-action-icon-size, 16px)}:host{--mdc-shape-small: var(--vvd-textfield-shape);--mdc-theme-error: --vvd-formfield-label-error-ink;--mdc-text-field-fill-color: var(--vvd-color-canvas);--mdc-text-field-ink-color: var(--vvd-color-on-canvas);--mdc-text-field-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-text-field-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-text-field-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-text-field-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-text-field-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-text-field-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-text-field-error-color: var( --vvd-formfield-label-error-ink );--mdc-text-field-error-fill-color: var( --vvd-formfield-error-fill );--vvd-formfield-disabled-ink:var(--vvd-color-neutral-50);--vvd-formfield-disabled-fill:var(--vvd-color-neutral-20);--vvd-formfield-label-idle-ink:var(--vvd-color-neutral-70);--vvd-formfield-border-idle:var(--vvd-color-neutral-50);--vvd-formfield-border-hover:var(--vvd-color-on-canvas);--vvd-formfield-border-disabled:var(--vvd-color-neutral-50);--vvd-formfield-error-fill:var(--vvd-color-alert-20);--vvd-formfield-label-error-ink:var(--vvd-color-alert);min-width:180px;font-stretch:var(--mdc-typography-subtitle1-font-stretch)}:host .mdc-text-field__input{pointer-events:none}:host([readonly]) vwc-notched-outline,:host([disabled]) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-disabled-border-color )}:host([readonly]) .mdc-text-field,:host([disabled]) .mdc-text-field{background-color:var(--mdc-text-field-disabled-fill-color)}:host(:not([disabled])) .mdc-text-field.mdc-text-field--focused vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-hover-border-color )}:host(:not([disabled])) .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--invalid) .mdc-floating-label{color:var(--mdc-text-field-label-ink-color)}:host([dense]){--vvd-textfield-block-size:40px}:host(:not([dense])){--vvd-textfield-block-size:48px}:host([dense][label]:not([label=\"\"])) .mdc-text-field .mdc-floating-label{top:-25px;left:-12px;transform:none}:host([dense][label]:not([label=\"\"])) .mdc-text-field .mdc-floating-label,:host([dense][label]:not([label=\"\"])) .mdc-text-field--invalid.mdc-text-field--outlined .mdc-floating-label,:host([dense][label]:not([label=\"\"])) .mdc-text-field:not(.mdc-text-field--invalid):not(.mdc-text-field--focused) .mdc-floating-label,:host([dense][label]:not([label=\"\"])) .mdc-text-field:not(.mdc-text-field--invalid).mdc-text-field--focused .mdc-floating-label{color:var(--mdc-text-field-ink-color)}:host([charcounter]),:host([dense][label]:not([label=\"\"])){padding-top:24px}.mdc-text-field{height:var(--vvd-textfield-block-size);border-bottom-left-radius:var(--vvd-textfield-shape);border-bottom-right-radius:var(--vvd-textfield-shape)}.mdc-text-field .mdc-floating-label{left:14px;font-stretch:var(--mdc-typography-subtitle1-font-stretch);line-height:var(--mdc-typography-subtitle1-line-height);transition-property:transform,font-size}.mdc-text-field .mdc-floating-label--float-above{font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-18px)}.mdc-text-field .mdc-floating-label--float-above.mdc-floating-label--shake{animation:none}.mdc-text-field--outlined{padding-left:max(16px, var(--mdc-shape-small, 4px));background-color:var(--mdc-text-field-fill-color)}.mdc-text-field--outlined .mdc-floating-label{left:4px}.mdc-text-field--outlined.vvd-text-field--with-action,.mdc-text-field--outlined.vvd-text-field--with-action.mdc-text-field--with-trailing-icon{padding-inline-end:4px}.mdc-text-field--invalid{--vvd-outline-color: var(--mdc-text-field-error-color)}.mdc-text-field--invalid.mdc-text-field--outlined{background-color:var(--mdc-text-field-error-fill-color)}.mdc-text-field--invalid.mdc-text-field--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-text-field-error-color)}.mdc-text-field--invalid.mdc-text-field--outlined .mdc-floating-label{color:var(--mdc-text-field-error-color)}.mdc-text-field--invalid .mdc-text-field__icon--trailing{color:var(--mdc-text-field-label-ink-color)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-text-field-label-ink-color)}:host(:hover) .mdc-text-field,.mdc-text-field:hover,.mdc-text-field--focused{--vvd-outline-color: var(--mdc-text-field-outlined-hover-border-color)}:host(:hover) .mdc-text-field.mdc-text-field--invalid,.mdc-text-field:hover.mdc-text-field--invalid,.mdc-text-field--focused.mdc-text-field--invalid{--vvd-outline-color: var(--mdc-text-field-error-color)}.mdc-text-field--disabled .mdc-text-field__icon--leading,.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:var(--mdc-text-field-disabled-ink-color)}.mdc-text-field .mdc-text-field__icon--leading,.mdc-text-field .mdc-text-field__icon--trailing{display:flex;align-self:center;padding:0;margin:0 16px}.mdc-text-field .mdc-text-field__icon--leading vwc-icon,.mdc-text-field .mdc-text-field__icon--trailing vwc-icon{--vvd-icon-size:var(--vvd-textfield-action-icon-size, 20px)}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-idle-border-color )}:host(:not([disabled]):hover) :not(.mdc-text-field--invalid):not(.mdc-text-field--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-text-field-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--vvd-textfield-shape:6px}:host([shape=pill i]){--vvd-textfield-shape:24px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-18px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:40px}.mdc-text-field-character-counter{font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;position:absolute;top:-25px;right:0;color:var(--vvd-color-neutral-70) !important}:host([appearance=ghost i]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}:host([appearance=ghost i]) .mdc-text-field--outlined{--mdc-text-field-fill-color: transparent}:host([appearance=ghost i][disabled]:not([dense])) .mdc-text-field{--mdc-text-field-disabled-fill-color: transparent}`;"]}
|