@telefonica/mistica 14.17.0 → 14.18.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 (177) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +3 -3
  3. package/dist/badge.css-mistica.js +3 -3
  4. package/dist/box.d.ts +8 -8
  5. package/dist/box.js +28 -21
  6. package/dist/boxed.css-mistica.js +1 -1
  7. package/dist/button-group.css-mistica.js +1 -1
  8. package/dist/button-layout.css-mistica.js +8 -8
  9. package/dist/button.css-mistica.js +19 -19
  10. package/dist/callout.css-mistica.js +1 -1
  11. package/dist/card.css-mistica.js +27 -18
  12. package/dist/card.css.d.ts +3 -0
  13. package/dist/card.d.ts +37 -14
  14. package/dist/card.js +442 -268
  15. package/dist/carousel.css-mistica.js +16 -16
  16. package/dist/checkbox.css-mistica.js +10 -10
  17. package/dist/chip.css-mistica.js +4 -4
  18. package/dist/circle.css-mistica.js +2 -2
  19. package/dist/circle.d.ts +2 -0
  20. package/dist/circle.js +61 -7
  21. package/dist/community/advanced-data-card.css-mistica.js +69 -0
  22. package/dist/community/advanced-data-card.css.d.ts +20 -0
  23. package/dist/community/advanced-data-card.css.ts.vanilla.css-mistica.js +11 -0
  24. package/dist/community/advanced-data-card.d.ts +39 -0
  25. package/dist/community/advanced-data-card.js +317 -0
  26. package/dist/community/blocks.css-mistica.js +21 -0
  27. package/dist/community/blocks.css.d.ts +2 -0
  28. package/dist/community/blocks.css.ts.vanilla.css-mistica.js +11 -0
  29. package/dist/community/blocks.d.ts +73 -0
  30. package/dist/community/blocks.js +258 -0
  31. package/dist/community/index.d.ts +2 -0
  32. package/dist/community/index.js +31 -3
  33. package/dist/credit-card-number-field.css-mistica.js +3 -3
  34. package/dist/dialog.css-mistica.js +9 -9
  35. package/dist/double-field.css-mistica.js +2 -2
  36. package/dist/empty-state-card.css-mistica.js +1 -1
  37. package/dist/empty-state.css-mistica.js +4 -4
  38. package/dist/empty-state.js +4 -4
  39. package/dist/feedback.css-mistica.js +3 -3
  40. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  41. package/dist/grid.css.d.ts +6 -6
  42. package/dist/header.css-mistica.js +24 -0
  43. package/dist/header.css.d.ts +3 -0
  44. package/dist/header.css.ts.vanilla.css-mistica.js +11 -0
  45. package/dist/header.d.ts +3 -0
  46. package/dist/header.js +121 -101
  47. package/dist/hero.css-mistica.js +4 -4
  48. package/dist/highlighted-card.css-mistica.js +5 -5
  49. package/dist/horizontal-scroll.css-mistica.js +1 -1
  50. package/dist/icon-button.css-mistica.js +1 -1
  51. package/dist/image.css-mistica.js +1 -1
  52. package/dist/image.d.ts +19 -6
  53. package/dist/image.js +64 -61
  54. package/dist/index.d.ts +1 -1
  55. package/dist/index.js +6 -0
  56. package/dist/list.css-mistica.js +14 -11
  57. package/dist/list.css.d.ts +1 -0
  58. package/dist/list.js +61 -59
  59. package/dist/loading-bar.css-mistica.js +5 -5
  60. package/dist/maybe-dismissable.css-mistica.js +1 -1
  61. package/dist/menu.css-mistica.js +2 -2
  62. package/dist/navigation-bar.css-mistica.js +16 -16
  63. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  64. package/dist/package-version.js +1 -1
  65. package/dist/password-field.css-mistica.js +2 -2
  66. package/dist/popover.css-mistica.js +11 -11
  67. package/dist/progress-bar.css-mistica.js +3 -3
  68. package/dist/radio-button.css-mistica.js +12 -12
  69. package/dist/responsive-layout.css-mistica.js +2 -2
  70. package/dist/screen-reader-only.css-mistica.js +1 -1
  71. package/dist/select.css-mistica.js +12 -12
  72. package/dist/skeletons.css-mistica.js +3 -3
  73. package/dist/snackbar.css-mistica.js +5 -5
  74. package/dist/spinner.css-mistica.js +1 -1
  75. package/dist/sprinkles.css-mistica.js +648 -336
  76. package/dist/sprinkles.css.d.ts +36 -7
  77. package/dist/stack.css-mistica.js +7 -4
  78. package/dist/stack.css.d.ts +3 -0
  79. package/dist/stack.d.ts +4 -2
  80. package/dist/stack.js +20 -13
  81. package/dist/stacking-group.css-mistica.js +1 -1
  82. package/dist/stepper.css-mistica.js +9 -9
  83. package/dist/switch-component.css-mistica.js +21 -21
  84. package/dist/tabs.css-mistica.js +11 -11
  85. package/dist/tag.css-mistica.js +1 -1
  86. package/dist/text-field-base.css-mistica.js +11 -11
  87. package/dist/text-field-components.css-mistica.js +15 -15
  88. package/dist/text-link.css-mistica.js +5 -5
  89. package/dist/theme.d.ts +2 -0
  90. package/dist/theme.js +49 -41
  91. package/dist/tooltip.css-mistica.js +9 -9
  92. package/dist/touchable.css-mistica.js +3 -3
  93. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  94. package/dist/utils/aspect-ratio-support.d.ts +4 -2
  95. package/dist/utils/aspect-ratio-support.js +17 -16
  96. package/dist/utils/types.d.ts +5 -0
  97. package/dist/utils/utility-types.d.ts +7 -0
  98. package/dist/video.css-mistica.js +2 -2
  99. package/dist/video.js +26 -78
  100. package/dist-es/avatar.css-mistica.js +2 -2
  101. package/dist-es/badge.css-mistica.js +2 -2
  102. package/dist-es/box.js +32 -25
  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 +9 -9
  107. package/dist-es/callout.css-mistica.js +1 -1
  108. package/dist-es/card.css-mistica.js +4 -4
  109. package/dist-es/card.js +549 -384
  110. package/dist-es/carousel.css-mistica.js +2 -2
  111. package/dist-es/checkbox.css-mistica.js +6 -6
  112. package/dist-es/chip.css-mistica.js +4 -4
  113. package/dist-es/circle.css-mistica.js +2 -2
  114. package/dist-es/circle.js +66 -12
  115. package/dist-es/community/advanced-data-card.css-mistica.js +7 -0
  116. package/dist-es/community/advanced-data-card.css.ts.vanilla.css-mistica.js +2 -0
  117. package/dist-es/community/advanced-data-card.js +256 -0
  118. package/dist-es/community/blocks.css-mistica.js +4 -0
  119. package/dist-es/community/blocks.css.ts.vanilla.css-mistica.js +2 -0
  120. package/dist-es/community/blocks.js +224 -0
  121. package/dist-es/community/index.js +4 -2
  122. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  123. package/dist-es/dialog.css-mistica.js +5 -5
  124. package/dist-es/double-field.css-mistica.js +2 -2
  125. package/dist-es/empty-state-card.css-mistica.js +1 -1
  126. package/dist-es/empty-state.css-mistica.js +3 -3
  127. package/dist-es/empty-state.js +11 -11
  128. package/dist-es/feedback.css-mistica.js +2 -2
  129. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  130. package/dist-es/header.css-mistica.js +4 -0
  131. package/dist-es/header.css.ts.vanilla.css-mistica.js +2 -0
  132. package/dist-es/header.js +141 -121
  133. package/dist-es/hero.css-mistica.js +2 -2
  134. package/dist-es/highlighted-card.css-mistica.js +5 -5
  135. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  136. package/dist-es/icon-button.css-mistica.js +1 -1
  137. package/dist-es/image.css-mistica.js +1 -1
  138. package/dist-es/image.js +76 -73
  139. package/dist-es/index.js +1710 -1710
  140. package/dist-es/list.css-mistica.js +2 -2
  141. package/dist-es/list.js +80 -78
  142. package/dist-es/loading-bar.css-mistica.js +2 -2
  143. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  144. package/dist-es/menu.css-mistica.js +2 -2
  145. package/dist-es/navigation-bar.css-mistica.js +9 -9
  146. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  147. package/dist-es/package-version.js +1 -1
  148. package/dist-es/password-field.css-mistica.js +2 -2
  149. package/dist-es/popover.css-mistica.js +2 -2
  150. package/dist-es/progress-bar.css-mistica.js +2 -2
  151. package/dist-es/radio-button.css-mistica.js +6 -6
  152. package/dist-es/responsive-layout.css-mistica.js +2 -2
  153. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  154. package/dist-es/select.css-mistica.js +10 -10
  155. package/dist-es/skeletons.css-mistica.js +2 -2
  156. package/dist-es/snackbar.css-mistica.js +2 -2
  157. package/dist-es/spinner.css-mistica.js +1 -1
  158. package/dist-es/sprinkles.css-mistica.js +648 -336
  159. package/dist-es/stack.css-mistica.js +6 -3
  160. package/dist-es/stack.js +27 -20
  161. package/dist-es/stacking-group.css-mistica.js +1 -1
  162. package/dist-es/stepper.css-mistica.js +2 -2
  163. package/dist-es/style.css +1 -1
  164. package/dist-es/switch-component.css-mistica.js +18 -18
  165. package/dist-es/tabs.css-mistica.js +7 -7
  166. package/dist-es/tag.css-mistica.js +1 -1
  167. package/dist-es/text-field-base.css-mistica.js +2 -2
  168. package/dist-es/text-field-components.css-mistica.js +2 -2
  169. package/dist-es/text-link.css-mistica.js +5 -5
  170. package/dist-es/theme.js +52 -44
  171. package/dist-es/tooltip.css-mistica.js +3 -3
  172. package/dist-es/touchable.css-mistica.js +2 -2
  173. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  174. package/dist-es/utils/aspect-ratio-support.js +17 -16
  175. package/dist-es/video.css-mistica.js +2 -2
  176. package/dist-es/video.js +36 -88
  177. package/package.json +2 -2
