@pfct/purple 1.5.0-npm-next.0 → 1.5.0-npm-next.2

package/dist/utils/GenerateColorStyle/control/check-mark.d.ts

@@ -0,0 +1,8 @@
+import { ColorType, StatusType } from '../common/type';
+type State = 'default' | 'disabled';
+type ColorStyleByState = {
+    containerColor: string;
+};
+export type CheckMarkColorStyleProps = Record<State, Record<StatusType, ColorStyleByState>>;
+declare const checkMarkColorStyle: (colorType: ColorType) => CheckMarkColorStyleProps;
+export default checkMarkColorStyle;

package/dist/utils/GenerateColorStyle/control/check-mark.es.js

@@ -0,0 +1,47 @@
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const e = (r) => {
+  const n = o.gray100, a = o.gray50;
+  switch (r) {
+    case "gray":
+      return {
+        default: {
+          on: {
+            containerColor: o.gray900
+          },
+          off: {
+            containerColor: n
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o.gray200
+          },
+          off: {
+            containerColor: a
+          }
+        }
+      };
+    default:
+      return {
+        default: {
+          on: {
+            containerColor: o[`${r}400`]
+          },
+          off: {
+            containerColor: n
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o[`${r}100`]
+          },
+          off: {
+            containerColor: a
+          }
+        }
+      };
+  }
+};
+export {
+  e as default
+};

package/dist/utils/GenerateColorStyle/control/radio-button.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../core/Colors/index.cjs.js"),C=r=>{const n="transparent",a="transparent",e=o.basicColors.gray100,l="transparent",t=o.basicColors.gray25,s=o.basicColors.gray50;switch(r){case"gray":return{default:{on:{containerColor:n,borderColor:o.basicColors.gray900},off:{containerColor:a,borderColor:e}},disabled:{on:{containerColor:l,borderColor:o.basicColors.gray200},off:{containerColor:t,borderColor:s}}};default:return{default:{on:{containerColor:n,borderColor:o.basicColors[`${r}400`]},off:{containerColor:a,borderColor:e}},disabled:{on:{containerColor:l,borderColor:o.basicColors[`${r}100`]},off:{containerColor:t,borderColor:s}}}}};module.exports=C;

package/dist/utils/GenerateColorStyle/control/radio-button.d.ts

@@ -0,0 +1,9 @@
+import { ColorType, StatusType } from '../common/type';
+type State = 'default' | 'disabled';
+type ColorStyleByState = {
+    containerColor: string;
+    borderColor: string;
+};
+export type RadioButtonColorStyleProps = Record<State, Record<StatusType, ColorStyleByState>>;
+declare const radioButtonColorStyle: (colorType: ColorType) => RadioButtonColorStyleProps;
+export default radioButtonColorStyle;

package/dist/utils/GenerateColorStyle/control/radio-button.es.js

@@ -0,0 +1,55 @@
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const f = (r) => {
+  const n = "transparent", a = "transparent", e = o.gray100, t = "transparent", l = o.gray25, d = o.gray50;
+  switch (r) {
+    case "gray":
+      return {
+        default: {
+          on: {
+            containerColor: n,
+            borderColor: o.gray900
+          },
+          off: {
+            containerColor: a,
+            borderColor: e
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: t,
+            borderColor: o.gray200
+          },
+          off: {
+            containerColor: l,
+            borderColor: d
+          }
+        }
+      };
+    default:
+      return {
+        default: {
+          on: {
+            containerColor: n,
+            borderColor: o[`${r}400`]
+          },
+          off: {
+            containerColor: a,
+            borderColor: e
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: t,
+            borderColor: o[`${r}100`]
+          },
+          off: {
+            containerColor: l,
+            borderColor: d
+          }
+        }
+      };
+  }
+};
+export {
+  f as default
+};

package/dist/utils/GenerateColorStyle/control/switch.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../core/Colors/index.cjs.js"),t=r=>{const n=o.basicColors.white,e=o.basicColors.gray100,l=o.semanticColors.controlSwitchEnabledOffInnerCircle,i=o.semanticColors.controlSwitchDisabledOnInnerCircle,c=o.basicColors.gray50,C=o.semanticColors.controlSwitchDisabledOffInnerCircle;switch(r){case"gray":return{default:{on:{containerColor:o.semanticColors.controlGraySwitchEnabledOnContainer,innerCircleColor:n},off:{containerColor:e,innerCircleColor:l}},disabled:{on:{containerColor:o.basicColors.gray200,innerCircleColor:i},off:{containerColor:c,innerCircleColor:C}}};default:return{default:{on:{containerColor:o.basicColors[`${r}400`],innerCircleColor:n},off:{containerColor:e,innerCircleColor:l}},disabled:{on:{containerColor:o.basicColors[`${r}100`],innerCircleColor:i},off:{containerColor:c,innerCircleColor:C}}}}};module.exports=t;

