@edu-tosel/design 1.0.61 → 1.0.62

package/layout/template/Dashboard.d.ts

@@ -1,22 +0,0 @@
-import Layout from "../widget/dashboard/Layout";
-import MyPageLayout from "../widget/dashboard/mypage/Layout";
-import Profile from "../widget/dashboard/mypage/Profile";
-declare const Dashboard: {
-    Layout: typeof Layout;
-};
-declare const MyPage: {
-    Layout: typeof MyPageLayout;
-    Card: {
-        Profile: typeof Profile;
-        Navigate: {
-            Academy: ({ onClick }: {
-                onClick: import("../../interface").OnClick;
-            }) => import("react/jsx-runtime").JSX.Element;
-            Payment: ({ onClick }: {
-                onClick: import("../../interface").OnClick;
-            }) => import("react/jsx-runtime").JSX.Element;
-        };
-    };
-};
-export { default as buttonClassNames } from "./../widget/dashboard/buttonClassNames";
-export { Dashboard, MyPage };

package/layout/template/Dashboard.js

@@ -1,13 +0,0 @@
-import Layout from "../widget/dashboard/Layout";
-import MyPageLayout from "../widget/dashboard/mypage/Layout";
-import Navigate from "../widget/dashboard/mypage/Navigate";
-import Profile from "../widget/dashboard/mypage/Profile";
-const Dashboard = {
-    Layout,
-};
-const MyPage = {
-    Layout: MyPageLayout,
-    Card: { Profile, Navigate },
-};
-export { default as buttonClassNames } from "./../widget/dashboard/buttonClassNames";
-export { Dashboard, MyPage };

package/layout/widget/dashboard/Navigation.d.ts

@@ -1,3 +0,0 @@
-export declare function NavigationContainer({ children, }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/widget/CheckBox.d.ts

@@ -1,2 +0,0 @@
-import { CheckBoxWidget } from "../interface";
-export default function Checkbox({ state: [checked, setChecked], labels, options, color, }: CheckBoxWidget): import("react/jsx-runtime").JSX.Element;

package/widget/DatePicker.d.ts

@@ -1,3 +0,0 @@
-import { InputWidget } from "../interface";
-import "react-datepicker/dist/react-datepicker.css";
-export default function DatePicker({ options }: InputWidget): import("react/jsx-runtime").JSX.Element;

package/widget/EmailInput.d.ts

@@ -1,2 +0,0 @@
-import { InputWidget } from "../interface";
-export default function EmailInput({ state, placeholder, options, }: InputWidget): import("react/jsx-runtime").JSX.Element;

package/widget/design/Tag.design.js

@@ -1 +0,0 @@
-"use strict";

package/widget/template/Input.d.ts

@@ -1,6 +0,0 @@
-import { InputWidget } from "../../interface";
-declare function Input({ state, onKeyDown, placeholder, options }: InputWidget): import("react/jsx-runtime").JSX.Element;
-declare namespace Input {
-    var LG: ({ state, placeholder, flag, type, label }: InputWidget) => import("react/jsx-runtime").JSX.Element;
-}
-export default Input;

package/widget/template/Input.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useState, useRef } from "react";
-import { cn, gradient } from "../../util";
-import Obstacle from "../Obstacle";
-import Label from "./Label";
-const widthSize = {
-    xs: "w-28",
-    sm: "w-48",
-    md: "w-64",
-    lg: "w-96",
-    xl: "w-128",
-    "2xl": "w-144",
-    full: "w-full",
-};
-function Input({ state, onKeyDown, placeholder, options }) {
-    const { width, disabled } = options ?? {};
-    const [value, setValue] = state;
-    const id = useId();
-    const container = {
-        positions: "relative",
-        width: `${widthSize[width ?? "xs"]} h-8`,
-        displays: "flex items-center",
-    };
-    const body = {
-        styles: "rounded-md bg-slate-200 text-xs",
-        sizes: "w-full h-full",
-        paddings: "pl-4",
-        pseudo: "focus:outline-none focus:bg-white focus:text-black box-shadow-focus",
-        effect: `transition-all`,
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsx("input", { className: cn(body), id: id, type: "text", value: value, placeholder: placeholder ?? "입력해주세요", onKeyDown: onKeyDown, onChange: (e) => setValue(e.target.value) }), _jsx(Obstacle, { disabled: disabled })] }));
-}
-function LG({ state, placeholder, flag, type, label }) {
-    const [value, setValue] = state;
-    const [onFocus, setOnFocus] = useState(false);
-    const ref = useRef(null);
-    const container = {
-        positions: "relative",
-    };
-    const placeholderBox = {
-        positions: "absolute left-5",
-        styles: "duration-300",
-        fonts: "leading-none text-gray-medium",
-        animation: value || onFocus ? "top-2.625 text-xs" : "top-4.375 text-base",
-    };
-    const inputBox = {
-        sizes: "w-102.5 h-13.5",
-        paddings: `${placeholder && "pt-3"} pl-5`,
-        fonts: "text-sm",
-        background: flag === true
-            ? "bg-green-dark/10"
-            : flag === false
-                ? "bg-crimson-burgundy/10 text-crimson-burgundy"
-                : "bg-gray-light",
-        styles: "bg-gray-light rounded-md outline-none",
-        animation: onFocus ? "border-2 border-green-dark box-shadow" : "border-0",
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsx("div", { onClick: () => ref.current?.focus(), className: cn(placeholderBox), children: placeholder }), _jsx("input", { ref: ref, className: cn(inputBox), value: value, onFocus: () => setOnFocus(true), onBlur: () => setOnFocus(false), onChange: (e) => setValue(e.target.value), type: type ?? "text" }), label && (_jsx(Label.Button, { title: label.title, onClick: label.onClick, options: {
-                    width: "sm",
-                    height: "xs",
-                    className: "absolute top-3.5 right-3.75",
-                    background: label.options?.background ?? gradient.bg.greenToRed,
-                    text: label.options?.text ?? "text-white",
-                    ...label.options,
-                } }))] }));
-}
-Input.LG = LG;
-export default Input;