@@ -13,65 +13,65 @@ _export(exports, {
13
13
  return f;
14
14
  },
15
15
  bulletActive: function() {
16
- return y;
16
+ return b;
17
17
  },
18
18
  bulletActiveInverse: function() {
19
- return r;
19
+ return y;
20
20
  },
21
21
  bulletInverse: function() {
22
- return b;
22
+ return c;
23
23
  },
24
24
  carousel: function() {
25
- return e;
25
+ return r;
26
26
  },
27
27
  carouselBullets: function() {
28
- return u;
28
+ return e;
29
29
  },
30
30
  carouselContainer: function() {
31
- return c;
31
+ return u;
32
32
  },
33
33
  carouselItem: function() {
34
- return t;
34
+ return l;
35
35
  },
36
36
  carouselNextArrowButton: function() {
37
37
  return o;
38
38
  },
39
39
  carouselPrevArrowButton: function() {
40
- return l;
40
+ return t;
41
41
  },
42
42
  carouselWithScroll: function() {
43
43
  return s;
44
44
  },
45
45
  centeredCarousel: function() {
46
- return i;
46
+ return d;
47
47
  },
48
48
  slideshow: function() {
49
- return d;
49
+ return i;
50
50
  },
51
51
  slideshowBullets: function() {
52
- return m;
52
+ return w;
53
53
  },
54
54
  slideshowContainer: function() {
55
- return w;
55
+ return m;
56
56
  },
57
57
  slideshowItem: function() {
58
58
  return h;
59
59
  },
60
60
  slideshowNextArrowButton: function() {
61
- return p;
61
+ return P;
62
62
  },
63
63
  slideshowPrevArrowButton: function() {
64
- return q;
64
+ return p;
65
65
  },
66
66
  vars: function() {
67
- return P;
67
+ return A;
68
68
  }
69
69
  });
