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

package/dist/library/BasicLayout/NoHeader.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),r=require("./index.cjs.js");require("../../chunks/index.styled.SwCr6Bqs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../components/Button/DoubleButton/index.styled.cjs.js");require("../../components/MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../components/Button/FloatBaseButton/index.styled.cjs.js");require("../../components/Button/FloatDoubleButton/index.styled.cjs.js");require("../../components/Card/index.styled.cjs.js");require("react");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Comment/index.cjs.js");require("../../components/Control/CheckBox/index.styled.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/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("../IconWithImage/index.styled.cjs.js");require("../List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../Lottie/index.styled.cjs.js");require("../Spacing/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.DkE3TbtV.js");const i=require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");require("../../components/ToastMessage/Toast/index.styled.cjs.js");require("../../components/Tooltip/TooltipBase/index.styled.cjs.js");const u={title:"Library/BasicLayout",component:r,tags:["autodocs"]},q={render:()=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(r,{hasHeader:!1,hasFooter:!0,children:e.jsxRuntimeExports.jsxs(r.Form,{children:[e.jsxRuntimeExports.jsx(r.SidePaddingBody,{children:e.jsxRuntimeExports.jsx(i.BaseInput,{placeholder:"이름",value:"name",onChange:()=>console.log("onChange")})}),e.jsxRuntimeExports.jsx(r.Footer,{children:e.jsxRuntimeExports.jsx(r.SingleButton,{purpose:"main",colorType:"pink",onClick:()=>{console.log("onClick")},disabled:!0,underlineText:"미니버튼",underlineOnClick:()=>{console.log("underlineOnClick")},children:"다음"})})]})})})};exports.NoHeaderPage=q;exports.default=u;

package/dist/library/BasicLayout/NoHeader.stories.es.js

@@ -0,0 +1,103 @@
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import r from "./index.es.js";
+import "../../chunks/index.styled.BTZpARWY.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/Button/DoubleButton/index.styled.es.js";
+import "../../components/MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../components/Button/FloatBaseButton/index.styled.es.js";
+import "../../components/Button/FloatDoubleButton/index.styled.es.js";
+import "../../components/Card/index.styled.es.js";
+import "react";
+import "@emotion/react";
+import "../../core/Colors/index.es.js";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Comment/index.es.js";
+import "../../components/Control/CheckBox/index.styled.es.js";
+import "../../components/Control/CheckMark/index.styled.es.js";
+import "../../components/Control/Switch/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../components/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 "../IconWithImage/index.styled.es.js";
+import "../List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../Lottie/index.styled.es.js";
+import "../Spacing/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../../components/DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../components/Divider/index.styled.es.js";
+import "../../chunks/index.styled.SOJ65tcg.js";
+import { BaseInput as i } from "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/Loading/Spinner/index.styled.es.js";
+import "../../components/Navigation/index.styled.es.js";
+import "../../components/Navigation/BaseNavigation/index.styled.es.js";
+import "../../components/Navigation/constant.es.js";
+import "../../components/Segment/BaseSegment/index.styled.es.js";
+import "../../components/Segment/ExtendSegment/index.styled.es.js";
+import "../../components/ToastMessage/Toast/index.styled.es.js";
+import "../../components/Tooltip/TooltipBase/index.styled.es.js";
+const Lo = {
+  title: "Library/BasicLayout",
+  component: r,
+  tags: ["autodocs"]
+}, bo = {
+  render: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(r, { hasHeader: !1, hasFooter: !0, children: /* @__PURE__ */ o.jsxs(r.Form, { children: [
+    /* @__PURE__ */ o.jsx(r.SidePaddingBody, { children: /* @__PURE__ */ o.jsx(i, { placeholder: "이름", value: "name", onChange: () => console.log("onChange") }) }),
+    /* @__PURE__ */ o.jsx(r.Footer, { children: /* @__PURE__ */ o.jsx(
+      r.SingleButton,
+      {
+        purpose: "main",
+        colorType: "pink",
+        onClick: () => {
+          console.log("onClick");
+        },
+        disabled: !0,
+        underlineText: "미니버튼",
+        underlineOnClick: () => {
+          console.log("underlineOnClick");
+        },
+        children: "다음"
+      }
+    ) })
+  ] }) }) })
+};
+export {
+  bo as NoHeaderPage,
+  Lo as default
+};

