Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@vaadin/avatar-group
Advanced tools
@vaadin/avatar-group - npm Package Compare versions
Comparing version 24.5.0-alpha7 to 24.5.0-alpha8
| { | ||
| "name": "@vaadin/avatar-group", | ||
| "version": "24.5.0-alpha7", | ||
| "version": "24.5.0-alpha8", | ||
| "publishConfig": { | ||
@@ -40,17 +40,17 @@ "access": "public" | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/a11y-base": "24.5.0-alpha7", | ||
| "@vaadin/avatar": "24.5.0-alpha7", | ||
| "@vaadin/component-base": "24.5.0-alpha7", | ||
| "@vaadin/item": "24.5.0-alpha7", | ||
| "@vaadin/list-box": "24.5.0-alpha7", | ||
| "@vaadin/overlay": "24.5.0-alpha7", | ||
| "@vaadin/vaadin-lumo-styles": "24.5.0-alpha7", | ||
| "@vaadin/vaadin-material-styles": "24.5.0-alpha7", | ||
| "@vaadin/vaadin-themable-mixin": "24.5.0-alpha7", | ||
| "@vaadin/a11y-base": "24.5.0-alpha8", | ||
| "@vaadin/avatar": "24.5.0-alpha8", | ||
| "@vaadin/component-base": "24.5.0-alpha8", | ||
| "@vaadin/item": "24.5.0-alpha8", | ||
| "@vaadin/list-box": "24.5.0-alpha8", | ||
| "@vaadin/overlay": "24.5.0-alpha8", | ||
| "@vaadin/vaadin-lumo-styles": "24.5.0-alpha8", | ||
| "@vaadin/vaadin-material-styles": "24.5.0-alpha8", | ||
| "@vaadin/vaadin-themable-mixin": "24.5.0-alpha8", | ||
| "lit": "^3.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@esm-bundle/chai": "^4.3.4", | ||
| "@vaadin/testing-helpers": "^0.6.0", | ||
| "sinon": "^13.0.2" | ||
| "@vaadin/chai-plugins": "24.5.0-alpha8", | ||
| "@vaadin/testing-helpers": "^1.0.0", | ||
| "sinon": "^18.0.0" | ||
| }, | ||
@@ -61,3 +61,3 @@ "web-types": [ | ||
| ], | ||
| "gitHead": "89f77a69ae0eba6247f2b3084941f9395d7134e1" | ||
| "gitHead": "1e227aaa55df3f5dae3d477b9afb5fce4f5ece33" | ||
| } |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/avatar-group", | ||
| "version": "24.5.0-alpha7", | ||
| "version": "24.5.0-alpha8", | ||
| "description-markup": "markdown", | ||
@@ -11,3 +11,3 @@ "contributions": { | ||
| "name": "vaadin-avatar-group", | ||
| "description": "`<vaadin-avatar-group>` is a Web Component providing avatar group displaying functionality.\n\nTo create the avatar group, first add the component to the page:\n\n```\n<vaadin-avatar-group></vaadin-avatar-group>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar-group#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-avatar-group').items = [\n {name: 'John Doe'},\n {abbr: 'AB'}\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------- | ---------------\n`container` | The container element\n\nSee the [`<vaadin-avatar>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar) documentation for the available\nstate attributes and stylable shadow parts of avatar elements.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-avatar-group>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-avatar-group-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-overlay).\n- `<vaadin-avatar-group-menu>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-list-box).\n- `<vaadin-avatar-group-menu-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-item).", | ||
| "description": "`<vaadin-avatar-group>` is a Web Component providing avatar group displaying functionality.\n\nTo create the avatar group, first add the component to the page:\n\n```\n<vaadin-avatar-group></vaadin-avatar-group>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar-group#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-avatar-group').items = [\n {name: 'John Doe'},\n {abbr: 'AB'}\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------- | ---------------\n`container` | The container element\n\nSee the [`<vaadin-avatar>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar) documentation for the available\nstate attributes and stylable shadow parts of avatar elements.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-avatar-group>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-avatar-group-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-overlay).\n- `<vaadin-avatar-group-menu>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-list-box).\n- `<vaadin-avatar-group-menu-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-item).", | ||
| "attributes": [ | ||
@@ -63,3 +63,3 @@ { | ||
| "name": "items", | ||
| "description": "An array containing the items which will be stamped as avatars.\n\nThe items objects allow to configure [`name`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar#property-name),\n[`abbr`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar#property-abbr), [`img`](#/elements/vaadin-avatar#property-img)\nand [`colorIndex`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar#property-colorIndex) properties on the\nstamped avatars, and set `className` to provide CSS class names.\n\n#### Example\n\n```js\ngroup.items = [\n {\n name: 'User name',\n img: 'url-to-image.png',\n className: 'even'\n },\n {\n abbr: 'JD',\n colorIndex: 1,\n className: 'odd'\n },\n];\n```", | ||
| "description": "An array containing the items which will be stamped as avatars.\n\nThe items objects allow to configure [`name`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar#property-name),\n[`abbr`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar#property-abbr), [`img`](#/elements/vaadin-avatar#property-img)\nand [`colorIndex`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar#property-colorIndex) properties on the\nstamped avatars, and set `className` to provide CSS class names.\n\n#### Example\n\n```js\ngroup.items = [\n {\n name: 'User name',\n img: 'url-to-image.png',\n className: 'even'\n },\n {\n abbr: 'JD',\n colorIndex: 1,\n className: 'odd'\n },\n];\n```", | ||
| "value": { | ||
@@ -66,0 +66,0 @@ "type": [ |
| { | ||
| "$schema": "https://json.schemastore.org/web-types", | ||
| "name": "@vaadin/avatar-group", | ||
| "version": "24.5.0-alpha7", | ||
| "version": "24.5.0-alpha8", | ||
| "description-markup": "markdown", | ||
@@ -19,3 +19,3 @@ "framework": "lit", | ||
| "name": "vaadin-avatar-group", | ||
| "description": "`<vaadin-avatar-group>` is a Web Component providing avatar group displaying functionality.\n\nTo create the avatar group, first add the component to the page:\n\n```\n<vaadin-avatar-group></vaadin-avatar-group>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar-group#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-avatar-group').items = [\n {name: 'John Doe'},\n {abbr: 'AB'}\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------- | ---------------\n`container` | The container element\n\nSee the [`<vaadin-avatar>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar) documentation for the available\nstate attributes and stylable shadow parts of avatar elements.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-avatar-group>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-avatar-group-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-overlay).\n- `<vaadin-avatar-group-menu>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-list-box).\n- `<vaadin-avatar-group-menu-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-item).", | ||
| "description": "`<vaadin-avatar-group>` is a Web Component providing avatar group displaying functionality.\n\nTo create the avatar group, first add the component to the page:\n\n```\n<vaadin-avatar-group></vaadin-avatar-group>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar-group#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-avatar-group').items = [\n {name: 'John Doe'},\n {abbr: 'AB'}\n];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------- | ---------------\n`container` | The container element\n\nSee the [`<vaadin-avatar>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar) documentation for the available\nstate attributes and stylable shadow parts of avatar elements.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-avatar-group>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-avatar-group-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-overlay).\n- `<vaadin-avatar-group-menu>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-list-box).\n- `<vaadin-avatar-group-menu-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-item).", | ||
| "extension": true, | ||
@@ -32,3 +32,3 @@ "attributes": [ | ||
| "name": ".items", | ||
| "description": "An array containing the items which will be stamped as avatars.\n\nThe items objects allow to configure [`name`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar#property-name),\n[`abbr`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar#property-abbr), [`img`](#/elements/vaadin-avatar#property-img)\nand [`colorIndex`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha7/#/elements/vaadin-avatar#property-colorIndex) properties on the\nstamped avatars, and set `className` to provide CSS class names.\n\n#### Example\n\n```js\ngroup.items = [\n {\n name: 'User name',\n img: 'url-to-image.png',\n className: 'even'\n },\n {\n abbr: 'JD',\n colorIndex: 1,\n className: 'odd'\n },\n];\n```", | ||
| "description": "An array containing the items which will be stamped as avatars.\n\nThe items objects allow to configure [`name`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar#property-name),\n[`abbr`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar#property-abbr), [`img`](#/elements/vaadin-avatar#property-img)\nand [`colorIndex`](https://cdn.vaadin.com/vaadin-web-components/24.5.0-alpha8/#/elements/vaadin-avatar#property-colorIndex) properties on the\nstamped avatars, and set `className` to provide CSS class names.\n\n#### Example\n\n```js\ngroup.items = [\n {\n name: 'User name',\n img: 'url-to-image.png',\n className: 'even'\n },\n {\n abbr: 'JD',\n colorIndex: 1,\n className: 'odd'\n },\n];\n```", | ||
| "value": { | ||
@@ -35,0 +35,0 @@ "kind": "expression" |
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by0.02%
64132
Dependency changes
+ Added@vaadin/a11y-base@24.5.0-alpha8(transitive)
+ Added@vaadin/avatar@24.5.0-alpha8(transitive)
+ Added@vaadin/component-base@24.5.0-alpha8(transitive)
+ Added@vaadin/icon@24.5.0-alpha8(transitive)
+ Added@vaadin/item@24.5.0-alpha8(transitive)
+ Added@vaadin/list-box@24.5.0-alpha8(transitive)
+ Added@vaadin/lit-renderer@24.5.0-alpha8(transitive)
+ Added@vaadin/overlay@24.5.0-alpha8(transitive)
+ Added@vaadin/popover@24.5.0-alpha8(transitive)
+ Added@vaadin/tooltip@24.5.0-alpha8(transitive)
+ Added@vaadin/vaadin-lumo-styles@24.5.0-alpha8(transitive)
+ Added@vaadin/vaadin-material-styles@24.5.0-alpha8(transitive)
+ Added@vaadin/vaadin-themable-mixin@24.5.0-alpha8(transitive)
- Removed@vaadin/a11y-base@24.5.0-alpha7(transitive)
- Removed@vaadin/avatar@24.5.0-alpha7(transitive)
- Removed@vaadin/component-base@24.5.0-alpha7(transitive)
- Removed@vaadin/icon@24.5.0-alpha7(transitive)
- Removed@vaadin/item@24.5.0-alpha7(transitive)
- Removed@vaadin/list-box@24.5.0-alpha7(transitive)
- Removed@vaadin/lit-renderer@24.5.0-alpha7(transitive)
- Removed@vaadin/overlay@24.5.0-alpha7(transitive)
- Removed@vaadin/popover@24.5.0-alpha7(transitive)
- Removed@vaadin/tooltip@24.5.0-alpha7(transitive)
- Removed@vaadin/vaadin-lumo-styles@24.5.0-alpha7(transitive)
- Removed@vaadin/vaadin-material-styles@24.5.0-alpha7(transitive)
- Removed@vaadin/vaadin-themable-mixin@24.5.0-alpha7(transitive)
Updated@vaadin/avatar@24.5.0-alpha8
Updated@vaadin/item@24.5.0-alpha8