70
70
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
71
71
  require("./responsive-layout.css.ts.vanilla.css-mistica.js");
72
72
  require("./grid-layout.css.ts.vanilla.css-mistica.js");
73
73
  require("./carousel.css.ts.vanilla.css-mistica.js");
74
- var f = "_1abcu71 _1y2v1nf8k _1y2v1nf90 _1y2v1nfab _1y2v1nf44", y = "_1abcu72 _1abcu71 _1y2v1nf8k _1y2v1nf90 _1y2v1nfab _1y2v1nf45", r = "_1abcu72 _1abcu71 _1y2v1nf8k _1y2v1nf90 _1y2v1nfab _1y2v1nf4k", b = "_1abcu75 _1abcu71 _1y2v1nf8k _1y2v1nf90 _1y2v1nfab", e = "_1abcu7l _1abcu7b _1y2v1nf64 _1y2v1nf9c", u = "_1y2v1nf64 _1y2v1nf6d", c = "_1y2v1nf9p _1y2v1nf5z", t = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab _1y2v1nf31 _1y2v1nf8q _1y2v1nf96 _1y2v1nfa9 _1y2v1nf60", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab _1y2v1nf31 _1y2v1nf8q _1y2v1nf96 _1y2v1nfa9 _1y2v1nf60", s = "_1abcu7m", i = "_1abcu7n", d = "_1abcu7v _1abcu7b _1y2v1nf64 _1y2v1nf9c", m = "_1abcu713 _1y2v1nf60 _1y2v1nfca _1y2v1nf64 _1y2v1nf6d _1y2v1nf8f", w = "_1y2v1nf5z", h = "_1abcu7x _1y2v1nf8f _1y2v1nf6m", p = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab _1y2v1nf31 _1y2v1nf8q _1y2v1nf96 _1y2v1nfa9 _1y2v1nf60 _1y2v1nfbv", q = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab _1y2v1nf31 _1y2v1nf8q _1y2v1nf96 _1y2v1nfa9 _1y2v1nf60 _1y2v1nfbg", P = {
74
+ var f = "_1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf44", b = "_1abcu72 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf45", y = "_1abcu72 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn _1y2v1nf4k", c = "_1abcu75 _1abcu71 _1y2v1nfbw _1y2v1nfcc _1y2v1nfdn", r = "_1abcu7l _1abcu7b _1y2v1nfb4 _1y2v1nfco", e = "_1y2v1nfb4 _1y2v1nfbd", u = "_1y2v1nfd1 _1y2v1nfaz", l = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0", t = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0", s = "_1abcu7m", d = "_1abcu7n", i = "_1abcu7v _1abcu7b _1y2v1nfb4 _1y2v1nfco", w = "_1abcu713 _1y2v1nfb0 _1y2v1nffm _1y2v1nfb4 _1y2v1nfbd _1y2v1nfbr", m = "_1y2v1nfaz", h = "_1abcu7x _1y2v1nfbr _1y2v1nfbm", P = "_1abcu711 _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0 _1y2v1nff7", p = "_1abcu7z _1abcu7q _1abcu7d _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn _1y2v1nf31 _1y2v1nfc2 _1y2v1nfci _1y2v1nfdl _1y2v1nfb0 _1y2v1nfes", A = {
75
75
  itemsPerPageMobile: "var(--_1abcu7g)",
76
76
  itemsPerPageTablet: "var(--_1abcu7h)",
77
77
  itemsPerPageDesktop: "var(--_1abcu7i)",
@@ -10,28 +10,28 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  boxVariant: function() {
13
- return n;
13
+ return v;
14
14
  },
15
15
  check: function() {
16
- return r;
16
+ return n;
17
17
  },
18
18
  checkChecked: function() {
19
- return f;
19
+ return r;
20
20
  },
21
21
  checkboxContainer: function() {
22
22
  return y;
23
23
  },
24
24
  checkboxContainerDisabled: function() {
25
- return b;
25
+ return f;
26
26
  },
27
27
  disabled: function() {
28
- return a;
28
+ return e;
29
29
  }
30
30
  });
