@lukso/web-components 1.51.3 → 1.51.4

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.
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const components_luksoButton_index = require('./lukso-button/index.cjs');
6
- const components_luksoCard_index = require('../index-340046e7.cjs');
6
+ const components_luksoCard_index = require('../index-de804529.cjs');
7
7
  const components_luksoCheckbox_index = require('./lukso-checkbox/index.cjs');
8
8
  const components_luksoFooter_index = require('./lukso-footer/index.cjs');
9
9
  const components_luksoIcon_index = require('./lukso-icon/index.cjs');
@@ -30,6 +30,7 @@ require('../index-e9668573.cjs');
30
30
  require('../directive-8278ab14.cjs');
31
31
  require('../style-map-02fa5128.cjs');
32
32
  require('../color-palette.cjs');
33
+ require('../index-18c0f1ef.cjs');
33
34
 
34
35
 
35
36
 
@@ -1,5 +1,5 @@
1
1
  export { LuksoButton } from './lukso-button/index.js';
2
- export { L as LuksoCard } from '../index-8331d2b8.js';
2
+ export { L as LuksoCard } from '../index-055eb9cc.js';
3
3
  export { LuksoCheckbox } from './lukso-checkbox/index.js';
4
4
  export { LuksoFooter } from './lukso-footer/index.js';
5
5
  export { LuksoIcon } from './lukso-icon/index.js';
@@ -26,3 +26,4 @@ import '../index-5e194caf.js';
26
26
  import '../directive-2bb7789e.js';
27
27
  import '../style-map-be0fc31f.js';
28
28
  import '../color-palette.js';
29
+ import '../index-1280bfb4.js';
@@ -5,9 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  require('../../index-d548eac4.cjs');
6
6
  require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  require('../../style-map-02fa5128.cjs');
8
- const components_luksoCard_index = require('../../index-340046e7.cjs');
8
+ const components_luksoCard_index = require('../../index-de804529.cjs');
9
9
  require('../lukso-profile/index.cjs');
10
10
  require('../../color-palette.cjs');
11
+ require('../../index-18c0f1ef.cjs');
11
12
  require('../../directive-8278ab14.cjs');
12
13
  require('../../index-e9668573.cjs');
13
14
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/index.ts"],"names":[],"mappings":"AAMA,OAAO,4BAA4B,CAAA;AAGnC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,MAAM,GACN,MAAM,CAAA;AACV,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE1C,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAY;IAGrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,IAAI,EAAE,SAAS,CAAW;IAG1B,WAAW,UAAQ;IAEnB,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,WAAW,CAA0C;IAC7D,OAAO,CAAC,gBAAgB,CAAmE;IAE3F,OAAO,CAAC,yBAAyB;IAYjC,aAAa;IAqBb,kBAAkB;IA0BlB,eAAe;IA2Df,gBAAgB;IA6DhB,YAAY;IAoCZ,YAAY;IAsCZ,MAAM;CAgBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/index.ts"],"names":[],"mappings":"AAMA,OAAO,4BAA4B,CAAA;AAInC,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,MAAM,GACN,MAAM,CAAA;AACV,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE1C,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAY;IAGrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,IAAI,EAAE,SAAS,CAAW;IAG1B,WAAW,UAAQ;IAEnB,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,WAAW,CAA0C;IAC7D,OAAO,CAAC,gBAAgB,CAAmE;IAE3F,OAAO,CAAC,yBAAyB;IAYjC,aAAa;IAqBb,kBAAkB;IA0BlB,eAAe;IA2Df,gBAAgB;IA6DhB,YAAY;IAoCZ,YAAY;IAsCZ,MAAM;CAgBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
@@ -1,8 +1,9 @@
1
1
  import '../../index-92b65473.js';
2
2
  import '../../query-assigned-elements-5d94572f.js';
3
3
  import '../../style-map-be0fc31f.js';
4
- export { L as LuksoCard } from '../../index-8331d2b8.js';
4
+ export { L as LuksoCard } from '../../index-055eb9cc.js';
5
5
  import '../lukso-profile/index.js';
