@lukso/web-components 1.134.0 → 1.134.2

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 (9) hide show
  1. package/dist/components/lukso-navbar/index.cjs +11 -6
  2. package/dist/components/lukso-navbar/index.d.ts +6 -18
  3. package/dist/components/lukso-navbar/index.d.ts.map +1 -1
  4. package/dist/components/lukso-navbar/index.js +11 -6
  5. package/dist/components/lukso-tooltip/index.cjs +1 -1
  6. package/dist/components/lukso-tooltip/index.js +1 -1
  7. package/dist/shared/types.d.ts +1 -0
  8. package/dist/shared/types.d.ts.map +1 -1
  9. package/package.json +1 -1
package/dist/components/lukso-navbar/index.cjs CHANGED
@@ -43,7 +43,8 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
43
43
  after:content-[''] after:absolute after:w-[18px] after:h-[2px] after:bg-neutral-20 after:rounded-4 after:transition-all after:translate-y-[6px]`,
44
44
  mobileMenuDropdown: "fixed top-[78px] left-0 w-full h-full bg-neutral-100 z-[1000] justify-center items-center flex",
45
45
  desktopMenuWrapper: "items-center justify-end pr-10 no-underline hidden",
46
- desktopCenterWrapper: "items-center hidden"
46
+ desktopCenterWrapper: "items-center hidden",
47
+ desktopCenterPlaceholder: ""
47
48
  },
48
49
  variants: {
49
50
  isCenter: {
@@ -69,25 +70,29 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
69
70
  mobileMenuWrapper: "sm:hidden",
70
71
  mobileMenuDropdown: "sm:hidden",
71
72
  desktopMenuWrapper: "sm:flex",
72
- desktopCenterWrapper: "sm:flex"
73
+ desktopCenterWrapper: "sm:flex",
74
+ desktopCenterPlaceholder: "sm:hidden"
73
75
  },
74
76
  md: {
75
77
  mobileMenuWrapper: "md:hidden",
76
78
  mobileMenuDropdown: "md:hidden",
77
79
  desktopMenuWrapper: "md:flex",
78
- desktopCenterWrapper: "md:flex"
80
+ desktopCenterWrapper: "md:flex",
81
+ desktopCenterPlaceholder: "md:hidden"
79
82
  },
80
83
  lg: {
81
84
  mobileMenuWrapper: "lg:hidden",
82
85
  mobileMenuDropdown: "lg:hidden",
83
86
  desktopMenuWrapper: "lg:flex",
84
- desktopCenterWrapper: "lg:flex"
87
+ desktopCenterWrapper: "lg:flex",
88
+ desktopCenterPlaceholder: "lg:hidden"
85
89
  },
86
90
  xl: {
87
91
  mobileMenuWrapper: "xl:hidden",
88
92
  mobileMenuDropdown: "xl:hidden",
89
93
  desktopMenuWrapper: "xl:flex",
90
- desktopCenterWrapper: "xl:flex"
94
+ desktopCenterWrapper: "xl:flex",
95
+ desktopCenterPlaceholder: "xl:hidden"
91
96
  }
92
97
  },
93
98
  isMenuOpen: {
@@ -149,7 +154,7 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
149
154
  return shared_tailwindElement_index.x`<div class=${styles.desktopCenterWrapper()}>
150
155
  <slot name="desktop-center"></slot>
151
156
  </div>
152
- <div class="sm:hidden"></div>`;
157
+ <div class=${styles.desktopCenterPlaceholder()}></div>`;
153
158
  }