31
31
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
32
32
  require("./checkbox.css.ts.vanilla.css-mistica.js");
33
- var n = {
34
- ios: "_1rz9b16 _1rz9b15 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfam _1y2v1nf30",
35
- rest: "_1rz9b17 _1rz9b15 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfam _1y2v1nf30",
36
- checked: "_1rz9b18 _1rz9b15 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nf6m _1y2v1nfam _1y2v1nf30"
37
- }, r = "_1rz9b1a _1y2v1nf66", f = "_1rz9b1b", y = "_1rz9b12 _1rz9b11 _1y2v1nf67", b = "_1rz9b13 _1rz9b11 _1y2v1nf67", a = "_1rz9b1c";
33
+ var v = {
34
+ ios: "_1rz9b16 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30",
35
+ rest: "_1rz9b17 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30",
36
+ checked: "_1rz9b18 _1rz9b15 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfbm _1y2v1nfdy _1y2v1nf30"
37
+ }, n = "_1rz9b1a _1y2v1nfb6", r = "_1rz9b1b", y = "_1rz9b12 _1rz9b11 _1y2v1nfb7", f = "_1rz9b13 _1rz9b11 _1y2v1nfb7", e = "_1rz9b1c";
@@ -27,11 +27,11 @@ _export(exports, {
27
27
  });
