@wireapp/react-ui-kit 9.69.6 → 9.69.7-beta.14.5ce5ca523

package/package.json

@@ -79,6 +79,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.69.6",
-  "gitHead": "c76badccb59dd28fa433ce50bfa2949eaaf28171"
+  "version": "9.69.7-beta.14.5ce5ca523",
+  "gitHead": "5ce5ca523eecbb1d0bb2216f8542d8dcd1cec325"
 }

package/lib/DataDisplay/Avatar/Avatar.d.ts

@@ -1,14 +0,0 @@
-import { IsInViewportProps } from '../../utils';
-export declare const DEFAULT_AVATAR_SIZE = 28;
-export interface AvatarProps<T = HTMLDivElement> extends IsInViewportProps<T> {
-    backgroundColor?: string;
-    borderColor?: string;
-    fetchImage?: () => void;
-    forceInitials?: boolean;
-    isAvatarGridItem?: boolean;
-    name?: string;
-    size?: number;
-    url?: string;
-}
-export declare const Avatar: (props: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Avatar.d.ts.map

package/lib/DataDisplay/Avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Avatar/Avatar.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAe,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAG5D,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AA6CD,eAAO,MAAM,MAAM,UAAW,WAAW,qDA6CxC,CAAC"}

package/lib/DataDisplay/Avatar/Avatar.js

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = exports.DEFAULT_AVATAR_SIZE = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * Wire
- * Copyright (C) 2019 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-const react_1 = require("react");
-const colors_1 = require("../../Identity/colors/colors");
-const motions_1 = require("../../Identity/motions/motions");
-const utils_1 = require("../../utils");
-const util_1 = require("../../utils/util");
-exports.DEFAULT_AVATAR_SIZE = 28;
-const avatarStyle = ({ color = colors_1.COLOR.WHITE, url, borderColor, backgroundColor = colors_1.COLOR.GRAY, size = exports.DEFAULT_AVATAR_SIZE, isAvatarGridItem, }) => {
-    const BORDER_SIZE_LIMIT = 32;
-    const borderSize = size > BORDER_SIZE_LIMIT ? 2 : 1;
-    const borderWidth = url ? 0 : borderSize;
-    const fontSize = `${Math.ceil(size / 2.2)}px`;
-    return {
-        alignItems: 'center',
-        backgroundColor: backgroundColor,
-        borderRadius: isAvatarGridItem ? '0' : '50%',
-        boxShadow: isAvatarGridItem ? 'none' : `inset 0 0 0 ${borderWidth}px ${borderColor}`,
-        color,
-        display: 'flex',
-        fontSize,
-        fontWeight: isAvatarGridItem ? 700 : 400,
-        height: `${size}px`,
-        justifyContent: 'center',
-        minHeight: `${size}px`,
-        minWidth: `${size}px`,
-        overflow: 'hidden',
-        width: `${size}px`,
-    };
-};
-const filteredAvatarProps = (props) => (0, util_1.filterProps)(props, [
-    'size',
-    'forceInitials',
-    'name',
-    'url',
-    'borderColor',
-    'backgroundColor',
-    'fetchImage',
-    'isAvatarGridItem',
-]);
-const Avatar = (props) => {
-    const { url, forceInitials, name, fetchImage, isAvatarGridItem } = props;
-    const [scale, setScale] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
-        if (url) {
-            requestAnimationFrame(() => setScale(1));
-        }
-    }, [url]);
-    const getInitials = (name = '') => name
-        .split(' ')
-        .filter(Boolean)
-        .map(([initial]) => initial.toUpperCase())
-        .join('')
-        .substring(0, isAvatarGridItem ? 1 : 2);
-    return ((0, jsx_runtime_1.jsx)(utils_1.IsInViewport, { checkViewportOnce: true, onEnterViewport: fetchImage, disabled: !!url, css: avatarStyle(props), "data-uie-name": !forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials', ...filteredAvatarProps(props), children: forceInitials || !url ? (getInitials(name)) : ((0, jsx_runtime_1.jsx)("div", { css: {
-                backgroundImage: url && `url(${url})`,
-                backgroundPosition: 'center',
-                backgroundSize: 'cover',
-                borderRadius: isAvatarGridItem ? '0' : '50%',
-                minHeight: '100%',
-                minWidth: '100%',
-                opacity: scale,
-                transform: `scale(${scale})`,
-                transition: `all ${motions_1.DURATION.DEFAULT}ms ${motions_1.EASE.QUART}`,
-                width: '100%',
-            } })) }));
-};
-exports.Avatar = Avatar;

