@lukso/web-components 1.14.0 → 1.15.0

package/README.md

@@ -25,15 +25,15 @@ Library is focused around projects build on top of [Tailwind CSS](https://tailwi
 For using components you need to first import them either as individual ones:
 
 ```js
-import('@lukso/web-components/components/lukso-button')
-import('@lukso/web-components/components/lukso-card')
-import('@lukso/web-components/components/lukso-tag')
+import('@lukso/web-components/components/dist/lukso-button')
+import('@lukso/web-components/components/dist/lukso-card')
+import('@lukso/web-components/components/dist/lukso-tag')
 ```
 
 or all of them in single import:
 
 ```js
-import('@lukso/web-components/components')
+import('@lukso/web-components')
 ```
 
 > Hint: you can make import in root level of your project (`app.vue`) instead of importing in every component.

package/dist/components/lukso-button/index.cjs

@@ -31,6 +31,7 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
     this.isLongPress = false;
     this.isLink = false;
     this.isLoading = false;
+    this.type = "button";
     this.href = "";
     this.target = "_blank";
     this.rel = "";
@@ -113,6 +114,7 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
       <button
         data-testid="button"
         ?disabled=${this.disabled || this.isLoading}
+        type=${this.type}
         class=${index.customClassMap({
       [this.defaultStyles]: true,
       [this.mediumSize]: this.size === "medium",
@@ -184,6 +186,9 @@ __decorateClass([
 __decorateClass([
   directive.e({ type: Boolean, attribute: "is-loading" })
 ], exports.LuksoButton.prototype, "isLoading", 2);
+__decorateClass([
+  directive.e({ type: String })
+], exports.LuksoButton.prototype, "type", 2);
 __decorateClass([
   directive.e({ type: String })
 ], exports.LuksoButton.prototype, "href", 2);

package/dist/components/lukso-button/index.d.ts

@@ -1,5 +1,6 @@
 export declare type ButtonVariant = 'primary' | 'secondary' | 'landing' | 'text';
 export declare type ButtonSize = 'small' | 'medium';
+export declare type ButtonType = 'submit' | 'reset' | 'button';
 export declare type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
 declare const LuksoButton_base: typeof import("lit").LitElement;
 export declare class LuksoButton extends LuksoButton_base {
@@ -10,6 +11,7 @@ export declare class LuksoButton extends LuksoButton_base {
     isLongPress: boolean;
     isLink: boolean;
     isLoading: boolean;
+    type: ButtonType;
     href: string;
     target: LinkTarget;
     rel: string;

package/dist/components/lukso-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAOA,oBAAY,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAA;AACxE,oBAAY,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC3C,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,UAAU,CAAW;IAG3B,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAGqE;IAE1F,OAAO,CAAC,eAAe,CACoD;IAE3E,OAAO,CAAC,aAAa,CAIE;IAEvB,OAAO,CAAC,aAAa,CAIC;IAEtB,OAAO,CAAC,UAAU,CAGS;IAE3B,OAAO,CAAC,UAAU,CAAyE;IAE3F,OAAO,CAAC,eAAe,CAEyD;IAEhF,OAAO,CAAC,aAAa,CAAgC;IAErD,OAAO,CAAC,kBAAkB,CAA2B;IAErD,OAAO,CAAC,UAAU,CAAsD;IAExE,OAAO,CAAC,SAAS,CAAwF;IAEzG,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAcrB,eAAe,IAAI,OAAO;IAc1B,cAAc;IA4Bd,YAAY;IAyBZ,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAOA,oBAAY,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAA;AACxE,oBAAY,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC3C,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,UAAU,CAAW;IAG3B,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,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAGqE;IAE1F,OAAO,CAAC,eAAe,CACoD;IAE3E,OAAO,CAAC,aAAa,CAIE;IAEvB,OAAO,CAAC,aAAa,CAIC;IAEtB,OAAO,CAAC,UAAU,CAGS;IAE3B,OAAO,CAAC,UAAU,CAAyE;IAE3F,OAAO,CAAC,eAAe,CAEyD;IAEhF,OAAO,CAAC,aAAa,CAAgC;IAErD,OAAO,CAAC,kBAAkB,CAA2B;IAErD,OAAO,CAAC,UAAU,CAAsD;IAExE,OAAO,CAAC,SAAS,CAAwF;IAEzG,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAcrB,eAAe,IAAI,OAAO;IAc1B,cAAc;IA6Bd,YAAY;IAyBZ,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

package/dist/components/lukso-button/index.js

@@ -27,6 +27,7 @@ let LuksoButton = class extends TailwindStyledElement(style) {
     this.isLongPress = false;
     this.isLink = false;
     this.isLoading = false;
+    this.type = "button";
     this.href = "";
     this.target = "_blank";
     this.rel = "";
@@ -109,6 +110,7 @@ let LuksoButton = class extends TailwindStyledElement(style) {
       <button
         data-testid="button"
         ?disabled=${this.disabled || this.isLoading}
+        type=${this.type}
         class=${customClassMap({
       [this.defaultStyles]: true,
       [this.mediumSize]: this.size === "medium",
@@ -180,6 +182,9 @@ __decorateClass([
 __decorateClass([
   e({ type: Boolean, attribute: "is-loading" })
 ], LuksoButton.prototype, "isLoading", 2);
+__decorateClass([
+  e({ type: String })
+], LuksoButton.prototype, "type", 2);
 __decorateClass([
   e({ type: String })
 ], LuksoButton.prototype, "href", 2);

package/dist/components/lukso-card/index.cjs

@@ -30,6 +30,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     this.profileAddress = "";
     this.isFixedWidth = false;
     this.isFixedHeight = false;
+    this.isFullWidth = false;
     this.defaultStyles = `rounded-24  shadow-pink-drop-shadow-2xl`;
   }
   basicTemplate() {
@@ -39,7 +40,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         class="bg-neutral-100 ${index.customClassMap({
       [this.defaultStyles]: true,
       ["w-[362px]"]: this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
+      ["min-h-[534px]"]: this.isFixedHeight,
+      ["w-full"]: this.isFullWidth
     })}"
       >
         <slot name="content"></slot>
@@ -53,7 +55,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         class="bg-neutral-98 grid grid-rows-[auto,1fr] ${index.customClassMap({
       [this.defaultStyles]: true,
       ["w-[362px]"]: this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
+      ["min-h-[534px]"]: this.isFixedHeight,
+      ["w-full"]: this.isFullWidth
     })}"
       >
         <div>
@@ -72,7 +75,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         class="bg-neutral-98 grid grid-rows-[auto,1fr] ${index.customClassMap({
       [this.defaultStyles]: true,
       ["w-[362px]"]: this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
+      ["min-h-[534px]"]: this.isFixedHeight,
+      ["w-full"]: this.isFullWidth
     })}"
       >
         <div
@@ -140,6 +144,9 @@ __decorateClass([
 __decorateClass([
   directive.e({ type: Boolean, attribute: "is-fixed-height" })
 ], exports.LuksoCard.prototype, "isFixedHeight", 2);
+__decorateClass([
+  directive.e({ type: Boolean, attribute: "is-full-width" })
+], exports.LuksoCard.prototype, "isFullWidth", 2);
 exports.LuksoCard = __decorateClass([
   directive.e$1("lukso-card")
 ], exports.LuksoCard);

package/dist/components/lukso-card/index.d.ts

@@ -7,6 +7,7 @@ export declare class LuksoCard extends LuksoCard_base {
     profileAddress: string;
     isFixedWidth: boolean;
     isFixedHeight: boolean;
+    isFullWidth: boolean;
     private defaultStyles;
     basicTemplate(): import("lit").TemplateResult<1>;
     withHeaderTemplate(): import("lit").TemplateResult<1>;

package/dist/components/lukso-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAOA,OAAO,4BAA4B,CAAA;AAEnC,oBAAY,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAAA;;AAE9D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,aAAa,UAAQ;IAErB,OAAO,CAAC,aAAa,CAA4C;IAEjE,aAAa;IAeb,kBAAkB;IAoBlB,eAAe;IA+Cf,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAOA,OAAO,4BAA4B,CAAA;AAEnC,oBAAY,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAAA;;AAE9D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAEnB,OAAO,CAAC,aAAa,CAA4C;IAEjE,aAAa;IAgBb,kBAAkB;IAqBlB,eAAe;IAgDf,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

package/dist/components/lukso-card/index.js

@@ -26,6 +26,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     this.profileAddress = "";
     this.isFixedWidth = false;
     this.isFixedHeight = false;
+    this.isFullWidth = false;
     this.defaultStyles = `rounded-24  shadow-pink-drop-shadow-2xl`;
   }
   basicTemplate() {
@@ -35,7 +36,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         class="bg-neutral-100 ${customClassMap({
       [this.defaultStyles]: true,
       ["w-[362px]"]: this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
+      ["min-h-[534px]"]: this.isFixedHeight,
+      ["w-full"]: this.isFullWidth
     })}"
       >
         <slot name="content"></slot>
@@ -49,7 +51,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         class="bg-neutral-98 grid grid-rows-[auto,1fr] ${customClassMap({
       [this.defaultStyles]: true,
       ["w-[362px]"]: this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
+      ["min-h-[534px]"]: this.isFixedHeight,
+      ["w-full"]: this.isFullWidth
     })}"
       >
         <div>
@@ -68,7 +71,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
         class="bg-neutral-98 grid grid-rows-[auto,1fr] ${customClassMap({
       [this.defaultStyles]: true,
       ["w-[362px]"]: this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
+      ["min-h-[534px]"]: this.isFixedHeight,
+      ["w-full"]: this.isFullWidth
     })}"
       >
         <div
@@ -136,6 +140,9 @@ __decorateClass([
 __decorateClass([
   e({ type: Boolean, attribute: "is-fixed-height" })
 ], LuksoCard.prototype, "isFixedHeight", 2);
+__decorateClass([
+  e({ type: Boolean, attribute: "is-full-width" })
+], LuksoCard.prototype, "isFullWidth", 2);
 LuksoCard = __decorateClass([
   e$1("lukso-card")
 ], LuksoCard);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "type": "module",
   "files": [
     "dist",