@lukso/web-components 1.60.2 → 1.62.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-icon/icons/cross-filled-fade-in.d.ts +3 -0
  2. package/dist/components/lukso-icon/icons/cross-filled-fade-in.d.ts.map +1 -0
  3. package/dist/components/lukso-icon/icons/video-outline.d.ts +3 -0
  4. package/dist/components/lukso-icon/icons/video-outline.d.ts.map +1 -0
  5. package/dist/components/lukso-icon/index.cjs +122 -1
  6. package/dist/components/lukso-icon/index.d.ts.map +1 -1
  7. package/dist/components/lukso-icon/index.js +122 -1
  8. package/package.json +1 -1
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/icons/video-outline.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { IconOptions } from '../../../components/lukso-icon/index.js';
2
+ export declare const videoOutline: (options: IconOptions) => import("lit-html").TemplateResult<1>;
3
+ //# sourceMappingURL=video-outline.d.ts.map
package/dist/components/lukso-icon/icons/video-outline.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"video-outline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/video-outline.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,YAAY,YAAa,WAAW,yCAgFhD,CAAA"}
package/dist/components/lukso-icon/index.cjs CHANGED
@@ -5645,6 +5645,125 @@ 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
+
5685
+ const videoOutline = (options) => {
5686
+ return shared_tailwindElement_index.x`<svg
5687
+ width="24"
5688
+ height="24"
5689
+ viewBox="0 0 24 24"
5690
+ fill="none"
5691
+ xmlns="http://www.w3.org/2000/svg"
5692
+ style=${styleMap.o({
5693
+ width: `${options.width}px`,
5694
+ height: `${options.height}px`
5695
+ })}
5696
+ >
5697
+ <rect width="24" height="24" fill="white" />
5698
+ <path
5699
+ d="M20.4375 4.5H3.5625C2.83763 4.5 2.25 5.08763 2.25 5.8125V18.1875C2.25 18.9124 2.83763 19.5 3.5625 19.5H20.4375C21.1624 19.5 21.75 18.9124 21.75 18.1875V5.8125C21.75 5.08763 21.1624 4.5 20.4375 4.5Z"
5700
+ stroke="var(--${options.color})"
5701
+ stroke-width="${options.strokeWidth}"
5702
+ stroke-linejoin="round"
5703
+ />
5704
+ <path
5705
+ d="M20.4375 15.75H19.3125C18.5876 15.75 18 16.3376 18 17.0625V18.1875C18 18.9124 18.5876 19.5 19.3125 19.5H20.4375C21.1624 19.5 21.75 18.9124 21.75 18.1875V17.0625C21.75 16.3376 21.1624 15.75 20.4375 15.75Z"
5706
+ stroke="var(--${options.color})"
5707
+ stroke-width="${options.strokeWidth}"
5708
+ stroke-linejoin="round"
5709
+ />
5710
+ <path
5711
+ d="M20.4375 12H19.3125C18.5876 12 18 12.5876 18 13.3125V14.4375C18 15.1624 18.5876 15.75 19.3125 15.75H20.4375C21.1624 15.75 21.75 15.1624 21.75 14.4375V13.3125C21.75 12.5876 21.1624 12 20.4375 12Z"
5712
+ stroke="var(--${options.color})"
5713
+ stroke-width="${options.strokeWidth}"
5714
+ stroke-linejoin="round"
5715
+ />
5716
+ <path
5717
+ d="M20.4375 8.25H19.3125C18.5876 8.25 18 8.83763 18 9.5625V10.6875C18 11.4124 18.5876 12 19.3125 12H20.4375C21.1624 12 21.75 11.4124 21.75 10.6875V9.5625C21.75 8.83763 21.1624 8.25 20.4375 8.25Z"
5718
+ stroke="var(--${options.color})"
5719
+ stroke-width="${options.strokeWidth}"
5720
+ stroke-linejoin="round"
5721
+ />
5722
+ <path
5723
+ d="M20.4375 4.5H19.3125C18.5876 4.5 18 5.08763 18 5.8125V6.9375C18 7.66237 18.5876 8.25 19.3125 8.25H20.4375C21.1624 8.25 21.75 7.66237 21.75 6.9375V5.8125C21.75 5.08763 21.1624 4.5 20.4375 4.5Z"
5724
+ stroke="var(--${options.color})"
5725
+ stroke-width="${options.strokeWidth}"
5726
+ stroke-linejoin="round"
5727
+ />
5728
+ <path
5729
+ d="M4.6875 15.75H3.5625C2.83763 15.75 2.25 16.3376 2.25 17.0625V18.1875C2.25 18.9124 2.83763 19.5 3.5625 19.5H4.6875C5.41237 19.5 6 18.9124 6 18.1875V17.0625C6 16.3376 5.41237 15.75 4.6875 15.75Z"
5730
+ stroke="var(--${options.color})"
5731
+ stroke-width="${options.strokeWidth}"
5732
+ stroke-linejoin="round"
5733
+ />
5734
+ <path
5735
+ d="M4.6875 12H3.5625C2.83763 12 2.25 12.5876 2.25 13.3125V14.4375C2.25 15.1624 2.83763 15.75 3.5625 15.75H4.6875C5.41237 15.75 6 15.1624 6 14.4375V13.3125C6 12.5876 5.41237 12 4.6875 12Z"
5736
+ stroke="var(--${options.color})"
5737
+ stroke-width="${options.strokeWidth}"
5738
+ stroke-linejoin="round"
5739
+ />
5740
+ <path
5741
+ d="M4.6875 8.25H3.5625C2.83763 8.25 2.25 8.83763 2.25 9.5625V10.6875C2.25 11.4124 2.83763 12 3.5625 12H4.6875C5.41237 12 6 11.4124 6 10.6875V9.5625C6 8.83763 5.41237 8.25 4.6875 8.25Z"
5742
+ stroke="var(--${options.color})"
5743
+ stroke-width="${options.strokeWidth}"
5744
+ stroke-linejoin="round"
5745
+ />
5746
+ <path
5747
+ d="M4.6875 4.5H3.5625C2.83763 4.5 2.25 5.08763 2.25 5.8125V6.9375C2.25 7.66237 2.83763 8.25 3.5625 8.25H4.6875C5.41237 8.25 6 7.66237 6 6.9375V5.8125C6 5.08763 5.41237 4.5 4.6875 4.5Z"
5748
+ stroke="var(--${options.color})"
5749
+ stroke-width="${options.strokeWidth}"
5750
+ stroke-linejoin="round"
5751
+ />
5752
+ <path
5753
+ d="M16.6875 4.5H7.3125C6.58763 4.5 6 5.08763 6 5.8125V10.6875C6 11.4124 6.58763 12 7.3125 12H16.6875C17.4124 12 18 11.4124 18 10.6875V5.8125C18 5.08763 17.4124 4.5 16.6875 4.5Z"
5754
+ stroke="var(--${options.color})"
5755
+ stroke-width="${options.strokeWidth}"
5756
+ stroke-linejoin="round"
5757
+ />
5758
+ <path
5759
+ d="M16.6875 12H7.3125C6.58763 12 6 12.5876 6 13.3125V18.1875C6 18.9124 6.58763 19.5 7.3125 19.5H16.6875C17.4124 19.5 18 18.9124 18 18.1875V13.3125C18 12.5876 17.4124 12 16.6875 12Z"
5760
+ stroke="var(--${options.color})"
5761
+ stroke-width="${options.strokeWidth}"
5762
+ stroke-linejoin="round"
5763
+ />
5764
+ </svg> `;
5765
+ };
5766
+
5648
5767
  var __defProp = Object.defineProperty;