package/lib/DataDisplay/Avatar/Avatar.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Avatar } from './Avatar';
-declare const meta: Meta<typeof Avatar>;
-export default meta;
-type Story = StoryObj<typeof Avatar>;
-export declare const WithInitials: Story;
-export declare const WithImage: Story;
-export declare const CustomColors: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const ForcedInitials: Story;
-export declare const MultipleSizes: Story;
-//# sourceMappingURL=Avatar.stories.d.ts.map

package/lib/DataDisplay/Avatar/Avatar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAY7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC"}

package/lib/DataDisplay/Avatar/Avatar.stories.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultipleSizes = exports.ForcedInitials = exports.Large = exports.Small = exports.CustomColors = exports.WithImage = exports.WithInitials = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Avatar_1 = require("./Avatar");
-const colors_1 = require("../../Identity/colors/colors");
-const meta = {
-    component: Avatar_1.Avatar,
-    title: 'DataDisplay/Avatar',
-    argTypes: {
-        backgroundColor: { control: 'color' },
-        borderColor: { control: 'color' },
-        size: { control: { type: 'number', min: 16, max: 128, step: 4 } },
-        name: { control: 'text' },
-        url: { control: 'text' },
-        forceInitials: { control: 'boolean' },
-        isAvatarGridItem: { control: 'boolean' },
-    },
-};
-exports.default = meta;
-exports.WithInitials = {
-    args: {
-        name: 'John Doe',
-        size: 48,
-    },
-};
-exports.WithImage = {
-    args: {
-        name: 'John Doe',
-        size: 48,
-        url: 'https://wire.com/hs-fs/hubfs/images%202024/about-us-hero-min.jpg?width=2175&height=2043&name=about-us-hero-min.jpg',
-    },
-};
-exports.CustomColors = {
-    args: {
-        backgroundColor: colors_1.COLOR.BLUE,
-        borderColor: colors_1.COLOR.WHITE,
-        name: 'Jane Smith',
-        size: 48,
-    },
-};
-exports.Small = {
-    args: {
-        name: 'JS',
-        size: 24,
-    },
-};
-exports.Large = {
-    args: {
-        name: 'Jane Smith',
-        size: 96,
-    },
-};
-exports.ForcedInitials = {
-    args: {
-        forceInitials: true,
-        name: 'John Doe',
-        size: 48,
-        url: 'https://placekitten.com/200/200',
-    },
-};
-exports.MultipleSizes = {
-    render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { name: "John Doe", size: 24 }), (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { name: "John Doe", size: 32 }), (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { name: "John Doe", size: 48 }), (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { name: "John Doe", size: 64 }), (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { name: "John Doe", size: 96 })] })),
-};

package/lib/DataDisplay/Avatar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Avatar';
-//# sourceMappingURL=index.d.ts.map

package/lib/DataDisplay/Avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Avatar/index.ts"],"names":[],"mappings":"AAmBA,cAAc,UAAU,CAAC"}

package/lib/DataDisplay/Avatar/index.js

@@ -1,35 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Avatar"), exports);