154
159
  mobileMenuTemplate(styles) {
155
160
  return shared_tailwindElement_index.x`<div class=${styles.mobileMenuWrapper()}>
package/dist/components/lukso-navbar/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { html } from 'lit';
2
2
  import { TailwindElement } from '../../shared/tailwind-element';
3
3
  export type NavbarMobileBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
4
+ type Styles = FunctionMap<'wrapper' | 'mobileMenuWrapper' | 'mobileMenuTrigger' | 'mobileMenuDropdown' | 'desktopMenuWrapper' | 'desktopCenterWrapper' | 'desktopCenterPlaceholder', string>;
4
5
  export declare class LuksoNavbar extends TailwindElement {
5
6
  title: string;
6
7
  isCenter: boolean;
@@ -18,25 +19,11 @@ export declare class LuksoNavbar extends TailwindElement {
18
19
  private handleBrandClick;
19
20
  private handleIconClick;
20
21
  private handleMenuToggle;
21
- desktopMenuTemplate(styles: {
22
- desktopMenuWrapper: () => string;
23
- }): import('lit-html').TemplateResult<1>;
24
- desktopCenterTemplate(styles: {
25
- desktopCenterWrapper: () => string;
26
- }): import('lit-html').TemplateResult<1>;
27
- mobileMenuTemplate(styles: {
28
- mobileMenuTrigger: () => string;
29
- mobileMenuDropdown: () => string;
30
- mobileMenuWrapper: () => string;
31
- }): import('lit-html').TemplateResult<1>;
22
+ desktopMenuTemplate(styles: Styles): import('lit-html').TemplateResult<1>;
23
+ desktopCenterTemplate(styles: Styles): import('lit-html').TemplateResult<1>;
24
+ mobileMenuTemplate(styles: Styles): import('lit-html').TemplateResult<1>;
32
25
  brandTemplate(): import('lit-html').TemplateResult<1>;
33
- menuTemplate(styles: {
34
- desktopMenuWrapper: () => string;
35
- desktopCenterWrapper?: () => string;
36
- mobileMenuWrapper: () => string;
37
- mobileMenuTrigger: () => string;
38
- mobileMenuDropdown: () => string;
39
- }): ReturnType<typeof html>;
26
+ menuTemplate(styles: Styles): ReturnType<typeof html>;
40
27
  render(): import('lit-html').TemplateResult<1>;
41
28
  }
42
29
  declare global {
@@ -44,4 +31,5 @@ declare global {
44
31
  'lukso-navbar': LuksoNavbar;
45
32
  }
46
33
  }
34
+ export {};
47
35
  //# sourceMappingURL=index.d.ts.map
package/dist/components/lukso-navbar/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAW,MAAM,KAAK,CAAA;AAInC,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAE/B,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9D,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,SAAK;IAGV,QAAQ,UAAQ;IAGhB,QAAQ,UAAQ;IAGhB,aAAa,UAAQ;IAGrB,SAAS,UAAQ;IAGjB,IAAI,SAAK;IAGT,OAAO,UAAQ;IAGf,qBAAqB,UAAQ;IAG7B,OAAO,SAAK;IAGZ,gBAAgB,EAAE,sBAAsB,CAAO;IAG/C,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,cAAc,CAA+B;IAErD,OAAO,CAAC,MAAM,CAqFZ;IAEF,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,gBAAgB;IAUxB,mBAAmB,CAAC,MAAM,EAAE;QAAE,kBAAkB,EAAE,MAAM,MAAM,CAAA;KAAE;IAMhE,qBAAqB,CAAC,MAAM,EAAE;QAAE,oBAAoB,EAAE,MAAM,MAAM,CAAA;KAAE;IAOpE,kBAAkB,CAAC,MAAM,EAAE;QACzB,iBAAiB,EAAE,MAAM,MAAM,CAAA;QAC/B,kBAAkB,EAAE,MAAM,MAAM,CAAA;QAChC,iBAAiB,EAAE,MAAM,MAAM,CAAA;KAChC;IAqBD,aAAa;IAqCb,YAAY,CAAC,MAAM,EAAE;QACnB,kBAAkB,EAAE,MAAM,MAAM,CAAA;QAChC,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAA;QACnC,iBAAiB,EAAE,MAAM,MAAM,CAAA;QAC/B,iBAAiB,EAAE,MAAM,MAAM,CAAA;QAC/B,kBAAkB,EAAE,MAAM,MAAM,CAAA;KACjC,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC;IAM3B,MAAM;CAqBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAW,MAAM,KAAK,CAAA;AAInC,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAE/B,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9D,KAAK,MAAM,GAAG,WAAW,CACrB,SAAS,GACT,mBAAmB,GACnB,mBAAmB,GACnB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,0BAA0B,EAC5B,MAAM,CACP,CAAA;AAED,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,SAAK;IAGV,QAAQ,UAAQ;IAGhB,QAAQ,UAAQ;IAGhB,aAAa,UAAQ;IAGrB,SAAS,UAAQ;IAGjB,IAAI,SAAK;IAGT,OAAO,UAAQ;IAGf,qBAAqB,UAAQ;IAG7B,OAAO,SAAK;IAGZ,gBAAgB,EAAE,sBAAsB,CAAO;IAG/C,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,cAAc,CAA+B;IAErD,OAAO,CAAC,MAAM,CA0FZ;IAEF,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,gBAAgB;IAUxB,mBAAmB,CAAC,MAAM,EAAE,MAAM;IAMlC,qBAAqB,CAAC,MAAM,EAAE,MAAM;IAOpC,kBAAkB,CAAC,MAAM,EAAE,MAAM;IAqBjC,aAAa;IAqCb,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC;IAMrD,MAAM;CAqBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
package/dist/components/lukso-navbar/index.js CHANGED
@@ -39,7 +39,8 @@ let LuksoNavbar = class extends TailwindElement {
39
39
  after:content-[''] after:absolute after:w-[18px] after:h-[2px] after:bg-neutral-20 after:rounded-4 after:transition-all after:translate-y-[6px]`,
40
40
  mobileMenuDropdown: "fixed top-[78px] left-0 w-full h-full bg-neutral-100 z-[1000] justify-center items-center flex",
41
41
  desktopMenuWrapper: "items-center justify-end pr-10 no-underline hidden",
42
- desktopCenterWrapper: "items-center hidden"
42
+ desktopCenterWrapper: "items-center hidden",
43
+ desktopCenterPlaceholder: ""
43
44
  },
