@sellmate/design-system 0.0.1 → 0.0.3

package/dist/components/{p-CKRSlqok.js → p-CUaQiV_x.js}

@@ -1,5 +1,270 @@
 import { h, p as proxyCustomElement, H } from './p-dHboNV0o.js';
 
+const primary = "#051d36";
+const secondary = "#555555";
+const accent = "#9c27b0";
+const positive = "#0075ff";
+const negative = "#e30000";
+const info = "#00cd52";
+const warning = "#f2c037";
+const red_99 = "#220000";
+const red_95 = "#440000";
+const red_90 = "#5E0000";
+const red_85 = "#820000";
+const red_80 = "#AD0000";
+const red_75 = "#E30000";
+const red_70 = "#FB4444";
+const red_60 = "#FF7C7C";
+const red_45 = "#FFB5B5";
+const red_30 = "#FFD3D3";
+const red_20 = "#FCE6E6";
+const red_15 = "#FCEFEF";
+const caution_bg = "#FEF1F1";
+const caution_icon = "#fd9595";
+const orange_99 = "#2F1100";
+const orange_95 = "#4D1B00";
+const orange_90 = "#752A00";
+const orange_85 = "#9B3700";
+const orange_75 = "#CE4900";
+const orange_65 = "#FF6B00";
+const orange_60 = "#FF7F22";
+const orange_55 = "#FFA452";
+const orange_45 = "#FFBC81";
+const orange_35 = "#FFD5AF";
+const orange_20 = "#FFEAD7";
+const orange_10 = "#FEF1EA";
+const header_alert = "#FF7A00";
+const yellow_95 = "#322700";
+const yellow_90 = "#453702";
+const yellow_80 = "#6C5602";
+const yellow_70 = "#9C7A00";
+const yellow_60 = "#C49900";
+const yellow_50 = "#EBB800";
+const yellow_45 = "#FFC700";
+const yellow_40 = "#FFD643";
+const yellow_30 = "#FEE17C";
+const yellow_25 = "#FFE99E";
+const yellow_20 = "#FEF1C4";
+const yellow_10 = "#FFF7DD";
+const olive_95 = "#2C2C00";
+const olive_90 = "#454500";
+const olive_80 = "#636300";
+const olive_70 = "#838300";
+const olive_65 = "#A5A500";
+const olive_55 = "#C7C700";
+const olive_45 = "#DDDD12";
+const olive_30 = "#EEEE37";
+const olive_20 = "#F6F65F";
+const olive_15 = "#FAFAA1";
+const olive_10 = "#FBFBBF";
+const olive_05 = "#FEFED9";
+const green_99 = "#001D0B";
+const green_95 = "#003013";
+const green_90 = "#00461C";
+const green_85 = "#006629";
+const green_80 = "#007B31";
+const green_75 = "#00973C";
+const green_70 = "#12B553";
+const green_65 = "#2BCE6C";
+const green_55 = "#6DE39C";
+const green_45 = "#ACF4C9";
+const green_25 = "#D4FAE3";
+const green_15 = "#E8F9EF";
+const steelblue_99 = "#021a25";
+const steelblue_95 = "#02212f";
+const steelblue_90 = "#032d40";
+const steelblue_85 = "#033f59";
+const steelblue_80 = "#06587d";
+const steelblue_75 = "#066d9b";
+const steelblue_70 = "#128fc7";
+const steelblue_65 = "#229fd7";
+const steelblue_60 = "#50bff0";
+const steelblue_45 = "#a4e2fd";
+const steelblue_25 = "#d9f2fd";
+const steelblue_10 = "#ecf8fd";
+const oceanblue_99 = "#011428";
+const oceanblue_95 = "#03172d";
+const oceanblue_90 = "#051d36";
+const oceanblue_85 = "#07284a";
+const oceanblue_80 = "#004177";
+const oceanblue_75 = "#025497";
+const oceanblue_70 = "#006ac1";
+const oceanblue_65 = "#1f8ae1";
+const oceanblue_60 = "#5cb0f3";
+const oceanblue_50 = "#9cd1fc";
+const oceanblue_25 = "#d5ebfe";
+const oceanblue_15 = "#eaf5fe";
+const brilliantblue_99 = "#001226";
+const brilliantblue_95 = "#001b39";
+const brilliantblue_90 = "#002b5e";
+const brilliantblue_85 = "#004290";
+const brilliantblue_80 = "#005cc9";
+const brilliantblue_75 = "#0075ff";
+const brilliantblue_70 = "#2d8dff";
+const brilliantblue_60 = "#64abff";
+const brilliantblue_50 = "#93c4ff";
+const brilliantblue_40 = "#bbdaff";
+const brilliantblue_25 = "#d9eaff";
+const brilliantblue_20 = "#e6f1ff";
+const brilliantblue_10 = "#eff6ff";
+const brilliantblue_05 = "#f5faff";
+const grey_95 = "#222222";
+const grey_90 = "#333333";
+const grey_85 = "#444444";
+const grey_80 = "#555555";
+const grey_70 = "#737373";
+const grey_65 = "#888888";
+const grey_60 = "#999999";
+const grey_55 = "#aaaaaa";
+const grey_50 = "#bbbbbb";
+const grey_45 = "#cccccc";
+const grey_35 = "#D8D8D8";
+const grey_30 = "#e1e1e1";
+const grey_25 = "#E5E5E5";
+const grey_20 = "#eeeeee";
+const grey_10 = "#f6f6f6";
+const grey_05 = "#f9f9f9";
+const white = "#ffffff";
+const black = "#000000";
+var colors$1 = {
+	primary: primary,
+	secondary: secondary,
+	accent: accent,
+	positive: positive,
+	negative: negative,
+	info: info,
+	warning: warning,
+	red_99: red_99,
+	red_95: red_95,
+	red_90: red_90,
+	red_85: red_85,
+	red_80: red_80,
+	red_75: red_75,
+	red_70: red_70,
+	red_60: red_60,
+	red_45: red_45,
+	red_30: red_30,
+	red_20: red_20,
+	red_15: red_15,
+	caution_bg: caution_bg,
+	caution_icon: caution_icon,
+	orange_99: orange_99,
+	orange_95: orange_95,
+	orange_90: orange_90,
+	orange_85: orange_85,
+	orange_75: orange_75,
+	orange_65: orange_65,
+	orange_60: orange_60,
+	orange_55: orange_55,
+	orange_45: orange_45,
+	orange_35: orange_35,
+	orange_20: orange_20,
+	orange_10: orange_10,
+	header_alert: header_alert,
+	yellow_95: yellow_95,
+	yellow_90: yellow_90,
+	yellow_80: yellow_80,
+	yellow_70: yellow_70,
+	yellow_60: yellow_60,
+	yellow_50: yellow_50,
+	yellow_45: yellow_45,
+	yellow_40: yellow_40,
+	yellow_30: yellow_30,
+	yellow_25: yellow_25,
+	yellow_20: yellow_20,
+	yellow_10: yellow_10,
+	olive_95: olive_95,
+	olive_90: olive_90,
+	olive_80: olive_80,
+	olive_70: olive_70,
+	olive_65: olive_65,
+	olive_55: olive_55,
+	olive_45: olive_45,
+	olive_30: olive_30,
+	olive_20: olive_20,
+	olive_15: olive_15,
+	olive_10: olive_10,
+	olive_05: olive_05,
+	green_99: green_99,
+	green_95: green_95,
+	green_90: green_90,
+	green_85: green_85,
+	green_80: green_80,
+	green_75: green_75,
+	green_70: green_70,
+	green_65: green_65,
+	green_55: green_55,
+	green_45: green_45,
+	green_25: green_25,
+	green_15: green_15,
+	steelblue_99: steelblue_99,
+	steelblue_95: steelblue_95,
+	steelblue_90: steelblue_90,
+	steelblue_85: steelblue_85,
+	steelblue_80: steelblue_80,
+	steelblue_75: steelblue_75,
+	steelblue_70: steelblue_70,
+	steelblue_65: steelblue_65,
+	steelblue_60: steelblue_60,
+	steelblue_45: steelblue_45,
+	steelblue_25: steelblue_25,
+	steelblue_10: steelblue_10,
+	oceanblue_99: oceanblue_99,
+	oceanblue_95: oceanblue_95,
+	oceanblue_90: oceanblue_90,
+	oceanblue_85: oceanblue_85,
+	oceanblue_80: oceanblue_80,
+	oceanblue_75: oceanblue_75,
+	oceanblue_70: oceanblue_70,
+	oceanblue_65: oceanblue_65,
+	oceanblue_60: oceanblue_60,
+	oceanblue_50: oceanblue_50,
+	oceanblue_25: oceanblue_25,
+	oceanblue_15: oceanblue_15,
+	brilliantblue_99: brilliantblue_99,
+	brilliantblue_95: brilliantblue_95,
+	brilliantblue_90: brilliantblue_90,
+	brilliantblue_85: brilliantblue_85,
+	brilliantblue_80: brilliantblue_80,
+	brilliantblue_75: brilliantblue_75,
+	brilliantblue_70: brilliantblue_70,
+	brilliantblue_60: brilliantblue_60,
+	brilliantblue_50: brilliantblue_50,
+	brilliantblue_40: brilliantblue_40,
+	brilliantblue_25: brilliantblue_25,
+	brilliantblue_20: brilliantblue_20,
+	brilliantblue_10: brilliantblue_10,
+	brilliantblue_05: brilliantblue_05,
+	grey_95: grey_95,
+	grey_90: grey_90,
+	grey_85: grey_85,
+	grey_80: grey_80,
+	grey_70: grey_70,
+	grey_65: grey_65,
+	grey_60: grey_60,
+	grey_55: grey_55,
+	grey_50: grey_50,
+	grey_45: grey_45,
+	grey_35: grey_35,
+	grey_30: grey_30,
+	grey_25: grey_25,
+	grey_20: grey_20,
+	grey_10: grey_10,
+	grey_05: grey_05,
+	white: white,
+	black: black
+};
+
+const colors = colors$1;
+// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,
+// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.
+function resolveColor(input, fallback = '#025497') {
+    if (!input)
+        return fallback;
+    const mapped = colors[input];
+    return mapped || input;
+}
+
 const Check12 = (props) => {
     return (h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_8697_9693)" }, h("path", { d: "M10.5962 3.19745L5.02773 8.76591C4.97891 8.81473 4.89977 8.81473 4.85095 8.76591L1.40381 5.31877", stroke: "currentColor", "stroke-width": "0.75", "stroke-linecap": "round" })), h("defs", null, h("clipPath", { id: "clip0_8697_9693" }, h("rect", { width: "12", height: "12", fill: "none" })))));
 };
