@pfct/purple 1.10.0 → 1.11.0

package/dist/components/Segment/BaseSegment/index.styled.d.ts

@@ -1,32 +0,0 @@
-export declare const className: {
-    segmentControl: string;
-    segmentLabel: string;
-};
-export declare const Control: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    control: number;
-    width: number;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    active: boolean;
-}, import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-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 Input: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const LabelWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    width: number;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/components/Segment/BaseSegment/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/BaseSegment/index.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;CAGrB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;aAAyB,MAAM;WAAS,MAAM;yGASjE,CAAC;AAEF,eAAO,MAAM,KAAK;;;;YACT,OAAO;kHAMf,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGASnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAEjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;WAAuB,MAAM;yGAerD,CAAC"}

package/dist/components/Segment/BaseSegment/index.styled.esm.js

@@ -1,50 +0,0 @@
-import { basicColors as e, semanticColors as t } from "../../../core/Colors/index.esm.js";
-import { typographyMap as n } from "../../../core/TextStyles/index.esm.js";
-import r from "@emotion/styled";
-//#region src/components/Segment/BaseSegment/index.styled.ts
-var i = {
-	segmentControl: "segment-control",
-	segmentLabel: "segment-label"
-}, a = r.div`
-	width: ${({ width: e }) => `${e}%`};
-	background-color: ${e.white};
-	position: absolute;
-	left: ${({ control: e }) => `${e}%`};
-	transition: left 0.4s ease-out;
-	z-index: -10 !important;
-	border-radius: 8px;
-	box-shadow: 0px 2px 4px rgba(208, 208, 208, 0.5);
-`, o = r.label`
-	${n.h6};
-	font-weight: 700;
-	transition: all 0.4s ease-out;
-	color: ${({ active: t }) => t ? e.gray900 : e.gray400};
-`, s = r.div`
-	box-sizing: border-box;
-	width: 100%;
-	height: 48px;
-	position: relative;
-	background-color: ${t.segmentControlContainer};
-	z-index: 5;
-	border-radius: 10px;
-	padding: 4px;
-`, c = r.input`
-	display: none;
-`, l = r.div`
-	width: calc(100% - 8px);
-	height: 40px;
-	box-sizing: border-box;
-	position: absolute;
-
-	& > .${i.segmentControl}, .${i.segmentLabel} {
-		width: ${({ width: e }) => `${e}%`};
-		height: 40px;
-		text-align: center;
-		display: inline-block;
-		z-index: 2;
-		line-height: 40px;
-		cursor: pointer;
-	}
-`;
-//#endregion
-export { a as Control, c as Input, o as Label, l as LabelWrapper, s as Wrapper, i as className };

package/dist/components/Segment/ExtendSegment/index.styled.cjs.js

@@ -1,21 +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(`../BaseSegment/index.styled.cjs.js`);let r=require(`@emotion/styled`);r=e.n(r);var i={extendSegmentLabel:`extend-segment-label`},a=n.Control,o=(0,r.default)(n.Label)`
-	/* fyi. selector 여러개와 !important 로 비활성화 색깔 고정 */
-
-	&.disabled > * {
-		color: ${t.basicColors.gray400} !important;
-	}
-`,s=n.Wrapper,c=n.Input,l=(0,r.default)(n.LabelWrapper)`
-	& > .${i.extendSegmentLabel} {
-		width: ${({width:e})=>`${e}%`};
-		height: 40px;
-		text-align: center;
-		z-index: 2;
-		line-height: 40px;
-		cursor: pointer;
-
-		/* 다른 속성 */
-		display: inline-flex;
-		flex-direction: row;
-		justify-content: center;
-	}
-`;exports.Control=a,exports.Input=c,exports.Label=o,exports.LabelWrapper=l,exports.Wrapper=s,exports.className=i;

package/dist/components/Segment/ExtendSegment/index.styled.d.ts

@@ -1,35 +0,0 @@
-export declare const className: {
-    extendSegmentLabel: string;
-};
-export declare const Control: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    control: number;
-    width: number;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    active: boolean;
-} & import('react').ClassAttributes<HTMLLabelElement> & import('react').LabelHTMLAttributes<HTMLLabelElement> & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-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 Input: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const LabelWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    width: number;
-} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/components/Segment/ExtendSegment/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/ExtendSegment/index.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;CAErB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;yGAA4B,CAAC;AAEjD,eAAO,MAAM,KAAK;;;;;;;UAMjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAA4B,CAAC;AAEjD,eAAO,MAAM,KAAK;;;kHAA0B,CAAC;AAE7C,eAAO,MAAM,YAAY;;;;;;;UAcxB,CAAC"}

package/dist/components/Segment/ExtendSegment/index.styled.esm.js