package/dist/utils/GenerateColorStyle/control/switch.d.ts

@@ -0,0 +1,9 @@
+import { ColorType, StatusType } from '../common/type';
+type State = 'default' | 'disabled';
+type ColorStyleByState = {
+    containerColor: string;
+    innerCircleColor: string;
+};
+export type SwitchColorStyleProps = Record<State, Record<StatusType, ColorStyleByState>>;
+declare const switchColorStyle: (colorType: ColorType) => SwitchColorStyleProps;
+export default switchColorStyle;

package/dist/utils/GenerateColorStyle/control/switch.es.js

@@ -0,0 +1,55 @@
+import { basicColors as o, semanticColors as r } from "../../../core/Colors/index.es.js";
+const f = (n) => {
+  const e = o.white, l = o.gray100, i = r.controlSwitchEnabledOffInnerCircle, C = r.controlSwitchDisabledOnInnerCircle, t = o.gray50, c = r.controlSwitchDisabledOffInnerCircle;
+  switch (n) {
+    case "gray":
+      return {
+        default: {
+          on: {
+            containerColor: r.controlGraySwitchEnabledOnContainer,
+            innerCircleColor: e
+          },
+          off: {
+            containerColor: l,
+            innerCircleColor: i
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o.gray200,
+            innerCircleColor: C
+          },
+          off: {
+            containerColor: t,
+            innerCircleColor: c
+          }
+        }
+      };
+    default:
+      return {
+        default: {
+          on: {
+            containerColor: o[`${n}400`],
+            innerCircleColor: e
+          },
+          off: {
+            containerColor: l,
+            innerCircleColor: i
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o[`${n}100`],
+            innerCircleColor: C
+          },
+          off: {
+            containerColor: t,
+            innerCircleColor: c
+          }
+        }
+      };
+  }
+};
+export {
+  f as default
+};

package/dist/utils/GenerateColorStyle/datepicker.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../core/Colors/index.cjs.js"),s={textColor:o.basicColors.gray900,focusedTextColor:o.basicColors.white,disabledTextColor:o.basicColors.gray100,hoverContainerColor:o.basicColors.gray50},e=r=>{switch(r){case"gray":return{...s,focusedContainerColor:o.basicColors.gray900,rangeContainerColor:o.basicColors.gray50};default:return{...s,focusedContainerColor:o.basicColors[`${r}400`],rangeContainerColor:o.basicColors[`${r}50`]}}};module.exports=e;

package/dist/utils/GenerateColorStyle/datepicker.d.ts

@@ -0,0 +1,13 @@
+import { ColorType } from '.';
+type CommonDatePickerColorStyleProps = {
+    textColor: string;
+    focusedTextColor: string;
+    disabledTextColor: string;
+    hoverContainerColor: string;
+};
+export type DatepickerColorStyleProps = CommonDatePickerColorStyleProps & {
+    focusedContainerColor: string;
+    rangeContainerColor: string;
+};
+declare const datepickerColorStyle: (colorType: ColorType) => DatepickerColorStyleProps;
+export default datepickerColorStyle;

package/dist/utils/GenerateColorStyle/datepicker.es.js

@@ -0,0 +1,25 @@
+import { basicColors as o } from "../../core/Colors/index.es.js";
+const e = {
+  textColor: o.gray900,
+  focusedTextColor: o.white,
+  disabledTextColor: o.gray100,
+  hoverContainerColor: o.gray50
+}, a = (r) => {
+  switch (r) {
+    case "gray":
+      return {
+        ...e,
+        focusedContainerColor: o.gray900,
+        rangeContainerColor: o.gray50
+      };
+    default:
+      return {
+        ...e,
+        focusedContainerColor: o[`${r}400`],
+        rangeContainerColor: o[`${r}50`]
+      };
+  }
+};
+export {
+  a as default
+};

