Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@material/mwc-list

Package Overview
Dependencies
Maintainers
21
Versions
695
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/mwc-list - npm Package Compare versions

Comparing version 0.26.0-canary.07e91417.0 to 0.26.0-canary.0d8084ed.0

5

mwc-check-list-item-base.js

@@ -10,4 +10,5 @@ /**

import '@material/mwc-checkbox';
import { html, property, query } from 'lit-element';
import { classMap } from 'lit-html/directives/class-map.js';
import { html } from 'lit';
import { property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ListItemBase } from './mwc-list-item-base';

@@ -14,0 +15,0 @@ export class CheckListItemBase extends ListItemBase {

2

mwc-check-list-item.d.ts

@@ -13,3 +13,3 @@ /**

export declare class CheckListItem extends CheckListItemBase {
static styles: import("lit-element").CSSResult[];
static styles: import("lit").CSSResult[];
}

@@ -9,3 +9,3 @@ /**

// tslint:disable:strip-private-property-underscore
import { customElement } from 'lit-element';
import { customElement } from 'lit/decorators.js';
import { CheckListItemBase } from './mwc-check-list-item-base';

@@ -12,0 +12,0 @@ import { styles as controlStyle } from './mwc-control-list-item.css';

@@ -1,1 +0,1 @@

export declare const styles: import("lit-element").CSSResult;
export declare const styles: import("lit").CSSResult;

@@ -6,4 +6,4 @@ /**

*/
import { css } from 'lit-element';
import { css } from 'lit';
export const styles = css `:host(:not([twoline])){height:56px}:host(:not([left])) .mdc-deprecated-list-item__meta{height:40px;width:40px}`;
//# sourceMappingURL=mwc-control-list-item.css.js.map

@@ -13,4 +13,5 @@ /**

import { deepActiveElementPath, doesElementContainFocus, isNodeElement } from '@material/mwc-base/utils';
import { html, property, query, queryAssignedNodes } from 'lit-element';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import { html } from 'lit';
import { property, query, queryAssignedNodes } from 'lit/decorators.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import MDCListFoundation, { isIndexSet } from './mwc-list-foundation';

@@ -17,0 +18,0 @@ export { createSetFromIndex, isEventMulti, isIndexSet } from './mwc-list-foundation';

@@ -9,3 +9,3 @@ /**

import { RippleHandlers } from '@material/mwc-ripple/ripple-handlers';
import { LitElement } from 'lit-element';
import { LitElement } from 'lit';
export declare type SelectionSource = 'interaction' | 'property';

@@ -12,0 +12,0 @@ export interface RequestSelectedDetail {

@@ -12,4 +12,5 @@ /**

import { RippleHandlers } from '@material/mwc-ripple/ripple-handlers';
import { html, LitElement, property, query, queryAsync, state } from 'lit-element';
import { classMap } from 'lit-html/directives/class-map.js';
import { html, LitElement } from 'lit';
import { property, query, queryAsync, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
/**

@@ -16,0 +17,0 @@ * @fires request-selected {RequestSelectedDetail}

@@ -1,1 +0,1 @@

export declare const styles: import("lit-element").CSSResult;
export declare const styles: import("lit").CSSResult;

@@ -6,4 +6,4 @@ /**

*/
import { css } from 'lit-element';
import { css } from 'lit';
export const styles = css `:host{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;height:48px;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:var(--mdc-list-side-padding, 16px);padding-right:var(--mdc-list-side-padding, 16px);outline:none;height:48px;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host:focus{outline:none}:host([activated]){color:#6200ee;color:var(--mdc-theme-primary, #6200ee);--mdc-ripple-color: var( --mdc-theme-primary, #6200ee )}:host([activated]) .mdc-deprecated-list-item__graphic{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}:host([activated]) .fake-activated-ripple::before{position:absolute;display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;content:"";opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12);background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;display:inline-flex}.mdc-deprecated-list-item__graphic ::slotted(*){flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;width:100%;height:100%;text-align:center}.mdc-deprecated-list-item__meta{width:var(--mdc-list-item-meta-size, 24px);height:var(--mdc-list-item-meta-size, 24px);margin-left:auto;margin-right:0;color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta.multi{width:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:var(--mdc-list-item-meta-size, 24px);line-height:var(--mdc-list-item-meta-size, 24px)}.mdc-deprecated-list-item__meta ::slotted(.material-icons),.mdc-deprecated-list-item__meta ::slotted(mwc-icon){line-height:var(--mdc-list-item-meta-size, 24px) !important}.mdc-deprecated-list-item__meta ::slotted(:not(.material-icons):not(mwc-icon)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}[dir=rtl] .mdc-deprecated-list-item__meta,.mdc-deprecated-list-item__meta[dir=rtl]{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:100%;height:100%}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text ::slotted([for]),.mdc-deprecated-list-item__text[for]{pointer-events:none}.mdc-deprecated-list-item__primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px;display:block}.mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:"";vertical-align:0}.mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-deprecated-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;display:block}.mdc-deprecated-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text{font-size:inherit}* ::slotted(a),a{color:inherit;text-decoration:none}:host([twoline]){height:72px}:host([twoline]) .mdc-deprecated-list-item__text{align-self:flex-start}:host([disabled]),:host([noninteractive]){cursor:default;pointer-events:none}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*){opacity:.38}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__primary-text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__secondary-text ::slotted(*){color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item__secondary-text ::slotted(*){color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic ::slotted(*){background-color:transparent;color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader ::slotted(*){color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 40px);height: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(*){width:var(--mdc-list-item-graphic-size, 40px);line-height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 40px) !important}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){border-radius:50%}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 16px)}[dir=rtl] :host([graphic=avatar]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=medium]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=large]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=control]) .mdc-deprecated-list-item__graphic,:host([graphic=avatar]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=medium]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=large]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=control]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 16px);margin-right:0}:host([graphic=icon]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 24px);height:var(--mdc-list-item-graphic-size, 24px);margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 32px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 24px);line-height:var(--mdc-list-item-graphic-size, 24px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 24px) !important}[dir=rtl] :host([graphic=icon]) .mdc-deprecated-list-item__graphic,:host([graphic=icon]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 32px);margin-right:0}:host([graphic=avatar]:not([twoLine])),:host([graphic=icon]:not([twoLine])){height:56px}:host([graphic=medium]:not([twoLine])),:host([graphic=large]:not([twoLine])){height:72px}:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 56px);height:var(--mdc-list-item-graphic-size, 56px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic.multi,:host([graphic=large]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(*),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 56px);line-height:var(--mdc-list-item-graphic-size, 56px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 56px) !important}:host([graphic=large]){padding-left:0px}`;
//# sourceMappingURL=mwc-list-item.css.js.map

