@nurihaus/web-design-system 0.0.24 → 0.0.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nurihaus/web-design-system",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "private": false,
   "description": "nurilounge-admin-design-system",
   "main": "dist/index.js",

package/dist/components/avatar/avatar.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from "react";
-import "./avatar-style.css";
-interface AvatarProps {
-    size: "xl" | "l" | "m" | "s";
-    src?: string;
-    alt?: string;
-    badgeOption?: ReactNode | string;
-}
-declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
-export default Avatar;

package/dist/components/avatar/avatar.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import "./avatar-style.css";
-import { BaseBadge } from "../badge/badge";
-var Avatar = function (props) {
-    var size = props.size, src = props.src, alt = props.alt, badgeOption = props.badgeOption;
-    var _a = useState(false), isImageDownload = _a[0], setIsImageDownload = _a[1];
-    return (_jsxs("div", { className: "avatar ".concat(size), children: [_jsx("img", { src: src, alt: alt !== null && alt !== void 0 ? alt : "avatar", className: "avatar ".concat(size, " ").concat(!isImageDownload ? "hidden" : ""), onLoad: function () { return setIsImageDownload(true); } }), !isImageDownload && (_jsx("div", { className: "avatar avatar-skeleton ".concat(size), children: _jsx("div", { className: "avatar skeleton-animation" }) })), _jsx(BaseBadge, { asChild: true, style: {
-                    position: "absolute",
-                    right: "0",
-                    bottom: "0",
-                }, children: badgeOption })] }));
-};
-export default Avatar;

package/dist/components/badge/badge.d.ts

@@ -1,27 +0,0 @@
-import "./badge.css";
-import { colors } from "../../styles/token/colors";
-import "../../styles/token/color.css";
-import "../../styles/token/font.css";
-import { ReactNode } from "react";
-interface BaseBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
-    borderColor?: keyof typeof colors;
-    textColor?: keyof typeof colors;
-    backgroundColor?: keyof typeof colors;
-    size?: "l" | "m" | "r" | "s" | "sm";
-    asChild?: boolean;
-    children?: ReactNode;
-}
-export declare const BaseBadge: (props: BaseBadgeProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OptionBadge: (props: Omit<BaseBadgeProps, "asChild" | "children"> & {
-    option: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const IconTextBadge: (props: Omit<BaseBadgeProps, "asChild" | "children"> & {
-    icon: ReactNode;
-    text: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const IconTextOptionBadge: (props: Omit<BaseBadgeProps, "asChild" | "children"> & {
-    icon: ReactNode;
-    text: ReactNode;
-    option: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/badge/badge.js

@@ -1,34 +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 "./badge.css";
-import "../../styles/token/color.css";
-import "../../styles/token/font.css";
-import Composer from "../core/composer";
-export var BaseBadge = function (props) {
-    var _a = props.asChild, asChild = _a === void 0 ? false : _a, borderColor = props.borderColor, _b = props.textColor, textColor = _b === void 0 ? "black" : _b, backgroundColor = props.backgroundColor, _c = props.size, size = _c === void 0 ? "l" : _c, style = props.style, children = props.children, className = props.className;
-    var Comp = asChild ? Composer : "div";
-    var composedClassName = "nuri-theme base-badge ".concat(size, " border-").concat(borderColor, " text-").concat(textColor, " background-").concat(backgroundColor, " ").concat(className);
-    return (_jsx(Comp, { style: style, className: composedClassName, children: children }));
-};
-export var OptionBadge = function (props) {
-    var option = props.option;
-    return _jsx(BaseBadge, __assign({}, props, { children: option }));
-};
-export var IconTextBadge = function (props) {
-    var icon = props.icon, text = props.text;
-    return (_jsxs(BaseBadge, __assign({}, props, { children: [icon, _jsx("span", { children: text })] })));
-};
-export var IconTextOptionBadge = function (props) {
-    var icon = props.icon, text = props.text, option = props.option;
-    return (_jsxs(BaseBadge, __assign({}, props, { className: "icon-text-option", children: [_jsxs("span", { children: [icon, _jsx("span", { children: text })] }), option] })));
-};