@sellmate/design-system 0.0.33 → 0.0.35

package/dist/collection/components/assets/arrowUpDown/ArrowUpDown12.js

@@ -1,5 +0,0 @@
-import { h } from "@stencil/core";
-export const ArrowUpDown12 = (props) => {
-    return (h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M3.25 10.5V1.5M3.25 1.5L1 3.5122M3.25 1.5L5.5 3.5122", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M8.75 1.5V10.5M8.75 10.5L6.5 8.4878M8.75 10.5L11 8.4878", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-};
-//# sourceMappingURL=ArrowUpDown12.js.map

package/dist/collection/components/assets/arrowUpDown/ArrowUpDown12.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArrowUpDown12.js","sourceRoot":"","sources":["../../../../src/components/assets/arrowUpDown/ArrowUpDown12.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAe,EAAE,EAAE;IAChD,OAAO,CACN,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;QAET,YACC,CAAC,EAAC,sDAAsD,EACxD,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,GACtB;QACF,YACC,CAAC,EAAC,yDAAyD,EAC3D,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,GACtB,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const ArrowUpDown12 = (props: SVGProps) => {\n return (\n  <svg\n   width=\"12\"\n   height=\"12\"\n   viewBox=\"0 0 12 12\"\n   fill=\"none\"\n   xmlns=\"http://www.w3.org/2000/svg\"\n   {...props}\n  >\n   <path\n    d=\"M3.25 10.5V1.5M3.25 1.5L1 3.5122M3.25 1.5L5.5 3.5122\"\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n   />\n   <path\n    d=\"M8.75 1.5V10.5M8.75 10.5L6.5 8.4878M8.75 10.5L11 8.4878\"\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n   />\n  </svg>\n );\n};\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/assets/arrowUpDown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,EAAE,EAAE,aAAa;CACjB,CAAC","sourcesContent":["import { ArrowUpDown12 } from './ArrowUpDown12';\n\nexport const arrowUpDown = {\n 12: ArrowUpDown12,\n};\n"]}

package/dist/collection/components/assets/etc/etc10.js

@@ -1,3 +0,0 @@
-import { h } from "@stencil/core";
-export const Etc10 = (props) => (h("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_8773_6932)" }, h("path", { d: "M1.45831 4.375C1.80349 4.375 2.08331 4.65482 2.08331 5C2.08331 5.34518 1.80349 5.625 1.45831 5.625C1.11314 5.625 0.833313 5.34518 0.833313 5C0.833313 4.65482 1.11314 4.375 1.45831 4.375ZM5.00031 4.375C5.34534 4.37516 5.62531 4.65492 5.62531 5C5.62531 5.34508 5.34534 5.62484 5.00031 5.625C4.65513 5.625 4.37531 5.34518 4.37531 5C4.37531 4.65482 4.65513 4.375 5.00031 4.375ZM8.54132 4.375C8.8865 4.375 9.16632 4.65482 9.16632 5C9.16632 5.34518 8.8865 5.625 8.54132 5.625C8.1963 5.62481 7.91632 5.34506 7.91632 5C7.91632 4.65494 8.1963 4.37519 8.54132 4.375Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8773_6932" }, h("rect", { width: "10", height: "10", fill: "transparent" })))));
-//# sourceMappingURL=etc10.js.map

package/dist/collection/components/assets/etc/etc10.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"etc10.js","sourceRoot":"","sources":["../../../../src/components/assets/etc/etc10.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACzC,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,sBAAa,uBAAuB;QACnC,YACC,CAAC,EAAC,8iBAA8iB,EAChjB,IAAI,EAAC,cAAc,GAClB,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,iBAAiB;YAC7B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,GAAG,CACxC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Etc10 = (props: SVGProps) => (\n <svg\n  width=\"10\"\n  height=\"10\"\n  viewBox=\"0 0 10 10\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <g clip-path=\"url(#clip0_8773_6932)\">\n   <path\n    d=\"M1.45831 4.375C1.80349 4.375 2.08331 4.65482 2.08331 5C2.08331 5.34518 1.80349 5.625 1.45831 5.625C1.11314 5.625 0.833313 5.34518 0.833313 5C0.833313 4.65482 1.11314 4.375 1.45831 4.375ZM5.00031 4.375C5.34534 4.37516 5.62531 4.65492 5.62531 5C5.62531 5.34508 5.34534 5.62484 5.00031 5.625C4.65513 5.625 4.37531 5.34518 4.37531 5C4.37531 4.65482 4.65513 4.375 5.00031 4.375ZM8.54132 4.375C8.8865 4.375 9.16632 4.65482 9.16632 5C9.16632 5.34518 8.8865 5.625 8.54132 5.625C8.1963 5.62481 7.91632 5.34506 7.91632 5C7.91632 4.65494 8.1963 4.37519 8.54132 4.375Z\"\n    fill=\"currentColor\"\n   />\n  </g>\n  <defs>\n   <clipPath id=\"clip0_8773_6932\">\n    <rect width=\"10\" height=\"10\" fill=\"transparent\" />\n   </clipPath>\n  </defs>\n </svg>\n);\n"]}