@@ -116,6 +381,17 @@ var Date = /*#__PURE__*/Object.freeze({
     date: date
 });
 
+const Event16 = (props) => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M2 14V4C2 3.44772 2.44772 3 3 3H13C13.5523 3 14 3.44772 14 4V14C14 14.5523 13.5523 15 13 15H3C2.44772 15 2 14.5523 2 14Z", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }), h("path", { d: "M2 5V4C2 3.44772 2.44772 3 3 3H13C13.5523 3 14 3.44772 14 4V5C14 5.55228 13.5523 6 13 6H3C2.44772 6 2 5.55228 2 5Z", fill: "currentColor" }), h("path", { d: "M4 1V3M12 1V3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }), h("path", { d: "M7.71468 7.87812C7.80449 7.60172 8.19551 7.60172 8.28532 7.87812L8.60619 8.86565C8.64635 8.98926 8.76154 9.07295 8.8915 9.07295H9.92986C10.2205 9.07295 10.3413 9.44483 10.1062 9.61565L9.26615 10.226C9.161 10.3024 9.11701 10.4378 9.15717 10.5614L9.47804 11.5489C9.56784 11.8253 9.2515 12.0552 9.01639 11.8843L8.17634 11.274C8.07119 11.1976 7.92881 11.1976 7.82366 11.274L6.98361 11.8843C6.7485 12.0552 6.43216 11.8253 6.52196 11.5489L6.84283 10.5614C6.88299 10.4378 6.839 10.3024 6.73385 10.226L5.8938 9.61565C5.65869 9.44483 5.77952 9.07295 6.07014 9.07295H7.1085C7.23846 9.07295 7.35365 8.98926 7.39381 8.86565L7.71468 7.87812Z", fill: "currentColor" })));
+
+const event = {
+    16: Event16,
+};
+
+var Event = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    event: event
+});
+
 const HelpOutline8 = (props) => {
     return (h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_8773_8710)" }, h("path", { d: "M4.00031 0.30014C6.04358 0.300351 7.69952 1.95701 7.69952 4.00034C7.69931 6.04348 6.04345 7.69934 4.00031 7.69955C1.95699 7.69954 0.300326 6.0436 0.30011 4.00034C0.30011 1.95689 1.95686 0.300151 4.00031 0.30014ZM4.00031 0.89975C2.28823 0.899761 0.899719 2.28826 0.899719 4.00034C0.899936 5.71223 2.28836 7.09993 4.00031 7.09995C5.71208 7.09973 7.0997 5.7121 7.09991 4.00034C7.09991 2.28838 5.71221 0.899961 4.00031 0.89975ZM4.00031 5.25034C4.18423 5.25053 4.33331 5.39937 4.33331 5.58334C4.33327 5.76728 4.18421 5.91615 4.00031 5.91635C3.81623 5.91635 3.66636 5.76741 3.66632 5.58334C3.66632 5.39925 3.81621 5.25034 4.00031 5.25034ZM4.00031 1.82553C4.48624 1.82563 4.82534 2.01447 5.03546 2.27963C5.23483 2.5316 5.30011 2.82894 5.30011 3.03452C5.29993 3.36696 5.11532 4.00419 4.40753 4.19272C4.36786 4.20327 4.33607 4.22386 4.31769 4.2435C4.30128 4.26106 4.30013 4.27198 4.30011 4.2767V4.62534C4.2999 4.79072 4.16569 4.92494 4.00031 4.92514C3.83475 4.92514 3.70071 4.79084 3.7005 4.62534V4.2767C3.70058 3.91122 3.99384 3.68264 4.25323 3.61362C4.59849 3.52163 4.70032 3.21436 4.7005 3.03452C4.7005 2.93729 4.66488 2.77934 4.56476 2.65268C4.47494 2.53931 4.31372 2.42523 4.00031 2.42514C3.68665 2.42514 3.5257 2.53927 3.43585 2.65268C3.33552 2.7794 3.30011 2.93719 3.30011 3.03452C3.29985 3.19986 3.16566 3.33412 3.00031 3.33432C2.83478 3.33432 2.70076 3.19998 2.7005 3.03452C2.7005 2.82884 2.76556 2.53167 2.96515 2.27963C3.17532 2.0144 3.51417 1.82553 4.00031 1.82553Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8773_8710" }, h("rect", { width: "8", height: "8", fill: "white" })))));
 };