package/dist/library/BasicLayout/OnlyBody.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/jsx-runtime.713F0z8w.js"),r=require("./index.cjs.js");require("../../chunks/index.styled.SwCr6Bqs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../components/Button/DoubleButton/index.styled.cjs.js");require("../../components/MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../components/Button/FloatBaseButton/index.styled.cjs.js");require("../../components/Button/FloatDoubleButton/index.styled.cjs.js");require("../../components/Card/index.styled.cjs.js");require("react");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Comment/index.cjs.js");require("../../components/Control/CheckBox/index.styled.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/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("../IconWithImage/index.styled.cjs.js");require("../List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../Lottie/index.styled.cjs.js");const u=require("../Spacing/index.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.DkE3TbtV.js");const i=require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");require("../../components/ToastMessage/Toast/index.styled.cjs.js");require("../../components/Tooltip/TooltipBase/index.styled.cjs.js");const q={title:"Library/BasicLayout",component:r,tags:["autodocs"]},n={render:()=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(r,{hasHeader:!1,hasFooter:!1,children:e.jsxRuntimeExports.jsx(r.Form,{children:e.jsxRuntimeExports.jsxs(r.SidePaddingBody,{children:[e.jsxRuntimeExports.jsx(i.BaseInput,{placeholder:"이름",value:"name",onChange:()=>console.log("onChange")}),e.jsxRuntimeExports.jsx(u.Spacing,{spaceNumber:30}),e.jsxRuntimeExports.jsx(i.BaseInput,{placeholder:"이름",value:"name",onChange:()=>console.log("onChange")})]})})})})};exports.OnlyBodyLayoutPage=n;exports.default=q;

package/dist/library/BasicLayout/OnlyBody.stories.es.js

@@ -0,0 +1,89 @@
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import r from "./index.es.js";
+import "../../chunks/index.styled.BTZpARWY.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/Button/DoubleButton/index.styled.es.js";
+import "../../components/MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../components/Button/FloatBaseButton/index.styled.es.js";
+import "../../components/Button/FloatDoubleButton/index.styled.es.js";
+import "../../components/Card/index.styled.es.js";
+import "react";
+import "@emotion/react";
+import "../../core/Colors/index.es.js";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Comment/index.es.js";
+import "../../components/Control/CheckBox/index.styled.es.js";
+import "../../components/Control/CheckMark/index.styled.es.js";
+import "../../components/Control/Switch/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../components/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 "../IconWithImage/index.styled.es.js";
+import "../List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../Lottie/index.styled.es.js";
+import { Spacing as i } from "../Spacing/index.es.js";
+import "../../components/DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../../components/DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../components/Divider/index.styled.es.js";
+import "../../chunks/index.styled.SOJ65tcg.js";
+import { BaseInput as t } from "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/Loading/Spinner/index.styled.es.js";
+import "../../components/Navigation/index.styled.es.js";
+import "../../components/Navigation/BaseNavigation/index.styled.es.js";
+import "../../components/Navigation/constant.es.js";
+import "../../components/Segment/BaseSegment/index.styled.es.js";
+import "../../components/Segment/ExtendSegment/index.styled.es.js";
+import "../../components/ToastMessage/Toast/index.styled.es.js";
+import "../../components/Tooltip/TooltipBase/index.styled.es.js";
+const vo = {
+  title: "Library/BasicLayout",
+  component: r,
+  tags: ["autodocs"]
+}, Po = {
+  render: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(r, { hasHeader: !1, hasFooter: !1, children: /* @__PURE__ */ o.jsx(r.Form, { children: /* @__PURE__ */ o.jsxs(r.SidePaddingBody, { children: [
+    /* @__PURE__ */ o.jsx(t, { placeholder: "이름", value: "name", onChange: () => console.log("onChange") }),
+    /* @__PURE__ */ o.jsx(i, { spaceNumber: 30 }),
+    /* @__PURE__ */ o.jsx(t, { placeholder: "이름", value: "name", onChange: () => console.log("onChange") })
+  ] }) }) }) })
+};
+export {
+  Po as OnlyBodyLayoutPage,
+  vo as default
+};