28
28
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
29
29
  require("./chip.css.ts.vanilla.css-mistica.js");
30
- var c = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y", t = {
30
+ var c = "_1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfdm _1y2v1nf5y", t = {
31
31
  light: "cc7htnb cc7htn9",
32
32
  dark: "cc7htnc cc7htn9"
33
33
  }, f = {
34
- default: "cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa9 _1y2v1nf31 _1y2v1nf1w",
35
- overAlternative: "cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa9 _1y2v1nf38 _1y2v1nf1w",
36
- active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nf65 _1y2v1nf6d _1y2v1nf6j _1y2v1nfa9 _1y2v1nf16 _1y2v1nf5k"
34
+ default: "cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf31 _1y2v1nf1w",
35
+ overAlternative: "cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf38 _1y2v1nf1w",
36
+ active: "cc7htn8 cc7htn2 cc7htn1 _1y2v1nfb5 _1y2v1nfbd _1y2v1nfbj _1y2v1nfdl _1y2v1nf16 _1y2v1nf5k"
37
37
  }, y = "cc7htnd", _ = "cc7htne";
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "circle", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return r;
8
+ return p;
9
9
  }
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./circle.css.ts.vanilla.css-mistica.js");
13
- var r = "_1wpwyyp1 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab";
13
+ var p = "_1wpwyyp1 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn";
package/dist/circle.d.ts CHANGED
@@ -1,10 +1,12 @@
1
1
  import * as React from 'react';
2
+ import type { DataAttributes } from './utils/types';
2
3
  type Props = {
3
4
  backgroundColor?: string;
4
5
  backgroundImage?: string;
5
6
  size?: number | string;
6
7
  children?: React.ReactElement;
7
8
  border?: boolean | string;
9
+ dataAttributes?: DataAttributes;
8
10
  };
9
11
  declare const Circle: React.FC<Props>;
10
12
  export default Circle;
package/dist/circle.js CHANGED
@@ -5,24 +5,78 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return u;
8
+ return b;
9
9
  }
10
10
  });
11
11
  const _jsxruntime = require("react/jsx-runtime");
12
12
  const _circlecssmistica = require("./circle.css-mistica.js");
13
13
  const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
