@telefonica/mistica 16.22.0 → 16.24.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 (274) hide show
  1. package/css/blau.css +4 -0
  2. package/css/esimflag.css +14 -10
  3. package/css/mistica-common.css +226 -0
  4. package/css/mistica.css +1 -1
  5. package/css/movistar.css +10 -6
  6. package/css/o2-new.css +9 -5
  7. package/css/o2.css +4 -0
  8. package/css/telefonica.css +12 -8
  9. package/css/tu.css +8 -4
  10. package/css/vivo-new.css +10 -5
  11. package/css/vivo.css +4 -0
  12. package/dist/accordion.css-mistica.js +11 -11
  13. package/dist/accordion.js +1 -1
  14. package/dist/align.css-mistica.js +1 -1
  15. package/dist/avatar.css-mistica.js +2 -2
  16. package/dist/badge.css-mistica.js +1 -1
  17. package/dist/box.css-mistica.js +13 -13
  18. package/dist/boxed.css-mistica.js +24 -24
  19. package/dist/button-group.css-mistica.js +3 -3
  20. package/dist/button-layout.css-mistica.js +17 -17
  21. package/dist/button.css-mistica.js +32 -32
  22. package/dist/callout.css-mistica.js +7 -7
  23. package/dist/card.css-mistica.js +17 -17
  24. package/dist/carousel.css-mistica.js +23 -23
  25. package/dist/checkbox.css-mistica.js +9 -9
  26. package/dist/checkbox.css.d.ts +2 -2
  27. package/dist/chip.css-mistica.js +18 -18
  28. package/dist/circle.css-mistica.js +2 -2
  29. package/dist/community/advanced-data-card.css-mistica.js +24 -24
  30. package/dist/community/blocks.css-mistica.js +1 -1
  31. package/dist/community/example-component.css-mistica.js +1 -1
  32. package/dist/counter.css-mistica.js +4 -4
  33. package/dist/counter.js +4 -4
  34. package/dist/cover-hero.css-mistica.js +13 -13
  35. package/dist/credit-card-number-field.css-mistica.js +4 -4
  36. package/dist/date-field.css-mistica.js +1 -1
  37. package/dist/date-time-picker.css-mistica.js +1 -1
  38. package/dist/dialog.css-mistica.js +7 -7
  39. package/dist/divider.css-mistica.js +2 -2
  40. package/dist/double-field.css-mistica.js +2 -2
  41. package/dist/drawer.css-mistica.js +7 -7
  42. package/dist/empty-state-card.css-mistica.js +2 -2
  43. package/dist/empty-state.css-mistica.js +5 -5
  44. package/dist/fade-in.css-mistica.js +1 -1
  45. package/dist/feedback.css-mistica.js +3 -3
  46. package/dist/fixed-footer-layout.css-mistica.js +9 -9
  47. package/dist/form.css-mistica.js +1 -1
  48. package/dist/generated/mistica-icons/icon-chevron-down-filled.d.ts +4 -0
  49. package/dist/generated/mistica-icons/icon-chevron-down-filled.js +132 -0
  50. package/dist/generated/mistica-icons/icon-chevron-down-light.js +6 -6
  51. package/dist/generated/mistica-icons/icon-chevron-down-regular.js +16 -16
  52. package/dist/generated/mistica-icons/icon-chevron-left-filled.d.ts +4 -0
  53. package/dist/generated/mistica-icons/icon-chevron-left-filled.js +132 -0
  54. package/dist/generated/mistica-icons/icon-chevron-left-light.js +4 -4
  55. package/dist/generated/mistica-icons/icon-chevron-left-regular.js +5 -5
  56. package/dist/generated/mistica-icons/icon-chevron-right-filled.d.ts +4 -0
  57. package/dist/generated/mistica-icons/icon-chevron-right-filled.js +132 -0
  58. package/dist/generated/mistica-icons/icon-chevron-right-light.js +6 -6
  59. package/dist/generated/mistica-icons/icon-chevron-right-regular.js +14 -14
  60. package/dist/generated/mistica-icons/icon-chevron-up-filled.d.ts +4 -0
  61. package/dist/generated/mistica-icons/icon-chevron-up-filled.js +132 -0
  62. package/dist/generated/mistica-icons/icon-chevron-up-light.js +4 -4
  63. package/dist/generated/mistica-icons/icon-chevron-up-regular.js +15 -15
  64. package/dist/grid-layout.css-mistica.js +3 -3
  65. package/dist/grid.css-mistica.js +122 -122
  66. package/dist/header.css-mistica.js +4 -4
  67. package/dist/hero.css-mistica.js +7 -7
  68. package/dist/highlighted-card.css-mistica.js +6 -6
  69. package/dist/horizontal-scroll.css-mistica.js +2 -2
  70. package/dist/icon-button.css-mistica.js +42 -42
  71. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  72. package/dist/icons/icon-chevron.js +71 -24
  73. package/dist/icons/icon-error.css-mistica.js +1 -1
  74. package/dist/image.css-mistica.js +3 -3
  75. package/dist/index.d.ts +4 -0
  76. package/dist/index.js +16 -0
  77. package/dist/inline.css-mistica.js +13 -9
  78. package/dist/inline.css.d.ts +4 -0
  79. package/dist/inline.d.ts +2 -1
  80. package/dist/inline.js +41 -24
  81. package/dist/list.css-mistica.js +8 -8
  82. package/dist/list.js +45 -45
  83. package/dist/loading-bar.css-mistica.js +1 -1
  84. package/dist/loading-screen.css-mistica.js +8 -8
  85. package/dist/logo.css-mistica.js +5 -5
  86. package/dist/maybe-dismissable.css-mistica.js +1 -1
  87. package/dist/menu.css-mistica.js +14 -14
  88. package/dist/mosaic.css-mistica.js +1 -1
  89. package/dist/navigation-bar.css-mistica.js +45 -45
  90. package/dist/navigation-bar.js +1 -0
  91. package/dist/navigation-breadcrumbs.css-mistica.js +4 -4
  92. package/dist/package-version.js +1 -1
  93. package/dist/pin-field.css-mistica.js +9 -9
  94. package/dist/pin-field.js +49 -47
  95. package/dist/popover.css-mistica.js +1 -1
  96. package/dist/progress-bar.css-mistica.js +4 -4
  97. package/dist/radio-button.css-mistica.js +19 -19
  98. package/dist/rating.css-mistica.js +4 -4
  99. package/dist/responsive-layout.css-mistica.js +7 -7
  100. package/dist/screen-reader-only.css-mistica.js +1 -1
  101. package/dist/select.css-mistica.js +20 -20
  102. package/dist/select.js +54 -51
  103. package/dist/sheet-action-row.css-mistica.js +1 -1
  104. package/dist/sheet-common.css-mistica.js +8 -8
  105. package/dist/sheet-info.css-mistica.js +1 -1
  106. package/dist/skeletons.css-mistica.js +5 -5
  107. package/dist/skins/blau.js +2 -0
  108. package/dist/skins/esimflag.d.ts +1 -0
  109. package/dist/skins/esimflag.js +7 -4
  110. package/dist/skins/movistar.js +5 -3
  111. package/dist/skins/o2-new.js +5 -3
  112. package/dist/skins/o2.js +2 -0
  113. package/dist/skins/skin-contract.css-mistica.js +348 -346
  114. package/dist/skins/skin-contract.css.d.ts +2 -0
  115. package/dist/skins/telefonica.js +6 -4
  116. package/dist/skins/tu.js +4 -2
  117. package/dist/skins/types/colors.d.ts +1 -0
  118. package/dist/skins/vivo-new.d.ts +1 -0
  119. package/dist/skins/vivo-new.js +6 -3
  120. package/dist/skins/vivo.js +2 -0
  121. package/dist/slider.css-mistica.js +16 -16
  122. package/dist/snackbar.css-mistica.js +15 -15
  123. package/dist/spinner.css-mistica.js +1 -1
  124. package/dist/sprinkles.css.d.ts +1 -1
  125. package/dist/stack.css-mistica.js +5 -5
  126. package/dist/stacking-group.css-mistica.js +2 -2
  127. package/dist/stepper.css-mistica.js +9 -9
  128. package/dist/switch-component.css-mistica.js +32 -32
  129. package/dist/table.css-mistica.js +8 -8
  130. package/dist/tabs.css-mistica.js +18 -18
  131. package/dist/tag.css-mistica.js +1 -1
  132. package/dist/text-field-base.css-mistica.js +8 -8
  133. package/dist/text-field-components.css-mistica.js +11 -11
  134. package/dist/text-field-components.js +19 -18
  135. package/dist/text-link.css-mistica.js +17 -6
  136. package/dist/text-link.css.d.ts +4 -0
  137. package/dist/text-link.d.ts +2 -1
  138. package/dist/text-link.js +11 -10
  139. package/dist/text.css-mistica.js +7 -7
  140. package/dist/text.d.ts +2 -1
  141. package/dist/text.js +59 -58
  142. package/dist/theme-context.css-mistica.js +388 -386
  143. package/dist/theme-context.css.d.ts +2 -0
  144. package/dist/timeline.css-mistica.js +10 -10
  145. package/dist/timer.css-mistica.js +6 -6
  146. package/dist/tooltip.css-mistica.js +6 -6
  147. package/dist/touchable.css-mistica.js +2 -2
  148. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  149. package/dist/video.css-mistica.js +1 -1
  150. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  151. package/dist-es/accordion.css-mistica.js +7 -7
  152. package/dist-es/accordion.js +1 -1
  153. package/dist-es/align.css-mistica.js +1 -1
  154. package/dist-es/avatar.css-mistica.js +2 -2
  155. package/dist-es/badge.css-mistica.js +1 -1
  156. package/dist-es/box.css-mistica.js +13 -13
  157. package/dist-es/boxed.css-mistica.js +23 -23
  158. package/dist-es/button-group.css-mistica.js +2 -2
  159. package/dist-es/button-layout.css-mistica.js +15 -15
  160. package/dist-es/button.css-mistica.js +20 -20
  161. package/dist-es/callout.css-mistica.js +6 -6
  162. package/dist-es/card.css-mistica.js +4 -4
  163. package/dist-es/carousel.css-mistica.js +7 -7
  164. package/dist-es/checkbox.css-mistica.js +8 -8
  165. package/dist-es/chip.css-mistica.js +13 -13
  166. package/dist-es/circle.css-mistica.js +2 -2
  167. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  168. package/dist-es/community/blocks.css-mistica.js +1 -1
  169. package/dist-es/community/example-component.css-mistica.js +1 -1
  170. package/dist-es/counter.css-mistica.js +2 -2
  171. package/dist-es/counter.js +9 -9
  172. package/dist-es/cover-hero.css-mistica.js +4 -4
  173. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  174. package/dist-es/date-field.css-mistica.js +1 -1
  175. package/dist-es/date-time-picker.css-mistica.js +1 -1
  176. package/dist-es/dialog.css-mistica.js +5 -5
  177. package/dist-es/divider.css-mistica.js +2 -2
  178. package/dist-es/double-field.css-mistica.js +2 -2
  179. package/dist-es/drawer.css-mistica.js +2 -2
  180. package/dist-es/empty-state-card.css-mistica.js +2 -2
  181. package/dist-es/empty-state.css-mistica.js +5 -5
  182. package/dist-es/fade-in.css-mistica.js +1 -1
  183. package/dist-es/feedback.css-mistica.js +2 -2
  184. package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
  185. package/dist-es/form.css-mistica.js +1 -1
  186. package/dist-es/generated/mistica-icons/icon-chevron-down-filled.js +123 -0
  187. package/dist-es/generated/mistica-icons/icon-chevron-down-light.js +7 -7
  188. package/dist-es/generated/mistica-icons/icon-chevron-down-regular.js +23 -23
  189. package/dist-es/generated/mistica-icons/icon-chevron-left-filled.js +123 -0
  190. package/dist-es/generated/mistica-icons/icon-chevron-left-light.js +7 -7
  191. package/dist-es/generated/mistica-icons/icon-chevron-left-regular.js +6 -6
  192. package/dist-es/generated/mistica-icons/icon-chevron-right-filled.js +123 -0
  193. package/dist-es/generated/mistica-icons/icon-chevron-right-light.js +9 -9
  194. package/dist-es/generated/mistica-icons/icon-chevron-right-regular.js +15 -15
  195. package/dist-es/generated/mistica-icons/icon-chevron-up-filled.js +123 -0
  196. package/dist-es/generated/mistica-icons/icon-chevron-up-light.js +7 -7
  197. package/dist-es/generated/mistica-icons/icon-chevron-up-regular.js +17 -17
  198. package/dist-es/grid-layout.css-mistica.js +3 -3
  199. package/dist-es/grid.css-mistica.js +122 -122
  200. package/dist-es/header.css-mistica.js +2 -2
  201. package/dist-es/hero.css-mistica.js +3 -3
  202. package/dist-es/highlighted-card.css-mistica.js +5 -5
  203. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  204. package/dist-es/icon-button.css-mistica.js +42 -42
  205. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  206. package/dist-es/icons/icon-chevron.js +80 -33
  207. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  208. package/dist-es/image.css-mistica.js +3 -3
  209. package/dist-es/index.js +1516 -1512
  210. package/dist-es/inline.css-mistica.js +11 -7
  211. package/dist-es/inline.js +50 -33
  212. package/dist-es/list.css-mistica.js +2 -2
  213. package/dist-es/list.js +64 -64
  214. package/dist-es/loading-bar.css-mistica.js +1 -1
  215. package/dist-es/loading-screen.css-mistica.js +5 -5
  216. package/dist-es/logo.css-mistica.js +5 -5
  217. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  218. package/dist-es/menu.css-mistica.js +14 -14
  219. package/dist-es/mosaic.css-mistica.js +1 -1
  220. package/dist-es/navigation-bar.css-mistica.js +17 -17
  221. package/dist-es/navigation-bar.js +1 -0
  222. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  223. package/dist-es/package-version.js +1 -1
  224. package/dist-es/pin-field.css-mistica.js +2 -2
  225. package/dist-es/pin-field.js +61 -59
  226. package/dist-es/popover.css-mistica.js +1 -1
  227. package/dist-es/progress-bar.css-mistica.js +4 -4
  228. package/dist-es/radio-button.css-mistica.js +16 -16
  229. package/dist-es/rating.css-mistica.js +3 -3
  230. package/dist-es/responsive-layout.css-mistica.js +6 -6
  231. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  232. package/dist-es/select.css-mistica.js +17 -17
  233. package/dist-es/select.js +88 -85
  234. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  235. package/dist-es/sheet-common.css-mistica.js +2 -2
  236. package/dist-es/sheet-info.css-mistica.js +1 -1
  237. package/dist-es/skeletons.css-mistica.js +5 -5
  238. package/dist-es/skins/blau.js +2 -0
  239. package/dist-es/skins/esimflag.js +7 -4
  240. package/dist-es/skins/movistar.js +5 -3
  241. package/dist-es/skins/o2-new.js +5 -3
  242. package/dist-es/skins/o2.js +2 -0
  243. package/dist-es/skins/skin-contract.css-mistica.js +348 -346
  244. package/dist-es/skins/telefonica.js +6 -4
  245. package/dist-es/skins/tu.js +4 -2
  246. package/dist-es/skins/vivo-new.js +6 -3
  247. package/dist-es/skins/vivo.js +2 -0
  248. package/dist-es/slider.css-mistica.js +11 -11
  249. package/dist-es/snackbar.css-mistica.js +5 -5
  250. package/dist-es/spinner.css-mistica.js +1 -1
  251. package/dist-es/stack.css-mistica.js +5 -5
  252. package/dist-es/stacking-group.css-mistica.js +2 -2
  253. package/dist-es/stepper.css-mistica.js +3 -3
  254. package/dist-es/style.css +1 -1
  255. package/dist-es/switch-component.css-mistica.js +28 -28
  256. package/dist-es/table.css-mistica.js +8 -8
  257. package/dist-es/tabs.css-mistica.js +14 -14
  258. package/dist-es/tag.css-mistica.js +1 -1
  259. package/dist-es/text-field-base.css-mistica.js +2 -2
  260. package/dist-es/text-field-components.css-mistica.js +4 -4
  261. package/dist-es/text-field-components.js +22 -21
  262. package/dist-es/text-link.css-mistica.js +7 -4
  263. package/dist-es/text-link.js +23 -22
  264. package/dist-es/text.css-mistica.js +7 -7
  265. package/dist-es/text.js +76 -75
  266. package/dist-es/theme-context.css-mistica.js +388 -386
  267. package/dist-es/timeline.css-mistica.js +10 -10
  268. package/dist-es/timer.css-mistica.js +6 -6
  269. package/dist-es/tooltip.css-mistica.js +2 -2
  270. package/dist-es/touchable.css-mistica.js +2 -2
  271. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  272. package/dist-es/video.css-mistica.js +1 -1
  273. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  274. package/package.json +1 -1
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  "use strict";
2
3
  Object.defineProperty(exports, "__esModule", {
3
4
  value: true
@@ -5,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
5
6
  Object.defineProperty(exports, "default", {
6
7
  enumerable: true,
7
8
  get: function() {
8
- return I;
9
+ return T;
9
10
  }
10
11
  });
11
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -13,6 +14,8 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
13
14
  const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
14
15
  const _css = require("../utils/css.js");
15
16
  const _iconchevroncssmistica = require("./icon-chevron.css-mistica.js");
17
+ const _hooks = require("../hooks.js");
18
+ const _constants = require("../skins/constants.js");
16
19
  function _interop_require_default(obj) {
17
20
  return obj && obj.__esModule ? obj : {
18
21
  default: obj
@@ -46,40 +49,84 @@ function _object_spread(target) {
46
49
  }
47
50
  return target;
48
51
  }
49
- const g = (param)=>{
50
- let { size: o, color: r, transform: t, transitionDuration: n, className: s, style: a } = param;
52
+ const L = (param)=>{
53
+ let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
51
54
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
52
55
  role: "presentation",
53
56
  width: o,
54
57
  height: o,
55
58
  viewBox: "0 0 24 24",
56
- className: (0, _classnames.default)(s, _iconchevroncssmistica.chevronRotateTransition),
59
+ className: (0, _classnames.default)(n, _iconchevroncssmistica.chevronRotateTransition),
57
60
  style: _object_spread({
58
- transform: t
61
+ transform: s
59
62
  }, a, (0, _css.applyCssVars)({
60
- [_iconchevroncssmistica.vars.transitionDuration]: `${n}ms`
63
+ [_iconchevroncssmistica.vars.transitionDuration]: `${e}ms`
61
64
  })),
62
65
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
66
+ d: "M12.0001 16.6333C11.7199 16.6333 11.4596 16.5232 11.2695 16.3131L4.2733 8.87648C3.89296 8.47613 3.91298 7.83556 4.31333 7.45523C4.71368 7.07489 5.35425 7.09491 5.73459 7.49526L12.0001 14.1511L18.2657 7.49526C18.646 7.0849 19.2866 7.07489 19.6869 7.45523C20.0873 7.83556 20.1073 8.47613 19.7269 8.87648L12.7308 16.3131C12.5406 16.5132 12.2704 16.6333 12.0001 16.6333Z",
63
67
  className: _iconchevroncssmistica.chevronColorTransition,
64
- fill: r,
65
- fillRule: "evenodd",
66
- d: "M14.338 11.478a.75.75 0 0 1 0 1.044l-3.837 3.997a.75.75 0 1 1-1.082-1.038L12.76 12 9.42 8.52a.75.75 0 0 1 1.082-1.04l3.837 3.998z"
68
+ fill: r
67
69
  })
68
70
  });
69
- }, d = {
70
- up: -90,
71
- down: 90,
72
- left: 180,
73
- right: 0
74
- }, u = (param)=>{
75
- let { size: o = 24, color: r, className: t, style: n, transitionDuration: s = 300, direction: a = "right" } = param;
76
- const i = r || _skincontractcssmistica.vars.colors.neutralHigh, l = {
71
+ }, N = (param)=>{
72
+ let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
73
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
74
+ role: "presentation",
75
+ width: o,
76
+ height: o,
77
+ viewBox: "0 0 24 24",
78
+ className: (0, _classnames.default)(n, _iconchevroncssmistica.chevronRotateTransition),
79
+ style: _object_spread({
80
+ transform: s
81
+ }, a, (0, _css.applyCssVars)({
82
+ [_iconchevroncssmistica.vars.transitionDuration]: `${e}ms`
83
+ })),
84
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
85
+ d: "M12.0018 16.571C11.7518 16.571 11.5118 16.481 11.3118 16.301L4.32183 9.74098C3.91183 9.36098 3.89183 8.72098 4.27183 8.32098C4.65183 7.92098 5.29183 7.89098 5.69183 8.27098L12.0018 14.181L18.3118 8.27098C18.7118 7.89098 19.3518 7.91098 19.7318 8.32098C20.1118 8.73098 20.0918 9.36098 19.6818 9.74098L12.6918 16.301C12.5018 16.481 12.2518 16.571 12.0018 16.571Z",
86
+ className: _iconchevroncssmistica.chevronColorTransition,
87
+ fill: r
88
+ })
89
+ });
90
+ }, w = (param)=>{
91
+ let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
92
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
93
+ role: "presentation",
94
+ width: o,
95
+ height: o,
96
+ viewBox: "0 0 24 24",
97
+ className: (0, _classnames.default)(n, _iconchevroncssmistica.chevronRotateTransition),
98
+ style: _object_spread({
99
+ transform: s
100
+ }, a, (0, _css.applyCssVars)({
101
+ [_iconchevroncssmistica.vars.transitionDuration]: `${e}ms`
102
+ })),
103
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
104
+ d: "M12.0021 16.942L4.32208 9.74195C3.91208 9.36195 3.89208 8.72195 4.27208 8.32195C4.65208 7.92195 5.29208 7.89195 5.69208 8.27195L12.0021 14.182L18.3121 8.27195C18.7121 7.89195 19.3521 7.91195 19.7321 8.32195C20.1121 8.73195 20.0921 9.36195 19.6821 9.74195L12.0021 16.942Z",
105
+ className: _iconchevroncssmistica.chevronColorTransition,
106
+ fill: r
107
+ })
108
+ });
109
+ }, I = {
110
+ up: -180,
111
+ down: 0,
112
+ left: 90,
113
+ right: -90
114
+ }, B = (param)=>{
115
+ let { size: o = 24, color: r, className: s, style: e, transitionDuration: n = 300, direction: a = "right" } = param;
116
+ const { skinName: p } = (0, _hooks.useTheme)(), v = r || _skincontractcssmistica.vars.colors.neutralHigh, i = {
77
117
  size: o,
78
- color: i,
79
- transform: `rotate(${d[a]}deg)`,
80
- className: t,
81
- transitionDuration: s,
82
- style: n
118
+ color: v,
119
+ transform: `rotate(${I[a]}deg)`,
120
+ className: s,
121
+ transitionDuration: n,
122
+ style: e
83
123
  };
84
- return /* @__PURE__ */ (0, _jsxruntime.jsx)(g, _object_spread({}, l));
85
- }, I = u;
124
+ switch(p){
125
+ case _constants.O2_NEW_SKIN:
126
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(N, _object_spread({}, i));
127
+ case _constants.BLAU_SKIN:
128
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(w, _object_spread({}, i));
129
+ default:
130
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread({}, i));
131
+ }
132
+ }, T = B;
@@ -17,4 +17,4 @@ _export(exports, {
17
17
  }
18
18
  });
