@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.5

package/dist/components/Tabs/TextTabs/index.styled.es.js

@@ -0,0 +1,80 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../../style/common.es.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../../utils/media.util.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { X as qo, V as uo } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Button/DoubleButton/index.styled.es.js";
+import "../../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../Button/FloatBaseButton/index.styled.es.js";
+import "../../Button/FloatDoubleButton/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "react";
+import "../../Comment/index.es.js";
+import "../../Control/CheckBox/index.styled.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../Icon/generated/AlarmFill.es.js";
+import "../../../Icon/generated/Calendar.es.js";
+import "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import "../../../Icon/generated/ChevronDown.es.js";
+import "../../../Icon/generated/ChevronLeft.es.js";
+import "../../../Icon/generated/ChevronRight.es.js";
+import "../../../Icon/generated/ChevronUp.es.js";
+import "../../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../../Icon/generated/DoubleChevronRight.es.js";
+import "../../../Icon/generated/EyeFill.es.js";
+import "../../../Icon/generated/EyeSlashFill.es.js";
+import "../../../Icon/generated/Filter.es.js";
+import "../../../Icon/generated/Information.es.js";
+import "../../../Icon/generated/Menu.es.js";
+import "../../../Icon/generated/More.es.js";
+import "../../../Icon/generated/PersonFill.es.js";
+import "../../../Icon/generated/Plus.es.js";
+import "../../../Icon/generated/QuestionCircle.es.js";
+import "../../../Icon/generated/Re.es.js";
+import "../../../Icon/generated/Search.es.js";
+import "../../../Icon/generated/SettingFill.es.js";
+import "../../../Icon/generated/Share.es.js";
+import "../../../Icon/generated/Store.es.js";
+import "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../Divider/index.styled.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../Navigation/constant.es.js";
+import "../../Segment/BaseSegment/index.styled.es.js";
+import "../../Segment/ExtendSegment/index.styled.es.js";
+import "../../ToastMessage/Toast/index.styled.es.js";
+import "../../Tooltip/TooltipBase/index.styled.es.js";
+export {
+  qo as Fixed,
+  uo as Scroll
+};

package/dist/components/Tabs/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextTabs/index.cjs.js"),s=require("./FillTabs/index.cjs.js");exports.TextTabs=e.TextTabs;exports.FillTabs=s.FillTabs;

package/dist/components/Tabs/index.es.js

@@ -0,0 +1,6 @@
+import { TextTabs as e } from "./TextTabs/index.es.js";
+import { FillTabs as x } from "./FillTabs/index.es.js";
+export {
+  x as FillTabs,
+  e as TextTabs
+};

package/dist/components/Tag/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.SwCr6Bqs.js"),i=({children:e,colorType:t,type:r})=>o.jsxRuntimeExports.jsx(s.Wrapper$1,{colorType:t,type:r,children:e});exports.Tag=i;

package/dist/components/Tag/index.es.js

@@ -0,0 +1,6 @@
+import { j as p } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { $ as s } from "../../chunks/index.styled.BTZpARWY.js";
+const e = ({ children: r, colorType: o, type: t }) => /* @__PURE__ */ p.jsx(s, { colorType: o, type: t, children: r });
+export {
+  e as Tag
+};

package/dist/components/Tag/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Tag/index.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../chunks/jsx-runtime.713F0z8w.js"),e=require("./index.cjs.js"),n={title:"Component/Tag",component:e.Tag,tags:["autodocs"]},t={render:o=>r.jsxRuntimeExports.jsx(e.Tag,{...o}),args:{type:"fill",colorType:"gray",children:"태그"}};t.storyName="태그";exports.Story1=t;exports.default=n;

package/dist/components/Tag/index.stories.es.js

@@ -0,0 +1,19 @@
+import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Tag as o } from "./index.es.js";
+const m = {
+  title: "Component/Tag",
+  component: o,
+  tags: ["autodocs"]
+}, e = {
+  render: (t) => /* @__PURE__ */ r.jsx(o, { ...t }),
+  args: {
+    type: "fill",
+    colorType: "gray",
+    children: "태그"
+  }
+};
+e.storyName = "태그";
+export {
+  e as Story1,
+  m as default
+};