package/lib/DataDisplay/AvatarGrid/AvatarGrid.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { AvatarProps } from '../Avatar';
-interface Props<T = HTMLDivElement> extends React.HTMLProps<T> {
-    backgroundColor?: string;
-    borderColor?: string;
-    borderWidth?: number;
-    fetchImages?: () => void;
-    items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];
-    size?: number;
-}
-export declare const AvatarGrid: ({ borderWidth, size, items, fetchImages, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AvatarGrid.d.ts.map

package/lib/DataDisplay/AvatarGrid/AvatarGrid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGrid.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/AvatarGrid/AvatarGrid.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAS,WAAW,EAAsB,MAAM,WAAW,CAAC;AAEnE,UAAU,KAAK,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,MAAM,GAAG,aAAa,GAAG,kBAAkB,GAAG,YAAY,CAAC,EAAE,CAAC;IACvG,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA4BD,eAAO,MAAM,UAAU,wDAAiF,KAAK,qDAwC5G,CAAC"}

package/lib/DataDisplay/AvatarGrid/AvatarGrid.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarGrid = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const colors_1 = require("../../Identity/colors/colors");
-const utils_1 = require("../../utils");
-const util_1 = require("../../utils/util");
-const Avatar_1 = require("../Avatar");
-const avatarGridStyle = ({ borderWidth, size, backgroundColor = colors_1.COLOR.GRAY_DARKEN_48, borderColor = colors_1.COLOR.GRAY_DARKEN_48, }) => {
-    return {
-        alignItems: 'start',
-        backgroundColor: backgroundColor,
-        border: `${borderWidth}px solid ${borderColor}`,
-        borderRadius: '16%',
-        display: 'grid',
-        gridGap: borderWidth,
-        gridTemplateColumns: 'repeat(2, 1fr)',
-        gridTemplateRows: 'repeat(2, 1fr)',
-        height: `${size}px`,
-        justifyItems: 'center',
-        minWidth: `${size}px`,
-        overflow: 'hidden',
-        width: `${size}px`,
-    };
-};
-const filteredAvatarGridProps = (props) => (0, util_1.filterProps)(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);
-const AvatarGrid = ({ borderWidth = 1, size = Avatar_1.DEFAULT_AVATAR_SIZE, items, fetchImages, ...props }) => {
-    const allProps = { borderWidth, items, size, ...props };
-    const slicedItems = items.slice(0, 4);
-    const missing = 4 - slicedItems.length;
-    for (let index = 0; index < missing; index++) {
-        slicedItems.push(null);
-    }
-    return ((0, jsx_runtime_1.jsx)(utils_1.IsInViewport, { checkViewportOnce: true, onEnterViewport: fetchImages, css: avatarGridStyle(allProps), ...filteredAvatarGridProps(allProps), children: slicedItems.map(item => item ? ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { backgroundColor: item.backgroundColor || colors_1.COLOR.GRAY_DARKEN_80, url: item.url, color: item.color, forceInitials: item.forceInitials, isAvatarGridItem: true, name: item.name, size: size / 2 - borderWidth, style: { height: '100%', width: '100%' } }, Math.random().toString())) : ((0, jsx_runtime_1.jsx)("div", { css: {
-                backgroundColor: colors_1.COLOR.GRAY_DARKEN_80,
-                height: '100%',
-                width: '100%',
-            } }, Math.random().toString()))) }));
-};
-exports.AvatarGrid = AvatarGrid;

package/lib/DataDisplay/AvatarGrid/AvatarGrid.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { AvatarGrid } from './AvatarGrid';
-declare const meta: Meta<typeof AvatarGrid>;
-export default meta;
-type Story = StoryObj<typeof AvatarGrid>;
-export declare const Default: Story;
-export declare const WithImages: Story;
-export declare const CustomStyle: Story;
-export declare const TwoItems: Story;
-export declare const SingleItem: Story;
-export declare const MultipleSizes: Story;
-//# sourceMappingURL=AvatarGrid.stories.d.ts.map

package/lib/DataDisplay/AvatarGrid/AvatarGrid.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGrid.stories.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/AvatarGrid/AvatarGrid.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CASjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC"}