package/dist/collection/components/assets/etc/etc12.js

@@ -1,3 +0,0 @@
-import { h } from "@stencil/core";
-export const Etc12 = (props) => (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_42002)" }, h("path", { d: "M1.75 5.25C2.16421 5.25 2.5 5.58579 2.5 6C2.5 6.41421 2.16421 6.75 1.75 6.75C1.33579 6.75 1 6.41421 1 6C1 5.58579 1.33579 5.25 1.75 5.25ZM6 5.25C6.41421 5.25 6.75 5.58579 6.75 6C6.75 6.41421 6.41421 6.75 6 6.75C5.58579 6.75 5.25 6.41421 5.25 6C5.25 5.58579 5.58579 5.25 6 5.25ZM10.25 5.25C10.6642 5.25 11 5.58579 11 6C11 6.41421 10.6642 6.75 10.25 6.75C9.83579 6.75 9.5 6.41421 9.5 6C9.5 5.58579 9.83579 5.25 10.25 5.25Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8697_42002" }, h("rect", { width: "12", height: "12", fill: "transparent" })))));
-//# sourceMappingURL=etc12.js.map

package/dist/collection/components/assets/etc/etc12.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"etc12.js","sourceRoot":"","sources":["../../../../src/components/assets/etc/etc12.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACzC,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,sBAAa,wBAAwB;QACpC,YACC,CAAC,EAAC,saAAsa,EACxa,IAAI,EAAC,cAAc,GAClB,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,kBAAkB;YAC9B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,GAAG,CACxC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Etc12 = (props: SVGProps) => (\n <svg\n  width=\"12\"\n  height=\"12\"\n  viewBox=\"0 0 12 12\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <g clip-path=\"url(#clip0_8697_42002)\">\n   <path\n    d=\"M1.75 5.25C2.16421 5.25 2.5 5.58579 2.5 6C2.5 6.41421 2.16421 6.75 1.75 6.75C1.33579 6.75 1 6.41421 1 6C1 5.58579 1.33579 5.25 1.75 5.25ZM6 5.25C6.41421 5.25 6.75 5.58579 6.75 6C6.75 6.41421 6.41421 6.75 6 6.75C5.58579 6.75 5.25 6.41421 5.25 6C5.25 5.58579 5.58579 5.25 6 5.25ZM10.25 5.25C10.6642 5.25 11 5.58579 11 6C11 6.41421 10.6642 6.75 10.25 6.75C9.83579 6.75 9.5 6.41421 9.5 6C9.5 5.58579 9.83579 5.25 10.25 5.25Z\"\n    fill=\"currentColor\"\n   />\n  </g>\n  <defs>\n   <clipPath id=\"clip0_8697_42002\">\n    <rect width=\"12\" height=\"12\" fill=\"transparent\" />\n   </clipPath>\n  </defs>\n </svg>\n);\n"]}

package/dist/collection/components/assets/etc/etc16.js

@@ -1,3 +0,0 @@
-import { h } from "@stencil/core";
-export const Etc16 = (props) => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_8697_41607)" }, h("path", { d: "M2.33331 7C2.8856 7 3.33331 7.44772 3.33331 8C3.33331 8.55228 2.8856 9 2.33331 9C1.78103 9 1.33331 8.55228 1.33331 8C1.33331 7.44772 1.78103 7 2.33331 7ZM8.00031 7C8.55245 7.00016 9.00031 7.44782 9.00031 8C9.00031 8.55218 8.55245 8.99984 8.00031 9C7.44802 9 7.00031 8.55228 7.00031 8C7.00031 7.44772 7.44802 7 8.00031 7ZM13.6663 7C14.2186 7 14.6663 7.44772 14.6663 8C14.6663 8.55228 14.2186 9 13.6663 9C13.1142 8.99981 12.6663 8.55217 12.6663 8C12.6663 7.44783 13.1142 7.00019 13.6663 7Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8697_41607" }, h("rect", { width: "16", height: "16", fill: "transparent" })))));
-//# sourceMappingURL=etc16.js.map

