@telefonica/mistica 14.36.1 → 14.37.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.
- package/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +5 -5
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +3 -3
- package/dist/boxed.css-mistica.js +1 -1
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +10 -10
- package/dist/button.css-mistica.js +40 -32
- package/dist/button.css.d.ts +7 -4
- package/dist/button.d.ts +4 -2
- package/dist/button.js +176 -148
- package/dist/callout.css-mistica.js +1 -1
- package/dist/card.css-mistica.js +22 -22
- package/dist/card.js +10 -10
- package/dist/carousel.css-mistica.js +18 -18
- package/dist/checkbox.css-mistica.js +10 -10
- package/dist/chip.css-mistica.js +8 -8
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +13 -13
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +7 -7
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/dialog.css-mistica.js +11 -11
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/empty-state-card.css-mistica.js +2 -2
- package/dist/empty-state.css-mistica.js +6 -6
- package/dist/feedback.css-mistica.js +6 -6
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/grid.css-mistica.js +118 -120
- package/dist/grid.css.d.ts +0 -2
- package/dist/grid.d.ts +2 -2
- package/dist/grid.js +41 -26
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +5 -5
- package/dist/highlighted-card.css-mistica.js +7 -7
- package/dist/horizontal-scroll.css-mistica.js +3 -3
- package/dist/icon-button.css-mistica.js +2 -2
- package/dist/image.css-mistica.js +3 -3
- package/dist/image.d.ts +1 -1
- package/dist/image.js +21 -21
- package/dist/index.d.ts +2 -1
- package/dist/index.js +10 -0
- package/dist/list.css-mistica.js +16 -16
- package/dist/loading-bar.css-mistica.js +7 -7
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.css-mistica.js +1 -1
- package/dist/mosaic.css-mistica.js +23 -0
- package/dist/mosaic.css.d.ts +6 -0
- package/dist/mosaic.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/mosaic.d.ts +15 -0
- package/dist/mosaic.js +206 -0
- package/dist/navigation-bar.css-mistica.js +24 -24
- package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +1 -1
- package/dist/pin-field.css-mistica.js +6 -6
- package/dist/popover.css-mistica.js +10 -10
- package/dist/progress-bar.css-mistica.js +5 -5
- package/dist/radio-button.css-mistica.js +11 -11
- package/dist/responsive-layout.css-mistica.js +3 -3
- package/dist/screen-reader-only.css-mistica.js +2 -2
- package/dist/select.css-mistica.js +14 -14
- package/dist/sheet.css-mistica.js +11 -11
- package/dist/sheet.js +8 -8
- package/dist/skeletons.css-mistica.js +3 -3
- package/dist/skins/blau.js +8 -2
- package/dist/skins/movistar-legacy.js +6 -0
- package/dist/skins/movistar.js +6 -0
- package/dist/skins/o2-classic.js +6 -0
- package/dist/skins/o2.js +6 -0
- package/dist/skins/skin-contract.css-mistica.js +205 -199
- package/dist/skins/skin-contract.css.d.ts +6 -0
- package/dist/skins/telefonica.js +6 -0
- package/dist/skins/types/colors.d.ts +3 -0
- package/dist/skins/vivo-new.js +6 -0
- package/dist/skins/vivo.js +6 -0
- package/dist/slider.css-mistica.js +7 -7
- package/dist/snackbar.css-mistica.js +14 -14
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css-mistica.js +921 -407
- package/dist/sprinkles.css.d.ts +21 -1
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +23 -23
- package/dist/tabs.css-mistica.js +12 -12
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +9 -9
- package/dist/text-field-components.css-mistica.js +11 -11
- package/dist/text-field-components.js +30 -26
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/theme.d.ts +1 -1
- package/dist/theme.js +1 -0
- package/dist/tooltip.css-mistica.js +6 -6
- package/dist/touchable.css-mistica.js +3 -3
- package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist/utils/aspect-ratio-support.d.ts +1 -1
- package/dist/utils/aspect-ratio-support.js +2 -1
- package/dist/video.css-mistica.js +2 -2
- package/dist/video.js +22 -22
- package/dist-es/accordion.css-mistica.js +3 -3
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/boxed.css-mistica.js +1 -1
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button.css-mistica.js +18 -10
- package/dist-es/button.js +213 -188
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +10 -10
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +6 -6
- package/dist-es/chip.css-mistica.js +7 -7
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/grid.css-mistica.js +117 -119
- package/dist-es/grid.js +44 -29
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/horizontal-scroll.css-mistica.js +2 -2
- package/dist-es/icon-button.css-mistica.js +2 -2
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/image.js +37 -37
- package/dist-es/index.js +1794 -1793
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/mosaic.css-mistica.js +3 -0
- package/dist-es/mosaic.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/mosaic.js +189 -0
- package/dist-es/navigation-bar.css-mistica.js +12 -12
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +6 -6
- package/dist-es/responsive-layout.css-mistica.js +3 -3
- package/dist-es/screen-reader-only.css-mistica.js +2 -2
- package/dist-es/select.css-mistica.js +11 -11
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/sheet.js +8 -8
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +8 -2
- package/dist-es/skins/movistar-legacy.js +8 -2
- package/dist-es/skins/movistar.js +6 -0
- package/dist-es/skins/o2-classic.js +6 -0
- package/dist-es/skins/o2.js +6 -0
- package/dist-es/skins/skin-contract.css-mistica.js +205 -199
- package/dist-es/skins/telefonica.js +6 -0
- package/dist-es/skins/vivo-new.js +6 -0
- package/dist-es/skins/vivo.js +6 -0
- package/dist-es/slider.css-mistica.js +2 -2
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/sprinkles.css-mistica.js +921 -407
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +18 -18
- package/dist-es/tabs.css-mistica.js +7 -7
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-field-components.js +49 -44
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/theme.js +1 -0
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/aspect-ratio-support.js +2 -1
- package/dist-es/video.css-mistica.js +2 -2
- package/dist-es/video.js +22 -22
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export type { TouchableElement } from './touchable';
|
|
|
8
8
|
export { default as Spinner } from './spinner';
|
|
9
9
|
export { default as FadeIn } from './fade-in';
|
|
10
10
|
export { AccordionItem, BoxedAccordionItem, Accordion, BoxedAccordion } from './accordion';
|
|
11
|
-
export { ButtonPrimary, ButtonSecondary, ButtonDanger, ButtonLink } from './button';
|
|
11
|
+
export { ButtonPrimary, ButtonSecondary, ButtonDanger, ButtonLink, ButtonLinkDanger } from './button';
|
|
12
12
|
export { default as ButtonLayout } from './button-layout';
|
|
13
13
|
export { default as Counter } from './counter';
|
|
14
14
|
export { default as FixedFooterLayout } from './fixed-footer-layout';
|
|
@@ -54,6 +54,7 @@ export { default as HorizontalScroll } from './horizontal-scroll';
|
|
|
54
54
|
export { default as HighlightedCard } from './highlighted-card';
|
|
55
55
|
export { default as Stepper } from './stepper';
|
|
56
56
|
export { ProgressBar, ProgressBarStepped } from './progress-bar';
|
|
57
|
+
export { VerticalMosaic, HorizontalMosaic } from './mosaic';
|
|
57
58
|
export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard, PosterCard, NakedCard, SmallNakedCard, CardActionSpinner, CardActionIconButton, } from './card';
|
|
58
59
|
export { default as Hero } from './hero';
|
|
59
60
|
export { default as Divider } from './divider';
|
package/dist/index.js
CHANGED
|
@@ -63,6 +63,9 @@ _export(exports, {
|
|
|
63
63
|
ButtonLink: function() {
|
|
64
64
|
return _button.ButtonLink;
|
|
65
65
|
},
|
|
66
|
+
ButtonLinkDanger: function() {
|
|
67
|
+
return _button.ButtonLinkDanger;
|
|
68
|
+
},
|
|
66
69
|
ButtonPrimary: function() {
|
|
67
70
|
return _button.ButtonPrimary;
|
|
68
71
|
},
|
|
@@ -210,6 +213,9 @@ _export(exports, {
|
|
|
210
213
|
HighlightedCard: function() {
|
|
211
214
|
return _highlightedcard.default;
|
|
212
215
|
},
|
|
216
|
+
HorizontalMosaic: function() {
|
|
217
|
+
return _mosaic.HorizontalMosaic;
|
|
218
|
+
},
|
|
213
219
|
HorizontalScroll: function() {
|
|
214
220
|
return _horizontalscroll.default;
|
|
215
221
|
},
|
|
@@ -5574,6 +5580,9 @@ _export(exports, {
|
|
|
5574
5580
|
VIVO_SKIN: function() {
|
|
5575
5581
|
return _constants.VIVO_SKIN;
|
|
5576
5582
|
},
|
|
5583
|
+
VerticalMosaic: function() {
|
|
5584
|
+
return _mosaic.VerticalMosaic;
|
|
5585
|
+
},
|
|
5577
5586
|
Video: function() {
|
|
5578
5587
|
return _video.default;
|
|
5579
5588
|
},
|
|
@@ -5757,6 +5766,7 @@ const _horizontalscroll = /*#__PURE__*/ _interop_require_default(require("./hori
|
|
|
5757
5766
|
const _highlightedcard = /*#__PURE__*/ _interop_require_default(require("./highlighted-card.js"));
|
|
5758
5767
|
const _stepper = /*#__PURE__*/ _interop_require_default(require("./stepper.js"));
|
|
5759
5768
|
const _progressbar = require("./progress-bar.js");
|
|
5769
|
+
const _mosaic = require("./mosaic.js");
|
|
5760
5770
|
const _card = require("./card.js");
|
|
5761
5771
|
const _hero = /*#__PURE__*/ _interop_require_default(require("./hero.js"));
|
|
5762
5772
|
const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"));
|
package/dist/list.css-mistica.js
CHANGED
|
@@ -13,57 +13,57 @@ _export(exports, {
|
|
|
13
13
|
return _;
|
|
14
14
|
},
|
|
15
15
|
badge: function() {
|
|
16
|
-
return
|
|
16
|
+
return y;
|
|
17
17
|
},
|
|
18
18
|
center: function() {
|
|
19
|
-
return
|
|
19
|
+
return f;
|
|
20
20
|
},
|
|
21
21
|
content: function() {
|
|
22
|
-
return
|
|
22
|
+
return g;
|
|
23
23
|
},
|
|
24
24
|
detail: function() {
|
|
25
|
-
return
|
|
25
|
+
return a;
|
|
26
26
|
},
|
|
27
27
|
detailRight: function() {
|
|
28
28
|
return r;
|
|
29
29
|
},
|
|
30
30
|
disabled: function() {
|
|
31
|
-
return
|
|
31
|
+
return i;
|
|
32
32
|
},
|
|
33
33
|
dualActionContainer: function() {
|
|
34
|
-
return
|
|
34
|
+
return t;
|
|
35
35
|
},
|
|
36
36
|
dualActionDivider: function() {
|
|
37
|
-
return
|
|
37
|
+
return e;
|
|
38
38
|
},
|
|
39
39
|
dualActionLeft: function() {
|
|
40
|
-
return
|
|
40
|
+
return o;
|
|
41
41
|
},
|
|
42
42
|
dualActionRight: function() {
|
|
43
|
-
return
|
|
43
|
+
return h;
|
|
44
44
|
},
|
|
45
45
|
pointer: function() {
|
|
46
|
-
return
|
|
46
|
+
return u;
|
|
47
47
|
},
|
|
48
48
|
right: function() {
|
|
49
|
-
return
|
|
49
|
+
return d;
|
|
50
50
|
},
|
|
51
51
|
rightRestrictedWidth: function() {
|
|
52
|
-
return
|
|
52
|
+
return b;
|
|
53
53
|
},
|
|
54
54
|
rowBody: function() {
|
|
55
|
-
return
|
|
55
|
+
return c;
|
|
56
56
|
},
|
|
57
57
|
rowContent: function() {
|
|
58
58
|
return j;
|
|
59
59
|
},
|
|
60
60
|
touchableBackground: function() {
|
|
61
|
-
return
|
|
61
|
+
return l;
|
|
62
62
|
},
|
|
63
63
|
touchableBackgroundInverse: function() {
|
|
64
|
-
return
|
|
64
|
+
return k;
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
67
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
68
68
|
require("./list.css.ts.vanilla.css-mistica.js");
|
|
69
|
-
var _ = "
|
|
69
|
+
var _ = "_1y2v1nfgg _1y2v1nfgy _1y2v1nfh0", y = "_1y2v1nfgp _1y2v1nfi6 _1y2v1nfhk _1y2v1nfgy", f = "_1y2v1nfgg _1y2v1nfgv", g = "_1y2v1nfgg _1y2v1nfh3 _1y2v1nfit", a = "_2buj9gf", r = "_2buj9ge", i = "_2buj9g0", t = "_1y2v1nfgg _1y2v1nfgl _1y2v1nfhk", e = "_2buj9gm _1y2v1nfgg", o = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgi _1y2v1nfh1", h = "_2buj9go _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfiy _1y2v1nf68 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfgv _1y2v1nfh0 _1y2v1nfh4 _1y2v1nfhk", u = "_1y2v1nfjg", d = "_2buj9gc", b = "_2buj9gd", c = "_1y2v1nfgg _1y2v1nfgm _1y2v1nfh2", j = "_1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfh3 _1y2v1nfiy _1y2v1nf68 _1y2v1nfgi _1y2v1nfhk", l = "_2buj9g1", k = "_2buj9g2";
|
|
@@ -19,24 +19,24 @@ _export(exports, {
|
|
|
19
19
|
return e;
|
|
20
20
|
},
|
|
21
21
|
exit: function() {
|
|
22
|
-
return
|
|
22
|
+
return a;
|
|
23
23
|
},
|
|
24
24
|
exitActive: function() {
|
|
25
|
-
return
|
|
25
|
+
return f;
|
|
26
26
|
},
|
|
27
27
|
innerProgress: function() {
|
|
28
|
-
return
|
|
28
|
+
return g;
|
|
29
29
|
},
|
|
30
30
|
portal: function() {
|
|
31
|
-
return
|
|
31
|
+
return y;
|
|
32
32
|
},
|
|
33
33
|
progress: function() {
|
|
34
|
-
return
|
|
34
|
+
return t;
|
|
35
35
|
},
|
|
36
36
|
progressContainer: function() {
|
|
37
|
-
return
|
|
37
|
+
return i;
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
41
41
|
require("./loading-bar.css.ts.vanilla.css-mistica.js");
|
|
42
|
-
var r = 400, _ = "_1num3qg9", e = "_1num3qga",
|
|
42
|
+
var r = 400, _ = "_1num3qg9", e = "_1num3qga", a = "_1num3qgb", f = "_1num3qgc", g = "_1num3qg8 _1y2v1nfhk", y = "_1num3qg3 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh", t = "_1num3qg6 _1y2v1nfgb _1y2v1nfhk _1y2v1nfh3", i = "_1y2v1nfh3 _1y2v1nfjh _1y2v1nfga _1y2v1nf4i _1y2v1nfhn";
|
|
@@ -21,4 +21,4 @@ _export(exports, {
|
|
|
21
21
|
});
|
|
22
22
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
23
23
|
require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
|
|
24
|
-
var f = "cim30m2
|
|
24
|
+
var f = "cim30m2 _1y2v1nfgb _1y2v1nfjn _1y2v1nfkh _1y2v1nfhf _1y2v1nfhv _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", y = "cim30m4 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfhc _1y2v1nfhs _1y2v1nfiz", _ = "_1y2v1nfga _1y2v1nfgg _1y2v1nfgy";
|
package/dist/menu.css-mistica.js
CHANGED
|
@@ -42,7 +42,7 @@ _export(exports, {
|
|
|
42
42
|
});
|
|
43
43
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
44
44
|
require("./menu.css.ts.vanilla.css-mistica.js");
|
|
45
|
-
var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8
|
|
45
|
+
var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nf36 _1y2v1nfj9 _1y2v1nfgg _1y2v1nfgm _1y2v1nfgb", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
|
|
46
46
|
enter: "_2k0k3u9",
|
|
47
47
|
enterActive: "_2k0k3ua",
|
|
48
48
|
exit: "_2k0k3ub",
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
fourItemsContainer: function() {
|
|
13
|
+
return r;
|
|
14
|
+
},
|
|
15
|
+
singleItemRowContainer: function() {
|
|
16
|
+
return t;
|
|
17
|
+
},
|
|
18
|
+
squareContainer: function() {
|
|
19
|
+
return a;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
require("./mosaic.css.ts.vanilla.css-mistica.js");
|
|
23
|
+
var r = "_1j2q6te2", t = "_1j2q6te1", a = "_1j2q6te0";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** Aspect ratio = 1/1 */
|
|
2
|
+
export declare const squareContainer: string;
|
|
3
|
+
/** Aspect ratio = 2/1, but considering the grip gap */
|
|
4
|
+
export declare const singleItemRowContainer: string;
|
|
5
|
+
/** Aspect ratio = 2/3, but considering the grip gap */
|
|
6
|
+
export declare const fourItemsContainer: string;
|
package/dist/mosaic.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { DataAttributes } from './utils/types';
|
|
3
|
+
type HorizontalMosaicProps = {
|
|
4
|
+
items: ReadonlyArray<React.ReactElement>;
|
|
5
|
+
withBullets?: boolean;
|
|
6
|
+
free?: boolean;
|
|
7
|
+
dataAttributes?: DataAttributes;
|
|
8
|
+
};
|
|
9
|
+
export declare const HorizontalMosaic: React.FC<HorizontalMosaicProps>;
|
|
10
|
+
type Props = {
|
|
11
|
+
items: ReadonlyArray<React.ReactElement>;
|
|
12
|
+
dataAttributes?: DataAttributes;
|
|
13
|
+
};
|
|
14
|
+
export declare const VerticalMosaic: React.FC<Props>;
|
|
15
|
+
export {};
|
package/dist/mosaic.js
ADDED
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
HorizontalMosaic: function() {
|
|
13
|
+
return N;
|
|
14
|
+
},
|
|
15
|
+
VerticalMosaic: function() {
|
|
16
|
+
return b;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
20
|
+
const _grid = require("./grid.js");
|
|
21
|
+
const _carousel = require("./carousel.js");
|
|
22
|
+
const _mosaiccssmistica = require("./mosaic.css-mistica.js");
|
|
23
|
+
function _define_property(obj, key, value) {
|
|
24
|
+
if (key in obj) {
|
|
25
|
+
Object.defineProperty(obj, key, {
|
|
26
|
+
value: value,
|
|
27
|
+
enumerable: true,
|
|
28
|
+
configurable: true,
|
|
29
|
+
writable: true
|
|
30
|
+
});
|
|
31
|
+
} else {
|
|
32
|
+
obj[key] = value;
|
|
33
|
+
}
|
|
34
|
+
return obj;
|
|
35
|
+
}
|
|
36
|
+
function _object_spread(target) {
|
|
37
|
+
for(var i = 1; i < arguments.length; i++){
|
|
38
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
39
|
+
var ownKeys = Object.keys(source);
|
|
40
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
41
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
42
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
43
|
+
}));
|
|
44
|
+
}
|
|
45
|
+
ownKeys.forEach(function(key) {
|
|
46
|
+
_define_property(target, key, source[key]);
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
return target;
|
|
50
|
+
}
|
|
51
|
+
function ownKeys(object, enumerableOnly) {
|
|
52
|
+
var keys = Object.keys(object);
|
|
53
|
+
if (Object.getOwnPropertySymbols) {
|
|
54
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
55
|
+
if (enumerableOnly) {
|
|
56
|
+
symbols = symbols.filter(function(sym) {
|
|
57
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
keys.push.apply(keys, symbols);
|
|
61
|
+
}
|
|
62
|
+
return keys;
|
|
63
|
+
}
|
|
64
|
+
function _object_spread_props(target, source) {
|
|
65
|
+
source = source != null ? source : {};
|
|
66
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
67
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
68
|
+
} else {
|
|
69
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
70
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
return target;
|
|
74
|
+
}
|
|
75
|
+
const d = {
|
|
76
|
+
mobile: 8,
|
|
77
|
+
desktop: 16
|
|
78
|
+
}, C = (param)=>/* @__PURE__ */ {
|
|
79
|
+
let { items: n, isEven: r } = param;
|
|
80
|
+
return (0, _jsxruntime.jsx)("div", {
|
|
81
|
+
className: n.length === 1 ? _mosaiccssmistica.singleItemRowContainer : _mosaiccssmistica.squareContainer,
|
|
82
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
|
|
83
|
+
gap: d,
|
|
84
|
+
rows: 2,
|
|
85
|
+
columns: 2,
|
|
86
|
+
height: "100%",
|
|
87
|
+
children: n.length === 3 ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
90
|
+
columnSpan: r ? 2 : void 0,
|
|
91
|
+
children: n[0]
|
|
92
|
+
}),
|
|
93
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
94
|
+
children: n[1]
|
|
95
|
+
}),
|
|
96
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
97
|
+
columnSpan: r ? void 0 : 2,
|
|
98
|
+
children: n[2]
|
|
99
|
+
})
|
|
100
|
+
]
|
|
101
|
+
}) : n.map((a, h)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
102
|
+
columnSpan: n.length === 4 ? void 0 : 2,
|
|
103
|
+
rowSpan: n.length === 1 ? 2 : void 0,
|
|
104
|
+
children: a
|
|
105
|
+
}, h))
|
|
106
|
+
})
|
|
107
|
+
});
|
|
108
|
+
}, N = (param)=>{
|
|
109
|
+
let { items: n, withBullets: r, free: a, dataAttributes: h } = param;
|
|
110
|
+
const c = n.length, t = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), l = Array.from({
|
|
111
|
+
length: t
|
|
112
|
+
}, ()=>[]);
|
|
113
|
+
return n.forEach((s, p)=>{
|
|
114
|
+
const f = Math.min(t - 1, Math.floor(p / 3));
|
|
115
|
+
l[f].push(s);
|
|
116
|
+
}), /* @__PURE__ */ (0, _jsxruntime.jsx)(_carousel.Carousel, {
|
|
117
|
+
dataAttributes: _object_spread_props(_object_spread({}, h), {
|
|
118
|
+
"component-name": "HorizontalMosaic"
|
|
119
|
+
}),
|
|
120
|
+
items: l.map((s, p)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
|
|
121
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(C, {
|
|
122
|
+
items: s,
|
|
123
|
+
isEven: p % 2 === 0
|
|
124
|
+
}, p)
|
|
125
|
+
})),
|
|
126
|
+
withBullets: r,
|
|
127
|
+
free: a
|
|
128
|
+
});
|
|
129
|
+
}, S = (param)=>{
|
|
130
|
+
let { items: n } = param;
|
|
131
|
+
switch(n.length){
|
|
132
|
+
case 1:
|
|
133
|
+
case 2:
|
|
134
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
135
|
+
className: _mosaiccssmistica.singleItemRowContainer,
|
|
136
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
|
|
137
|
+
gap: d,
|
|
138
|
+
columns: 2,
|
|
139
|
+
height: "100%",
|
|
140
|
+
children: n.map((r, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
141
|
+
columnSpan: n.length === 2 ? void 0 : 2,
|
|
142
|
+
children: r
|
|
143
|
+
}, a))
|
|
144
|
+
})
|
|
145
|
+
});
|
|
146
|
+
case 3:
|
|
147
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
148
|
+
className: _mosaiccssmistica.squareContainer,
|
|
149
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
|
|
150
|
+
gap: d,
|
|
151
|
+
columns: 2,
|
|
152
|
+
flow: "column",
|
|
153
|
+
height: "100%",
|
|
154
|
+
children: n.map((r, a)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
155
|
+
rowSpan: a === 0 ? 2 : void 0,
|
|
156
|
+
children: r
|
|
157
|
+
}, a))
|
|
158
|
+
})
|
|
159
|
+
});
|
|
160
|
+
case 4:
|
|
161
|
+
default:
|
|
162
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
163
|
+
className: _mosaiccssmistica.fourItemsContainer,
|
|
164
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_grid.Grid, {
|
|
165
|
+
gap: d,
|
|
166
|
+
rows: 3,
|
|
167
|
+
columns: 2,
|
|
168
|
+
height: "100%",
|
|
169
|
+
children: [
|
|
170
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
171
|
+
rowSpan: 2,
|
|
172
|
+
children: n[0]
|
|
173
|
+
}),
|
|
174
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
175
|
+
children: n[1]
|
|
176
|
+
}),
|
|
177
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
178
|
+
rowSpan: 2,
|
|
179
|
+
children: n[3]
|
|
180
|
+
}),
|
|
181
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.GridItem, {
|
|
182
|
+
children: n[2]
|
|
183
|
+
})
|
|
184
|
+
]
|
|
185
|
+
})
|
|
186
|
+
});
|
|
187
|
+
}
|
|
188
|
+
}, b = (param)=>{
|
|
189
|
+
let { items: n, dataAttributes: r } = param;
|
|
190
|
+
const a = n.length, h = Math.ceil(a / 4), c = Array.from({
|
|
191
|
+
length: h
|
|
192
|
+
}, ()=>[]);
|
|
193
|
+
return n.forEach((t, l)=>{
|
|
194
|
+
const s = Math.floor(l / 4);
|
|
195
|
+
c[s].push(t);
|
|
196
|
+
}), /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
|
|
197
|
+
rows: 1,
|
|
198
|
+
gap: d,
|
|
199
|
+
dataAttributes: _object_spread_props(_object_spread({}, r), {
|
|
200
|
+
"component-name": "VerticalMosaic"
|
|
201
|
+
}),
|
|
202
|
+
children: c.map((t, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(S, {
|
|
203
|
+
items: t
|
|
204
|
+
}, l))
|
|
205
|
+
});
|
|
206
|
+
};
|
|
@@ -19,13 +19,13 @@ _export(exports, {
|
|
|
19
19
|
return e;
|
|
20
20
|
},
|
|
21
21
|
iconButtonVariants: function() {
|
|
22
|
-
return
|
|
22
|
+
return d;
|
|
23
23
|
},
|
|
24
24
|
iconCloseHidden: function() {
|
|
25
|
-
return
|
|
25
|
+
return f;
|
|
26
26
|
},
|
|
27
27
|
iconCloseOpen: function() {
|
|
28
|
-
return
|
|
28
|
+
return r;
|
|
29
29
|
},
|
|
30
30
|
iconMenuHidden: function() {
|
|
31
31
|
return c;
|
|
@@ -34,31 +34,31 @@ _export(exports, {
|
|
|
34
34
|
return a;
|
|
35
35
|
},
|
|
36
36
|
lineHeightFix: function() {
|
|
37
|
-
return
|
|
37
|
+
return z;
|
|
38
38
|
},
|
|
39
39
|
logoContainer: function() {
|
|
40
|
-
return
|
|
40
|
+
return t;
|
|
41
41
|
},
|
|
42
42
|
navbarBorderColorVariants: function() {
|
|
43
|
-
return
|
|
43
|
+
return i;
|
|
44
44
|
},
|
|
45
45
|
navigationBarContent: function() {
|
|
46
|
-
return
|
|
46
|
+
return o;
|
|
47
47
|
},
|
|
48
48
|
navigationBarContentRight: function() {
|
|
49
|
-
return
|
|
49
|
+
return g;
|
|
50
50
|
},
|
|
51
51
|
section: function() {
|
|
52
|
-
return
|
|
52
|
+
return s;
|
|
53
53
|
},
|
|
54
54
|
selectedSectionVariantes: function() {
|
|
55
|
-
return
|
|
55
|
+
return u;
|
|
56
56
|
},
|
|
57
57
|
spacer: function() {
|
|
58
|
-
return
|
|
58
|
+
return h;
|
|
59
59
|
},
|
|
60
60
|
spacerLarge: function() {
|
|
61
|
-
return
|
|
61
|
+
return p;
|
|
62
62
|
},
|
|
63
63
|
textWrapperVariants: function() {
|
|
64
64
|
return l;
|
|
@@ -67,28 +67,28 @@ _export(exports, {
|
|
|
67
67
|
return x;
|
|
68
68
|
},
|
|
69
69
|
topFixedBottomRow: function() {
|
|
70
|
-
return
|
|
70
|
+
return b;
|
|
71
71
|
}
|
|
72
72
|
});
|
|
73
73
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
74
74
|
require("./navigation-bar.css.ts.vanilla.css-mistica.js");
|
|
75
|
-
var y = "_1vcy5dz1
|
|
75
|
+
var y = "_1vcy5dz1 _1y2v1nfga _1y2v1nfhc _1y2v1nfhs", _ = "_1vcy5dz10 _1y2v1nfgc _1y2v1nfjy _1y2v1nfk2 _1y2v1nfkh _1y2v1nf35", e = {
|
|
76
76
|
entering: "_1vcy5dzt",
|
|
77
77
|
entered: "_1vcy5dzu",
|
|
78
78
|
exiting: "_1vcy5dzv",
|
|
79
79
|
exited: "_1vcy5dzw",
|
|
80
80
|
unmounted: "_1vcy5dzx"
|
|
81
|
-
},
|
|
82
|
-
default: "_1vcy5dz13
|
|
83
|
-
inverse: "_1vcy5dz14
|
|
84
|
-
},
|
|
85
|
-
default: "_1vcy5dze _1vcy5dzd
|
|
86
|
-
noBorder: "_1vcy5dzf _1vcy5dzd
|
|
87
|
-
menuOpen: "_1vcy5dzg _1vcy5dzd
|
|
88
|
-
},
|
|
81
|
+
}, d = {
|
|
82
|
+
default: "_1vcy5dz13 _1y2v1nf1r",
|
|
83
|
+
inverse: "_1vcy5dz14 _1y2v1nf1q"
|
|
84
|
+
}, f = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfgb", r = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfgb", c = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfgb", a = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfgb", z = "_1vcy5dz15", t = "_1y2v1nfgg _1y2v1nfgp", i = {
|
|
85
|
+
default: "_1vcy5dze _1vcy5dzd _1y2v1nf6o _1y2v1nf7x _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3 _1y2v1nfhz",
|
|
86
|
+
noBorder: "_1vcy5dzf _1vcy5dzd _1y2v1nf6o _1y2v1nf7x _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3 _1y2v1nfhz",
|
|
87
|
+
menuOpen: "_1vcy5dzg _1vcy5dzd _1y2v1nf6o _1y2v1nf7x _1y2v1nfgg _1y2v1nfgv _1y2v1nfh3 _1y2v1nfhz"
|
|
88
|
+
}, o = "_1vcy5dzn", g = "_1vcy5dzo", s = "_1vcy5dzi _1y2v1nf90 _1y2v1nfa9 _1y2v1nfhz _1y2v1nfgg _1y2v1nfgv _1y2v1nfiy _1y2v1nf68", u = {
|
|
89
89
|
default: "_1vcy5dzj",
|
|
90
90
|
inverse: "_1vcy5dzk"
|
|
91
|
-
},
|
|
91
|
+
}, h = "_1y2v1nfhz _1vcy5dzp", p = "_1vcy5dzs _1vcy5dzp", l = {
|
|
92
92
|
default: "_1vcy5dzl",
|
|
93
93
|
inverse: "_1vcy5dzm"
|
|
94
|
-
}, x = "_1vcy5dz9
|
|
94
|
+
}, x = "_1vcy5dz9 _1y2v1nfgc _1y2v1nfjn _1y2v1nfk2 _1y2v1nfkh", b = "_1vcy5dzb _1y2v1nfgc _1y2v1nfk1 _1y2v1nfk2 _1y2v1nfkh";
|
|
@@ -10,18 +10,18 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
current: function() {
|
|
13
|
-
return
|
|
13
|
+
return i;
|
|
14
14
|
},
|
|
15
15
|
link: function() {
|
|
16
|
-
return
|
|
16
|
+
return v;
|
|
17
17
|
},
|
|
18
18
|
list: function() {
|
|
19
|
-
return
|
|
19
|
+
return a;
|
|
20
20
|
},
|
|
21
21
|
listItem: function() {
|
|
22
|
-
return
|
|
22
|
+
return f;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var
|
|
27
|
+
var i = "_1fniauj3", v = "_1fniauj2", a = "_1fniauj5 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0", f = "_1y2v1nfgj";
|
package/dist/package-version.js
CHANGED
|
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "shadow", {
|
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./password-field.css.ts.vanilla.css-mistica.js");
|
|
13
|
-
var f = "ptqylz1
|
|
13
|
+
var f = "ptqylz1 _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfiz _1y2v1nf68";
|
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
disabled: function() {
|
|
13
|
-
return
|
|
13
|
+
return n;
|
|
14
14
|
},
|
|
15
15
|
field: function() {
|
|
16
16
|
return y;
|
|
@@ -19,19 +19,19 @@ _export(exports, {
|
|
|
19
19
|
return r;
|
|
20
20
|
},
|
|
21
21
|
input: function() {
|
|
22
|
-
return
|
|
22
|
+
return a;
|
|
23
23
|
},
|
|
24
24
|
passwordDot: function() {
|
|
25
|
-
return
|
|
25
|
+
return o;
|
|
26
26
|
},
|
|
27
27
|
passwordInput: function() {
|
|
28
|
-
return
|
|
28
|
+
return p;
|
|
29
29
|
},
|
|
30
30
|
readOnlyField: function() {
|
|
31
|
-
return
|
|
31
|
+
return i;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
35
35
|
require("./text-field-base.css.ts.vanilla.css-mistica.js");
|
|
36
36
|
require("./pin-field.css.ts.vanilla.css-mistica.js");
|
|
37
|
-
var
|
|
37
|
+
var n = "_3pc6ro0", y = "_1y2v1nfjh _1y2v1nfix _1y2v1nfgg _1y2v1nfj6 _1y2v1nfga _1y2v1nfhf _1y2v1nfhv _1y2v1nf36", r = "_3pc6ro2 _1y2v1nfjh _1y2v1nfix _1y2v1nfgg _1y2v1nfj6 _1y2v1nfga _1y2v1nfhf _1y2v1nfhv _1y2v1nf36", a = "_3pc6ro4", o = "_3pc6ro7", p = "_1y2v1nf32", i = "_1y2v1nfjh _1y2v1nfix _1y2v1nfgg _1y2v1nfj6 _1y2v1nfga _1y2v1nfhf _1y2v1nfhv _1y2v1nf4w";
|