@lukso/web-components 1.140.0 → 1.141.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 (5) hide show
  1. package/dist/components/lukso-search/index.cjs +46 -23
  2. package/dist/components/lukso-search/index.d.ts +4 -1
  3. package/dist/components/lukso-search/index.d.ts.map +1 -1
  4. package/dist/components/lukso-search/index.js +46 -23
  5. package/package.json +1 -1
package/dist/components/lukso-search/index.cjs CHANGED
@@ -106,6 +106,30 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
106
106
  }
107
107
  }
108
108
  });
109
+ this.dropdownSize = {
110
+ small: "small",
111
+ medium: "medium",
112
+ large: "medium",
113
+ "x-large": "medium"
114
+ };
115
+ this.profileSize = {
116
+ small: "2x-small",
117
+ medium: "x-small",
118
+ large: "x-small",
119
+ "x-large": "small"
120
+ };
121
+ this.usernameSize = {
122
+ small: "small",
123
+ medium: "medium",
124
+ large: "large",
125
+ "x-large": "x-large"
126
+ };
127
+ this.textSize = {
128
+ small: "text-12",
129
+ medium: "text-14",
130
+ large: "text-16",
131
+ "x-large": "text-16"
132
+ };
109
133
  }
110
134
  connectedCallback() {
111
135
  super.connectedCallback();
@@ -134,10 +158,6 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
134
158
  }
135
159
  }
136
160
  }
137
- sizeDropdown() {
138
- const dropdownSize = this.size === "large" || this.size === "x-large" ? "medium" : this.size;
139
- return dropdownSize;
140
- }
141
161
  resultsTemplate() {
142
162
  const resultTemplates = [];
143
163
  this.resultsParsed = JSON.parse(this.results);
@@ -203,7 +223,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
203
223
  }
204
224
  }
205
225
  return shared_tailwindElement_index.x`<lukso-dropdown
206
- size=${this.sizeDropdown()}
226
+ size=${this.dropdownSize[this.size]}
207
227
  is-open
208
228
  is-open-on-outside-click
209
229
  is-full-width
@@ -213,7 +233,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
213
233
  }
214
234
  noResultsTemplate() {
215
235
  return shared_tailwindElement_index.x`<lukso-dropdown
216
- size=${this.sizeDropdown()}
236
+ size=${this.dropdownSize[this.size]}
217
237
  is-open
218
238
  is-open-on-outside-click
219
239
  is-full-width
@@ -228,7 +248,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
228
248
  });