package/dist/library/BasicLayout/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const u=require("../../chunks/jsx-runtime.713F0z8w.js"),a=require("react");require("../../chunks/index.styled.SwCr6Bqs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../components/Button/DoubleButton/index.styled.cjs.js");require("../../components/MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../components/Button/FloatBaseButton/index.styled.cjs.js");require("../../components/Button/FloatDoubleButton/index.styled.cjs.js");require("../../components/Card/index.styled.cjs.js");const d=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../components/Comment/index.cjs.js");require("../../core/Colors/index.cjs.js");require("../../components/Control/CheckBox/index.styled.cjs.js");require("@emotion/react");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/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("../IconWithImage/index.styled.cjs.js");require("../List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../Lottie/index.styled.cjs.js");require("../Spacing/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.DkE3TbtV.js");require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");const B=require("../../components/Title/index.cjs.js");require("../../components/ToastMessage/Toast/index.styled.cjs.js");require("../../components/Tooltip/TooltipBase/index.styled.cjs.js");const y=require("../BasicForm/index.cjs.js"),e=require("./index.styled.cjs.js"),p=require("./Body.cjs.js"),i=require("./Footer.cjs.js"),m=require("../GlobalLayoutHeaderProvider/index.type.cjs.js"),x=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},g=x(a),C=g.default.memo(({hasHeader:r,hasFooter:q,children:s,bottomExtraComp:t,bodyCenterizing:o=!1})=>{const n=d(),{hasGlobalLayoutHeaderInMobile:l,hasGlobalLayoutHeader:c}=a.useContext(m.GlobalLayoutHeaderContext);return u.jsxRuntimeExports.jsxs(e.BasicLayoutBase.ParentWrapper,{hasGlobalLayoutHeader:c,bodyCenterizing:o,children:[u.jsxRuntimeExports.jsxs(e.BasicLayoutBase.ChildrenWrapper,{bodyCenterizing:o,children:[!l&&!r&&u.jsxRuntimeExports.jsx(e.MarginTopNoHeader,{}),s,n&&!!t&&t,!q&&u.jsxRuntimeExports.jsx(e.MarginBottomNoFooter,{})]}),!n&&!!t&&t]})}),L=({children:r})=>u.jsxRuntimeExports.jsx(e.PureLayoutBase.ParentWrapper,{children:u.jsxRuntimeExports.jsx(e.PureLayoutBase.VerticalHorizontalCenterBody,{children:r})}),_=Object.assign(C,{VerticalHorizontalCenterLayout:L,Header:B.Title,Body:e.BasicLayoutBase.Body,SidePaddingBody:e.SidePaddingBody,CenterBody:e.CenterBody,ImageCenterBody:p.ImageCenterBodyComp,Footer:e.BasicLayoutBase.Footer,SingleButton:i.SingleButtonComp,SingleATag:i.SingleATagComp,DoubleButton:i.DoubleButtonComp,ContentsPadding:e.ContentsPadding,ContentsVerticalPadding:e.ContentsVerticalPadding,StickBottomWrapper:i.StickBottomWrapperComp,SingleButtonWithTooltip:i.SingleButtonWithTooltipComp,SingleButtonWithInformationIcon:i.SingleButtonWithInformationIconComp,Form:y});module.exports=_;

