@lukso/web-components 1.184.0 → 1.186.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 (31) hide show
  1. package/dist/components/lukso-button/index.cjs +13 -6
  2. package/dist/components/lukso-button/index.d.ts.map +1 -1
  3. package/dist/components/lukso-button/index.js +13 -6
  4. package/dist/components/lukso-button/lukso-button.stories.d.ts +2 -0
  5. package/dist/components/lukso-button/lukso-button.stories.d.ts.map +1 -1
  6. package/dist/components/lukso-search/index.cjs +0 -5
  7. package/dist/components/lukso-search/index.d.ts.map +1 -1
  8. package/dist/components/lukso-search/index.js +0 -5
  9. package/dist/components/lukso-select/index.cjs +0 -1
  10. package/dist/components/lukso-select/index.d.ts.map +1 -1
  11. package/dist/components/lukso-select/index.js +0 -1
  12. package/dist/components/lukso-username/index.cjs +7 -12
  13. package/dist/components/lukso-username/index.d.ts +0 -3
  14. package/dist/components/lukso-username/index.d.ts.map +1 -1
  15. package/dist/components/lukso-username/index.js +7 -12
  16. package/dist/components/lukso-username/lukso-username.stories.d.ts +1 -1
  17. package/dist/components/lukso-username/lukso-username.stories.d.ts.map +1 -1
  18. package/dist/components/lukso-username/style.css.cjs +1 -1
  19. package/dist/components/lukso-username/style.css.js +1 -1
  20. package/dist/docs/Typography.stories.d.ts.map +1 -1
  21. package/dist/shared/tailwind-element/style.css.cjs +1 -1
  22. package/dist/shared/tailwind-element/style.css.js +1 -1
  23. package/dist/styles/component-v4.css +8 -0
  24. package/dist/styles/main.css +3 -0
  25. package/dist/styles/typography-v4.css +8 -0
  26. package/package.json +1 -1
  27. package/tools/sass/typography.scss +4 -0
  28. package/tools/styles/component-v4.css +8 -0
  29. package/tools/styles/main-v4.css +8 -0
  30. package/tools/styles/main.css +3 -0
  31. package/tools/styles/typography-v4.css +8 -0
@@ -93,7 +93,7 @@ exports.LuksoButton = class LuksoButton extends core.withTheme(index.TailwindSty
93
93
  small: "h-7 px-3 paragraph-inter-12-medium rounded-8",
94
94
  medium: "h-10 px-4 paragraph-inter-14-semi-bold rounded-10",
95
95
  large: "h-12 px-6 paragraph-inter-16-semi-bold rounded-12",
96
- "x-large": ""
96
+ "x-large": "h-17 px-8 paragraph-inter-20-semi-bold rounded-[14px]"
97
97
  },