@@ -165,6 +441,43 @@ var PageMove = /*#__PURE__*/Object.freeze({
     pageMove: pageMove
 });
 
+const Notion16 = (props) => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M3.47562 3.3239C3.92362 3.68764 4.09108 3.6599 4.93268 3.60337L12.8612 3.12764C13.0298 3.12764 12.89 2.96017 12.8335 2.93244L11.5162 1.9799C11.2644 1.78364 10.9284 1.55964 10.2842 1.61617L2.60628 2.17617C2.32682 2.2039 2.27028 2.34364 2.38228 2.45564L3.47562 3.3239ZM3.95135 5.17137V13.5138C3.95135 13.9618 4.17535 14.1303 4.67988 14.1026L13.3946 13.598C13.898 13.5703 13.9546 13.262 13.9546 12.8983V4.61137C13.9546 4.2487 13.8148 4.05137 13.5066 4.0791L4.39935 4.61137C4.06335 4.6391 3.95135 4.80764 3.95135 5.17137ZM12.554 5.61937C12.6095 5.8711 12.554 6.12284 12.3012 6.15164L11.881 6.23484V12.3938C11.5172 12.59 11.1802 12.7031 10.8996 12.7031C10.4516 12.7031 10.3396 12.5623 10.0036 12.142L7.25695 7.83057V12.0023L8.12628 12.1986C8.12628 12.1986 8.12628 12.702 7.42548 12.702L5.49268 12.814C5.43615 12.702 5.49268 12.4226 5.68895 12.366L6.19242 12.2274V6.71057L5.49375 6.6551C5.43722 6.40337 5.57695 6.03964 5.96948 6.01084L8.04308 5.87217L10.9018 10.2391V6.37564L10.1732 6.29137C10.1167 5.9831 10.3407 5.7591 10.6212 5.73137L12.5551 5.61937H12.554ZM1.96202 1.4199L9.94815 0.832171C10.9284 0.746838 11.1802 0.804437 11.7967 1.25244L14.346 3.04444C14.7674 3.35164 14.9071 3.4359 14.9071 3.7719V13.598C14.9071 14.2146 14.6831 14.5794 13.898 14.6338L4.62442 15.1938C4.03562 15.2226 3.75508 15.1383 3.44682 14.7458L1.56948 12.3106C1.23348 11.8626 1.09375 11.5266 1.09375 11.134V2.3991C1.09375 1.89564 1.31775 1.47537 1.96202 1.4199Z", fill: "currentColor" })));
+
+const notion = {
+    16: Notion16,
+};
+
+var Notion = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    notion: notion
+});
+
+const Pdf10 = (props) => (h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_8773_6892)" }, h("path", { d: "M5.89941 0.766602C6.11512 0.766607 6.32258 0.852825 6.47559 1.00488L8.15918 2.67773C8.31334 2.83098 8.40034 3.03947 8.40039 3.25684V8.41699C8.40039 8.86802 8.03403 9.23339 7.58301 9.2334H2.41699C1.96596 9.2334 1.59961 8.86803 1.59961 8.41699V1.58398C1.59962 1.13296 1.96597 0.766602 2.41699 0.766602H5.89941ZM2.41699 1.56738C2.40779 1.56738 2.4004 1.57479 2.40039 1.58398V8.41699C2.40039 8.4262 2.40779 8.43359 2.41699 8.43359H7.58301C7.5922 8.43358 7.59961 8.42619 7.59961 8.41699V3.52539H6.14648C5.86804 3.52539 5.6416 3.29895 5.6416 3.02051V1.56738H2.41699ZM4.6582 2.86523C4.7525 2.84395 4.86332 2.8614 4.94824 2.94434C4.97308 2.96861 4.99172 2.99904 5.00195 3.03223C5.17578 3.59832 5.13808 4.19926 4.99023 4.76562C5.0425 4.83484 5.09992 4.90681 5.16504 4.97949C5.31383 5.14556 5.45413 5.28322 5.58398 5.39844C5.87696 5.33672 6.1275 5.31682 6.33984 5.33008C6.84796 5.36188 7.16675 5.58223 7.27637 5.84961C7.30421 5.9179 7.29368 5.99603 7.24902 6.05469C7.0907 6.26085 6.77722 6.40317 6.36133 6.31445C6.10346 6.25933 5.80814 6.11605 5.47559 5.85156C5.15002 5.93763 4.75929 6.08235 4.29492 6.30762C4.04381 6.69513 3.77277 7.01599 3.53613 7.21191C3.41289 7.31389 3.27722 7.40084 3.14648 7.42969C3.07796 7.44475 2.99116 7.44802 2.90723 7.40723C2.81905 7.36423 2.76596 7.28895 2.73926 7.21094C2.67222 7.0143 2.72168 6.83085 2.81934 6.68359C2.91296 6.54266 3.05555 6.42492 3.20215 6.33008C3.45955 6.16371 3.77752 6.03747 4.02246 5.96094C4.22885 5.62281 4.41252 5.23887 4.53613 4.83984C4.1983 4.32254 4.12377 3.86071 4.18848 3.50586C4.2284 3.28778 4.32124 3.10785 4.43848 2.99316C4.49623 2.93685 4.57112 2.88503 4.6582 2.86523ZM3.42773 6.68066C3.30384 6.76088 3.21551 6.84118 3.16699 6.91406C3.14896 6.94125 3.13796 6.96609 3.13184 6.98828C3.1677 6.96745 3.21492 6.93662 3.27051 6.89062C3.35531 6.82038 3.4478 6.72485 3.54688 6.6123C3.50639 6.63474 3.46507 6.65654 3.42773 6.68066ZM6.06055 5.75C6.21015 5.83529 6.33965 5.88303 6.44824 5.90625C6.60076 5.93881 6.71206 5.92193 6.79004 5.89062C6.70435 5.8263 6.55672 5.76132 6.31348 5.74609C6.23776 5.74139 6.15345 5.74345 6.06055 5.75ZM4.83887 5.23828C4.77897 5.39731 4.71068 5.55138 4.63867 5.69922C4.80504 5.63148 4.96185 5.57206 5.11035 5.52441C5.02749 5.44237 4.94127 5.35369 4.85449 5.25684C4.84909 5.2508 4.8442 5.2443 4.83887 5.23828ZM4.66016 3.3916C4.63543 3.44037 4.6128 3.50364 4.59863 3.58105C4.57018 3.7371 4.57875 3.95078 4.67578 4.20996C4.71097 3.93328 4.70954 3.65725 4.66016 3.3916ZM6.44238 2.72461H7.07129L6.44238 2.09961V2.72461Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_8773_6892" }, h("rect", { width: "10", height: "10", fill: "white" })))));
+
+const Pdf12 = (props) => (h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_8697_42008)" }, h("path", { d: "M7.07959 0.899902C7.34367 0.899948 7.59735 1.00476 7.78467 1.19092L9.80518 3.19873C9.99386 3.38637 10.1 3.64161 10.1001 3.90771V10.1001C10.1 10.6522 9.65223 11.1 9.1001 11.1001H2.8999C2.34768 11.1001 1.90001 10.6523 1.8999 10.1001V1.8999C1.8999 1.34762 2.34762 0.899902 2.8999 0.899902H7.07959ZM2.8999 10.1001H9.1001V4.24951H7.37451C7.02952 4.2493 6.74951 3.96956 6.74951 3.62451V1.8999H2.8999V10.1001ZM5.58936 3.43896C5.7025 3.41329 5.835 3.43332 5.93701 3.53271C5.96685 3.56186 5.98917 3.59833 6.00146 3.63818C6.21032 4.3182 6.16565 5.03995 5.98779 5.72021C6.0502 5.80277 6.12012 5.88843 6.19775 5.9751C6.37608 6.17411 6.54406 6.3399 6.69971 6.47803C7.05139 6.40389 7.35204 6.38013 7.60693 6.396C8.21682 6.43407 8.59935 6.69816 8.73096 7.01904C8.76455 7.10134 8.7519 7.19561 8.69775 7.26611C8.50761 7.51347 8.13157 7.68339 7.63232 7.57666C7.32303 7.51044 6.96864 7.33912 6.56982 7.02197C6.17935 7.12523 5.71062 7.29779 5.15381 7.56787C4.85221 8.03348 4.5269 8.41854 4.24268 8.65381C4.09467 8.77626 3.93189 8.88103 3.7749 8.91553C3.69268 8.93354 3.58842 8.93714 3.48779 8.88818C3.38211 8.83648 3.31858 8.74548 3.28662 8.65186C3.20639 8.41605 3.26522 8.19662 3.38232 8.02002C3.49461 7.85076 3.6653 7.71008 3.84131 7.59619C4.15033 7.39628 4.53245 7.24574 4.82666 7.15381C5.07382 6.74903 5.29346 6.28969 5.44189 5.81201C5.03508 5.19029 4.94722 4.63392 5.0249 4.20752C5.07275 3.94528 5.18474 3.72909 5.32568 3.59131C5.395 3.52361 5.48473 3.4628 5.58936 3.43896ZM4.11279 8.01611C3.96373 8.11259 3.85752 8.20875 3.79932 8.29639C3.77712 8.32987 3.76355 8.36001 3.75635 8.38721C3.79957 8.36226 3.85581 8.32489 3.92334 8.26904C4.02559 8.18444 4.1368 8.06902 4.25635 7.93311C4.20719 7.96031 4.15807 7.98682 4.11279 8.01611ZM7.27197 6.89893C7.45137 7.00124 7.60655 7.05948 7.73682 7.0874C7.91962 7.12648 8.05337 7.10629 8.14697 7.06885C8.04406 6.99169 7.86752 6.91323 7.57568 6.89502C7.48478 6.88937 7.38352 6.89106 7.27197 6.89893ZM5.80615 6.28662C5.73497 6.47553 5.65723 6.65968 5.57178 6.83545C5.76875 6.75542 5.95432 6.68494 6.13037 6.62842C6.03131 6.53028 5.92843 6.42387 5.82471 6.30811C5.81848 6.30113 5.81231 6.29358 5.80615 6.28662ZM5.59131 4.06885C5.56147 4.12755 5.53414 4.20392 5.51709 4.29736C5.48307 4.48432 5.49397 4.74007 5.60986 5.05029C5.65199 4.71834 5.65065 4.38754 5.59131 4.06885ZM7.74951 3.24951H8.43799L7.74951 2.56494V3.24951Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_8697_42008" }, h("rect", { width: "12", height: "12", fill: "white" })))));
+
+const Pdf16 = (props) => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_8697_41592)" }, h("path", { d: "M9.43945 1.3667C9.74749 1.3667 10.0432 1.4885 10.2617 1.70557L12.9561 4.3833C13.1763 4.60222 13.2997 4.89993 13.2998 5.21045V13.4663C13.2998 14.1105 12.778 14.6331 12.1338 14.6333H3.86719C3.22286 14.6333 2.7002 14.1106 2.7002 13.4663V2.53369C2.7002 1.88936 3.22286 1.3667 3.86719 1.3667H9.43945ZM3.86719 2.3667C3.77514 2.3667 3.7002 2.44164 3.7002 2.53369V13.4663C3.7002 13.5584 3.77514 13.6333 3.86719 13.6333H12.1338C12.2257 13.6331 12.2998 13.5583 12.2998 13.4663V5.50049H9.83398C9.46595 5.50049 9.16724 5.20148 9.16699 4.8335V2.3667H3.86719ZM7.45312 4.58545C7.58519 4.55551 7.73726 4.57195 7.86426 4.66553L7.91699 4.71045L7.96875 4.77588C7.98305 4.79937 7.99478 4.82458 8.00293 4.85107C8.28155 5.75817 8.22177 6.72103 7.98438 7.62842C8.06756 7.73843 8.16118 7.85082 8.26465 7.96631C8.50291 8.23224 8.72666 8.45375 8.93457 8.63818C9.40344 8.53939 9.80375 8.5076 10.1436 8.52881C10.9569 8.57963 11.4673 8.93088 11.6426 9.35889C11.6874 9.46861 11.6698 9.59396 11.5977 9.68799C11.3443 10.0179 10.8434 10.2452 10.1777 10.103C9.76504 10.0148 9.29204 9.7862 8.75977 9.36279C8.24093 9.50003 7.61891 9.72941 6.87988 10.0874C6.47657 10.7111 6.03748 11.2249 5.65723 11.5396C5.45994 11.7028 5.24343 11.8422 5.03418 11.8882C4.92453 11.9123 4.78565 11.9173 4.65137 11.8521C4.51002 11.7832 4.42551 11.6617 4.38281 11.5366C4.27552 11.222 4.35449 10.9295 4.51074 10.6938C4.66053 10.4681 4.88827 10.2803 5.12305 10.1284C5.53559 9.86161 6.04512 9.66008 6.4375 9.5376C6.7666 8.9984 7.05909 8.38662 7.25684 7.75049C6.71382 6.92101 6.59746 6.17865 6.70117 5.60986C6.76499 5.26021 6.9136 4.97224 7.10156 4.78857C7.19403 4.69828 7.31355 4.61718 7.45312 4.58545ZM5.48535 10.688C5.28617 10.8168 5.14402 10.946 5.06641 11.063C5.03671 11.1078 5.01931 11.1477 5.00977 11.1841C5.06747 11.1508 5.14224 11.1005 5.23242 11.0259C5.37249 10.91 5.52822 10.7539 5.69238 10.5659C5.62072 10.6051 5.55102 10.6455 5.48535 10.688ZM9.69727 9.19971C9.93633 9.33598 10.1428 9.41352 10.3164 9.45068C10.5611 9.50296 10.7404 9.47659 10.8652 9.42627C10.7283 9.32295 10.4923 9.21826 10.1016 9.19385C9.98042 9.18631 9.84593 9.18924 9.69727 9.19971ZM7.74316 8.3833C7.64808 8.63562 7.54288 8.88099 7.42871 9.11572C7.69237 9.00856 7.94023 8.91396 8.17578 8.83838C8.04345 8.70731 7.90616 8.56629 7.76758 8.41162C7.75926 8.40234 7.75137 8.39257 7.74316 8.3833ZM7.45508 5.42627C7.41545 5.50445 7.38007 5.60579 7.35742 5.72998C7.31176 5.9805 7.32372 6.32419 7.48047 6.74072C7.53749 6.29608 7.5345 5.85316 7.45508 5.42627ZM10.167 4.50049H11.6553L10.167 3.021V4.50049Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_8697_41592" }, h("rect", { width: "16", height: "16", fill: "white" })))));
+
+const Pdf20 = (props) => (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_8697_41113)" }, h("path", { d: "M11.7988 1.7085C12.184 1.7085 12.5539 1.86084 12.8271 2.13232L16.1943 5.479C16.4697 5.75267 16.6249 6.12497 16.625 6.51318V16.8335C16.625 17.6388 15.9723 18.2913 15.167 18.2915H4.83301C4.02775 18.2913 3.375 17.6388 3.375 16.8335V3.1665C3.37518 2.36136 4.02786 1.70868 4.83301 1.7085H11.7988ZM4.83301 2.9585C4.71822 2.95868 4.62518 3.05172 4.625 3.1665V16.8335C4.625 16.9484 4.71811 17.0413 4.83301 17.0415H15.167C15.2819 17.0413 15.375 16.9484 15.375 16.8335V6.87549H12.291C11.8313 6.87512 11.4583 6.5022 11.458 6.04248V2.9585H4.83301ZM9.31543 5.73193C9.48067 5.69443 9.67122 5.71529 9.83008 5.83252L9.89551 5.88818L9.95996 5.97021C9.97784 5.99957 9.99273 6.03086 10.0029 6.06396C10.3511 7.19738 10.2769 8.40084 9.98047 9.53467C10.0846 9.67237 10.2006 9.81393 10.3301 9.9585C10.6265 10.2893 10.9043 10.5655 11.1631 10.7954C11.7507 10.6713 12.2531 10.6351 12.6787 10.6616C13.6954 10.7251 14.3325 11.1638 14.5518 11.6987C14.6079 11.836 14.5874 11.9932 14.4971 12.1108C14.1802 12.5232 13.5529 12.8063 12.7207 12.6284C12.2048 12.518 11.6136 12.233 10.9482 11.7036C10.3 11.8752 9.52265 12.1618 8.59961 12.6089C8.09546 13.3886 7.54664 14.0309 7.07129 14.4243C6.82464 14.6284 6.55359 14.8034 6.29199 14.8608C6.15495 14.8909 5.9812 14.8965 5.81348 14.8149C5.63702 14.7288 5.53088 14.5776 5.47754 14.4214C5.34341 14.0282 5.44251 13.6622 5.6377 13.3677C5.82475 13.0857 6.10916 12.8514 6.40234 12.6616C6.9181 12.328 7.55625 12.0765 8.04688 11.9233C8.45837 11.2492 8.82308 10.4833 9.07031 9.68799C8.39183 8.65143 8.24645 7.72404 8.37598 7.01318C8.4557 6.57596 8.64196 6.2155 8.87695 5.98584C8.99239 5.87317 9.1413 5.77168 9.31543 5.73193ZM6.85547 13.3608C6.60667 13.5218 6.429 13.6824 6.33203 13.8286C6.29511 13.8844 6.27368 13.9347 6.26172 13.98C6.33376 13.9384 6.42756 13.8758 6.54004 13.7827C6.71489 13.638 6.90935 13.443 7.11426 13.2085C7.02482 13.2574 6.93742 13.3078 6.85547 13.3608ZM12.1162 11.4966C12.4173 11.6688 12.6772 11.7673 12.8955 11.814C13.2008 11.8792 13.4241 11.8454 13.5801 11.7827C13.4088 11.6538 13.1146 11.5231 12.627 11.4927C12.4742 11.4832 12.3039 11.4832 12.1162 11.4966ZM9.67773 10.479C9.55963 10.7924 9.42879 11.0975 9.28711 11.3892C9.61468 11.2561 9.92493 11.1433 10.2178 11.0493C10.0524 10.8855 9.88214 10.7084 9.70898 10.5151C9.69838 10.5033 9.6882 10.4908 9.67773 10.479ZM9.31836 6.78271C9.26881 6.88045 9.22363 7.0073 9.19531 7.1626C9.13827 7.47578 9.15461 7.90561 9.35059 8.42627C9.42186 7.87039 9.41768 7.31639 9.31836 6.78271ZM12.708 5.62549H14.5684L12.708 3.77588V5.62549Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_8697_41113" }, h("rect", { width: "20", height: "20", fill: "white" })))));
+
+const Pdf24 = (props) => (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_2131_9579)" }, h("path", { d: "M14.1592 2.0498C14.6213 2.0499 15.0648 2.23283 15.3926 2.55859L19.4336 6.57422C19.764 6.90262 19.9501 7.34957 19.9502 7.81543V20.2002C19.95 21.1664 19.1664 21.95 18.2002 21.9502H5.7998C4.83344 21.9502 4.05002 21.1665 4.0498 20.2002V3.7998C4.0498 2.83331 4.83331 2.0498 5.7998 2.0498H14.1592ZM5.7998 3.5498C5.66173 3.5498 5.5498 3.66173 5.5498 3.7998V20.2002C5.55002 20.3381 5.66186 20.4502 5.7998 20.4502H18.2002C18.338 20.45 18.45 20.338 18.4502 20.2002V8.25H14.75C14.1978 8.25 13.7501 7.8022 13.75 7.25V3.5498H5.7998ZM11.1797 6.87695C11.4061 6.82573 11.6711 6.86636 11.875 7.06543C11.9347 7.12378 11.9793 7.19655 12.0039 7.27637C12.4216 8.63633 12.3322 10.08 11.9766 11.4404C12.1014 11.6056 12.2402 11.7758 12.3955 11.9492C12.7514 12.3465 13.0857 12.6781 13.3965 12.9541C14.1016 12.8052 14.7041 12.7601 15.2148 12.792C16.4346 12.8682 17.1997 13.3953 17.4629 14.0371C17.5303 14.2016 17.5046 14.3901 17.3965 14.5312C17.0163 15.0263 16.2645 15.3668 15.2656 15.1533C14.6465 15.021 13.9371 14.6791 13.1387 14.0439C12.3609 14.2497 11.4279 14.5925 10.3203 15.1289C9.71521 16.0649 9.05595 16.8354 8.48535 17.3076C8.18934 17.5525 7.86476 17.763 7.55078 17.832C7.38638 17.8681 7.17884 17.8751 6.97754 17.7773C6.76533 17.6741 6.6383 17.4923 6.57422 17.3047C6.41329 16.8328 6.53139 16.3944 6.76562 16.041C6.99028 15.7024 7.33148 15.4202 7.68359 15.1924C8.30393 14.7911 9.06997 14.4854 9.65918 14.3018C10.1517 13.4941 10.5887 12.5773 10.8848 11.625C10.0705 10.3811 9.89538 9.2681 10.0508 8.41504C10.1465 7.89052 10.3704 7.45813 10.6523 7.18262C10.7911 7.0472 10.9703 6.92448 11.1797 6.87695ZM8.22656 16.0322C7.92821 16.2253 7.71507 16.4174 7.59863 16.5928C7.55409 16.6599 7.52902 16.7208 7.51465 16.7754C7.60106 16.7255 7.71281 16.6496 7.84766 16.5381C8.05763 16.3643 8.29203 16.1303 8.53809 15.8486C8.43046 15.9074 8.32518 15.9684 8.22656 16.0322ZM14.5391 13.7949C14.9007 14.0019 15.2125 14.1197 15.4746 14.1758C15.8409 14.2541 16.1087 14.2138 16.2959 14.1387C16.0903 13.9839 15.7376 13.8266 15.1523 13.79C14.9689 13.7786 14.7646 13.7788 14.5391 13.7949ZM11.6143 12.5732C11.4727 12.9491 11.3163 13.3152 11.1465 13.665C11.5386 13.5058 11.9101 13.3714 12.2607 13.2588C12.0623 13.0623 11.8592 12.8481 11.6514 12.6162C11.6387 12.6021 11.6267 12.5873 11.6143 12.5732ZM11.1855 8.13574C11.1255 8.25337 11.0695 8.40582 11.0352 8.59375C10.9666 8.96992 10.9859 9.48657 11.2217 10.1123C11.3075 9.4441 11.3052 8.7772 11.1855 8.13574ZM15.25 6.75H17.4814L15.25 4.53125V6.75Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_2131_9579" }, h("rect", { width: "24", height: "24", fill: "white" })))));
+
+const Pdf8 = (props) => (h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_8773_8690)" }, h("path", { d: "M4.72003 0.633484C4.88715 0.6336 5.04777 0.699268 5.16632 0.817078L6.513 2.15594C6.63259 2.2748 6.69949 2.43656 6.69952 2.60516V6.73309C6.69951 7.08282 6.41643 7.36681 6.06671 7.36688H1.93292C1.58331 7.3667 1.30012 7.08275 1.30011 6.73309V1.2663C1.30029 0.916781 1.58341 0.633671 1.93292 0.633484H4.72003ZM1.93292 1.23309C1.91478 1.23328 1.89989 1.24815 1.89972 1.2663V6.73309C1.89973 6.75138 1.91468 6.76611 1.93292 6.7663H6.06671C6.08505 6.76623 6.0999 6.75145 6.09991 6.73309V2.7995H4.91632C4.70487 2.79932 4.53368 2.62814 4.53351 2.41669V1.23309H1.93292ZM3.72687 2.29169C3.80217 2.27477 3.89048 2.28906 3.95831 2.35516C3.97808 2.37452 3.99309 2.39905 4.00128 2.42548C4.1403 2.87836 4.10982 3.35911 3.99152 3.81219C4.03329 3.86752 4.0801 3.92499 4.13214 3.98309C4.25104 4.11578 4.36332 4.22596 4.4671 4.31805C4.70147 4.26869 4.90173 4.25276 5.07159 4.26337C5.47778 4.28872 5.73263 4.46477 5.82062 4.67841C5.84302 4.73311 5.83494 4.79644 5.79913 4.84344C5.67242 5.00845 5.42115 5.12166 5.0882 5.05048C4.88208 5.00632 4.64593 4.89264 4.38019 4.68134C4.12014 4.75009 3.80755 4.8639 3.43683 5.04364C3.23555 5.3546 3.01816 5.61217 2.82843 5.76923C2.72981 5.85081 2.62151 5.92101 2.51691 5.94403C2.46208 5.95605 2.39262 5.95813 2.3255 5.92548C2.25506 5.89111 2.21309 5.83058 2.19171 5.76825C2.13819 5.61102 2.1771 5.46413 2.25519 5.34637C2.33 5.23376 2.44372 5.13997 2.56085 5.06415C2.76665 4.93106 3.02111 4.82953 3.2171 4.76825C3.3824 4.49747 3.52736 4.1894 3.62628 3.86981C3.35735 3.45693 3.29825 3.08772 3.34991 2.80438C3.38186 2.62971 3.45717 2.486 3.55109 2.39423C3.59731 2.34914 3.65714 2.30751 3.72687 2.29169ZM2.74249 5.34344C2.64308 5.40776 2.57139 5.47251 2.53253 5.53094C2.5181 5.55277 2.50905 5.57271 2.50421 5.59052C2.53297 5.5739 2.57071 5.54946 2.61554 5.51239C2.68353 5.4561 2.75776 5.37905 2.83722 5.28876C2.8048 5.30671 2.77238 5.32413 2.74249 5.34344ZM4.84796 4.5993C4.96775 4.66764 5.07157 4.70669 5.15851 4.72528C5.27954 4.7511 5.36769 4.73627 5.42999 4.71161C5.36123 4.66053 5.24424 4.60847 5.05109 4.59637C4.99033 4.59258 4.92257 4.59403 4.84796 4.5993ZM3.87042 4.18817C3.8224 4.31583 3.76805 4.43963 3.71027 4.55829C3.84324 4.50414 3.96851 4.45674 4.08722 4.41864C4.02118 4.35322 3.95324 4.28195 3.88409 4.20477C3.87938 4.19948 3.87508 4.19344 3.87042 4.18817ZM3.72687 2.71259C3.70718 2.75148 3.68935 2.80232 3.67804 2.86395C3.6553 2.98866 3.66315 3.15984 3.74054 3.36688C3.76861 3.14565 3.7664 2.92498 3.72687 2.71259ZM5.13312 2.19989H5.70636L5.13312 1.62958V2.19989Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_8773_8690" }, h("rect", { width: "8", height: "8", fill: "white" })))));
+
+const pdf = {
+    8: Pdf8,
+    10: Pdf10,
+    12: Pdf12,
+    16: Pdf16,
+    20: Pdf20,
+    24: Pdf24,
+};
+
+var Pdf = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    pdf: pdf
+});
+
 const Search8 = (props) => {
     return (h("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M3.71375 0.633606C5.25991 0.633869 6.51354 1.88718 6.51355 3.43341V3.71368C6.51345 4.37867 6.27983 4.98827 5.89246 5.46857L7.27917 6.85529C7.39584 6.97247 7.39614 7.16211 7.27917 7.27911C7.16218 7.39611 6.97254 7.39579 6.85535 7.27911L5.46863 5.8924C4.98833 6.2798 4.37875 6.51338 3.71375 6.51349H3.43347C1.88722 6.51349 0.633907 5.25988 0.633667 3.71368V3.43341C0.633678 1.88702 1.88708 0.633606 3.43347 0.633606H3.71375ZM3.43347 1.23322C2.21845 1.23322 1.23329 2.21839 1.23328 3.43341V3.71368C1.23352 4.92851 2.21859 5.9129 3.43347 5.9129H3.71375C4.9284 5.91264 5.91272 4.92834 5.91296 3.71368V3.43341C5.91295 2.21856 4.92854 1.23348 3.71375 1.23322H3.43347Z", fill: "currentColor" })));
 };
