@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.
Files changed (186) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/avatar.css-mistica.js +1 -1
  4. package/dist/badge.css-mistica.js +3 -3
  5. package/dist/boxed.css-mistica.js +1 -1
  6. package/dist/button-group.css-mistica.js +1 -1
  7. package/dist/button-layout.css-mistica.js +10 -10
  8. package/dist/button.css-mistica.js +40 -32
  9. package/dist/button.css.d.ts +7 -4
  10. package/dist/button.d.ts +4 -2
  11. package/dist/button.js +176 -148
  12. package/dist/callout.css-mistica.js +1 -1
  13. package/dist/card.css-mistica.js +22 -22
  14. package/dist/card.js +10 -10
  15. package/dist/carousel.css-mistica.js +18 -18
  16. package/dist/checkbox.css-mistica.js +10 -10
  17. package/dist/chip.css-mistica.js +8 -8
  18. package/dist/circle.css-mistica.js +2 -2
  19. package/dist/community/advanced-data-card.css-mistica.js +13 -13
  20. package/dist/community/blocks.css-mistica.js +1 -1
  21. package/dist/counter.css-mistica.js +7 -7
  22. package/dist/credit-card-number-field.css-mistica.js +3 -3
  23. package/dist/dialog.css-mistica.js +11 -11
  24. package/dist/double-field.css-mistica.js +4 -4
  25. package/dist/empty-state-card.css-mistica.js +2 -2
  26. package/dist/empty-state.css-mistica.js +6 -6
  27. package/dist/feedback.css-mistica.js +6 -6
  28. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  29. package/dist/grid.css-mistica.js +118 -120
  30. package/dist/grid.css.d.ts +0 -2
  31. package/dist/grid.d.ts +2 -2
  32. package/dist/grid.js +41 -26
  33. package/dist/header.css-mistica.js +1 -1
  34. package/dist/hero.css-mistica.js +5 -5
  35. package/dist/highlighted-card.css-mistica.js +7 -7
  36. package/dist/horizontal-scroll.css-mistica.js +3 -3
  37. package/dist/icon-button.css-mistica.js +2 -2
  38. package/dist/image.css-mistica.js +3 -3
  39. package/dist/image.d.ts +1 -1
  40. package/dist/image.js +21 -21
  41. package/dist/index.d.ts +2 -1
  42. package/dist/index.js +10 -0
  43. package/dist/list.css-mistica.js +16 -16
  44. package/dist/loading-bar.css-mistica.js +7 -7
  45. package/dist/maybe-dismissable.css-mistica.js +1 -1
  46. package/dist/menu.css-mistica.js +1 -1
  47. package/dist/mosaic.css-mistica.js +23 -0
  48. package/dist/mosaic.css.d.ts +6 -0
  49. package/dist/mosaic.css.ts.vanilla.css-mistica.js +11 -0
  50. package/dist/mosaic.d.ts +15 -0
  51. package/dist/mosaic.js +206 -0
  52. package/dist/navigation-bar.css-mistica.js +24 -24
  53. package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
  54. package/dist/package-version.js +1 -1
  55. package/dist/password-field.css-mistica.js +1 -1
  56. package/dist/pin-field.css-mistica.js +6 -6
  57. package/dist/popover.css-mistica.js +10 -10
  58. package/dist/progress-bar.css-mistica.js +5 -5
  59. package/dist/radio-button.css-mistica.js +11 -11
  60. package/dist/responsive-layout.css-mistica.js +3 -3
  61. package/dist/screen-reader-only.css-mistica.js +2 -2
  62. package/dist/select.css-mistica.js +14 -14
  63. package/dist/sheet.css-mistica.js +11 -11
  64. package/dist/sheet.js +8 -8
  65. package/dist/skeletons.css-mistica.js +3 -3
  66. package/dist/skins/blau.js +8 -2
  67. package/dist/skins/movistar-legacy.js +6 -0
  68. package/dist/skins/movistar.js +6 -0
  69. package/dist/skins/o2-classic.js +6 -0
  70. package/dist/skins/o2.js +6 -0
  71. package/dist/skins/skin-contract.css-mistica.js +205 -199
  72. package/dist/skins/skin-contract.css.d.ts +6 -0
  73. package/dist/skins/telefonica.js +6 -0
  74. package/dist/skins/types/colors.d.ts +3 -0
  75. package/dist/skins/vivo-new.js +6 -0
  76. package/dist/skins/vivo.js +6 -0
  77. package/dist/slider.css-mistica.js +7 -7
  78. package/dist/snackbar.css-mistica.js +14 -14
  79. package/dist/spinner.css-mistica.js +1 -1
  80. package/dist/sprinkles.css-mistica.js +921 -407
  81. package/dist/sprinkles.css.d.ts +21 -1
  82. package/dist/stacking-group.css-mistica.js +2 -2
  83. package/dist/stepper.css-mistica.js +9 -9
  84. package/dist/switch-component.css-mistica.js +23 -23
  85. package/dist/tabs.css-mistica.js +12 -12
  86. package/dist/tag.css-mistica.js +1 -1
  87. package/dist/text-field-base.css-mistica.js +9 -9
  88. package/dist/text-field-components.css-mistica.js +11 -11
  89. package/dist/text-field-components.js +30 -26
  90. package/dist/text-link.css-mistica.js +3 -3
  91. package/dist/theme.d.ts +1 -1
  92. package/dist/theme.js +1 -0
  93. package/dist/tooltip.css-mistica.js +6 -6
  94. package/dist/touchable.css-mistica.js +3 -3
  95. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  96. package/dist/utils/aspect-ratio-support.d.ts +1 -1
  97. package/dist/utils/aspect-ratio-support.js +2 -1
  98. package/dist/video.css-mistica.js +2 -2
  99. package/dist/video.js +22 -22
  100. package/dist-es/accordion.css-mistica.js +3 -3
  101. package/dist-es/avatar.css-mistica.js +1 -1
  102. package/dist-es/badge.css-mistica.js +2 -2
  103. package/dist-es/boxed.css-mistica.js +1 -1
  104. package/dist-es/button-group.css-mistica.js +1 -1
  105. package/dist-es/button-layout.css-mistica.js +7 -7
  106. package/dist-es/button.css-mistica.js +18 -10
  107. package/dist-es/button.js +213 -188
  108. package/dist-es/callout.css-mistica.js +1 -1
  109. package/dist-es/card.css-mistica.js +2 -2
  110. package/dist-es/card.js +10 -10
  111. package/dist-es/carousel.css-mistica.js +2 -2
  112. package/dist-es/checkbox.css-mistica.js +6 -6
  113. package/dist-es/chip.css-mistica.js +7 -7
  114. package/dist-es/circle.css-mistica.js +2 -2
  115. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  116. package/dist-es/community/blocks.css-mistica.js +1 -1
  117. package/dist-es/counter.css-mistica.js +2 -2
  118. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  119. package/dist-es/dialog.css-mistica.js +5 -5
  120. package/dist-es/double-field.css-mistica.js +4 -4
  121. package/dist-es/empty-state-card.css-mistica.js +2 -2
  122. package/dist-es/empty-state.css-mistica.js +3 -3
  123. package/dist-es/feedback.css-mistica.js +2 -2
  124. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  125. package/dist-es/grid.css-mistica.js +117 -119
  126. package/dist-es/grid.js +44 -29
  127. package/dist-es/header.css-mistica.js +1 -1
  128. package/dist-es/hero.css-mistica.js +2 -2
  129. package/dist-es/highlighted-card.css-mistica.js +5 -5
  130. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  131. package/dist-es/icon-button.css-mistica.js +2 -2
  132. package/dist-es/image.css-mistica.js +2 -2
  133. package/dist-es/image.js +37 -37
  134. package/dist-es/index.js +1794 -1793
  135. package/dist-es/list.css-mistica.js +2 -2
  136. package/dist-es/loading-bar.css-mistica.js +2 -2
  137. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  138. package/dist-es/menu.css-mistica.js +1 -1
  139. package/dist-es/mosaic.css-mistica.js +3 -0
  140. package/dist-es/mosaic.css.ts.vanilla.css-mistica.js +2 -0
  141. package/dist-es/mosaic.js +189 -0
  142. package/dist-es/navigation-bar.css-mistica.js +12 -12
  143. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  144. package/dist-es/package-version.js +1 -1
  145. package/dist-es/password-field.css-mistica.js +1 -1
  146. package/dist-es/pin-field.css-mistica.js +2 -2
  147. package/dist-es/popover.css-mistica.js +2 -2
  148. package/dist-es/progress-bar.css-mistica.js +2 -2
  149. package/dist-es/radio-button.css-mistica.js +6 -6
  150. package/dist-es/responsive-layout.css-mistica.js +3 -3
  151. package/dist-es/screen-reader-only.css-mistica.js +2 -2
  152. package/dist-es/select.css-mistica.js +11 -11
  153. package/dist-es/sheet.css-mistica.js +2 -2
  154. package/dist-es/sheet.js +8 -8
  155. package/dist-es/skeletons.css-mistica.js +2 -2
  156. package/dist-es/skins/blau.js +8 -2
  157. package/dist-es/skins/movistar-legacy.js +8 -2
  158. package/dist-es/skins/movistar.js +6 -0
  159. package/dist-es/skins/o2-classic.js +6 -0
  160. package/dist-es/skins/o2.js +6 -0
  161. package/dist-es/skins/skin-contract.css-mistica.js +205 -199
  162. package/dist-es/skins/telefonica.js +6 -0
  163. package/dist-es/skins/vivo-new.js +6 -0
  164. package/dist-es/skins/vivo.js +6 -0
  165. package/dist-es/slider.css-mistica.js +2 -2
  166. package/dist-es/snackbar.css-mistica.js +5 -5
  167. package/dist-es/spinner.css-mistica.js +1 -1
  168. package/dist-es/sprinkles.css-mistica.js +921 -407
  169. package/dist-es/stacking-group.css-mistica.js +2 -2
  170. package/dist-es/stepper.css-mistica.js +2 -2
  171. package/dist-es/style.css +1 -1
  172. package/dist-es/switch-component.css-mistica.js +18 -18
  173. package/dist-es/tabs.css-mistica.js +7 -7
  174. package/dist-es/tag.css-mistica.js +1 -1
  175. package/dist-es/text-field-base.css-mistica.js +2 -2
  176. package/dist-es/text-field-components.css-mistica.js +2 -2
  177. package/dist-es/text-field-components.js +49 -44
  178. package/dist-es/text-link.css-mistica.js +3 -3
  179. package/dist-es/theme.js +1 -0
  180. package/dist-es/tooltip.css-mistica.js +2 -2
  181. package/dist-es/touchable.css-mistica.js +2 -2
  182. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  183. package/dist-es/utils/aspect-ratio-support.js +2 -1
  184. package/dist-es/video.css-mistica.js +2 -2
  185. package/dist-es/video.js +22 -22
  186. 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"));
