@aivenio/aquarium 2.1.1 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { Box } from '../../../src/molecules/Box/Box';
|
|
3
3
|
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
|
4
4
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
|
5
|
-
export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image, index) => image ? React.createElement(Avatar, { key: image
|
|
5
|
+
export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image, index) => image ? React.createElement(Avatar, { key: `${image}.${index}`, image: image, imageAlt: "" }) : React.createElement(Avatar.Skeleton, { key: index }))));
|
|
6
6
|
export const Avatar = ({ image, imageAlt = '' }) => (React.createElement("img", { src: image, className: classNames(tw('w-[32px] h-[32px]'), 'Aquarium-Avatar'), alt: imageAlt }));
|
|
7
7
|
const AvatarSkeleton = () => React.createElement(Skeleton, { height: 32, width: 32, className: tw('rounded-full') });
|
|
8
8
|
Avatar.Skeleton = AvatarSkeleton;
|
|
9
9
|
Avatar.Skeleton.displayName = 'Avatar.Skeleton';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBVXBELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBK0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNyRSxvQkFBQyxHQUFHLElBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLCtCQUErQixDQUFDLElBQy9ELE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDM0IsS0FBSyxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLElBQUMsR0FBRyxFQUFFLEdBQUcsS0FBSyxJQUFJLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLLEdBQUksQ0FDekcsQ0FDRyxDQUNQLENBQUM7QUFjRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQWdFLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUMvRyw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsaUJBQWlCLENBQUMsRUFBRSxHQUFHLEVBQUUsUUFBUSxHQUFJLENBQ3RHLENBQUM7QUFFRixNQUFNLGNBQWMsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEdBQUksQ0FBQztBQUUxRyxNQUFNLENBQUMsUUFBUSxHQUFHLGNBQWMsQ0FBQztBQUNqQyxNQUFNLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQyJ9
|
package/dist/system.cjs
CHANGED
|
@@ -8528,11 +8528,11 @@ var AvatarStack = ({ images }) => /* @__PURE__ */ import_react29.default.createE
|
|
|
8528
8528
|
className: tw("[&>*:not(:first-child)]:-ml-3")
|
|
8529
8529
|
}, images.map(
|
|
8530
8530
|
(image, index) => image ? /* @__PURE__ */ import_react29.default.createElement(Avatar, {
|
|
8531
|
-
key: image
|
|
8531
|
+
key: `${image}.${index}`,
|
|
8532
8532
|
image,
|
|
8533
8533
|
imageAlt: ""
|
|
8534
8534
|
}) : /* @__PURE__ */ import_react29.default.createElement(Avatar.Skeleton, {
|
|
8535
|
-
key:
|
|
8535
|
+
key: index
|
|
8536
8536
|
})
|
|
8537
8537
|
));
|
|
8538
8538
|
var Avatar = ({ image, imageAlt = "" }) => /* @__PURE__ */ import_react29.default.createElement("img", {
|
package/dist/system.mjs
CHANGED
|
@@ -8368,11 +8368,11 @@ var AvatarStack = ({ images }) => /* @__PURE__ */ React24.createElement(Box, {
|
|
|
8368
8368
|
className: tw("[&>*:not(:first-child)]:-ml-3")
|
|
8369
8369
|
}, images.map(
|
|
8370
8370
|
(image, index) => image ? /* @__PURE__ */ React24.createElement(Avatar, {
|
|
8371
|
-
key: image
|
|
8371
|
+
key: `${image}.${index}`,
|
|
8372
8372
|
image,
|
|
8373
8373
|
imageAlt: ""
|
|
8374
8374
|
}) : /* @__PURE__ */ React24.createElement(Avatar.Skeleton, {
|
|
8375
|
-
key:
|
|
8375
|
+
key: index
|
|
8376
8376
|
})
|
|
8377
8377
|
));
|
|
8378
8378
|
var Avatar = ({ image, imageAlt = "" }) => /* @__PURE__ */ React24.createElement("img", {
|