@lukso/web-components 1.60.2 → 1.61.0

package/dist/components/lukso-icon/icons/cross-filled-fade-in.d.ts

@@ -0,0 +1,3 @@
+import { IconOptions } from '../../../components/lukso-icon/index.js';
+export declare const crossFilledFadeIn: (options: IconOptions) => import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=cross-filled-fade-in.d.ts.map

package/dist/components/lukso-icon/icons/cross-filled-fade-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-filled-fade-in.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/cross-filled-fade-in.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,iBAAiB,YAAa,WAAW,yCAmCrD,CAAA"}

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

@@ -5645,6 +5645,43 @@ const filmOutline = (options) => {
   </svg> `;
 };
 
+const crossFilledFadeIn = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z"
+      fill="var(--${options.color})"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M8 16.0001L16.0002 7.99995"
+      stroke="var(--${options.secondaryColor})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="opacity-0 animate-fade-in animation-delay-500 animation-fill-forwards"
+    />
+    <path
+      d="M8 8L16.0002 16.0002"
+      stroke="var(--${options.secondaryColor})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="opacity-0 animate-fade-in animation-delay-500 animation-fill-forwards"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -5778,6 +5815,7 @@ const iconMap = {
   switched,
   "progress-indicator-alt": progressIndicatorAlt,
   "cross-filled": crossFilled,
+  "cross-filled-fade-in": crossFilledFadeIn,
   "transfer-send": transferSend,
   "flag-outline": flagOutline,
   "token-id": tokenId,

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":"AAgJA,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,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AAqJ5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;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":"AAiJA,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,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AAsJ5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -5641,6 +5641,43 @@ const filmOutline = (options) => {
   </svg> `;
 };
 
+const crossFilledFadeIn = (options) => {
+  return x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z"
+      fill="var(--${options.color})"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M8 16.0001L16.0002 7.99995"
+      stroke="var(--${options.secondaryColor})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="opacity-0 animate-fade-in animation-delay-500 animation-fill-forwards"
+    />
+    <path
+      d="M8 8L16.0002 16.0002"
+      stroke="var(--${options.secondaryColor})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="opacity-0 animate-fade-in animation-delay-500 animation-fill-forwards"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -5774,6 +5811,7 @@ const iconMap = {
   switched,
   "progress-indicator-alt": progressIndicatorAlt,
   "cross-filled": crossFilled,
+  "cross-filled-fade-in": crossFilledFadeIn,
   "transfer-send": transferSend,
   "flag-outline": flagOutline,
   "token-id": tokenId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.60.2",
+  "version": "1.61.0",
   "type": "module",
   "files": [
     "dist",