@sellmate/design-system 0.0.1 → 0.0.2

package/dist/collection/components/assets/pdf/Pdf8.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export 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" })))));
+//# sourceMappingURL=Pdf8.js.map

package/dist/collection/components/assets/pdf/Pdf8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pdf8.js","sourceRoot":"","sources":["../../../../src/components/assets/pdf/Pdf8.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACxC,WAAK,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IACzF,sBAAa,uBAAuB;QACnC,YACC,CAAC,EAAC,47EAA47E,EAC97E,IAAI,EAAC,cAAc,KACf,KAAK,GACR,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,iBAAiB;YAC7B,YAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,CAChC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\r\n\r\nexport const Pdf8 = (props: SVGProps) => (\r\n <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n  <g clip-path=\"url(#clip0_8773_8690)\">\r\n   <path\r\n    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\"\r\n    fill=\"currentColor\"\r\n    {...props}\r\n   />\r\n  </g>\r\n  <defs>\r\n   <clipPath id=\"clip0_8773_8690\">\r\n    <rect width=\"8\" height=\"8\" fill=\"white\" />\r\n   </clipPath>\r\n  </defs>\r\n </svg>\r\n);\r\n"]}

package/dist/collection/components/assets/pdf/index.js

@@ -0,0 +1,15 @@
+import { Pdf10 } from "./Pdf10";
+import { Pdf12 } from "./Pdf12";
+import { Pdf16 } from "./Pdf16";
+import { Pdf20 } from "./Pdf20";
+import { Pdf24 } from "./Pdf24";
+import { Pdf8 } from "./Pdf8";
+export const pdf = {
+    8: Pdf8,
+    10: Pdf10,
+    12: Pdf12,
+    16: Pdf16,
+    20: Pdf20,
+    24: Pdf24,
+};
+//# sourceMappingURL=index.js.map

package/dist/collection/components/assets/pdf/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/assets/pdf/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,GAAG,GAAG;IAClB,CAAC,EAAE,IAAI;IACP,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;CACT,CAAC","sourcesContent":["import { Pdf10 } from './Pdf10';\r\nimport { Pdf12 } from './Pdf12';\r\nimport { Pdf16 } from './Pdf16';\r\nimport { Pdf20 } from './Pdf20';\r\nimport { Pdf24 } from './Pdf24';\r\nimport { Pdf8 } from './Pdf8';\r\n\r\nexport const pdf = {\r\n 8: Pdf8,\r\n 10: Pdf10,\r\n 12: Pdf12,\r\n 16: Pdf16,\r\n 20: Pdf20,\r\n 24: Pdf24,\r\n};\r\n"]}

package/dist/collection/components/assets/youtube/Youtube20.js

@@ -0,0 +1,3 @@
+import { h } from "@stencil/core";
+export 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" })))));
+//# sourceMappingURL=Youtube20.js.map

package/dist/collection/components/assets/youtube/Youtube20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Youtube20.js","sourceRoot":"","sources":["../../../../src/components/assets/youtube/Youtube20.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CAC7C,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAC7F,sBAAa,yBAAyB;QACrC,YACC,CAAC,EAAC,0YAA0Y,EAC5Y,IAAI,EAAC,cAAc,KACf,KAAK,GACR,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,mBAAmB;YAC/B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CAClC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\r\n\r\nexport const Youtube20 = (props: SVGProps) => (\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n  <g clip-path=\"url(#clip0_13895_22389)\">\r\n   <path\r\n    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\"\r\n    fill=\"currentColor\"\r\n    {...props}\r\n   />\r\n  </g>\r\n  <defs>\r\n   <clipPath id=\"clip0_13895_22389\">\r\n    <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n   </clipPath>\r\n  </defs>\r\n </svg>\r\n);\r\n"]}

package/dist/collection/components/assets/youtube/index.js

@@ -0,0 +1,5 @@
+import { Youtube20 } from "./Youtube20";
+export const youtube = {
+    20: Youtube20,
+};
+//# sourceMappingURL=index.js.map

