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

package/dist/chunks/index.styled.B2P8JvNq.js

@@ -0,0 +1,61 @@
+"use strict";const o=require("@emotion/react"),l=require("@emotion/styled"),d=require("../core/TextStyles/index.cjs.js"),r=require("../core/Colors/index.cjs.js"),t=require("../components/Input/common/InputFrame/constant.cjs.js"),n=require("./index.styled.CMpDdHBq.js"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=p(l),a=i.default.input`
+	${d.typographyMap.title1};
+
+	box-sizing: border-box;
+	width: 100%;
+	height: ${t.INPUT_HEIGHT}px;
+
+	padding-left: ${t.INNER_POSITION_LEFT}px;
+
+	${({hasLabel:e})=>e?o.css`
+					padding-top: ${t.INNER_POSITION_TOP.hasLabel}px;
+					padding-bottom: ${t.INNER_POSITION_BOTTOM.hasLabel}px;
+				`:o.css`
+					padding-bottom: ${t.INNER_POSITION_BOTTOM.noLabel}px;
+				`};
+
+	color: ${r.basicColors.gray900};
+	transition: all 0.2s;
+	border: none;
+	background-color: transparent;
+	-webkit-appearance: none;
+
+	&::-webkit-date-and-time-value {
+		text-align: initial;
+	}
+
+	&::-webkit-outer-spin-button,
+	&::-webkit-inner-spin-button {
+		-webkit-appearance: none;
+		margin: 0;
+	}
+
+	${({decoration:e})=>e?o.css`
+					border-top-left-radius: 10px;
+					border-bottom-left-radius: 10px;
+				`:o.css`
+					border-radius: 10px;
+				`}
+
+	&:disabled {
+		color: ${n.InputDisabledTextColor};
+		-webkit-text-fill-color: ${r.basicColors.gray200};
+		opacity: 1;
+	}
+
+	&:focus {
+		outline: none;
+	}
+
+	&::placeholder {
+		${({hasLabel:e})=>n.NotActivePlaceholderOrLabelStyle({hasLabel:e})}
+	}
+`,s=i.default.div`
+	height: 100%;
+	display: flex;
+	align-items: center;
+	padding-right: 15px;
+	border-top-right-radius: 10px;
+	border-bottom-right-radius: 10px;
+	background-color: ${({disabled:e})=>e?r.basicColors.gray25:r.basicColors.white};
+`,c=Object.freeze(Object.defineProperty({__proto__:null,DecorationItemWrapper:s,InputTag:a},Symbol.toStringTag,{value:"Module"}));exports.DecorationItemWrapper=s;exports.InputTag=a;exports.index_styled=c;

package/dist/chunks/index.styled.CMpDdHBq.js

@@ -0,0 +1,63 @@
+"use strict";const e=require("@emotion/react"),b=require("@emotion/styled"),s=require("../core/TextStyles/index.cjs.js"),t=require("../core/Colors/index.cjs.js"),r=require("../components/Input/common/InputFrame/constant.cjs.js"),u=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},a=u(b),i=({hasLabel:o})=>e.css`
+	${s.typographyMap.title1}
+
+	position: absolute;
+	top: ${o?r.INNER_POSITION_TOP.hasLabel:r.INNER_POSITION_TOP.noLabel}px;
+	left: ${r.INNER_POSITION_LEFT}px;
+	color: ${t.basicColors.gray100};
+`,l=t.basicColors.gray200,n=a.default.div`
+	width: 100%;
+	height: ${r.INPUT_HEIGHT}px;
+	position: relative;
+	box-sizing: border-box;
+	background-color: ${t.basicColors.white};
+	border: 1px solid ${({active:o})=>o?t.basicColors.gray600:t.basicColors.gray50};
+	border-radius: 10px;
+	display: flex;
+	align-items: center;
+
+	${({error:o})=>o&&e.css`
+			border: 1px solid ${t.basicColors.red400};
+		`}
+
+	${({active:o})=>o&&e.css`
+			box-shadow: 0 2px 5px ${t.generateHexWithAlphaInLightMode(t.basicColors.gray900,"10%")};
+		`}
+
+	${({disabled:o,error:d})=>d?null:o?e.css`
+						background-color: ${t.basicColors.gray25};
+						color: ${l};
+					`:e.css`
+						&:hover {
+							border: 1px solid ${t.basicColors.gray600};
+							box-shadow: 0 2px 5px ${t.generateHexWithAlphaInLightMode(t.basicColors.gray900,"10%")};
+						}
+						&:focus {
+							border: 1px solid ${t.basicColors.gray600};
+							outline: none;
+						}
+					`};
+`,p=a.default.label`
+	position: absolute;
+	color: ${t.basicColors.gray200};
+	left: ${r.INNER_POSITION_LEFT}px;
+	pointer-events: none;
+	transition-property: font-size, transform;
+	transition-duration: 0.4s;
+
+	${({active:o})=>o?e.css`
+					top: 11px;
+					${s.typographyMap.body2}
+				`:e.css`
+					bottom: 50%;
+					transform: translate(0%, 50%);
+					${s.typographyMap.title1}
+				`};
+`,c=a.default.div`
+	bottom: 0px;
+	position: relative;
+	${s.typographyMap.body2};
+	color: ${t.basicColors.red400};
+	margin-top: 10px;
+	left: 5px;
+`,x=Object.freeze(Object.defineProperty({__proto__:null,ErrorText:c,InputDisabledTextColor:l,InputLabel:p,InputWrapper:n,NotActivePlaceholderOrLabelStyle:i},Symbol.toStringTag,{value:"Module"}));exports.ErrorText=c;exports.InputDisabledTextColor=l;exports.InputLabel=p;exports.InputWrapper=n;exports.NotActivePlaceholderOrLabelStyle=i;exports.index_styled=x;

