@assecosolutions/fox-list
Advanced tools
Comparing version 1.11.2-beta.1 to 1.11.2
85
index.js
@@ -14,3 +14,3 @@ import { ListBase } from '@material/mwc-list/mwc-list-base'; | ||
let _$4 = t => t, | ||
_t$4; | ||
_t$4; | ||
const styles$1 = css(_t$4 || (_t$4 = _$4`:host([outline=dashed]){--mdc-list-item-meta-size: auto}:host([outline=dashed]) ::slotted(fox-list-item){border:1px dotted var(--fox-base-grey-40-color, #cbd5df);margin:15px 0;border-radius:4px}:host([outline=dashed]) ::slotted(fox-list-item[activated]){border:1px dotted var(--fox-client-base-color, #4599ff)}:host{--mdc-list-inset-margin: 60px}`)); | ||
@@ -22,4 +22,6 @@ | ||
*/ | ||
FoxList.styles = [styles$2, styles$1]; | ||
const name$3 = 'fox-list'; | ||
if (!customElements.get(name$3)) { | ||
@@ -32,3 +34,3 @@ customElements.define(name$3, FoxList); | ||
let _$3 = t => t, | ||
_t$3; | ||
_t$3; | ||
const styles = css(_t$3 || (_t$3 = _$3` | ||
@@ -55,14 +57,19 @@ :host { | ||
} | ||
:host([compact]) { | ||
height: 30px; | ||
} | ||
:host([compact]) .mdc-deprecated-list-item__secondary-text { | ||
display: none; | ||
} | ||
:host([fullWidth]) { | ||
width: 100%; | ||
} | ||
.mdc-deprecated-list-item { | ||
font-family: var(--mdc-typography-font-family); | ||
} | ||
.mdc-deprecated-list-item__text { | ||
@@ -74,2 +81,3 @@ display: block; | ||
} | ||
.mdc-deprecated-list-item__secondary-text { | ||
@@ -80,2 +88,3 @@ display: block; | ||
} | ||
:host([activated]) { | ||
@@ -88,5 +97,7 @@ color: var(--mdc-theme-primary); | ||
} | ||
:host([activated]) .mdc-deprecated-list-item__graphic { | ||
color: var(--mdc-theme-primary); | ||
} | ||
.activated-border { | ||
@@ -104,5 +115,7 @@ transition: border, | ||
} | ||
.activated-border.active { | ||
width: 5px; | ||
} | ||
:host { | ||
@@ -124,5 +137,7 @@ cursor: pointer; | ||
} | ||
:host:focus { | ||
outline: none; | ||
} | ||
:host([activated]) .fake-activated-ripple::before { | ||
@@ -148,2 +163,3 @@ position: absolute; | ||
} | ||
.mdc-deprecated-list-item__graphic { | ||
@@ -156,2 +172,3 @@ flex-shrink: 0; | ||
} | ||
.mdc-deprecated-list-item__graphic ::slotted(*) { | ||
@@ -166,2 +183,3 @@ flex-shrink: 0; | ||
} | ||
.mdc-deprecated-list-item__meta { | ||
@@ -175,5 +193,7 @@ width: var(--mdc-list-item-meta-size, 24px); | ||
} | ||
.mdc-deprecated-list-item__meta.multi { | ||
width: auto; | ||
} | ||
.mdc-deprecated-list-item__meta ::slotted(*) { | ||
@@ -183,2 +203,3 @@ width: var(--mdc-list-item-meta-size, 24px); | ||
} | ||
.mdc-deprecated-list-item__meta ::slotted(.material-icons), | ||
@@ -188,2 +209,3 @@ .mdc-deprecated-list-item__meta ::slotted(fox-icon) { | ||
} | ||
.mdc-deprecated-list-item__meta | ||
@@ -214,2 +236,3 @@ ::slotted(:not(.material-icons):not(fox-icon)) { | ||
} | ||
[dir='rtl'] .mdc-deprecated-list-item__meta, | ||
@@ -220,2 +243,3 @@ .mdc-deprecated-list-item__meta[dir='rtl'] { | ||
} | ||
.mdc-deprecated-list-item__meta ::slotted(*) { | ||
@@ -225,2 +249,3 @@ width: 100%; | ||
} | ||
.mdc-deprecated-list-item__text { | ||
@@ -231,2 +256,3 @@ text-overflow: ellipsis; | ||
} | ||
.mdc-deprecated-list-item__text ::slotted([for]), | ||
@@ -236,2 +262,3 @@ .mdc-deprecated-list-item__text[for] { | ||
} | ||
* ::slotted(a), | ||
@@ -242,5 +269,7 @@ a { | ||
} | ||
:host([twoline]) { | ||
height: 48px; | ||
} | ||
:host([disabled]), | ||
@@ -251,5 +280,7 @@ :host([noninteractive]) { | ||
} | ||
:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*) { | ||
opacity: 0.38; | ||
} | ||
:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*), | ||
@@ -261,2 +292,3 @@ :host([disabled]) .mdc-deprecated-list-item__primary-text ::slotted(*), | ||
} | ||
.mdc-deprecated-list-item__secondary-text ::slotted(*) { | ||
@@ -266,2 +298,3 @@ color: rgba(0, 0, 0, 0.54); | ||
} | ||
.mdc-deprecated-list-item__graphic ::slotted(*) { | ||
@@ -272,2 +305,3 @@ background-color: rgba(0, 0, 0, 0); | ||
} | ||
.mdc-deprecated-list-group__subheader ::slotted(*) { | ||
@@ -277,2 +311,3 @@ color: rgba(0, 0, 0, 0.87); | ||
} | ||
:host([graphic='avatar']) .mdc-deprecated-list-item__graphic { | ||
@@ -282,5 +317,7 @@ width: var(--mdc-list-item-graphic-size, 40px); | ||
} | ||
:host([graphic='avatar']) .mdc-deprecated-list-item__graphic.multi { | ||
width: auto; | ||
} | ||
:host([graphic='avatar']) .mdc-deprecated-list-item__graphic ::slotted(*) { | ||
@@ -290,2 +327,3 @@ width: var(--mdc-list-item-graphic-size, 40px); | ||
} | ||
:host([graphic='avatar']) | ||
@@ -299,5 +337,7 @@ .mdc-deprecated-list-item__graphic | ||
} | ||
:host([graphic='avatar']) .mdc-deprecated-list-item__graphic ::slotted(*) { | ||
border-radius: 50%; | ||
} | ||
:host([graphic='avatar']) .mdc-deprecated-list-item__graphic, | ||
@@ -310,2 +350,3 @@ :host([graphic='medium']) .mdc-deprecated-list-item__graphic, | ||
} | ||
[dir='rtl'] :host([graphic='avatar']) .mdc-deprecated-list-item__graphic, | ||
@@ -322,2 +363,3 @@ :host([graphic='avatar']) .mdc-deprecated-list-item__graphic[dir='rtl'], | ||
} | ||
:host([graphic='icon']) .mdc-deprecated-list-item__graphic { | ||
@@ -329,5 +371,7 @@ width: var(--mdc-list-item-graphic-size, 24px); | ||
} | ||
:host([graphic='icon']) .mdc-deprecated-list-item__graphic.multi { | ||
width: auto; | ||
} | ||
:host([graphic='icon']) .mdc-deprecated-list-item__graphic ::slotted(*) { | ||
@@ -337,2 +381,3 @@ width: var(--mdc-list-item-graphic-size, 24px); | ||
} | ||
:host([graphic='icon']) | ||
@@ -346,2 +391,3 @@ .mdc-deprecated-list-item__graphic | ||
} | ||
[dir='rtl'] :host([graphic='icon']) .mdc-deprecated-list-item__graphic, | ||
@@ -352,2 +398,3 @@ :host([graphic='icon']) .mdc-deprecated-list-item__graphic[dir='rtl'] { | ||
} | ||
:host([graphic='medium']:not([twoLine])), | ||
@@ -357,2 +404,3 @@ :host([graphic='large']:not([twoLine])) { | ||
} | ||
:host([graphic='medium']) .mdc-deprecated-list-item__graphic, | ||
@@ -363,2 +411,3 @@ :host([graphic='large']) .mdc-deprecated-list-item__graphic { | ||
} | ||
:host([graphic='medium']) .mdc-deprecated-list-item__graphic.multi, | ||
@@ -368,2 +417,3 @@ :host([graphic='large']) .mdc-deprecated-list-item__graphic.multi { | ||
} | ||
:host([graphic='medium']) .mdc-deprecated-list-item__graphic ::slotted(*), | ||
@@ -374,2 +424,3 @@ :host([graphic='large']) .mdc-deprecated-list-item__graphic ::slotted(*) { | ||
} | ||
:host([graphic='medium']) | ||
@@ -392,6 +443,6 @@ .mdc-deprecated-list-item__graphic | ||
let _$2 = t => t, | ||
_t$2, | ||
_t2$2, | ||
_t3$2, | ||
_t4; | ||
_t$2, | ||
_t2$2, | ||
_t3$2, | ||
_t4; | ||
class FoxListItem extends ListItemBase { | ||
@@ -405,2 +456,3 @@ render() { | ||
} | ||
renderBorder() { | ||
@@ -411,2 +463,3 @@ return html(_t4 || (_t4 = _$2`<div | ||
} | ||
} | ||
@@ -416,4 +469,6 @@ /** | ||
*/ | ||
FoxListItem.styles = [styles]; | ||
const name$2 = 'fox-list-item'; | ||
if (!customElements.get(name$2)) { | ||
@@ -426,5 +481,5 @@ customElements.define(name$2, FoxListItem); | ||
let _$1 = t => t, | ||
_t$1, | ||
_t2$1, | ||
_t3$1; | ||
_t$1, | ||
_t2$1, | ||
_t3$1; | ||
class FoxCheckListItem extends CheckListItemBase { | ||
@@ -453,2 +508,3 @@ render() { | ||
} | ||
} | ||
@@ -458,4 +514,6 @@ /** | ||
*/ | ||
FoxCheckListItem.styles = [styles$3, styles$4, styles]; | ||
const name$1 = 'fox-check-list-item'; | ||
if (!customElements.get(name$1)) { | ||
@@ -468,5 +526,5 @@ customElements.define(name$1, FoxCheckListItem); | ||
let _ = t => t, | ||
_t, | ||
_t2, | ||
_t3; | ||
_t, | ||
_t2, | ||
_t3; | ||
class FoxRadioListItem extends RadioListItemBase { | ||
@@ -495,2 +553,3 @@ render() { | ||
} | ||
} | ||
@@ -500,4 +559,6 @@ /** | ||
*/ | ||
FoxRadioListItem.styles = [styles$3, styles$4, styles]; | ||
const name = 'fox-radio-list-item'; | ||
if (!customElements.get(name)) { | ||
@@ -504,0 +565,0 @@ customElements.define(name, FoxRadioListItem); |
{ | ||
"name": "@assecosolutions/fox-list", | ||
"version": "1.11.2-beta.1", | ||
"version": "1.11.2", | ||
"public": true, | ||
@@ -18,3 +18,3 @@ "publishConfig": { | ||
"type": "module", | ||
"types": "./src/index.d.ts", | ||
"types": "./index.d.ts", | ||
"dependencies": {}, | ||
@@ -21,0 +21,0 @@ "peerDependencies": { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
21236
1