@lukso/web-components 1.183.1 → 1.185.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/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"}
|
|
@@ -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"}
|