@@ -13,57 +13,57 @@ _export(exports, {
13
13
  return _;
14
14
  },
15
15
  badge: function() {
16
- return f;
16
+ return y;
17
17
  },
18
18
  center: function() {
19
- return y;
19
+ return f;
20
20
  },
21
21
  content: function() {
22
- return a;
22
+ return g;
23
23
  },
24
24
  detail: function() {
25
- return b;
25
+ return a;
26
26
  },
27
27
  detailRight: function() {
28
28
  return r;
29
29
  },
30
30
  disabled: function() {
31
- return t;
31
+ return i;
32
32
  },
33
33
  dualActionContainer: function() {
34
- return e;
34
+ return t;
35
35
  },
36
36
  dualActionDivider: function() {
37
- return u;
37
+ return e;
38
38
  },
39
39
  dualActionLeft: function() {
40
- return c;
40
+ return o;
41
41
  },
42
42
  dualActionRight: function() {
43
- return d;
43
+ return h;
44
44
  },
45
45
  pointer: function() {
46
- return i;
46
+ return u;
47
47
  },
48
48
  right: function() {
49
- return o;
49
+ return d;
50
50
  },
51
51
  rightRestrictedWidth: function() {
52
- return g;
52
+ return b;
53
53
  },
54
54
  rowBody: function() {
55
- return l;
55
+ return c;
56
56
  },
57
57
  rowContent: function() {
58
58
  return j;
59
59
  },
60
60
  touchableBackground: function() {
61
- return s;
61
+ return l;
62
62
  },
63
63
  touchableBackgroundInverse: function() {
64
- return h;
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 _ = "_1y2v1nfba _1y2v1nfbs _1y2v1nfbu", f = "_1y2v1nfbj _1y2v1nfd0 _1y2v1nfce _1y2v1nfbs", y = "_1y2v1nfba _1y2v1nfbp", a = "_1y2v1nfba _1y2v1nfbx _1y2v1nfdn", b = "_2buj9gf", r = "_2buj9ge", t = "_2buj9g0", e = "_1y2v1nfba _1y2v1nfbf _1y2v1nfce", u = "_2buj9gm _1y2v1nfba", c = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbc _1y2v1nfbv", d = "_2buj9go _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfds _1y2v1nf62 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbp _1y2v1nfbu _1y2v1nfby _1y2v1nfce", i = "_1y2v1nfea", o = "_2buj9gc", g = "_2buj9gd", l = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbw", j = "_1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfbx _1y2v1nfds _1y2v1nf62 _1y2v1nfbc _1y2v1nfce", s = "_2buj9g1", h = "_2buj9g2";
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 f;
22
+ return a;
23
23
  },
24
24
  exitActive: function() {
25
- return y;
25
+ return f;
26
26
  },
27
27
  innerProgress: function() {
28
- return a;
28
+ return g;
29
29
  },
30
30
  portal: function() {
31
- return t;
31
+ return y;
32
32
  },
33
33
  progress: function() {
34
- return g;
34
+ return t;
35
35
  },
36
36
  progressContainer: function() {
37
- return m;
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", f = "_1num3qgb", y = "_1num3qgc", a = "_1num3qg8 _1y2v1nfce", t = "_1num3qg3 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", g = "_1num3qg6 _1y2v1nfb5 _1y2v1nfce _1y2v1nfbx", m = "_1y2v1nfbx _1y2v1nfeb _1y2v1nfb4 _1y2v1nf4c _1y2v1nfch";
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 _1y2v1nfb5 _1y2v1nfeh _1y2v1nffb _1y2v1nfc9 _1y2v1nfcp _1y2v1nfba _1y2v1nfbp _1y2v1nfbj", y = "cim30m4 _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfc6 _1y2v1nfcm _1y2v1nfdt", _ = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfbs";
24
+ var f = "cim30m2 _1y2v1nfgb _1y2v1nfjn _1y2v1nfkh _1y2v1nfhf _1y2v1nfhv _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", y = "cim30m4 _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfhc _1y2v1nfhs _1y2v1nfiz", _ = "_1y2v1nfga _1y2v1nfgg _1y2v1nfgy";
@@ -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 _1y2v1nf6c _1y2v1nf7l _1y2v1nf8u _1y2v1nfa3 _1y2v1nf33 _1y2v1nfe3 _1y2v1nfba _1y2v1nfbg _1y2v1nfb5", a = "_2k0k3ud", t = "_2k0k3ug", _ = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
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;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "default", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return s;
9
+ }
10
+ });
11
+ const s = "";
@@ -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 f;
22
+ return d;
23
23
  },