package/dist/utils/GenerateColorStyle/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./common/type.cjs.js"),t=require("./single-button.cjs.js"),r=require("./mini-button.cjs.js"),o=require("./datepicker.cjs.js"),l=require("./control/switch.cjs.js"),i=require("./control/radio-button.cjs.js"),a=require("./control/check-box.cjs.js"),n=require("./control/check-mark.cjs.js"),s=require("../../chunks/index.styled.CX8FCbwl.js"),u=require("./tab/text-tabs.cjs.js"),y=require("./tab/fill-tabs.cjs.js"),c=require("./progress-bar.cjs.js"),_=require("./tag.cjs.js");exports.ColorTypeArray=e.ColorTypeArray;exports.PurposeArray=e.PurposeArray;exports.StateArray=e.StateArray;exports.StatusArray=e.StatusArray;exports.singleButtonColorStyle=t;exports.miniButtonColorStyle=r;exports.datepickerColorStyle=o;exports.switchColorStyle=l;exports.radioButtonColorStyle=i;exports.checkBoxColorStyle=a;exports.checkMarkColorStyle=n;exports.chipColorStyle=s.chipColorStyle;exports.textTabColorStyle=u;exports.fillTabColorStyle=y;exports.progressBarColorStyle=c;exports.tagColorStyle=_;

package/dist/utils/GenerateColorStyle/index.d.ts

@@ -0,0 +1,27 @@
+import { ColorTypeArray, PurposeArray, StateArray, StatusArray, ColorType, PurposeType, StateType, StatusType } from './common/type';
+import { SingleButtonColorStyleParams, SingleButtonColorStyleProps } from './single-button';
+import { MiniButtonColorStyleProps } from './mini-button';
+import { DatepickerColorStyleProps } from './datepicker';
+import { SwitchColorStyleProps } from './control/switch';
+import { RadioButtonColorStyleProps } from './control/radio-button';
+import { CheckBoxColorStyleProps } from './control/check-box';
+import { CheckMarkColorStyleProps } from './control/check-mark';
+import { ChipColorStyleProps } from './chip';
+import { TextTabColorStyleProps } from './tab/text-tabs';
+import { FillTabColorStyleProps } from './tab/fill-tabs';
+import { ProgressBarColorStyleProps } from './progress-bar';
+import { TagColorStyleProps, TagColorStyleParams } from './tag';
+export { ColorTypeArray, PurposeArray, StateArray, StatusArray };
+export type { ColorType, PurposeType, StateType, StatusType, SingleButtonColorStyleParams, SingleButtonColorStyleProps, MiniButtonColorStyleProps, DatepickerColorStyleProps, SwitchColorStyleProps, RadioButtonColorStyleProps, CheckBoxColorStyleProps, CheckMarkColorStyleProps, ChipColorStyleProps, TextTabColorStyleProps, FillTabColorStyleProps, ProgressBarColorStyleProps, TagColorStyleProps, TagColorStyleParams, };
+export { default as singleButtonColorStyle } from './single-button';
+export { default as miniButtonColorStyle } from './mini-button';
+export { default as datepickerColorStyle } from './datepicker';
+export { default as switchColorStyle } from './control/switch';
+export { default as radioButtonColorStyle } from './control/radio-button';
+export { default as checkBoxColorStyle } from './control/check-box';
+export { default as checkMarkColorStyle } from './control/check-mark';
+export { default as chipColorStyle } from './chip';
+export { default as textTabColorStyle } from './tab/text-tabs';
+export { default as fillTabColorStyle } from './tab/fill-tabs';
+export { default as progressBarColorStyle } from './progress-bar';
+export { default as tagColorStyle } from './tag';

package/dist/utils/GenerateColorStyle/index.es.js

@@ -0,0 +1,31 @@
+import { ColorTypeArray as t, PurposeArray as e, StateArray as l, StatusArray as a } from "./common/type.es.js";
+import { default as p } from "./single-button.es.js";
+import { default as y } from "./mini-button.es.js";
+import { default as x } from "./datepicker.es.js";
+import { default as S } from "./control/switch.es.js";
+import { default as C } from "./control/radio-button.es.js";
+import { default as c } from "./control/check-box.es.js";
+import { default as n } from "./control/check-mark.es.js";
+import { k as h } from "../../chunks/index.styled.BYf5H-kQ.js";
+import { default as g } from "./tab/text-tabs.es.js";
+import { default as b } from "./tab/fill-tabs.es.js";
+import { default as M } from "./progress-bar.es.js";
+import { default as j } from "./tag.es.js";
+export {
+  t as ColorTypeArray,
+  e as PurposeArray,
+  l as StateArray,
+  a as StatusArray,
+  c as checkBoxColorStyle,
+  n as checkMarkColorStyle,
+  h as chipColorStyle,
+  x as datepickerColorStyle,
+  b as fillTabColorStyle,
+  y as miniButtonColorStyle,
+  M as progressBarColorStyle,
+  C as radioButtonColorStyle,
+  p as singleButtonColorStyle,
+  S as switchColorStyle,
+  j as tagColorStyle,
+  g as textTabColorStyle
+};