14
+ const _dom = require("./utils/dom.js");
15
+ function _define_property(obj, key, value) {
16
+ if (key in obj) {
17
+ Object.defineProperty(obj, key, {
18
+ value: value,
19
+ enumerable: true,
20
+ configurable: true,
21
+ writable: true
22
+ });
23
+ } else {
24
+ obj[key] = value;
25
+ }
26
+ return obj;
27
+ }
28
+ function _object_spread(target) {
29
+ for(var i = 1; i < arguments.length; i++){
30
+ var source = arguments[i] != null ? arguments[i] : {};
31
+ var ownKeys = Object.keys(source);
32
+ if (typeof Object.getOwnPropertySymbols === "function") {
33
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
34
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
35
+ }));
36
+ }
37
+ ownKeys.forEach(function(key) {
38
+ _define_property(target, key, source[key]);
39
+ });
40
+ }
41
+ return target;
42
+ }
43
+ function ownKeys(object, enumerableOnly) {
44
+ var keys = Object.keys(object);
45
+ if (Object.getOwnPropertySymbols) {
46
+ var symbols = Object.getOwnPropertySymbols(object);
47
+ if (enumerableOnly) {
48
+ symbols = symbols.filter(function(sym) {
49
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
50
+ });
51
+ }
52
+ keys.push.apply(keys, symbols);
53
+ }
54
+ return keys;
55
+ }
56
+ function _object_spread_props(target, source) {
57
+ source = source != null ? source : {};
58
+ if (Object.getOwnPropertyDescriptors) {
59
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
60
+ } else {
61
+ ownKeys(Object(source)).forEach(function(key) {
62
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
63
+ });
64
+ }
65
+ return target;
66
+ }
14
67
  const n = (param)=>{
15
- let { children: e , backgroundColor: s , backgroundImage: o , size: t , border: r = !1 } = param;
68
+ let { children: e , backgroundColor: i , backgroundImage: o , size: t , border: r = !1 , dataAttributes: s } = param;
16
69
  const l = r === !0 ? _skincontractcssmistica.vars.colors.border : r, c = r ? `1px solid ${l}` : void 0;
17
- return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
70
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
18
71
  className: _circlecssmistica.circle,
19
72
  style: {
20
73
  width: t,
21
74
  height: t,
22
- backgroundColor: s,
75
+ backgroundColor: i,
23
76
  backgroundImage: o ? `url(${o})` : "none",
24
77
  border: c
25
- },
78
+ }
79
+ }, (0, _dom.getPrefixedDataAttributes)(s, "Circle")), {
26
80
  children: e
27
- });
28
- }, u = n;
81
+ }));
82
+ }, b = n;
@@ -0,0 +1,69 @@
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
+ actions: function() {
13
+ return _;
14
+ },
15
+ actionsVariants: function() {
16
+ return n;
17
+ },
18
+ adjustButtonLink: function() {
19
+ return v;
20
+ },
21
+ boxed: function() {
22
+ return a;
23
+ },
24
+ button: function() {
25
+ return t;
26
+ },
27
+ buttonMobile: function() {
28
+ return y;
29
+ },
30
+ cardContentStyle: function() {
31
+ return u;
32
+ },
33
+ dataCard: function() {
34
+ return x;
35
+ },
36
+ divider: function() {
37
+ return i;
38
+ },
39
+ extraTop: function() {
40
+ return o;
41
+ },
42
+ footerDirection: function() {
43
+ return b;
44
+ },
45
+ footerText: function() {
46
+ return e;
47
+ },
48
+ interaction: function() {
49
+ return d;
50
+ },
51
+ marginRightAuto: function() {
52
+ return g;
53
+ },
54
+ marginRightButton: function() {
55
+ return m;
56
+ },
57
+ minHeight: function() {
58
+ return c;
59
+ },
60
+ paddingX: function() {
61
+ return l;
62
+ }
63
+ });
64
+ require("../sprinkles.css.ts.vanilla.css-mistica.js");
65
+ require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
66
+ var _ = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbg _1y2v1nf7t", n = {
67
+ default: "_1x00frui",
68
+ mobile: "_1x00fruj"
69
+ }, v = "_1x00fruq", a = "_1x00fru5 _1y2v1nfb4", t = "_1x00frul", y = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nf68 _1y2v1nf7t", x = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfba _1y2v1nfbr _1y2v1nfc8 _1x00fru9", i = "_1x00frug", o = "_1x00frun", b = "_1x00frup _1y2v1nfb4 _1y2v1nfb9", e = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfbj _1y2v1nfdd", d = "_1x00fru6", g = "_1x00fruk", m = "_1y2v1nff5", c = "_1x00fru9", l = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5";
@@ -0,0 +1,20 @@
1
+ export declare const paddingX: string;
2
+ export declare const actions: string;
3
+ export declare const boxed: string;
4
+ export declare const interaction: string;
5
+ export declare const cardContentStyle: string;
6
+ export declare const minHeight: string;
7
+ export declare const dataCard: string;
8
+ export declare const cardActionIconButton: string;
9
+ export declare const cardAction: string;
10
+ export declare const cardActionInverse: string;
11
+ export declare const divider: string;
12
+ export declare const footerText: string;
13
+ export declare const actionsVariants: Record<"mobile" | "default", string>;
14
+ export declare const marginRightAuto: string;
15
+ export declare const button: string;
16
+ export declare const buttonMobile: string;
17
+ export declare const extraTop: string;
18
+ export declare const footerDirection: string;
19
+ export declare const adjustButtonLink: string;
20
+ export declare const marginRightButton: 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 a;
9
+ }
10
+ });
11
+ const a = "";
@@ -0,0 +1,39 @@
1
+ import * as React from 'react';
2
+ import type { CardAction } from '../card';
3
+ import type StackingGroup from '../stacking-group';
4
+ import type Image from '../image';
5
+ import type { ButtonPrimary, ButtonLink } from '../button';
6
+ import type { DataAttributes } from '../utils/types';
7
+ import type { RendersNullableElement } from '../utils/renders-element';
8
+ import type Tag from '../tag';
9
+ import type { HighlightedValueBlock, InformationBlock, ProgressBlock, RowBlock, SimpleBlock, ValueBlock } from './blocks';
10
+ type AllowedExtra = typeof StackingGroup | typeof HighlightedValueBlock | typeof InformationBlock | typeof ProgressBlock | typeof RowBlock | typeof SimpleBlock | typeof ValueBlock;
11
+ type TextAs = 'h1' | 'h2' | 'h3' | 'h4';
12
+ interface AdvancedDataCardProps {
13
+ onPress?: () => void;
14
+ stackingGroup?: RendersNullableElement<typeof StackingGroup>;
15
+ headline?: RendersNullableElement<typeof Tag>;
16
+ pretitle?: string;
17
+ pretitleLinesMax?: number;
18
+ pretitleAs?: TextAs;
19
+ title?: string;
20
+ titleLinesMax?: number;
21
+ titleAs?: TextAs;
22
+ subtitle?: string;
23
+ subtitleLinesMax?: number;
24
+ description?: string;
25
+ descriptionLinesMax?: number;
26
+ extra?: Array<RendersNullableElement<AllowedExtra>>;
27
+ extraDividerPadding?: 8 | 24;
28
+ button?: RendersNullableElement<typeof ButtonPrimary>;
29
+ footerImage?: RendersNullableElement<typeof Image>;
30
+ footerText?: string;
31
+ footerTextLinesMax?: number;
32
+ buttonLink?: RendersNullableElement<typeof ButtonLink>;
33
+ dataAttributes?: DataAttributes;
34
+ actions?: Array<CardAction>;
35
+ 'aria-label'?: string;
36
+ onClose?: () => void;
37
+ }
38
+ export declare const AdvancedDataCard: React.ForwardRefExoticComponent<AdvancedDataCardProps & React.RefAttributes<HTMLDivElement>>;
39
+ export default AdvancedDataCard;