package/dist/components/Tag/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.SwCr6Bqs.js");require("../../core/TextStyles/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("../Button/DoubleButton/index.styled.cjs.js");require("../MiniButton/BoxMiniButton/index.styled.cjs.js");require("../Button/FloatBaseButton/index.styled.cjs.js");require("../Button/FloatDoubleButton/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("react");require("../Comment/index.cjs.js");require("../Control/CheckBox/index.styled.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../Icon/generated/AlarmFill.cjs.js");require("../../Icon/generated/Calendar.cjs.js");require("../../Icon/generated/Cancel.cjs.js");require("../../Icon/generated/CancelCircle.cjs.js");require("../../Icon/generated/CartFill.cjs.js");require("../../Icon/generated/Check.cjs.js");require("../../Icon/generated/ChevronDown.cjs.js");require("../../Icon/generated/ChevronLeft.cjs.js");require("../../Icon/generated/ChevronRight.cjs.js");require("../../Icon/generated/ChevronUp.cjs.js");require("../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../Icon/generated/DoubleChevronRight.cjs.js");require("../../Icon/generated/EyeFill.cjs.js");require("../../Icon/generated/EyeSlashFill.cjs.js");require("../../Icon/generated/Filter.cjs.js");require("../../Icon/generated/Information.cjs.js");require("../../Icon/generated/Menu.cjs.js");require("../../Icon/generated/More.cjs.js");require("../../Icon/generated/PersonFill.cjs.js");require("../../Icon/generated/Plus.cjs.js");require("../../Icon/generated/QuestionCircle.cjs.js");require("../../Icon/generated/Re.cjs.js");require("../../Icon/generated/Search.cjs.js");require("../../Icon/generated/SettingFill.cjs.js");require("../../Icon/generated/Share.cjs.js");require("../../Icon/generated/Store.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../Divider/index.styled.cjs.js");require("../../chunks/index.styled.DkE3TbtV.js");require("../Input/BaseInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");require("../../utils/GenerateColorStyle/tag.cjs.js");exports.Wrapper=e.Wrapper$1;

package/dist/components/Tag/index.styled.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { TagColorStyleParams } from '../../utils';
 export type TagStyleProps = TagColorStyleParams & {
     /** 태그 배치시 줄바꿈 여부(기본값: 줄바꿈) */
     inline?: boolean;
 };
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & TagColorStyleParams & {
     /** 태그 배치시 줄바꿈 여부(기본값: 줄바꿈) */
-    inline?: boolean | undefined;
+    inline?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Tag/index.styled.es.js

@@ -0,0 +1,78 @@
+import "@emotion/styled";
+import "@emotion/react";
+import "../../core/Colors/index.es.js";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { $ as qr } from "../../chunks/index.styled.BTZpARWY.js";
+import "../../core/TextStyles/index.es.js";
+import "../Badge/IconBadge/index.styled.es.js";
+import "../Badge/TextBadge/index.styled.es.js";
+import "../Button/DoubleButton/index.styled.es.js";
+import "../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../Button/FloatBaseButton/index.styled.es.js";
+import "../Button/FloatDoubleButton/index.styled.es.js";
+import "../Card/index.styled.es.js";
+import "react";
+import "../Comment/index.es.js";
+import "../Control/CheckBox/index.styled.es.js";
+import "../Control/CheckMark/index.styled.es.js";
+import "../Control/Switch/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../Icon/generated/AlarmFill.es.js";
+import "../../Icon/generated/Calendar.es.js";
+import "../../Icon/generated/Cancel.es.js";
+import "../../Icon/generated/CancelCircle.es.js";
+import "../../Icon/generated/CartFill.es.js";
+import "../../Icon/generated/Check.es.js";
+import "../../Icon/generated/ChevronDown.es.js";
+import "../../Icon/generated/ChevronLeft.es.js";
+import "../../Icon/generated/ChevronRight.es.js";
+import "../../Icon/generated/ChevronUp.es.js";
+import "../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../Icon/generated/DoubleChevronRight.es.js";
+import "../../Icon/generated/EyeFill.es.js";
+import "../../Icon/generated/EyeSlashFill.es.js";
+import "../../Icon/generated/Filter.es.js";
+import "../../Icon/generated/Information.es.js";
+import "../../Icon/generated/Menu.es.js";
+import "../../Icon/generated/More.es.js";
+import "../../Icon/generated/PersonFill.es.js";
+import "../../Icon/generated/Plus.es.js";
+import "../../Icon/generated/QuestionCircle.es.js";
+import "../../Icon/generated/Re.es.js";
+import "../../Icon/generated/Search.es.js";
+import "../../Icon/generated/SettingFill.es.js";
+import "../../Icon/generated/Share.es.js";
+import "../../Icon/generated/Store.es.js";
+import "../../library/IconWithImage/index.styled.es.js";
+import "../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../library/Lottie/index.styled.es.js";
+import "../../library/Spacing/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../Divider/index.styled.es.js";
+import "../../chunks/index.styled.SOJ65tcg.js";
+import "../Input/BaseInput/index.es.js";
+import "../Input/ResidentNumberInput/index.styled.es.js";
+import "../Loading/Skeleton/index.es.js";
+import "../Loading/Spinner/index.styled.es.js";
+import "../Navigation/index.styled.es.js";
+import "../Navigation/BaseNavigation/index.styled.es.js";
+import "../Navigation/constant.es.js";
+import "../Segment/BaseSegment/index.styled.es.js";
+import "../Segment/ExtendSegment/index.styled.es.js";
+import "../ToastMessage/Toast/index.styled.es.js";
+import "../Tooltip/TooltipBase/index.styled.es.js";
+import "../../utils/GenerateColorStyle/tag.es.js";
+export {
+  qr as Wrapper
+};

package/dist/components/Title/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),l=require("../../core/Colors/index.cjs.js"),r=require("../../chunks/index.styled.SwCr6Bqs.js"),c=({title:i,subTitle:t,image:s,deletePaddingTop:o=!1,subTitleColor:n=l.basicColors.gray400})=>e.jsxRuntimeExports.jsxs(r.Wrapper$2,{deletePaddingTop:o,children:[s&&e.jsxRuntimeExports.jsx(r.ImageWrapper,{children:s}),e.jsxRuntimeExports.jsx(r.Title,{children:i}),t&&e.jsxRuntimeExports.jsx(r.SubTitle,{color:n,children:t})]});exports.Title=c;

package/dist/components/Title/index.es.js

@@ -0,0 +1,17 @@
+import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { basicColors as t } from "../../core/Colors/index.es.js";
+import { a0 as l, a1 as p, a2 as c, a3 as m } from "../../chunks/index.styled.BTZpARWY.js";
+const d = ({
+  title: o,
+  subTitle: s,
+  image: a,
+  deletePaddingTop: e = !1,
+  subTitleColor: i = t.gray400
+}) => /* @__PURE__ */ r.jsxs(l, { deletePaddingTop: e, children: [
+  a && /* @__PURE__ */ r.jsx(p, { children: a }),
+  /* @__PURE__ */ r.jsx(c, { children: o }),
+  s && /* @__PURE__ */ r.jsx(m, { color: i, children: s })
+] });
+export {
+  d as Title
+};

package/dist/components/Title/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Title/index.spec.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../chunks/react.esm.DGn2IpBE.js"),s=require("./index.cjs.js"),r={title:"확인"};describe("<Title />",()=>{it("렌더링 체크",()=>{e.render(t.jsxRuntimeExports.jsx(s.Title,{...r})),expect(e.screen.getByText("확인")).toBeInTheDocument()})});

package/dist/components/Title/index.spec.es.js

@@ -0,0 +1,11 @@
+import { j as e } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { r as t, s as r } from "../../chunks/react.esm.CbGyPoJJ.js";
+import { Title as o } from "./index.es.js";
+const s = {
+  title: "확인"
+};
+describe("<Title />", () => {
+  it("렌더링 체크", () => {
+    t(/* @__PURE__ */ e.jsx(o, { ...s })), expect(r.getByText("확인")).toBeInTheDocument();
+  });
+});

package/dist/components/Title/index.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("./index.cjs.js"),i={title:"Component/Title",component:s.Title,tags:["autodocs"]},e={render:C=>t.jsxRuntimeExports.jsx(s.Title,{...C}),args:{title:"타이틀을 입력해주세요",subTitle:"서브타이틀을 입력해주세요",image:t.jsxRuntimeExports.jsxs("svg",{width:"45",height:"45",viewBox:"0 0 45 45",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsxRuntimeExports.jsx("path",{d:"M15.5837 18.0117H12.2167C11.7704 18.0117 11.4087 18.3735 11.4087 18.8197V20.0512C11.4087 20.4974 11.7704 20.8591 12.2167 20.8591H15.5837C16.03 20.8591 16.3917 20.4974 16.3917 20.0512V18.8197C16.3917 18.3735 16.03 18.0117 15.5837 18.0117Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("path",{d:"M14.6726 18.7539H13.1279C12.5716 18.7539 12.1206 19.184 12.1206 19.7145V29.6737C12.1206 30.2043 12.5716 30.6343 13.1279 30.6343H14.6726C15.2289 30.6343 15.6799 30.2043 15.6799 29.6737V19.7145C15.6799 19.184 15.2289 18.7539 14.6726 18.7539Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("path",{d:"M15.5837 28.7031H12.2167C11.7704 28.7031 11.4087 29.0649 11.4087 29.5111V30.7426C11.4087 31.1888 11.7704 31.5506 12.2167 31.5506H15.5837C16.03 31.5506 16.3917 31.1888 16.3917 30.7426V29.5111C16.3917 29.0649 16.03 28.7031 15.5837 28.7031Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("path",{d:"M24.1833 18.0117H20.8163C20.37 18.0117 20.0083 18.3735 20.0083 18.8197V20.0512C20.0083 20.4974 20.37 20.8591 20.8163 20.8591H24.1833C24.6296 20.8591 24.9913 20.4974 24.9913 20.0512V18.8197C24.9913 18.3735 24.6296 18.0117 24.1833 18.0117Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("path",{d:"M23.2722 18.7539H21.7275C21.1712 18.7539 20.7202 19.184 20.7202 19.7145V29.6737C20.7202 30.2043 21.1712 30.6343 21.7275 30.6343H23.2722C23.8285 30.6343 24.2795 30.2043 24.2795 29.6737V19.7145C24.2795 19.184 23.8285 18.7539 23.2722 18.7539Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("path",{d:"M24.1833 28.7031H20.8163C20.37 28.7031 20.0083 29.0649 20.0083 29.5111V30.7426C20.0083 31.1888 20.37 31.5506 20.8163 31.5506H24.1833C24.6296 31.5506 24.9913 31.1888 24.9913 30.7426V29.5111C24.9913 29.0649 24.6296 28.7031 24.1833 28.7031Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("path",{d:"M32.783 18.0117H29.4159C28.9696 18.0117 28.6079 18.3735 28.6079 18.8197V20.0512C28.6079 20.4974 28.9696 20.8591 29.4159 20.8591H32.783C33.2292 20.8591 33.5909 20.4974 33.5909 20.0512V18.8197C33.5909 18.3735 33.2292 18.0117 32.783 18.0117Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("path",{d:"M31.8713 18.7539H30.3266C29.7703 18.7539 29.3193 19.184 29.3193 19.7145V29.6737C29.3193 30.2043 29.7703 30.6343 30.3266 30.6343H31.8713C32.4276 30.6343 32.8786 30.2043 32.8786 29.6737V19.7145C32.8786 19.184 32.4276 18.7539 31.8713 18.7539Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("path",{d:"M32.783 28.7031H29.4159C28.9696 28.7031 28.6079 29.0649 28.6079 29.5111V30.7426C28.6079 31.1888 28.9696 31.5506 29.4159 31.5506H32.783C33.2292 31.5506 33.5909 31.1888 33.5909 30.7426V29.5111C33.5909 29.0649 33.2292 28.7031 32.783 28.7031Z",fill:"#D0D8DC"}),t.jsxRuntimeExports.jsx("rect",{x:"9.1543",y:"30.6367",width:"26.6911",height:"4.54635",rx:"1",fill:"#90A4AF"}),t.jsxRuntimeExports.jsx("path",{d:"M9.1543 15.3552C9.1543 15.0068 9.33563 14.6835 9.63294 14.5018L21.4572 7.27768C22.0973 6.88659 22.9025 6.88659 23.5426 7.27768L35.3668 14.5018C35.6641 14.6835 35.8454 15.0068 35.8454 15.3552V17.7558C35.8454 18.3081 35.3977 18.7558 34.8454 18.7558H10.1543C9.60201 18.7558 9.1543 18.3081 9.1543 17.7558L9.1543 15.3552Z",fill:"#90A4AF"}),t.jsxRuntimeExports.jsx("path",{d:"M22.4996 15.1379C23.8462 15.1379 24.9377 14.0464 24.9377 12.6998C24.9377 11.3533 23.8462 10.2617 22.4996 10.2617C21.1531 10.2617 20.0615 11.3533 20.0615 12.6998C20.0615 14.0464 21.1531 15.1379 22.4996 15.1379Z",fill:"white"})]})}};e.storyName="타이틀";exports.Story1=e;exports.default=i;

package/dist/components/Title/index.stories.es.js

@@ -0,0 +1,98 @@
+import { j as C } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Title as t } from "./index.es.js";
+const e = {
+  title: "Component/Title",
+  component: t,
+  tags: ["autodocs"]
+}, i = {
+  render: (l) => /* @__PURE__ */ C.jsx(t, { ...l }),
+  args: {
+    title: "타이틀을 입력해주세요",
+    subTitle: "서브타이틀을 입력해주세요",
+    image: /* @__PURE__ */ C.jsxs("svg", { width: "45", height: "45", viewBox: "0 0 45 45", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M15.5837 18.0117H12.2167C11.7704 18.0117 11.4087 18.3735 11.4087 18.8197V20.0512C11.4087 20.4974 11.7704 20.8591 12.2167 20.8591H15.5837C16.03 20.8591 16.3917 20.4974 16.3917 20.0512V18.8197C16.3917 18.3735 16.03 18.0117 15.5837 18.0117Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M14.6726 18.7539H13.1279C12.5716 18.7539 12.1206 19.184 12.1206 19.7145V29.6737C12.1206 30.2043 12.5716 30.6343 13.1279 30.6343H14.6726C15.2289 30.6343 15.6799 30.2043 15.6799 29.6737V19.7145C15.6799 19.184 15.2289 18.7539 14.6726 18.7539Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M15.5837 28.7031H12.2167C11.7704 28.7031 11.4087 29.0649 11.4087 29.5111V30.7426C11.4087 31.1888 11.7704 31.5506 12.2167 31.5506H15.5837C16.03 31.5506 16.3917 31.1888 16.3917 30.7426V29.5111C16.3917 29.0649 16.03 28.7031 15.5837 28.7031Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M24.1833 18.0117H20.8163C20.37 18.0117 20.0083 18.3735 20.0083 18.8197V20.0512C20.0083 20.4974 20.37 20.8591 20.8163 20.8591H24.1833C24.6296 20.8591 24.9913 20.4974 24.9913 20.0512V18.8197C24.9913 18.3735 24.6296 18.0117 24.1833 18.0117Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M23.2722 18.7539H21.7275C21.1712 18.7539 20.7202 19.184 20.7202 19.7145V29.6737C20.7202 30.2043 21.1712 30.6343 21.7275 30.6343H23.2722C23.8285 30.6343 24.2795 30.2043 24.2795 29.6737V19.7145C24.2795 19.184 23.8285 18.7539 23.2722 18.7539Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M24.1833 28.7031H20.8163C20.37 28.7031 20.0083 29.0649 20.0083 29.5111V30.7426C20.0083 31.1888 20.37 31.5506 20.8163 31.5506H24.1833C24.6296 31.5506 24.9913 31.1888 24.9913 30.7426V29.5111C24.9913 29.0649 24.6296 28.7031 24.1833 28.7031Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M32.783 18.0117H29.4159C28.9696 18.0117 28.6079 18.3735 28.6079 18.8197V20.0512C28.6079 20.4974 28.9696 20.8591 29.4159 20.8591H32.783C33.2292 20.8591 33.5909 20.4974 33.5909 20.0512V18.8197C33.5909 18.3735 33.2292 18.0117 32.783 18.0117Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M31.8713 18.7539H30.3266C29.7703 18.7539 29.3193 19.184 29.3193 19.7145V29.6737C29.3193 30.2043 29.7703 30.6343 30.3266 30.6343H31.8713C32.4276 30.6343 32.8786 30.2043 32.8786 29.6737V19.7145C32.8786 19.184 32.4276 18.7539 31.8713 18.7539Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M32.783 28.7031H29.4159C28.9696 28.7031 28.6079 29.0649 28.6079 29.5111V30.7426C28.6079 31.1888 28.9696 31.5506 29.4159 31.5506H32.783C33.2292 31.5506 33.5909 31.1888 33.5909 30.7426V29.5111C33.5909 29.0649 33.2292 28.7031 32.783 28.7031Z",
+          fill: "#D0D8DC"
+        }
+      ),
+      /* @__PURE__ */ C.jsx("rect", { x: "9.1543", y: "30.6367", width: "26.6911", height: "4.54635", rx: "1", fill: "#90A4AF" }),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M9.1543 15.3552C9.1543 15.0068 9.33563 14.6835 9.63294 14.5018L21.4572 7.27768C22.0973 6.88659 22.9025 6.88659 23.5426 7.27768L35.3668 14.5018C35.6641 14.6835 35.8454 15.0068 35.8454 15.3552V17.7558C35.8454 18.3081 35.3977 18.7558 34.8454 18.7558H10.1543C9.60201 18.7558 9.1543 18.3081 9.1543 17.7558L9.1543 15.3552Z",
+          fill: "#90A4AF"
+        }
+      ),
+      /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M22.4996 15.1379C23.8462 15.1379 24.9377 14.0464 24.9377 12.6998C24.9377 11.3533 23.8462 10.2617 22.4996 10.2617C21.1531 10.2617 20.0615 11.3533 20.0615 12.6998C20.0615 14.0464 21.1531 15.1379 22.4996 15.1379Z",
+          fill: "white"
+        }
+      )
+    ] })
+  }
+};
+i.storyName = "타이틀";
+export {
+  i as Story1,
+  e as default
+};

