@pfct/purple 1.10.0 → 1.11.1

package/dist/library/BasicLayout/index.styled.esm.js

@@ -1,172 +0,0 @@
-import { basicColors as e } from "../../core/Colors/index.esm.js";
-import { Larger as t } from "../../utils/media.util.esm.js";
-import "../../utils/index.esm.js";
-import "../../core/index.esm.js";
-import { GNB_HEIGHT as n } from "../GNB/index.constant.esm.js";
-import { css as r } from "@emotion/react";
-import i from "@emotion/styled";
-//#region src/library/BasicLayout/index.styled.ts
-var a = (e = 0) => r`
-	height: calc(100vh - ${e}px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
-	height: calc(100vh - ${e}px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));
-`, o = {
-	ParentWrapper: i.div`
-		${({ hasGlobalLayoutHeader: e }) => e ? a(n.mobile) : a()}
-
-		${({ bodyCenterizing: e }) => !e && r`
-				height: inherit;
-			`}
-
-		${t(r`
-			/* scroll 생기기 전에는 sticky > relative 로 자리차지 */
-			height: initial;
-			padding: 80px 0;
-		`)};
-	`,
-	ChildrenWrapper: i.div`
-		width: 100%;
-		/* <Card /> spec 에서 disabled, click 등의 속성 없앰 */
-
-		box-sizing: border-box;
-		background-color: ${e.white};
-		border-radius: 20px;
-
-		/* [flex] stretch component 를 위해 우선 적용 */
-		${({ bodyCenterizing: e }) => e && r`
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-			`}
-
-		${t(r`
-			width: 600px;
-			margin: 0 auto;
-			border-radius: 20px;
-			box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.04);
-
-			/* [flex] 초기화 */
-			flex: initial;
-			/*  bodyCenterizing 초기화 */
-			height: initial;
-		`)}
-	`,
-	Header: i.div``,
-	Body: i.div``,
-	Footer: i.div``
-}, s = {
-	ParentWrapper: i.div`
-		${a()}
-	`,
-	VerticalHorizontalCenterBody: i.div`
-		${a()}
-
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		flex-direction: column;
-	`
-}, c = {
-	larger: 80,
-	smaller: 20
-}, l = i(o.Body)`
-	padding: 0 ${c.smaller}px;
-
-	${t(r`
-		padding: 0 ${c.larger}px;
-	`)};
-`, u = i(o.Body)`
-	/* 주의사항 : BasicLayout.props bodyCenterizing={true} 를 넘겨줘야합니다 */
-	/* 세로 - full 차지 */
-	flex-grow: 1;
-
-	/* 박스 내 가로/세로 중앙 */
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex-direction: column;
-`, d = i.img`
-	width: ${({ width: e }) => e}px;
-	height: ${({ height: e }) => e}px;
-`, f = i.div`
-	width: 100%;
-	height: ${25}px; /** TODO: 임시, 정확한 수치 찾기 */
-
-	${t(r`
-		height: 80px;
-	`)}
-`, p = i.div`
-	width: 100%;
-	height: ${n.mobile}px;
-
-	${t(r`
-		height: ${n.pc}px;
-	`)}
-`, m = i.div`
-	width: 100%;
-	min-height: 80px; /* Body = flex-grow 에 대응하기위해 단순 height 로는 안됨 */
-
-	/** pc, mobile 공통 */
-`, h = i.div`
-	width: 100%;
-	height: 150px;
-
-	${({ backgroundColor: e }) => e && `background-color:${e}`};
-
-	${t(r`
-		width: auto;
-		height: auto;
-	`)}
-`, g = i.div`
-	padding: 60px ${c.larger}px 80px;
-
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-`, _ = i.a`
-	color: transparent;
-	text-decoration: none;
-	width: 100%;
-`, v = i.div`
-	padding: 0 ${c.smaller}px;
-
-	${t(r`
-		padding: 0 ${c.larger}px;
-	`)}
-`, y = i.div`
-	height: 15px;
-
-	${t(r`
-		height: 60px;
-	`)}
-`, b = i.div`
-	width: 100%;
-
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-
-	padding: 0 ${c.smaller}px;
-	position: fixed;
-	bottom: 20px;
-
-	${t(r`
-		padding: 60px ${c.larger}px 80px;
-		position: static;
-	`)}
-`, x = i.div`
-	.tippy-content {
-		background-color: ${e.gray900};
-		color: ${e.white};
-	}
-	.tippy-arrow:before {
-		border-top-color: ${e.gray900} !important;
-	}
-
-	width: 100%;
-`, S = i.div`
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;
-//#endregion
-export { _ as ATagButton, o as BasicLayoutBase, g as ButtonWrapperInPc, u as CenterBody, v as ContentsPadding, y as ContentsVerticalPadding, d as ImgBase, S as InformationIconWrapper, h as MarginBottomHasFooter, m as MarginBottomNoFooter, p as MarginTopHasHeader, f as MarginTopNoHeader, s as PureLayoutBase, l as SidePaddingBody, b as StickBottomWrapper, x as TooltipButtonWrapper, c as defaultLRPadding };

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

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../chunks/chunk.BwUGlERp.js`),t=require(`./index.styled.cjs.js`);let n=require(`react`);n=e.n(n);var r=Object.assign(n.default.Fragment,{Row:t.FlexContainerRow,Column:t.FlexContainerColumn,Item:t.FlexItem});exports.default=r;

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

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import * as Styled from './index.styled';
-declare const Flex: React.ExoticComponent<React.FragmentProps> & {
-    Row: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & Styled.FlexContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Column: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & Styled.FlexContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Item: import('@emotion/styled').StyledComponent<{
-        theme?: import('@emotion/react').Theme;
-        as?: React.ElementType;
-    } & {
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-export default Flex;
-//# sourceMappingURL=index.d.ts.map

package/dist/library/Flex/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/library/Flex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAEzC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAIR,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/library/Flex/index.esm.js

@@ -1,10 +0,0 @@
-import { FlexContainerColumn as e, FlexContainerRow as t, FlexItem as n } from "./index.styled.esm.js";
-import r from "react";
-//#region src/library/Flex/index.tsx
-var i = Object.assign(r.Fragment, {
-	Row: t,
-	Column: e,
-	Item: n
-});
-//#endregion
-export { i as default };

package/dist/library/Flex/index.styled.cjs.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`@emotion/styled`);t=e.n(t);var n=e=>({display:`flex`,flexWrap:e.flexWrap?e.flexWrap:void 0,justifyContent:e.justifyContent?e.justifyContent:void 0,alignContent:e.alignContent?e.alignContent:void 0}),r=t.default.div(e=>({...n(e),flexDirection:`row`})),i=t.default.div(e=>({...n(e),flexDirection:`column`})),a=t.default.div(e=>({flexGrow:e.flexGrow?e.flexGrow:void 0,flexShrink:e.flexShrink?e.flexGrow:void 0,flexBasis:e.flexBasis?e.flexBasis:void 0}));exports.FlexContainerColumn=i,exports.FlexContainerRow=r,exports.FlexItem=a;

package/dist/library/Flex/index.styled.d.ts

@@ -1,17 +0,0 @@
-import { CSSProperties } from 'react';
-export type FlexContainerProps = Pick<CSSProperties, 'flexWrap' | 'justifyContent' | 'alignItems' | 'alignContent'>;
-type FlexItemProps = Pick<CSSProperties, 'flexGrow' | 'flexShrink' | 'flexBasis'>;
-export declare const FlexContainerRow: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & FlexContainerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FlexContainerColumn: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & FlexContainerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FlexItem: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & FlexItemProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/library/Flex/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/library/Flex/index.styled.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,gBAAgB,GAAG,YAAY,GAAG,cAAc,CAAC,CAAC;AACpH,KAAK,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC,CAAC;AASlF,eAAO,MAAM,gBAAgB;;;8HAG1B,CAAC;AAEJ,eAAO,MAAM,mBAAmB;;;8HAG7B,CAAC;AAEJ,eAAO,MAAM,QAAQ;;;yHAIlB,CAAC"}

package/dist/library/Flex/index.styled.esm.js

@@ -1,20 +0,0 @@
-import e from "@emotion/styled";
-//#region src/library/Flex/index.styled.ts
-var t = (e) => ({
-	display: "flex",
-	flexWrap: e.flexWrap ? e.flexWrap : void 0,
-	justifyContent: e.justifyContent ? e.justifyContent : void 0,
-	alignContent: e.alignContent ? e.alignContent : void 0
-}), n = e.div((e) => ({
-	...t(e),
-	flexDirection: "row"
-})), r = e.div((e) => ({
-	...t(e),
-	flexDirection: "column"
-})), i = e.div((e) => ({
-	flexGrow: e.flexGrow ? e.flexGrow : void 0,
-	flexShrink: e.flexShrink ? e.flexGrow : void 0,
-	flexBasis: e.flexBasis ? e.flexBasis : void 0
-}));
-//#endregion
-export { r as FlexContainerColumn, n as FlexContainerRow, i as FlexItem };

package/dist/library/IconWithImage/index.styled.cjs.js

@@ -1,6 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`@emotion/react`),n=require(`@emotion/styled`);n=e.n(n);var r=n.default.img`
-	${({width:e,height:n})=>t.css`
-		width: ${e}px
-		height: ${n}px
-	`}
-`;exports.IconWrapper=r;

