@vonage/vwc-list 2.26.0 → 2.27.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 +10 -10
- package/src/vwc-list-item.css.ts +1 -1
- package/src/vwc-list-item.scss +57 -16
- package/vwc-list-item.css.js +1 -1
- package/vwc-list-item.css.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonage/vwc-list",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.27.0",
|
|
4
4
|
"description": "list and list item components",
|
|
5
5
|
"homepage": "https://github.com/Vonage/vivid/tree/master/components/list#readme",
|
|
6
6
|
"license": "ISC",
|
|
@@ -28,19 +28,19 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@material/mwc-list": "^0.22.1",
|
|
31
|
-
"@vonage/vvd-core": "2.
|
|
32
|
-
"@vonage/vvd-foundation": "2.
|
|
33
|
-
"@vonage/vvd-style-coupling": "2.
|
|
34
|
-
"@vonage/vwc-expansion-panel": "2.
|
|
35
|
-
"@vonage/vwc-icon": "2.
|
|
31
|
+
"@vonage/vvd-core": "2.27.0",
|
|
32
|
+
"@vonage/vvd-foundation": "2.27.0",
|
|
33
|
+
"@vonage/vvd-style-coupling": "2.27.0",
|
|
34
|
+
"@vonage/vwc-expansion-panel": "2.27.0",
|
|
35
|
+
"@vonage/vwc-icon": "2.27.0",
|
|
36
36
|
"lit-element": "^2.4.0",
|
|
37
37
|
"tslib": "^2.3.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@vonage/vvd-design-tokens": "2.
|
|
41
|
-
"@vonage/vvd-typography": "2.
|
|
42
|
-
"@vonage/vvd-umbrella": "2.
|
|
40
|
+
"@vonage/vvd-design-tokens": "2.27.0",
|
|
41
|
+
"@vonage/vvd-typography": "2.27.0",
|
|
42
|
+
"@vonage/vvd-umbrella": "2.27.0",
|
|
43
43
|
"typescript": "^4.3.2"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "85d8fd8a95005c39d800994bf28f768655f482fd"
|
|
46
46
|
}
|
package/src/vwc-list-item.css.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
// autogenerated module
|
|
2
2
|
import {css} from 'lit-element';
|
|
3
|
-
export const style = css`:host{--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)}:host .mdc-deprecated-list-item__text,:host([twoline]) .mdc-deprecated-list-item__text{align-self:center;margin-inline-end:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text{font:600 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;margin-bottom:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text::before,:host([twoline]) .mdc-deprecated-list-item__primary-text::after{display:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text{font:400 ultra-condensed 12px / 16px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text::before{display:none}:host([disabled]) .mdc-deprecated-list-item__text{color:var(--vvd-formfield-disabled-ink)}:host([shape=rounded i]){--vvd-list-item-shape:6px}:host{--mdc-list-side-padding: var(--vvd-list-item-side-padding);--mdc-list-item-graphic-margin: var(--vvd-list-item-graphic-margin);--mdc-list-item-graphic-size: 20px;--mdc-list-item-meta-size: 20px;--mdc-theme-text-icon-on-background: var( --vvd-color-on-canvas );--mdc-theme-text-hint-on-background: var( --vvd-color-on-canvas );font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;--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);position:relative;height:var(--vvd-list-item-block-size);border-radius:var(--vvd-list-item-shape);--vvd-list-item-block-size:40px;--vvd-list-item-side-padding:16px;--vvd-list-item-graphic-margin:16px}:host:host([connotation=primary i])
|
|
3
|
+
export const style = css`:host{--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)}:host .mdc-deprecated-list-item__text,:host([twoline]) .mdc-deprecated-list-item__text{align-self:center;margin-inline-end:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text{font:600 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;margin-bottom:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text::before,:host([twoline]) .mdc-deprecated-list-item__primary-text::after{display:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text{font:400 ultra-condensed 12px / 16px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text::before{display:none}:host([disabled]) .mdc-deprecated-list-item__text{color:var(--vvd-formfield-disabled-ink)}:host([shape=rounded i]){--vvd-list-item-shape:6px}:host{--mdc-list-side-padding: var(--vvd-list-item-side-padding);--mdc-list-item-graphic-margin: var(--vvd-list-item-graphic-margin);--mdc-list-item-graphic-size: 20px;--mdc-list-item-meta-size: 20px;--mdc-theme-text-icon-on-background: var( --vvd-color-on-canvas );--mdc-theme-text-hint-on-background: var( --vvd-color-on-canvas );font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;--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);position:relative;height:var(--vvd-list-item-block-size);border-radius:var(--vvd-list-item-shape);--vvd-list-item-block-size:40px;--vvd-list-item-side-padding:16px;--vvd-list-item-graphic-margin:16px}:host:host([connotation=primary i]){--list-item-connotation:var(--vvd-color-primary);--list-item-on-connotation:var(--vvd-color-on-primary)}:host([activated]){z-index:0}:host([activated]) mwc-ripple,:host([activated]) .fake-activated-ripple{--mdc-ripple-activated-opacity: 0;z-index:-1}:host([activated][connotation=primary]) .mdc-deprecated-list-item__secondary-text ::slotted(*){--mdc-theme-text-secondary-on-background: var(--vvd-color-neutral-40)}:host([activated][twoline][connotation=primary]:not([disabled]))::after{--vvd-list-divider--color:var(--vvd-color-neutral-80)}:host([activated]:not([disabled])){--mdc-theme-text-icon-on-background: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );--mdc-theme-text-hint-on-background: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );--mdc-ripple-color: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );color:var(--list-item-on-connotation, var(--vvd-color-on-canvas))}:host([activated]:not([disabled])) .fake-activated-ripple{--mdc-ripple-activated-opacity: 1;--mdc-ripple-color: var( --list-item-connotation, var(--vvd-color-neutral-30) )}:host([activated]:not([disabled])) mwc-ripple{background-color:var(--list-item-connotation, var(--vvd-color-neutral-30))}:host([graphic=icon]:not([twoline])){height:var(--vvd-list-item-block-size)}:host([twoline]){height:auto;min-block-size:var(--vvd-list-item-block-size);--vvd-list-item-block-size:64px;--vvd-list-item-side-padding:16px;--vvd-list-item-graphic-margin:12px}:host([twoline])::after{position:absolute;right:var(--vvd-list-item-side-padding);bottom:0;left:var(--vvd-list-item-side-padding);height:1px;border-bottom:1px solid var(--vvd-list-divider--color);content:""}:host([twoline]) .mdc-deprecated-list-item__meta{flex-shrink:0}:host([disabled]){--mdc-theme-text-icon-on-background: var(--vvd-formfield-disabled-ink);--mdc-theme-text-hint-on-background: var(--vvd-formfield-disabled-ink)}.mdc-deprecated-list-item__meta{display:flex}:host(:not([disabled])) .mdc-deprecated-list-item__graphic ::slotted(*),:host(:not([disabled])) .mdc-deprecated-list-item__meta ::slotted(*){color:var(--vvd-color-neutral-70)}:host([activated][connotation=primary]):host(:not([disabled])) .mdc-deprecated-list-item__graphic ::slotted(*),:host([activated][connotation=primary]):host(:not([disabled])) .mdc-deprecated-list-item__meta ::slotted(*){color:var(--list-item-on-connotation)}`;
|
package/src/vwc-list-item.scss
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
@use 'sass:selector';
|
|
2
|
+
|
|
1
3
|
@forward './vwc-list-text-parts.scss';
|
|
2
4
|
@use '@vonage/vvd-typography/scss/typography' as typography;
|
|
3
5
|
@use '@vonage/vvd-design-tokens/build/scss/semantic-variables/scheme-variables' as scheme-variables;
|
|
4
6
|
@use '@vonage/vvd-style-coupling/scss/vvd-formfield' as vvd-formfield;
|
|
5
7
|
@use '@vonage/vvd-foundation/scss/mixins/connotation/config' with (
|
|
6
|
-
$connotations-set: primary
|
|
7
|
-
$default: primary,
|
|
8
|
+
$connotations-set: primary,
|
|
8
9
|
$scope: list-item,
|
|
9
10
|
$is-host: true
|
|
10
11
|
);
|
|
@@ -52,31 +53,56 @@ $vvd-list-item-graphic-margin: --vvd-list-item-graphic-margin;
|
|
|
52
53
|
}
|
|
53
54
|
|
|
54
55
|
:host([activated]) {
|
|
55
|
-
--mdc-theme-text-icon-on-background: var(
|
|
56
|
-
#{connotation.$vvd-color-on-connotation}
|
|
57
|
-
);
|
|
58
|
-
--mdc-theme-text-hint-on-background: var(
|
|
59
|
-
#{connotation.$vvd-color-on-connotation}
|
|
60
|
-
);
|
|
61
|
-
--mdc-ripple-color: var(#{connotation.$vvd-color-on-connotation});
|
|
62
|
-
|
|
63
|
-
@include typography.typography-cat-shorthand('body-2-bold');
|
|
64
56
|
z-index: 0;
|
|
65
|
-
color: var(#{connotation.$vvd-color-on-connotation});
|
|
66
|
-
|
|
67
57
|
mwc-ripple,
|
|
68
58
|
.fake-activated-ripple {
|
|
59
|
+
--mdc-ripple-activated-opacity: 0;
|
|
69
60
|
z-index: -1;
|
|
70
61
|
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
:host([activated][connotation='primary']) {
|
|
65
|
+
.mdc-deprecated-list-item__secondary-text ::slotted(*) {
|
|
66
|
+
--mdc-theme-text-secondary-on-background: var(#{scheme-variables.$vvd-color-neutral-40});
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
:host([activated][twoline][connotation='primary']:not([disabled]))::after {
|
|
71
|
+
#{variables.$vvd-list-divider--color}: var(#{scheme-variables.$vvd-color-neutral-80});
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
:host([activated]:not([disabled])) {
|
|
75
|
+
--mdc-theme-text-icon-on-background: var(
|
|
76
|
+
#{connotation.$vvd-color-on-connotation},
|
|
77
|
+
var(#{scheme-variables.$vvd-color-on-canvas})
|
|
78
|
+
);
|
|
79
|
+
--mdc-theme-text-hint-on-background: var(
|
|
80
|
+
#{connotation.$vvd-color-on-connotation},
|
|
81
|
+
var(#{scheme-variables.$vvd-color-on-canvas})
|
|
82
|
+
);
|
|
83
|
+
--mdc-ripple-color: var(
|
|
84
|
+
#{connotation.$vvd-color-on-connotation},
|
|
85
|
+
var(#{scheme-variables.$vvd-color-on-canvas})
|
|
86
|
+
);
|
|
87
|
+
|
|
88
|
+
color: var(
|
|
89
|
+
#{connotation.$vvd-color-on-connotation},
|
|
90
|
+
var(#{scheme-variables.$vvd-color-on-canvas})
|
|
91
|
+
);
|
|
71
92
|
|
|
72
93
|
.fake-activated-ripple {
|
|
73
94
|
--mdc-ripple-activated-opacity: 1;
|
|
74
|
-
--mdc-ripple-color: var(
|
|
95
|
+
--mdc-ripple-color: var(
|
|
96
|
+
#{connotation.$vvd-color-connotation},
|
|
97
|
+
var(#{scheme-variables.$vvd-color-neutral-30})
|
|
98
|
+
);
|
|
75
99
|
}
|
|
76
100
|
|
|
77
101
|
mwc-ripple {
|
|
78
|
-
|
|
79
|
-
|
|
102
|
+
background-color: var(
|
|
103
|
+
#{connotation.$vvd-color-connotation},
|
|
104
|
+
var(#{scheme-variables.$vvd-color-neutral-30})
|
|
105
|
+
);
|
|
80
106
|
}
|
|
81
107
|
}
|
|
82
108
|
|
|
@@ -114,3 +140,18 @@ $vvd-list-item-graphic-margin: --vvd-list-item-graphic-margin;
|
|
|
114
140
|
.mdc-deprecated-list-item__meta {
|
|
115
141
|
display: flex;
|
|
116
142
|
}
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
:host(:not([disabled])) {
|
|
146
|
+
.mdc-deprecated-list-item__graphic,
|
|
147
|
+
.mdc-deprecated-list-item__meta {
|
|
148
|
+
::slotted(*) {
|
|
149
|
+
|
|
150
|
+
$selector: selector.append(":host([activated][connotation='primary'])", &);
|
|
151
|
+
color: var(#{scheme-variables.$vvd-color-neutral-70});
|
|
152
|
+
@at-root #{$selector} {
|
|
153
|
+
color: var(#{connotation.$vvd-color-on-connotation});
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}
|
package/vwc-list-item.css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit-element';
|
|
2
|
-
export const style = css `:host{--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)}:host .mdc-deprecated-list-item__text,:host([twoline]) .mdc-deprecated-list-item__text{align-self:center;margin-inline-end:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text{font:600 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;margin-bottom:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text::before,:host([twoline]) .mdc-deprecated-list-item__primary-text::after{display:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text{font:400 ultra-condensed 12px / 16px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text::before{display:none}:host([disabled]) .mdc-deprecated-list-item__text{color:var(--vvd-formfield-disabled-ink)}:host([shape=rounded i]){--vvd-list-item-shape:6px}:host{--mdc-list-side-padding: var(--vvd-list-item-side-padding);--mdc-list-item-graphic-margin: var(--vvd-list-item-graphic-margin);--mdc-list-item-graphic-size: 20px;--mdc-list-item-meta-size: 20px;--mdc-theme-text-icon-on-background: var( --vvd-color-on-canvas );--mdc-theme-text-hint-on-background: var( --vvd-color-on-canvas );font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;--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);position:relative;height:var(--vvd-list-item-block-size);border-radius:var(--vvd-list-item-shape);--vvd-list-item-block-size:40px;--vvd-list-item-side-padding:16px;--vvd-list-item-graphic-margin:16px}:host:host([connotation=primary i])
|
|
2
|
+
export const style = css `:host{--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)}:host .mdc-deprecated-list-item__text,:host([twoline]) .mdc-deprecated-list-item__text{align-self:center;margin-inline-end:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text{font:600 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;margin-bottom:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text::before,:host([twoline]) .mdc-deprecated-list-item__primary-text::after{display:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text{font:400 ultra-condensed 12px / 16px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text::before{display:none}:host([disabled]) .mdc-deprecated-list-item__text{color:var(--vvd-formfield-disabled-ink)}:host([shape=rounded i]){--vvd-list-item-shape:6px}:host{--mdc-list-side-padding: var(--vvd-list-item-side-padding);--mdc-list-item-graphic-margin: var(--vvd-list-item-graphic-margin);--mdc-list-item-graphic-size: 20px;--mdc-list-item-meta-size: 20px;--mdc-theme-text-icon-on-background: var( --vvd-color-on-canvas );--mdc-theme-text-hint-on-background: var( --vvd-color-on-canvas );font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;--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);position:relative;height:var(--vvd-list-item-block-size);border-radius:var(--vvd-list-item-shape);--vvd-list-item-block-size:40px;--vvd-list-item-side-padding:16px;--vvd-list-item-graphic-margin:16px}:host:host([connotation=primary i]){--list-item-connotation:var(--vvd-color-primary);--list-item-on-connotation:var(--vvd-color-on-primary)}:host([activated]){z-index:0}:host([activated]) mwc-ripple,:host([activated]) .fake-activated-ripple{--mdc-ripple-activated-opacity: 0;z-index:-1}:host([activated][connotation=primary]) .mdc-deprecated-list-item__secondary-text ::slotted(*){--mdc-theme-text-secondary-on-background: var(--vvd-color-neutral-40)}:host([activated][twoline][connotation=primary]:not([disabled]))::after{--vvd-list-divider--color:var(--vvd-color-neutral-80)}:host([activated]:not([disabled])){--mdc-theme-text-icon-on-background: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );--mdc-theme-text-hint-on-background: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );--mdc-ripple-color: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );color:var(--list-item-on-connotation, var(--vvd-color-on-canvas))}:host([activated]:not([disabled])) .fake-activated-ripple{--mdc-ripple-activated-opacity: 1;--mdc-ripple-color: var( --list-item-connotation, var(--vvd-color-neutral-30) )}:host([activated]:not([disabled])) mwc-ripple{background-color:var(--list-item-connotation, var(--vvd-color-neutral-30))}:host([graphic=icon]:not([twoline])){height:var(--vvd-list-item-block-size)}:host([twoline]){height:auto;min-block-size:var(--vvd-list-item-block-size);--vvd-list-item-block-size:64px;--vvd-list-item-side-padding:16px;--vvd-list-item-graphic-margin:12px}:host([twoline])::after{position:absolute;right:var(--vvd-list-item-side-padding);bottom:0;left:var(--vvd-list-item-side-padding);height:1px;border-bottom:1px solid var(--vvd-list-divider--color);content:""}:host([twoline]) .mdc-deprecated-list-item__meta{flex-shrink:0}:host([disabled]){--mdc-theme-text-icon-on-background: var(--vvd-formfield-disabled-ink);--mdc-theme-text-hint-on-background: var(--vvd-formfield-disabled-ink)}.mdc-deprecated-list-item__meta{display:flex}:host(:not([disabled])) .mdc-deprecated-list-item__graphic ::slotted(*),:host(:not([disabled])) .mdc-deprecated-list-item__meta ::slotted(*){color:var(--vvd-color-neutral-70)}:host([activated][connotation=primary]):host(:not([disabled])) .mdc-deprecated-list-item__graphic ::slotted(*),:host([activated][connotation=primary]):host(:not([disabled])) .mdc-deprecated-list-item__meta ::slotted(*){color:var(--list-item-on-connotation)}`;
|
|
3
3
|
//# sourceMappingURL=vwc-list-item.css.js.map
|
package/vwc-list-item.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vwc-list-item.css.js","sourceRoot":"","sources":["src/vwc-list-item.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-list-item.css.js","sourceRoot":"","sources":["src/vwc-list-item.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,6tJAA6tJ,CAAC","sourcesContent":["// autogenerated module\nimport {css} from 'lit-element';\nexport const style = css`:host{--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)}:host .mdc-deprecated-list-item__text,:host([twoline]) .mdc-deprecated-list-item__text{align-self:center;margin-inline-end:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text{font:600 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;margin-bottom:4px}:host([twoline]) .mdc-deprecated-list-item__primary-text::before,:host([twoline]) .mdc-deprecated-list-item__primary-text::after{display:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text{font:400 ultra-condensed 12px / 16px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none}:host([twoline]) .mdc-deprecated-list-item__secondary-text::before{display:none}:host([disabled]) .mdc-deprecated-list-item__text{color:var(--vvd-formfield-disabled-ink)}:host([shape=rounded i]){--vvd-list-item-shape:6px}:host{--mdc-list-side-padding: var(--vvd-list-item-side-padding);--mdc-list-item-graphic-margin: var(--vvd-list-item-graphic-margin);--mdc-list-item-graphic-size: 20px;--mdc-list-item-meta-size: 20px;--mdc-theme-text-icon-on-background: var( --vvd-color-on-canvas );--mdc-theme-text-hint-on-background: var( --vvd-color-on-canvas );font:400 ultra-condensed 14px / 20px SpeziaWebVariable;letter-spacing:0px;text-decoration:none;text-transform:none;--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);position:relative;height:var(--vvd-list-item-block-size);border-radius:var(--vvd-list-item-shape);--vvd-list-item-block-size:40px;--vvd-list-item-side-padding:16px;--vvd-list-item-graphic-margin:16px}:host:host([connotation=primary i]){--list-item-connotation:var(--vvd-color-primary);--list-item-on-connotation:var(--vvd-color-on-primary)}:host([activated]){z-index:0}:host([activated]) mwc-ripple,:host([activated]) .fake-activated-ripple{--mdc-ripple-activated-opacity: 0;z-index:-1}:host([activated][connotation=primary]) .mdc-deprecated-list-item__secondary-text ::slotted(*){--mdc-theme-text-secondary-on-background: var(--vvd-color-neutral-40)}:host([activated][twoline][connotation=primary]:not([disabled]))::after{--vvd-list-divider--color:var(--vvd-color-neutral-80)}:host([activated]:not([disabled])){--mdc-theme-text-icon-on-background: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );--mdc-theme-text-hint-on-background: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );--mdc-ripple-color: var( --list-item-on-connotation, var(--vvd-color-on-canvas) );color:var(--list-item-on-connotation, var(--vvd-color-on-canvas))}:host([activated]:not([disabled])) .fake-activated-ripple{--mdc-ripple-activated-opacity: 1;--mdc-ripple-color: var( --list-item-connotation, var(--vvd-color-neutral-30) )}:host([activated]:not([disabled])) mwc-ripple{background-color:var(--list-item-connotation, var(--vvd-color-neutral-30))}:host([graphic=icon]:not([twoline])){height:var(--vvd-list-item-block-size)}:host([twoline]){height:auto;min-block-size:var(--vvd-list-item-block-size);--vvd-list-item-block-size:64px;--vvd-list-item-side-padding:16px;--vvd-list-item-graphic-margin:12px}:host([twoline])::after{position:absolute;right:var(--vvd-list-item-side-padding);bottom:0;left:var(--vvd-list-item-side-padding);height:1px;border-bottom:1px solid var(--vvd-list-divider--color);content:\"\"}:host([twoline]) .mdc-deprecated-list-item__meta{flex-shrink:0}:host([disabled]){--mdc-theme-text-icon-on-background: var(--vvd-formfield-disabled-ink);--mdc-theme-text-hint-on-background: var(--vvd-formfield-disabled-ink)}.mdc-deprecated-list-item__meta{display:flex}:host(:not([disabled])) .mdc-deprecated-list-item__graphic ::slotted(*),:host(:not([disabled])) .mdc-deprecated-list-item__meta ::slotted(*){color:var(--vvd-color-neutral-70)}:host([activated][connotation=primary]):host(:not([disabled])) .mdc-deprecated-list-item__graphic ::slotted(*),:host([activated][connotation=primary]):host(:not([disabled])) .mdc-deprecated-list-item__meta ::slotted(*){color:var(--list-item-on-connotation)}`;"]}
|