@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.
- package/dist/components/lukso-button/index.cjs +13 -6
- package/dist/components/lukso-button/index.d.ts.map +1 -1
- package/dist/components/lukso-button/index.js +13 -6
- package/dist/components/lukso-button/lukso-button.stories.d.ts +2 -0
- package/dist/components/lukso-button/lukso-button.stories.d.ts.map +1 -1
- package/dist/components/lukso-search/index.cjs +0 -5
- package/dist/components/lukso-search/index.d.ts.map +1 -1
- package/dist/components/lukso-search/index.js +0 -5
- package/dist/components/lukso-select/index.cjs +0 -1
- package/dist/components/lukso-select/index.d.ts.map +1 -1
- package/dist/components/lukso-select/index.js +0 -1
- package/dist/components/lukso-username/index.cjs +7 -12
- package/dist/components/lukso-username/index.d.ts +0 -3
- package/dist/components/lukso-username/index.d.ts.map +1 -1
- package/dist/components/lukso-username/index.js +7 -12
- package/dist/components/lukso-username/lukso-username.stories.d.ts +1 -1
- package/dist/components/lukso-username/lukso-username.stories.d.ts.map +1 -1
- package/dist/components/lukso-username/style.css.cjs +1 -1
- package/dist/components/lukso-username/style.css.js +1 -1
- package/dist/docs/Typography.stories.d.ts.map +1 -1
- package/dist/shared/tailwind-element/style.css.cjs +1 -1
- package/dist/shared/tailwind-element/style.css.js +1 -1
- package/dist/styles/component-v4.css +8 -0
- package/dist/styles/main.css +3 -0
- package/dist/styles/typography-v4.css +8 -0
- package/package.json +1 -1
- package/tools/sass/typography.scss +4 -0
- package/tools/styles/component-v4.css +8 -0
- package/tools/styles/main-v4.css +8 -0
- package/tools/styles/main.css +3 -0
- 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 =
|
|
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,
|
|
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 =
|
|
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":"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;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
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"}
|
|
@@ -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)}
|
|
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,
|
|
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)}
|
|
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
|
|
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,
|
|
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 +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;
|
|
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"}
|