@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.
@@ -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"}
@@ -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"}