98
98
  isLongPress: {
99
99
  true: `relative overflow-hidden z-[1] active:outline-0
@@ -123,17 +123,17 @@ exports.LuksoButton = class LuksoButton extends core.withTheme(index.TailwindSty
123
123
  class: "text-purple-41"
124
124
  },
125
125
  {
126
- size: ["medium", "small", "large"],
126
+ size: ["medium", "small", "large", "x-large"],
127
127
  color: "link",
128
128
  class: "p-0 h-[initial]"
129
129
  },
130
130
  {
131
- size: ["medium", "large"],
131
+ size: ["medium", "large", "x-large"],
132
132
  color: ["primary", "landing", "success", "danger", "warning"],
133
133
  class: "hover:shadow-button-medium-hover-primary active:shadow-button-medium-press-primary"
134
134
  },
135
135
  {
136
- size: ["medium", "large"],
136
+ size: ["medium", "large", "x-large"],
137
137
  color: ["secondary"],
138
138
  class: "hover:shadow-button-medium-hover-secondary active:shadow-button-medium-press-secondary"
139
139
  },
@@ -161,6 +161,11 @@ exports.LuksoButton = class LuksoButton extends core.withTheme(index.TailwindSty
161
161
  isIcon: true,
162
162
  size: ["large"],
163
163
  class: "px-0 w-12"
164
+ },
165
+ {
166
+ isIcon: true,
167
+ size: ["x-large"],
168
+ class: "px-0 w-17"
164
169
  }
165
170
  ]
166
171
  });
@@ -180,7 +185,9 @@ exports.LuksoButton = class LuksoButton extends core.withTheme(index.TailwindSty
180
185
  large: {
181
186
  text: "ml-2"
182
187
  },
183
- "x-large": {}
188
+ "x-large": {
189
+ text: "ml-2"
190
+ }
184
191
  }
185
192
  }
186
193
  });
@@ -214,7 +221,7 @@ exports.LuksoButton = class LuksoButton extends core.withTheme(index.TailwindSty
214
221
  }, 100);
215
222
  if (this.timer) {
216
223
  clearTimeout(this.timer);
217
- this.timer = null;
224
+ this.timer = 0;
218
225
  }
219
226
  }
220
227
  loadingTemplate() {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/index.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AACb,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAAuC;IAEtE,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,SAAS,CAAU;IAGzB,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,KAAK,SAAK;IAGV,MAAM,UAAQ;IAGd,KAAK,SAAK;IAGV,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,YAAY,CAgHlB;IAEF,OAAO,CAAC,aAAa,CAmBnB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAiBrB,eAAe;IAmBf,eAAe;IAQf,cAAc;IA+Bd,YAAY;IAwBZ,MAAM;CAGP;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-button/index.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AACb,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAAuC;IAEtE,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,SAAS,CAAU;IAGzB,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,KAAK,SAAK;IAGV,MAAM,UAAQ;IAGd,KAAK,SAAK;IAGV,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,YAAY,CAqHlB;IAEF,OAAO,CAAC,aAAa,CAqBnB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAiBrB,eAAe;IAmBf,eAAe;IAQf,cAAc;IA+Bd,YAAY;IAwBZ,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
@@ -89,7 +89,7 @@ let LuksoButton = class extends withTheme(TailwindStyledElement(style)) {
89
89
  small: "h-7 px-3 paragraph-inter-12-medium rounded-8",
90
90
  medium: "h-10 px-4 paragraph-inter-14-semi-bold rounded-10",
91
91
  large: "h-12 px-6 paragraph-inter-16-semi-bold rounded-12",
92
- "x-large": ""
92
+ "x-large": "h-17 px-8 paragraph-inter-20-semi-bold rounded-[14px]"
93
93
  },
94
94
  isLongPress: {
95
95
  true: `relative overflow-hidden z-[1] active:outline-0
@@ -119,17 +119,17 @@ let LuksoButton = class extends withTheme(TailwindStyledElement(style)) {
119
119
  class: "text-purple-41"
120
120
  },
121
121
  {
122
- size: ["medium", "small", "large"],
122
+ size: ["medium", "small", "large", "x-large"],
123
123
  color: "link",
124
124
  class: "p-0 h-[initial]"
125
125
  },
126
126
  {
127
- size: ["medium", "large"],
127
+ size: ["medium", "large", "x-large"],
128
128
  color: ["primary", "landing", "success", "danger", "warning"],
129
129
  class: "hover:shadow-button-medium-hover-primary active:shadow-button-medium-press-primary"
130
130
  },
131
131
  {
132
- size: ["medium", "large"],
132
+ size: ["medium", "large", "x-large"],
133
133
  color: ["secondary"],
134
134
  class: "hover:shadow-button-medium-hover-secondary active:shadow-button-medium-press-secondary"
135
135
  },
@@ -157,6 +157,11 @@ let LuksoButton = class extends withTheme(TailwindStyledElement(style)) {
157
157
  isIcon: true,
158
158
  size: ["large"],
159
159
  class: "px-0 w-12"
160
+ },
161
+ {
162
+ isIcon: true,
163
+ size: ["x-large"],
164
+ class: "px-0 w-17"
160
165
  }
161
166
  ]
162
167
  });