package/dist/library/BasicLayout/index.d.ts

@@ -11,82 +11,78 @@ declare const BasicLayout: React.FC<BasicLayoutProps> & {
     VerticalHorizontalCenterLayout: React.FC<{
         readonly children: React.ReactNode;
     }>;
-    Header: React.FC<import("../../components/Title").TitleProps>;
+    Header: React.FC<import("../..").TitleProps>;
     Body: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     SidePaddingBody: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-        children?: React.ReactNode;
-    } & {
-        theme?: import("@emotion/react").Theme | undefined;
+        theme?: import("@emotion/react").Theme;
     }, {}, {}>;
     CenterBody: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-        children?: React.ReactNode;
-    } & {
-        theme?: import("@emotion/react").Theme | undefined;
+        theme?: import("@emotion/react").Theme;
     }, {}, {}>;
     ImageCenterBody: React.FC<{
         imagePath: string;
-        imageType: "svg" | "pngSet" | "png";
+        imageType: "pngSet" | "png" | "svg";
         imageWidth: number;
         imageHeight: number;
     }>;
     Footer: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     SingleButton: React.FC<import("./Footer").SingleButtonCompProps>;
     SingleATag: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-        isLoading?: boolean | undefined;
+        isLoading?: boolean;
     } & {
         readonly children: React.ReactNode;
     } & import("../..").SingleButtonColorStyleParams & {
-        typography?: import("@emotion/react").SerializedStyles | undefined;
-        borderRadius?: string | undefined;
+        typography?: import("@emotion/utils").SerializedStyles;
+        borderRadius?: string;
     } & {
-        height?: number | undefined;
-    } & import("../../components/Button/FloatBaseButton").FloatBaseButtonProps & {
+        height?: number;
+    } & import("../..").FloatBaseButtonProps & {
         openUrl: string;
-        target?: string | undefined;
+        target?: string;
     }>;
-    DoubleButton: React.FC<import("../../components/Button/FloatDoubleButton").FloatDoubleButtonProps>;
+    DoubleButton: React.FC<import("../..").FloatDoubleButtonProps>;
     ContentsPadding: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     ContentsVerticalPadding: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    StickBottomWrapper: import("../..").ReactFCWithChildren<unknown>;
+    StickBottomWrapper: import("../..").ReactFCWithChildren;
     SingleButtonWithTooltip: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-        isLoading?: boolean | undefined;
+        isLoading?: boolean;
     } & {
         readonly children: React.ReactNode;
     } & import("../..").SingleButtonColorStyleParams & {
-        typography?: import("@emotion/react").SerializedStyles | undefined;
-        borderRadius?: string | undefined;
+        typography?: import("@emotion/utils").SerializedStyles;
+        borderRadius?: string;
     } & {
-        height?: number | undefined;
+        height?: number;
     } & {
         tooltip: import("../..").ImpactTooltipProps;
     }>;
     SingleButtonWithInformationIcon: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-        isLoading?: boolean | undefined;
+        isLoading?: boolean;
     } & {
         readonly children: React.ReactNode;
     } & import("../..").SingleButtonColorStyleParams & {
-        typography?: import("@emotion/react").SerializedStyles | undefined;
-        borderRadius?: string | undefined;
+        typography?: import("@emotion/utils").SerializedStyles;
+        borderRadius?: string;
     } & {
-        height?: number | undefined;
+        height?: number;
     } & {
         infoText: string;
     }>;

package/dist/library/BasicLayout/index.es.js

