@lukso/web-components 1.59.0 → 1.60.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 (17) hide show
  1. package/dist/components/lukso-icon/icons/cube-outline.d.ts +3 -0
  2. package/dist/components/lukso-icon/icons/cube-outline.d.ts.map +1 -0
  3. package/dist/components/lukso-icon/icons/document-outline.d.ts +3 -0
  4. package/dist/components/lukso-icon/icons/document-outline.d.ts.map +1 -0
  5. package/dist/components/lukso-icon/icons/film-outline.d.ts +3 -0
  6. package/dist/components/lukso-icon/icons/film-outline.d.ts.map +1 -0
  7. package/dist/components/lukso-icon/icons/headset-outline.d.ts +3 -0
  8. package/dist/components/lukso-icon/icons/headset-outline.d.ts.map +1 -0
  9. package/dist/components/lukso-icon/index.cjs +186 -1
  10. package/dist/components/lukso-icon/index.d.ts.map +1 -1
  11. package/dist/components/lukso-icon/index.js +186 -1
  12. package/dist/components/lukso-modal/index.cjs +11 -2
  13. package/dist/components/lukso-modal/index.d.ts +2 -1
  14. package/dist/components/lukso-modal/index.d.ts.map +1 -1
  15. package/dist/components/lukso-modal/index.js +11 -2
  16. package/dist/components/lukso-modal/lukso-modal.stories.d.ts.map +1 -1
  17. package/package.json +1 -1
