@lukso/web-components 1.156.0 → 1.156.1

package/dist/components/lukso-icon/index.cjs

@@ -8320,15 +8320,17 @@ const iconMap = {
   "logo-hyperlane": logoHyperlane,
   "token-create": tokenCreate
 };
+const DEFAULT_COLOR = "neutral-20";
+const DEFAULT_SIZE = "medium";
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.name = "";
-    this.size = "medium";
-    this.color = "neutral-20";
-    this.secondaryColor = "";
+    this.name = void 0;
+    this.size = DEFAULT_SIZE;
+    this.color = DEFAULT_COLOR;
+    this.secondaryColor = void 0;
     this.pack = void 0;
-    this.variant = "linear";
+    this.variant = void 0;
     this.svgContent = "";
     this.sizes = {
       "x-small": {
@@ -8444,16 +8446,36 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
   }
   async updated(changedProperties) {
     super.updated(changedProperties);
-    if (this.pack === "vuesax" && (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant"))) {
-      const svgContent = await this.loadSvg(this.pack, this.variant, this.name);
-      this.svgContent = svgContent;
-      this.requestUpdate();
+    if (this.pack === void 0) {
+      if (this.variant) {
+        this.variant = void 0;
+      }
     }
-    if (this.pack === "vuesax" && this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
-      this.requestUpdate();
+    if (this.pack === "vuesax") {
+      if (!this.variant) {
+        this.variant = "linear";
+      }
+      if (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant")) {
+        const svgContent = await this.loadSvg(
+          this.pack,
+          this.variant,
+          this.name
+        );
+        this.svgContent = svgContent;
+        this.requestUpdate();
+      }
+      if (this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
+        this.requestUpdate();
+      }
     }
   }
   render() {
+    if (!this.color) {
+      this.color = DEFAULT_COLOR;
+    }
+    if (!this.size) {
+      this.size = DEFAULT_SIZE;
+    }
     const size = this.sizes[this.size];
     if (!size) {
       console.warn(`Size ${this.size} not found`);

package/dist/components/lukso-icon/index.d.ts

@@ -11,12 +11,12 @@ export type IconPack = undefined | 'vuesax';
 export type IconVariant = 'linear' | 'bold' | 'outline' | 'broken' | 'bulk' | 'twotone';
 declare const LuksoIcon_base: typeof import('lit').LitElement;
 export declare class LuksoIcon extends LuksoIcon_base {
-    name: string;
-    size: string;
+    name: any;
+    size: IconSize;
     color: string;
-    secondaryColor: string;
+    secondaryColor: any;
     pack: any;
-    variant: string;
+    variant: any;
     private svgContent;
     private sizes;
     private svgModules;

package/dist/components/lukso-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AA0NjD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE3C,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAA;;AA+Nb,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAGnB,IAAI,MAAY;IAGhB,OAAO,SAAW;IAGlB,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,KAAK,CA+BZ;IAID,OAAO,CAAC,UAAU,CAGhB;IAEF;;;;;;;;OAQG;YACW,OAAO;IAsCrB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAmElB,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IA2BvD,MAAM;CA+CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AA0NjD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE3C,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAA;;AAkOb,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,MAAY;IAGhB,IAAI,WAAe;IAGnB,KAAK,SAAgB;IAGrB,cAAc,MAAY;IAG1B,IAAI,MAAY;IAGhB,OAAO,MAAY;IAGnB,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,KAAK,CA+BZ;IAID,OAAO,CAAC,UAAU,CAGhB;IAEF;;;;;;;;OAQG;YACW,OAAO;IAsCrB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAmElB,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IA6CvD,MAAM;CAuDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

package/dist/components/lukso-icon/index.js

@@ -8316,15 +8316,17 @@ const iconMap = {
   "logo-hyperlane": logoHyperlane,
   "token-create": tokenCreate
 };
+const DEFAULT_COLOR = "neutral-20";
+const DEFAULT_SIZE = "medium";
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.name = "";
-    this.size = "medium";
-    this.color = "neutral-20";
-    this.secondaryColor = "";
+    this.name = void 0;
+    this.size = DEFAULT_SIZE;
+    this.color = DEFAULT_COLOR;
+    this.secondaryColor = void 0;
     this.pack = void 0;
-    this.variant = "linear";
+    this.variant = void 0;
     this.svgContent = "";
     this.sizes = {
       "x-small": {
@@ -8440,16 +8442,36 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
   }
   async updated(changedProperties) {
     super.updated(changedProperties);
-    if (this.pack === "vuesax" && (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant"))) {
-      const svgContent = await this.loadSvg(this.pack, this.variant, this.name);
-      this.svgContent = svgContent;
-      this.requestUpdate();
+    if (this.pack === void 0) {
+      if (this.variant) {
+        this.variant = void 0;
+      }
     }
-    if (this.pack === "vuesax" && this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
-      this.requestUpdate();
+    if (this.pack === "vuesax") {
+      if (!this.variant) {
+        this.variant = "linear";
+      }
+      if (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant")) {
+        const svgContent = await this.loadSvg(
+          this.pack,
+          this.variant,
+          this.name
+        );
+        this.svgContent = svgContent;
+        this.requestUpdate();
+      }
+      if (this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
+        this.requestUpdate();
+      }
     }
   }
   render() {
+    if (!this.color) {
+      this.color = DEFAULT_COLOR;
+    }
+    if (!this.size) {
+      this.size = DEFAULT_SIZE;
+    }
     const size = this.sizes[this.size];
     if (!size) {
       console.warn(`Size ${this.size} not found`);

package/dist/components/lukso-icon/lukso-icon.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/web-components-vite';
+import { Meta, StoryObj } from '@storybook/web-components-vite';
 /**  Documentation and examples of `lukso-icon` component. Icons comes in `small`, `medium`, `large` and `x-large` size that is set in `size` property.
  *  The component supports multiple icon packs including the default `lukso` pack and the new `vuesax` pack with different variants.
  *  Please check all available icons in Icons Showcase.
@@ -29,4 +29,18 @@ export declare const AnimatedIcon: any;
 export declare const VuesaxIconPack: any;
 /** Example of Vuesax variants for `text-bold` icon. */
 export declare const VuesaxIconVariants: () => import('lit-html').TemplateResult<1>;
+/** Test story for icon with just name */
+export declare const IconName: StoryObj;
+/** Test story for icon with custom color */
+export declare const IconCustomColor: StoryObj;
+/** Test story for icon with large size */
+export declare const IconLargeSize: StoryObj;
+/** Test story for Vuesax linear icon */
+export declare const VuesaxLinearIcon: StoryObj;
+/** Test story for Vuesax bold icon */
+export declare const VuesaxBoldIcon: StoryObj;
+/** Test story for Vuesax colored icon */
+export declare const VuesaxColoredIcon: StoryObj;
+/** Test story for Vuesax large icon */
+export declare const VuesaxLargeIcon: StoryObj;
 //# sourceMappingURL=lukso-icon.stories.d.ts.map

package/dist/components/lukso-icon/lukso-icon.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lukso-icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/lukso-icon.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IA4EX,CAAA;AAED,eAAe,IAAI,CAAA;AAqBnB,yFAAyF;AACzF,eAAO,MAAM,WAAW,KAAoB,CAAA;AAE5C,mDAAmD;AACnD,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,iDAAiD;AACjD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,iDAAiD;AACjD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mDAAmD;AACnD,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,oDAAoD;AACpD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,0EAA0E;AAC1E,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,KAAoB,CAAA;AAOnD,qHAAqH;AACrH,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,uKAAuK;AACvK,eAAO,MAAM,YAAY,KAAoB,CAAA;AAO7C,6CAA6C;AAC7C,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,uDAAuD;AACvD,eAAO,MAAM,kBAAkB,4CAS9B,CAAA"}
+{"version":3,"file":"lukso-icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/lukso-icon.stories.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,SAAS,CAAA;AAEhB;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IAkFX,CAAA;AAED,eAAe,IAAI,CAAA;AAqBnB,yFAAyF;AACzF,eAAO,MAAM,WAAW,KAAoB,CAAA;AAE5C,mDAAmD;AACnD,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,iDAAiD;AACjD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,iDAAiD;AACjD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mDAAmD;AACnD,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,oDAAoD;AACpD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,0EAA0E;AAC1E,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,KAAoB,CAAA;AAOnD,qHAAqH;AACrH,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,uKAAuK;AACvK,eAAO,MAAM,YAAY,KAAoB,CAAA;AAO7C,6CAA6C;AAC7C,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,uDAAuD;AACvD,eAAO,MAAM,kBAAkB,4CAS9B,CAAA;AACD,yCAAyC;AACzC,eAAO,MAAM,QAAQ,EAAE,QAsBtB,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,QAuB7B,CAAA;AAED,0CAA0C;AAC1C,eAAO,MAAM,aAAa,EAAE,QAuB3B,CAAA;AAED,wCAAwC;AACxC,eAAO,MAAM,gBAAgB,EAAE,QAuB9B,CAAA;AAED,sCAAsC;AACtC,eAAO,MAAM,cAAc,EAAE,QAwB5B,CAAA;AAED,yCAAyC;AACzC,eAAO,MAAM,iBAAiB,EAAE,QAwB/B,CAAA;AAED,uCAAuC;AACvC,eAAO,MAAM,eAAe,EAAE,QAwB7B,CAAA"}