package/dist/components/Title/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.SwCr6Bqs.js");require("../../utils/media.util.cjs.js");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("../Button/DoubleButton/index.styled.cjs.js");require("../MiniButton/BoxMiniButton/index.styled.cjs.js");require("../Button/FloatBaseButton/index.styled.cjs.js");require("../Button/FloatDoubleButton/index.styled.cjs.js");require("../Card/index.styled.cjs.js");require("react");require("../Comment/index.cjs.js");require("../Control/CheckBox/index.styled.cjs.js");require("../Control/CheckMark/index.styled.cjs.js");require("../Control/Switch/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../Icon/generated/AlarmFill.cjs.js");require("../../Icon/generated/Calendar.cjs.js");require("../../Icon/generated/Cancel.cjs.js");require("../../Icon/generated/CancelCircle.cjs.js");require("../../Icon/generated/CartFill.cjs.js");require("../../Icon/generated/Check.cjs.js");require("../../Icon/generated/ChevronDown.cjs.js");require("../../Icon/generated/ChevronLeft.cjs.js");require("../../Icon/generated/ChevronRight.cjs.js");require("../../Icon/generated/ChevronUp.cjs.js");require("../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../Icon/generated/DoubleChevronRight.cjs.js");require("../../Icon/generated/EyeFill.cjs.js");require("../../Icon/generated/EyeSlashFill.cjs.js");require("../../Icon/generated/Filter.cjs.js");require("../../Icon/generated/Information.cjs.js");require("../../Icon/generated/Menu.cjs.js");require("../../Icon/generated/More.cjs.js");require("../../Icon/generated/PersonFill.cjs.js");require("../../Icon/generated/Plus.cjs.js");require("../../Icon/generated/QuestionCircle.cjs.js");require("../../Icon/generated/Re.cjs.js");require("../../Icon/generated/Search.cjs.js");require("../../Icon/generated/SettingFill.cjs.js");require("../../Icon/generated/Share.cjs.js");require("../../Icon/generated/Store.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../Divider/index.styled.cjs.js");require("../../chunks/index.styled.DkE3TbtV.js");require("../Input/BaseInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.cjs.js");require("../Navigation/constant.cjs.js");require("../Segment/BaseSegment/index.styled.cjs.js");require("../Segment/ExtendSegment/index.styled.cjs.js");require("../ToastMessage/Toast/index.styled.cjs.js");require("../Tooltip/TooltipBase/index.styled.cjs.js");exports.ImageWrapper=e.ImageWrapper;exports.SubTitle=e.SubTitle;exports.Title=e.Title;exports.Wrapper=e.Wrapper$2;

