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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./BasicTooltip/index.cjs.js"),t=require("./ImpactTooltip/index.cjs.js");exports.BasicTooltip=o;exports.ImpactTooltip=t;

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

@@ -0,0 +1,6 @@
+import { default as a } from "./BasicTooltip/index.es.js";
+import { default as e } from "./ImpactTooltip/index.es.js";
+export {
+  a as BasicTooltip,
+  e as ImpactTooltip
+};

package/dist/components/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Badge/IconBadge/index.cjs.js"),n=require("./Badge/TextBadge/index.cjs.js"),e=require("../chunks/index.styled.SwCr6Bqs.js"),o=require("./Button/FloatSingleButton/index.cjs.js"),i=require("./Button/FloatDoubleButton/index.cjs.js"),r=require("./Button/FloatBaseButton/index.cjs.js"),s=require("./Button/TestButton/index.cjs.js"),a=require("./Card/index.cjs.js"),u=require("./Comment/index.cjs.js"),c=require("./Control/RadioButton/index.cjs.js"),_=require("./Control/CheckBox/index.cjs.js"),B=require("./Control/CheckMark/index.cjs.js"),d=require("./Control/Switch/index.cjs.js"),m=require("./DatePicker/BaseDatePicker/index.cjs.js"),l=require("./DatePicker/SingleDatePicker/hooks/useSingleDatePicker.cjs.js"),p=require("./DatePicker/RangeDatePicker/hooks/useRangeDatePicker.cjs.js"),q=require("./DatePicker/SingleDatePickerModal/index.cjs.js"),x=require("./DatePicker/RangeDatePickerModal/index.cjs.js"),S=require("./Divider/index.cjs.js"),g=require("./Input/common/InputFrame/index.cjs.js"),k=require("./Input/BaseInput/index.cjs.js");require("../chunks/jsx-runtime.713F0z8w.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("../core/TextStyles/index.cjs.js");const h=require("./Loading/ProgressBar/index.cjs.js"),D=require("./Loading/Skeleton/index.cjs.js"),T=require("./MiniButton/BoxMiniButton/index.cjs.js"),P=require("./MiniButton/IconMiniButton/index.cjs.js"),C=require("./Segment/BaseSegment/index.cjs.js"),M=require("./Segment/ExtendSegment/index.cjs.js"),I=require("./SelectBox/index.cjs.js"),b=require("./Chips/BasicChips/index.cjs.js"),F=require("./Chips/ChipItem/index.cjs.js"),R=require("./Chips/ChipsFrame/index.cjs.js"),y=require("./Tabs/TextTabs/index.cjs.js"),v=require("./Tabs/FillTabs/index.cjs.js"),N=require("./Tag/index.cjs.js"),A=require("./Title/index.cjs.js"),L=require("./ToastMessage/Toast/index.cjs.js"),f=require("./Tooltip/BasicTooltip/index.cjs.js"),w=require("./Tooltip/ImpactTooltip/index.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("../types/date.cjs.js");const E=require("./Input/ResidentNumberInput/index.cjs.js"),H=require("./DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js"),U=require("./DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js"),j=require("../chunks/index.styled.DkE3TbtV.js"),G=require("../chunks/index.styled.bRkhLIZX.js");exports.IconBadge=t.IconBadge;exports.TextBadge=n.TextBadge;exports.BaseBottomSheet=e.BaseBottomSheet;exports.BaseBottomSheetBody=e.BaseBottomSheetBody;exports.BaseBottomSheetCTADoubleButton=e.BaseBottomSheetCTADoubleButton;exports.BaseBottomSheetCTASingleButton=e.BaseBottomSheetCTASingleButton;exports.BaseBottomSheetComp=e.BaseBottomSheetComp;exports.BaseBottomSheetHeader=e.BaseBottomSheetHeader;exports.BaseModal=e.BaseModal;exports.BottomSheetNavigationTemplate=e.BottomSheetNavigationTemplate;exports.DoubleButton=e.DoubleButton;exports.Modal=e.Modal;exports.NavBottomSheet=e.NavBottomSheet;exports.Navigation=e.Navigation;exports.PostfixInput=e.PostfixInput;exports.SelectBoxStyled=e.index_styled;exports.SingleButton=e.SingleButton;exports.Spinner=e.Spinner;exports.TitleBottomSheet=e.TitleBottomSheet;exports.UnderLineMiniButton=e.UnderLineMiniButton;exports.FloatSingleButton=o.FloatSingleButton;exports.FloatDoubleButton=i.FloatDoubleButton;exports.FloatBaseButton=r.FloatBaseButton;exports.TestButton=s.TestButton;exports.Card=a.Card;exports.Comment=u.Comment;exports.RadioButton=c.RadioButton;exports.CheckBox=_.CheckBox;exports.CheckMark=B.CheckMark;exports.Switch=d.Switch;exports.BaseDatePicker=m.BaseDatePicker;exports.useSingleDatePicker=l.useSingleDatePicker;exports.useRangeDatePicker=p.useRangeDatePicker;exports.SingleDatePickerModal=q.SingleDatePickerModal;exports.RangeDatePickerModal=x.RangeDatePickerModal;exports.Divider=S.Divider;exports.InputFrame=g.InputFrame;exports.BaseInput=k.BaseInput;exports.ProgressBar=h.ProgressBar;exports.Skeleton=D.Skeleton;exports.BoxMiniButton=T.BoxMiniButton;exports.IconMiniButton=P.IconMiniButton;exports.Segment=C.Segment;exports.ExtendSegment=M.ExtendSegment;exports.SelectBox=I.SelectBox;exports.BasicChips=b.BasicChips;exports.ChipItem=F.ChipItem;exports.ChipsFrame=R.ChipsFrame;exports.TextTabs=y.TextTabs;exports.FillTabs=v.FillTabs;exports.Tag=N.Tag;exports.Title=A.Title;exports.Toast=L.Toast;exports.BasicTooltip=f;exports.ImpactTooltip=w;exports.ResidentNumberInput=E.ResidentNumberInput;exports.useSingleDatePickerModal=H.useSingleDatePickerModal;exports.useRangeDatePickerModal=U.useRangeDatePickerModal;exports.InputFrameStyled=j.index_styled;exports.BaseInputStyled=G.index_styled;

package/dist/components/index.es.js

@@ -0,0 +1,144 @@
+import { IconBadge as z } from "./Badge/IconBadge/index.es.js";
+import { TextBadge as J } from "./Badge/TextBadge/index.es.js";
+import { B as O, d as Q, f as V, e as W, b as X, c as Y, j as Z, h as _, D as $, M as oo, g as to, N as eo, P as ro, i as mo, S as po, a as io, T as ao, U as xo } from "../chunks/index.styled.BTZpARWY.js";
+import { FloatSingleButton as fo } from "./Button/FloatSingleButton/index.es.js";
+import { FloatDoubleButton as Bo } from "./Button/FloatDoubleButton/index.es.js";
+import { FloatBaseButton as uo } from "./Button/FloatBaseButton/index.es.js";
+import { TestButton as co } from "./Button/TestButton/index.es.js";
+import { Card as ho } from "./Card/index.es.js";
+import { Comment as Do } from "./Comment/index.es.js";
+import { RadioButton as Mo } from "./Control/RadioButton/index.es.js";
+import { CheckBox as Io } from "./Control/CheckBox/index.es.js";
+import { CheckMark as bo } from "./Control/CheckMark/index.es.js";
+import { Switch as No } from "./Control/Switch/index.es.js";
+import { BaseDatePicker as vo } from "./DatePicker/BaseDatePicker/index.es.js";
+import { useSingleDatePicker as Ao } from "./DatePicker/SingleDatePicker/hooks/useSingleDatePicker.es.js";
+import { useRangeDatePicker as jo } from "./DatePicker/RangeDatePicker/hooks/useRangeDatePicker.es.js";
+import { SingleDatePickerModal as Eo } from "./DatePicker/SingleDatePickerModal/index.es.js";
+import { RangeDatePickerModal as Lo } from "./DatePicker/RangeDatePickerModal/index.es.js";
+import { Divider as zo } from "./Divider/index.es.js";
+import { InputFrame as Jo } from "./Input/common/InputFrame/index.es.js";
+import { BaseInput as Oo } from "./Input/BaseInput/index.es.js";
+import "../chunks/jsx-runtime.Drh4NO5G.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 "../core/TextStyles/index.es.js";
+import { ProgressBar as Vo } from "./Loading/ProgressBar/index.es.js";
+import { Skeleton as Xo } from "./Loading/Skeleton/index.es.js";
+import { BoxMiniButton as Zo } from "./MiniButton/BoxMiniButton/index.es.js";
+import { IconMiniButton as $o } from "./MiniButton/IconMiniButton/index.es.js";
+import { Segment as tt } from "./Segment/BaseSegment/index.es.js";
+import { ExtendSegment as rt } from "./Segment/ExtendSegment/index.es.js";
+import { SelectBox as pt } from "./SelectBox/index.es.js";
+import { BasicChips as at } from "./Chips/BasicChips/index.es.js";
+import { ChipItem as st } from "./Chips/ChipItem/index.es.js";
+import { ChipsFrame as nt } from "./Chips/ChipsFrame/index.es.js";
+import { TextTabs as lt } from "./Tabs/TextTabs/index.es.js";
+import { FillTabs as St } from "./Tabs/FillTabs/index.es.js";
+import { Tag as ct } from "./Tag/index.es.js";
+import { Title as ht } from "./Title/index.es.js";
+import { Toast as Dt } from "./ToastMessage/Toast/index.es.js";
+import { default as Mt } from "./Tooltip/BasicTooltip/index.es.js";
+import { default as It } from "./Tooltip/ImpactTooltip/index.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 "../types/date.es.js";
+import { ResidentNumberInput as bt } from "./Input/ResidentNumberInput/index.es.js";
+import { useSingleDatePickerModal as Nt } from "./DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import { useRangeDatePickerModal as vt } from "./DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import { i as At } from "../chunks/index.styled.SOJ65tcg.js";
+import { i as jt } from "../chunks/index.styled.Cw4AEFns.js";
+export {
+  O as BaseBottomSheet,
+  Q as BaseBottomSheetBody,
+  V as BaseBottomSheetCTADoubleButton,
+  W as BaseBottomSheetCTASingleButton,
+  X as BaseBottomSheetComp,
+  Y as BaseBottomSheetHeader,
+  vo as BaseDatePicker,
+  Oo as BaseInput,
+  jt as BaseInputStyled,
+  Z as BaseModal,
+  at as BasicChips,
+  Mt as BasicTooltip,
+  _ as BottomSheetNavigationTemplate,
+  Zo as BoxMiniButton,
+  ho as Card,
+  Io as CheckBox,
+  bo as CheckMark,
+  st as ChipItem,
+  nt as ChipsFrame,
+  Do as Comment,
+  zo as Divider,
+  $ as DoubleButton,
+  rt as ExtendSegment,
+  St as FillTabs,
+  uo as FloatBaseButton,
+  Bo as FloatDoubleButton,
+  fo as FloatSingleButton,
+  z as IconBadge,
+  $o as IconMiniButton,
+  It as ImpactTooltip,
+  Jo as InputFrame,
+  At as InputFrameStyled,
+  oo as Modal,
+  to as NavBottomSheet,
+  eo as Navigation,
+  ro as PostfixInput,
+  Vo as ProgressBar,
+  Mo as RadioButton,
+  Lo as RangeDatePickerModal,
+  bt as ResidentNumberInput,
+  tt as Segment,
+  pt as SelectBox,
+  mo as SelectBoxStyled,
+  po as SingleButton,
+  Eo as SingleDatePickerModal,
+  Xo as Skeleton,
+  io as Spinner,
+  No as Switch,
+  ct as Tag,
+  co as TestButton,
+  J as TextBadge,
+  lt as TextTabs,
+  ht as Title,
+  ao as TitleBottomSheet,
+  Dt as Toast,
+  xo as UnderLineMiniButton,
+  jo as useRangeDatePicker,
+  vt as useRangeDatePickerModal,
+  Ao as useSingleDatePicker,
+  Nt as useSingleDatePickerModal
+};

package/dist/constants/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./style.constants.cjs.js");exports.LayoutSpacing=t.LayoutSpacing;exports.zIndex=t.zIndex;

package/dist/constants/index.es.js

@@ -0,0 +1,5 @@
+import { LayoutSpacing as e, zIndex as n } from "./style.constants.es.js";
+export {
+  e as LayoutSpacing,
+  n as zIndex
+};

package/dist/constants/style.constants.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={floatButton:5,gnb:10,basicLayer:100,modal:1e3,loading:19950824},t={bottomMargin:{mobile:80,pc:60}};exports.LayoutSpacing=t;exports.zIndex=o;

package/dist/constants/style.constants.es.js

@@ -0,0 +1,16 @@
+const o = {
+  floatButton: 5,
+  gnb: 10,
+  basicLayer: 100,
+  modal: 1e3,
+  loading: 19950824
+}, t = {
+  bottomMargin: {
+    mobile: 80,
+    pc: 60
+  }
+};
+export {
+  t as LayoutSpacing,
+  o as zIndex
+};

package/dist/core/Colors/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={"0%":"00","5%":"0C","10%":"19","15%":"26","20%":"33","25%":"3F","30%":"4C","35%":"59","40%":"66","45%":"72","50%":"7F","55%":"8C","60%":"99","65%":"A5","70%":"B2","75%":"BF","80%":"CC","85%":"D8","90%":"E5","95%":"F2","100%":"FF"},n=(F,i)=>`${F}${r[i]}`,e={white:"#ffffff",black:"#000000",darkGray:"#262626",deepDarkGray:"#1B1B1B",pink5:"#FFFAFD",pink25:"#fff4fa",pink50:"#ffeaf5",pink100:"#ffc6e3",pink200:"#fe99ce",pink300:"#fe67b5",pink400:"#fe2c99",pink500:"#eb1584",pink600:"#de0475",pink700:"#ca036a",pink800:"#b2005c",pink900:"#970051",blue5:"#F9FCFF",blue25:"#f1f9ff",blue50:"#e3f4ff",blue100:"#bbe2ff",blue200:"#8dd0ff",blue300:"#48afff",blue400:"#007dff",blue500:"#1269ec",blue600:"#0c5cd3",blue700:"#114bbd",blue800:"#073ca4",blue900:"#00308d",gray5:"#FAFBFC",gray25:"#f5f6f7",gray50:"#eceff1",gray100:"#d0d8dc",gray200:"#b0bec5",gray300:"#90a4af",gray400:"#78909d",gray500:"#617d8b",gray600:"#556e7b",gray700:"#455a65",gray800:"#37474f",gray900:"#263238",purple5:"#FCFBFF",purple25:"#F9F4FF",purple50:"#f4eefe",purple100:"#d4befb",purple200:"#b48ef8",purple300:"#955dff",purple400:"#732ff1",purple500:"#602fe4",purple600:"#521ddf",purple700:"#491ac6",purple800:"#3e16a8",purple900:"#33128a",red5:"#FFFBFC",red25:"#FFF6F9",red50:"#ffeff2",red100:"#ffb7c4",red200:"#ff738c",red300:"#ff5170",red400:"#ff2f54",red500:"#ff0d38",red600:"#ea002a",red700:"#c80024",red800:"#a6001e",red900:"#840018",green5:"#F8FFFA",green25:"#F0FFF6",green50:"#dcf9e8",green100:"#a7ebbe",green200:"#57db84",green300:"#1fcc5a",green400:"#19b14d",green500:"#159340",green600:"#117533",green700:"#0d5826",green800:"#0a4920",green900:"#083a19",yellow5:"#FFFDF4",yellow25:"#FFFBE6",yellow50:"#fff7e0",yellow100:"#ffe59c",yellow200:"#ffd55e",yellow300:"#ffcd4b",yellow400:"#FFB712",yellow500:"#EFA600",yellow600:"#CD8E00",yellow700:"#AB7700",yellow800:"#895F00",yellow900:"#745000",lime5:"#F9FEF9",lime25:"#F3FDF3",lime50:"#E7FCE8",lime100:"#BFF4C1",lime200:"#7EEE87",lime300:"#60DF6A",lime400:"#37C94D",lime500:"#16B234",lime600:"#139D2D",lime700:"#0D8323",lime800:"#0E6C1F",lime900:"#045613",mint5:"#F4FEFD",mint25:"#ECFCFB",mint50:"#E0F8F7",mint100:"#B4F6EE",mint200:"#76EBE6",mint300:"#3DE2DA",mint400:"#02D1C8",mint500:"#02B8AE",mint600:"#029F94",mint700:"#02867A",mint800:"#026D60",mint900:"#015447",skyblue5:"#F5FEFF",skyblue25:"#EBFCFF",skyblue50:"#E6FBFF",skyblue100:"#CBEFFF",skyblue200:"#9DE1FF",skyblue300:"#70D3FF",skyblue400:"#2EBFFF",skyblue500:"#02B2FF",skyblue600:"#00A5ED",skyblue700:"#0092D3",skyblue800:"#007CB2",skyblue900:"#005F89",indigo5:"#FAFAFF",indigo25:"#F2F2FF",indigo50:"#ECECFF",indigo100:"#C0C4FF",indigo200:"#8D99FF",indigo300:"#606FFF",indigo400:"#3F52FF",indigo500:"#3948EC",indigo600:"#2D3CDC",indigo700:"#2835BE",indigo800:"#202BA4",indigo900:"#162191",orange5:"#FFFAF7",orange25:"#FFF5EF",orange50:"#FFF0E5",orange100:"#FFCCAD",orange200:"#FFA168",orange300:"#FF8B44",orange400:"#FF7B2B",orange500:"#FF6B10",orange600:"#F55D00",orange700:"#D85200",orange800:"#BA4700",orange900:"#983A00"},a={backgroundBasic:e.white,backgroundDeep:e.gray25,buttonGrayMainAbledText:e.white,buttonMainDisabledText:e.white,toastMessageContainer:`${n(e.gray900,"80%")}`,toastMessageMiniButtonEnabledContainer:e.gray800,toastMessageMiniButtonHoverContainer:e.gray700,toastMessageMiniButtonFocusContainer:e.gray600,controlGraySwitchEnabledOnContainer:e.gray900,controlSwitchEnabledOffInnerCircle:e.white,controlSwitchDisabledOnInnerCircle:e.white,controlSwitchDisabledOffInnerCircle:e.white,dividerM:e.gray25,card:e.white,segmentControlContainer:e.gray50,segmentControlSegment:e.white,datepickerDayFocusTextInGray:e.white,datepickerTodayFocusDotInGray:e.white,chipDefaultText:e.gray700},l={buttonSubDisabledText:F=>e[`${F}100`]};exports.basicColors=e;exports.generateHexWithAlphaInLightMode=n;exports.semanticColors=a;exports.semanticColorsMethod=l;

package/dist/core/Colors/index.es.js

@@ -0,0 +1,215 @@
+const i = {
+  "0%": "00",
+  "5%": "0C",
+  "10%": "19",
+  "15%": "26",
+  "20%": "33",
+  "25%": "3F",
+  "30%": "4C",
+  "35%": "59",
+  "40%": "66",
+  "45%": "72",
+  "50%": "7F",
+  "55%": "8C",
+  "60%": "99",
+  "65%": "A5",
+  "70%": "B2",
+  "75%": "BF",
+  "80%": "CC",
+  "85%": "D8",
+  "90%": "E5",
+  "95%": "F2",
+  "100%": "FF"
+}, r = (F, n) => `${F}${i[n]}`, e = {
+  white: "#ffffff",
+  black: "#000000",
+  darkGray: "#262626",
+  deepDarkGray: "#1B1B1B",
+  pink5: "#FFFAFD",
+  pink25: "#fff4fa",
+  pink50: "#ffeaf5",
+  pink100: "#ffc6e3",
+  pink200: "#fe99ce",
+  pink300: "#fe67b5",
+  pink400: "#fe2c99",
+  pink500: "#eb1584",
+  pink600: "#de0475",
+  pink700: "#ca036a",
+  pink800: "#b2005c",
+  pink900: "#970051",
+  blue5: "#F9FCFF",
+  blue25: "#f1f9ff",
+  blue50: "#e3f4ff",
+  blue100: "#bbe2ff",
+  blue200: "#8dd0ff",
+  blue300: "#48afff",
+  blue400: "#007dff",
+  blue500: "#1269ec",
+  blue600: "#0c5cd3",
+  blue700: "#114bbd",
+  blue800: "#073ca4",
+  blue900: "#00308d",
+  gray5: "#FAFBFC",
+  gray25: "#f5f6f7",
+  gray50: "#eceff1",
+  gray100: "#d0d8dc",
+  gray200: "#b0bec5",
+  gray300: "#90a4af",
+  gray400: "#78909d",
+  gray500: "#617d8b",
+  gray600: "#556e7b",
+  gray700: "#455a65",
+  gray800: "#37474f",
+  gray900: "#263238",
+  // Native가 작업 완료되면 같은시점에 버전 업
+  // gray5: '#FBFBFB',
+  // gray25: '#F6F6F6',
+  // gray50: '#EEEEEE',
+  // gray100: '#D2D2D2',
+  // gray200: '#C0C0C0',
+  // gray300: '#979797',
+  // gray400: '#828282',
+  // gray500: '#6F6F6F',
+  // gray600: '#656565',
+  // gray700: '#5A5A5A',
+  // gray800: '#444444',
+  // gray900: '#2E2E2E',
+  purple5: "#FCFBFF",
+  purple25: "#F9F4FF",
+  purple50: "#f4eefe",
+  purple100: "#d4befb",
+  purple200: "#b48ef8",
+  purple300: "#955dff",
+  purple400: "#732ff1",
+  purple500: "#602fe4",
+  purple600: "#521ddf",
+  purple700: "#491ac6",
+  purple800: "#3e16a8",
+  purple900: "#33128a",
+  red5: "#FFFBFC",
+  red25: "#FFF6F9",
+  red50: "#ffeff2",
+  red100: "#ffb7c4",
+  red200: "#ff738c",
+  red300: "#ff5170",
+  red400: "#ff2f54",
+  red500: "#ff0d38",
+  red600: "#ea002a",
+  red700: "#c80024",
+  red800: "#a6001e",
+  red900: "#840018",
+  green5: "#F8FFFA",
+  green25: "#F0FFF6",
+  green50: "#dcf9e8",
+  green100: "#a7ebbe",
+  green200: "#57db84",
+  green300: "#1fcc5a",
+  green400: "#19b14d",
+  green500: "#159340",
+  green600: "#117533",
+  green700: "#0d5826",
+  green800: "#0a4920",
+  green900: "#083a19",
+  yellow5: "#FFFDF4",
+  yellow25: "#FFFBE6",
+  yellow50: "#fff7e0",
+  yellow100: "#ffe59c",
+  yellow200: "#ffd55e",
+  yellow300: "#ffcd4b",
+  yellow400: "#FFB712",
+  yellow500: "#EFA600",
+  yellow600: "#CD8E00",
+  yellow700: "#AB7700",
+  yellow800: "#895F00",
+  yellow900: "#745000",
+  lime5: "#F9FEF9",
+  lime25: "#F3FDF3",
+  lime50: "#E7FCE8",
+  lime100: "#BFF4C1",
+  lime200: "#7EEE87",
+  lime300: "#60DF6A",
+  lime400: "#37C94D",
+  lime500: "#16B234",
+  lime600: "#139D2D",
+  lime700: "#0D8323",
+  lime800: "#0E6C1F",
+  lime900: "#045613",
+  mint5: "#F4FEFD",
+  mint25: "#ECFCFB",
+  mint50: "#E0F8F7",
+  mint100: "#B4F6EE",
+  mint200: "#76EBE6",
+  mint300: "#3DE2DA",
+  mint400: "#02D1C8",
+  mint500: "#02B8AE",
+  mint600: "#029F94",
+  mint700: "#02867A",
+  mint800: "#026D60",
+  mint900: "#015447",
+  skyblue5: "#F5FEFF",
+  skyblue25: "#EBFCFF",
+  skyblue50: "#E6FBFF",
+  skyblue100: "#CBEFFF",
+  skyblue200: "#9DE1FF",
+  skyblue300: "#70D3FF",
+  skyblue400: "#2EBFFF",
+  skyblue500: "#02B2FF",
+  skyblue600: "#00A5ED",
+  skyblue700: "#0092D3",
+  skyblue800: "#007CB2",
+  skyblue900: "#005F89",
+  indigo5: "#FAFAFF",
+  indigo25: "#F2F2FF",
+  indigo50: "#ECECFF",
+  indigo100: "#C0C4FF",
+  indigo200: "#8D99FF",
+  indigo300: "#606FFF",
+  indigo400: "#3F52FF",
+  indigo500: "#3948EC",
+  indigo600: "#2D3CDC",
+  indigo700: "#2835BE",
+  indigo800: "#202BA4",
+  indigo900: "#162191",
+  orange5: "#FFFAF7",
+  orange25: "#FFF5EF",
+  orange50: "#FFF0E5",
+  orange100: "#FFCCAD",
+  orange200: "#FFA168",
+  orange300: "#FF8B44",
+  orange400: "#FF7B2B",
+  orange500: "#FF6B10",
+  orange600: "#F55D00",
+  orange700: "#D85200",
+  orange800: "#BA4700",
+  orange900: "#983A00"
+}, a = {
+  backgroundBasic: e.white,
+  backgroundDeep: e.gray25,
+  buttonGrayMainAbledText: e.white,
+  buttonMainDisabledText: e.white,
+  toastMessageContainer: `${r(e.gray900, "80%")}`,
+  toastMessageMiniButtonEnabledContainer: e.gray800,
+  toastMessageMiniButtonHoverContainer: e.gray700,
+  toastMessageMiniButtonFocusContainer: e.gray600,
+  controlGraySwitchEnabledOnContainer: e.gray900,
+  // TODO: singlebutton colorSystem에 연결되어 있어서 적용 못함
+  controlSwitchEnabledOffInnerCircle: e.white,
+  controlSwitchDisabledOnInnerCircle: e.white,
+  controlSwitchDisabledOffInnerCircle: e.white,
+  dividerM: e.gray25,
+  card: e.white,
+  segmentControlContainer: e.gray50,
+  segmentControlSegment: e.white,
+  datepickerDayFocusTextInGray: e.white,
+  datepickerTodayFocusDotInGray: e.white,
+  chipDefaultText: e.gray700
+  // TODO: rename only gray
+}, l = {
+  buttonSubDisabledText: (F) => e[`${F}100`]
+};
+export {
+  e as basicColors,
+  r as generateHexWithAlphaInLightMode,
+  a as semanticColors,
+  l as semanticColorsMethod
+};

package/dist/core/Colors/index.js

@@ -68,6 +68,19 @@ const basicColors = {
     gray700: '#455a65',
     gray800: '#37474f',
     gray900: '#263238',
+    // Native가 작업 완료되면 같은시점에 버전 업
+    // gray5: '#FBFBFB',
+    // gray25: '#F6F6F6',
+    // gray50: '#EEEEEE',
+    // gray100: '#D2D2D2',
+    // gray200: '#C0C0C0',
+    // gray300: '#979797',
+    // gray400: '#828282',
+    // gray500: '#6F6F6F',
+    // gray600: '#656565',
+    // gray700: '#5A5A5A',
+    // gray800: '#444444',
+    // gray900: '#2E2E2E',
     purple5: '#FCFBFF',
     purple25: '#F9F4FF',
     purple50: '#f4eefe',
@@ -188,7 +201,7 @@ const semanticColors = {
     toastMessageMiniButtonEnabledContainer: basicColors.gray800,
     toastMessageMiniButtonHoverContainer: basicColors.gray700,
     toastMessageMiniButtonFocusContainer: basicColors.gray600,
-    controlGraySwitchEnabledOnContainer: basicColors.gray900,
+    controlGraySwitchEnabledOnContainer: basicColors.gray900, // TODO: singlebutton colorSystem에 연결되어 있어서 적용 못함
     controlSwitchEnabledOffInnerCircle: basicColors.white,
     controlSwitchDisabledOnInnerCircle: basicColors.white,
     controlSwitchDisabledOffInnerCircle: basicColors.white,

package/dist/core/Colors/index.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"),o=require("./index.cjs.js"),l=require("../../components/Divider/index.cjs.js"),m=require("../../library/Spacing/index.cjs.js");require("@emotion/react");const x=require("../../utils/GenerateColorStyle/common/type.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/index.styled.SwCr6Bqs.js");require("../TextStyles/index.cjs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.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("../../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("../../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("../../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("../../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");require("../../components/ToastMessage/Toast/index.styled.cjs.js");require("../../components/Tooltip/TooltipBase/index.styled.cjs.js");const s=({fixedColor:t,name:i,color:r,variants:n=[""],palette:a})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{style:{display:"flex",flexDirection:"row"},children:n.map(u=>{const c=t||(a==null?void 0:a[`${r+u}`].toLocaleUpperCase());return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("div",{children:[`${i||(r==null?void 0:r.toLocaleLowerCase())} ${u}`,e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("div",{style:{color:"#9D9D9D"},children:c})]}),e.jsxRuntimeExports.jsx("div",{style:{width:"120px",height:"75px",background:c}}),e.jsxRuntimeExports.jsx("br",{})]},u||"-0")})})}),q=()=>{const t=["white","darkGray","deepDarkGray","black"];return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{children:" System "}),t.map(i=>e.jsxRuntimeExports.jsx(s,{color:i,palette:o.basicColors},i))]})},d=()=>{const t=x.ColorTypeArray,i=["5","25","50","100","200","300","400","500","600","700","800","900"];return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{children:" Basic "}),t.map(r=>e.jsxRuntimeExports.jsx(s,{color:r,variants:i,palette:o.basicColors},r))]})},p=()=>{const t=[{color:"backgroundBasic",name:"Background Basic"},{color:"backgroundDeep",name:"BackgroundDeep"},{color:"buttonGrayMainAbledText",name:"Button Main Abled Text (Gray)"},{color:"buttonMainDisabledText",name:"Button Main Disabled Text"},{color:"toastMessageContainer",name:"Toast Message Container"},{color:"toastMessageMiniButtonEnabledContainer",name:"Toast Message Mini Button Container Enabled"},{color:"toastMessageMiniButtonHoverContainer",name:"Toast Message Mini Button Container Hover"},{color:"toastMessageMiniButtonFocusContainer",name:"Toast Message Mini Button Container Focus "},{color:"controlGraySwitchEnabledOnContainer",name:"Control Switch Enabled On Container (Gray)"},{color:"controlSwitchEnabledOffInnerCircle",name:"Control Switch Enabled Off Innercircle"},{color:"controlSwitchDisabledOnInnerCircle",name:"Control Switch Disabled On Innercircle"},{color:"controlSwitchDisabledOffInnerCircle",name:"Control Switch Disabled Off Innercircle"},{color:"dividerM",name:"Divider M"},{color:"card",name:"Card"},{color:"segmentControlContainer",name:"Segment Control Container"},{color:"segmentControlSegment",name:"Segment Control Segment"},{color:"datepickerDayFocusTextInGray",name:"Date Picker Day Focus Text (Gray)"},{color:"datepickerTodayFocusDotInGray",name:"Date Picker Today Focus Dot (Gray)"},{color:"chipDefaultText",name:"Chip Default Text (Gray)"}],i=x.ColorTypeArray.map(r=>({method:"buttonSubDisabledText",colorType:r}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{children:" Semantic (no colorType) "}),t.map(({color:r,name:n})=>e.jsxRuntimeExports.jsx(s,{name:n,color:r,palette:o.semanticColors},r)),e.jsxRuntimeExports.jsx(l.Divider,{size:"s"}),e.jsxRuntimeExports.jsx(m.Spacing,{spaceNumber:20}),e.jsxRuntimeExports.jsx("h1",{children:" Semantic (w. colorType) "}),i.map(({method:r,colorType:n})=>e.jsxRuntimeExports.jsx(s,{name:`${r} (${n})`,fixedColor:o.semanticColorsMethod[r](n)},r))]})},j={title:"Foundation/Color",tags:["autodocs"]},C={render:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(d,{}),e.jsxRuntimeExports.jsx(q,{})]}),parameters:{docs:{description:{story:"베이직 컬러는 기본 컬러 팔레트의 기능을 합니다.<br/>각 컬러는 400값이 메인 컬러이며, 예외로 Gray는 900값을 메인 컬러로, System은 메인 컬러 없이 사용합니다."}}}},E={render:()=>e.jsxRuntimeExports.jsx(p,{}),parameters:{docs:{description:{story:"시멘틱 컬러는 베이직 컬러 팔레트에서 라이트/다크 모드 1:1 대응이 되지 않는 예외 케이스에 사용합니다.<br/>베이직 컬러를 토대로 사용하는 목적에 맞게 네이밍하고 시스템화하여 다크 모드에 최적화된 컬러 대응이 가능하도록 해줍니다."}}}};exports.BasicPalette=C;exports.SemanticPalette=E;exports.default=j;