package/lib/DataDisplay/AvatarGrid/AvatarGrid.stories.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultipleSizes = exports.SingleItem = exports.TwoItems = exports.CustomStyle = exports.WithImages = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const AvatarGrid_1 = require("./AvatarGrid");
-const colors_1 = require("../../Identity/colors/colors");
-const meta = {
-    component: AvatarGrid_1.AvatarGrid,
-    title: 'DataDisplay/AvatarGrid',
-    argTypes: {
-        backgroundColor: { control: 'color' },
-        borderColor: { control: 'color' },
-        borderWidth: { control: { type: 'number', min: 0, max: 4, step: 1 } },
-        size: { control: { type: 'number', min: 32, max: 256, step: 8 } },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        size: 120,
-        items: [
-            { color: colors_1.COLOR.RED, name: 'Joe Doe' },
-            { color: colors_1.COLOR.BLUE, name: 'Bon Jovi' },
-            { color: colors_1.COLOR.ORANGE, name: 'Mick Jagger' },
-            { color: colors_1.COLOR.GREEN, name: 'Freddy Mercury' },
-        ],
-    },
-};
-exports.WithImages = {
-    args: {
-        size: 120,
-        items: [
-            {
-                color: colors_1.COLOR.RED,
-                name: 'Joe Doe',
-                url: 'https://wire.com/hs-fs/hubfs/images%202024/about-us-hero-min.jpg?width=200&height=200',
-            },
-            { color: colors_1.COLOR.BLUE, name: 'Bon Jovi' },
-            {
-                color: colors_1.COLOR.ORANGE,
-                name: 'Mick Jagger',
-                url: 'https://wire.com/hs-fs/hubfs/images%202024/about-us-hero-min.jpg?width=200&height=200',
-            },
-            { color: colors_1.COLOR.GREEN, name: 'Freddy Mercury' },
-        ],
-    },
-};
-exports.CustomStyle = {
-    args: {
-        backgroundColor: colors_1.COLOR.BLUE,
-        borderColor: colors_1.COLOR.WHITE,
-        borderWidth: 2,
-        size: 120,
-        items: [
-            { color: colors_1.COLOR.RED, name: 'Joe Doe' },
-            { color: colors_1.COLOR.YELLOW, name: 'Bon Jovi' },
-            { color: colors_1.COLOR.ORANGE, name: 'Mick Jagger' },
-        ],
-    },
-};
-exports.TwoItems = {
-    args: {
-        size: 64,
-        items: [
-            { color: colors_1.COLOR.ORANGE, name: 'Mick Jagger' },
-            { color: colors_1.COLOR.BLUE, name: 'Freddy Mercury' },
-        ],
-    },
-};
-exports.SingleItem = {
-    args: {
-        size: 64,
-        items: [{ color: colors_1.COLOR.ORANGE, name: 'Mick Jagger' }],
-    },
-};
-exports.MultipleSizes = {
-    render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(AvatarGrid_1.AvatarGrid, { size: 32, items: [
-                    { color: colors_1.COLOR.RED, name: 'Joe' },
-                    { color: colors_1.COLOR.BLUE, name: 'Bon' },
-                ] }), (0, jsx_runtime_1.jsx)(AvatarGrid_1.AvatarGrid, { size: 64, items: [
-                    { color: colors_1.COLOR.RED, name: 'Joe' },
-                    { color: colors_1.COLOR.BLUE, name: 'Bon' },
-                    { color: colors_1.COLOR.GREEN, name: 'Fred' },
-                ] }), (0, jsx_runtime_1.jsx)(AvatarGrid_1.AvatarGrid, { size: 96, items: [
-                    { color: colors_1.COLOR.RED, name: 'Joe' },
-                    { color: colors_1.COLOR.BLUE, name: 'Bon' },
-                    { color: colors_1.COLOR.GREEN, name: 'Fred' },
-                    { color: colors_1.COLOR.ORANGE, name: 'Mick' },
-                ] })] })),
-};

package/lib/DataDisplay/AvatarGrid/index.d.ts

@@ -1,2 +0,0 @@
-export * from './AvatarGrid';
-//# sourceMappingURL=index.d.ts.map