229
249
  if (this.showNoResults) {
230
250
  return shared_tailwindElement_index.x`<lukso-dropdown
231
- size=${this.sizeDropdown()}
251
+ size=${this.dropdownSize[this.size]}
232
252
  is-open
233
253
  is-open-on-outside-click
234
254
  is-full-width
@@ -241,7 +261,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
241
261
  }
242
262
  if (this.resultsParsed.length === 0 || this.resultsParsed.length > 5) {
243
263
  return shared_tailwindElement_index.x`<lukso-dropdown
244
- size=${this.sizeDropdown()}
264
+ size=${this.dropdownSize[this.size]}
245
265
  is-open
246
266
  is-open-on-outside-click
247
267
  is-full-width
@@ -253,7 +273,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
253
273
  >`;
254
274
  }
255
275
  return shared_tailwindElement_index.x`<lukso-dropdown
256
- size=${this.sizeDropdown()}
276
+ size=${this.dropdownSize[this.size]}
257
277
  is-open
258
278
  is-open-on-outside-click
259
279
  is-full-width
@@ -287,7 +307,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
287
307
  data-id="${result.id}"
288
308
  data-index="${index + 1}"
289
309
  ?is-selected=${this.selected === index + 1}
290
- size=${this.sizeDropdown()}
310
+ size=${this.dropdownSize[this.size]}
291
311
  @click=${() => this.handleSelect(result)}
292
312
  >
293
313
  <div class="flex flex-row items-center justify-between w-full">
@@ -300,12 +320,12 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
300
320
  const eoaProfilePicture = shared_tailwindElement_index.x`<lukso-profile
301
321
  profile-address="${result.address}"
302
322
  profile-url="${result.address ? components_luksoProfile_index.makeBlockie(result.address) : ""}"
303
- size="x-small"
323
+ size=${this.profileSize[this.size]}
304
324
  ></lukso-profile>`;
305
325
  const lsp3ProfilePicture = shared_tailwindElement_index.x`<lukso-profile
306
326
  profile-address="${result.address}"
307
327
  profile-url="${result.image}"
308
- size="x-small"
328
+ size=${this.profileSize[this.size]}
309
329
  has-identicon
310
330
  ></lukso-profile>`;
311
331
  const standard = result.standard || STANDARDS.LSP3;
@@ -315,7 +335,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
315
335
  address="${result.address}"
316
336
  name-color="neutral-20"
317
337
  max-width="300"
318
- size="medium"
338
+ size=${this.usernameSize[this.size]}
319
339
  ?hide-prefix="${!result.name}"
320
340
  class="ml-1"
321
341
  ></lukso-username> `;
@@ -324,7 +344,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
324
344
  address="__EOA"
325
345
  name-color="neutral-20"
326
346
  max-width="300"
327
- size="medium"
347
+ size=${this.usernameSize[this.size]}
328
348
  hide-prefix
329
349
  class="ml-1"
330
350
  ></lukso-username>`;
@@ -333,7 +353,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
333
353
  address="${components_luksoUsername_index.sliceAddress(result.address, 8)}"
334
354
  name-color="neutral-20"
335
355
  max-width="300"
336
- size="medium"
356
+ size=${this.usernameSize[this.size]}
337
357
  hide-prefix
338
358
  class="ml-1"
339
359
  ></lukso-username>`;
@@ -347,7 +367,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
347
367
  data-id="${result.address}"
348
368
  data-index="${index + 1}"
349
369
  ?is-selected=${this.selected === index + 1}
350
- size=${this.sizeDropdown()}
370
+ size=${this.dropdownSize[this.size]}
351
371
  @click=${() => this.handleSelect(result)}
352
372
  >
353
373
  ${profilePicture} ${profileName}
@@ -358,18 +378,19 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
358
378
  data-id="${result.address}"
359
379
  data-index="${index + 1}"
360
380
  ?is-selected=${this.selected === index + 1}
361
- size=${this.sizeDropdown()}
381
+ size=${this.dropdownSize[this.size]}
362
382
  @click=${() => this.handleSelect(result)}
363
383
  >
364
384
  <lukso-profile
365
385
  profile-address="${result.address}"
366
386
  profile-url="${result.image}"
367
387
  placeholder="/assets/images/token-default.svg"
368
- size="x-small"
388
+ size=${this.profileSize[this.size]}
369
389
  ></lukso-profile>
370
- <span class="paragraph-inter-14-semi-bold"
390
+ <span class="paragraph-inter-14-semi-bold ${this.textSize[this.size]}"
371
391
  >${result.name}
372
- <span class="text-neutral-60 paragraph-inter-14-regular"
392
+ <span
393
+ class="text-neutral-60 paragraph-inter-14-regular ${this.textSize[this.size]}"
373
394
  >${result.symbol}</span
374
395
  ></span
375
396
  >
@@ -380,15 +401,17 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
380
401
  data-id="${result.address}"
381
402
  data-index="${index + 1}"
382
403
  ?is-selected=${this.selected === index + 1}
383
- size=${this.sizeDropdown()}
404
+ size=${this.dropdownSize[this.size]}
384
405
  @click=${() => this.handleSelect(result)}
385
406
  >
386
407
  <lukso-profile
387
408
  profile-address="${result.address}"
388
409
  profile-url="${result.image}"
389
- size="x-small"
410
+ size=${this.profileSize[this.size]}
390
411
  ></lukso-profile>
391
- <span class="paragraph-inter-14-semi-bold">${result.name} </span>
412
+ <span class="paragraph-inter-14-semi-bold ${this.textSize[this.size]}"
413
+ >${result.name}
414
+ </span>
392
415
  </lukso-dropdown-option>`;
393
416
  }