package/dist/components/lukso-icon/icons/cube-outline.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { IconOptions } from '../../../components/lukso-icon/index.js';
2
+ export declare const cubeOutline: (options: IconOptions) => import("lit-html").TemplateResult<1>;
3
+ //# sourceMappingURL=cube-outline.d.ts.map
package/dist/components/lukso-icon/icons/cube-outline.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cube-outline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/cube-outline.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,WAAW,YAAa,WAAW,yCAkC/C,CAAA"}
package/dist/components/lukso-icon/icons/document-outline.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { IconOptions } from '../../../components/lukso-icon/index.js';
2
+ export declare const documentOutline: (options: IconOptions) => import("lit-html").TemplateResult<1>;
3
+ //# sourceMappingURL=document-outline.d.ts.map
package/dist/components/lukso-icon/icons/document-outline.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"document-outline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/document-outline.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,eAAe,YAAa,WAAW,yCA0BnD,CAAA"}
package/dist/components/lukso-icon/icons/film-outline.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { IconOptions } from '../../../components/lukso-icon/index.js';
2
+ export declare const filmOutline: (options: IconOptions) => import("lit-html").TemplateResult<1>;
3
+ //# sourceMappingURL=film-outline.d.ts.map
package/dist/components/lukso-icon/icons/film-outline.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"film-outline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/film-outline.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,WAAW,YAAa,WAAW,yCA+E/C,CAAA"}
package/dist/components/lukso-icon/icons/headset-outline.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { IconOptions } from '../../../components/lukso-icon/index.js';
2
+ export declare const headsetOutline: (options: IconOptions) => import("lit-html").TemplateResult<1>;
3
+ //# sourceMappingURL=headset-outline.d.ts.map
package/dist/components/lukso-icon/icons/headset-outline.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"headset-outline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/headset-outline.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,cAAc,YAAa,WAAW,yCAgClD,CAAA"}
package/dist/components/lukso-icon/index.cjs CHANGED
@@ -5466,6 +5466,185 @@ const metamaskLogo = (options) => {
5466
5466
  </svg>`;
5467
5467
  };
5468
5468
 
5469
+ const documentOutline = (options) => {
5470
+ return shared_tailwindElement_index.x`<svg
5471
+ width="24"
5472
+ height="24"
5473
+ viewBox="0 0 24 24"
5474
+ fill="none"
5475
+ xmlns="http://www.w3.org/2000/svg"
5476
+ style=${styleMap.o({
5477
+ width: `${options.width}px`,
5478
+ height: `${options.height}px`
5479
+ })}
5480
+ >
5481
+ <path
5482
+ d="M19.5 10.3711V19.5C19.5 20.0967 19.2629 20.669 18.841 21.091C18.419 21.5129 17.8467 21.75 17.25 21.75H6.75C6.15326 21.75 5.58097 21.5129 5.15901 21.091C4.73705 20.669 4.5 20.0967 4.5 19.5V4.5C4.5 3.90326 4.73705 3.33097 5.15901 2.90901C5.58097 2.48705 6.15326 2.25 6.75 2.25H11.3789C11.7766 2.25006 12.158 2.40804 12.4392 2.68922L19.0608 9.31078C19.342 9.59202 19.4999 9.97341 19.5 10.3711Z"
5483
+ stroke="var(--${options.color})"
5484
+ stroke-width="${options.strokeWidth}"
5485
+ stroke-linejoin="round"
5486
+ />
5487
+ <path
5488
+ d="M12 2.625V8.25C12 8.64782 12.158 9.02936 12.4393 9.31066C12.7206 9.59196 13.1022 9.75 13.5 9.75H19.125"
5489
+ stroke="var(--${options.color})"
5490
+ stroke-width="${options.strokeWidth}"
5491
+ stroke-linecap="round"
5492
+ stroke-linejoin="round"
5493
+ />
5494
+ </svg> `;
5495
+ };
5496
+
5497
+ const headsetOutline = (options) => {
5498
+ return shared_tailwindElement_index.x`<svg
5499
+ width="24"
5500
+ height="24"
5501
+ viewBox="0 0 24 24"
5502
+ fill="none"
5503
+ xmlns="http://www.w3.org/2000/svg"
5504
+ style=${styleMap.o({
5505
+ width: `${options.width}px`,
5506
+ height: `${options.height}px`
5507
+ })}
5508
+ >
5509
+ <path
5510
+ d="M3.89062 18C3.28125 16.4531 2.25 13.6233 2.25 12C2.25 6.615 6.99984 2.25 12 2.25C17.0002 2.25 21.75 6.615 21.75 12C21.75 13.6233 20.6719 16.5469 20.1094 18"
5511
+ stroke="var(--${options.color})"
5512
+ stroke-width="${options.strokeWidth}"
5513
+ stroke-linecap="round"
5514
+ stroke-linejoin="round"
5515
+ />
5516
+ <path
5517
+ d="M5.081 12.6623L4.43928 13.0373C3.02225 13.867 2.95335 16.4315 4.28085 18.7654C5.60835 21.0993 7.83725 22.319 9.25428 21.4898L9.896 21.1148C10.0663 21.0134 10.1901 20.8492 10.2408 20.6575C10.2914 20.4659 10.2649 20.262 10.1669 20.0896L6.09397 12.9375C6.04595 12.8524 5.98154 12.7778 5.90446 12.7179C5.82739 12.6579 5.73918 12.6139 5.64496 12.5883C5.55074 12.5627 5.45237 12.5561 5.35556 12.5688C5.25876 12.5815 5.16543 12.6133 5.081 12.6623V12.6623Z"
5518
+ stroke="var(--${options.color})"
5519
+ stroke-width="${options.strokeWidth}"
5520
+ stroke-miterlimit="10"
5521
+ />
5522
+ <path
5523
+ d="M18.9193 12.6623L19.561 13.0373C20.978 13.8665 21.0488 16.4311 19.7194 18.765C18.3901 21.0989 16.163 22.3186 14.746 21.4893L14.1043 21.1143C13.9339 21.0129 13.8102 20.8487 13.7595 20.6571C13.7089 20.4654 13.7354 20.2615 13.8333 20.0892L17.9063 12.9375C17.9543 12.8524 18.0187 12.7778 18.0958 12.7179C18.1729 12.6579 18.2611 12.6139 18.3553 12.5883C18.4495 12.5627 18.5479 12.5561 18.6447 12.5688C18.7415 12.5815 18.8348 12.6133 18.9193 12.6623V12.6623Z"
5524
+ stroke="var(--${options.color})"
5525
+ stroke-width="${options.strokeWidth}"
5526
+ stroke-miterlimit="10"
5527
+ />
5528
+ </svg> `;
5529
+ };
5530
+
5531
+ const cubeOutline = (options) => {
5532
+ return shared_tailwindElement_index.x`<svg
5533
+ width="24"
5534
+ height="24"
5535
+ viewBox="0 0 24 24"
5536
+ fill="none"
5537
+ xmlns="http://www.w3.org/2000/svg"
5538
+ style=${styleMap.o({
5539
+ width: `${options.width}px`,
5540
+ height: `${options.height}px`
5541
+ })}
5542
+ >
5543
+ <path
5544
+ d="M21 16.0018V7.99739C20.9997 7.73541 20.9308 7.47807 20.8001 7.25101C20.6694 7.02394 20.4815 6.83506 20.2552 6.70317L13.1302 2.55661C12.7869 2.35675 12.3968 2.25146 11.9995 2.25146C11.6023 2.25146 11.2122 2.35675 10.8689 2.55661L3.74484 6.70317C3.51848 6.83506 3.33061 7.02394 3.19993 7.25101C3.06925 7.47807 3.00032 7.73541 3 7.99739V16.0018C3.00016 16.2639 3.06901 16.5214 3.1997 16.7487C3.33038 16.9759 3.51834 17.1649 3.74484 17.2969L10.8698 21.4435C11.2132 21.6431 11.6033 21.7482 12.0005 21.7482C12.3976 21.7482 12.7877 21.6431 13.1311 21.4435L20.2561 17.2969C20.4824 17.1648 20.6702 16.9758 20.8007 16.7485C20.9312 16.5213 20.9999 16.2638 21 16.0018Z"
5545
+ stroke="var(--${options.color})"
5546
+ stroke-width="${options.strokeWidth}"
5547
+ stroke-linecap="round"
5548
+ stroke-linejoin="round"
5549
+ />
5550
+ <path
5551
+ d="M3.23438 7.21826L12 12.3745L20.7656 7.21826"
5552
+ stroke="var(--${options.color})"
5553
+ stroke-width="${options.strokeWidth}"
5554
+ stroke-linecap="round"
5555
+ stroke-linejoin="round"
5556
+ />
5557
+ <path
5558
+ d="M12 21.7495V12.3745"
5559
+ stroke="var(--${options.color})"
5560
+ stroke-width="${options.strokeWidth}"
5561
+ stroke-linecap="round"
5562
+ stroke-linejoin="round"
5563
+ />
5564
+ </svg> `;
5565
+ };
5566
+
5567
+ const filmOutline = (options) => {
5568
+ return shared_tailwindElement_index.x`<svg
5569
+ width="24"
5570
+ height="24"
5571
+ viewBox="0 0 24 24"
5572
+ fill="none"
5573
+ xmlns="http://www.w3.org/2000/svg"
5574
+ style=${styleMap.o({
5575
+ width: `${options.width}px`,
5576
+ height: `${options.height}px`
5577
+ })}
5578
+ >
5579
+ <path
5580
+ 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"
5581
+ stroke="var(--${options.color})"
5582
+ stroke-width="${options.strokeWidth}"
5583
+ stroke-linejoin="round"
5584
+ />
5585
+ <path
5586
+ 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"
5587
+ stroke="var(--${options.color})"
5588
+ stroke-width="${options.strokeWidth}"
5589
+ stroke-linejoin="round"
5590
+ />
5591
+ <path
5592
+ 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"
5593
+ stroke="var(--${options.color})"
5594
+ stroke-width="${options.strokeWidth}"
5595
+ stroke-linejoin="round"
5596
+ />
5597
+ <path
5598
+ 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"
5599
+ stroke="var(--${options.color})"
5600
+ stroke-width="${options.strokeWidth}"
5601
+ stroke-linejoin="round"
5602
+ />
5603
+ <path
5604
+ 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"
5605
+ stroke="var(--${options.color})"
5606
+ stroke-width="${options.strokeWidth}"
5607
+ stroke-linejoin="round"
5608
+ />
5609
+ <path
5610
+ 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"
5611
+ stroke="var(--${options.color})"
5612
+ stroke-width="${options.strokeWidth}"
5613
+ stroke-linejoin="round"
5614
+ />
5615
+ <path
5616
+ 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"
5617
+ stroke="var(--${options.color})"
5618
+ stroke-width="${options.strokeWidth}"
5619
+ stroke-linejoin="round"
5620
+ />
5621
+ <path
5622
+ 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"
5623
+ stroke="var(--${options.color})"
5624
+ stroke-width="${options.strokeWidth}"
5625
+ stroke-linejoin="round"
5626
+ />
5627
+ <path
5628
+ 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"
5629
+ stroke="var(--${options.color})"
5630
+ stroke-width="${options.strokeWidth}"
5631
+ stroke-linejoin="round"
5632
+ />
5633
+ <path
5634
+ 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"
5635
+ stroke="var(--${options.color})"
5636
+ stroke-width="${options.strokeWidth}"
5637
+ stroke-linejoin="round"
5638
+ />
5639
+ <path
5640
+ 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"
5641
+ stroke="var(--${options.color})"
5642
+ stroke-width="${options.strokeWidth}"
5643
+ stroke-linejoin="round"
5644
+ />
5645
+ </svg> `;
5646
+ };
5647
+
5469
5648
  var __defProp = Object.defineProperty;
5470
5649
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5471
5650
  var __decorateClass = (decorators, target, key, kind) => {
@@ -5611,7 +5790,11 @@ const iconMap = {
5611
5790
  "profile-file": profileFile,
5612
5791
  "hand-right-outline": handRightOutline,
5613
5792
  "extension-outline": extensionOutline,
5614
- "lukso-logo": luksoLogo
5793
+ "lukso-logo": luksoLogo,
5794
+ "document-outline": documentOutline,
5795
+ "headset-outline": headsetOutline,
5796
+ "cube-outline": cubeOutline,
5797
+ "film-outline": filmOutline
5615
5798
  };
5616
5799
  exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
5617
5800
  constructor() {
@@ -5652,10 +5835,12 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
5652
5835
  const icon = iconMap[this.name];
5653
5836
  if (!icon) {
5654
5837
  console.warn(`Icon ${this.name} not found`);
5838
+ return shared_tailwindElement_index.x``;
5655
5839
  }
5656
5840
  const size = this.sizes[this.size];
5657
5841
  if (!size) {
5658
5842
  console.warn(`Size ${this.size} not found`);
5843
+ return shared_tailwindElement_index.x``;
5659
5844
  }
5660
5845
  return shared_tailwindElement_index.x`
5661
5846
  ${icon({
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":"AA4IA,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;;AAiJ5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAuBP;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":"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"}
package/dist/components/lukso-icon/index.js CHANGED
@@ -5462,6 +5462,185 @@ const metamaskLogo = (options) => {
5462
5462
  </svg>`;
5463
5463
  };
5464
5464
 
5465
+ const documentOutline = (options) => {
5466
+ return x`<svg
5467
+ width="24"
5468
+ height="24"
5469
+ viewBox="0 0 24 24"
5470
+ fill="none"
5471
+ xmlns="http://www.w3.org/2000/svg"
5472
+ style=${o({
5473
+ width: `${options.width}px`,
5474
+ height: `${options.height}px`
5475
+ })}
5476
+ >
5477
+ <path
5478
+ d="M19.5 10.3711V19.5C19.5 20.0967 19.2629 20.669 18.841 21.091C18.419 21.5129 17.8467 21.75 17.25 21.75H6.75C6.15326 21.75 5.58097 21.5129 5.15901 21.091C4.73705 20.669 4.5 20.0967 4.5 19.5V4.5C4.5 3.90326 4.73705 3.33097 5.15901 2.90901C5.58097 2.48705 6.15326 2.25 6.75 2.25H11.3789C11.7766 2.25006 12.158 2.40804 12.4392 2.68922L19.0608 9.31078C19.342 9.59202 19.4999 9.97341 19.5 10.3711Z"
5479
+ stroke="var(--${options.color})"
5480
+ stroke-width="${options.strokeWidth}"
5481
+ stroke-linejoin="round"
5482
+ />
5483
+ <path
5484
+ d="M12 2.625V8.25C12 8.64782 12.158 9.02936 12.4393 9.31066C12.7206 9.59196 13.1022 9.75 13.5 9.75H19.125"
5485
+ stroke="var(--${options.color})"
5486
+ stroke-width="${options.strokeWidth}"
5487
+ stroke-linecap="round"
5488
+ stroke-linejoin="round"
5489
+ />
5490
+ </svg> `;
5491
+ };
5492
+
5493
+ const headsetOutline = (options) => {
5494
+ return x`<svg
5495
+ width="24"
5496
+ height="24"
5497
+ viewBox="0 0 24 24"
5498
+ fill="none"
5499
+ xmlns="http://www.w3.org/2000/svg"
5500
+ style=${o({
5501
+ width: `${options.width}px`,
5502
+ height: `${options.height}px`
5503
+ })}
5504
+ >
5505
+ <path
5506
+ d="M3.89062 18C3.28125 16.4531 2.25 13.6233 2.25 12C2.25 6.615 6.99984 2.25 12 2.25C17.0002 2.25 21.75 6.615 21.75 12C21.75 13.6233 20.6719 16.5469 20.1094 18"
5507
+ stroke="var(--${options.color})"
5508
+ stroke-width="${options.strokeWidth}"
5509
+ stroke-linecap="round"
5510
+ stroke-linejoin="round"
5511
+ />
5512
+ <path
5513
+ d="M5.081 12.6623L4.43928 13.0373C3.02225 13.867 2.95335 16.4315 4.28085 18.7654C5.60835 21.0993 7.83725 22.319 9.25428 21.4898L9.896 21.1148C10.0663 21.0134 10.1901 20.8492 10.2408 20.6575C10.2914 20.4659 10.2649 20.262 10.1669 20.0896L6.09397 12.9375C6.04595 12.8524 5.98154 12.7778 5.90446 12.7179C5.82739 12.6579 5.73918 12.6139 5.64496 12.5883C5.55074 12.5627 5.45237 12.5561 5.35556 12.5688C5.25876 12.5815 5.16543 12.6133 5.081 12.6623V12.6623Z"
5514
+ stroke="var(--${options.color})"
5515
+ stroke-width="${options.strokeWidth}"
5516
+ stroke-miterlimit="10"
5517
+ />
5518
+ <path
5519
+ d="M18.9193 12.6623L19.561 13.0373C20.978 13.8665 21.0488 16.4311 19.7194 18.765C18.3901 21.0989 16.163 22.3186 14.746 21.4893L14.1043 21.1143C13.9339 21.0129 13.8102 20.8487 13.7595 20.6571C13.7089 20.4654 13.7354 20.2615 13.8333 20.0892L17.9063 12.9375C17.9543 12.8524 18.0187 12.7778 18.0958 12.7179C18.1729 12.6579 18.2611 12.6139 18.3553 12.5883C18.4495 12.5627 18.5479 12.5561 18.6447 12.5688C18.7415 12.5815 18.8348 12.6133 18.9193 12.6623V12.6623Z"
5520
+ stroke="var(--${options.color})"
5521
+ stroke-width="${options.strokeWidth}"
5522
+ stroke-miterlimit="10"
5523
+ />
5524
+ </svg> `;
5525
+ };
5526
+
5527
+ const cubeOutline = (options) => {
5528
+ return x`<svg
5529
+ width="24"
5530
+ height="24"
5531
+ viewBox="0 0 24 24"
5532
+ fill="none"
5533
+ xmlns="http://www.w3.org/2000/svg"
5534
+ style=${o({
5535
+ width: `${options.width}px`,
5536
+ height: `${options.height}px`
5537
+ })}
5538
+ >
5539
+ <path
5540
+ d="M21 16.0018V7.99739C20.9997 7.73541 20.9308 7.47807 20.8001 7.25101C20.6694 7.02394 20.4815 6.83506 20.2552 6.70317L13.1302 2.55661C12.7869 2.35675 12.3968 2.25146 11.9995 2.25146C11.6023 2.25146 11.2122 2.35675 10.8689 2.55661L3.74484 6.70317C3.51848 6.83506 3.33061 7.02394 3.19993 7.25101C3.06925 7.47807 3.00032 7.73541 3 7.99739V16.0018C3.00016 16.2639 3.06901 16.5214 3.1997 16.7487C3.33038 16.9759 3.51834 17.1649 3.74484 17.2969L10.8698 21.4435C11.2132 21.6431 11.6033 21.7482 12.0005 21.7482C12.3976 21.7482 12.7877 21.6431 13.1311 21.4435L20.2561 17.2969C20.4824 17.1648 20.6702 16.9758 20.8007 16.7485C20.9312 16.5213 20.9999 16.2638 21 16.0018Z"
5541
+ stroke="var(--${options.color})"
5542
+ stroke-width="${options.strokeWidth}"
5543
+ stroke-linecap="round"
5544
+ stroke-linejoin="round"
5545
+ />
5546
+ <path
5547
+ d="M3.23438 7.21826L12 12.3745L20.7656 7.21826"
5548
+ stroke="var(--${options.color})"
5549
+ stroke-width="${options.strokeWidth}"
5550
+ stroke-linecap="round"
5551
+ stroke-linejoin="round"
5552
+ />
5553
+ <path
5554
+ d="M12 21.7495V12.3745"
5555
+ stroke="var(--${options.color})"
5556
+ stroke-width="${options.strokeWidth}"
5557
+ stroke-linecap="round"
5558
+ stroke-linejoin="round"
5559
+ />
5560
+ </svg> `;
5561
+ };
5562
+
5563
+ const filmOutline = (options) => {
5564
+ return x`<svg
5565
+ width="24"
5566
+ height="24"
5567
+ viewBox="0 0 24 24"
5568
+ fill="none"
5569
+ xmlns="http://www.w3.org/2000/svg"
5570
+ style=${o({
5571
+ width: `${options.width}px`,
5572
+ height: `${options.height}px`
5573
+ })}
5574
+ >
5575
+ <path
5576
+ 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"
5577
+ stroke="var(--${options.color})"
5578
+ stroke-width="${options.strokeWidth}"
5579
+ stroke-linejoin="round"
5580
+ />
5581
+ <path
5582
+ 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"
5583
+ stroke="var(--${options.color})"
5584
+ stroke-width="${options.strokeWidth}"
5585
+ stroke-linejoin="round"
5586
+ />
5587
+ <path
5588
+ 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"
5589
+ stroke="var(--${options.color})"
5590
+ stroke-width="${options.strokeWidth}"
5591
+ stroke-linejoin="round"
5592
+ />
5593
+ <path
5594
+ 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"
5595
+ stroke="var(--${options.color})"
5596
+ stroke-width="${options.strokeWidth}"
5597
+ stroke-linejoin="round"
5598
+ />
5599
+ <path
5600
+ 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"
5601
+ stroke="var(--${options.color})"
5602
+ stroke-width="${options.strokeWidth}"
5603
+ stroke-linejoin="round"
5604
+ />
5605
+ <path
5606
+ 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"
5607
+ stroke="var(--${options.color})"
5608
+ stroke-width="${options.strokeWidth}"
5609
+ stroke-linejoin="round"
5610
+ />
5611
+ <path
5612
+ 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"
5613
+ stroke="var(--${options.color})"
5614
+ stroke-width="${options.strokeWidth}"
5615
+ stroke-linejoin="round"
5616
+ />
5617
+ <path
5618
+ 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"
5619
+ stroke="var(--${options.color})"
5620
+ stroke-width="${options.strokeWidth}"
5621
+ stroke-linejoin="round"
5622
+ />
5623
+ <path
5624
+ 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"
5625
+ stroke="var(--${options.color})"
5626
+ stroke-width="${options.strokeWidth}"
5627
+ stroke-linejoin="round"
5628
+ />
5629
+ <path
5630
+ 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"
5631
+ stroke="var(--${options.color})"
5632
+ stroke-width="${options.strokeWidth}"
5633
+ stroke-linejoin="round"
5634
+ />
5635
+ <path
5636
+ 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"
5637
+ stroke="var(--${options.color})"
5638
+ stroke-width="${options.strokeWidth}"
5639
+ stroke-linejoin="round"
5640
+ />
5641
+ </svg> `;
5642
+ };
5643
+
5465
5644
  var __defProp = Object.defineProperty;
5466
5645
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5467
5646
  var __decorateClass = (decorators, target, key, kind) => {
@@ -5607,7 +5786,11 @@ const iconMap = {
5607
5786
  "profile-file": profileFile,
5608
5787
  "hand-right-outline": handRightOutline,
5609
5788
  "extension-outline": extensionOutline,
5610
- "lukso-logo": luksoLogo
5789
+ "lukso-logo": luksoLogo,
5790
+ "document-outline": documentOutline,
5791
+ "headset-outline": headsetOutline,
5792
+ "cube-outline": cubeOutline,
5793
+ "film-outline": filmOutline
5611
5794
  };
5612
5795
  let LuksoIcon = class extends TailwindStyledElement(style) {
5613
5796
  constructor() {
@@ -5648,10 +5831,12 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
5648
5831
  const icon = iconMap[this.name];
5649
5832
  if (!icon) {
5650
5833
  console.warn(`Icon ${this.name} not found`);
5834
+ return x``;
5651
5835
  }
5652
5836
  const size = this.sizes[this.size];
5653
5837
  if (!size) {
5654
5838
  console.warn(`Size ${this.size} not found`);
5839
+ return x``;
5655
5840
  }
5656
5841
  return x`
5657
5842
  ${icon({
package/dist/components/lukso-modal/index.cjs CHANGED
@@ -23,14 +23,22 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
23
23
  super(...arguments);
24
24
  this.isOpen = false;
25
25
  this.size = "small";
26
- this.wrapperStyles = `opacity-0 fixed z-[1000] transition-opacity top-0 left-0 p-6 animate-fade-in animation-duration-200`;
27
- this.openStyles = `flex opacity-100 visible items-center justify-center w-[100vw] h-[100vh]`;
26
+ this.wrapperStyles = `opacity-0 fixed z-[1000] transition-opacity top-0 left-0 p-6 animation-duration-200`;
27
+ this.openStyles = `flex opacity-100 visible items-center justify-center w-[100vw] h-[100vh] animate-fade-in`;
28
28
  this.overlayStyles = `bg-[rgba(36,53,66,0.8)] backdrop-blur-sm fixed top-0 left-0 w-[100vw] h-[100vh] z-[999]`;
29
29
  this.dialogStyles = `bg-neutral-98 rounded-12 shadow-neutral-drop-shadow-3xl z-[1001]`;
30
30
  }
31
31
  close() {
32
32
  this.isOpen = false;
33
33
  }
34
+ async handleBackdropClick() {
35
+ await this.updateComplete;
36
+ const clickEvent = new CustomEvent("on-backdrop-click", {
37
+ bubbles: true,
38
+ composed: true
39
+ });
40
+ this.dispatchEvent(clickEvent);
41
+ }
34
42
  render() {
35
43
  return shared_tailwindElement_index.x`
36
44
  <div
@@ -45,6 +53,7 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
45
53
  class=${index.customClassMap({
46
54
  [this.overlayStyles]: true
47
55
  })}
56
+ @click=${this.handleBackdropClick}
48
57
  ></div>
49
58
  <div
50
59
  class=${index.customClassMap({
package/dist/components/lukso-modal/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { TailwindElement } from '../../shared/tailwind-element';
2
- export type ModalSizes = 'small' | 'medium' | 'full';
2
+ export type ModalSizes = 'small' | 'medium' | 'full' | 'auto';
3
3
  export declare class LuksoModal extends TailwindElement {
4
4
  isOpen: boolean;
5
5
  size: ModalSizes;
@@ -8,6 +8,7 @@ export declare class LuksoModal extends TailwindElement {
8
8
  private overlayStyles;
9
9
  private dialogStyles;
10
10
  private close;
11
+ private handleBackdropClick;
11
12
  render(): import("lit-html").TemplateResult<1>;
12
13
  }
13
14
  declare global {
package/dist/components/lukso-modal/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEpD,qBACa,UAAW,SAAQ,eAAe;IAE7C,MAAM,UAAQ;IAGd,IAAI,EAAE,UAAU,CAAU;IAE1B,OAAO,CAAC,aAAa,CAAwG;IAC7H,OAAO,CAAC,UAAU,CAA6E;IAC/F,OAAO,CAAC,aAAa,CAA4F;IACjH,OAAO,CAAC,YAAY,CAAqE;IAEzF,OAAO,CAAC,KAAK;IAIb,MAAM;CA4BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7D,qBACa,UAAW,SAAQ,eAAe;IAE7C,MAAM,UAAQ;IAGd,IAAI,EAAE,UAAU,CAAU;IAE1B,OAAO,CAAC,aAAa,CAAyF;IAC9G,OAAO,CAAC,UAAU,CAA6F;IAC/G,OAAO,CAAC,aAAa,CAA4F;IACjH,OAAO,CAAC,YAAY,CAAqE;IAEzF,OAAO,CAAC,KAAK;YAIC,mBAAmB;IASjC,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
package/dist/components/lukso-modal/index.js CHANGED
@@ -19,14 +19,22 @@ let LuksoModal = class extends TailwindElement {
19
19
  super(...arguments);
20
20
  this.isOpen = false;
21
21
  this.size = "small";
22
- this.wrapperStyles = `opacity-0 fixed z-[1000] transition-opacity top-0 left-0 p-6 animate-fade-in animation-duration-200`;
23
- this.openStyles = `flex opacity-100 visible items-center justify-center w-[100vw] h-[100vh]`;
22
+ this.wrapperStyles = `opacity-0 fixed z-[1000] transition-opacity top-0 left-0 p-6 animation-duration-200`;
23
+ this.openStyles = `flex opacity-100 visible items-center justify-center w-[100vw] h-[100vh] animate-fade-in`;
24
24
  this.overlayStyles = `bg-[rgba(36,53,66,0.8)] backdrop-blur-sm fixed top-0 left-0 w-[100vw] h-[100vh] z-[999]`;
25
25
  this.dialogStyles = `bg-neutral-98 rounded-12 shadow-neutral-drop-shadow-3xl z-[1001]`;
26
26
  }
27
27
  close() {
28
28
  this.isOpen = false;
29
29
  }
30
+ async handleBackdropClick() {
31
+ await this.updateComplete;
32
+ const clickEvent = new CustomEvent("on-backdrop-click", {
33
+ bubbles: true,
34
+ composed: true
35
+ });
36
+ this.dispatchEvent(clickEvent);
37
+ }
30
38
  render() {
31
39
  return x`
32
40
  <div
@@ -41,6 +49,7 @@ let LuksoModal = class extends TailwindElement {
41
49
  class=${customClassMap({
42
50
  [this.overlayStyles]: true
43
51
  })}
52
+ @click=${this.handleBackdropClick}
44
53
  ></div>
45
54
  <div
46
55
  class=${customClassMap({
package/dist/components/lukso-modal/lukso-modal.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/lukso-modal.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAGhD,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IA2CX,CAAA;AAED,eAAe,IAAI,CAAA;AAiCnB,eAAO,MAAM,YAAY,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-modal/lukso-modal.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAGhD,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAkDX,CAAA;AAED,eAAe,IAAI,CAAA;AAiCnB,eAAO,MAAM,YAAY,KAAoB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.59.0",
3
+ "version": "1.60.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",