@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.
- package/dist/components/index.cjs +2 -1
- package/dist/components/index.js +2 -1
- package/dist/components/lukso-card/index.cjs +2 -1
- package/dist/components/lukso-card/index.d.ts.map +1 -1
- package/dist/components/lukso-card/index.js +2 -1
- package/dist/components/lukso-search/index.cjs +1 -0
- package/dist/components/lukso-search/index.js +1 -0
- package/dist/components/lukso-select/index.cjs +1 -0
- package/dist/components/lukso-select/index.js +1 -0
- package/dist/components/lukso-username/index.cjs +4 -22
- package/dist/components/lukso-username/index.js +5 -23
- package/dist/{index-8331d2b8.js → index-055eb9cc.js} +17 -16
- package/dist/index-1280bfb4.js +23 -0
- package/dist/index-18c0f1ef.cjs +25 -0
- package/dist/{index-340046e7.cjs → index-de804529.cjs} +20 -19
- package/dist/index.cjs +2 -1
- package/dist/index.js +2 -1
- package/package.json +1 -1
|
@@ -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-
|
|
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
|
|
package/dist/components/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { LuksoButton } from './lukso-button/index.js';
|
|
2
|
-
export { L as LuksoCard } from '../index-
|
|
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-
|
|
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;
|
|
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-
|
|
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
|
|
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 {
|
|
2
|
-
import { n, e
|
|
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 {
|
|
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
|
|
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([
|
|
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=${
|
|
2582
|
-
|
|
2583
|
-
width:
|
|
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=${
|
|
2627
|
-
|
|
2628
|
-
width:
|
|
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=${
|
|
2684
|
-
|
|
2685
|
-
width:
|
|
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=${
|
|
2743
|
-
|
|
2744
|
-
width:
|
|
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=${
|
|
2777
|
-
|
|
2778
|
-
width:
|
|
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([
|
|
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-
|
|
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-
|
|
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-
|
|
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=${
|
|
2585
|
-
|
|
2586
|
-
width:
|
|
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=${
|
|
2630
|
-
|
|
2631
|
-
width:
|
|
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=${
|
|
2687
|
-
|
|
2688
|
-
width:
|
|
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=${
|
|
2746
|
-
|
|
2747
|
-
width:
|
|
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=${
|
|
2780
|
-
|
|
2781
|
-
width:
|
|
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-
|
|
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-
|
|
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';
|