package/dist/components/Title/index.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface WrapperProps {
     deletePaddingTop: boolean;
 }
@@ -6,39 +5,39 @@ interface SubTitleProps {
     color: string;
 }
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Title: import("@emotion/styled").StyledComponent<{
-    lg?: "Headline1" | "Headline2" | "Headline3" | "Headline4" | "Headline5" | "Headline6" | "Title1" | "Title2" | "Title3" | "Title4" | "Body1" | "Body2" | undefined;
-    sm?: "Headline1" | "Headline2" | "Headline3" | "Headline4" | "Headline5" | "Headline6" | "Title1" | "Title2" | "Title3" | "Title4" | "Body1" | "Body2" | undefined;
-    color?: string | undefined;
-    textAlign?: string | undefined;
-    fontWeight?: string | undefined;
-    className?: string | undefined;
-    element?: string | undefined;
-    'data-element-name'?: string | undefined;
+    lg?: import("../../core/Typography").Typo;
+    sm?: import("../../core/Typography").Typo;
+    color?: string;
+    textAlign?: string;
+    fontWeight?: string;
+    className?: string;
+    element?: string;
+    'data-element-name'?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const SubTitle: import("@emotion/styled").StyledComponent<{
-    lg?: "Headline1" | "Headline2" | "Headline3" | "Headline4" | "Headline5" | "Headline6" | "Title1" | "Title2" | "Title3" | "Title4" | "Body1" | "Body2" | undefined;
-    sm?: "Headline1" | "Headline2" | "Headline3" | "Headline4" | "Headline5" | "Headline6" | "Title1" | "Title2" | "Title3" | "Title4" | "Body1" | "Body2" | undefined;
-    color?: string | undefined;
-    textAlign?: string | undefined;
-    fontWeight?: string | undefined;
-    className?: string | undefined;
-    element?: string | undefined;
-    'data-element-name'?: string | undefined;
+    lg?: import("../../core/Typography").Typo;
+    sm?: import("../../core/Typography").Typo;
+    color?: string;
+    textAlign?: string;
+    fontWeight?: string;
+    className?: string;
+    element?: string;
+    'data-element-name'?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & SubTitleProps, {}, {}>;
 export {};

package/dist/components/Title/index.styled.es.js

@@ -0,0 +1,81 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { a1 as jr, a3 as kr, a2 as nr, a0 as qr } from "../../chunks/index.styled.BTZpARWY.js";
+import "../../utils/media.util.es.js";
+import "../../core/Colors/index.es.js";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../Badge/IconBadge/index.styled.es.js";
+import "../Badge/TextBadge/index.styled.es.js";
+import "../Button/DoubleButton/index.styled.es.js";
+import "../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../Button/FloatBaseButton/index.styled.es.js";
+import "../Button/FloatDoubleButton/index.styled.es.js";
+import "../Card/index.styled.es.js";
+import "react";
+import "../Comment/index.es.js";
+import "../Control/CheckBox/index.styled.es.js";
+import "../Control/CheckMark/index.styled.es.js";
+import "../Control/Switch/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../Icon/generated/AlarmFill.es.js";
+import "../../Icon/generated/Calendar.es.js";
+import "../../Icon/generated/Cancel.es.js";
+import "../../Icon/generated/CancelCircle.es.js";
+import "../../Icon/generated/CartFill.es.js";
+import "../../Icon/generated/Check.es.js";
+import "../../Icon/generated/ChevronDown.es.js";
+import "../../Icon/generated/ChevronLeft.es.js";
+import "../../Icon/generated/ChevronRight.es.js";
+import "../../Icon/generated/ChevronUp.es.js";
+import "../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../Icon/generated/DoubleChevronRight.es.js";
+import "../../Icon/generated/EyeFill.es.js";
+import "../../Icon/generated/EyeSlashFill.es.js";
+import "../../Icon/generated/Filter.es.js";
+import "../../Icon/generated/Information.es.js";
+import "../../Icon/generated/Menu.es.js";
+import "../../Icon/generated/More.es.js";
+import "../../Icon/generated/PersonFill.es.js";
+import "../../Icon/generated/Plus.es.js";
+import "../../Icon/generated/QuestionCircle.es.js";
+import "../../Icon/generated/Re.es.js";
+import "../../Icon/generated/Search.es.js";
+import "../../Icon/generated/SettingFill.es.js";
+import "../../Icon/generated/Share.es.js";
+import "../../Icon/generated/Store.es.js";
+import "../../library/IconWithImage/index.styled.es.js";
+import "../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../library/Lottie/index.styled.es.js";
+import "../../library/Spacing/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../Divider/index.styled.es.js";
+import "../../chunks/index.styled.SOJ65tcg.js";
+import "../Input/BaseInput/index.es.js";
+import "../Input/ResidentNumberInput/index.styled.es.js";
+import "../Loading/Skeleton/index.es.js";
+import "../Loading/Spinner/index.styled.es.js";
+import "../Navigation/index.styled.es.js";
+import "../Navigation/BaseNavigation/index.styled.es.js";
+import "../Navigation/constant.es.js";
+import "../Segment/BaseSegment/index.styled.es.js";
+import "../Segment/ExtendSegment/index.styled.es.js";
+import "../ToastMessage/Toast/index.styled.es.js";
+import "../Tooltip/TooltipBase/index.styled.es.js";
+export {
+  jr as ImageWrapper,
+  kr as SubTitle,
+  nr as Title,
+  qr as Wrapper
+};

package/dist/components/ToastMessage/BaseToastMessage/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("react"),c=require("../../../chunks/index.styled.SwCr6Bqs.js"),m=({visible:r,children:f,onClose:e,milliSeconds:u=3e3,className:n})=>{const[x,s]=t.useState(!1),j=t.useRef(null);return t.useEffect(()=>{r?s(!0):(s(!1),e==null||e())},[r,e]),t.useEffect(()=>{const a=setTimeout(()=>{s(!1),e==null||e()},u);return()=>{a!==void 0&&clearTimeout(a)}},[u,e]),i.jsxRuntimeExports.jsx(c.Toast,{className:n,visible:x,onClick:e,ref:j,children:i.jsxRuntimeExports.jsx(c.Content$1,{children:f})})};exports.BaseToastMessage=m;