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

@material/mwc-list

Package Overview
Dependencies
Maintainers
19
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.14.0-canary.3a79dfa6.0 to 0.14.0-canary.55338c25.0

14

package.json
{
"name": "@material/mwc-list",
"version": "0.14.0-canary.3a79dfa6.0",
"version": "0.14.0-canary.55338c25.0",
"description": "",

@@ -13,7 +13,7 @@ "main": "mwc-list.js",

"dependencies": {
"@material/base": "=6.0.0-canary.bd33cb56b.0",
"@material/list": "=6.0.0-canary.bd33cb56b.0",
"@material/mwc-base": "0.14.0-canary.3a79dfa6.0",
"@material/mwc-checkbox": "0.14.0-canary.3a79dfa6.0",
"@material/mwc-radio": "0.14.0-canary.3a79dfa6.0",
"@material/base": "=6.0.0-canary.1ae8130ce.0",
"@material/list": "=6.0.0-canary.1ae8130ce.0",
"@material/mwc-base": "0.14.0-canary.55338c25.0",
"@material/mwc-checkbox": "0.14.0-canary.55338c25.0",
"@material/mwc-radio": "0.14.0-canary.55338c25.0",
"lit-element": "^2.2.1",

@@ -26,3 +26,3 @@ "lit-html": "^1.1.2",

},
"gitHead": "d8c4d68989d9c1489104002dc0f43cfb89ad0488"
"gitHead": "6251bd82d8c2b37985e6a165d6904180ec7a96e3"
}

@@ -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/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/list/images/header.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/list/images/header.png" width="402px">

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

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

@@ -50,3 +50,3 @@ ```html

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

@@ -64,3 +64,3 @@ ```html

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

@@ -80,3 +80,3 @@ ```html

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

@@ -120,3 +120,3 @@ ```html

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

@@ -146,3 +146,3 @@ ```html

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

@@ -177,3 +177,3 @@ ```html

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

@@ -207,3 +207,3 @@ ```html

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

@@ -233,3 +233,3 @@ ```html

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

@@ -250,3 +250,3 @@ ```html

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

@@ -272,3 +272,3 @@ ```html

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

@@ -302,3 +302,3 @@ ```html

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

@@ -328,3 +328,3 @@ ```html

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

@@ -569,3 +569,3 @@ ```html

| ----------------------------------- | --------------------- |------------
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/list/images/color_0,0,0,87.png) `rgba(0, 0, 0, 0.87)` | Color of the primary text.
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/list/images/color_0,0,0,87.png) `rgba(0, 0, 0, 0.87)` | Color of the primary text.
| `--mdc-list-vertical-padding` | `8px` | Padding before and after the first and last list items.

@@ -579,8 +579,8 @@ | `--mdc-list-side-padding` | `16px` | Adjusts the padding of the `[padded]` list dividers (also propagates to `mwc-list-item`).

| ------------------------------------------ | -------------------- |------------
| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/list/images/color_6200ee.png) `#6200ee` | Color of the activated ripple and primary text color when activated.
| `--mdc-theme-on-surface` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/list/images/color_000.png) `#000` | Disabled text color
| `--mdc-theme-text-icon-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/list/images/color_0,0,0,38.png) `rgba(0, 0, 0, .38)` | Color of the graphic icon (if graphic is text icon).
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/list/images/color_0,0,0,87.png) `rgba(0, 0, 0, .87)` | Color of the primary text if not activated.
| `--mdc-theme-text-secondary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/list/images/color_0,0,0,54.png) `rgba(0, 0, 0, .54)` | Color of the secondary text if not activated.
| `--mdc-theme-hint-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/d8c4d68989d9c1489104002dc0f43cfb89ad0488/packages/list/images/color_0,0,0,38.png) `rgba(0, 0, 0, .38)` | Color of the meta (if is text or text icon).
| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/list/images/color_6200ee.png) `#6200ee` | Color of the activated ripple and primary text color when activated.
| `--mdc-theme-on-surface` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/list/images/color_000.png) `#000` | Disabled text color
| `--mdc-theme-text-icon-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/list/images/color_0,0,0,38.png) `rgba(0, 0, 0, .38)` | Color of the graphic icon (if graphic is text icon).
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/list/images/color_0,0,0,87.png) `rgba(0, 0, 0, .87)` | Color of the primary text if not activated.
| `--mdc-theme-text-secondary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/list/images/color_0,0,0,54.png) `rgba(0, 0, 0, .54)` | Color of the secondary text if not activated.
| `--mdc-theme-hint-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/6251bd82d8c2b37985e6a165d6904180ec7a96e3/packages/list/images/color_0,0,0,38.png) `rgba(0, 0, 0, .38)` | Color of the meta (if is text or text icon).
| `--mdc-list-side-padding` | `16px` | Side padding of the list item.

@@ -587,0 +587,0 @@ | `--mdc-list-item-meta-size` | `24px` | Line height of the meta icon or text and width & height of the slotted parent wrapper.

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