@telefonica/mistica 16.37.3 → 16.37.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/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +6 -6
- package/dist/align.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +13 -13
- package/dist/button.css-mistica.js +16 -16
- package/dist/callout.css-mistica.js +5 -5
- package/dist/card-data.js +23 -19
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/card-internal.js +25 -25
- package/dist/card-media.js +9 -7
- package/dist/card-naked.js +12 -10
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +7 -7
- package/dist/chip.css-mistica.js +12 -12
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cover-hero.css-mistica.js +3 -3
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +4 -4
- package/dist/divider.css-mistica.js +2 -2
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/fixed-footer-layout.css-mistica.js +4 -4
- package/dist/form.css-mistica.js +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +122 -122
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +42 -42
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +3 -3
- package/dist/inline.css-mistica.js +10 -10
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +12 -12
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +16 -16
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +4 -4
- package/dist/radio-button.css-mistica.js +14 -14
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +4 -4
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +15 -15
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +1 -1
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/skin-contract.css-mistica.js +390 -390
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +10 -10
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/switch-component.css-mistica.js +26 -26
- package/dist/table.css-mistica.js +8 -8
- package/dist/tabs.css-mistica.js +12 -12
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +1 -1
- package/dist/text-field-components.css-mistica.js +3 -3
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text.css-mistica.js +7 -7
- package/dist/theme-context.css-mistica.js +430 -430
- package/dist/timeline.css-mistica.js +10 -10
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +13 -13
- package/dist-es/button.css-mistica.js +16 -16
- package/dist-es/callout.css-mistica.js +5 -5
- package/dist-es/card-data.js +24 -20
- package/dist-es/card-internal.css-mistica.js +15 -15
- package/dist-es/card-internal.js +41 -41
- package/dist-es/card-media.js +14 -12
- package/dist-es/card-naked.js +17 -15
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +7 -7
- package/dist-es/chip.css-mistica.js +12 -12
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cover-hero.css-mistica.js +3 -3
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +4 -4
- package/dist-es/divider.css-mistica.js +2 -2
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +5 -5
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +122 -122
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +42 -42
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +3 -3
- package/dist-es/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +12 -12
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +16 -16
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +1 -1
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +4 -4
- package/dist-es/radio-button.css-mistica.js +14 -14
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +4 -4
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +15 -15
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +1 -1
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +4 -4
- package/dist-es/skins/skin-contract.css-mistica.js +390 -390
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +10 -10
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +26 -26
- package/dist-es/table.css-mistica.js +8 -8
- package/dist-es/tabs.css-mistica.js +12 -12
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +1 -1
- package/dist-es/text-field-components.css-mistica.js +3 -3
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/theme-context.css-mistica.js +430 -430
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +1 -1
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
|
@@ -42,9 +42,9 @@ _export(exports, {
|
|
|
42
42
|
});
|
|
43
43
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
44
44
|
require("./accordion.css.ts.vanilla.css-mistica.js");
|
|
45
|
-
var n = "
|
|
46
|
-
enter: "
|
|
47
|
-
enterActive: "
|
|
48
|
-
exit: "
|
|
49
|
-
exitActive: "
|
|
50
|
-
}, x = "
|
|
45
|
+
var n = "v16_37_4_1y2v1nfkf", s = "v16_37_4_8s3szx1", a = "v16_37_4_8s3szx5", e = "v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k v16_37_4_1y2v1nfju v16_37_4_1y2v1nfkw", r = "v16_37_4_8s3szxb", t = "v16_37_4_8s3szx6", o = {
|
|
46
|
+
enter: "v16_37_4_8s3szx7",
|
|
47
|
+
enterActive: "v16_37_4_8s3szx8",
|
|
48
|
+
exit: "v16_37_4_8s3szx9",
|
|
49
|
+
exitActive: "v16_37_4_8s3szxa"
|
|
50
|
+
}, x = "v16_37_4_8s3szx4", i = "v16_37_4_8s3szx2", f = "v16_37_4_8s3szx3";
|
|
@@ -17,4 +17,4 @@ _export(exports, {
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
20
|
-
var v = "
|
|
20
|
+
var v = "v16_37_4_1y2v1nfmr v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfmu", a = "v16_37_4_1y2v1nfoo";
|
|
@@ -30,4 +30,4 @@ _export(exports, {
|
|
|
30
30
|
});
|
|
31
31
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
32
32
|
require("./badge.css.ts.vanilla.css-mistica.js");
|
|
33
|
-
var r = "
|
|
33
|
+
var r = "v16_37_4_17szrmd2 v16_37_4_1y2v1nf6y", a = "v16_37_4_17szrmd7", d = "v16_37_4_17szrmd3", n = "v16_37_4_17szrmd5 v16_37_4_17szrmd2 v16_37_4_1y2v1nf6y v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk1", e = "v16_37_4_1y2v1nfjn", m = "v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjw";
|
package/dist/box.css-mistica.js
CHANGED
|
@@ -17,25 +17,25 @@ _export(exports, {
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
require("./box.css.ts.vanilla.css-mistica.js");
|
|
20
|
-
var _ = "
|
|
20
|
+
var _ = "v16_37_4_1xgjmkvc", a = {
|
|
21
21
|
paddingTop: {
|
|
22
|
-
desktop: "var(--
|
|
23
|
-
tablet: "var(--
|
|
24
|
-
mobile: "var(--
|
|
22
|
+
desktop: "var(--v16_37_4_1xgjmkv0)",
|
|
23
|
+
tablet: "var(--v16_37_4_1xgjmkv1)",
|
|
24
|
+
mobile: "var(--v16_37_4_1xgjmkv2)"
|
|
25
25
|
},
|
|
26
26
|
paddingBottom: {
|
|
27
|
-
desktop: "var(--
|
|
28
|
-
tablet: "var(--
|
|
29
|
-
mobile: "var(--
|
|
27
|
+
desktop: "var(--v16_37_4_1xgjmkv3)",
|
|
28
|
+
tablet: "var(--v16_37_4_1xgjmkv4)",
|
|
29
|
+
mobile: "var(--v16_37_4_1xgjmkv5)"
|
|
30
30
|
},
|
|
31
31
|
paddingLeft: {
|
|
32
|
-
desktop: "var(--
|
|
33
|
-
tablet: "var(--
|
|
34
|
-
mobile: "var(--
|
|
32
|
+
desktop: "var(--v16_37_4_1xgjmkv6)",
|
|
33
|
+
tablet: "var(--v16_37_4_1xgjmkv7)",
|
|
34
|
+
mobile: "var(--v16_37_4_1xgjmkv8)"
|
|
35
35
|
},
|
|
36
36
|
paddingRight: {
|
|
37
|
-
desktop: "var(--
|
|
38
|
-
tablet: "var(--
|
|
39
|
-
mobile: "var(--
|
|
37
|
+
desktop: "var(--v16_37_4_1xgjmkv9)",
|
|
38
|
+
tablet: "var(--v16_37_4_1xgjmkva)",
|
|
39
|
+
mobile: "var(--v16_37_4_1xgjmkvb)"
|
|
40
40
|
}
|
|
41
41
|
};
|
|
@@ -30,33 +30,33 @@ _export(exports, {
|
|
|
30
30
|
});
|
|
31
31
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
32
32
|
require("./boxed.css.ts.vanilla.css-mistica.js");
|
|
33
|
-
var i = "
|
|
34
|
-
width: "var(--
|
|
35
|
-
height: "var(--
|
|
36
|
-
minHeight: "var(--
|
|
37
|
-
maxWidth: "var(--
|
|
38
|
-
minWidth: "var(--
|
|
33
|
+
var i = "v16_37_4_1y2v1nfm9", h = "v16_37_4_ihbkeqm", e = "v16_37_4_ihbkeqp", r = "v16_37_4_1y2v1nfma", a = "v16_37_4_1y2v1nfmu", b = {
|
|
34
|
+
width: "var(--v16_37_4_ihbkeq0)",
|
|
35
|
+
height: "var(--v16_37_4_ihbkeq1)",
|
|
36
|
+
minHeight: "var(--v16_37_4_ihbkeq2)",
|
|
37
|
+
maxWidth: "var(--v16_37_4_ihbkeq3)",
|
|
38
|
+
minWidth: "var(--v16_37_4_ihbkeq4)",
|
|
39
39
|
mobile: {
|
|
40
|
-
width: "var(--
|
|
41
|
-
height: "var(--
|
|
42
|
-
minHeight: "var(--
|
|
43
|
-
maxWidth: "var(--
|
|
44
|
-
minWidth: "var(--
|
|
40
|
+
width: "var(--v16_37_4_ihbkeq5)",
|
|
41
|
+
height: "var(--v16_37_4_ihbkeq6)",
|
|
42
|
+
minHeight: "var(--v16_37_4_ihbkeq7)",
|
|
43
|
+
maxWidth: "var(--v16_37_4_ihbkeq8)",
|
|
44
|
+
minWidth: "var(--v16_37_4_ihbkeq9)"
|
|
45
45
|
},
|
|
46
46
|
tablet: {
|
|
47
|
-
width: "var(--
|
|
48
|
-
height: "var(--
|
|
49
|
-
minHeight: "var(--
|
|
50
|
-
maxWidth: "var(--
|
|
51
|
-
minWidth: "var(--
|
|
47
|
+
width: "var(--v16_37_4_ihbkeqa)",
|
|
48
|
+
height: "var(--v16_37_4_ihbkeqb)",
|
|
49
|
+
minHeight: "var(--v16_37_4_ihbkeqc)",
|
|
50
|
+
maxWidth: "var(--v16_37_4_ihbkeqd)",
|
|
51
|
+
minWidth: "var(--v16_37_4_ihbkeqe)"
|
|
52
52
|
},
|
|
53
53
|
desktop: {
|
|
54
|
-
width: "var(--
|
|
55
|
-
height: "var(--
|
|
56
|
-
minHeight: "var(--
|
|
57
|
-
maxWidth: "var(--
|
|
58
|
-
minWidth: "var(--
|
|
59
|
-
},
|
|
60
|
-
background: "var(--
|
|
61
|
-
borderRadius: "var(--
|
|
54
|
+
width: "var(--v16_37_4_ihbkeqf)",
|
|
55
|
+
height: "var(--v16_37_4_ihbkeqg)",
|
|
56
|
+
minHeight: "var(--v16_37_4_ihbkeqh)",
|
|
57
|
+
maxWidth: "var(--v16_37_4_ihbkeqi)",
|
|
58
|
+
minWidth: "var(--v16_37_4_ihbkeqj)"
|
|
59
|
+
},
|
|
60
|
+
background: "var(--v16_37_4_ihbkeqk)",
|
|
61
|
+
borderRadius: "var(--v16_37_4_ihbkeql)"
|
|
62
62
|
};
|
|
@@ -40,4 +40,4 @@ _export(exports, {
|
|
|
40
40
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
41
41
|
require("./button.css.ts.vanilla.css-mistica.js");
|
|
42
42
|
require("./button-group.css.ts.vanilla.css-mistica.js");
|
|
43
|
-
var t = "
|
|
43
|
+
var t = "v16_37_4_1xdd1h69", d = "v16_37_4_1xdd1h67", r = "v16_37_4_1xdd1h68", a = "v16_37_4_1xdd1h64", e = "v16_37_4_1xdd1h62", i = "v16_37_4_1xdd1h63", h = "v16_37_4_1xdd1h65", o = "v16_37_4_1xdd1h66", x = "v16_37_4_1xdd1h61 v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfjx";
|
|
@@ -32,18 +32,18 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
|
32
32
|
require("./button.css.ts.vanilla.css-mistica.js");
|
|
33
33
|
require("./button-layout.css.ts.vanilla.css-mistica.js");
|
|
34
34
|
var y = {
|
|
35
|
-
right: "
|
|
36
|
-
left: "
|
|
37
|
-
center: "
|
|
38
|
-
"full-width": "
|
|
39
|
-
}, n = "
|
|
40
|
-
center: "
|
|
41
|
-
left: "
|
|
42
|
-
right: "
|
|
43
|
-
"full-width": "
|
|
35
|
+
right: "v16_37_4_kfxylh7 v16_37_4_1y2v1nfk2",
|
|
36
|
+
left: "v16_37_4_kfxylh8 v16_37_4_1y2v1nfk0",
|
|
37
|
+
center: "v16_37_4_kfxylh9 v16_37_4_1y2v1nfk1",
|
|
38
|
+
"full-width": "v16_37_4_kfxylha v16_37_4_1y2v1nfk1"
|
|
39
|
+
}, n = "v16_37_4_kfxylh1 v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7", k = "v16_37_4_kfxylh2", l = "v16_37_4_kfxylhd v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf", h = {
|
|
40
|
+
center: "v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf",
|
|
41
|
+
left: "v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf v16_37_4_kfxylhe",
|
|
42
|
+
right: "v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf v16_37_4_kfxylhf",
|
|
43
|
+
"full-width": "v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf v16_37_4_kfxylhg"
|
|
44
44
|
}, x = {
|
|
45
|
-
center: "
|
|
46
|
-
left: "
|
|
47
|
-
right: "
|
|
48
|
-
"full-width": "
|
|
45
|
+
center: "v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf",
|
|
46
|
+
left: "v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf v16_37_4_kfxylhl",
|
|
47
|
+
right: "v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf v16_37_4_kfxylhm",
|
|
48
|
+
"full-width": "v16_37_4_kfxylhc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfkf v16_37_4_kfxylhn"
|
|
49
49
|
};
|
|
@@ -76,28 +76,28 @@ var n = "1.5px", f = {
|
|
|
76
76
|
default: "calc(12px - 1.5px)",
|
|
77
77
|
small: "calc(6px - 1.5px)"
|
|
78
78
|
}, a = {
|
|
79
|
-
primary: "
|
|
80
|
-
secondary: "
|
|
81
|
-
danger: "
|
|
82
|
-
link: "
|
|
83
|
-
linkDanger: "
|
|
84
|
-
linkDangerDark: "
|
|
79
|
+
primary: "v16_37_4_rrbrpnm v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf2t v16_37_4_1y2v1nf5u",
|
|
80
|
+
secondary: "v16_37_4_rrbrpnn v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf2y v16_37_4_1y2v1nf9k",
|
|
81
|
+
danger: "v16_37_4_rrbrpno v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf2t v16_37_4_1y2v1nf5j",
|
|
82
|
+
link: "v16_37_4_rrbrpnp v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf34 v16_37_4_1y2v1nf9k",
|
|
83
|
+
linkDanger: "v16_37_4_rrbrpnq v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf35 v16_37_4_1y2v1nf9k",
|
|
84
|
+
linkDangerDark: "v16_37_4_rrbrpnr v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf35 v16_37_4_1y2v1nf9k"
|
|
85
85
|
}, m = {
|
|
86
|
-
minWidth: "var(--
|
|
86
|
+
minWidth: "var(--v16_37_4_rrbrpn0)"
|
|
87
87
|
}, p = "2px", l = "8px", i = {
|
|
88
88
|
default: "1.500rem",
|
|
89
89
|
small: "1.250rem"
|
|
90
90
|
}, u = {
|
|
91
|
-
primary: "
|
|
92
|
-
secondary: "
|
|
93
|
-
danger: "
|
|
94
|
-
link: "
|
|
95
|
-
linkDanger: "
|
|
96
|
-
linkDangerDark: "
|
|
97
|
-
}, b = "
|
|
91
|
+
primary: "v16_37_4_rrbrpns v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf2u v16_37_4_1y2v1nf5w",
|
|
92
|
+
secondary: "v16_37_4_rrbrpnt v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf2z v16_37_4_1y2v1nf9k",
|
|
93
|
+
danger: "v16_37_4_rrbrpnu v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf2t v16_37_4_1y2v1nf5j",
|
|
94
|
+
link: "v16_37_4_rrbrpnv v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf37 v16_37_4_1y2v1nf9k",
|
|
95
|
+
linkDanger: "v16_37_4_rrbrpnw v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf35 v16_37_4_1y2v1nf5p",
|
|
96
|
+
linkDangerDark: "v16_37_4_rrbrpnx v16_37_4_rrbrpn3 v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjw v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfkg v16_37_4_1y2v1nfmi v16_37_4_1y2v1nfmu v16_37_4_1y2v1nf35 v16_37_4_1y2v1nf9k"
|
|
97
|
+
}, b = "v16_37_4_rrbrpn1", t = {
|
|
98
98
|
default: "40px",
|
|
99
99
|
small: "40px"
|
|
100
|
-
}, c = "
|
|
100
|
+
}, c = "v16_37_4_rrbrpn9 v16_37_4_1y2v1nfjt v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfn0 v16_37_4_1y2v1nfo9 v16_37_4_1y2v1nfk1 v16_37_4_1y2v1nfk7", k = "v16_37_4_rrbrpn7 v16_37_4_1y2v1nfju v16_37_4_1y2v1nfkx v16_37_4_1y2v1nfmu", d = "v16_37_4_rrbrpn4", e = "v16_37_4_rrbrpn5", j = {
|
|
101
101
|
default: "1.250rem",
|
|
102
102
|
small: "1.000rem"
|
|
103
|
-
}, g = "
|
|
103
|
+
}, g = "v16_37_4_rrbrpnb v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfk7 v16_37_4_1y2v1nfk1";
|
|
@@ -29,8 +29,8 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
|
29
29
|
require("./icon-button.css.ts.vanilla.css-mistica.js");
|
|
30
30
|
require("./callout.css.ts.vanilla.css-mistica.js");
|
|
31
31
|
var y = {
|
|
32
|
-
inverse: "
|
|
33
|
-
alternative: "
|
|
34
|
-
default: "
|
|
35
|
-
media: "
|
|
36
|
-
}, f = "
|
|
32
|
+
inverse: "v16_37_4_1y2v1nf4u",
|
|
33
|
+
alternative: "v16_37_4_1y2v1nf4u",
|
|
34
|
+
default: "v16_37_4_1y2v1nf52",
|
|
35
|
+
media: "v16_37_4_1y2v1nf4u"
|
|
36
|
+
}, f = "v16_37_4_14g0jmy5 v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfnu", r = "v16_37_4_14g0jmy6", t = "v16_37_4_14g0jmy1 v16_37_4_1y2v1nfa0 v16_37_4_1y2v1nfb9 v16_37_4_1y2v1nfci v16_37_4_1y2v1nfdr v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfmk v16_37_4_1y2v1nfmu", e = "v16_37_4_14g0jmy3 v16_37_4_1y2v1nfke v16_37_4_1y2v1nfjm";
|
package/dist/card-data.js
CHANGED
|
@@ -10,13 +10,13 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
DataCard: function() {
|
|
13
|
-
return
|
|
13
|
+
return i;
|
|
14
14
|
},
|
|
15
15
|
DisplayDataCard: function() {
|
|
16
16
|
return A;
|
|
17
17
|
},
|
|
18
18
|
SnapCard: function() {
|
|
19
|
-
return
|
|
19
|
+
return y;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
22
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -118,8 +118,8 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
118
118
|
}
|
|
119
119
|
return target;
|
|
120
120
|
}
|
|
121
|
-
const
|
|
122
|
-
var { dataAttributes:
|
|
121
|
+
const i = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
|
|
122
|
+
var { dataAttributes: t, size: a = "default", button: r, buttonPrimary: e, extra: o, slot: n, actions: p, topActions: m, isInverse: f, variant: u } = _param, C = _object_without_properties(_param, [
|
|
123
123
|
"dataAttributes",
|
|
124
124
|
"size",
|
|
125
125
|
"button",
|
|
@@ -133,42 +133,46 @@ const s = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
|
|
|
133
133
|
]);
|
|
134
134
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_cardinternal.InternalCard, _object_spread({
|
|
135
135
|
type: "data",
|
|
136
|
-
size:
|
|
136
|
+
size: a,
|
|
137
137
|
dataAttributes: _object_spread({
|
|
138
138
|
"component-name": "DataCard",
|
|
139
139
|
testid: "DataCard"
|
|
140
|
-
},
|
|
140
|
+
}, t),
|
|
141
141
|
ref: c,
|
|
142
142
|
buttonPrimary: e || r,
|
|
143
143
|
topActions: m || p,
|
|
144
|
-
slot:
|
|
144
|
+
slot: n || o,
|
|
145
145
|
variant: u || (f ? "inverse" : "default") || "default"
|
|
146
146
|
}, C));
|
|
147
|
-
}),
|
|
148
|
-
var { dataAttributes: a } = _param,
|
|
149
|
-
"dataAttributes"
|
|
147
|
+
}), y = /*#__PURE__*/ _react.forwardRef((_param, e)=>{
|
|
148
|
+
var { dataAttributes: t, slotAlignment: a = "bottom" } = _param, r = _object_without_properties(_param, [
|
|
149
|
+
"dataAttributes",
|
|
150
|
+
"slotAlignment"
|
|
150
151
|
]);
|
|
151
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
152
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(i, _object_spread({
|
|
152
153
|
size: "snap",
|
|
153
154
|
dataAttributes: _object_spread({
|
|
154
155
|
"component-name": "SnapCard",
|
|
155
156
|
testid: "SnapCard"
|
|
156
|
-
},
|
|
157
|
-
ref:
|
|
158
|
-
|
|
157
|
+
}, t),
|
|
158
|
+
ref: e,
|
|
159
|
+
slotAlignment: a
|
|
160
|
+
}, r));
|
|
159
161
|
}), A = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
|
|
160
|
-
var { dataAttributes:
|
|
162
|
+
var { dataAttributes: t, buttonSecondary: a, slotAlignment: r = "bottom", secondaryButton: e } = _param, o = _object_without_properties(_param, [
|
|
161
163
|
"dataAttributes",
|
|
162
164
|
"buttonSecondary",
|
|
165
|
+
"slotAlignment",
|
|
163
166
|
"secondaryButton"
|
|
164
167
|
]);
|
|
165
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
168
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(i, _object_spread({
|
|
166
169
|
size: "display",
|
|
167
170
|
dataAttributes: _object_spread({
|
|
168
171
|
"component-name": "DisplayDataCard",
|
|
169
172
|
testid: "DisplayDataCard"
|
|
170
|
-
},
|
|
171
|
-
buttonSecondary:
|
|
173
|
+
}, t),
|
|
174
|
+
buttonSecondary: a || e,
|
|
175
|
+
slotAlignment: r,
|
|
172
176
|
ref: n
|
|
173
|
-
},
|
|
177
|
+
}, o));
|
|
174
178
|
});
|
|
@@ -58,21 +58,21 @@ _export(exports, {
|
|
|
58
58
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
59
59
|
require("./card-internal.css.ts.vanilla.css-mistica.js");
|
|
60
60
|
var n = {
|
|
61
|
-
display: "
|
|
62
|
-
default: "
|
|
63
|
-
snap: "
|
|
64
|
-
}, a = "
|
|
65
|
-
display: "
|
|
66
|
-
default: "
|
|
67
|
-
snap: "
|
|
61
|
+
display: "v16_37_4_1y2v1nfa6",
|
|
62
|
+
default: "v16_37_4_1499nmdj v16_37_4_1y2v1nfa0",
|
|
63
|
+
snap: "v16_37_4_1y2v1nfa0"
|
|
64
|
+
}, a = "v16_37_4_1499nmd15 v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfkw v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfoo", f = "v16_37_4_1499nmdr", y = "v16_37_4_1499nmd2 v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjx", d = {
|
|
65
|
+
display: "v16_37_4_1y2v1nfbi",
|
|
66
|
+
default: "v16_37_4_1499nmdp v16_37_4_1y2v1nfbf",
|
|
67
|
+
snap: "v16_37_4_1499nmdq v16_37_4_1y2v1nfb9"
|
|
68
68
|
}, r = {
|
|
69
|
-
display: "
|
|
70
|
-
default: "
|
|
71
|
-
snap: "
|
|
69
|
+
display: "v16_37_4_1y2v1nfa6",
|
|
70
|
+
default: "v16_37_4_1499nmdd v16_37_4_1y2v1nfa0",
|
|
71
|
+
snap: "v16_37_4_1499nmde v16_37_4_1y2v1nfa0"
|
|
72
72
|
}, t = {
|
|
73
|
-
display: "
|
|
74
|
-
default: "
|
|
75
|
-
snap: "
|
|
76
|
-
}, o = "
|
|
77
|
-
aspectRatio: "var(--
|
|
73
|
+
display: "v16_37_4_1y2v1nfco v16_37_4_1y2v1nfdx",
|
|
74
|
+
default: "v16_37_4_1499nmd7 v16_37_4_1y2v1nfci v16_37_4_1y2v1nfdr",
|
|
75
|
+
snap: "v16_37_4_1499nmd8 v16_37_4_1y2v1nfci v16_37_4_1y2v1nfdr"
|
|
76
|
+
}, o = "v16_37_4_1499nmdz v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjx v16_37_4_1y2v1nfk4", e = "v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfkw v16_37_4_1y2v1nfkf", i = "v16_37_4_1499nmd13 v16_37_4_1y2v1nfjn v16_37_4_1y2v1nfn5 v16_37_4_1y2v1nfnz v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjx", m = "v16_37_4_1499nmdt v16_37_4_1y2v1nf9l v16_37_4_1y2v1nfau v16_37_4_1y2v1nfc3 v16_37_4_1y2v1nfdc v16_37_4_1y2v1nfjs v16_37_4_1y2v1nfjy v16_37_4_1y2v1nfjm v16_37_4_1y2v1nfma v16_37_4_1y2v1nf9k v16_37_4_1y2v1nfkf v16_37_4_1y2v1nfkw", s = "v16_37_4_1499nmdw v16_37_4_1499nmdv", c = "v16_37_4_1499nmdx v16_37_4_1499nmdv", j = "v16_37_4_1499nmdu", l = {
|
|
77
|
+
aspectRatio: "var(--v16_37_4_1499nmd0)"
|
|
78
78
|
};
|
package/dist/card-internal.js
CHANGED
|
@@ -575,7 +575,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
575
575
|
});
|
|
576
576
|
}, ei = (param)=>{
|
|
577
577
|
let { type: e, hasCustomBackground: o, headlineRef: r, size: n, variant: a, headline: c, title: h, titleAs: d = "h3", titleLinesMax: l, pretitle: s, pretitleAs: v, pretitleLinesMax: R, subtitle: m, subtitleLinesMax: x, description: f, descriptionLinesMax: p, withTextShadow: g } = param;
|
|
578
|
-
const { textPresets: i, colorValues: u } = (0, _hooks.useTheme)(), F = (0, _themevariantcontext.useThemeVariant)(),
|
|
578
|
+
const { textPresets: i, colorValues: u } = (0, _hooks.useTheme)(), F = (0, _themevariantcontext.useThemeVariant)(), T = {
|
|
579
579
|
hyphens: "auto"
|
|
580
580
|
}, E = {
|
|
581
581
|
default: {
|
|
@@ -687,7 +687,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
687
687
|
weight: "regular"
|
|
688
688
|
}
|
|
689
689
|
}
|
|
690
|
-
}, N = E[a] || E[F] || E.default,
|
|
690
|
+
}, N = E[a] || E[F] || E.default, B = V[n] || V.default, A = g ? "0 0 15px rgba(0, 0, 0, 0.4)" : void 0, re = c && // Read order 2. Visual order 1
|
|
691
691
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
692
692
|
style: {
|
|
693
693
|
paddingBottom: 8,
|
|
@@ -706,7 +706,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
706
706
|
order: 2
|
|
707
707
|
},
|
|
708
708
|
"data-testid": "pretitle",
|
|
709
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({},
|
|
709
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, T, B.pretitle), {
|
|
710
710
|
as: v || "p",
|
|
711
711
|
truncate: R,
|
|
712
712
|
color: N.pretitle,
|
|
@@ -720,7 +720,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
720
720
|
order: 3
|
|
721
721
|
},
|
|
722
722
|
"data-testid": "title",
|
|
723
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({},
|
|
723
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, T, B.title), {
|
|
724
724
|
as: d,
|
|
725
725
|
truncate: l,
|
|
726
726
|
color: N.title,
|
|
@@ -734,7 +734,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
734
734
|
order: 4
|
|
735
735
|
},
|
|
736
736
|
"data-testid": "subtitle",
|
|
737
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({},
|
|
737
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, T, B.subtitle), {
|
|
738
738
|
as: "p",
|
|
739
739
|
truncate: x,
|
|
740
740
|
color: N.subtitle,
|
|
@@ -748,7 +748,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
748
748
|
order: 5
|
|
749
749
|
},
|
|
750
750
|
"data-testid": "description",
|
|
751
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({},
|
|
751
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, T, B.description), {
|
|
752
752
|
as: "p",
|
|
753
753
|
truncate: p,
|
|
754
754
|
color: N.description,
|
|
@@ -779,7 +779,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
779
779
|
_skincontractcssmistica.vars.colors.cardContentOverlay,
|
|
780
780
|
_skincontractcssmistica.vars.colors.cardFooterOverlay
|
|
781
781
|
], Li = /*#__PURE__*/ _react.forwardRef((_param, We)=>{
|
|
782
|
-
var { type: e, size: o, backgroundColor: r, imageSrc: n, imageSrcSet: a, imageAlt: c = "", imageFit: h = "fill-center", videoSrc: d, videoRef: l, media: s, mediaAspectRatio: v = "auto", mediaPosition: R = "top", mediaWidth: m = 150, circledImage: x, asset: f, headline: p, title: g, titleAs: i = "h3", titleLinesMax: u, pretitle: F, pretitleAs:
|
|
782
|
+
var { type: e, size: o, backgroundColor: r, imageSrc: n, imageSrcSet: a, imageAlt: c = "", imageFit: h = "fill-center", videoSrc: d, videoRef: l, media: s, mediaAspectRatio: v = "auto", mediaPosition: R = "top", mediaWidth: m = 150, circledImage: x, asset: f, headline: p, title: g, titleAs: i = "h3", titleLinesMax: u, pretitle: F, pretitleAs: T, pretitleLinesMax: E, subtitle: V, subtitleLinesMax: N, description: B, descriptionLinesMax: A, dataAttributes: re, variant: $, width: D, height: ne, aspectRatio: ae, slot: _, slotAlignment: K = "content", buttonPrimary: se, buttonSecondary: de, buttonLink: le, showFooter: qe, footerBackgroundColor: Je, footerVariant: Qe, footerSlot: ye, topActions: X, onClose: Re, closeButtonLabel: Ue, "aria-label": we, "aria-labelledby": ce, "aria-description": Ie, "aria-describedby": He, gradientOverlayColor: Y } = _param, j = _object_without_properties(_param, [
|
|
783
783
|
"type",
|
|
784
784
|
"size",
|
|
785
785
|
"backgroundColor",
|
|
@@ -829,7 +829,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
829
829
|
"aria-describedby",
|
|
830
830
|
"gradientOverlayColor"
|
|
831
831
|
]);
|
|
832
|
-
const { text: Be, ref: Ze } = (0, _hooks.useInnerText)(), { text: Ce, ref: et } = (0, _hooks.useInnerText)(), w = !!(j.href || j.to || j.onPress), he = !!(se || de || le), { colorValues: q } = (0, _hooks.useTheme)(), me = e === "media" || e === "naked", tt = me && (n !== void 0 || a !== void 0), ze = me && d !== void 0, Te = tt || ze, pe = me && !!s && !Te,
|
|
832
|
+
const { text: Be, ref: Ze } = (0, _hooks.useInnerText)(), { text: Ce, ref: et } = (0, _hooks.useInnerText)(), w = !!(j.href || j.to || j.onPress), he = !!(se || de || le), { colorValues: q } = (0, _hooks.useTheme)(), me = e === "media" || e === "naked", tt = me && (n !== void 0 || a !== void 0), ze = me && d !== void 0, Te = tt || ze, pe = me && !!s && !Te, I = Te || pe, H = e === "naked", y = I ? R : "top", Se = e === "naked" && x ? 1 : v, ue = e === "cover" && (n !== void 0 || a !== void 0), J = e === "cover" && d !== void 0, Le = !!r || ue || J, O = ue || J, it = ze || J, { video: Ve, videoAction: ge } = Jt(it ? d : void 0, n, l, e === "cover" || y !== "top" ? !1 : (0, _aspectratiosupport.aspectRatioToNumber)(Se) === 0), be = (0, _themevariantcontext.useIsInverseVariant)(), ot = $ || (be ? "inverse" : "default"), S = $ || (e === "cover" && Le ? "media" : "default"), rt = S === "inverse" ? _cardinternalcssmistica.touchableCardOverlayInverse : _cardinternalcssmistica.touchableCardOverlay, L = qe && (he || !!ye) || he && j.onPress, Ne = !L && he, Q = ((X == null ? void 0 : X.length) || 0) + (Re ? 1 : 0), Ae = ge ? Q + 1 : Q, nt = f && !(I && y === "left"), at = e !== "cover" && Ae > 0 && !nt && !p, M = e === "cover" || e === "data" && o === "display", P = _skincontractcssmistica.vars.borderRadii.container, st = ue || J ? "transparent" : r || (S === "media" ? be ? _skincontractcssmistica.vars.colors.backgroundContainerBrandOverInverse : _skincontractcssmistica.vars.colors.backgroundBrand : S === "alternative" ? _skincontractcssmistica.vars.colors.backgroundAlternative : void 0), [[dt, lt], ve] = _react.useState(_e);
|
|
833
833
|
_react.useEffect(()=>{
|
|
834
834
|
if (Y === "transparent") return ve([
|
|
835
835
|
"transparent",
|
|
@@ -849,19 +849,19 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
849
849
|
q.cardContentOverlay,
|
|
850
850
|
q.cardFooterOverlay
|
|
851
851
|
]);
|
|
852
|
-
const ct = we || (ce ? void 0 : (g && (0, _headings.isBiggerHeading)(i,
|
|
852
|
+
const ct = we || (ce ? void 0 : (g && (0, _headings.isBiggerHeading)(i, T) ? [
|
|
853
853
|
g,
|
|
854
854
|
Ce,
|
|
855
855
|
F,
|
|
856
856
|
V,
|
|
857
|
-
|
|
857
|
+
B,
|
|
858
858
|
Be
|
|
859
859
|
] : [
|
|
860
860
|
F,
|
|
861
861
|
Ce,
|
|
862
862
|
g,
|
|
863
863
|
V,
|
|
864
|
-
|
|
864
|
+
B,
|
|
865
865
|
Be
|
|
866
866
|
]).filter(Boolean).join(" "));
|
|
867
867
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(Gt, {
|
|
@@ -913,10 +913,10 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
913
913
|
style: {
|
|
914
914
|
flexDirection: y === "top" ? "column" : y === "left" ? "row" : "row-reverse",
|
|
915
915
|
justifyItems: "stretch",
|
|
916
|
-
borderTopLeftRadius: `calc(${P} - 1px)`,
|
|
917
|
-
borderTopRightRadius: `calc(${P} - 1px)`,
|
|
918
|
-
borderBottomLeftRadius: L ||
|
|
919
|
-
borderBottomRightRadius: L ||
|
|
916
|
+
borderTopLeftRadius: H && !I ? 0 : `calc(${P} - 1px)`,
|
|
917
|
+
borderTopRightRadius: H && !I ? 0 : `calc(${P} - 1px)`,
|
|
918
|
+
borderBottomLeftRadius: L || H ? 0 : `calc(${P} - 1px)`,
|
|
919
|
+
borderBottomRightRadius: L || H ? 0 : `calc(${P} - 1px)`,
|
|
920
920
|
overflow: "hidden",
|
|
921
921
|
zIndex: 1
|
|
922
922
|
},
|
|
@@ -940,7 +940,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
940
940
|
asset: f,
|
|
941
941
|
type: e
|
|
942
942
|
}),
|
|
943
|
-
|
|
943
|
+
I && /* @__PURE__ */ (0, _jsxruntime.jsx)(Wt, {
|
|
944
944
|
type: e,
|
|
945
945
|
size: o,
|
|
946
946
|
mediaAspectRatio: Se,
|
|
@@ -958,10 +958,10 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
958
958
|
"aria-hidden": w,
|
|
959
959
|
"data-testid": "body",
|
|
960
960
|
className: (0, _classnames.default)(_cardinternalcssmistica.touchable, {
|
|
961
|
-
[_cardinternalcssmistica.containerPaddingTopVariants[o]]: !!f && e !== "naked" && (!
|
|
961
|
+
[_cardinternalcssmistica.containerPaddingTopVariants[o]]: !!f && e !== "naked" && (!I || y === "right")
|
|
962
962
|
}),
|
|
963
963
|
children: [
|
|
964
|
-
(!
|
|
964
|
+
(!I || y === "right") && /* @__PURE__ */ (0, _jsxruntime.jsx)(te, {
|
|
965
965
|
size: o,
|
|
966
966
|
asset: f,
|
|
967
967
|
type: e
|
|
@@ -977,10 +977,10 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
977
977
|
height: M ? void 0 : "100%",
|
|
978
978
|
background: O ? dt : void 0,
|
|
979
979
|
// padding overrides for specific cases
|
|
980
|
-
paddingTop: M && O ? 40 : f ||
|
|
981
|
-
paddingLeft:
|
|
982
|
-
paddingRight:
|
|
983
|
-
paddingBottom: L ? 16 :
|
|
980
|
+
paddingTop: M && O ? 40 : f || H && y !== "top" ? 16 : H && !I ? 0 : void 0,
|
|
981
|
+
paddingLeft: H && (y !== "left" || !I) ? 0 : void 0,
|
|
982
|
+
paddingRight: H && y !== "right" ? 16 : void 0,
|
|
983
|
+
paddingBottom: L ? 16 : H ? 0 : void 0,
|
|
984
984
|
borderBottomLeftRadius: L ? 0 : P,
|
|
985
985
|
borderBottomRightRadius: L ? 0 : P
|
|
986
986
|
},
|
|
@@ -998,14 +998,14 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
998
998
|
size: o,
|
|
999
999
|
headline: p,
|
|
1000
1000
|
pretitle: F,
|
|
1001
|
-
pretitleAs:
|
|
1001
|
+
pretitleAs: T,
|
|
1002
1002
|
pretitleLinesMax: E,
|
|
1003
1003
|
title: g,
|
|
1004
1004
|
titleAs: i,
|
|
1005
1005
|
titleLinesMax: u,
|
|
1006
1006
|
subtitle: V,
|
|
1007
1007
|
subtitleLinesMax: N,
|
|
1008
|
-
description:
|
|
1008
|
+
description: B,
|
|
1009
1009
|
descriptionLinesMax: A,
|
|
1010
1010
|
withTextShadow: O
|
|
1011
1011
|
})
|
|
@@ -1058,7 +1058,7 @@ const Gt = /*#__PURE__*/ _react.forwardRef((param, m)=>{
|
|
|
1058
1058
|
onClose: Re,
|
|
1059
1059
|
closeButtonLabel: Ue,
|
|
1060
1060
|
actions: X,
|
|
1061
|
-
variant: O ||
|
|
1061
|
+
variant: O || I && y !== "left" ? "media" : S
|
|
1062
1062
|
})
|
|
1063
1063
|
]
|
|
1064
1064
|
});
|
package/dist/card-media.js
CHANGED
|
@@ -116,7 +116,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
116
116
|
return target;
|
|
117
117
|
}
|
|
118
118
|
const g = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
|
|
119
|
-
var { size: t = "default", slot: a, extra: e, topActions: r, actions: i, button: d, buttonPrimary: o, dataAttributes: n } = _param,
|
|
119
|
+
var { size: t = "default", slot: a, extra: e, topActions: r, actions: i, button: d, buttonPrimary: o, dataAttributes: n } = _param, m = _object_without_properties(_param, [
|
|
120
120
|
"size",
|
|
121
121
|
"slot",
|
|
122
122
|
"extra",
|
|
@@ -138,15 +138,16 @@ const g = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
|
|
|
138
138
|
topActions: r || i,
|
|
139
139
|
buttonPrimary: o || d,
|
|
140
140
|
ref: l
|
|
141
|
-
},
|
|
142
|
-
}), c = /*#__PURE__*/ _react.forwardRef((_param,
|
|
143
|
-
var { dataAttributes: t, isInverse: a, variant: e, imageUrl: r, imageSrc: i, mediaWidth: d } = _param,
|
|
141
|
+
}, m));
|
|
142
|
+
}), c = /*#__PURE__*/ _react.forwardRef((_param, m)=>{
|
|
143
|
+
var { dataAttributes: t, isInverse: a, variant: e, imageUrl: r, imageSrc: i, mediaWidth: d, slotAlignment: o = "bottom" } = _param, n = _object_without_properties(_param, [
|
|
144
144
|
"dataAttributes",
|
|
145
145
|
"isInverse",
|
|
146
146
|
"variant",
|
|
147
147
|
"imageUrl",
|
|
148
148
|
"imageSrc",
|
|
149
|
-
"mediaWidth"
|
|
149
|
+
"mediaWidth",
|
|
150
|
+
"slotAlignment"
|
|
150
151
|
]);
|
|
151
152
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(g, _object_spread({
|
|
152
153
|
size: "default",
|
|
@@ -156,8 +157,9 @@ const g = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
|
|
|
156
157
|
"component-name": "HighlightedCard",
|
|
157
158
|
testid: "HighlightedCard"
|
|
158
159
|
}, t),
|
|
160
|
+
slotAlignment: o,
|
|
159
161
|
imageSrc: i || r,
|
|
160
162
|
variant: e || (a ? "inverse" : "default"),
|
|
161
|
-
ref:
|
|
162
|
-
},
|
|
163
|
+
ref: m
|
|
164
|
+
}, n));
|
|
163
165
|
});
|