5649
5768
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5650
5769
  var __decorateClass = (decorators, target, key, kind) => {
@@ -5778,6 +5897,7 @@ const iconMap = {
5778
5897
  switched,
5779
5898
  "progress-indicator-alt": progressIndicatorAlt,
5780
5899
  "cross-filled": crossFilled,
5900
+ "cross-filled-fade-in": crossFilledFadeIn,
5781
5901
  "transfer-send": transferSend,
5782
5902
  "flag-outline": flagOutline,
5783
5903
  "token-id": tokenId,
@@ -5794,7 +5914,8 @@ const iconMap = {
5794
5914
  "document-outline": documentOutline,
5795
5915
  "headset-outline": headsetOutline,
5796
5916
  "cube-outline": cubeOutline,
5797
- "film-outline": filmOutline
5917
+ "film-outline": filmOutline,
5918
+ "video-outline": videoOutline
5798
5919
  };
5799
5920
  exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
5800
5921
  constructor() {
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":"AAkJA,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;;AAuJ5E,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,125 @@ 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
+
5681
+ const videoOutline = (options) => {
5682
+ return x`<svg
5683
+ width="24"
5684
+ height="24"
5685
+ viewBox="0 0 24 24"
5686
+ fill="none"
5687
+ xmlns="http://www.w3.org/2000/svg"
5688
+ style=${o({
5689
+ width: `${options.width}px`,
5690
+ height: `${options.height}px`
5691
+ })}
5692
+ >
5693
+ <rect width="24" height="24" fill="white" />
5694
+ <path
5695
+ d="M20.4375 4.5H3.5625C2.83763 4.5 2.25 5.08763 2.25 5.8125V18.1875C2.25 18.9124 2.83763 19.5 3.5625 19.5H20.4375C21.1624 19.5 21.75 18.9124 21.75 18.1875V5.8125C21.75 5.08763 21.1624 4.5 20.4375 4.5Z"
5696
+ stroke="var(--${options.color})"
5697
+ stroke-width="${options.strokeWidth}"
5698
+ stroke-linejoin="round"
5699
+ />
5700
+ <path
5701
+ d="M20.4375 15.75H19.3125C18.5876 15.75 18 16.3376 18 17.0625V18.1875C18 18.9124 18.5876 19.5 19.3125 19.5H20.4375C21.1624 19.5 21.75 18.9124 21.75 18.1875V17.0625C21.75 16.3376 21.1624 15.75 20.4375 15.75Z"
5702
+ stroke="var(--${options.color})"
5703
+ stroke-width="${options.strokeWidth}"
5704
+ stroke-linejoin="round"
5705
+ />
5706
+ <path
5707
+ d="M20.4375 12H19.3125C18.5876 12 18 12.5876 18 13.3125V14.4375C18 15.1624 18.5876 15.75 19.3125 15.75H20.4375C21.1624 15.75 21.75 15.1624 21.75 14.4375V13.3125C21.75 12.5876 21.1624 12 20.4375 12Z"
5708
+ stroke="var(--${options.color})"
5709
+ stroke-width="${options.strokeWidth}"
5710
+ stroke-linejoin="round"
5711
+ />
5712
+ <path
5713
+ d="M20.4375 8.25H19.3125C18.5876 8.25 18 8.83763 18 9.5625V10.6875C18 11.4124 18.5876 12 19.3125 12H20.4375C21.1624 12 21.75 11.4124 21.75 10.6875V9.5625C21.75 8.83763 21.1624 8.25 20.4375 8.25Z"
5714
+ stroke="var(--${options.color})"
5715
+ stroke-width="${options.strokeWidth}"
5716
+ stroke-linejoin="round"
5717
+ />
5718
+ <path
5719
+ d="M20.4375 4.5H19.3125C18.5876 4.5 18 5.08763 18 5.8125V6.9375C18 7.66237 18.5876 8.25 19.3125 8.25H20.4375C21.1624 8.25 21.75 7.66237 21.75 6.9375V5.8125C21.75 5.08763 21.1624 4.5 20.4375 4.5Z"
5720
+ stroke="var(--${options.color})"
5721
+ stroke-width="${options.strokeWidth}"
5722
+ stroke-linejoin="round"
5723
+ />
5724
+ <path
5725
+ d="M4.6875 15.75H3.5625C2.83763 15.75 2.25 16.3376 2.25 17.0625V18.1875C2.25 18.9124 2.83763 19.5 3.5625 19.5H4.6875C5.41237 19.5 6 18.9124 6 18.1875V17.0625C6 16.3376 5.41237 15.75 4.6875 15.75Z"
5726
+ stroke="var(--${options.color})"
5727
+ stroke-width="${options.strokeWidth}"
5728
+ stroke-linejoin="round"
5729
+ />
5730
+ <path
5731
+ d="M4.6875 12H3.5625C2.83763 12 2.25 12.5876 2.25 13.3125V14.4375C2.25 15.1624 2.83763 15.75 3.5625 15.75H4.6875C5.41237 15.75 6 15.1624 6 14.4375V13.3125C6 12.5876 5.41237 12 4.6875 12Z"
5732
+ stroke="var(--${options.color})"
5733
+ stroke-width="${options.strokeWidth}"
5734
+ stroke-linejoin="round"
5735
+ />
5736
+ <path
5737
+ d="M4.6875 8.25H3.5625C2.83763 8.25 2.25 8.83763 2.25 9.5625V10.6875C2.25 11.4124 2.83763 12 3.5625 12H4.6875C5.41237 12 6 11.4124 6 10.6875V9.5625C6 8.83763 5.41237 8.25 4.6875 8.25Z"
5738
+ stroke="var(--${options.color})"
5739
+ stroke-width="${options.strokeWidth}"
5740
+ stroke-linejoin="round"
5741
+ />
5742
+ <path
5743
+ d="M4.6875 4.5H3.5625C2.83763 4.5 2.25 5.08763 2.25 5.8125V6.9375C2.25 7.66237 2.83763 8.25 3.5625 8.25H4.6875C5.41237 8.25 6 7.66237 6 6.9375V5.8125C6 5.08763 5.41237 4.5 4.6875 4.5Z"
5744
+ stroke="var(--${options.color})"
5745
+ stroke-width="${options.strokeWidth}"
5746
+ stroke-linejoin="round"
5747
+ />
5748
+ <path
5749
+ d="M16.6875 4.5H7.3125C6.58763 4.5 6 5.08763 6 5.8125V10.6875C6 11.4124 6.58763 12 7.3125 12H16.6875C17.4124 12 18 11.4124 18 10.6875V5.8125C18 5.08763 17.4124 4.5 16.6875 4.5Z"
5750
+ stroke="var(--${options.color})"
5751
+ stroke-width="${options.strokeWidth}"
5752
+ stroke-linejoin="round"
5753
+ />
5754
+ <path
5755
+ d="M16.6875 12H7.3125C6.58763 12 6 12.5876 6 13.3125V18.1875C6 18.9124 6.58763 19.5 7.3125 19.5H16.6875C17.4124 19.5 18 18.9124 18 18.1875V13.3125C18 12.5876 17.4124 12 16.6875 12Z"
5756
+ stroke="var(--${options.color})"
5757
+ stroke-width="${options.strokeWidth}"
5758
+ stroke-linejoin="round"
5759
+ />
5760
+ </svg> `;
5761
+ };
5762
+
5644
5763
  var __defProp = Object.defineProperty;
5645
5764
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5646
5765
  var __decorateClass = (decorators, target, key, kind) => {
@@ -5774,6 +5893,7 @@ const iconMap = {
5774
5893
  switched,
5775
5894
  "progress-indicator-alt": progressIndicatorAlt,
5776
5895
  "cross-filled": crossFilled,
5896
+ "cross-filled-fade-in": crossFilledFadeIn,
5777
5897
  "transfer-send": transferSend,
5778
5898
  "flag-outline": flagOutline,
5779
5899
  "token-id": tokenId,
@@ -5790,7 +5910,8 @@ const iconMap = {
5790
5910
  "document-outline": documentOutline,
5791
5911
  "headset-outline": headsetOutline,
5792
5912
  "cube-outline": cubeOutline,
5793
- "film-outline": filmOutline
5913
+ "film-outline": filmOutline,
5914
+ "video-outline": videoOutline
5794
5915
  };
5795
5916
  let LuksoIcon = class extends TailwindStyledElement(style) {
5796
5917
  constructor() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.60.2",
3
+ "version": "1.62.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",