@@ -14,3 +14,3 @@ /**

export declare class ListItem extends ListItemBase {
static styles: import("lit-element").CSSResult[];
static styles: import("lit").CSSResult[];
}

@@ -9,3 +9,3 @@ /**

// tslint:disable:strip-private-property-underscore
import { customElement } from 'lit-element';
import { customElement } from 'lit/decorators.js';
import { ListItemBase } from './mwc-list-item-base';

@@ -12,0 +12,0 @@ import { styles } from './mwc-list-item.css';

@@ -1,1 +0,1 @@

export declare const styles: import("lit-element").CSSResult;
export declare const styles: import("lit").CSSResult;

@@ -6,4 +6,4 @@ /**

*/
import { css } from 'lit-element';
import { css } from 'lit';
export const styles = css `@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`;
//# sourceMappingURL=mwc-list.css.js.map

@@ -14,3 +14,3 @@ /**

export declare class List extends ListBase {
static styles: import("lit-element").CSSResult[];
static styles: import("lit").CSSResult[];
}

@@ -9,3 +9,3 @@ /**

// tslint:disable:strip-private-property-underscore
import { customElement } from 'lit-element';
import { customElement } from 'lit/decorators.js';
import { ListBase } from './mwc-list-base';

@@ -12,0 +12,0 @@ import { styles } from './mwc-list.css';

@@ -10,5 +10,6 @@ /**

import '@material/mwc-radio';
import { html, property, query } from 'lit-element';
import { classMap } from 'lit-html/directives/class-map.js';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import { html } from 'lit';
import { property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { ListItemBase } from './mwc-list-item-base';

@@ -15,0 +16,0 @@ export class RadioListItemBase extends ListItemBase {

@@ -13,3 +13,3 @@ /**

export declare class RadioListItem extends RadioListItemBase {
static styles: import("lit-element").CSSResult[];
static styles: import("lit").CSSResult[];
}

@@ -9,3 +9,3 @@ /**

// tslint:disable:strip-private-property-underscore
import { customElement } from 'lit-element';
import { customElement } from 'lit/decorators.js';
import { styles as controlStyle } from './mwc-control-list-item.css';

@@ -12,0 +12,0 @@ import { styles } from './mwc-list-item.css';

{
"name": "@material/mwc-list",
"version": "0.26.0-canary.07e91417.0",
"version": "0.26.0-canary.0d8084ed.0",
"description": "Material Design list web component",

@@ -14,22 +14,21 @@ "keywords": [

"dependencies": {
"@material/base": "=13.0.0-canary.65125b3a6.0",
"@material/dom": "=13.0.0-canary.65125b3a6.0",
"@material/list": "=13.0.0-canary.65125b3a6.0",
"@material/mwc-base": "0.26.0-canary.07e91417.0",
"@material/mwc-checkbox": "0.26.0-canary.07e91417.0",
"@material/mwc-radio": "0.26.0-canary.07e91417.0",
"@material/mwc-ripple": "0.26.0-canary.07e91417.0",
"lit-element": "^3.0.0",
"lit-html": "^2.0.0",
"@material/base": "=14.0.0-canary.9803d2dc1.0",
"@material/dom": "=14.0.0-canary.9803d2dc1.0",
"@material/list": "=14.0.0-canary.9803d2dc1.0",
"@material/mwc-base": "0.26.0-canary.0d8084ed.0",
"@material/mwc-checkbox": "0.26.0-canary.0d8084ed.0",
"@material/mwc-radio": "0.26.0-canary.0d8084ed.0",
"@material/mwc-ripple": "0.26.0-canary.0d8084ed.0",
"lit": "^2.0.0",
"tslib": "^2.0.1"
},
"devDependencies": {
"@material/density": "=13.0.0-canary.65125b3a6.0",
"@material/feature-targeting": "=13.0.0-canary.65125b3a6.0",
"@material/mwc-icon": "0.26.0-canary.07e91417.0",
"@material/mwc-menu": "0.26.0-canary.07e91417.0",
"@material/ripple": "=13.0.0-canary.65125b3a6.0",
"@material/rtl": "=13.0.0-canary.65125b3a6.0",
"@material/theme": "=13.0.0-canary.65125b3a6.0",
"@material/typography": "=13.0.0-canary.65125b3a6.0"
"@material/density": "=14.0.0-canary.9803d2dc1.0",
"@material/feature-targeting": "=14.0.0-canary.9803d2dc1.0",
"@material/mwc-icon": "0.26.0-canary.0d8084ed.0",
"@material/mwc-menu": "0.26.0-canary.0d8084ed.0",
"@material/ripple": "=14.0.0-canary.9803d2dc1.0",
"@material/rtl": "=14.0.0-canary.9803d2dc1.0",
"@material/theme": "=14.0.0-canary.9803d2dc1.0",
"@material/typography": "=14.0.0-canary.9803d2dc1.0"
},

@@ -42,3 +41,3 @@ "scripts": {

},
"gitHead": "9fcacc1890992ebd650dca508478ea3a276a1ebe"
"gitHead": "ca8c4979ee49843dba32b345040faa8c1e8a22a4"
}

@@ -8,3 +8,3 @@ # `<mwc-list>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-list.svg)](https://www.npmjs.com/package/@material/mwc-list)

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/header.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/header.png" width="402px">

@@ -33,3 +33,3 @@ [Material Design Guidelines: lists](https://material.io/design/components/lists.html)

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/basic.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/basic.png" width="402px">

@@ -52,3 +52,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/activatable.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/activatable.png" width="402px">

@@ -66,3 +66,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/multi.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/multi.png" width="402px">

@@ -82,3 +82,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/leading_graphic.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/leading_graphic.png" width="402px">

@@ -122,3 +122,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/meta_icon.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/meta_icon.png" width="402px">

@@ -148,3 +148,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/two_line.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/two_line.png" width="402px">

@@ -179,3 +179,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/dividers.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/dividers.png" width="402px">

@@ -209,3 +209,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/check_list.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/check_list.png" width="402px">

@@ -235,3 +235,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/radio_list.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/radio_list.png" width="402px">

@@ -252,3 +252,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/multi_radio_list.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/multi_radio_list.png" width="402px">

@@ -274,3 +274,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/noninteractive.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/noninteractive.png" width="402px">

@@ -304,3 +304,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/styled.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/styled.png" width="402px">

@@ -332,3 +332,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/list/images/styled_no_ripple.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/ca8c4979ee49843dba32b345040faa8c1e8a22a4/packages/list/images/styled_no_ripple.png" width="402px">

@@ -335,0 +335,0 @@ ```html

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc