@lukso/web-components 1.60.1 → 1.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/lukso-card/index.cjs +1 -1
  2. package/dist/components/lukso-card/index.js +1 -1
  3. package/dist/components/lukso-icon/icons/cross-filled-fade-in.d.ts +3 -0
  4. package/dist/components/lukso-icon/icons/cross-filled-fade-in.d.ts.map +1 -0
  5. package/dist/components/lukso-icon/index.cjs +38 -0
  6. package/dist/components/lukso-icon/index.d.ts.map +1 -1
  7. package/dist/components/lukso-icon/index.js +38 -0
  8. package/package.json +1 -1
package/dist/components/lukso-card/index.cjs CHANGED
@@ -83,7 +83,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
83
83
  }
84
84
  backgroundImageOrGradient() {
85
85
  if (this.backgroundUrl) {
86
- return `url(${this.backgroundUrl})`;
86
+ return `url('${this.backgroundUrl}')`;
87
87
  }
88
88
  let gradientStart = "#24354210";
89
89
  let gradientEnd = "#24354220";
package/dist/components/lukso-card/index.js CHANGED
@@ -79,7 +79,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
79
79
  }
80
80
  backgroundImageOrGradient() {
81
81
  if (this.backgroundUrl) {
82
- return `url(${this.backgroundUrl})`;
82
+ return `url('${this.backgroundUrl}')`;
83
83
  }
84
84
  let gradientStart = "#24354210";
85
85
  let gradientEnd = "#24354220";
package/dist/components/lukso-icon/icons/cross-filled-fade-in.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { IconOptions } from '../../../components/lukso-icon/index.js';
2
+ export declare const crossFilledFadeIn: (options: IconOptions) => import("lit-html").TemplateResult<1>;
3
+ //# sourceMappingURL=cross-filled-fade-in.d.ts.map
package/dist/components/lukso-icon/icons/cross-filled-fade-in.d.ts.map ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -5645,6 +5645,43 @@ const filmOutline = (options) => {
5645
5645
  </svg> `;
5646
5646
  };
5647
5647
 
5648
+ const crossFilledFadeIn = (options) => {
5649
+ return shared_tailwindElement_index.x`<svg
5650
+ width="24"
5651
+ height="24"
5652
+ viewBox="0 0 24 24"
5653
+ fill="none"
5654
+ xmlns="http://www.w3.org/2000/svg"
5655
+ style=${styleMap.o({
5656
+ width: `${options.width}px`,
5657
+ height: `${options.height}px`
5658
+ })}
5659
+ >
5660
+ <path
5661
+ 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"
5662
+ fill="var(--${options.color})"
5663
+ stroke="var(--${options.color})"
5664
+ stroke-width="${options.strokeWidth}"
5665
+ />
5666
+ <path
5667
+ d="M8 16.0001L16.0002 7.99995"
5668
+ stroke="var(--${options.secondaryColor})"
5669
+ stroke-width="${options.strokeWidth}"
5670
+ stroke-linecap="round"
5671
+ stroke-linejoin="round"
5672
+ class="opacity-0 animate-fade-in animation-delay-500 animation-fill-forwards"
5673
+ />
5674
+ <path
5675
+ d="M8 8L16.0002 16.0002"
5676
+ stroke="var(--${options.secondaryColor})"
5677
+ stroke-width="${options.strokeWidth}"
5678
+ stroke-linecap="round"
5679
+ stroke-linejoin="round"
5680
+ class="opacity-0 animate-fade-in animation-delay-500 animation-fill-forwards"
5681
+ />
5682
+ </svg> `;
5683
+ };
5684
+
5648
5685
  var __defProp = Object.defineProperty;
5649
5686
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5650
5687
  var __decorateClass = (decorators, target, key, kind) => {
@@ -5778,6 +5815,7 @@ const iconMap = {
5778
5815
  switched,
5779
5816
  "progress-indicator-alt": progressIndicatorAlt,
5780
5817
  "cross-filled": crossFilled,
5818
+ "cross-filled-fade-in": crossFilledFadeIn,
5781
5819
  "transfer-send": transferSend,
5782
5820
  "flag-outline": flagOutline,
5783
5821
  "token-id": tokenId,
package/dist/components/lukso-icon/index.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -5641,6 +5641,43 @@ const filmOutline = (options) => {
5641
5641
  </svg> `;
5642
5642
  };
5643
5643
 
5644
+ const crossFilledFadeIn = (options) => {
5645
+ return x`<svg
5646
+ width="24"
5647
+ height="24"
5648
+ viewBox="0 0 24 24"
5649
+ fill="none"
5650
+ xmlns="http://www.w3.org/2000/svg"
5651
+ style=${o({
5652
+ width: `${options.width}px`,
5653
+ height: `${options.height}px`
5654
+ })}
5655
+ >
5656
+ <path
5657
+ 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"
5658
+ fill="var(--${options.color})"
5659
+ stroke="var(--${options.color})"
5660
+ stroke-width="${options.strokeWidth}"
5661
+ />
5662
+ <path
5663
+ d="M8 16.0001L16.0002 7.99995"
5664
+ stroke="var(--${options.secondaryColor})"
5665
+ stroke-width="${options.strokeWidth}"
5666
+ stroke-linecap="round"
5667
+ stroke-linejoin="round"
5668
+ class="opacity-0 animate-fade-in animation-delay-500 animation-fill-forwards"
5669
+ />
5670
+ <path
5671
+ d="M8 8L16.0002 16.0002"
5672
+ stroke="var(--${options.secondaryColor})"
5673
+ stroke-width="${options.strokeWidth}"
5674
+ stroke-linecap="round"
5675
+ stroke-linejoin="round"
5676
+ class="opacity-0 animate-fade-in animation-delay-500 animation-fill-forwards"
5677
+ />
5678
+ </svg> `;
5679
+ };
5680
+
5644
5681
  var __defProp = Object.defineProperty;
5645
5682
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5646
5683
  var __decorateClass = (decorators, target, key, kind) => {
@@ -5774,6 +5811,7 @@ const iconMap = {
5774
5811
  switched,
5775
5812
  "progress-indicator-alt": progressIndicatorAlt,
5776
5813
  "cross-filled": crossFilled,
5814
+ "cross-filled-fade-in": crossFilledFadeIn,
5777
5815
  "transfer-send": transferSend,
5778
5816
  "flag-outline": flagOutline,
5779
5817
  "token-id": tokenId,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.60.1",
3
+ "version": "1.61.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",