24
24
  iconCloseHidden: function() {
25
- return r;
25
+ return f;
26
26
  },
27
27
  iconCloseOpen: function() {
28
- return d;
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 t;
37
+ return z;
38
38
  },
39
39
  logoContainer: function() {
40
- return i;
40
+ return t;
41
41
  },
42
42
  navbarBorderColorVariants: function() {
43
- return o;
43
+ return i;
44
44
  },
45
45
  navigationBarContent: function() {
46
- return z;
46
+ return o;
47
47
  },
48
48
  navigationBarContentRight: function() {
49
- return b;
49
+ return g;
50
50
  },
51
51
  section: function() {
52
- return p;
52
+ return s;
53
53
  },
54
54
  selectedSectionVariantes: function() {
55
- return s;
55
+ return u;
56
56
  },
57
57
  spacer: function() {
58
- return u;
58
+ return h;
59
59
  },
60
60
  spacerLarge: function() {
61
- return g;
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 m;
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 _1y2v1nfb4 _1y2v1nfc6 _1y2v1nfcm", _ = "_1vcy5dz10 _1y2v1nfb6 _1y2v1nfes _1y2v1nfew _1y2v1nffb _1y2v1nf32", e = {
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
- }, f = {
82
- default: "_1vcy5dz13 _1y2v1nf1o",
83
- inverse: "_1vcy5dz14 _1y2v1nf1n"
84
- }, r = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb5", d = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb5", c = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfb5", a = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfb5", t = "_1vcy5dz15", i = "_1y2v1nfba _1y2v1nfbj", o = {
85
- default: "_1vcy5dze _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
86
- noBorder: "_1vcy5dzf _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct",
87
- menuOpen: "_1vcy5dzg _1vcy5dzd _1y2v1nf6i _1y2v1nf7r _1y2v1nfba _1y2v1nfbp _1y2v1nfbx _1y2v1nfct"
88
- }, z = "_1vcy5dzn", b = "_1vcy5dzo", p = "_1vcy5dzi _1y2v1nf8u _1y2v1nfa3 _1y2v1nfct _1y2v1nfba _1y2v1nfbp _1y2v1nfds _1y2v1nf62", s = {
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
- }, u = "_1y2v1nfct _1vcy5dzp", g = "_1vcy5dzs _1vcy5dzp", l = {
91
+ }, h = "_1y2v1nfhz _1vcy5dzp", p = "_1vcy5dzs _1vcy5dzp", l = {
92
92
  default: "_1vcy5dzl",
93
93
  inverse: "_1vcy5dzm"
94
- }, x = "_1vcy5dz9 _1y2v1nfb6 _1y2v1nfeh _1y2v1nfew _1y2v1nffb", m = "_1vcy5dzb _1y2v1nfb6 _1y2v1nfev _1y2v1nfew _1y2v1nffb";
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 v;
13
+ return i;
14
14
  },
15
15
  link: function() {
16
- return f;
16
+ return v;
17
17
  },
18
18
  list: function() {
19
- return i;
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 v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u", _ = "_1y2v1nfbd";
27
+ var i = "_1fniauj3", v = "_1fniauj2", a = "_1fniauj5 _1y2v1nf69 _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0", f = "_1y2v1nfgj";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
8
8
  return o;
9
9
  }
10
10
  });
11
- const o = "14.36.1";
11
+ const o = "14.37.0";
@@ -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 _1y2v1nf6c _1y2v1nf7l _1y2v1nf8u _1y2v1nfa3 _1y2v1nfdt _1y2v1nf62";
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 f;
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 p;
22
+ return a;
23
23
  },
24
24
  passwordDot: function() {
25
- return a;
25
+ return o;
26
26
  },
27
27
  passwordInput: function() {
28
- return e;
28
+ return p;
29
29
  },
30
30
  readOnlyField: function() {
31
- return d;
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 f = "_3pc6ro0", y = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", r = "_3pc6ro2 _1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf33", p = "_3pc6ro4", a = "_3pc6ro7", e = "_1y2v1nf2z", d = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4 _1y2v1nfc9 _1y2v1nfcp _1y2v1nf4q";
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";