@@ -1,27 +0,0 @@
-import { basicColors as e } from "../../../core/Colors/index.esm.js";
-import { Control as t, Input as n, Label as r, LabelWrapper as i, Wrapper as a } from "../BaseSegment/index.styled.esm.js";
-import o from "@emotion/styled";
-//#region src/components/Segment/ExtendSegment/index.styled.ts
-var s = { extendSegmentLabel: "extend-segment-label" }, c = t, l = o(r)`
-	/* fyi. selector 여러개와 !important 로 비활성화 색깔 고정 */
-
-	&.disabled > * {
-		color: ${e.gray400} !important;
-	}
-`, u = a, d = n, f = o(i)`
-	& > .${s.extendSegmentLabel} {
-		width: ${({ width: e }) => `${e}%`};
-		height: 40px;
-		text-align: center;
-		z-index: 2;
-		line-height: 40px;
-		cursor: pointer;
-
-		/* 다른 속성 */
-		display: inline-flex;
-		flex-direction: row;
-		justify-content: center;
-	}
-`;
-//#endregion
-export { c as Control, d as Input, l as Label, f as LabelWrapper, u as Wrapper, s as className };

package/dist/components/Title/index.styled.cjs.js

@@ -1,39 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`),t=require(`../../utils/media.util.cjs.js`);require(`../../utils/index.cjs.js`);const n=require(`../../core/Typography/index.cjs.js`);let r=require(`@emotion/react`),i=require(`@emotion/styled`);i=e.n(i);var a=i.default.div`
-	${t.Smaller(r.css`
-		padding: 25px 0;
-	`)}
-
-	${t.Larger(r.css`
-		padding: 80px 80px 25px;
-	`)}
-
-	/** deletePaddingTop = true 이면, 사용처 BasicLayout 에서 padding-top 관리 */
-
-	${({deletePaddingTop:e})=>e&&t.Smaller(r.css`
-			padding-top: 0px;
-		`)}
-
-	${({deletePaddingTop:e})=>e&&t.Larger(r.css`
-			padding-top: 0px;
-		`)}
-`,o=i.default.div`
-	padding: 0 20px;
-	margin-bottom: 15px;
-	${t.Larger(r.css`
-		padding: 0;
-	`)}
-`,s=(0,i.default)(n.Headline3)`
-	padding: 0 25px;
-	white-space: pre-wrap;
-	${t.Larger(r.css`
-		padding: 0;
-	`)}
-`,c=(0,i.default)(n.Title3)`
-	margin-top: 10px;
-	padding: 0 25px;
-	color: ${({color:e})=>e};
-	white-space: pre-wrap;
-	${t.Larger(r.css`
-		padding: 0;
-	`)}
-`;exports.ImageWrapper=o,exports.SubTitle=c,exports.Title=s,exports.Wrapper=a;

package/dist/components/Title/index.styled.d.ts

@@ -1,22 +0,0 @@
-interface WrapperProps {
-    deletePaddingTop: boolean;
-}
-interface SubTitleProps {
-    color: string;
-}
-export declare const Wrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & WrapperProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ImageWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Title: import('@emotion/styled').StyledComponent<import('../../core/Typography/BaseTypography').TypoProps & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-export declare const SubTitle: import('@emotion/styled').StyledComponent<import('../../core/Typography/BaseTypography').TypoProps & {
-    theme?: import('@emotion/react').Theme;
-} & SubTitleProps, {}, {}>;
-export {};
-//# sourceMappingURL=index.styled.d.ts.map

package/dist/components/Title/index.styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/components/Title/index.styled.ts"],"names":[],"mappings":"AAKA,UAAU,YAAY;IACrB,gBAAgB,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,aAAa;IACtB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,OAAO;;;wHAsBnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAMxB,CAAC;AAEF,eAAO,MAAM,KAAK;;UAMjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;0BAQpB,CAAC"}

package/dist/components/Title/index.styled.esm.js

@@ -1,47 +0,0 @@
-import { Larger as e, Smaller as t } from "../../utils/media.util.esm.js";
-import "../../utils/index.esm.js";
-import { Headline3 as n, Title3 as r } from "../../core/Typography/index.esm.js";
-import { css as i } from "@emotion/react";
-import a from "@emotion/styled";
-//#region src/components/Title/index.styled.ts
-var o = a.div`
-	${t(i`
-		padding: 25px 0;
-	`)}
-
-	${e(i`
-		padding: 80px 80px 25px;
-	`)}
-
-	/** deletePaddingTop = true 이면, 사용처 BasicLayout 에서 padding-top 관리 */
-
-	${({ deletePaddingTop: e }) => e && t(i`
-			padding-top: 0px;
-		`)}
-
-	${({ deletePaddingTop: t }) => t && e(i`
-			padding-top: 0px;
-		`)}
-`, s = a.div`
-	padding: 0 20px;
-	margin-bottom: 15px;
-	${e(i`
-		padding: 0;
-	`)}
-`, c = a(n)`
-	padding: 0 25px;
-	white-space: pre-wrap;
-	${e(i`
-		padding: 0;
-	`)}
-`, l = a(r)`
-	margin-top: 10px;
-	padding: 0 25px;
-	color: ${({ color: e }) => e};
-	white-space: pre-wrap;
-	${e(i`
-		padding: 0;
-	`)}
-`;
-//#endregion
-export { s as ImageWrapper, l as SubTitle, c as Title, o as Wrapper };