6
6
  import '../../color-palette.js';
7
+ import '../../index-1280bfb4.js';
7
8
  import '../../directive-2bb7789e.js';
8
9
  import '../../index-5e194caf.js';
@@ -11,6 +11,7 @@ require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
12
  require('../../directive-8278ab14.cjs');
13
13
  require('../../style-map-02fa5128.cjs');
14
+ require('../../index-18c0f1ef.cjs');
14
15
 
15
16
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
16
17
 
@@ -7,6 +7,7 @@ import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
8
  import '../../directive-2bb7789e.js';
9
9
  import '../../style-map-be0fc31f.js';
10
+ import '../../index-1280bfb4.js';
10
11
 
11
12
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
12
13
 
@@ -11,6 +11,7 @@ require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
12
  require('../../directive-8278ab14.cjs');
13
13
  require('../../style-map-02fa5128.cjs');
14
+ require('../../index-18c0f1ef.cjs');
14
15
 
15
16
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
16
17
 
@@ -7,6 +7,7 @@ import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
8
  import '../../directive-2bb7789e.js';
9
9
  import '../../style-map-be0fc31f.js';
10
+ import '../../index-1280bfb4.js';
10
11
 
11
12
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
12
13
 
@@ -5,26 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const shared_tailwindElement_index = require('../../index-d548eac4.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const index = require('../../index-e9668573.cjs');
8
- const directive = require('../../directive-8278ab14.cjs');
9
-
10
- class CustomStyleMapDirective extends directive.i {
11
- constructor(partInfo) {
12
- super(partInfo);
13
- if (partInfo.type !== directive.t.ATTRIBUTE || partInfo.name !== "style" || partInfo.strings?.length > 2) {
14
- throw new Error(
15
- "`customStyleMap()` can only be used in the `style` attribute and must be the only part in the attribute."
16
- );
17
- }
18
- }
19
- render(styleInfoList) {
20
- const styles = Object.keys(styleInfoList).filter((key) => styleInfoList[key]);
21
- if (styles.length === 0) {
22
- return shared_tailwindElement_index.A;
23
- }
24
- return ` ${styles.join("; ")} `;
25
- }
26
- }
27
- const customStyleMap = directive.e(CustomStyleMapDirective);
8
+ const index$1 = require('../../index-18c0f1ef.cjs');
9
+ require('../../directive-8278ab14.cjs');
28
10
 
29
11
  const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
30
12
  if (!address) {
@@ -73,7 +55,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
73
55
  class="inline-block ${index.customClassMap({
74
56
  ["text-neutral-60"]: this.addressColor === ""
75
57
  })}"
76
- style=${customStyleMap({
58
+ style=${index$1.customStyleMap({
77
59
  [`color: var(--${this.addressColor})`]: this.addressColor !== ""
78
60
  })}
79
61
  >
@@ -87,7 +69,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
87
69
  ["text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"]: this.nameColor === ""
88
70
  }
89
71
  )}"
