@material/mwc-list - npm Package Compare versions

Comparing version 0.15.0-canary.3a6e481a.0 to 0.15.0-canary.4e6be3f4.0

mwc-list-base.d.ts

@@ -38,2 +38,3 @@ /**
     innerRole: string | null;
+    innerAriaLabel: string | null;
     rootTabbable: boolean;
@@ -40,0 +41,0 @@ protected previousTabindex: Element | null;

mwc-list-base.js

@@ -42,2 +42,3 @@ /**
         this.innerRole = null;
+        this.innerAriaLabel = null;
         this.rootTabbable = false;
@@ -112,2 +113,3 @@ this.previousTabindex = null;
         const role = this.innerRole === null ? undefined : this.innerRole;
+        const ariaLabel = this.innerAriaLabel === null ? undefined : this.innerAriaLabel;
         const tabindex = this.rootTabbable ? '0' : '-1';
@@ -119,2 +121,3 @@ return html `
           role="${ifDefined(role)}"
+          aria-label="${ifDefined(ariaLabel)}"
           class="mdc-list"
@@ -409,2 +412,5 @@ @keydown=${this.onKeydown}
 __decorate([
+    property({ type: String })
+], ListBase.prototype, "innerAriaLabel", void 0);
+__decorate([
     property({ type: Boolean })
@@ -411,0 +417,0 @@ ], ListBase.prototype, "rootTabbable", void 0);

package.json

 {
   "name": "@material/mwc-list",
-  "version": "0.15.0-canary.3a6e481a.0",
+  "version": "0.15.0-canary.4e6be3f4.0",
   "description": "",
@@ -13,7 +13,7 @@ "main": "mwc-list.js",
   "dependencies": {
-    "@material/base": "=6.0.0-canary.cafe18860.0",
-    "@material/list": "=6.0.0-canary.cafe18860.0",
-    "@material/mwc-base": "0.15.0-canary.3a6e481a.0",
-    "@material/mwc-checkbox": "0.15.0-canary.3a6e481a.0",
-    "@material/mwc-radio": "0.15.0-canary.3a6e481a.0",
+    "@material/base": "=6.0.0-canary.35a32aaea.0",
+    "@material/list": "=6.0.0-canary.35a32aaea.0",
+    "@material/mwc-base": "0.15.0-canary.4e6be3f4.0",
+    "@material/mwc-checkbox": "0.15.0-canary.4e6be3f4.0",
+    "@material/mwc-radio": "0.15.0-canary.4e6be3f4.0",
     "lit-element": "^2.3.0",
@@ -26,3 +26,3 @@ "lit-html": "^1.1.2",
   },
-  "gitHead": "0d89a3406dea7d2d2540aaeb339072cc01d18e2a"
+  "gitHead": "1512aaf308db7992eea7201d4af81bf1e616d5d8"
 }

README.md

@@ -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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/header.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/basic.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/packages/list/images/basic.png" width="402px">
 
@@ -50,3 +50,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/activatable.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/packages/list/images/activatable.png" width="402px">
 
@@ -64,3 +64,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/multi.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/packages/list/images/multi.png" width="402px">
 
@@ -80,3 +80,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/leading_graphic.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/meta_icon.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/two_line.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/dividers.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/packages/list/images/dividers.png" width="402px">
 
@@ -207,3 +207,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/check_list.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/radio_list.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/multi_radio_list.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/noninteractive.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/packages/list/images/noninteractive.png" width="402px">
 
@@ -302,3 +302,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/styled.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/packages/list/images/styled.png" width="402px">
 
@@ -328,3 +328,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/packages/list/images/styled_no_ripple.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/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/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/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/0d89a3406dea7d2d2540aaeb339072cc01d18e2a/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/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/1512aaf308db7992eea7201d4af81bf1e616d5d8/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/1512aaf308db7992eea7201d4af81bf1e616d5d8/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.

src/mwc-list-base.ts

@@ -89,2 +89,4 @@ /**
 
+  @property({type: String}) innerAriaLabel: string|null = null;
+
   @property({type: Boolean}) rootTabbable = false;
@@ -196,2 +198,4 @@
     const role = this.innerRole === null ? undefined : this.innerRole;
+    const ariaLabel =
+        this.innerAriaLabel === null ? undefined : this.innerAriaLabel;
     const tabindex = this.rootTabbable ? '0' : '-1';
@@ -203,2 +207,3 @@ return html`
           role="${ifDefined(role)}"
+          aria-label="${ifDefined(ariaLabel)}"
           class="mdc-list"
@@ -205,0 +210,0 @@ @keydown=${this.onKeydown}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

926681

increased by0.24%

Lines of code

4845

increased by0.23%

Dependency changes

• + Added@material/mwc-base@0.15.0-canary.4e6be3f4.0(transitive)

• + Added@material/mwc-checkbox@0.15.0-canary.4e6be3f4.0(transitive)

• + Added@material/mwc-radio@0.15.0-canary.4e6be3f4.0(transitive)

• + Added@material/mwc-ripple@0.15.0-canary.4e6be3f4.0(transitive)

• - Removed@material/mwc-base@0.15.0-canary.3a6e481a.0(transitive)

• - Removed@material/mwc-checkbox@0.15.0-canary.3a6e481a.0(transitive)

• - Removed@material/mwc-radio@0.15.0-canary.3a6e481a.0(transitive)

• - Removed@material/mwc-ripple@0.15.0-canary.3a6e481a.0(transitive)

• Updated@material/base@=6.0.0-canary.35a32aaea.0

• Updated@material/list@=6.0.0-canary.35a32aaea.0

• Updated@material/mwc-base@0.15.0-canary.4e6be3f4.0

• Updated@material/mwc-checkbox@0.15.0-canary.4e6be3f4.0

• Updated@material/mwc-radio@0.15.0-canary.4e6be3f4.0