package/dist/library/IconWithImage/index.styled.d.ts

@@ -1,10 +0,0 @@
-interface IconWrapperProps {
-    height: number;
-    width: number;
-}
-export declare const IconWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & IconWrapperProps, import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export {};
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/library/IconWithImage/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/library/IconWithImage/index.styled.ts"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW;;;mIAKvB,CAAC"}

package/dist/library/IconWithImage/index.styled.esm.js

@@ -1,11 +0,0 @@
-import { css as e } from "@emotion/react";
-import t from "@emotion/styled";
-//#region src/library/IconWithImage/index.styled.ts
-var n = t.img`
-	${({ width: t, height: n }) => e`
-		width: ${t}px
-		height: ${n}px
-	`}
-`;
-//#endregion
-export { n as IconWrapper };

package/dist/library/List/BottomSheetItemList/index.styled.cjs.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../chunks/chunk.BwUGlERp.js`),t=require(`../../../core/Colors/index.cjs.js`),n=require(`../../../core/TextStyles/index.cjs.js`);let r=require(`@emotion/react`),i=require(`@emotion/styled`);i=e.n(i);var a=i.default.div`
-	width: 100%;
-	height: 48px;
-	padding: 15px 25px;
-	background-color: ${t.basicColors.white};
-	${n.title2({color:t.basicColors.gray400})}
-
-	${({disabled:e})=>e&&r.css`
-			background-color: ${t.basicColors.gray50};
-			color: ${t.basicColors.gray200};
-			cursor: not-allowed;
-		`}
-
-	&:active {
-		background-color: ${t.basicColors.gray25};
-	}
-`;exports.Item=a;

package/dist/library/List/BottomSheetItemList/index.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const Item: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    disabled: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/library/List/BottomSheetItemList/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/library/List/BottomSheetItemList/index.styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;cAA0B,OAAO;yGAkBjD,CAAC"}

package/dist/library/List/BottomSheetItemList/index.styled.esm.js

@@ -1,24 +0,0 @@
-import { basicColors as e } from "../../../core/Colors/index.esm.js";
-import { title2 as t } from "../../../core/TextStyles/index.esm.js";
-import { css as n } from "@emotion/react";
-import r from "@emotion/styled";
-//#region src/library/List/BottomSheetItemList/index.styled.ts
-var i = r.div`
-	width: 100%;
-	height: 48px;
-	padding: 15px 25px;
-	background-color: ${e.white};
-	${t({ color: e.gray400 })}
-
-	${({ disabled: t }) => t && n`
-			background-color: ${e.gray50};
-			color: ${e.gray200};
-			cursor: not-allowed;
-		`}
-
-	&:active {
-		background-color: ${e.gray25};
-	}
-`;
-//#endregion
-export { i as Item };

package/dist/library/Lottie/index.styled.cjs.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`@emotion/react`),n=require(`@emotion/styled`);n=e.n(n);var r=n.default.div`
-	width: 100%;
-`,i=n.default.div`
-	/* block 사용시 container div와 lottie svg 사이 미세한 여백이 발생하여 flex 사용*/
-	display: flex;
-
-	${e=>e.width&&t.css`
-			width: ${e.width}px;
-		`}
-	${e=>e.height&&t.css`
-			height: ${e.height}px;
-		`}
-`,a=n.default.div`
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;exports.AlterImageWrapper=a,exports.Container=i,exports.Wrapper=r;