package/dist/chunks/index.styled.Comn86rI.js

@@ -0,0 +1,76 @@
+import { css as o } from "@emotion/react";
+import i from "@emotion/styled";
+import { typographyMap as a } from "../core/TextStyles/index.es.js";
+import { basicColors as e } from "../core/Colors/index.es.js";
+import { INPUT_HEIGHT as n, INNER_POSITION_LEFT as p, INNER_POSITION_TOP as l, INNER_POSITION_BOTTOM as r } from "../components/Input/common/InputFrame/constant.es.js";
+import { b as d, N as b } from "./index.styled.DmJ27_dc.js";
+const s = i.input`
+	${a.title1};
+
+	box-sizing: border-box;
+	width: 100%;
+	height: ${n}px;
+
+	padding-left: ${p}px;
+
+	${({ hasLabel: t }) => t ? o`
+					padding-top: ${l.hasLabel}px;
+					padding-bottom: ${r.hasLabel}px;
+				` : o`
+					padding-bottom: ${r.noLabel}px;
+				`};
+
+	color: ${e.gray900};
+	transition: all 0.2s;
+	border: none;
+	background-color: transparent;
+	-webkit-appearance: none;
+
+	&::-webkit-date-and-time-value {
+		text-align: initial;
+	}
+
+	&::-webkit-outer-spin-button,
+	&::-webkit-inner-spin-button {
+		-webkit-appearance: none;
+		margin: 0;
+	}
+
+	${({ decoration: t }) => t ? o`
+					border-top-left-radius: 10px;
+					border-bottom-left-radius: 10px;
+				` : o`
+					border-radius: 10px;
+				`}
+
+	&:disabled {
+		color: ${d};
+		-webkit-text-fill-color: ${e.gray200};
+		opacity: 1;
+	}
+
+	&:focus {
+		outline: none;
+	}
+
+	&::placeholder {
+		${({ hasLabel: t }) => b({ hasLabel: t })}
+	}
+`, c = i.div`
+	height: 100%;
+	display: flex;
+	align-items: center;
+	padding-right: 15px;
+	border-top-right-radius: 10px;
+	border-bottom-right-radius: 10px;
+	background-color: ${({ disabled: t }) => t ? e.gray25 : e.white};
+`, h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DecorationItemWrapper: c,
+  InputTag: s
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  c as D,
+  s as I,
+  h as i
+};