90
- style=${customStyleMap({
72
+ style=${index$1.customStyleMap({
91
73
  [`max-width: ${this.maxWidth - this.bytesWidth}px`]: true,
92
74
  [`color: var(--${this.nameColor})`]: this.nameColor !== ""
93
75
  })}
@@ -1,26 +1,8 @@
1
- import { A, T as TailwindStyledElement, x } from '../../index-92b65473.js';
2
- import { n, e as e$1 } from '../../query-assigned-elements-5d94572f.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-92b65473.js';
2
+ import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { c as customClassMap } from '../../index-5e194caf.js';
4
- import { e, i, t } from '../../directive-2bb7789e.js';
5
-
6
- class CustomStyleMapDirective extends i {
7
- constructor(partInfo) {
8
- super(partInfo);
9
- if (partInfo.type !== t.ATTRIBUTE || partInfo.name !== "style" || partInfo.strings?.length > 2) {
10
- throw new Error(
11
- "`customStyleMap()` can only be used in the `style` attribute and must be the only part in the attribute."
12
- );
13
- }
14
- }
15
- render(styleInfoList) {
16
- const styles = Object.keys(styleInfoList).filter((key) => styleInfoList[key]);
17
- if (styles.length === 0) {
18
- return A;
19
- }
20
- return ` ${styles.join("; ")} `;
21
- }
22
- }
23
- const customStyleMap = e(CustomStyleMapDirective);
4
+ import { c as customStyleMap } from '../../index-1280bfb4.js';
5
+ import '../../directive-2bb7789e.js';
24
6
 
25
7
  const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
26
8
  if (!address) {
@@ -157,7 +139,7 @@ __decorateClass([
157
139
  n({ type: String })
158
140
  ], LuksoUsername.prototype, "prefix", 2);
159
141
  LuksoUsername = __decorateClass([
160
- e$1("lukso-username")
142
+ e("lukso-username")
161
143
  ], LuksoUsername);
162
144
 
163
145
  export { LuksoUsername };
@@ -3,8 +3,9 @@ import { n, e } from './query-assigned-elements-5d94572f.js';
3
3
  import { o } from './style-map-be0fc31f.js';
4
4
  import './components/lukso-profile/index.js';
5
5
  import './color-palette.js';
6
+ import { c as customStyleMap } from './index-1280bfb4.js';
6
7
 
7
- const style = ":host {\n display: flex;\n width: 100%;\n}\n\n:host([is-fixed-width]) {\n width: inherit;\n}";
8
+ const style = ":host {\n display: inline-flex;\n width: 100%;\n}\n\n:host([width]) {\n width: inherit;\n}";
8
9
 
9
10
  import.meta.url.replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
10
11
 
@@ -2578,9 +2579,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
2578
2579
  return x`
2579
2580
  <div
2580
2581
  data-testid="card"
2581
- style=${o({
2582
- minHeight: `${this.height}px`,
2583
- width: `${this.width}px`
2582
+ style=${customStyleMap({
2583
+ [`min-height: ${this.height}px`]: !!this.height,
2584
+ [`width: ${this.width}px`]: !!this.width
2584
2585
  })}
2585
2586
  class=${cn("bg-neutral-100", {
2586
2587
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -2623,9 +2624,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
2623
2624
  return x`
2624
2625
  <div
2625
2626
  data-testid="card"
2626
- style=${o({
2627
- minHeight: `${this.height}px`,
2628
- width: `${this.width}px`
2627
+ style=${customStyleMap({
2628
+ [`min-height: ${this.height}px`]: !!this.height,
2629
+ [`width: ${this.width}px`]: !!this.width
2629
2630
  })}
2630
2631
  class=${cn("bg-neutral-100 grid", {
2631
2632
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -2680,9 +2681,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
2680
2681
  return x`
2681
2682
  <div
2682
2683
  data-testid="card"
2683
- style=${o({
2684
- minHeight: `${this.height}px`,
2685
- width: `${this.width}px`
2684
+ style=${customStyleMap({
2685
+ [`min-height: ${this.height}px`]: !!this.height,
2686
+ [`width: ${this.width}px`]: !!this.width
2686
2687
  })}
2687
2688
  class=${cn("bg-neutral-100 grid grid-rows-[auto,1fr]", {
2688
2689
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -2739,9 +2740,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
2739
2740
  return x`
2740
2741
  <div
2741
2742
  data-testid="card"
2742
- style=${o({
2743
- minHeight: `${this.height}px`,
2744
- width: `${this.width}px`
2743
+ style=${customStyleMap({
2744
+ [`min-height: ${this.height}px`]: !!this.height,
2745
+ [`width: ${this.width}px`]: !!this.width
2745
2746
  })}
2746
2747
  class=${cn("h-[240px] flex bg-neutral-100", {
2747
2748
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -2773,9 +2774,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
2773
2774
  return x`
2774
2775
  <div
2775
2776
  data-testid="card"
2776
- style=${o({
2777
- minHeight: `${this.height}px`,
2778
- width: `${this.width}px`
2777
+ style=${customStyleMap({
2778
+ [`min-height: ${this.height}px`]: !!this.height,
2779
+ [`width: ${this.width}px`]: !!this.width
2779
2780
  })}
2780
2781
  class=${cn("bg-neutral-100 grid grid-rows-[auto,1fr]", {
2781
2782
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -0,0 +1,23 @@
1
+ import { A } from './index-92b65473.js';
2
+ import { e, i, t } from './directive-2bb7789e.js';
3
+
4
+ class CustomStyleMapDirective extends i {
5
+ constructor(partInfo) {
6
+ super(partInfo);
7
+ if (partInfo.type !== t.ATTRIBUTE || partInfo.name !== "style" || partInfo.strings?.length > 2) {
8
+ throw new Error(
9
+ "`customStyleMap()` can only be used in the `style` attribute and must be the only part in the attribute."
10
+ );
11
+ }
12
+ }
13
+ render(styleInfoList) {
14
+ const styles = Object.keys(styleInfoList).filter((key) => styleInfoList[key]);
15
+ if (styles.length === 0) {
16
+ return A;
17
+ }
18
+ return ` ${styles.join("; ")} `;
19
+ }
20
+ }
21
+ const customStyleMap = e(CustomStyleMapDirective);
22
+
23
+ export { customStyleMap as c };
@@ -0,0 +1,25 @@
1
+ 'use strict';
2
+
3
+ const shared_tailwindElement_index = require('./index-d548eac4.cjs');
4
+ const directive = require('./directive-8278ab14.cjs');
5
+
6
+ class CustomStyleMapDirective extends directive.i {
7
+ constructor(partInfo) {
8
+ super(partInfo);
9
+ if (partInfo.type !== directive.t.ATTRIBUTE || partInfo.name !== "style" || partInfo.strings?.length > 2) {
10
+ throw new Error(
11
+ "`customStyleMap()` can only be used in the `style` attribute and must be the only part in the attribute."
12
+ );
13
+ }
14
+ }
15
+ render(styleInfoList) {
16
+ const styles = Object.keys(styleInfoList).filter((key) => styleInfoList[key]);
17
+ if (styles.length === 0) {
18
+ return shared_tailwindElement_index.A;
19
+ }
20
+ return ` ${styles.join("; ")} `;
21
+ }
22
+ }
23
+ const customStyleMap = directive.e(CustomStyleMapDirective);
24
+
25
+ exports.customStyleMap = customStyleMap;
@@ -5,15 +5,16 @@ const queryAssignedElements = require('./query-assigned-elements-1d5d9d4c.cjs');
5
5
  const styleMap = require('./style-map-02fa5128.cjs');
6
6
  require('./components/lukso-profile/index.cjs');
7
7
  require('./color-palette.cjs');
8
+ const index = require('./index-18c0f1ef.cjs');
8
9
 
9
10
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
10
- const style = ":host {\n display: flex;\n width: 100%;\n}\n\n:host([is-fixed-width]) {\n width: inherit;\n}";
11
+ const style = ":host {\n display: inline-flex;\n width: 100%;\n}\n\n:host([width]) {\n width: inherit;\n}";
11
12
 
12
- (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index-340046e7.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
13
+ (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index-de804529.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
13
14
 
14
- (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index-340046e7.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
15
+ (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index-de804529.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
15
16
 
16
- (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index-340046e7.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
17
+ (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index-de804529.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "").replace(/\/index\.[a-z]+$/g, "");
17
18
 
18
19
  /**
19
20
  * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
@@ -2581,9 +2582,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
2581
2582
  return shared_tailwindElement_index.x`
2582
2583
  <div
2583
2584
  data-testid="card"
2584
- style=${styleMap.o({
2585
- minHeight: `${this.height}px`,
2586
- width: `${this.width}px`
2585
+ style=${index.customStyleMap({
2586
+ [`min-height: ${this.height}px`]: !!this.height,
2587
+ [`width: ${this.width}px`]: !!this.width
2587
2588
  })}
2588
2589
  class=${cn("bg-neutral-100", {
2589
2590
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -2626,9 +2627,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
2626
2627
  return shared_tailwindElement_index.x`
2627
2628
  <div
2628
2629
  data-testid="card"
2629
- style=${styleMap.o({
2630
- minHeight: `${this.height}px`,
2631
- width: `${this.width}px`
2630
+ style=${index.customStyleMap({
2631
+ [`min-height: ${this.height}px`]: !!this.height,
2632
+ [`width: ${this.width}px`]: !!this.width
2632
2633
  })}
2633
2634
  class=${cn("bg-neutral-100 grid", {
2634
2635
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -2683,9 +2684,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
2683
2684
  return shared_tailwindElement_index.x`
2684
2685
  <div
2685
2686
  data-testid="card"
2686
- style=${styleMap.o({
2687
- minHeight: `${this.height}px`,
2688
- width: `${this.width}px`
2687
+ style=${index.customStyleMap({
2688
+ [`min-height: ${this.height}px`]: !!this.height,
2689
+ [`width: ${this.width}px`]: !!this.width
2689
2690
  })}
2690
2691
  class=${cn("bg-neutral-100 grid grid-rows-[auto,1fr]", {
2691
2692
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -2742,9 +2743,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
2742
2743
  return shared_tailwindElement_index.x`
2743
2744
  <div
2744
2745
  data-testid="card"
2745
- style=${styleMap.o({
2746
- minHeight: `${this.height}px`,
2747
- width: `${this.width}px`
2746
+ style=${index.customStyleMap({
2747
+ [`min-height: ${this.height}px`]: !!this.height,
2748
+ [`width: ${this.width}px`]: !!this.width
2748
2749
  })}
2749
2750
  class=${cn("h-[240px] flex bg-neutral-100", {
2750
2751
  [this.mediumStyles]: !this.customClass && this.size === "medium",
@@ -2776,9 +2777,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
2776
2777
  return shared_tailwindElement_index.x`
2777
2778
  <div
2778
2779
  data-testid="card"
2779
- style=${styleMap.o({
2780
- minHeight: `${this.height}px`,
2781
- width: `${this.width}px`
2780
+ style=${index.customStyleMap({
2781
+ [`min-height: ${this.height}px`]: !!this.height,
2782
+ [`width: ${this.width}px`]: !!this.width
2782
2783
  })}
2783
2784
  class=${cn("bg-neutral-100 grid grid-rows-[auto,1fr]", {
2784
2785
  [this.mediumStyles]: !this.customClass && this.size === "medium",
package/dist/index.cjs CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const components_luksoButton_index = require('./components/lukso-button/index.cjs');
6
- const components_luksoCard_index = require('./index-340046e7.cjs');
6
+ const components_luksoCard_index = require('./index-de804529.cjs');
7
7
  const components_luksoCheckbox_index = require('./components/lukso-checkbox/index.cjs');
8
8
  const components_luksoFooter_index = require('./components/lukso-footer/index.cjs');
9
9
  const components_luksoIcon_index = require('./components/lukso-icon/index.cjs');
@@ -30,6 +30,7 @@ require('./index-e9668573.cjs');
30
30
  require('./directive-8278ab14.cjs');
31
31
  require('./style-map-02fa5128.cjs');
32
32
  require('./color-palette.cjs');
33
+ require('./index-18c0f1ef.cjs');
33
34
 
34
35
 
35
36
 
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { LuksoButton } from './components/lukso-button/index.js';
2
- export { L as LuksoCard, c as cn } from './index-8331d2b8.js';
2
+ export { L as LuksoCard, c as cn } from './index-055eb9cc.js';
3
3
  export { LuksoCheckbox } from './components/lukso-checkbox/index.js';
4
4
  export { LuksoFooter } from './components/lukso-footer/index.js';
5
5
  export { LuksoIcon } from './components/lukso-icon/index.js';
@@ -26,3 +26,4 @@ import './index-5e194caf.js';
26
26
  import './directive-2bb7789e.js';
27
27
  import './style-map-be0fc31f.js';
28
28
  import './color-palette.js';
29
+ import './index-1280bfb4.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.51.3",
3
+ "version": "1.51.4",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",