package/dist/collection/components/assets/youtube/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/assets/youtube/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,EAAE,EAAE,SAAS;CACb,CAAC","sourcesContent":["import { Youtube20 } from './Youtube20';\r\n\r\nexport const youtube = {\r\n 20: Youtube20,\r\n};\r\n"]}

package/dist/collection/components/sd-button/sd-button.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { resolveColor } from "../../utils/color";
 const ICON_SIZES = {
     xs: 12,
     sm: 16,
@@ -14,8 +15,12 @@ export class SdButton {
     disabled = false;
     type = 'button';
     icon;
+    iconColor;
+    iconSize;
     iconRight;
     noHover = false;
+    buttonStyle = {};
+    iconStyle = {};
     sdClick;
     handleClick = (event) => {
         if (this.disabled) {
@@ -43,7 +48,9 @@ export class SdButton {
     }
     render() {
         const buttonClasses = this.getButtonClasses();
-        return (h("button", { key: 'd7040f0c9e953bacdea4d011448e79343d884fa9', class: buttonClasses, type: this.type, disabled: this.disabled, onClick: this.handleClick, style: { '--button-color': this.color } }, h("div", { key: '990687bf13041720c4248917519b32ce84cc8cf8', class: "sd-button__content" }, this.icon && (h("sd-icon", { key: '5b60a3218a80f20ff4dc4a0ef552e2004831c8bf', class: "sd-button__icon sd-button__icon--left", name: this.icon, size: ICON_SIZES[this.size], color: this.variant === 'primary' ? '#fff' : this.color })), this.label && h("div", { key: '990ba3e5d2a32618e20712f4c81b126e6bc95fa9', class: "sd-button__label" }, this.label), this.iconRight && (h("sd-icon", { key: '4c4cce5e5438e268fecbd40be9604f0ff122753c', class: "sd-button__icon sd-button__icon--right", name: this.iconRight, size: ICON_SIZES[this.size], color: this.variant === 'primary' ? '#fff' : this.color })))));
+        // 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)
+        const resolvedColor = resolveColor(this.color);
+        return (h("button", { key: '141a9b5faad4e3201cd213ac8d083d1619da8f3a', class: buttonClasses, type: this.type, disabled: this.disabled, onClick: this.handleClick, style: { '--button-color': resolvedColor, ...this.buttonStyle } }, h("div", { key: '5d00b000552539b9396ff472d693726fd9527e7f', class: "sd-button__content" }, this.icon && (h("sd-icon", { key: 'a3b1b9b5e2db53cff6f004fdd4d85c9e06ff9af4', class: "sd-button__icon sd-button__icon--left", name: this.icon, size: this.iconSize ? this.iconSize : ICON_SIZES[this.size], color: this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor })), this.label && h("div", { key: 'f40e01da25a5a7f8f6e6b0de805f0af8269c5413', class: "sd-button__label" }, this.label), this.iconRight && (h("sd-icon", { key: '3fb38d666bbd6619a59266dafb1706c1e79dbc25', class: "sd-button__icon sd-button__icon--right", name: this.iconRight, size: ICON_SIZES[this.size], color: this.variant === 'primary' ? '#fff' : resolvedColor })))));
     }
     static get is() { return "sd-button"; }
     static get encapsulation() { return "shadow"; }
@@ -196,7 +203,7 @@ export class SdButton {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"check\" | \"close\" | \"date\" | \"helpOutline\" | \"pageMove\" | \"search\" | undefined",
+                    "resolved": "\"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"check\" | \"close\" | \"date\" | \"event\" | \"helpOutline\" | \"notion\" | \"pageMove\" | \"pdf\" | \"search\" | \"youtube\" | undefined",
                     "references": {
                         "IconName": {
                             "location": "global",
@@ -215,12 +222,50 @@ export class SdButton {
                 "reflect": false,
                 "attribute": "icon"
             },
+            "iconColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon-color"
+            },
+            "iconSize": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon-size"
+            },
             "iconRight": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"check\" | \"close\" | \"date\" | \"helpOutline\" | \"pageMove\" | \"search\" | undefined",
+                    "resolved": "\"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"check\" | \"close\" | \"date\" | \"event\" | \"helpOutline\" | \"notion\" | \"pageMove\" | \"pdf\" | \"search\" | \"youtube\" | undefined",
                     "references": {
                         "IconName": {
                             "location": "global",
@@ -258,6 +303,52 @@ export class SdButton {
                 "reflect": false,
                 "attribute": "no-hover",
                 "defaultValue": "false"
+            },
+            "buttonStyle": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "StyleProps",
+                    "resolved": "{ [key: string]: any; }",
+                    "references": {
+                        "StyleProps": {
+                            "location": "global",
+                            "id": "global::StyleProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            },
+            "iconStyle": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "StyleProps",
+                    "resolved": "{ [key: string]: any; }",
+                    "references": {
+                        "StyleProps": {
+                            "location": "global",
+                            "id": "global::StyleProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
             }
         };
     }

package/dist/collection/components/sd-button/sd-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-button.js","sourceRoot":"","sources":["../../../src/components/sd-button/sd-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\r\n\r\nexport type ButtonVariant = 'primary' | 'outline' | 'ghost';\r\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nconst ICON_SIZES: { [key in ButtonSize]: number } = {\r\n xs: 12,\r\n sm: 16,\r\n md: 20,\r\n lg: 24,\r\n};\r\n\r\n@Component({\r\n tag: 'sd-button',\r\n styleUrl: 'sd-button.scss',\r\n shadow: true,\r\n})\r\nexport class SdButton {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() variant?: ButtonVariant = 'primary';\r\n @Prop() size: ButtonSize = 'sm';\r\n @Prop() color: string = '#025497';\r\n @Prop() label: string = '';\r\n @Prop() disabled: boolean = false;\r\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\r\n @Prop() icon?: IconName;\r\n @Prop() iconRight?: IconName;\r\n @Prop() noHover: boolean = false;\r\n\r\n @Event() sdClick!: EventEmitter<MouseEvent>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n  if (this.disabled) {\r\n   event.preventDefault();\r\n   event.stopPropagation();\r\n   return;\r\n  }\r\n  this.sdClick.emit(event);\r\n };\r\n\r\n private getButtonClasses(): string {\r\n  const classes = ['sd-button'];\r\n\r\n  classes.push(`sd-button--${this.variant}`);\r\n  classes.push(`sd-button--${this.size}`);\r\n  classes.push(`sd-button--color-${this.color}`);\r\n\r\n  if (this.disabled) {\r\n   classes.push('sd-button--disabled');\r\n  }\r\n\r\n  if (!this.label && (this.icon || this.iconRight)) {\r\n   classes.push('sd-button--icon-only');\r\n  }\r\n\r\n  if (this.noHover) {\r\n   classes.push('sd-button--no-hover');\r\n  }\r\n\r\n  return classes.join(' ');\r\n }\r\n\r\n render() {\r\n  const buttonClasses = this.getButtonClasses();\r\n\r\n  return (\r\n   <button\r\n    class={buttonClasses}\r\n    type={this.type}\r\n    disabled={this.disabled}\r\n    onClick={this.handleClick}\r\n    style={{ '--button-color': this.color }}\r\n   >\r\n    <div class=\"sd-button__content\">\r\n     {this.icon && (\r\n      <sd-icon\r\n       class=\"sd-button__icon sd-button__icon--left\"\r\n       name={this.icon}\r\n       size={ICON_SIZES[this.size!]}\r\n       color={this.variant === 'primary' ? '#fff' : this.color}\r\n      ></sd-icon>\r\n     )}\r\n\r\n     {this.label && <div class=\"sd-button__label\">{this.label}</div>}\r\n\r\n     {this.iconRight && (\r\n      <sd-icon\r\n       class=\"sd-button__icon sd-button__icon--right\"\r\n       name={this.iconRight}\r\n       size={ICON_SIZES[this.size!]}\r\n       color={this.variant === 'primary' ? '#fff' : this.color}\r\n      ></sd-icon>\r\n     )}\r\n    </div>\r\n   </button>\r\n  );\r\n }\r\n}\r\n"]}
+{"version":3,"file":"sd-button.js","sourceRoot":"","sources":["../../../src/components/sd-button/sd-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\nexport type ButtonVariant = 'primary' | 'outline' | 'ghost';\r\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nconst ICON_SIZES: { [key in ButtonSize]: number } = {\r\n xs: 12,\r\n sm: 16,\r\n md: 20,\r\n lg: 24,\r\n};\r\n\r\n@Component({\r\n tag: 'sd-button',\r\n styleUrl: 'sd-button.scss',\r\n shadow: true,\r\n})\r\nexport class SdButton {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() variant?: ButtonVariant = 'primary';\r\n @Prop() size: ButtonSize = 'sm';\r\n @Prop() color: string = '#025497';\r\n @Prop() label: string = '';\r\n @Prop() disabled: boolean = false;\r\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\r\n @Prop() icon?: IconName;\r\n @Prop() iconColor?: string;\r\n @Prop() iconSize?: number;\r\n @Prop() iconRight?: IconName;\r\n @Prop() noHover: boolean = false;\r\n\r\n @Prop() buttonStyle: StyleProps = {};\r\n @Prop() iconStyle: StyleProps = {};\r\n\r\n @Event() sdClick!: EventEmitter<MouseEvent>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n  if (this.disabled) {\r\n   event.preventDefault();\r\n   event.stopPropagation();\r\n   return;\r\n  }\r\n  this.sdClick.emit(event);\r\n };\r\n\r\n private getButtonClasses(): string {\r\n  const classes = ['sd-button'];\r\n\r\n  classes.push(`sd-button--${this.variant}`);\r\n  classes.push(`sd-button--${this.size}`);\r\n  classes.push(`sd-button--color-${this.color}`);\r\n\r\n  if (this.disabled) {\r\n   classes.push('sd-button--disabled');\r\n  }\r\n\r\n  if (!this.label && (this.icon || this.iconRight)) {\r\n   classes.push('sd-button--icon-only');\r\n  }\r\n\r\n  if (this.noHover) {\r\n   classes.push('sd-button--no-hover');\r\n  }\r\n\r\n  return classes.join(' ');\r\n }\r\n\r\n render() {\r\n  const buttonClasses = this.getButtonClasses();\r\n  // 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)\r\n  const resolvedColor = resolveColor(this.color);\r\n\r\n  return (\r\n   <button\r\n    class={buttonClasses}\r\n    type={this.type}\r\n    disabled={this.disabled}\r\n    onClick={this.handleClick}\r\n    style={{ '--button-color': resolvedColor, ...this.buttonStyle }}\r\n   >\r\n    <div class=\"sd-button__content\">\r\n     {this.icon && (\r\n      <sd-icon\r\n       class=\"sd-button__icon sd-button__icon--left\"\r\n       name={this.icon}\r\n       size={this.iconSize ? this.iconSize : ICON_SIZES[this.size!]}\r\n       color={this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor}\r\n      ></sd-icon>\r\n     )}\r\n\r\n     {this.label && <div class=\"sd-button__label\">{this.label}</div>}\r\n\r\n     {this.iconRight && (\r\n      <sd-icon\r\n       class=\"sd-button__icon sd-button__icon--right\"\r\n       name={this.iconRight}\r\n       size={ICON_SIZES[this.size!]}\r\n       color={this.variant === 'primary' ? '#fff' : resolvedColor}\r\n      ></sd-icon>\r\n     )}\r\n    </div>\r\n   </button>\r\n  );\r\n }\r\n}\r\n"]}