44
45
  variants: {
45
46
  isCenter: {
@@ -65,25 +66,29 @@ let LuksoNavbar = class extends TailwindElement {
65
66
  mobileMenuWrapper: "sm:hidden",
66
67
  mobileMenuDropdown: "sm:hidden",
67
68
  desktopMenuWrapper: "sm:flex",
68
- desktopCenterWrapper: "sm:flex"
69
+ desktopCenterWrapper: "sm:flex",
70
+ desktopCenterPlaceholder: "sm:hidden"
69
71
  },
70
72
  md: {
71
73
  mobileMenuWrapper: "md:hidden",
72
74
  mobileMenuDropdown: "md:hidden",
73
75
  desktopMenuWrapper: "md:flex",
74
- desktopCenterWrapper: "md:flex"
76
+ desktopCenterWrapper: "md:flex",
77
+ desktopCenterPlaceholder: "md:hidden"
75
78
  },
76
79
  lg: {
77
80
  mobileMenuWrapper: "lg:hidden",
78
81
  mobileMenuDropdown: "lg:hidden",
79
82
  desktopMenuWrapper: "lg:flex",
80
- desktopCenterWrapper: "lg:flex"
83
+ desktopCenterWrapper: "lg:flex",
84
+ desktopCenterPlaceholder: "lg:hidden"
81
85
  },
82
86
  xl: {
83
87
  mobileMenuWrapper: "xl:hidden",
84
88
  mobileMenuDropdown: "xl:hidden",
85
89
  desktopMenuWrapper: "xl:flex",
86
- desktopCenterWrapper: "xl:flex"
90
+ desktopCenterWrapper: "xl:flex",
91
+ desktopCenterPlaceholder: "xl:hidden"
87
92
  }
88
93
  },
89
94
  isMenuOpen: {
@@ -145,7 +150,7 @@ let LuksoNavbar = class extends TailwindElement {
145
150
  return x`<div class=${styles.desktopCenterWrapper()}>
146
151
  <slot name="desktop-center"></slot>
147
152
  </div>
148
- <div class="sm:hidden"></div>`;
153
+ <div class=${styles.desktopCenterPlaceholder()}></div>`;
149
154
  }
150
155
  mobileMenuTemplate(styles) {
151
156
  return x`<div class=${styles.mobileMenuWrapper()}>
package/dist/components/lukso-tooltip/index.cjs CHANGED
@@ -3528,7 +3528,7 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3528
3528
  const trigger = this.shadowRoot.getElementById("trigger");
3529
3529
  const tooltip = this.shadowRoot.getElementById("tooltip");
3530
3530
  if (this.tooltipInstance) {
3531
- this.tooltipInstance.destroy();
3531
+ this.tooltipInstance?.destroy();
3532
3532
  this.tooltipInstance = void 0;
3533
3533
  }
3534
3534
  if (!this.text) {
package/dist/components/lukso-tooltip/index.js CHANGED
@@ -3524,7 +3524,7 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
3524
3524
  const trigger = this.shadowRoot.getElementById("trigger");
3525
3525
  const tooltip = this.shadowRoot.getElementById("tooltip");
3526
3526
  if (this.tooltipInstance) {
3527
- this.tooltipInstance.destroy();
3527
+ this.tooltipInstance?.destroy();
3528
3528
  this.tooltipInstance = void 0;
3529
3529
  }
3530
3530
  if (!this.text) {
package/dist/shared/types.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export type Address = `0x${string}`;
2
2
  export type InputSize = 'small' | 'medium';
3
+ export type FunctionMap<T extends string, Return = string> = Partial<Record<T, () => Return>>;
3
4
  //# sourceMappingURL=types.d.ts.map
package/dist/shared/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,KAAK,MAAM,EAAE,CAAA;AAEnC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/shared/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,KAAK,MAAM,EAAE,CAAA;AAEnC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE1C,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,GAAG,MAAM,IAAI,OAAO,CAClE,MAAM,CAAC,CAAC,EAAE,MAAM,MAAM,CAAC,CACxB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.134.0",
3
+ "version": "1.134.2",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",