394
417
  async handleOutsideDropdownClick(event) {
package/dist/components/lukso-search/index.d.ts CHANGED
@@ -46,10 +46,13 @@ export declare class LuksoSearch extends LuksoSearch_base {
46
46
  private debounceTimer;
47
47
  private resultsParsed;
48
48
  private styles;
49
+ private dropdownSize;
50
+ private profileSize;
51
+ private usernameSize;
52
+ private textSize;
49
53
  connectedCallback(): void;
50
54
  disconnectedCallback(): void;
51
55
  willUpdate(changedProperties: PropertyValues<this>): void;
52
- sizeDropdown(): InputSize;
53
56
  resultsTemplate(): TemplateResult<1>;
54
57
  noResultsTemplate(): TemplateResult<1>;
55
58
  loadingTemplate(): TemplateResult<1>;
package/dist/components/lukso-search/index.d.ts.map CHANGED
@@ -1 +1 @@
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;AAI7E,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;AAIpC,OAAO,EACL,gBAAgB,EAChB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,QAAQ,EACd,MAAM,gBAAgB,CAAA;AAGvB,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,CAAA;IACd,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;CACjB,CAAA;;AAED,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAMT;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,MAAY;IAGpB,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAU;IAG/C,SAAS,MAAY;IAGrB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAE1C,OAAO,CAAC,MAAM,CAoBZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,YAAY;IAMZ,eAAe;IAmFf,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;IAkEzD,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAuBvD,iBAAiB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;YAiBvC,0BAA0B;YAU1B,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"}
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;AAI7E,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;AAIpC,OAAO,EACL,gBAAgB,EAChB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,QAAQ,EACd,MAAM,gBAAgB,CAAA;AAGvB,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,CAAA;IACd,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;CACjB,CAAA;;AAED,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAMT;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,MAAY;IAGpB,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAU;IAG/C,SAAS,MAAY;IAGrB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAE1C,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;IAmFf,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;IAkEzD,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IA0BvD,iBAAiB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;YAmBvC,0BAA0B;YAU1B,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"}
package/dist/components/lukso-search/index.js CHANGED
@@ -102,6 +102,30 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
102
102
  }
103
103
  }
104
104
  });
105
+ this.dropdownSize = {
106
+ small: "small",
107
+ medium: "medium",
108
+ large: "medium",
109
+ "x-large": "medium"
110
+ };
111
+ this.profileSize = {
112
+ small: "2x-small",
113
+ medium: "x-small",
114
+ large: "x-small",
115
+ "x-large": "small"
116
+ };
117
+ this.usernameSize = {
118
+ small: "small",
119
+ medium: "medium",
120
+ large: "large",
121
+ "x-large": "x-large"
122
+ };
123
+ this.textSize = {
124
+ small: "text-12",
125
+ medium: "text-14",
126
+ large: "text-16",
127
+ "x-large": "text-16"
128
+ };
105
129
  }
106
130
  connectedCallback() {
107
131
  super.connectedCallback();
@@ -130,10 +154,6 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
130
154
  }
131
155
  }
132
156
  }
133
- sizeDropdown() {
134
- const dropdownSize = this.size === "large" || this.size === "x-large" ? "medium" : this.size;
135
- return dropdownSize;
136
- }
137
157
  resultsTemplate() {
138
158
  const resultTemplates = [];
139
159
  this.resultsParsed = JSON.parse(this.results);
@@ -199,7 +219,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
199
219
  }
200
220
  }
201
221
  return x`<lukso-dropdown
202
- size=${this.sizeDropdown()}
222
+ size=${this.dropdownSize[this.size]}
203
223
  is-open
204
224
  is-open-on-outside-click
205
225
  is-full-width
@@ -209,7 +229,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
209
229
  }
210
230
  noResultsTemplate() {
211
231
  return x`<lukso-dropdown
212
- size=${this.sizeDropdown()}
232
+ size=${this.dropdownSize[this.size]}
213
233
  is-open
214
234
  is-open-on-outside-click
215
235
  is-full-width
@@ -224,7 +244,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
224
244
  });