package/dist/library/Lottie/index.styled.d.ts

@@ -1,18 +0,0 @@
-export interface LottieContainerProps {
-    className?: string;
-    height?: number;
-    width?: number;
-}
-export declare const Wrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Container: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & LottieContainerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AlterImageWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/library/Lottie/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/library/Lottie/index.styled.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IAEpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,OAAO;;;yGAEnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;gIAcrB,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC"}

package/dist/library/Lottie/index.styled.esm.js

@@ -1,22 +0,0 @@
-import { css as e } from "@emotion/react";
-import t from "@emotion/styled";
-//#region src/library/Lottie/index.styled.ts
-var n = t.div`
-	width: 100%;
-`, r = t.div`
-	/* block 사용시 container div와 lottie svg 사이 미세한 여백이 발생하여 flex 사용*/
-	display: flex;
-
-	${(t) => t.width && e`
-			width: ${t.width}px;
-		`}
-	${(t) => t.height && e`
-			height: ${t.height}px;
-		`}
-`, i = t.div`
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;
-//#endregion
-export { i as AlterImageWrapper, r as Container, n as Wrapper };

package/dist/library/Spacing/index.styled.cjs.js

@@ -1,3 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`@emotion/styled`);t=e.n(t);var n=t.default.div`
-	height: ${e=>e.spaceNumber}px;
-`;exports.Spacing=n;

package/dist/library/Spacing/index.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const Spacing: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    spaceNumber: number;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/library/Spacing/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/library/Spacing/index.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;iBAA6B,MAAM;yGAEtD,CAAC"}

package/dist/library/Spacing/index.styled.esm.js

@@ -1,7 +0,0 @@
-import e from "@emotion/styled";
-//#region src/library/Spacing/index.styled.ts
-var t = e.div`
-	height: ${(e) => e.spaceNumber}px;
-`;
-//#endregion
-export { t as Spacing };

package/dist/style/common.cjs.js

@@ -1,8 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunks/chunk.BwUGlERp.js`);var e=require(`@emotion/react`).css`
-	overflow-x: auto;
-	&::-webkit-scrollbar {
-		display: none;
-	}
-	scrollbar-width: none;
-	-ms-overflow-style: none;
-`;exports.scrollStyle=e;

package/dist/style/common.d.ts

@@ -1,2 +0,0 @@
-export declare const scrollStyle: import('@emotion/utils').SerializedStyles;
-//# sourceMappingURL=common.d.ts.map

package/dist/style/common.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/style/common.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,2CAOvB,CAAC"}

package/dist/style/common.esm.js

@@ -1,12 +0,0 @@
-import { css as e } from "@emotion/react";
-//#region src/style/common.ts
-var t = e`
-	overflow-x: auto;
-	&::-webkit-scrollbar {
-		display: none;
-	}
-	scrollbar-width: none;
-	-ms-overflow-style: none;
-`;
-//#endregion
-export { t as scrollStyle };