package/dist/utils/GenerateColorStyle/mini-button.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../core/Colors/index.cjs.js"),s={hoverContainerColor:o.basicColors.gray50,focusedContainerColor:o.basicColors.gray100,disabledTextColor:o.basicColors.gray200},i=r=>{switch(r){case"gray":return{...s,textColor:o.basicColors.gray400,iconColor:o.basicColors.gray200,iconDisabledColor:o.basicColors.gray50};default:return{...s,textColor:o.basicColors[`${r}400`],iconColor:o.basicColors[`${r}400`],iconDisabledColor:o.basicColors.gray200}}};module.exports=i;

package/dist/utils/GenerateColorStyle/mini-button.d.ts

@@ -0,0 +1,14 @@
+import { ColorType } from '.';
+type CommonMiniButtonColorStyleProps = {
+    hoverContainerColor: string;
+    focusedContainerColor: string;
+    disabledTextColor: string;
+};
+type ExtraMiniButtonColorStyleProps = {
+    textColor: string;
+    iconColor: string;
+    iconDisabledColor: string;
+};
+export type MiniButtonColorStyleProps = CommonMiniButtonColorStyleProps & ExtraMiniButtonColorStyleProps;
+declare const miniButtonColorStyle: (colorType: ColorType) => MiniButtonColorStyleProps;
+export default miniButtonColorStyle;

package/dist/utils/GenerateColorStyle/mini-button.es.js

@@ -0,0 +1,27 @@
+import { basicColors as o } from "../../core/Colors/index.es.js";
+const t = {
+  hoverContainerColor: o.gray50,
+  focusedContainerColor: o.gray100,
+  disabledTextColor: o.gray200
+}, l = (r) => {
+  switch (r) {
+    case "gray":
+      return {
+        ...t,
+        textColor: o.gray400,
+        iconColor: o.gray200,
+        iconDisabledColor: o.gray50
+        // TODO: Underline MiniButton 작업할때 임시로 넣어둠
+      };
+    default:
+      return {
+        ...t,
+        textColor: o[`${r}400`],
+        iconColor: o[`${r}400`],
+        iconDisabledColor: o.gray200
+      };
+  }
+};
+export {
+  l as default
+};

package/dist/utils/GenerateColorStyle/progress-bar.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../core/Colors/index.cjs.js"),s=r=>({upperColor:o.basicColors[`${r}400`]});module.exports=s;

package/dist/utils/GenerateColorStyle/progress-bar.d.ts

@@ -0,0 +1,7 @@
+import { ColorType } from '.';
+type ProgressBarColorStyleProps = {
+    upperColor: string;
+};
+declare const progressBarColorStyle: (colorType: ColorType) => ProgressBarColorStyleProps;
+export type { ProgressBarColorStyleProps };
+export default progressBarColorStyle;

package/dist/utils/GenerateColorStyle/progress-bar.es.js

@@ -0,0 +1,7 @@
+import { basicColors as o } from "../../core/Colors/index.es.js";
+const s = (r) => ({
+  upperColor: o[`${r}400`]
+});
+export {
+  s as default
+};

package/dist/utils/GenerateColorStyle/single-button.cjs.js

