@sellmate/design-system 0.0.52 → 0.0.54

package/dist/components/{p-BsyfatBe.js → p-CV5tKC24.js}

@@ -1,4 +1,4 @@
-import { h, p as proxyCustomElement, H } from './p-TFWJruz2.js';
+import { h, p as proxyCustomElement, H, t as transformTag } from './p-CQBrru3e.js';
 import { r as resolveColor } from './p-BYf-ybt2.js';
 
 const Add8 = (props) => (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.99969 0.633484C4.16537 0.633484 4.29948 0.767622 4.2995 0.933289V3.69989H7.06708C7.23245 3.70014 7.36672 3.8343 7.36688 3.99969C7.36688 4.16523 7.23255 4.29925 7.06708 4.2995H4.2995V7.06708C4.29925 7.23255 4.16523 7.36688 3.99969 7.36688C3.8343 7.36672 3.70014 7.23245 3.69989 7.06708V4.2995H0.933289C0.767622 4.29948 0.633484 4.16537 0.633484 3.99969C0.633648 3.83416 0.767724 3.69991 0.933289 3.69989H3.69989V0.933289C3.69991 0.767724 3.83416 0.633648 3.99969 0.633484Z", fill: "currentColor" })));
@@ -1981,7 +1981,7 @@ const Icons = {
     ...Youtube,
 };
 
-const sdIconCss = "sd-icon{line-height:0}sd-icon .sd-icon{line-height:0;vertical-align:middle}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}";
+const sdIconCss = () => `sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}`;
 
 const SdIcon = /*@__PURE__*/ proxyCustomElement(class SdIcon extends H {
     constructor(registerHost) {
@@ -2013,9 +2013,9 @@ const SdIcon = /*@__PURE__*/ proxyCustomElement(class SdIcon extends H {
     }
     render() {
         const IconComponent = Icons[this.name]?.[this.size];
-        return (h("i", { key: 'dc540c5746fedd2fed7bdf8e179b56878abe5a3b', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: 'ff1e903198b5362d8e3521c6477ddd0b96948ad9', color: this.resolvedColor })));
+        return (h("i", { key: 'f3ff9d0b1134a67b6f8897ede7b4cd449589d618', class: this.getIconClasses(), style: this.iconStyle }, h(IconComponent, { key: '0acd90f22d7f2e3e875b690d41dbb4a297b42d7f', color: this.resolvedColor })));
     }
-    static get style() { return sdIconCss; }
+    static get style() { return sdIconCss(); }
 }, [768, "sd-icon", {
         "name": [1],
         "size": [8],
@@ -2031,14 +2031,14 @@ function defineCustomElement() {
     const components = ["sd-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "sd-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SdIcon);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), SdIcon);
             }
             break;
     } });
 }
 
 export { SdIcon as S, defineCustomElement as d };
-//# sourceMappingURL=p-BsyfatBe.js.map
+//# sourceMappingURL=p-CV5tKC24.js.map
 
-//# sourceMappingURL=p-BsyfatBe.js.map
+//# sourceMappingURL=p-CV5tKC24.js.map