@@ -0,0 +1,127 @@
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import d, { useContext as u } from "react";
+import "../../chunks/index.styled.BTZpARWY.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/Button/DoubleButton/index.styled.es.js";
+import "../../components/MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../components/Button/FloatBaseButton/index.styled.es.js";
+import "../../components/Button/FloatDoubleButton/index.styled.es.js";
+import "../../components/Card/index.styled.es.js";
+import B from "../../hooks/useLayoutIsMobile.es.js";
+import "../../components/Comment/index.es.js";
+import "../../core/Colors/index.es.js";
+import "../../components/Control/CheckBox/index.styled.es.js";
+import "@emotion/react";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Control/CheckMark/index.styled.es.js";
+import "../../components/Control/Switch/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../components/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 "../IconWithImage/index.styled.es.js";
+import "../List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../Lottie/index.styled.es.js";
+import "../Spacing/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../../components/DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../components/Divider/index.styled.es.js";
+import "../../chunks/index.styled.SOJ65tcg.js";
+import "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/Loading/Spinner/index.styled.es.js";
+import "../../components/Navigation/index.styled.es.js";
+import "../../components/Navigation/BaseNavigation/index.styled.es.js";
+import "../../components/Navigation/constant.es.js";
+import "../../components/Segment/BaseSegment/index.styled.es.js";
+import "../../components/Segment/ExtendSegment/index.styled.es.js";
+import { Title as c } from "../../components/Title/index.es.js";
+import "../../components/ToastMessage/Toast/index.styled.es.js";
+import "../../components/Tooltip/TooltipBase/index.styled.es.js";
+import g from "../BasicForm/index.es.js";
+import { BasicLayoutBase as r, MarginTopNoHeader as C, MarginBottomNoFooter as y, ContentsVerticalPadding as f, ContentsPadding as S, CenterBody as h, SidePaddingBody as L, PureLayoutBase as e } from "./index.styled.es.js";
+import { ImageCenterBodyComp as j } from "./Body.es.js";
+import { SingleButtonWithInformationIconComp as P, SingleButtonWithTooltipComp as W, StickBottomWrapperComp as x, DoubleButtonComp as H, SingleATagComp as I, SingleButtonComp as T } from "./Footer.es.js";
+import { GlobalLayoutHeaderContext as b } from "../GlobalLayoutHeaderProvider/index.type.es.js";
+const F = d.memo(
+  ({ hasHeader: i, hasFooter: n, children: a, bottomExtraComp: t, bodyCenterizing: m = !1 }) => {
+    const p = B(), { hasGlobalLayoutHeaderInMobile: l, hasGlobalLayoutHeader: s } = u(b);
+    return /* @__PURE__ */ o.jsxs(
+      r.ParentWrapper,
+      {
+        hasGlobalLayoutHeader: s,
+        bodyCenterizing: m,
+        children: [
+          /* @__PURE__ */ o.jsxs(r.ChildrenWrapper, { bodyCenterizing: m, children: [
+            !l && !i && /* @__PURE__ */ o.jsx(C, {}),
+            a,
+            p && !!t && t,
+            !n && /* @__PURE__ */ o.jsx(y, {})
+          ] }),
+          !p && !!t && t
+        ]
+      }
+    );
+  }
+), M = ({ children: i }) => /* @__PURE__ */ o.jsx(e.ParentWrapper, { children: /* @__PURE__ */ o.jsx(e.VerticalHorizontalCenterBody, { children: i }) }), pt = Object.assign(F, {
+  /* Layout */
+  // BasicLayout (itself): BasicLayoutComp
+  VerticalHorizontalCenterLayout: M,
+  /* Header */
+  Header: c,
+  /* Body */
+  Body: r.Body,
+  SidePaddingBody: L,
+  CenterBody: h,
+  ImageCenterBody: j,
+  /* Footer */
+  Footer: r.Footer,
+  SingleButton: T,
+  SingleATag: I,
+  DoubleButton: H,
+  ContentsPadding: S,
+  ContentsVerticalPadding: f,
+  StickBottomWrapper: x,
+  SingleButtonWithTooltip: W,
+  SingleButtonWithInformationIcon: P,
+  /* etc */
+  Form: g
+});
+export {
+  pt as default
+};

package/dist/library/BasicLayout/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 };
 };