package/dist/collection/components/assets/etc/etc16.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"etc16.js","sourceRoot":"","sources":["../../../../src/components/assets/etc/etc16.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACzC,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,sBAAa,wBAAwB;QACpC,YACC,CAAC,EAAC,yeAAye,EAC3e,IAAI,EAAC,cAAc,GAClB,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,kBAAkB;YAC9B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,GAAG,CACxC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Etc16 = (props: SVGProps) => (\n <svg\n  width=\"16\"\n  height=\"16\"\n  viewBox=\"0 0 16 16\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <g clip-path=\"url(#clip0_8697_41607)\">\n   <path\n    d=\"M2.33331 7C2.8856 7 3.33331 7.44772 3.33331 8C3.33331 8.55228 2.8856 9 2.33331 9C1.78103 9 1.33331 8.55228 1.33331 8C1.33331 7.44772 1.78103 7 2.33331 7ZM8.00031 7C8.55245 7.00016 9.00031 7.44782 9.00031 8C9.00031 8.55218 8.55245 8.99984 8.00031 9C7.44802 9 7.00031 8.55228 7.00031 8C7.00031 7.44772 7.44802 7 8.00031 7ZM13.6663 7C14.2186 7 14.6663 7.44772 14.6663 8C14.6663 8.55228 14.2186 9 13.6663 9C13.1142 8.99981 12.6663 8.55217 12.6663 8C12.6663 7.44783 13.1142 7.00019 13.6663 7Z\"\n    fill=\"currentColor\"\n   />\n  </g>\n  <defs>\n   <clipPath id=\"clip0_8697_41607\">\n    <rect width=\"16\" height=\"16\" fill=\"transparent\" />\n   </clipPath>\n  </defs>\n </svg>\n);\n"]}

package/dist/collection/components/assets/etc/etc20.js

@@ -1,3 +0,0 @@
-import { h } from "@stencil/core";
-export const Etc20 = (props) => (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_8697_41099)" }, h("path", { d: "M2.91669 8.75C3.60704 8.75 4.16669 9.30964 4.16669 10C4.16669 10.6904 3.60704 11.25 2.91669 11.25C2.22633 11.25 1.66669 10.6904 1.66669 10C1.66669 9.30964 2.22633 8.75 2.91669 8.75ZM9.99969 8.75C10.6901 8.75 11.2497 9.30964 11.2497 10C11.2497 10.6904 10.6901 11.25 9.99969 11.25C9.30948 11.2498 8.74969 10.6903 8.74969 10C8.74969 9.30975 9.30948 8.75016 9.99969 8.75ZM17.0837 8.75C17.7739 8.75019 18.3337 9.30976 18.3337 10C18.3337 10.6902 17.7739 11.2498 17.0837 11.25C16.3933 11.25 15.8337 10.6904 15.8337 10C15.8337 9.30964 16.3933 8.75 17.0837 8.75Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8697_41099" }, h("rect", { width: "20", height: "20", fill: "transparent" })))));
-//# sourceMappingURL=etc20.js.map