@@ -201,6 +514,17 @@ var Search = /*#__PURE__*/Object.freeze({
     search: search
 });
 
+const Youtube20 = (props) => (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_13895_22389)" }, h("path", { d: "M16.668 5C17.5884 5 18.335 5.74652 18.335 6.66699V13.333C18.335 14.2535 17.5884 15 16.668 15H3.33496C2.41449 15 1.66797 14.2535 1.66797 13.333V6.66699C1.66797 5.74652 2.41449 5 3.33496 5H16.668ZM9.0752 7.71582C8.93675 7.62356 8.75098 7.72327 8.75098 7.88965V12.1104C8.75098 12.2767 8.93675 12.3764 9.0752 12.2842L12.2412 10.1738C12.3649 10.0914 12.3649 9.90864 12.2412 9.82617L9.0752 7.71582Z", fill: "currentColor", ...props })), h("defs", null, h("clipPath", { id: "clip0_13895_22389" }, h("rect", { width: "20", height: "20", fill: "white" })))));
+
+const youtube = {
+    20: Youtube20,
+};
+
+var Youtube = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    youtube: youtube
+});
+
 const Icons = {
     ...ArrowDown,
     ...ArrowLeft,
@@ -211,9 +535,13 @@ const Icons = {
     ...Check,
     ...Close,
     ...Date,
+    ...Event,
     ...HelpOutline,
     ...PageMove,
+    ...Notion,
+    ...Pdf,
     ...Search,
+    ...Youtube,
 };
 
 const sdIconCss = ".sc-sd-icon-h{line-height:0}.sd-icon.sc-sd-icon{line-height:0;vertical-align:middle}.sd-icon--rotate-90.sc-sd-icon{transform:rotate(90deg)}.sd-icon--rotate-180.sc-sd-icon{transform:rotate(180deg)}.sd-icon--rotate-270.sc-sd-icon{transform:rotate(270deg)}";
@@ -235,6 +563,7 @@ const SdIcon = /*@__PURE__*/ proxyCustomElement(class SdIcon extends H {
     rotate;
     /** 접근성을 위한 라벨 */
     label;
+    iconStyle = {};
     getIconClasses() {
         const classes = ['sd-icon'];
         if (this.rotate) {
@@ -242,9 +571,12 @@ const SdIcon = /*@__PURE__*/ proxyCustomElement(class SdIcon extends H {
         }
         return classes.join(' ');
     }
+    get resolvedColor() {
+        return resolveColor(this.color);
+    }
     render() {
         const IconComponent = Icons[this.name]?.[this.size];
-        return (h("i", { key: '30977b51dcabd6e45df3cb9e56496bc87aecb25f', class: this.getIconClasses() }, h(IconComponent, { key: 'a4f46dfd37fdcb8655a89582bd33ad1f34d0a9b7', color: this.color })));
+        return (h("i", { key: 'e4a18e5410daf717d400488c1d68f1dd20017e71', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: '1300823f018f8f63a23b9caf1529beafb0b3583c', color: this.resolvedColor })));
     }
     static get style() { return sdIconCss; }
 }, [258, "sd-icon", {
@@ -252,7 +584,8 @@ const SdIcon = /*@__PURE__*/ proxyCustomElement(class SdIcon extends H {
         "size": [8],
         "color": [1],
         "rotate": [2],
-        "label": [1]
+        "label": [1],
+        "iconStyle": [16]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -268,7 +601,7 @@ function defineCustomElement() {
     } });
 }
 
-export { SdIcon as S, defineCustomElement as d };
-//# sourceMappingURL=p-CKRSlqok.js.map
+export { SdIcon as S, colors$1 as c, defineCustomElement as d, resolveColor as r };
+//# sourceMappingURL=p-CUaQiV_x.js.map
 
-//# sourceMappingURL=p-CKRSlqok.js.map
+//# sourceMappingURL=p-CUaQiV_x.js.map