@@ -0,0 +1 @@
+"use strict";const s=require("../../core/Colors/index.cjs.js"),C=t=>{let o,i,a,e,r,l;switch(t){case"gray":default:o=s.basicColors.white,i=s.basicColors.white;break}switch(t){case"gray":a=s.basicColors.gray900,e=s.basicColors.gray700,r=s.basicColors.gray800,l=s.basicColors.gray100;break;default:a=s.basicColors[`${t}400`],e=s.basicColors[`${t}500`],r=s.basicColors[`${t}600`],l=s.basicColors[`${t}100`];break}return{textColor:o,disabledTextColor:i,defaultContainerColor:a,hoverContainerColor:e,focusedContainerColor:r,disabledContainerColor:l}},n=t=>{let o,i,a,e,r,l;switch(t){case"gray":o=s.basicColors.gray700;break;default:o=s.basicColors[`${t}400`];break}switch(i=s.semanticColorsMethod.buttonSubDisabledText(t),t){case"gray":default:a=s.basicColors[`${t}50`],e=s.basicColors[`${t}100`],r=s.basicColors[`${t}200`],l=s.basicColors[`${t}50`]}return{textColor:o,disabledTextColor:i,defaultContainerColor:a,hoverContainerColor:e,focusedContainerColor:r,disabledContainerColor:l}},b=({colorType:t,purpose:o})=>{switch(o){case"main":return C(t);case"sub":return n(t)}};module.exports=b;

package/dist/utils/GenerateColorStyle/single-button.d.ts

@@ -0,0 +1,15 @@
+import { ColorType, PurposeType } from './common/type';
+export type SingleButtonColorStyleProps = {
+    textColor: string;
+    disabledTextColor: string;
+    defaultContainerColor: string;
+    hoverContainerColor: string;
+    focusedContainerColor: string;
+    disabledContainerColor: string;
+};
+export type SingleButtonColorStyleParams = {
+    colorType: ColorType;
+    purpose: PurposeType;
+};
+declare const singleButtonColorStyle: ({ colorType, purpose }: SingleButtonColorStyleParams) => SingleButtonColorStyleProps;
+export default singleButtonColorStyle;

package/dist/utils/GenerateColorStyle/single-button.es.js

@@ -0,0 +1,59 @@
+import { basicColors as e, semanticColorsMethod as i } from "../../core/Colors/index.es.js";
+const C = (t) => {
+  let a, o, r, l, n, s;
+  switch (t) {
+    case "gray":
+    default:
+      a = e.white, o = e.white;
+      break;
+  }
+  switch (t) {
+    case "gray":
+      r = e.gray900, l = e.gray700, n = e.gray800, s = e.gray100;
+      break;
+    default:
+      r = e[`${t}400`], l = e[`${t}500`], n = e[`${t}600`], s = e[`${t}100`];
+      break;
+  }
+  return {
+    textColor: a,
+    disabledTextColor: o,
+    defaultContainerColor: r,
+    hoverContainerColor: l,
+    focusedContainerColor: n,
+    disabledContainerColor: s
+  };
+}, u = (t) => {
+  let a, o, r, l, n, s;
+  switch (t) {
+    case "gray":
+      a = e.gray700;
+      break;
+    default:
+      a = e[`${t}400`];
+      break;
+  }
+  switch (o = i.buttonSubDisabledText(t), t) {
+    case "gray":
+    default:
+      r = e[`${t}50`], l = e[`${t}100`], n = e[`${t}200`], s = e[`${t}50`];
+  }
+  return {
+    textColor: a,
+    disabledTextColor: o,
+    defaultContainerColor: r,
+    hoverContainerColor: l,
+    focusedContainerColor: n,
+    disabledContainerColor: s
+  };
+}, b = ({ colorType: t, purpose: a }) => {
+  switch (a) {
+    case "main":
+      return C(t);
+    case "sub":
+      return u(t);
+  }
+};
+export {
+  b as default
+};