package/lib/DataDisplay/AvatarGrid/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/AvatarGrid/index.ts"],"names":[],"mappings":"AAmBA,cAAc,cAAc,CAAC"}

package/lib/DataDisplay/AvatarGrid/index.js

@@ -1,35 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AvatarGrid"), exports);

package/lib/DataDisplay/Badge/Badge.d.ts

@@ -1,4 +0,0 @@
-export declare const Badge: ({ children }: {
-    children: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Badge.d.ts.map

package/lib/DataDisplay/Badge/Badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Badge/Badge.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,KAAK,iBAAgB;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,qDAMnD,CAAC"}

package/lib/DataDisplay/Badge/Badge.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-const Badge_styles_1 = require("./Badge.styles");
-const Badge = ({ children }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { css: Badge_styles_1.wrapperStyles, children: (0, jsx_runtime_1.jsx)("span", { css: Badge_styles_1.textStyles, children: children }) }));
-};
-exports.Badge = Badge;

package/lib/DataDisplay/Badge/Badge.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Badge } from './Badge';
-declare const meta: Meta<typeof Badge>;
-export default meta;
-type Story = StoryObj<typeof Badge>;
-export declare const Default: Story;
-export declare const ShortText: Story;
-export declare const TruncatedText: Story;
-//# sourceMappingURL=Badge.stories.d.ts.map

package/lib/DataDisplay/Badge/Badge.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAc5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC"}

package/lib/DataDisplay/Badge/Badge.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TruncatedText = exports.ShortText = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Badge_1 = require("./Badge");
-const meta = {
-    component: Badge_1.Badge,
-    title: 'DataDisplay/Badge',
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '300px', margin: '0 auto', background: 'white' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        children: 'Default Badge',
-    },
-};
-exports.ShortText = {
-    args: {
-        children: 'New',
-    },
-};
-exports.TruncatedText = {
-    args: {
-        children: 'This is a very long badge text that should be truncated',
-    },
-};

package/lib/DataDisplay/Badge/Badge.styles.d.ts

@@ -1,4 +0,0 @@
-import { CSSObject } from '@emotion/react';
-export declare const wrapperStyles: CSSObject;
-export declare const textStyles: CSSObject;
-//# sourceMappingURL=Badge.styles.d.ts.map

package/lib/DataDisplay/Badge/Badge.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Badge/Badge.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,aAAa,EAAE,SAc3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,SAGxB,CAAC"}

package/lib/DataDisplay/Badge/Badge.styles.js

@@ -1,41 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.textStyles = exports.wrapperStyles = void 0;
-const util_1 = require("../../utils/util");
-exports.wrapperStyles = {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minWidth: 0,
-    height: '24px',
-    padding: '0 4px',
-    background: 'var(--accent-color-highlight)',
-    color: 'var(--accent-color)',
-    borderRadius: '8px',
-    fontWeight: 500,
-    overflow: 'hidden',
-    width: 'fit-content',
-    maxWidth: '100%',
-};
-exports.textStyles = {
-    ...(0, util_1.ellipsis)(),
-    width: '100%',
-};

package/lib/DataDisplay/Badge/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Badge';
-//# sourceMappingURL=index.d.ts.map

package/lib/DataDisplay/Badge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/Badge/index.ts"],"names":[],"mappings":"AAmBA,cAAc,SAAS,CAAC"}

package/lib/DataDisplay/Badge/index.js

@@ -1,35 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Badge"), exports);

package/lib/DataDisplay/BadgesWithTooltip/BadgesWithTooltip.d.ts

@@ -1,4 +0,0 @@
-export declare const BadgesWithTooltip: ({ items }: {
-    items: string[];
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BadgesWithTooltip.d.ts.map

package/lib/DataDisplay/BadgesWithTooltip/BadgesWithTooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgesWithTooltip.d.ts","sourceRoot":"","sources":["../../../src/DataDisplay/BadgesWithTooltip/BadgesWithTooltip.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,iBAAiB,cAAa;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAC,qDAU3D,CAAC"}