225
245
  if (this.showNoResults) {
226
246
  return x`<lukso-dropdown
227
- size=${this.sizeDropdown()}
247
+ size=${this.dropdownSize[this.size]}
228
248
  is-open
229
249
  is-open-on-outside-click
230
250
  is-full-width
@@ -237,7 +257,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
237
257
  }
238
258
  if (this.resultsParsed.length === 0 || this.resultsParsed.length > 5) {
239
259
  return x`<lukso-dropdown
240
- size=${this.sizeDropdown()}
260
+ size=${this.dropdownSize[this.size]}
241
261
  is-open
242
262
  is-open-on-outside-click
243
263
  is-full-width
@@ -249,7 +269,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
249
269
  >`;
250
270
  }
251
271
  return x`<lukso-dropdown
252
- size=${this.sizeDropdown()}
272
+ size=${this.dropdownSize[this.size]}
253
273
  is-open
254
274
  is-open-on-outside-click
255
275
  is-full-width
@@ -283,7 +303,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
283
303
  data-id="${result.id}"
284
304
  data-index="${index + 1}"
285
305
  ?is-selected=${this.selected === index + 1}
286
- size=${this.sizeDropdown()}
306
+ size=${this.dropdownSize[this.size]}
287
307
  @click=${() => this.handleSelect(result)}
288
308
  >
289
309
  <div class="flex flex-row items-center justify-between w-full">
@@ -296,12 +316,12 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
296
316
  const eoaProfilePicture = x`<lukso-profile
297
317
  profile-address="${result.address}"
298
318
  profile-url="${result.address ? makeBlockie(result.address) : ""}"
299
- size="x-small"
319
+ size=${this.profileSize[this.size]}
300
320
  ></lukso-profile>`;
301
321
  const lsp3ProfilePicture = x`<lukso-profile
302
322
  profile-address="${result.address}"
303
323
  profile-url="${result.image}"
304
- size="x-small"
324
+ size=${this.profileSize[this.size]}
305
325
  has-identicon
306
326
  ></lukso-profile>`;
307
327
  const standard = result.standard || STANDARDS.LSP3;
@@ -311,7 +331,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
311
331
  address="${result.address}"
312
332
  name-color="neutral-20"
313
333
  max-width="300"
314
- size="medium"
334
+ size=${this.usernameSize[this.size]}
315
335
  ?hide-prefix="${!result.name}"
316
336
  class="ml-1"
317
337
  ></lukso-username> `;
@@ -320,7 +340,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
320
340
  address="__EOA"
321
341
  name-color="neutral-20"
322
342
  max-width="300"
323
- size="medium"
343
+ size=${this.usernameSize[this.size]}
324
344
  hide-prefix
325
345
  class="ml-1"
326
346
  ></lukso-username>`;
@@ -329,7 +349,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
329
349
  address="${sliceAddress(result.address, 8)}"
330
350
  name-color="neutral-20"
331
351
  max-width="300"
332
- size="medium"
352
+ size=${this.usernameSize[this.size]}
333
353
  hide-prefix
334
354
  class="ml-1"
335
355
  ></lukso-username>`;
@@ -343,7 +363,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
343
363
  data-id="${result.address}"
344
364
  data-index="${index + 1}"
345
365
  ?is-selected=${this.selected === index + 1}
346
- size=${this.sizeDropdown()}
366
+ size=${this.dropdownSize[this.size]}
347
367
  @click=${() => this.handleSelect(result)}
348
368
  >
349
369
  ${profilePicture} ${profileName}
@@ -354,18 +374,19 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
354
374
  data-id="${result.address}"
355
375
  data-index="${index + 1}"
356
376
  ?is-selected=${this.selected === index + 1}
357
- size=${this.sizeDropdown()}
377
+ size=${this.dropdownSize[this.size]}
358
378
  @click=${() => this.handleSelect(result)}
359
379
  >
360
380
  <lukso-profile
361
381
  profile-address="${result.address}"
362
382
  profile-url="${result.image}"
363
383
  placeholder="/assets/images/token-default.svg"
364
- size="x-small"
384
+ size=${this.profileSize[this.size]}
365
385
  ></lukso-profile>
366
- <span class="paragraph-inter-14-semi-bold"
386
+ <span class="paragraph-inter-14-semi-bold ${this.textSize[this.size]}"
367
387
  >${result.name}
368
- <span class="text-neutral-60 paragraph-inter-14-regular"
388
+ <span
389
+ class="text-neutral-60 paragraph-inter-14-regular ${this.textSize[this.size]}"
369
390
  >${result.symbol}</span
370
391
  ></span
371
392
  >
@@ -376,15 +397,17 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
376
397
  data-id="${result.address}"
377
398
  data-index="${index + 1}"
378
399
  ?is-selected=${this.selected === index + 1}
379
- size=${this.sizeDropdown()}
400
+ size=${this.dropdownSize[this.size]}
380
401
  @click=${() => this.handleSelect(result)}
381
402
  >
382
403
  <lukso-profile
383
404
  profile-address="${result.address}"
384
405
  profile-url="${result.image}"
385
- size="x-small"
406
+ size=${this.profileSize[this.size]}
386
407
  ></lukso-profile>
387
- <span class="paragraph-inter-14-semi-bold">${result.name} </span>
408
+ <span class="paragraph-inter-14-semi-bold ${this.textSize[this.size]}"
409
+ >${result.name}
410
+ </span>
388
411
  </lukso-dropdown-option>`;
389
412
  }
390
413
  async handleOutsideDropdownClick(event) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.140.0",
3
+ "version": "1.141.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",