package/dist/utils/GenerateColorStyle/tab/fill-tabs.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../../../chunks/index.styled.CX8FCbwl.js");require("../../../components/Accordion/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../../components/Badge/IconBadge/index.styled.cjs.js");require("../../../components/Badge/TextBadge/index.styled.cjs.js");require("react");require("../../../components/Loading/Skeleton/index.cjs.js");require("../../../components/Loading/Spinner/index.styled.cjs.js");const r=require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../../components/ui/typography.cjs.js");require("../../../components/Card/index.styled.cjs.js");require("@emotion/react");require("../mini-button.cjs.js");require("../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("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Search.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("../../../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.CMpDdHBq.js");require("../../../components/Input/BaseInput/index.cjs.js");require("../../../components/Input/PostfixInput/index.cjs.js");require("../../../components/Input/ResidentNumberInput/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");require("../../../components/ui/bottomSheet.cjs.js");const q=e=>{const i=r.basicColors.gray700,u=r.basicColors.gray50;switch(e){case"gray":return{on:{textColor:r.semanticColors.buttonGrayMainAbledText,containerColor:r.basicColors.gray700},off:{textColor:i,containerColor:u}};default:return{on:{textColor:r.semanticColors.buttonGrayMainAbledText,containerColor:r.basicColors[`${e}400`]},off:{textColor:i,containerColor:u}}}};module.exports=q;

package/dist/utils/GenerateColorStyle/tab/fill-tabs.d.ts

@@ -0,0 +1,8 @@
+import { ColorType, StatusType } from '../common/type';
+type ColorStypeByStatus = {
+    textColor: string;
+    containerColor: string;
+};
+export type FillTabColorStyleProps = Record<StatusType, ColorStypeByStatus>;
+declare const fillTabColorStyle: (colorType: ColorType) => FillTabColorStyleProps;
+export default fillTabColorStyle;

package/dist/utils/GenerateColorStyle/tab/fill-tabs.es.js

@@ -0,0 +1,103 @@
+import "../../../chunks/index.styled.BYf5H-kQ.js";
+import "../../../components/Accordion/index.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../../components/Badge/IconBadge/index.styled.es.js";
+import "../../../components/Badge/TextBadge/index.styled.es.js";
+import "react";
+import "../../../components/Loading/Skeleton/index.es.js";
+import "../../../components/Loading/Spinner/index.styled.es.js";
+import { basicColors as o, semanticColors as m } from "../../../core/Colors/index.es.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../../components/ui/typography.es.js";
+import "../../../components/Card/index.styled.es.js";
+import "@emotion/react";
+import "../mini-button.es.js";
+import "../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 "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Filter.es.js";
+import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/Question_circle.es.js";
+import "../../../icons/src/icons/Re.es.js";
+import "../../../icons/src/icons/Person_fill.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Information.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Share.es.js";
+import "../../../icons/src/icons/Search.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 "../../../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.DmJ27_dc.js";
+import "../../../components/Input/BaseInput/index.es.js";
+import "../../../components/Input/PostfixInput/index.es.js";
+import "../../../components/Input/ResidentNumberInput/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";
+import "../../../components/ui/bottomSheet.es.js";
+const wo = (t) => {
+  const r = o.gray700, i = o.gray50;
+  switch (t) {
+    case "gray":
+      return {
+        on: {
+          textColor: m.buttonGrayMainAbledText,
+          containerColor: o.gray700
+        },
+        off: {
+          textColor: r,
+          containerColor: i
+        }
+      };
+    default:
+      return {
+        on: {
+          textColor: m.buttonGrayMainAbledText,
+          containerColor: o[`${t}400`]
+        },
+        off: {
+          textColor: r,
+          containerColor: i
+        }
+      };
+  }
+};
+export {
+  wo as default
+};

package/dist/utils/GenerateColorStyle/tab/text-tabs.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../../../chunks/index.styled.CX8FCbwl.js");require("../../../components/Accordion/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../../components/Badge/IconBadge/index.styled.cjs.js");require("../../../components/Badge/TextBadge/index.styled.cjs.js");require("react");require("../../../components/Loading/Skeleton/index.cjs.js");require("../../../components/Loading/Spinner/index.styled.cjs.js");const r=require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../../components/ui/typography.cjs.js");require("../../../components/Card/index.styled.cjs.js");require("@emotion/react");require("../mini-button.cjs.js");require("../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("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Search.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("../../../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.CMpDdHBq.js");require("../../../components/Input/BaseInput/index.cjs.js");require("../../../components/Input/PostfixInput/index.cjs.js");require("../../../components/Input/ResidentNumberInput/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");require("../../../components/ui/bottomSheet.cjs.js");const q=e=>{const i=r.basicColors.gray100,u="none";switch(e){case"gray":return{on:{textColor:r.basicColors.gray900,barColor:r.basicColors.gray900},off:{textColor:i,barColor:u}};default:return{on:{textColor:r.basicColors[`${e}400`],barColor:r.basicColors[`${e}400`]},off:{textColor:i,barColor:u}}}};module.exports=q;

package/dist/utils/GenerateColorStyle/tab/text-tabs.d.ts

@@ -0,0 +1,8 @@
+import { ColorType, StatusType } from '../common/type';
+type ColorStypeByStatus = {
+    textColor: string;
+    barColor: string;
+};
+export type TextTabColorStyleProps = Record<StatusType, ColorStypeByStatus>;
+declare const textTabColorStyle: (colorType: ColorType) => TextTabColorStyleProps;
+export default textTabColorStyle;