@@ -176,7 +181,9 @@ let LuksoButton = class extends withTheme(TailwindStyledElement(style)) {
176
181
  large: {
177
182
  text: "ml-2"
178
183
  },
179
- "x-large": {}
184
+ "x-large": {
185
+ text: "ml-2"
186
+ }
180
187
  }
181
188
  }
182
189
  });
@@ -210,7 +217,7 @@ let LuksoButton = class extends withTheme(TailwindStyledElement(style)) {
210
217
  }, 100);
211
218
  if (this.timer) {
212
219
  clearTimeout(this.timer);
213
- this.timer = null;
220
+ this.timer = 0;
214
221
  }
215
222
  }
216
223
  loadingTemplate() {
@@ -28,6 +28,8 @@ export declare const SmallSize: any;
28
28
  export declare const MediumSize: any;
29
29
  /** Example of `large` size button. */
30
30
  export declare const LargeSize: any;
31
+ /** Example of `x-large` size button. */
32
+ export declare const XLargeSize: any;
31
33
  /** If you need button to take full width of the parent element add `is-full-width` property. */
32
34
  export declare const FullWidth: any;
33
35
  /** In order to have disabled button add `disabled` property. */
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/lukso-button.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAkOX,CAAA;AAED,eAAe,IAAI,CAAA;AA+CnB,oDAAoD;AACpD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAExC,sCAAsC;AACtC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,oCAAoC;AACpC,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,kCAAkC;AAClC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,wCAAwC;AACxC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,sCAAsC;AACtC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,kCAAkC;AAClC,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,wCAAwC;AACxC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gGAAgG;AAChG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gEAAgE;AAChE,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,6GAA6G;AAC7G,eAAO,MAAM,UAAU,KAAoB,CAAA;AAS3C;;GAEG;AACH,eAAO,MAAM,eAAe,KAAoB,CAAA;AAOhD;4FAC4F;AAC5F,eAAO,MAAM,IAAI,KAAoB,CAAA;AASrC;GACG;AACH,eAAO,MAAM,aAAa,KAAoB,CAAA;AAQ9C,uEAAuE;AACvE,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAOlD,iDAAiD;AACjD,eAAO,MAAM,aAAa,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/lukso-button.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAkOX,CAAA;AAED,eAAe,IAAI,CAAA;AA+CnB,oDAAoD;AACpD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAExC,sCAAsC;AACtC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,oCAAoC;AACpC,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,kCAAkC;AAClC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,wCAAwC;AACxC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,sCAAsC;AACtC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,kCAAkC;AAClC,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,wCAAwC;AACxC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,yCAAyC;AACzC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,gGAAgG;AAChG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gEAAgE;AAChE,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,6GAA6G;AAC7G,eAAO,MAAM,UAAU,KAAoB,CAAA;AAS3C;;GAEG;AACH,eAAO,MAAM,eAAe,KAAoB,CAAA;AAOhD;4FAC4F;AAC5F,eAAO,MAAM,IAAI,KAAoB,CAAA;AASrC;GACG;AACH,eAAO,MAAM,aAAa,KAAoB,CAAA;AAQ9C,uEAAuE;AACvE,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAOlD,iDAAiD;AACjD,eAAO,MAAM,aAAa,KAAoB,CAAA"}
@@ -335,7 +335,6 @@ exports.LuksoSearch = class LuksoSearch extends index.TailwindStyledElement(styl
335
335
  name="${result.name?.toLowerCase() || "anonymous-profile"}"
336
336
  address="${result.address}"
337
337
  name-color="neutral-20"
338
- max-width="300"
339
338
  size=${this.usernameSize[this.size]}
340
339
  ?hide-prefix="${!result.name}"
341
340
  class="ml-1"
@@ -344,7 +343,6 @@ exports.LuksoSearch = class LuksoSearch extends index.TailwindStyledElement(styl
344
343
  name="${sliceAddress.sliceAddress(result.address, 8)}"
345
344
  address="__EOA"
346
345
  name-color="neutral-20"
347
- max-width="300"
348
346
  size=${this.usernameSize[this.size]}
349
347
  hide-prefix
350
348
  class="ml-1"
@@ -353,7 +351,6 @@ exports.LuksoSearch = class LuksoSearch extends index.TailwindStyledElement(styl
353
351
  name="${sliceAddress.sliceAddress(result.address, 8)}"
354
352
  address=""
355
353
  name-color="neutral-20"
356
- max-width="300"
357
354
  size=${this.usernameSize[this.size]}
358
355
  hide-prefix
359
356
  class="ml-1"
@@ -432,7 +429,6 @@ exports.LuksoSearch = class LuksoSearch extends index.TailwindStyledElement(styl
432
429
  name="${sliceAddress.sliceAddress(recentSearch.address, 8)}"
433
430
  address="__EOA"
434
431
  name-color="neutral-20"
435
- max-width="300"
436
432
  size="x-small"
437
433
  hide-prefix
438
434
  class="ml-1"
@@ -455,7 +451,6 @@ exports.LuksoSearch = class LuksoSearch extends index.TailwindStyledElement(styl
455
451
  name="${recentSearch.name?.toLowerCase() || "anonymous-profile"}"
456
452
  address="${recentSearch.address}"
457
453
  name-color="neutral-20"
458
- max-width="300"
459
454
  size="x-small"
460
455
  ?hide-prefix="${!recentSearch.name}"
461
456
  class="ml-1"
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAM7E,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,6BAA6B,CAAA;AACpC,OAAO,4BAA4B,CAAA;AAOnC,OAAO,KAAK,EACV,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACV,MAAM,gBAAgB,CAAA;AAEvB,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,gBAAgB,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;;AAED,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAOT;IAGF,aAAa,SAAc;IAG3B,eAAe,SAAe;IAG9B,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,SAAS,SAAW;IAGpB,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,oBAAoB,UAAQ;IAG5B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAY;IAGxC,IAAI,EAAE,SAAS,CAAU;IAGzB,SAAS,MAAY;IAGrB,eAAe,UAAQ;IAGvB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAA2C;IAGhE,OAAO,CAAC,aAAa,CAAqB;;IAU1C,OAAO,CAAC,MAAM,CAoBZ;IAEF,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,WAAW,CAKlB;IAED,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,QAAQ,CAKf;IAED,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IAwFf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAcxD,2BAA2B,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAqB/D,qBAAqB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IA+DzD,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IA4BvD,iBAAiB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAoBrD,0BAA0B,CAAC,MAAM,EAAE,YAAY;YAgHjC,0BAA0B;YA4B1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CAgDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
@@ -331,7 +331,6 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
331
331
  name="${result.name?.toLowerCase() || "anonymous-profile"}"
332
332
  address="${result.address}"
333
333
  name-color="neutral-20"
334
- max-width="300"
335
334
  size=${this.usernameSize[this.size]}
336
335
  ?hide-prefix="${!result.name}"
337
336
  class="ml-1"
@@ -340,7 +339,6 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
340
339
  name="${sliceAddress(result.address, 8)}"
341
340
  address="__EOA"
342
341
  name-color="neutral-20"
343
- max-width="300"
344
342
  size=${this.usernameSize[this.size]}
345
343
  hide-prefix
346
344
  class="ml-1"
@@ -349,7 +347,6 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
349
347
  name="${sliceAddress(result.address, 8)}"
350
348
  address=""
351
349
  name-color="neutral-20"
352
- max-width="300"
353
350
  size=${this.usernameSize[this.size]}
354
351
  hide-prefix
355
352
  class="ml-1"
@@ -428,7 +425,6 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
428
425
  name="${sliceAddress(recentSearch.address, 8)}"
429
426
  address="__EOA"
430
427
  name-color="neutral-20"
431
- max-width="300"
432
428
  size="x-small"
433
429
  hide-prefix
434
430
  class="ml-1"
@@ -451,7 +447,6 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
451
447
  name="${recentSearch.name?.toLowerCase() || "anonymous-profile"}"
452
448
  address="${recentSearch.address}"
453
449
  name-color="neutral-20"
454
- max-width="300"
455
450
  size="x-small"
456
451
  ?hide-prefix="${!recentSearch.name}"
457
452
  class="ml-1"
@@ -289,7 +289,6 @@ exports.LuksoSelect = class LuksoSelect extends index.TailwindStyledElement(styl
289
289
  name="${option.name?.toLowerCase()}"
290
290
  address="${option.address}"
291
291
  name-color="neutral-20"
292
- max-width="150"
293
292
  slice-by="4"
294
293
  size=${this.size}
295
294
  class="ml-1"
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAO7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;AACtC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAItC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAK;IAG3B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAK;IAGhC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAG5B,MAAM,UAAQ;IAGd,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,CAAU;IAGzB,oBAAoB,UAAQ;IAG5B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAG7B,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,WAAW,CAAwC;;IAU3D,OAAO,CAAC,WAAW,CAuBjB;IAEF,OAAO,CAAC,aAAa,CAenB;IAEF,OAAO,CAAC,UAAU,CAgBhB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IA0ClD,aAAa;IA2Bb,8BAA8B;IAS9B,eAAe;IAoDf,2BAA2B,CACzB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,kBAAkB,EAAE,CAAA;KAC7B,EACD,KAAK,EAAE,MAAM;IAef,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAiB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;IAgBhE,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,0BAA0B;YAUpB,qBAAqB;YAqCrB,YAAY;YAiBZ,UAAU;IAcxB,OAAO,CAAC,WAAW;IAQnB,MAAM;CA8BP;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-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAO7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,6BAA6B,CAAA;AACpC,OAAO,+BAA+B,CAAA;AACtC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAItC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAK;IAG3B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAK;IAGpC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAK;IAG9B,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAK;IAGhC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAG5B,MAAM,UAAQ;IAGd,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,CAAU;IAGzB,oBAAoB,UAAQ;IAG5B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAG7B,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,WAAW,CAAwC;;IAU3D,OAAO,CAAC,WAAW,CAuBjB;IAEF,OAAO,CAAC,aAAa,CAenB;IAEF,OAAO,CAAC,UAAU,CAgBhB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IA0ClD,aAAa;IA2Bb,8BAA8B;IAS9B,eAAe;IAoDf,2BAA2B,CACzB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,kBAAkB,EAAE,CAAA;KAC7B,EACD,KAAK,EAAE,MAAM;IAef,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAiB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;IAgBhE,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IA2B1B,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,0BAA0B;YAUpB,qBAAqB;YAqCrB,YAAY;YAiBZ,UAAU;IAcxB,OAAO,CAAC,WAAW;IAQnB,MAAM;CA8BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
@@ -285,7 +285,6 @@ let LuksoSelect = class extends TailwindStyledElement(style) {
285
285
  name="${option.name?.toLowerCase()}"
286
286
  address="${option.address}"
287
287
  name-color="neutral-20"
288
- max-width="150"
289
288
  slice-by="4"
290
289
  size=${this.size}
291
290
  class="ml-1"
@@ -33,7 +33,6 @@ exports.LuksoUsername = class LuksoUsername extends index.TailwindStyledElement(
33
33
  super(...arguments);
34
34
  this.name = "";
35
35
  this.address = "";
36
- this.maxWidth = 200;
37
36
  this.size = "large";
38
37
  this.sliceBy = 8;
39
38
  this.addressColor = "";
@@ -42,14 +41,12 @@ exports.LuksoUsername = class LuksoUsername extends index.TailwindStyledElement(
42
41
  this.hidePrefix = false;
43
42
  this.prefix = "@";
44
43
  this.noTransform = false;
45
- /** Width of the first 4 bytes of the address */
46
- this.bytesWidth = 52;
47
44
  this.styles = tailwindVariants.tv({
48
45
  slots: {
49
- wrapper: "inline-flex",
50
- name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis",
51
- address: "inline-block",
52
- bytes: "inline-block"
46
+ wrapper: "inline-flex w-full min-w-0",
47
+ name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis shrink min-w-0",
48
+ address: "inline-block shrink-0",
49
+ bytes: "inline-block shrink-0"
53
50
  },
54
51
  variants: {
55
52
  size: {
@@ -122,7 +119,6 @@ exports.LuksoUsername = class LuksoUsername extends index.TailwindStyledElement(
122
119
  return lit.html`<div
123
120
  class=${styles}
124
121
  style=${index$1.customStyleMap({
125
- [`max-width: ${this.maxWidth - (this.address ? this.bytesWidth : 0)}px`]: true,
126
122
  [`color: var(--${this.nameColor})`]: this.nameColor !== ""
127
123
  })}
128
124
  >
@@ -159,7 +155,9 @@ exports.LuksoUsername = class LuksoUsername extends index.TailwindStyledElement(
159
155
  return this.addressTemplate(address());
160
156
  }
161
157
  })();
162
- return lit.html`<div class=${cn.cn(wrapper(), this.customClass)}>${template}</div>`;
158
+ return lit.html`<div part="wrapper" class=${cn.cn(wrapper(), this.customClass)}>
159
+ ${template}
160
+ </div>`;
163
161
  }
164
162
  };
165
163
  __decorateClass([
@@ -168,9 +166,6 @@ __decorateClass([
168
166
  __decorateClass([
169
167
  decorators_js.property({ type: String })
170
168
  ], exports.LuksoUsername.prototype, "address", 2);
171
- __decorateClass([
172
- decorators_js.property({ type: Number, attribute: "max-width" })
173
- ], exports.LuksoUsername.prototype, "maxWidth", 2);
174
169
  __decorateClass([
175
170
  decorators_js.property({ type: "string" })
176
171
  ], exports.LuksoUsername.prototype, "size", 2);
@@ -3,7 +3,6 @@ declare const LuksoUsername_base: typeof import('lit').LitElement;
3
3
  export declare class LuksoUsername extends LuksoUsername_base {
4
4
  name: string;
5
5
  address: string;
6
- maxWidth: number;
7
6
  size: ProfileSize;
8
7
  sliceBy: number;
9
8
  addressColor: string;
@@ -12,8 +11,6 @@ export declare class LuksoUsername extends LuksoUsername_base {
12
11
  hidePrefix: boolean;
13
12
  prefix: string;
14
13
  noTransform: boolean;
15
- /** Width of the first 4 bytes of the address */
16
- private bytesWidth;
17
14
  private styles;
18
15
  private transformName;
19
16
  private transformAddress;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/index.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;;AAEjD,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,IAAI,SAAK;IAGT,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,IAAI,EAAE,WAAW,CAAU;IAG3B,OAAO,SAAI;IAGX,YAAY,SAAK;IAGjB,SAAS,SAAK;IAGd,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,MAAM,SAAM;IAGZ,WAAW,UAAQ;IAEnB,gDAAgD;IAChD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CA2CZ;IAEF,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,eAAe;IAavB,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/index.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;;AAEjD,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,IAAI,SAAK;IAGT,OAAO,SAAK;IAGZ,IAAI,EAAE,WAAW,CAAU;IAG3B,OAAO,SAAI;IAGX,YAAY,SAAK;IAGjB,SAAS,SAAK;IAGd,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,MAAM,SAAM;IAGZ,WAAW,UAAQ;IAEnB,OAAO,CAAC,MAAM,CA2CZ;IAEF,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,eAAe;IAavB,MAAM;CA2BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
@@ -29,7 +29,6 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
29
29
  super(...arguments);
30
30
  this.name = "";
31
31
  this.address = "";
32
- this.maxWidth = 200;
33
32
  this.size = "large";
34
33
  this.sliceBy = 8;
35
34
  this.addressColor = "";
@@ -38,14 +37,12 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
38
37
  this.hidePrefix = false;
39
38
  this.prefix = "@";
40
39
  this.noTransform = false;
41
- /** Width of the first 4 bytes of the address */
42
- this.bytesWidth = 52;
43
40
  this.styles = tv({
44
41
  slots: {
45
- wrapper: "inline-flex",
46
- name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis",
47
- address: "inline-block",
48
- bytes: "inline-block"
42
+ wrapper: "inline-flex w-full min-w-0",
43
+ name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis shrink min-w-0",
44
+ address: "inline-block shrink-0",
45
+ bytes: "inline-block shrink-0"
49
46
  },
50
47
  variants: {
51
48
  size: {
@@ -118,7 +115,6 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
118
115
  return html`<div
119
116
  class=${styles}
120
117
  style=${customStyleMap({
121
- [`max-width: ${this.maxWidth - (this.address ? this.bytesWidth : 0)}px`]: true,
122
118
  [`color: var(--${this.nameColor})`]: this.nameColor !== ""
123
119
  })}
124
120
  >
@@ -155,7 +151,9 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
155
151
  return this.addressTemplate(address());
156
152
  }
157
153
  })();
158
- return html`<div class=${cn(wrapper(), this.customClass)}>${template}</div>`;
154
+ return html`<div part="wrapper" class=${cn(wrapper(), this.customClass)}>
155
+ ${template}
156
+ </div>`;
159
157
  }
160
158
  };
161
159
  __decorateClass([
@@ -164,9 +162,6 @@ __decorateClass([
164
162
  __decorateClass([
165
163
  property({ type: String })
166
164
  ], LuksoUsername.prototype, "address", 2);
167
- __decorateClass([
168
- property({ type: Number, attribute: "max-width" })
169
- ], LuksoUsername.prototype, "maxWidth", 2);
170
165
  __decorateClass([
171
166
  property({ type: "string" })
172
167
  ], LuksoUsername.prototype, "size", 2);
@@ -4,7 +4,7 @@ declare const meta: Meta;
4
4
  export default meta;
5
5
  /** By default user name is displayed as `name` prefixed with `@` character and 4 bytes of `address` */
6
6
  export declare const DefaultUsername: any;
7
- /** Long names get truncated. You can control width of the component with `max-width` attribute. */
7
+ /** Long names get truncated when the component is constrained by its container. */
8
8
  export declare const LongName: any;
9
9
  /** Example of component that has only `name` attribute. */
10
10
  export declare const OnlyName: any;
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-username.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/lukso-username.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,iIAAiI;AACjI,QAAA,MAAM,IAAI,EAAE,IA2IX,CAAA;AAED,eAAe,IAAI,CAAA;AA6BnB,uGAAuG;AACvG,eAAO,MAAM,eAAe,KAAoB,CAAA;AAEhD,mGAAmG;AACnG,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,2DAA2D;AAC3D,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,8DAA8D;AAC9D,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,4FAA4F;AAC5F,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mGAAmG;AACnG,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,wDAAwD;AACxD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,wEAAwE;AACxE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAQ3C,iDAAiD;AACjD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,+CAA+C;AAC/C,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-username.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/lukso-username.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,iIAAiI;AACjI,QAAA,MAAM,IAAI,EAAE,IA6HX,CAAA;AAED,eAAe,IAAI,CAAA;AA2BnB,uGAAuG;AACvG,eAAO,MAAM,eAAe,KAAoB,CAAA;AAEhD,mFAAmF;AACnF,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,2DAA2D;AAC3D,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,8DAA8D;AAC9D,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,4FAA4F;AAC5F,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mGAAmG;AACnG,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,wDAAwD;AACxD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,wEAAwE;AACxE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,iDAAiD;AACjD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,+CAA+C;AAC/C,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA"}
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: inline-flex;\n}\n";
3
+ const style = ":host {\n display: inline-flex;\n min-width: 0;\n}\n";
4
4
 
5
5
  module.exports = style;
@@ -1,3 +1,3 @@
1
- const style = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:host {\n display: inline-flex;\n}\n";
1
+ const style = ":host {\n display: inline-flex;\n min-width: 0;\n}\n";
2
2
 
3
3
  export { style as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/docs/Typography.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEpE,QAAA,MAAM,IAAI,EAAE,IA8BX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAmCrB,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA"}
1
+ {"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/docs/Typography.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEpE,QAAA,MAAM,IAAI,EAAE,IA8BX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAoCrB,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA"}