@vonage/vwc-select 2.30.3 → 2.31.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/src/vwc-select.css.ts +1 -1
- package/src/vwc-select.scss +9 -0
- package/vwc-select.css.js +1 -1
- package/vwc-select.css.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonage/vwc-select",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.31.0",
|
|
4
4
|
"description": "select component",
|
|
5
5
|
"author": "yinonov <yinon@hotmail.com>",
|
|
6
6
|
"homepage": "https://github.com/Vonage/vivid/tree/master/components/select#readme",
|
|
@@ -29,20 +29,20 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@material/mwc-select": "^0.22.1",
|
|
32
|
-
"@vonage/vvd-core": "2.
|
|
33
|
-
"@vonage/vvd-foundation": "2.
|
|
34
|
-
"@vonage/vvd-style-coupling": "2.
|
|
35
|
-
"@vonage/vwc-helper-message": "2.
|
|
36
|
-
"@vonage/vwc-icon": "2.
|
|
37
|
-
"@vonage/vwc-notched-outline": "2.
|
|
32
|
+
"@vonage/vvd-core": "2.31.0",
|
|
33
|
+
"@vonage/vvd-foundation": "2.31.0",
|
|
34
|
+
"@vonage/vvd-style-coupling": "2.31.0",
|
|
35
|
+
"@vonage/vwc-helper-message": "2.31.0",
|
|
36
|
+
"@vonage/vwc-icon": "2.31.0",
|
|
37
|
+
"@vonage/vwc-notched-outline": "2.31.0",
|
|
38
38
|
"lit-element": "^2.4.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.31.0",
|
|
43
|
+
"@vonage/vvd-typography": "2.31.0",
|
|
44
|
+
"@vonage/vvd-umbrella": "2.31.0",
|
|
45
45
|
"typescript": "^4.3.2"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "e6d882943face87679c3dcd754517611d76e395c"
|
|
48
48
|
}
|
package/src/vwc-select.css.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
// autogenerated module
|
|
2
2
|
import {css} from 'lit-element';
|
|
3
|
-
export const style = css`:host{--mdc-shape-medium: 6px;--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)}: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)}:host{--mdc-select-fill-color: var(--vvd-color-canvas);--mdc-select-ink-color: var(--vvd-color-on-canvas);--mdc-select-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-select-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-select-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-select-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-focused-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-disabled-dropdown-icon-color: var( --mdc-select-disabled-ink-color );--mdc-select-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-select-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-select-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-select-error-color: var(--vvd-formfield-label-error-ink);--mdc-select-error-fill-color: var(--vvd-formfield-error-fill);--mdc-select-error-dropdown-icon-color: var(--mdc-select-error-color);--mdc-shape-small: var(--border-radius);--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);display:inline-flex;flex-direction:column;font-stretch:var(--mdc-typography-subtitle1-font-stretch);--vvd-select-size-block:48px}:host .mdc-select__selected-text{padding:22px 0 6px}:host .vvd-select-dropdown-icon,:host .vvd-select-icon{--icon-size: 20px;display:inline-flex;align-self:center;margin:0 16px;color:var(--mdc-select-label-ink-color)}:host(:not([disabled])) .mdc-select.mdc-select--focused:not(.mdc-select--invalid) .mdc-floating-label{color:var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select{background-color:var(--mdc-select-disabled-fill-color)}:host([disabled]) .mdc-select vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-disabled-border-color )}:host([disabled]) .mdc-select .mdc-select__selected-text{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .vvd-select-icon{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .mdc-notched-outline .mdc-floating-label--float-above{--mdc-theme-primary: var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select .vvd-select-dropdown-icon{color:var(--mdc-select-disabled-dropdown-icon-color)}:host([dense]){--vvd-select-size-block:40px}:host([dense]) .mdc-select__selected-text{padding:0}:host([dense]) .mdc-select .mdc-floating-label{--mdc-select-label-ink-color: var(--vvd-color-on-canvas);--mdc-select-error-color: var(--vvd-color-on-canvas);top:-24px;left:-12px;transform:none}:host([dense]) .mdc-select:not(.mdc-select--no-label){margin-top:24px}.mdc-select{border-radius:var(--mdc-shape-small)}.mdc-select .vvd-select-dropdown-icon{transition:transform 200ms}.mdc-select.mdc-select--activated .vvd-select-dropdown-icon{transform:rotateX(180deg)}.mdc-select--outlined{background-color:var(--mdc-select-fill-color)}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{left:calc(20px + 16px * 2 - 12px)}.mdc-select--outlined .mdc-select__anchor{height:var(--vvd-select-size-block);padding-inline-start:16px}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:transform .15s,font-size .15s}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{color:var(--mdc-select-label-ink-color);font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-100%)}@media screen and (prefers-reduced-motion: reduce){.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:none}}.mdc-select--invalid.mdc-select--outlined{background-color:var(--mdc-select-error-fill-color)}.mdc-select--invalid.mdc-select--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-select-error-color)}.mdc-select--invalid.mdc-select--outlined .mdc-floating-label{color:var(--mdc-select-error-color)}@media screen and (prefers-reduced-motion: reduce){.mdc-select .vvd-select-dropdown-icon{transition:none}}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-idle-border-color )}:host(:not([disabled])) .mdc-select.mdc-select--focused vwc-notched-outline,:host(:not([disabled]):hover) .mdc-select:not(.mdc-select--invalid):not(.mdc-select--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--mdc-shape-small:6px}:host([shape=pill i]){--mdc-shape-small:24px}:host([appearance=ghost i][dense]) .mdc-select .mdc-floating-label{left:0}:host([appearance=ghost i][dense]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}:host([appearance=ghost i][dense]) .mdc-select__anchor{display:block}:host(:not([dense])) .mdc-select--no-label .mdc-select__selected-text{padding-top:8px}mwc-menu{--mdc-theme-surface: var(--vvd-color-surface-8dp)}`;
|
|
3
|
+
export const style = css`:host{--mdc-shape-medium: 6px;--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)}: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)}:host{--mdc-select-fill-color: var(--vvd-color-canvas);--mdc-select-ink-color: var(--vvd-color-on-canvas);--mdc-select-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-select-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-select-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-select-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-focused-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-disabled-dropdown-icon-color: var( --mdc-select-disabled-ink-color );--mdc-select-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-select-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-select-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-select-error-color: var(--vvd-formfield-label-error-ink);--mdc-select-error-fill-color: var(--vvd-formfield-error-fill);--mdc-select-error-dropdown-icon-color: var(--mdc-select-error-color);--mdc-shape-small: var(--border-radius);--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);display:inline-flex;flex-direction:column;font-stretch:var(--mdc-typography-subtitle1-font-stretch);--vvd-select-size-block:48px}:host .mdc-select__selected-text{padding:22px 0 6px}:host .vvd-select-dropdown-icon,:host .vvd-select-icon{--icon-size: 20px;display:inline-flex;align-self:center;margin:0 16px;color:var(--mdc-select-label-ink-color)}:host(:not([disabled])) .mdc-select.mdc-select--focused:not(.mdc-select--invalid) .mdc-floating-label{color:var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select{background-color:var(--mdc-select-disabled-fill-color)}:host([disabled]) .mdc-select vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-disabled-border-color )}:host([disabled]) .mdc-select .mdc-select__selected-text{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .vvd-select-icon{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .mdc-notched-outline .mdc-floating-label--float-above{--mdc-theme-primary: var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select .vvd-select-dropdown-icon{color:var(--mdc-select-disabled-dropdown-icon-color)}:host([dense]){--vvd-select-size-block:40px}:host([dense]) .mdc-select__selected-text{padding:0}:host([dense]) .mdc-select .mdc-floating-label{--mdc-select-label-ink-color: var(--vvd-color-on-canvas);--mdc-select-error-color: var(--vvd-color-on-canvas);top:-24px;left:-12px;transform:none}:host([dense]) .mdc-select:not(.mdc-select--no-label){margin-top:24px}.mdc-select{border-radius:var(--mdc-shape-small)}.mdc-select .vvd-select-dropdown-icon{transition:transform 200ms}.mdc-select.mdc-select--activated .vvd-select-dropdown-icon{transform:rotateX(180deg)}.mdc-select--outlined{background-color:var(--mdc-select-fill-color)}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{left:calc(20px + 16px * 2 - 12px)}.mdc-select--outlined .mdc-select__anchor{height:var(--vvd-select-size-block);padding-inline-start:16px}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:transform .15s,font-size .15s}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{color:var(--mdc-select-label-ink-color);font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-100%)}@media screen and (prefers-reduced-motion: reduce){.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:none}}.mdc-select--invalid.mdc-select--outlined{background-color:var(--mdc-select-error-fill-color)}.mdc-select--invalid.mdc-select--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-select-error-color)}.mdc-select--invalid.mdc-select--outlined .mdc-floating-label{color:var(--mdc-select-error-color)}@media screen and (prefers-reduced-motion: reduce){.mdc-select .vvd-select-dropdown-icon{transition:none}}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-idle-border-color )}:host(:not([disabled])) .mdc-select.mdc-select--focused vwc-notched-outline,:host(:not([disabled]):hover) .mdc-select:not(.mdc-select--invalid):not(.mdc-select--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--mdc-shape-small:6px}:host([shape=pill i]){--mdc-shape-small:24px}:host([appearance=ghost i][dense]) .mdc-select .mdc-floating-label{left:0}:host([appearance=ghost i][dense]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}:host([appearance=ghost i][dense]) .mdc-select__anchor{display:block}:host([appearance=ghost i][dense]) .mdc-select--outlined{--mdc-select-fill-color: transparent}:host([appearance=ghost i][dense][disabled]) .mdc-select.mdc-select--outlined{background-color:transparent}:host(:not([dense])) .mdc-select--no-label .mdc-select__selected-text{padding-top:8px}mwc-menu{--mdc-theme-surface: var(--vvd-color-surface-8dp)}`;
|
package/src/vwc-select.scss
CHANGED
|
@@ -217,6 +217,15 @@ vwc-notched-outline {
|
|
|
217
217
|
.mdc-select__anchor {
|
|
218
218
|
display: block;
|
|
219
219
|
}
|
|
220
|
+
.mdc-select--outlined {
|
|
221
|
+
--mdc-select-fill-color: transparent;
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
:host([appearance='ghost'i][dense][disabled]) {
|
|
226
|
+
.mdc-select.mdc-select--outlined {
|
|
227
|
+
background-color: transparent;
|
|
228
|
+
}
|
|
220
229
|
}
|
|
221
230
|
|
|
222
231
|
|
package/vwc-select.css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit-element';
|
|
2
|
-
export const style = css `:host{--mdc-shape-medium: 6px;--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)}: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)}:host{--mdc-select-fill-color: var(--vvd-color-canvas);--mdc-select-ink-color: var(--vvd-color-on-canvas);--mdc-select-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-select-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-select-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-select-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-focused-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-disabled-dropdown-icon-color: var( --mdc-select-disabled-ink-color );--mdc-select-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-select-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-select-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-select-error-color: var(--vvd-formfield-label-error-ink);--mdc-select-error-fill-color: var(--vvd-formfield-error-fill);--mdc-select-error-dropdown-icon-color: var(--mdc-select-error-color);--mdc-shape-small: var(--border-radius);--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);display:inline-flex;flex-direction:column;font-stretch:var(--mdc-typography-subtitle1-font-stretch);--vvd-select-size-block:48px}:host .mdc-select__selected-text{padding:22px 0 6px}:host .vvd-select-dropdown-icon,:host .vvd-select-icon{--icon-size: 20px;display:inline-flex;align-self:center;margin:0 16px;color:var(--mdc-select-label-ink-color)}:host(:not([disabled])) .mdc-select.mdc-select--focused:not(.mdc-select--invalid) .mdc-floating-label{color:var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select{background-color:var(--mdc-select-disabled-fill-color)}:host([disabled]) .mdc-select vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-disabled-border-color )}:host([disabled]) .mdc-select .mdc-select__selected-text{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .vvd-select-icon{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .mdc-notched-outline .mdc-floating-label--float-above{--mdc-theme-primary: var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select .vvd-select-dropdown-icon{color:var(--mdc-select-disabled-dropdown-icon-color)}:host([dense]){--vvd-select-size-block:40px}:host([dense]) .mdc-select__selected-text{padding:0}:host([dense]) .mdc-select .mdc-floating-label{--mdc-select-label-ink-color: var(--vvd-color-on-canvas);--mdc-select-error-color: var(--vvd-color-on-canvas);top:-24px;left:-12px;transform:none}:host([dense]) .mdc-select:not(.mdc-select--no-label){margin-top:24px}.mdc-select{border-radius:var(--mdc-shape-small)}.mdc-select .vvd-select-dropdown-icon{transition:transform 200ms}.mdc-select.mdc-select--activated .vvd-select-dropdown-icon{transform:rotateX(180deg)}.mdc-select--outlined{background-color:var(--mdc-select-fill-color)}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{left:calc(20px + 16px * 2 - 12px)}.mdc-select--outlined .mdc-select__anchor{height:var(--vvd-select-size-block);padding-inline-start:16px}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:transform .15s,font-size .15s}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{color:var(--mdc-select-label-ink-color);font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-100%)}@media screen and (prefers-reduced-motion: reduce){.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:none}}.mdc-select--invalid.mdc-select--outlined{background-color:var(--mdc-select-error-fill-color)}.mdc-select--invalid.mdc-select--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-select-error-color)}.mdc-select--invalid.mdc-select--outlined .mdc-floating-label{color:var(--mdc-select-error-color)}@media screen and (prefers-reduced-motion: reduce){.mdc-select .vvd-select-dropdown-icon{transition:none}}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-idle-border-color )}:host(:not([disabled])) .mdc-select.mdc-select--focused vwc-notched-outline,:host(:not([disabled]):hover) .mdc-select:not(.mdc-select--invalid):not(.mdc-select--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--mdc-shape-small:6px}:host([shape=pill i]){--mdc-shape-small:24px}:host([appearance=ghost i][dense]) .mdc-select .mdc-floating-label{left:0}:host([appearance=ghost i][dense]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}:host([appearance=ghost i][dense]) .mdc-select__anchor{display:block}:host(:not([dense])) .mdc-select--no-label .mdc-select__selected-text{padding-top:8px}mwc-menu{--mdc-theme-surface: var(--vvd-color-surface-8dp)}`;
|
|
2
|
+
export const style = css `:host{--mdc-shape-medium: 6px;--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)}: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)}:host{--mdc-select-fill-color: var(--vvd-color-canvas);--mdc-select-ink-color: var(--vvd-color-on-canvas);--mdc-select-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-select-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-select-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-select-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-focused-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-disabled-dropdown-icon-color: var( --mdc-select-disabled-ink-color );--mdc-select-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-select-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-select-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-select-error-color: var(--vvd-formfield-label-error-ink);--mdc-select-error-fill-color: var(--vvd-formfield-error-fill);--mdc-select-error-dropdown-icon-color: var(--mdc-select-error-color);--mdc-shape-small: var(--border-radius);--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);display:inline-flex;flex-direction:column;font-stretch:var(--mdc-typography-subtitle1-font-stretch);--vvd-select-size-block:48px}:host .mdc-select__selected-text{padding:22px 0 6px}:host .vvd-select-dropdown-icon,:host .vvd-select-icon{--icon-size: 20px;display:inline-flex;align-self:center;margin:0 16px;color:var(--mdc-select-label-ink-color)}:host(:not([disabled])) .mdc-select.mdc-select--focused:not(.mdc-select--invalid) .mdc-floating-label{color:var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select{background-color:var(--mdc-select-disabled-fill-color)}:host([disabled]) .mdc-select vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-disabled-border-color )}:host([disabled]) .mdc-select .mdc-select__selected-text{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .vvd-select-icon{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .mdc-notched-outline .mdc-floating-label--float-above{--mdc-theme-primary: var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select .vvd-select-dropdown-icon{color:var(--mdc-select-disabled-dropdown-icon-color)}:host([dense]){--vvd-select-size-block:40px}:host([dense]) .mdc-select__selected-text{padding:0}:host([dense]) .mdc-select .mdc-floating-label{--mdc-select-label-ink-color: var(--vvd-color-on-canvas);--mdc-select-error-color: var(--vvd-color-on-canvas);top:-24px;left:-12px;transform:none}:host([dense]) .mdc-select:not(.mdc-select--no-label){margin-top:24px}.mdc-select{border-radius:var(--mdc-shape-small)}.mdc-select .vvd-select-dropdown-icon{transition:transform 200ms}.mdc-select.mdc-select--activated .vvd-select-dropdown-icon{transform:rotateX(180deg)}.mdc-select--outlined{background-color:var(--mdc-select-fill-color)}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{left:calc(20px + 16px * 2 - 12px)}.mdc-select--outlined .mdc-select__anchor{height:var(--vvd-select-size-block);padding-inline-start:16px}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:transform .15s,font-size .15s}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{color:var(--mdc-select-label-ink-color);font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-100%)}@media screen and (prefers-reduced-motion: reduce){.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:none}}.mdc-select--invalid.mdc-select--outlined{background-color:var(--mdc-select-error-fill-color)}.mdc-select--invalid.mdc-select--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-select-error-color)}.mdc-select--invalid.mdc-select--outlined .mdc-floating-label{color:var(--mdc-select-error-color)}@media screen and (prefers-reduced-motion: reduce){.mdc-select .vvd-select-dropdown-icon{transition:none}}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-idle-border-color )}:host(:not([disabled])) .mdc-select.mdc-select--focused vwc-notched-outline,:host(:not([disabled]):hover) .mdc-select:not(.mdc-select--invalid):not(.mdc-select--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--mdc-shape-small:6px}:host([shape=pill i]){--mdc-shape-small:24px}:host([appearance=ghost i][dense]) .mdc-select .mdc-floating-label{left:0}:host([appearance=ghost i][dense]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}:host([appearance=ghost i][dense]) .mdc-select__anchor{display:block}:host([appearance=ghost i][dense]) .mdc-select--outlined{--mdc-select-fill-color: transparent}:host([appearance=ghost i][dense][disabled]) .mdc-select.mdc-select--outlined{background-color:transparent}:host(:not([dense])) .mdc-select--no-label .mdc-select__selected-text{padding-top:8px}mwc-menu{--mdc-theme-surface: var(--vvd-color-surface-8dp)}`;
|
|
3
3
|
//# sourceMappingURL=vwc-select.css.js.map
|
package/vwc-select.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vwc-select.css.js","sourceRoot":"","sources":["src/vwc-select.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"vwc-select.css.js","sourceRoot":"","sources":["src/vwc-select.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,wkSAAwkS,CAAC","sourcesContent":["// autogenerated module\nimport {css} from 'lit-element';\nexport const style = css`:host{--mdc-shape-medium: 6px;--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)}: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)}:host{--mdc-select-fill-color: var(--vvd-color-canvas);--mdc-select-ink-color: var(--vvd-color-on-canvas);--mdc-select-label-ink-color: var(--vvd-formfield-label-idle-ink);--mdc-select-disabled-ink-color: var( --vvd-formfield-disabled-ink );--mdc-select-disabled-fill-color: var( --vvd-formfield-disabled-fill );--mdc-select-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-focused-dropdown-icon-color: var(--mdc-select-ink-color);--mdc-select-disabled-dropdown-icon-color: var( --mdc-select-disabled-ink-color );--mdc-select-outlined-idle-border-color: var( --vvd-formfield-border-idle );--mdc-select-outlined-hover-border-color: var( --vvd-formfield-border-hover );--mdc-select-outlined-disabled-border-color: var( --vvd-formfield-border-disabled );--mdc-select-error-color: var(--vvd-formfield-label-error-ink);--mdc-select-error-fill-color: var(--vvd-formfield-error-fill);--mdc-select-error-dropdown-icon-color: var(--mdc-select-error-color);--mdc-shape-small: var(--border-radius);--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);display:inline-flex;flex-direction:column;font-stretch:var(--mdc-typography-subtitle1-font-stretch);--vvd-select-size-block:48px}:host .mdc-select__selected-text{padding:22px 0 6px}:host .vvd-select-dropdown-icon,:host .vvd-select-icon{--icon-size: 20px;display:inline-flex;align-self:center;margin:0 16px;color:var(--mdc-select-label-ink-color)}:host(:not([disabled])) .mdc-select.mdc-select--focused:not(.mdc-select--invalid) .mdc-floating-label{color:var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select{background-color:var(--mdc-select-disabled-fill-color)}:host([disabled]) .mdc-select vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-disabled-border-color )}:host([disabled]) .mdc-select .mdc-select__selected-text{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .vvd-select-icon{color:var(--mdc-select-disabled-ink-color)}:host([disabled]) .mdc-select .mdc-notched-outline .mdc-floating-label--float-above{--mdc-theme-primary: var(--mdc-select-label-ink-color)}:host([disabled]) .mdc-select .vvd-select-dropdown-icon{color:var(--mdc-select-disabled-dropdown-icon-color)}:host([dense]){--vvd-select-size-block:40px}:host([dense]) .mdc-select__selected-text{padding:0}:host([dense]) .mdc-select .mdc-floating-label{--mdc-select-label-ink-color: var(--vvd-color-on-canvas);--mdc-select-error-color: var(--vvd-color-on-canvas);top:-24px;left:-12px;transform:none}:host([dense]) .mdc-select:not(.mdc-select--no-label){margin-top:24px}.mdc-select{border-radius:var(--mdc-shape-small)}.mdc-select .vvd-select-dropdown-icon{transition:transform 200ms}.mdc-select.mdc-select--activated .vvd-select-dropdown-icon{transform:rotateX(180deg)}.mdc-select--outlined{background-color:var(--mdc-select-fill-color)}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{left:calc(20px + 16px * 2 - 12px)}.mdc-select--outlined .mdc-select__anchor{height:var(--vvd-select-size-block);padding-inline-start:16px}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:transform .15s,font-size .15s}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{color:var(--mdc-select-label-ink-color);font-size:var(--mdc-typography-subtitle1-font-size);transform:translateY(-100%)}@media screen and (prefers-reduced-motion: reduce){.mdc-select--outlined .mdc-select__anchor .mdc-floating-label{padding-right:8px;line-height:var(--mdc-typography-subtitle1-line-height);transition:none}}.mdc-select--invalid.mdc-select--outlined{background-color:var(--mdc-select-error-fill-color)}.mdc-select--invalid.mdc-select--outlined vwc-notched-outline{--mdc-notched-outline-border-color: var(--mdc-select-error-color)}.mdc-select--invalid.mdc-select--outlined .mdc-floating-label{color:var(--mdc-select-error-color)}@media screen and (prefers-reduced-motion: reduce){.mdc-select .vvd-select-dropdown-icon{transition:none}}vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-idle-border-color )}:host(:not([disabled])) .mdc-select.mdc-select--focused vwc-notched-outline,:host(:not([disabled]):hover) .mdc-select:not(.mdc-select--invalid):not(.mdc-select--focused) vwc-notched-outline{--mdc-notched-outline-border-color: var( --mdc-select-outlined-hover-border-color )}:host(:not([shape=pill i])),:host([shape=rounded i]){--mdc-shape-small:6px}:host([shape=pill i]){--mdc-shape-small:24px}:host([appearance=ghost i][dense]) .mdc-select .mdc-floating-label{left:0}:host([appearance=ghost i][dense]) vwc-notched-outline{--mdc-notched-outline-stroke-width: 0}:host([appearance=ghost i][dense]) .mdc-select__anchor{display:block}:host([appearance=ghost i][dense]) .mdc-select--outlined{--mdc-select-fill-color: transparent}:host([appearance=ghost i][dense][disabled]) .mdc-select.mdc-select--outlined{background-color:transparent}:host(:not([dense])) .mdc-select--no-label .mdc-select__selected-text{padding-top:8px}mwc-menu{--mdc-theme-surface: var(--vvd-color-surface-8dp)}`;"]}
|