19
19
  require("./icon-error.css.ts.vanilla.css-mistica.js");
20
- var a = "v16_22_1ao3f5e2", i = "v16_22_1ao3f5e1";
20
+ var a = "v16_24_1ao3f5e2", i = "v16_24_1ao3f5e1";
@@ -25,7 +25,7 @@ _export(exports, {
25
25
  return d;
26
26
  },
27
27
  noBorderRadius: function() {
28
- return f;
28
+ return e;
29
29
  },
30
30
  vars: function() {
31
31
  return n;
@@ -33,6 +33,6 @@ _export(exports, {
33
33
  });
34
34
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
35
35
  require("./image.css.ts.vanilla.css-mistica.js");
36
- var r = 300, a = "v16_22_17tt25r5", t = "v16_22_17tt25r6", i = "v16_22_17tt25r3 v16_22_1y2v1nflr v16_22_1y2v1nfm6 v16_22_1y2v1nfim v16_22_1y2v1nfj7 v16_22_1y2v1nfjo v16_22_1y2v1nfnf v16_22_1y2v1nfkz v16_22_1y2v1nfl0 v16_22_1y2v1nflb", d = "v16_22_17tt25r1", f = "v16_22_17tt25r4", n = {
37
- mediaBorderRadius: "var(--v16_22_17tt25r0)"
36
+ var r = 300, a = "v16_24_17tt25r5", t = "v16_24_17tt25r6", i = "v16_24_17tt25r3 v16_24_1y2v1nflu v16_24_1y2v1nfm9 v16_24_1y2v1nfio v16_24_1y2v1nfj9 v16_24_1y2v1nfjq v16_24_1y2v1nfni v16_24_1y2v1nfl1 v16_24_1y2v1nfl2 v16_24_1y2v1nfle", d = "v16_24_17tt25r1", e = "v16_24_17tt25r4", n = {
37
+ mediaBorderRadius: "var(--v16_24_17tt25r0)"
38
38
  };
package/dist/index.d.ts CHANGED
@@ -494,12 +494,16 @@ export { default as IconCheckRegular } from './generated/mistica-icons/icon-chec
494
494
  export { default as IconChemistryFilled } from './generated/mistica-icons/icon-chemistry-filled';
495
495
  export { default as IconChemistryLight } from './generated/mistica-icons/icon-chemistry-light';
496
496
  export { default as IconChemistryRegular } from './generated/mistica-icons/icon-chemistry-regular';
497
+ export { default as IconChevronDownFilled } from './generated/mistica-icons/icon-chevron-down-filled';
497
498
  export { default as IconChevronDownLight } from './generated/mistica-icons/icon-chevron-down-light';
498
499
  export { default as IconChevronDownRegular } from './generated/mistica-icons/icon-chevron-down-regular';
500
+ export { default as IconChevronLeftFilled } from './generated/mistica-icons/icon-chevron-left-filled';
499
501
  export { default as IconChevronLeftLight } from './generated/mistica-icons/icon-chevron-left-light';
500
502
  export { default as IconChevronLeftRegular } from './generated/mistica-icons/icon-chevron-left-regular';
503
+ export { default as IconChevronRightFilled } from './generated/mistica-icons/icon-chevron-right-filled';
501
504
  export { default as IconChevronRightLight } from './generated/mistica-icons/icon-chevron-right-light';
502
505
  export { default as IconChevronRightRegular } from './generated/mistica-icons/icon-chevron-right-regular';
506
+ export { default as IconChevronUpFilled } from './generated/mistica-icons/icon-chevron-up-filled';
503
507
  export { default as IconChevronUpLight } from './generated/mistica-icons/icon-chevron-up-light';
504
508
  export { default as IconChevronUpRegular } from './generated/mistica-icons/icon-chevron-up-regular';
505
509
  export { default as IconChildFilled } from './generated/mistica-icons/icon-child-filled';
package/dist/index.js CHANGED
@@ -1245,24 +1245,36 @@ _export(exports, {
1245
1245
  IconChevron: function() {
1246
1246
  return _iconchevron.default;
1247
1247
  },
1248
+ IconChevronDownFilled: function() {
1249
+ return _iconchevrondownfilled.default;
1250
+ },
1248
1251
  IconChevronDownLight: function() {
1249
1252
  return _iconchevrondownlight.default;
1250
1253
  },
1251
1254
  IconChevronDownRegular: function() {
1252
1255
  return _iconchevrondownregular.default;
1253
1256
  },
1257
+ IconChevronLeftFilled: function() {
1258
+ return _iconchevronleftfilled.default;
1259
+ },
1254
1260
  IconChevronLeftLight: function() {
1255
1261
  return _iconchevronleftlight.default;
1256
1262
  },
1257
1263
  IconChevronLeftRegular: function() {
1258
1264
  return _iconchevronleftregular.default;
1259
1265
  },
1266
+ IconChevronRightFilled: function() {
1267
+ return _iconchevronrightfilled.default;
1268
+ },
1260
1269
  IconChevronRightLight: function() {
1261
1270
  return _iconchevronrightlight.default;
1262
1271
  },
1263
1272
  IconChevronRightRegular: function() {
1264
1273
  return _iconchevronrightregular.default;
1265
1274
  },
1275
+ IconChevronUpFilled: function() {
1276
+ return _iconchevronupfilled.default;
1277
+ },
1266
1278
  IconChevronUpLight: function() {
1267
1279
  return _iconchevronuplight.default;
1268
1280
  },
@@ -6548,12 +6560,16 @@ const _iconcheckregular = /*#__PURE__*/ _interop_require_default(require("./gene
6548
6560
  const _iconchemistryfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chemistry-filled.js"));
6549
6561
  const _iconchemistrylight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chemistry-light.js"));
6550
6562
  const _iconchemistryregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chemistry-regular.js"));
6563
+ const _iconchevrondownfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-down-filled.js"));
6551
6564
  const _iconchevrondownlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-down-light.js"));
6552
6565
  const _iconchevrondownregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-down-regular.js"));
6566
+ const _iconchevronleftfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-left-filled.js"));
6553
6567
  const _iconchevronleftlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-left-light.js"));
6554
6568
  const _iconchevronleftregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-left-regular.js"));
6569
+ const _iconchevronrightfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-right-filled.js"));
6555
6570
  const _iconchevronrightlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-right-light.js"));
6556
6571
  const _iconchevronrightregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-right-regular.js"));
6572
+ const _iconchevronupfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-up-filled.js"));
6557
6573
  const _iconchevronuplight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-up-light.js"));
6558
6574
  const _iconchevronupregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-up-regular.js"));
6559
6575
  const _iconchildfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-child-filled.js"));
@@ -22,22 +22,26 @@ _export(exports, {
22
22
  return r;
23
23
  },
24
24
  stringSpace: function() {
25
- return n;
25
+ return e;
26
26
  },
27
27
  stringSpaceWithWrap: function() {
28
- return b;
28
+ return n;
29
29
  },
30
30
  vars: function() {
31
- return e;
31
+ return b;
32
32
  },
33
33
  wrap: function() {
34
34
  return f;
35
35
  }
36
36
  });
37
37
  require("./inline.css.ts.vanilla.css-mistica.js");
38
- var a = "v16_22_kkfbnv6", k = "v16_22_kkfbnv5", _ = "v16_22_kkfbnv4", r = "v16_22_kkfbnv8", n = "v16_22_kkfbnv9", b = "v16_22_kkfbnva", e = {
39
- space: "var(--v16_22_kkfbnv0)",
40
- spaceMobile: "var(--v16_22_kkfbnv1)",
41
- spaceTablet: "var(--v16_22_kkfbnv2)",
42
- spaceDesktop: "var(--v16_22_kkfbnv3)"
43
- }, f = "v16_22_kkfbnv7";
38
+ var a = "v16_24_kkfbnva", k = "v16_24_kkfbnv9", _ = "v16_24_kkfbnv8", r = "v16_24_kkfbnvc", e = "v16_24_kkfbnvd", n = "v16_24_kkfbnve", b = {
39
+ space: "var(--v16_24_kkfbnv0)",
40
+ spaceMobile: "var(--v16_24_kkfbnv1)",
41
+ spaceTablet: "var(--v16_24_kkfbnv2)",
42
+ spaceDesktop: "var(--v16_24_kkfbnv3)",
43
+ verticalSpace: "var(--v16_24_kkfbnv4)",
44
+ verticalSpaceMobile: "var(--v16_24_kkfbnv5)",
45
+ verticalSpaceTablet: "var(--v16_24_kkfbnv6)",
46
+ verticalSpaceDesktop: "var(--v16_24_kkfbnv7)"
47
+ }, f = "v16_24_kkfbnvb";
@@ -3,6 +3,10 @@ export declare const vars: {
3
3
  spaceMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
4
  spaceTablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
5
  spaceDesktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ verticalSpace: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ verticalSpaceMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ verticalSpaceTablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ verticalSpaceDesktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
10
  };
7
11
  export declare const marginInline: string;
8
12
  export declare const inline: string;
package/dist/inline.d.ts CHANGED
@@ -4,6 +4,7 @@ type NumericSpace = -16 | -12 | -8 | -4 | -2 | 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32
4
4
  type FlexSpace = 'between' | 'around' | 'evenly';
5
5
  type Props = {
6
6
  space: FlexSpace | ByBreakpoint<NumericSpace>;
7
+ verticalSpace?: ByBreakpoint<NumericSpace>;
7
8
  alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
8
9
  children: React.ReactNode;
9
10
  className?: string;
@@ -14,5 +15,5 @@ type Props = {
14
15
  dataAttributes?: DataAttributes;
15
16
  wrap?: boolean;
16
17
  };
17
- declare const Inline: ({ space, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
18
+ declare const Inline: ({ space, verticalSpace, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
18
19
  export default Inline;
package/dist/inline.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return P;
9
+ return z;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -115,35 +115,52 @@ function _object_spread_props(target, source) {
115
115
  }
116
116
  return target;
117
117
  }
118
- const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, C = (t)=>{
119
- if (typeof t == "number" || typeof t == "string") return {
120
- [_inlinecssmistica.vars.space]: i(t)
121
- };
122
- const e = {
123
- [_inlinecssmistica.vars.spaceMobile]: i(t.mobile),
124
- [_inlinecssmistica.vars.spaceDesktop]: i(t.desktop)
125
- };
126
- return t.tablet && (e[_inlinecssmistica.vars.spaceTablet] = i(t.tablet)), e;
127
- }, D = (param)=>{
128
- let { space: t, className: e, children: p, role: l, alignItems: f = "stretch", "aria-label": o, "aria-labelledby": c, fullWidth: d, wrap: a, dataAttributes: u } = param;
129
- const { platformOverrides: s } = (0, _hooks.useTheme)();
118
+ const s = (e)=>typeof e == "number" ? `${e}px` : `space-${e}`, M = (e, a)=>{
119
+ const o = (t, i)=>{
120
+ if (typeof t == "number" || typeof t == "string") return {
121
+ [i.default]: s(t)
122
+ };
123
+ const l = {
124
+ [i.mobile]: s(t.mobile),
125
+ [i.desktop]: s(t.desktop)
126
+ };
127
+ return t.tablet && (l[i.tablet] = s(t.tablet)), l;
128
+ }, n = o(e, {
129
+ default: _inlinecssmistica.vars.space,
130
+ mobile: _inlinecssmistica.vars.spaceMobile,
131
+ tablet: _inlinecssmistica.vars.spaceTablet,
132
+ desktop: _inlinecssmistica.vars.spaceDesktop
133
+ });
134
+ if (a) {
135
+ const t = o(a, {
136
+ default: _inlinecssmistica.vars.verticalSpace,
137
+ mobile: _inlinecssmistica.vars.verticalSpaceMobile,
138
+ tablet: _inlinecssmistica.vars.verticalSpaceTablet,
139
+ desktop: _inlinecssmistica.vars.verticalSpaceDesktop
140
+ });
141
+ return _object_spread({}, n, t);
142
+ }
143
+ return n;
144
+ }, R = (param)=>{
145
+ let { space: e, verticalSpace: a, className: o, children: n, role: t, alignItems: i = "stretch", "aria-label": l, "aria-labelledby": d, fullWidth: b, wrap: c, dataAttributes: u } = param;
146
+ const { platformOverrides: m } = (0, _hooks.useTheme)();
130
147
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
131
- className: (0, _classnames.default)(e, _inlinecssmistica.inline, a ? _inlinecssmistica.wrap : d ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, typeof t == "string" ? a ? _inlinecssmistica.stringSpaceWithWrap : _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline),
132
- style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(C(t))), {
133
- alignItems: f
148
+ className: (0, _classnames.default)(o, _inlinecssmistica.inline, c ? _inlinecssmistica.wrap : b ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, typeof e == "string" ? c ? _inlinecssmistica.stringSpaceWithWrap : _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline),
149
+ style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(M(e, a))), {
150
+ alignItems: i
134
151
  }),
135
- role: l,
136
- "aria-label": o,
137
- "aria-labelledby": o ? void 0 : c
152
+ role: t,
153
+ "aria-label": l,
154
+ "aria-labelledby": l ? void 0 : d
138
155
  }, (0, _dom.getPrefixedDataAttributes)(u, "Inline")), {
139
- children: _react.Children.map(p, (n)=>n || n === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
140
- role: l === "list" ? "listitem" : void 0,
156
+ children: _react.Children.map(n, (p)=>p || p === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
157
+ role: t === "list" ? "listitem" : void 0,
141
158
  style: {
142
159
  // Hack to fix https://jira.tid.es/browse/WEB-1683
143
160
  // In iOS the inline component sometimes cuts the last line of the content
144
- paddingBottom: (0, _platform.isIos)(s) && !(0, _platform.isRunningAcceptanceTest)(s) ? 1 : void 0
161
+ paddingBottom: (0, _platform.isIos)(m) && !(0, _platform.isRunningAcceptanceTest)(m) ? 1 : void 0
145
162
  },
146
- children: n
163
+ children: p
147
164
  }) : null)
148
165
  }));
149
- }, P = D;
166
+ }, z = R;
@@ -43,22 +43,22 @@ _export(exports, {
43
43
  return c;
44
44
  },
45
45
  dualActionLeft: function() {
46
- return d;
46
+ return g;
47
47
  },
48
48
  dualActionRight: function() {
49
- return g;
49
+ return u;
50
50
  },
51
51
  pointer: function() {
52
52
  return b;
53
53
  },
54
54
  rightContent: function() {
55
- return u;
55
+ return d;
56
56
  },
57
57
  rightRestrictedWidth: function() {
58
- return k;
58
+ return l;
59
59
  },
60
60
  row: function() {
61
- return l;
61
+ return m;
62
62
  },
63
63
  rowBody: function() {
64
64
  return h;
@@ -67,10 +67,10 @@ _export(exports, {
67
67
  return s;
68
68
  },
69
69
  rowContentPadding: function() {
70
- return m;
70
+ return p;
71
71
  },
72
72
  touchableBackground: function() {
73
- return p;
73
+ return x;
74
74
  },
75
75
  touchableBackgroundInverse: function() {
76
76
  return C;
@@ -78,4 +78,4 @@ _export(exports, {
78
78
  });
79
79
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
80
80
  require("./list.css.ts.vanilla.css-mistica.js");
81
- var n = "v16_22_1y2v1nfik v16_22_1y2v1nfj2 v16_22_1y2v1nfj4", f = "v16_22_1y2v1nfcj", y = "v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nfit v16_22_1y2v1nfka v16_22_1y2v1nfjo v16_22_1y2v1nfj2", a = "v16_22_2buj9g2", r = "v16_22_1y2v1nfik v16_22_1y2v1nfiz", i = "v16_22_1y2v1nf8s v16_22_1y2v1nfa1 v16_22_1y2v1nfik v16_22_1y2v1nfj7 v16_22_1y2v1nfkx", t = "v16_22_2buj9gj v16_22_1y2v1nfik v16_22_1y2v1nfiz", j = "v16_22_2buj9gi", o = "v16_22_2buj9g0", e = "v16_22_1y2v1nfik v16_22_1y2v1nfip v16_22_1y2v1nfjo", c = "v16_22_2buj9gp v16_22_1y2v1nfik", d = "v16_22_2buj9gn v16_22_1y2v1nf8d v16_22_1y2v1nf9m v16_22_1y2v1nfav v16_22_1y2v1nfc4 v16_22_1y2v1nfl2 v16_22_1y2v1nf8c v16_22_1y2v1nfba v16_22_1y2v1nfcj v16_22_1y2v1nfim v16_22_1y2v1nfj5", g = "v16_22_2buj9gr v16_22_1y2v1nf8d v16_22_1y2v1nf9m v16_22_1y2v1nfav v16_22_1y2v1nfc4 v16_22_1y2v1nfl2 v16_22_1y2v1nf8c v16_22_1y2v1nfba v16_22_1y2v1nfcj v16_22_1y2v1nfik v16_22_1y2v1nfiz v16_22_1y2v1nfj4 v16_22_1y2v1nfj8 v16_22_1y2v1nfjo", b = "v16_22_1y2v1nflk", u = "v16_22_2buj9gg", k = "v16_22_2buj9gh", l = "v16_22_1y2v1nfj7", h = "v16_22_1y2v1nfik v16_22_1y2v1nfiq v16_22_1y2v1nfj6", s = "v16_22_2buj9g7 v16_22_1y2v1nf8d v16_22_1y2v1nf9m v16_22_1y2v1nfav v16_22_1y2v1nfc4 v16_22_1y2v1nfj7 v16_22_1y2v1nfl2 v16_22_1y2v1nf8c v16_22_1y2v1nfim v16_22_1y2v1nfjo", m = "v16_22_1y2v1nfba v16_22_1y2v1nfcj", p = "v16_22_2buj9g3", C = "v16_22_2buj9g4";
81
+ var n = "v16_24_1y2v1nfim v16_24_1y2v1nfj4 v16_24_1y2v1nfj6", f = "v16_24_1y2v1nfcl", y = "v16_24_1y2v1nfim v16_24_1y2v1nfj1 v16_24_1y2v1nfiv v16_24_1y2v1nfkc v16_24_1y2v1nfjq v16_24_1y2v1nfj4", a = "v16_24_2buj9g2", r = "v16_24_1y2v1nfim v16_24_1y2v1nfj1", i = "v16_24_1y2v1nf8u v16_24_1y2v1nfa3 v16_24_1y2v1nfim v16_24_1y2v1nfj9 v16_24_1y2v1nfkz", t = "v16_24_2buj9gj v16_24_1y2v1nfim v16_24_1y2v1nfj1", j = "v16_24_2buj9gi", o = "v16_24_2buj9g0", e = "v16_24_1y2v1nfim v16_24_1y2v1nfir v16_24_1y2v1nfjq", c = "v16_24_2buj9gp v16_24_1y2v1nfim", g = "v16_24_2buj9gn v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfbc v16_24_1y2v1nfcl v16_24_1y2v1nfio v16_24_1y2v1nfj7", u = "v16_24_2buj9gr v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfbc v16_24_1y2v1nfcl v16_24_1y2v1nfim v16_24_1y2v1nfj1 v16_24_1y2v1nfj6 v16_24_1y2v1nfja v16_24_1y2v1nfjq", b = "v16_24_1y2v1nfln", d = "v16_24_2buj9gg", l = "v16_24_2buj9gh", m = "v16_24_1y2v1nfj9", h = "v16_24_1y2v1nfim v16_24_1y2v1nfis v16_24_1y2v1nfj8", s = "v16_24_2buj9g7 v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfj9 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfio v16_24_1y2v1nfjq", p = "v16_24_1y2v1nfbc v16_24_1y2v1nfcl", x = "v16_24_2buj9g3", C = "v16_24_2buj9g4";