linkedunion-design-kit 1.9.2 → 1.9.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.9.2",
+  "version": "1.9.4",
   "private": false,
   "files": [
     "dist",

package/dist/src/components/Avatar/Avatar/Avatar1.stories.d.ts

@@ -1,17 +0,0 @@
-import { Avatar } from "../../../components/ui/avatar";
-import { Meta } from "@storybook/react";
-import { avatar1Shape, avatar1Size } from ".";
-declare const _default: Meta<typeof Avatar>;
-export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    size?: keyof typeof avatar1Size;
-    shape?: keyof typeof avatar1Shape;
-    status?: "online" | "offline" | "busy" | "away";
-} & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarFallBackValue: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarShape: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarWithNoImageAndFallBackValue: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarShapeSizeCombination: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarStatusIndicator: () => import("react/jsx-runtime").JSX.Element;
-export declare const RoundedAvatarStatusIndicatorSize: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Avatar/Avatar/Avatar1.stories.js

@@ -1,68 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, AvatarImage, AvatarFallback } from "../../../components/ui/avatar";
-import { avatar1Shape, avatar1Size } from ".";
-export default {
-    title: "Components/Avatar/Avatar1",
-    component: Avatar,
-    argTypes: {
-        size: {
-            control: {
-                type: "select",
-                options: Object.keys(avatar1Size),
-            },
-            description: "The size of the avatar.",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "md" },
-            },
-        },
-        shape: {
-            control: {
-                type: "select",
-                options: Object.keys(avatar1Shape),
-            },
-            description: "The shape of the avatar.",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "rounded" },
-            },
-        },
-        status: {
-            control: {
-                type: "select",
-                options: ["online", "offline", "busy", "away"],
-            },
-            description: "The status of the avatar.",
-            table: {
-                type: { summary: "string" },
-            },
-        },
-    },
-};
-var Template = function (args) {
-    return (_jsxs(Avatar, __assign({}, args, { children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] })));
-};
-export var Default = Template.bind({});
-export var AvatarSize = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: Object.keys(avatar1Size).map(function (size) { return (_jsxs(Avatar, { size: size, children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, size)); }) })); };
-export var AvatarFallBackValue = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: Object.keys(avatar1Size).map(function (size) { return (_jsxs(Avatar, { size: size, children: [_jsx(AvatarImage, { src: "", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, size)); }) })); };
-export var AvatarShape = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: Object.keys(avatar1Shape).map(function (shape) { return (_jsxs(Avatar, { shape: shape, size: "massive", status: "online", children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, shape)); }) })); };
-export var AvatarWithNoImageAndFallBackValue = function () {
-    var user = { name: "", image: null };
-    return (_jsx("div", { className: "flex flex-row space-x-2", children: _jsxs(Avatar, { size: "md", children: [_jsx(AvatarImage, { src: "", alt: "User avatar" }), _jsx(AvatarFallback, { children: (user === null || user === void 0 ? void 0 : user.name) ? user.name.charAt(0) : null })] }) }));
-};
-export var AvatarShapeSizeCombination = function () { return (_jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(avatar1Shape).map(function (shape) {
-        return Object.keys(avatar1Size).map(function (size) { return (_jsxs(Avatar, { shape: shape, size: size, children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, "".concat(shape, "-").concat(size))); });
-    }) })); };
-export var AvatarStatusIndicator = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: ["online", "offline", "busy", "away"].map(function (status) { return (_jsxs(Avatar, { size: "massive", shape: "square", status: status, children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, status)); }) })); };
-export var RoundedAvatarStatusIndicatorSize = function () { return (_jsx("div", { className: "flex flex-row space-x-2", children: Object.keys(avatar1Size).map(function (size) { return (_jsxs(Avatar, { size: size, shape: "rounded", status: "online", children: [_jsx(AvatarImage, { src: "https://www.w3schools.com/howto/img_avatar2.png", alt: "Avatar" }), _jsx(AvatarFallback, { children: "AB" })] }, size)); }) })); };