@team-monolith/cds 1.130.0-alpha.4 → 1.130.0-alpha.6

package/dist/CdsProvider.js

@@ -1,97 +1,97 @@
-import { COLOR as e } from "./foundation/color.js";
-import { FONT as t } from "./foundation/font.js";
-import { typography as n } from "./foundation/typography.js";
-import { Global as r, css as i } from "@emotion/react";
-import { createContext as a } from "react";
-import { I18nextProvider as o } from "react-i18next";
+import { I18nextProvider as e } from "./node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/I18nextProvider.js";
+import { COLOR as t } from "./foundation/color.js";
+import { FONT as n } from "./foundation/font.js";
+import { typography as r } from "./foundation/typography.js";
+import { Global as i, css as a } from "@emotion/react";
+import { createContext as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { ThemeProvider as l, createTheme as u } from "@mui/material";
 //#region src/cds/CdsProvider.tsx
 var d = {
 	fontFamily: {
-		ui: t.pretendard,
-		title: t.naumSquareNeo,
-		code: t.d2Coding
+		ui: n.pretendard,
+		title: n.naumSquareNeo,
+		code: n.d2Coding
 	},
 	color: {
 		background: {
-			neutralBase: e.white,
-			neutralBaseActive: e.grey02,
-			neutralBaseDisabled: e.grey01,
-			neutralAlt: e.grey02,
-			neutralAltActive: e.grey04,
-			neutralAltDisabled: e.grey01,
-			primary: e.blue07,
-			primaryActive: e.blue08,
-			primaryDisabled: e.blue03,
-			secondary: e.orange07,
-			secondaryActive: e.orange08,
-			secondaryDisabled: e.orange03,
-			danger: e.red08,
-			dangerActive: e.red09,
-			dangerDisabled: e.red02,
-			success: e.green07,
-			successActive: e.green08,
-			successDisabled: e.green03,
-			info: e.teal06,
-			infoActive: e.teal08,
-			infoDisabled: e.teal02,
-			warning: e.yellow06,
-			warningActive: e.yellow08,
-			warningDisabled: e.yellow02,
-			inverse: e.black,
-			inverseActive: e.grey08,
-			inverseDisabled: e.grey04
+			neutralBase: t.white,
+			neutralBaseActive: t.grey02,
+			neutralBaseDisabled: t.grey01,
+			neutralAlt: t.grey02,
+			neutralAltActive: t.grey04,
+			neutralAltDisabled: t.grey01,
+			primary: t.blue07,
+			primaryActive: t.blue08,
+			primaryDisabled: t.blue03,
+			secondary: t.orange07,
+			secondaryActive: t.orange08,
+			secondaryDisabled: t.orange03,
+			danger: t.red08,
+			dangerActive: t.red09,
+			dangerDisabled: t.red02,
+			success: t.green07,
+			successActive: t.green08,
+			successDisabled: t.green03,
+			info: t.teal06,
+			infoActive: t.teal08,
+			infoDisabled: t.teal02,
+			warning: t.yellow06,
+			warningActive: t.yellow08,
+			warningDisabled: t.yellow02,
+			inverse: t.black,
+			inverseActive: t.grey08,
+			inverseDisabled: t.grey04
 		},
 		foreground: {
-			neutralBase: e.black,
-			neutralBaseActive: e.grey08,
-			neutralBaseDisabled: e.grey06,
-			neutralAlt: e.white,
-			neutralAltActive: e.grey02,
-			neutralAltDisabled: e.grey08,
-			primary: e.blue07,
-			primaryActive: e.blue08,
-			primaryDisabled: e.blue03,
-			secondary: e.orange07,
-			secondaryActive: e.orange08,
-			secondaryDisabled: e.orange04,
-			danger: e.red08,
-			dangerActive: e.red09,
-			dangerDisabled: e.red04,
-			success: e.green07,
-			successActive: e.green08,
-			successDisabled: e.green04,
-			info: e.teal08,
-			infoActive: e.teal09,
-			infoDisabled: e.teal04,
-			warning: e.yellow08,
-			warningActive: e.yellow09,
-			warningDisabled: e.yellow04
+			neutralBase: t.black,
+			neutralBaseActive: t.grey08,
+			neutralBaseDisabled: t.grey06,
+			neutralAlt: t.white,
+			neutralAltActive: t.grey02,
+			neutralAltDisabled: t.grey08,
+			primary: t.blue07,
+			primaryActive: t.blue08,
+			primaryDisabled: t.blue03,
+			secondary: t.orange07,
+			secondaryActive: t.orange08,
+			secondaryDisabled: t.orange04,
+			danger: t.red08,
+			dangerActive: t.red09,
+			dangerDisabled: t.red04,
+			success: t.green07,
+			successActive: t.green08,
+			successDisabled: t.green04,
+			info: t.teal08,
+			infoActive: t.teal09,
+			infoDisabled: t.teal04,
+			warning: t.yellow08,
+			warningActive: t.yellow09,
+			warningDisabled: t.yellow04
 		},
 		container: {
-			blueContainer: e.blue01,
-			blueOnContainer: e.blue08,
-			orangeContainer: e.orange01,
-			orangeOnContainer: e.orange08,
-			redContainer: e.red01,
-			redOnContainer: e.red08,
-			greenContainer: e.green01,
-			greenOnContainer: e.green08,
-			tealContainer: e.teal01,
-			tealOnContainer: e.teal08,
-			yellowContainer: e.yellow01,
-			yellowOnContainer: e.yellow08,
-			obsidianContainer: e.black,
-			obsidianOnContainer: e.grey03,
-			marbleContainer: e.grey03,
-			marbleOnContainer: e.grey07
+			blueContainer: t.blue01,
+			blueOnContainer: t.blue08,
+			orangeContainer: t.orange01,
+			orangeOnContainer: t.orange08,
+			redContainer: t.red01,
+			redOnContainer: t.red08,
+			greenContainer: t.green01,
+			greenOnContainer: t.green08,
+			tealContainer: t.teal01,
+			tealOnContainer: t.teal08,
+			yellowContainer: t.yellow01,
+			yellowOnContainer: t.yellow08,
+			obsidianContainer: t.black,
+			obsidianOnContainer: t.grey03,
+			marbleContainer: t.grey03,
+			marbleOnContainer: t.grey07
 		},
 		brand: {
-			brandOriginal: e.blue06,
-			brandAlt: e.blue07,
-			brandAccent: e.blue08,
-			brandFaded: e.blue03,
+			brandOriginal: t.blue06,
+			brandAlt: t.blue07,
+			brandAccent: t.blue08,
+			brandFaded: t.blue03,
 			pdf: "#FF5850",
 			pdfAlt: "#FFEEED",
 			quiz: "#F889AA",
@@ -154,100 +154,100 @@ var d = {
 			decorativeBlackOnContainer: "#474658"
 		},
 		blanket: {
-			neutral: e.alpha030,
-			neutralLight: e.alpha015,
-			neutralHeavy: e.alpha065,
-			inverse: e.alphaf50,
-			inverseLight: e.alphaf20,
-			inverseHeavy: e.alphaf10
+			neutral: t.alpha030,
+			neutralLight: t.alpha015,
+			neutralHeavy: t.alpha065,
+			inverse: t.alphaf50,
+			inverseLight: t.alphaf20,
+			inverseHeavy: t.alphaf10
 		}
 	},
-	typography: n
+	typography: r
 }, f = {
 	fontFamily: {
-		ui: t.pretendard,
-		title: t.naumSquareNeo,
-		code: t.d2Coding
+		ui: n.pretendard,
+		title: n.naumSquareNeo,
+		code: n.d2Coding
 	},
 	color: {
 		background: {
-			neutralBase: e.black,
-			neutralBaseActive: e.grey08,
-			neutralBaseDisabled: e.grey09,
-			neutralAlt: e.grey08,
-			neutralAltActive: e.grey07,
-			neutralAltDisabled: e.grey09,
-			primary: e.blue04,
-			primaryActive: e.blue03,
-			primaryDisabled: e.blue07,
-			secondary: e.orange04,
-			secondaryActive: e.orange03,
-			secondaryDisabled: e.orange08,
-			danger: e.red03,
-			dangerActive: e.red02,
-			dangerDisabled: e.red09,
-			success: e.green04,
-			successActive: e.green03,
-			successDisabled: e.green08,
-			info: e.teal06,
-			infoActive: e.teal08,
-			infoDisabled: e.teal02,
-			warning: e.yellow08,
-			warningActive: e.yellow06,
-			warningDisabled: e.yellow09,
-			inverse: e.white,
-			inverseActive: e.grey03,
-			inverseDisabled: e.grey07
+			neutralBase: t.black,
+			neutralBaseActive: t.grey08,
+			neutralBaseDisabled: t.grey09,
+			neutralAlt: t.grey08,
+			neutralAltActive: t.grey07,
+			neutralAltDisabled: t.grey09,
+			primary: t.blue04,
+			primaryActive: t.blue03,
+			primaryDisabled: t.blue07,
+			secondary: t.orange04,
+			secondaryActive: t.orange03,
+			secondaryDisabled: t.orange08,
+			danger: t.red03,
+			dangerActive: t.red02,
+			dangerDisabled: t.red09,
+			success: t.green04,
+			successActive: t.green03,
+			successDisabled: t.green08,
+			info: t.teal06,
+			infoActive: t.teal08,
+			infoDisabled: t.teal02,
+			warning: t.yellow08,
+			warningActive: t.yellow06,
+			warningDisabled: t.yellow09,
+			inverse: t.white,
+			inverseActive: t.grey03,
+			inverseDisabled: t.grey07
 		},
 		foreground: {
-			neutralBase: e.white,
-			neutralBaseActive: e.grey02,
-			neutralBaseDisabled: e.grey04,
-			neutralAlt: e.black,
-			neutralAltActive: e.grey08,
-			neutralAltDisabled: e.grey02,
-			primary: e.blue04,
-			primaryActive: e.blue03,
-			primaryDisabled: e.blue07,
-			secondary: e.orange04,
-			secondaryActive: e.orange03,
-			secondaryDisabled: e.orange07,
-			danger: e.red03,
-			dangerActive: e.red02,
-			dangerDisabled: e.red07,
-			success: e.green04,
-			successActive: e.green03,
-			successDisabled: e.green07,
-			info: e.teal03,
-			infoActive: e.teal02,
-			infoDisabled: e.teal07,
-			warning: e.yellow03,
-			warningActive: e.yellow02,
-			warningDisabled: e.yellow07
+			neutralBase: t.white,
+			neutralBaseActive: t.grey02,
+			neutralBaseDisabled: t.grey04,
+			neutralAlt: t.black,
+			neutralAltActive: t.grey08,
+			neutralAltDisabled: t.grey02,
+			primary: t.blue04,
+			primaryActive: t.blue03,
+			primaryDisabled: t.blue07,
+			secondary: t.orange04,
+			secondaryActive: t.orange03,
+			secondaryDisabled: t.orange07,
+			danger: t.red03,
+			dangerActive: t.red02,
+			dangerDisabled: t.red07,
+			success: t.green04,
+			successActive: t.green03,
+			successDisabled: t.green07,
+			info: t.teal03,
+			infoActive: t.teal02,
+			infoDisabled: t.teal07,
+			warning: t.yellow03,
+			warningActive: t.yellow02,
+			warningDisabled: t.yellow07
 		},
 		container: {
-			blueContainer: e.blue09,
-			blueOnContainer: e.blue02,
-			orangeContainer: e.orange09,
-			orangeOnContainer: e.orange02,
-			redContainer: e.red09,
-			redOnContainer: e.red02,
-			greenContainer: e.green09,
-			greenOnContainer: e.green02,
-			tealContainer: e.teal09,
-			tealOnContainer: e.teal02,
-			yellowContainer: e.yellow08,
-			yellowOnContainer: e.yellow02,
-			obsidianContainer: e.grey07,
-			obsidianOnContainer: e.grey03,
-			marbleContainer: e.grey03,
-			marbleOnContainer: e.grey07
+			blueContainer: t.blue09,
+			blueOnContainer: t.blue02,
+			orangeContainer: t.orange09,
+			orangeOnContainer: t.orange02,
+			redContainer: t.red09,
+			redOnContainer: t.red02,
+			greenContainer: t.green09,
+			greenOnContainer: t.green02,
+			tealContainer: t.teal09,
+			tealOnContainer: t.teal02,
+			yellowContainer: t.yellow08,
+			yellowOnContainer: t.yellow02,
+			obsidianContainer: t.grey07,
+			obsidianOnContainer: t.grey03,
+			marbleContainer: t.grey03,
+			marbleOnContainer: t.grey07
 		},
 		brand: {
-			brandOriginal: e.blue06,
-			brandAlt: e.blue04,
-			brandAccent: e.blue03,
-			brandFaded: e.blue07,
+			brandOriginal: t.blue06,
+			brandAlt: t.blue04,
+			brandAccent: t.blue03,
+			brandFaded: t.blue07,
 			pdf: "#FF5850",
 			pdfAlt: "#800700",
 			quiz: "#F889AA",
@@ -310,36 +310,36 @@ var d = {
 			decorativeBlackOnContainer: "#474658"
 		},
 		blanket: {
-			neutral: e.alphaf20,
-			neutralLight: e.alphaf10,
-			neutralHeavy: e.alphaf50,
-			inverse: e.alpha030,
-			inverseLight: e.alpha015,
-			inverseHeavy: e.alpha065
+			neutral: t.alphaf20,
+			neutralLight: t.alphaf10,
+			neutralHeavy: t.alphaf50,
+			inverse: t.alpha030,
+			inverseLight: t.alpha015,
+			inverseHeavy: t.alpha065
 		}
 	},
-	typography: n
-}, p = a({});
-function m(e) {
-	let { theme: n = d, i18n: a } = e, f = u({
-		...n,
+	typography: r
+}, p = o({});
+function m(t) {
+	let { theme: r = d, i18n: o } = t, f = u({
+		...r,
 		typography: {
-			...n.typography,
-			fontFamily: e.fontFamily
+			...r.typography,
+			fontFamily: t.fontFamily
 		},
 		components: { MuiButtonBase: { defaultProps: { disableRipple: !0 } } }
 	});
-	return /* @__PURE__ */ c(o, {
-		i18n: a,
-		children: [/* @__PURE__ */ s(r, { styles: i`
+	return /* @__PURE__ */ c(e, {
+		i18n: o,
+		children: [/* @__PURE__ */ s(i, { styles: a`
           body {
-            font-family: ${t.pretendard};
+            font-family: ${n.pretendard};
           }
         ` }), /* @__PURE__ */ s(l, {
 			theme: f,
 			children: /* @__PURE__ */ s(p.Provider, {
-				value: e,
-				children: e.children
+				value: t,
+				children: t.children
 			})
 		})]
 	});

package/dist/components/AlertDialog/AlertDialogTitle.js

@@ -2,23 +2,23 @@ import { MOBILE as e } from "../../foundation/breakpoints.js";
 import { AlertDialogContext as t } from "./AlertDialogContext.js";
 import { SquareButton as n } from "../SquareButton.js";
 import { stdin_default as r } from "../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/close-fill.js";
-import { css as i, useTheme as a } from "@emotion/react";
-import o from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
+import { useTranslation as i } from "../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { css as a, useTheme as o } from "@emotion/react";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
 //#region src/cds/components/AlertDialog/AlertDialogTitle.tsx
 var d = {
 	root: "AlertDialogTitle",
 	content: "AlertDialogTitle-content",
 	icon: "AlertDialogTitle-icon",
 	closeButton: "AlertDialogTitle-closeButton"
-}, f = o.forwardRef(function(f, p) {
-	let { className: m, component: h = "div", onClose: g, children: _, ...v } = f, { icon: y } = o.useContext(t), { t: b } = u(), x = a();
-	return /* @__PURE__ */ c(s, { children: /* @__PURE__ */ l(h, {
+}, f = s.forwardRef(function(f, p) {
+	let { className: m, component: h = "div", onClose: g, children: _, ...v } = f, { icon: y } = s.useContext(t), { t: b } = i(), x = o();
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u(h, {
 		...v,
 		ref: p,
 		className: [d.root, m].filter(Boolean).join(" "),
-		css: i`
+		css: a`
           grid-area: title;
           font-family: ${x.fontFamily.ui};
           font-style: normal;
@@ -33,9 +33,9 @@ var d = {
           display: flex;
           justify-content: space-between;
         `,
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ u("div", {
 			className: d.content,
-			css: i`
+			css: a`
             display: flex;
             flex-direction: column;
             justify-content: center;
@@ -43,11 +43,11 @@ var d = {
             gap: 16px;
             text-align: left;
           `,
-			children: [y && /* @__PURE__ */ c("div", {
+			children: [y && /* @__PURE__ */ l("div", {
 				className: d.icon,
-				css: i`
+				css: a`
                 display: none;
-                ${e(i`
+                ${e(a`
                   display: flex;
                   justify-content: center;
                   align-items: center;
@@ -61,11 +61,11 @@ var d = {
               `,
 				children: y
 			}), _]
-		}), g && /* @__PURE__ */ c(n, {
+		}), g && /* @__PURE__ */ l(n, {
 			className: d.closeButton,
 			color: "icon",
 			size: "small",
-			icon: /* @__PURE__ */ c(r, {}),
+			icon: /* @__PURE__ */ l(r, {}),
 			onClick: g,
 			"aria-label": b("닫기", { context: "다이얼로그" })
 		})]

package/dist/components/Banner.js

@@ -1,11 +1,11 @@
 import { SquareButton as e } from "./SquareButton.js";
 import { stdin_default as t } from "../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/close-fill.js";
-import { Button as n } from "./Button.js";
-import { css as r, useTheme as i } from "@emotion/react";
-import a from "react";
-import o from "@emotion/styled";
-import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
+import { useTranslation as n } from "../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { Button as r } from "./Button.js";
+import { css as i, useTheme as a } from "@emotion/react";
+import o from "react";
+import s from "@emotion/styled";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
 //#region src/cds/components/Banner.tsx
 var u = {
 	root: "Banner",
@@ -41,52 +41,52 @@ var u = {
 		headline: e.color.foreground.neutralBaseDisabled,
 		content: e.color.foreground.neutralBase
 	}
-})[t], f = a.forwardRef(function(a, o) {
-	let { className: f, component: _ = "div", headline: v, content: y, icon: b, color: x, buttonLabel: S, onButtonClick: C, buttonProps: w, close: T, onClose: E, fullWidth: D, ...O } = a, k = i(), { t: A } = l();
-	return /* @__PURE__ */ c(_, {
+})[t], f = o.forwardRef(function(o, s) {
+	let { className: f, component: _ = "div", headline: v, content: y, icon: b, color: x, buttonLabel: S, onButtonClick: C, buttonProps: w, close: T, onClose: E, fullWidth: D, ...O } = o, k = a(), { t: A } = n();
+	return /* @__PURE__ */ l(_, {
 		...O,
-		ref: o,
+		ref: s,
 		className: [u.root, f].filter(Boolean).join(" "),
-		css: [r`
+		css: [i`
           display: flex;
           align-items: center;
           padding: 0px 12px;
           line-height: 125%;
           background: ${d(k, x).background};
-        `, D ? r`
+        `, D ? i`
               width: 100%;
-            ` : r`
+            ` : i`
               border-radius: 12px;
               width: fit-content;
             `],
 		children: [
-			b && /* @__PURE__ */ s(p, {
+			b && /* @__PURE__ */ c(p, {
 				className: u.icon,
-				css: r`
+				css: i`
             align-self: ${v && y ? "flex-start" : "center"};
             color: ${d(k, x).headline};
           `,
 				children: b
 			}),
-			/* @__PURE__ */ c(g, {
+			/* @__PURE__ */ l(g, {
 				className: u.textContainer,
-				children: [v && /* @__PURE__ */ s(m, {
+				children: [v && /* @__PURE__ */ c(m, {
 					className: u.headline,
-					css: r`
+					css: i`
               color: ${d(k, x).headline};
             `,
 					children: v
-				}), y && /* @__PURE__ */ s(h, {
+				}), y && /* @__PURE__ */ c(h, {
 					className: u.content,
-					css: r`
+					css: i`
               color: ${d(k, x).content};
             `,
 					children: y
 				})]
 			}),
-			S && /* @__PURE__ */ s(n, {
+			S && /* @__PURE__ */ c(r, {
 				className: u.button,
-				css: !w && r`
+				css: !w && i`
               color: ${d(k, x).content};
             `,
 				color: "textNeutral",
@@ -96,20 +96,20 @@ var u = {
 				...w,
 				component: w?.component ?? "button"
 			}),
-			T && /* @__PURE__ */ s(e, {
+			T && /* @__PURE__ */ c(e, {
 				className: u.closeSquareButton,
-				css: r`
+				css: i`
             color: ${d(k, x).content};
           `,
 				color: "icon",
 				size: "small",
-				icon: /* @__PURE__ */ s(t, {}),
+				icon: /* @__PURE__ */ c(t, {}),
 				onClick: E,
 				"aria-label": A("닫기", { context: "배너" })
 			})
 		]
 	});
-}), p = o.div`
+}), p = s.div`
   display: flex;
   align-items: flex-start;
   padding: 12px 0px;
@@ -118,13 +118,13 @@ var u = {
     width: 20px;
     height: 20px;
   }
-`, m = o.div(({ theme: e }) => r`
+`, m = s.div(({ theme: e }) => i`
     font-family: ${e.fontFamily.ui};
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: 20px; /* 125% */
-  `), h = o.div(({ theme: e }) => e.typography.body2Regular), g = o.div`
+  `), h = s.div(({ theme: e }) => e.typography.body2Regular), g = s.div`
   flex: 1;
 
   display: flex;