package/dist/collection/components/assets/etc/etc20.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"etc20.js","sourceRoot":"","sources":["../../../../src/components/assets/etc/etc20.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACzC,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,sBAAa,wBAAwB;QACpC,YACC,CAAC,EAAC,2iBAA2iB,EAC7iB,IAAI,EAAC,cAAc,GAClB,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,kBAAkB;YAC9B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,GAAG,CACxC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Etc20 = (props: SVGProps) => (\n <svg\n  width=\"20\"\n  height=\"20\"\n  viewBox=\"0 0 20 20\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <g clip-path=\"url(#clip0_8697_41099)\">\n   <path\n    d=\"M2.91669 8.75C3.60704 8.75 4.16669 9.30964 4.16669 10C4.16669 10.6904 3.60704 11.25 2.91669 11.25C2.22633 11.25 1.66669 10.6904 1.66669 10C1.66669 9.30964 2.22633 8.75 2.91669 8.75ZM9.99969 8.75C10.6901 8.75 11.2497 9.30964 11.2497 10C11.2497 10.6904 10.6901 11.25 9.99969 11.25C9.30948 11.2498 8.74969 10.6903 8.74969 10C8.74969 9.30975 9.30948 8.75016 9.99969 8.75ZM17.0837 8.75C17.7739 8.75019 18.3337 9.30976 18.3337 10C18.3337 10.6902 17.7739 11.2498 17.0837 11.25C16.3933 11.25 15.8337 10.6904 15.8337 10C15.8337 9.30964 16.3933 8.75 17.0837 8.75Z\"\n    fill=\"currentColor\"\n   />\n  </g>\n  <defs>\n   <clipPath id=\"clip0_8697_41099\">\n    <rect width=\"20\" height=\"20\" fill=\"transparent\" />\n   </clipPath>\n  </defs>\n </svg>\n);\n"]}

package/dist/collection/components/assets/etc/etc24.js

@@ -1,3 +0,0 @@
-import { h } from "@stencil/core";
-export const Etc24 = (props) => (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("g", { "clip-path": "url(#clip0_314_2164)" }, h("path", { d: "M3.5 10.5C4.32843 10.5 5 11.1716 5 12C5 12.8284 4.32843 13.5 3.5 13.5C2.67157 13.5 2 12.8284 2 12C2 11.1716 2.67157 10.5 3.5 10.5ZM12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5ZM20.5 10.5C21.3284 10.5 22 11.1716 22 12C22 12.8284 21.3284 13.5 20.5 13.5C19.6716 13.5 19 12.8284 19 12C19 11.1716 19.6716 10.5 20.5 10.5Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_314_2164" }, h("rect", { width: "24", height: "24", fill: "transparent" })))));
-//# sourceMappingURL=etc24.js.map

package/dist/collection/components/assets/etc/etc24.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"etc24.js","sourceRoot":"","sources":["../../../../src/components/assets/etc/etc24.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACzC,WACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,sBAAa,sBAAsB;QAClC,YACC,CAAC,EAAC,gaAAga,EACla,IAAI,EAAC,cAAc,GAClB,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,gBAAgB;YAC5B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,GAAG,CACxC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Etc24 = (props: SVGProps) => (\n <svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <g clip-path=\"url(#clip0_314_2164)\">\n   <path\n    d=\"M3.5 10.5C4.32843 10.5 5 11.1716 5 12C5 12.8284 4.32843 13.5 3.5 13.5C2.67157 13.5 2 12.8284 2 12C2 11.1716 2.67157 10.5 3.5 10.5ZM12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5ZM20.5 10.5C21.3284 10.5 22 11.1716 22 12C22 12.8284 21.3284 13.5 20.5 13.5C19.6716 13.5 19 12.8284 19 12C19 11.1716 19.6716 10.5 20.5 10.5Z\"\n    fill=\"currentColor\"\n   />\n  </g>\n  <defs>\n   <clipPath id=\"clip0_314_2164\">\n    <rect width=\"24\" height=\"24\" fill=\"transparent\" />\n   </clipPath>\n  </defs>\n </svg>\n);\n"]}

package/dist/collection/components/assets/etc/etc8.js

@@ -1,3 +0,0 @@
-import { h } from "@stencil/core";
-export const Etc8 = (props) => (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_8730)" }, h("path", { d: "M1.16669 3.5C1.44283 3.5 1.66669 3.72386 1.66669 4C1.66669 4.27614 1.44283 4.5 1.16669 4.5C0.890545 4.5 0.666687 4.27614 0.666687 4C0.666687 3.72386 0.890545 3.5 1.16669 3.5ZM3.99969 3.5C4.27584 3.5 4.49969 3.72386 4.49969 4C4.49969 4.27614 4.27584 4.5 3.99969 4.5C3.72369 4.49984 3.49969 4.27604 3.49969 4C3.49969 3.72396 3.72369 3.50016 3.99969 3.5ZM6.83368 3.5C7.10966 3.50019 7.33368 3.72397 7.33368 4C7.33368 4.27603 7.10966 4.49981 6.83368 4.5C6.55754 4.5 6.33368 4.27614 6.33368 4C6.33368 3.72386 6.55754 3.5 6.83368 3.5Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_8773_8730" }, h("rect", { width: "8", height: "8", fill: "transparent" })))));
-//# sourceMappingURL=etc8.js.map

