@lukso/web-components 1.134.1 → 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 (7) 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/shared/types.d.ts +1 -0
  6. package/dist/shared/types.d.ts.map +1 -1
  7. 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/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.1",
3
+ "version": "1.134.2",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",