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

package/dist/utils/GenerateColorStyle/tab/text-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 } 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 So = (r) => {
+  const t = o.gray100, i = "none";
+  switch (r) {
+    case "gray":
+      return {
+        on: {
+          textColor: o.gray900,
+          barColor: o.gray900
+        },
+        off: {
+          textColor: t,
+          barColor: i
+        }
+      };
+    default:
+      return {
+        on: {
+          textColor: o[`${r}400`],
+          barColor: o[`${r}400`]
+        },
+        off: {
+          textColor: t,
+          barColor: i
+        }
+      };
+  }
+};
+export {
+  So as default
+};

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

@@ -0,0 +1 @@
+"use strict";const o=require("../../core/Colors/index.cjs.js"),s=r=>{switch(r){case"gray":return{backgroundColor:o.basicColors.gray50,textColor:o.basicColors.gray600};default:return{backgroundColor:o.basicColors[`${r}50`],textColor:o.basicColors[`${r}400`]}}},a=r=>{switch(r){case"gray":return{backgroundColor:o.basicColors.gray600,textColor:o.basicColors.gray5};default:return{backgroundColor:o.basicColors[`${r}400`],textColor:o.basicColors.gray5}}},l=({type:r,colorType:t})=>{switch(r){case"tint":return s(t);case"fill":return a(t)}};module.exports=l;

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

@@ -0,0 +1,12 @@
+import { ColorType } from '.';
+type TagColorStyleProps = {
+    backgroundColor: string;
+    textColor: string;
+};
+type TagColorStyleParams = {
+    type: 'tint' | 'fill';
+    colorType: ColorType;
+};
+declare const tagColorStyle: ({ type, colorType }: TagColorStyleParams) => TagColorStyleProps;
+export type { TagColorStyleProps, TagColorStyleParams };
+export default tagColorStyle;

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

@@ -0,0 +1,38 @@
+import { basicColors as t } from "../../core/Colors/index.es.js";
+const a = (r) => {
+  switch (r) {
+    case "gray":
+      return {
+        backgroundColor: t.gray50,
+        textColor: t.gray600
+      };
+    default:
+      return {
+        backgroundColor: t[`${r}50`],
+        textColor: t[`${r}400`]
+      };
+  }
+}, l = (r) => {
+  switch (r) {
+    case "gray":
+      return {
+        backgroundColor: t.gray600,
+        textColor: t.gray5
+      };
+    default:
+      return {
+        backgroundColor: t[`${r}400`],
+        textColor: t.gray5
+      };
+  }
+}, n = ({ type: r, colorType: o }) => {
+  switch (r) {
+    case "tint":
+      return a(o);
+    case "fill":
+      return l(o);
+  }
+};
+export {
+  n as default
+};

package/dist/utils/format.util.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=/[\d]+/g,t=r=>(r.match(e)||[]).join(""),n=r=>{if(!r)return r;const c=t(r);return Number.parseFloat(c).toLocaleString("kr-KO")};exports.extractNumber=t;exports.formatKoreaCurrency=n;exports.numberAccept=e;

package/dist/utils/format.util.d.ts

@@ -0,0 +1,3 @@
+export declare const numberAccept: RegExp;
+export declare const extractNumber: (val: string) => string;
+export declare const formatKoreaCurrency: (val: string) => string;

package/dist/utils/format.util.es.js

@@ -0,0 +1,11 @@
+const e = /[\d]+/g, n = (r) => (r.match(e) || []).join(""), c = (r) => {
+  if (!r)
+    return r;
+  const t = n(r);
+  return Number.parseFloat(t).toLocaleString("kr-KO");
+};
+export {
+  n as extractNumber,
+  c as formatKoreaCurrency,
+  e as numberAccept
+};

package/dist/utils/index.cjs.js

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

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './media.util';
+export * from './format.util';
+export * from './GenerateColorStyle';

package/dist/utils/index.es.js