package/dist/collection/components/assets/etc/etc8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"etc8.js","sourceRoot":"","sources":["../../../../src/components/assets/etc/etc8.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACxC,WACC,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;IAET,sBAAa,uBAAuB;QACnC,YACC,CAAC,EAAC,khBAAkhB,EACphB,IAAI,EAAC,cAAc,GAClB,CACC;IACJ;QACC,gBAAU,EAAE,EAAC,iBAAiB;YAC7B,YAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAC,aAAa,GAAG,CACtC,CACL,CACF,CACN,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const Etc8 = (props: SVGProps) => (\n <svg\n  width=\"8\"\n  height=\"8\"\n  viewBox=\"0 0 8 8\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  {...props}\n >\n  <g clip-path=\"url(#clip0_8773_8730)\">\n   <path\n    d=\"M1.16669 3.5C1.44283 3.5 1.66669 3.72386 1.66669 4C1.66669 4.27614 1.44283 4.5 1.16669 4.5C0.890545 4.5 0.666687 4.27614 0.666687 4C0.666687 3.72386 0.890545 3.5 1.16669 3.5ZM3.99969 3.5C4.27584 3.5 4.49969 3.72386 4.49969 4C4.49969 4.27614 4.27584 4.5 3.99969 4.5C3.72369 4.49984 3.49969 4.27604 3.49969 4C3.49969 3.72396 3.72369 3.50016 3.99969 3.5ZM6.83368 3.5C7.10966 3.50019 7.33368 3.72397 7.33368 4C7.33368 4.27603 7.10966 4.49981 6.83368 4.5C6.55754 4.5 6.33368 4.27614 6.33368 4C6.33368 3.72386 6.55754 3.5 6.83368 3.5Z\"\n    fill=\"currentColor\"\n   />\n  </g>\n  <defs>\n   <clipPath id=\"clip0_8773_8730\">\n    <rect width=\"8\" height=\"8\" fill=\"transparent\" />\n   </clipPath>\n  </defs>\n </svg>\n);\n"]}

package/dist/components/p-Dvtwm2UI.js.map

