@lukso/web-components 1.14.1 → 1.15.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 (6) hide show
  1. package/README.md +4 -4
  2. package/dist/components/lukso-card/index.cjs +10 -3
  3. package/dist/components/lukso-card/index.d.ts +1 -0
  4. package/dist/components/lukso-card/index.d.ts.map +1 -1
  5. package/dist/components/lukso-card/index.js +10 -3
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -25,15 +25,15 @@ Library is focused around projects build on top of [Tailwind CSS](https://tailwi
25
25
  For using components you need to first import them either as individual ones:
26
26
 
27
27
  ```js
28
- import('@lukso/web-components/components/lukso-button')
29
- import('@lukso/web-components/components/lukso-card')
30
- import('@lukso/web-components/components/lukso-tag')
28
+ import('@lukso/web-components/components/dist/lukso-button')
29
+ import('@lukso/web-components/components/dist/lukso-card')
30
+ import('@lukso/web-components/components/dist/lukso-tag')
31
31
  ```
32
32
 
33
33
  or all of them in single import:
34
34
 
35
35
  ```js
36
- import('@lukso/web-components/components')
36
+ import('@lukso/web-components')
37
37
  ```
38
38
 
39
39
  > Hint: you can make import in root level of your project (`app.vue`) instead of importing in every component.
package/dist/components/lukso-card/index.cjs CHANGED
@@ -30,6 +30,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
30
30
  this.profileAddress = "";
31
31
  this.isFixedWidth = false;
32
32
  this.isFixedHeight = false;
33
+ this.isFullWidth = false;
33
34
  this.defaultStyles = `rounded-24 shadow-pink-drop-shadow-2xl`;
34
35
  }
35
36
  basicTemplate() {
@@ -39,7 +40,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
39
40
  class="bg-neutral-100 ${index.customClassMap({
40
41
  [this.defaultStyles]: true,
41
42
  ["w-[362px]"]: this.isFixedWidth,
42
- ["min-h-[534px]"]: this.isFixedHeight
43
+ ["min-h-[534px]"]: this.isFixedHeight,
44
+ ["w-full"]: this.isFullWidth
43
45
  })}"
44
46
  >
45
47
  <slot name="content"></slot>
@@ -53,7 +55,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
53
55
  class="bg-neutral-98 grid grid-rows-[auto,1fr] ${index.customClassMap({
54
56
  [this.defaultStyles]: true,
55
57
  ["w-[362px]"]: this.isFixedWidth,
56
- ["min-h-[534px]"]: this.isFixedHeight
58
+ ["min-h-[534px]"]: this.isFixedHeight,
59
+ ["w-full"]: this.isFullWidth
57
60
  })}"
58
61
  >
59
62
  <div>
@@ -72,7 +75,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
72
75
  class="bg-neutral-98 grid grid-rows-[auto,1fr] ${index.customClassMap({
73
76
  [this.defaultStyles]: true,
74
77
  ["w-[362px]"]: this.isFixedWidth,
75
- ["min-h-[534px]"]: this.isFixedHeight
78
+ ["min-h-[534px]"]: this.isFixedHeight,
79
+ ["w-full"]: this.isFullWidth
76
80
  })}"
77
81
  >
78
82
  <div
@@ -140,6 +144,9 @@ __decorateClass([
140
144
  __decorateClass([
141
145
  directive.e({ type: Boolean, attribute: "is-fixed-height" })
142
146
  ], exports.LuksoCard.prototype, "isFixedHeight", 2);
147
+ __decorateClass([
148
+ directive.e({ type: Boolean, attribute: "is-full-width" })
149
+ ], exports.LuksoCard.prototype, "isFullWidth", 2);
143
150
  exports.LuksoCard = __decorateClass([
144
151
  directive.e$1("lukso-card")
145
152
  ], exports.LuksoCard);
package/dist/components/lukso-card/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare class LuksoCard extends LuksoCard_base {
7
7
  profileAddress: string;
8
8
  isFixedWidth: boolean;
9
9
  isFixedHeight: boolean;
10
+ isFullWidth: boolean;
10
11
  private defaultStyles;
11
12
  basicTemplate(): import("lit").TemplateResult<1>;
12
13
  withHeaderTemplate(): import("lit").TemplateResult<1>;
package/dist/components/lukso-card/index.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -26,6 +26,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
26
26
  this.profileAddress = "";
27
27
  this.isFixedWidth = false;
28
28
  this.isFixedHeight = false;
29
+ this.isFullWidth = false;
29
30
  this.defaultStyles = `rounded-24 shadow-pink-drop-shadow-2xl`;
30
31
  }
31
32
  basicTemplate() {
@@ -35,7 +36,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
35
36
  class="bg-neutral-100 ${customClassMap({
36
37
  [this.defaultStyles]: true,
37
38
  ["w-[362px]"]: this.isFixedWidth,
38
- ["min-h-[534px]"]: this.isFixedHeight
39
+ ["min-h-[534px]"]: this.isFixedHeight,
40
+ ["w-full"]: this.isFullWidth
39
41
  })}"
40
42
  >
41
43
  <slot name="content"></slot>
@@ -49,7 +51,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
49
51
  class="bg-neutral-98 grid grid-rows-[auto,1fr] ${customClassMap({
50
52
  [this.defaultStyles]: true,
51
53
  ["w-[362px]"]: this.isFixedWidth,
52
- ["min-h-[534px]"]: this.isFixedHeight
54
+ ["min-h-[534px]"]: this.isFixedHeight,
55
+ ["w-full"]: this.isFullWidth
53
56
  })}"
54
57
  >
55
58
  <div>
@@ -68,7 +71,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
68
71
  class="bg-neutral-98 grid grid-rows-[auto,1fr] ${customClassMap({
69
72
  [this.defaultStyles]: true,
70
73
  ["w-[362px]"]: this.isFixedWidth,
71
- ["min-h-[534px]"]: this.isFixedHeight
74
+ ["min-h-[534px]"]: this.isFixedHeight,
75
+ ["w-full"]: this.isFullWidth
72
76
  })}"
73
77
  >
74
78
  <div
@@ -136,6 +140,9 @@ __decorateClass([
136
140
  __decorateClass([
137
141
  e({ type: Boolean, attribute: "is-fixed-height" })
138
142
  ], LuksoCard.prototype, "isFixedHeight", 2);
143
+ __decorateClass([
144
+ e({ type: Boolean, attribute: "is-full-width" })
145
+ ], LuksoCard.prototype, "isFullWidth", 2);
139
146
  LuksoCard = __decorateClass([
140
147
  e$1("lukso-card")
141
148
  ], LuksoCard);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.14.1",
3
+ "version": "1.15.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",