@@ -0,0 +1,41 @@
+import { Between as o, BetweenPcAndMobile as t, Larger as a, MediaQuerySize as l, Smaller as f } from "./media.util.es.js";
+import { extractNumber as m, formatKoreaCurrency as u, numberAccept as y } from "./format.util.es.js";
+import { ColorTypeArray as x, PurposeArray as S, StateArray as d, StatusArray as C } from "./GenerateColorStyle/common/type.es.js";
+import { default as i } from "./GenerateColorStyle/single-button.es.js";
+import { default as B } from "./GenerateColorStyle/mini-button.es.js";
+import { default as b } from "./GenerateColorStyle/datepicker.es.js";
+import { default as g } from "./GenerateColorStyle/control/switch.es.js";
+import { default as w } from "./GenerateColorStyle/control/radio-button.es.js";
+import { default as T } from "./GenerateColorStyle/control/check-box.es.js";
+import { default as z } from "./GenerateColorStyle/control/check-mark.es.js";
+import { k as L } from "../chunks/index.styled.BYf5H-kQ.js";
+import { default as Q } from "./GenerateColorStyle/tab/text-tabs.es.js";
+import { default as q } from "./GenerateColorStyle/tab/fill-tabs.es.js";
+import { default as D } from "./GenerateColorStyle/progress-bar.es.js";
+import { default as F } from "./GenerateColorStyle/tag.es.js";
+export {
+  o as Between,
+  t as BetweenPcAndMobile,
+  x as ColorTypeArray,
+  a as Larger,
+  l as MediaQuerySize,
+  S as PurposeArray,
+  f as Smaller,
+  d as StateArray,
+  C as StatusArray,
+  T as checkBoxColorStyle,
+  z as checkMarkColorStyle,
+  L as chipColorStyle,
+  b as datepickerColorStyle,
+  m as extractNumber,
+  q as fillTabColorStyle,
+  u as formatKoreaCurrency,
+  B as miniButtonColorStyle,
+  y as numberAccept,
+  D as progressBarColorStyle,
+  w as radioButtonColorStyle,
+  i as singleButtonColorStyle,
+  g as switchColorStyle,
+  F as tagColorStyle,
+  Q as textTabColorStyle
+};

package/dist/utils/media.util.cjs.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react"),i={Mobile:768,PC:1024},d=e=>t.css`
+	@media (max-width: ${i.Mobile}px) {
+		${e}
+	}
+`,n=e=>t.css`
+	@media (min-width: ${i.Mobile+1}px) {
+		${e}
+	}
+`,o=e=>t.css`
+	@media (min-width: ${i.Mobile+1}px) and (max-width: ${i.PC+30}px) {
+		${e}
+	}
+`,s=(e,a)=>t.css`
+	@media (min-width: ${i.Mobile+1}px) {
+		${e}
+	}
+	@media (max-width: ${i.Mobile}px) {
+		${a}
+	}
+`;exports.Between=o;exports.BetweenPcAndMobile=s;exports.Larger=n;exports.MediaQuerySize=i;exports.Smaller=d;

package/dist/utils/media.util.d.ts

@@ -0,0 +1,9 @@
+import { SerializedStyles } from '@emotion/react';
+export declare const MediaQuerySize: {
+    Mobile: number;
+    PC: number;
+};
+export declare const Smaller: (style: SerializedStyles) => SerializedStyles;
+export declare const Larger: (style: SerializedStyles) => SerializedStyles;
+export declare const Between: (style: SerializedStyles) => SerializedStyles;
+export declare const BetweenPcAndMobile: (PcStyle: SerializedStyles, MobileStyle: SerializedStyles) => SerializedStyles;

package/dist/utils/media.util.es.js

@@ -0,0 +1,31 @@
+import { css as o } from "@emotion/react";
+const i = {
+  Mobile: 768,
+  PC: 1024
+}, m = (e) => o`
+	@media (max-width: ${i.Mobile}px) {
+		${e}
+	}
+`, a = (e) => o`
+	@media (min-width: ${i.Mobile + 1}px) {
+		${e}
+	}
+`, n = (e) => o`
+	@media (min-width: ${i.Mobile + 1}px) and (max-width: ${i.PC + 30}px) {
+		${e}
+	}
+`, $ = (e, t) => o`
+	@media (min-width: ${i.Mobile + 1}px) {
+		${e}
+	}
+	@media (max-width: ${i.Mobile}px) {
+		${t}
+	}
+`;
+export {
+  n as Between,
+  $ as BetweenPcAndMobile,
+  a as Larger,
+  i as MediaQuerySize,
+  m as Smaller
+};

package/dist/utils/uuid.util.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=()=>(String([1e7])+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,t=>{const e=Number(t);return(e^(crypto.getRandomValues(new Uint8Array(1))[0]??0)&15>>e/4).toString(16)});exports.uuid=r;

package/dist/utils/uuid.util.d.ts

@@ -0,0 +1 @@
+export declare const uuid: () => string;

package/dist/utils/uuid.util.es.js

@@ -0,0 +1,7 @@
+const t = () => (String([1e7]) + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (r) => {
+  const e = Number(r);
+  return (e ^ (crypto.getRandomValues(new Uint8Array(1))[0] ?? 0) & 15 >> e / 4).toString(16);
+});
+export {
+  t as uuid
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pfct/purple",
-	"version": "1.5.0-npm-next.1",
+	"version": "1.5.0-npm-next.2",
 	"description": "design system for PFCT web service",
 	"exports": {
 		".": {
@@ -40,7 +40,7 @@
 		"release:rc": "yarn build:before-release && npx standard-version --prerelease rc",
 		"release:npm-test": "yarn build:before-release && npx standard-version --prerelease npm-test",
 		"release:as": "yarn build:before-release && standard-version --release-as",
-		"release:next": "npx standard-version --prerelease npm-next",
+		"release:next": "yarn build:before-release && npx standard-version --prerelease npm-next",
 		"prepare": "husky install",
 		"tsc": "tsc",
 		"lint": "eslint 'src/**/*.{ts,tsx}'",