@@ -1 +0,0 @@
-{"file":"p-Dvtwm2UI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-tooltip/sd-tooltip.scss?tag=sd-tooltip","src/components/sd-tooltip/sd-tooltip.tsx"],"sourcesContent":["sd-tooltip {\n [slot='content'] {\n  display: none;\n }\n\n .sd-tooltip {\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n }\n}\n\n.sd-tooltip-menu {\n width: fit-content;\n padding: 8px 16px;\n border-radius: 4px;\n font-size: 12px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n align-items: start;\n justify-content: center;\n gap: 12px;\n\n &--with-close {\n  padding-right: 12px !important;\n }\n\n &__arrow {\n  position: absolute;\n  display: flex;\n  width: 9.6px;\n  height: 7.2px;\n  svg {\n   width: 100%;\n   height: 100%;\n  }\n  &--top {\n   bottom: -7.2px;\n   left: 50%;\n   transform: translateX(-50%);\n  }\n  &--bottom {\n   top: -7.2px;\n   left: 50%;\n   transform: translateX(-50%) rotate(180deg);\n  }\n  &--left {\n   right: -7.2px;\n   top: 50%;\n   transform: translateY(-50%) rotate(-90deg);\n  }\n  &--right {\n   left: -7.2px;\n   top: 50%;\n   transform: translateY(-50%) rotate(90deg);\n  }\n }\n\n &__content {\n  line-height: 20px;\n  font-weight: 500;\n\n  p {\n   margin: 0;\n  }\n }\n\n &__close-button {\n  padding-top: 4px;\n  display: flex;\n  button {\n   padding: 0;\n   background: none;\n   border: none;\n   cursor: pointer;\n  }\n }\n}\n","import { Component, Element, Fragment, Prop, State, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { ButtonSize, ButtonVariant } from '../sd-button/sd-button';\nimport { TooltipArrow } from '../assets/tooltipArrow';\n\n@Component({\n tag: 'sd-tooltip',\n styleUrl: 'sd-tooltip.scss',\n})\nexport class SdTooltip {\n @Element() el!: HTMLElement;\n\n @Prop() trigger: 'hover' | 'click' = 'hover';\n @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'top';\n @Prop() color: string = '#01BB4B';\n @Prop() type: 'default' | 'caution' | 'notice' | 'accent' = 'default';\n\n @Prop() icon: IconName = 'helpOutline';\n @Prop() iconSize: number = 12;\n\n @Prop() label: string = '';\n @Prop() buttonSize: ButtonSize = 'sm';\n @Prop() buttonVariant: ButtonVariant = 'primary';\n\n @Prop() noHover: boolean = true;\n\n @Prop() useClose: boolean = false;\n\n @State() showTooltip: boolean = false;\n @State() slotContent: HTMLElement | null = null;\n\n private static readonly COLOR_OF_TYPE = {\n  default: { background: 'oceanblue_85', text: 'white' },\n  caution: { background: 'red_20', text: 'red_70' },\n  notice: { background: 'orange_10', text: 'orange_65' },\n  accent: { background: 'brilliantblue_20', text: 'brilliantblue_75' },\n };\n\n private buttonEl?: HTMLStencilElement;\n\n private handleClose = () => {\n  this.showTooltip = false;\n };\n\n // 현재 tooltip popover가 조건부 렌더링이여서 초기 slot이 렌더링 되지 않은 시점에\n // 데이터 매핑에 실패 (light dom에 저장된 slot내용을 shadow dom을 찾지못해 매핑 실패)\n // 따라서 slot내용을 받은 후에 복제하여 state에 저장\n componentWillLoad() {\n  const contentEl = this.el.querySelector('[slot=\"content\"]');\n  if (contentEl) {\n   this.slotContent = contentEl.cloneNode(true) as HTMLElement;\n  }\n }\n\n render() {\n  const handleTrigger =\n   this.trigger === 'hover'\n    ? {\n       onMouseEnter: () => (this.showTooltip = true),\n       onMouseLeave: () => (this.showTooltip = false),\n      }\n    : {\n       onClick: () => (this.showTooltip = !this.showTooltip),\n      };\n\n  return (\n   <Fragment>\n    {this.label ? (\n     <sd-button\n      ref={el => (this.buttonEl = el)}\n      label={this.label}\n      icon={this.icon}\n      size={this.buttonSize}\n      color={this.color}\n      variant={this.buttonVariant}\n      class=\"sd-tooltip\"\n      {...handleTrigger}\n     ></sd-button>\n    ) : (\n     <sd-icon\n      ref={el => (this.buttonEl = el)}\n      name={this.icon}\n      size={this.iconSize}\n      color={this.color}\n      class=\"sd-tooltip\"\n      {...handleTrigger}\n     ></sd-icon>\n    )}\n\n    {this.showTooltip && (\n     <sd-tooltip-portal\n      parentRef={this.buttonEl}\n      onSdClose={() => this.handleClose()}\n      placement={this.placement}\n     >\n      <div\n       class={{\n        'sd-tooltip-menu': true,\n        [`sd-tooltip-menu--${this.type}`]: true,\n        [`sd-tooltip-menu--${this.placement}`]: true,\n        'sd-tooltip-menu--with-close': this.useClose,\n        [`bg-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,\n        [`text-${SdTooltip.COLOR_OF_TYPE[this.type].text}`]: true,\n       }}\n      >\n       <i class={`sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}`}>\n        <TooltipArrow\n         class={{\n          [`text-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,\n         }}\n        ></TooltipArrow>\n       </i>\n\n       <div\n        class=\"sd-tooltip-menu__content\"\n        ref={el => {\n         if (el && this.slotContent && !el.hasChildNodes()) {\n          el.appendChild(this.slotContent.cloneNode(true));\n         }\n        }}\n       >\n        {!this.slotContent && <span>{this.el.textContent}</span>}\n       </div>\n\n       {this.useClose && (\n        <div class=\"sd-tooltip-menu__close-button\">\n         <button\n          type=\"button\"\n          aria-label=\"Close tooltip\"\n          title=\"Close tooltip\"\n          onClick={() => this.handleClose()}\n         >\n          <sd-icon name=\"close\" size=\"12\" color=\"#AAAAAA\"></sd-icon>\n         </button>\n        </div>\n       )}\n      </div>\n     </sd-tooltip-portal>\n    )}\n   </Fragment>\n  );\n }\n}\n"],"version":3}