@telefonica/mistica 16.3.1 → 16.5.0

package/dist/accordion.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     Accordion: function() {
-        return de;
+        return pe;
     },
     AccordionItem: function() {
-        return ie;
+        return fe;
     },
     BoxedAccordion: function() {
-        return ae;
+        return xe;
     },
     BoxedAccordionItem: function() {
-        return se;
+        return Ie;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -39,6 +39,7 @@ const _boxed = require("./boxed.js");
 const _themevariantcontext = require("./theme-variant-context.js");
 const _reacttransitiongroup = require("react-transition-group");
 const _platform = require("./utils/platform.js");
+const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -164,196 +165,212 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const v = 400, g = /*#__PURE__*/ _react.createContext({
+const R = 400, C = /*#__PURE__*/ _react.createContext({
     index: [],
     toggle: ()=>{}
-}), F = ()=>_react.useContext(g), B = (param)=>{
-    let { value: t, defaultValue: r, onChange: n, singleOpen: i } = param;
-    const m = t !== void 0, s = (e)=>e === void 0 ? [] : typeof e == "number" ? [
+}), Q = ()=>_react.useContext(C), N = (param)=>{
+    let { value: n, defaultValue: r, onChange: t, singleOpen: c } = param;
+    const d = n !== void 0, s = (e)=>e === void 0 ? [] : typeof e == "number" ? [
             e
-        ] : e, [d, a] = _react.useState(s(r));
+        ] : e, [a, u] = _react.useState(s(r));
     _react.useEffect(()=>{
-        if (d.length > 1 && i) {
+        if (a.length > 1 && c) {
             const e = [
-                ...d
+                ...a
             ];
-            e.splice(1), a(e);
+            e.splice(1), u(e);
         }
     }, [
-        i,
-        d
+        c,
+        a
     ]);
-    const p = (e, l)=>{
+    const m = (e, l)=>{
         if (!l) return [
             e
         ];
-        const u = l.indexOf(e);
+        const p = l.indexOf(e);
         let I = [
             ...l
         ];
-        return u === -1 ? i ? I = [
+        return p === -1 ? c ? I = [
             e
-        ] : I.push(e) : I.splice(u, 1), I;
+        ] : I.push(e) : I.splice(p, 1), I;
     }, f = (e)=>{
-        if (m || a(p(e, d)), n) {
-            const l = (m ? s(t) : d).includes(e);
-            n(e, !l);
+        if (d || u(m(e, a)), t) {
+            const l = (d ? s(n) : a).includes(e);
+            t(e, !l);
         }
     };
-    return m ? [
-        s(t),
+    return d ? [
+        s(n),
         f
     ] : [
-        d,
+        a,
         f
     ];
-}, H = (t)=>{
-    const r = t == null ? void 0 : t.closest("[data-accordion]");
-    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === t);
-}, b = /*#__PURE__*/ _react.forwardRef((_param, m)=>{
-    var { content: t, dataAttributes: r, trackingEvent: n } = _param, i = _object_without_properties(_param, [
+}, W = (n)=>{
+    const r = n == null ? void 0 : n.closest("[data-accordion]");
+    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((t)=>t.closest("[data-accordion]") === r).findIndex((t)=>t === n);
+}, S = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
+    var { content: n, dataAttributes: r, trackingEvent: t, right: c, "aria-label": d, "aria-labelledby": s } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
-        "trackingEvent"
+        "trackingEvent",
+        "right",
+        "aria-label",
+        "aria-labelledby"
     ]);
-    const s = _react.useRef(null), d = _react.useRef(null), { index: a, toggle: p } = F(), f = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = _react.useId(), l = _react.useId(), [u, I] = _react.useState(), x = u !== void 0 && (a == null ? void 0 : a.includes(u));
+    const m = _react.useRef(null), f = _react.useRef(null), { index: e, toggle: l } = Q(), p = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), I = _react.useId(), b = _react.useId(), [x, y] = _react.useState(), h = x !== void 0 && (e == null ? void 0 : e.includes(x));
     return _react.useEffect(()=>{
-        I(H(d.current));
+        y(W(f.current));
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
-        ref: d
+        ref: f
     }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, r), {
         "accordion-item": !0
     }))), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                ref: m,
-                className: (0, _classnames.default)(_accordioncssmistica.itemContent, f ? _accordioncssmistica.touchableBackgroundInverse : _accordioncssmistica.touchableBackground),
+                ref: u,
+                className: (0, _classnames.default)(_accordioncssmistica.itemContent, p ? _accordioncssmistica.touchableBackgroundInverse : _accordioncssmistica.touchableBackground),
                 onPress: ()=>{
-                    u !== void 0 && p(u);
+                    x !== void 0 && l(x);
                 },
-                trackingEvent: n,
-                "aria-expanded": x,
-                "aria-controls": l,
+                trackingEvent: t,
+                "aria-expanded": h,
+                "aria-controls": b,
+                "aria-label": d,
+                "aria-labelledby": s,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 16,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.Content, _object_spread_props(_object_spread({
-                        labelId: e
-                    }, i), {
-                        right: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            className: _accordioncssmistica.chevronContainer,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
-                                size: 24,
-                                transitionDuration: v,
-                                direction: x ? "up" : "down",
-                                color: f ? _skincontractcssmistica.vars.colors.inverse : x ? _skincontractcssmistica.vars.colors.neutralHigh : _skincontractcssmistica.vars.colors.neutralMedium
-                            })
-                        })
+                        labelId: I
+                    }, a), {
+                        right: (param)=>{
+                            let { centerY: O } = param;
+                            return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
+                                space: 4,
+                                alignItems: O ? "center" : void 0,
+                                className: _accordioncssmistica.rightContentContainer,
+                                children: [
+                                    c,
+                                    /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                        className: _accordioncssmistica.chevronContainer,
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
+                                            size: 24,
+                                            transitionDuration: R,
+                                            direction: h ? "up" : "down",
+                                            color: p ? _skincontractcssmistica.vars.colors.inverse : h ? _skincontractcssmistica.vars.colors.neutralHigh : _skincontractcssmistica.vars.colors.neutralMedium
+                                        })
+                                    })
+                                ]
+                            });
+                        }
                     }))
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
-                in: x,
-                timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : v,
-                nodeRef: s,
+                in: h,
+                timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : R,
+                nodeRef: m,
                 classNames: _accordioncssmistica.panelTransitionClasses,
                 mountOnEnter: !0,
                 unmountOnExit: !0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _accordioncssmistica.panelContainer,
-                    ref: s,
+                    ref: m,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _accordioncssmistica.panel,
                         role: "region",
-                        "aria-labelledby": e,
-                        id: l,
+                        "aria-labelledby": I,
+                        id: b,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingX: 16,
                             paddingBottom: 16,
-                            children: t
+                            children: n
                         })
                     })
                 })
             })
         ]
     }));
-}), ie = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
-    var { dataAttributes: t, role: r } = _param, n = _object_without_properties(_param, [
+}), fe = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: n, role: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         role: r,
         className: _accordioncssmistica.accordionItem,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(b, _object_spread_props(_object_spread({}, n), {
-            ref: i,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, t), {
+            ref: c,
             dataAttributes: _object_spread({
                 "component-name": "AccordionItem"
-            }, t)
+            }, n)
         }))
     });
-}), de = (param)=>{
-    let { children: t, dataAttributes: r, index: n, defaultIndex: i, onChange: m, singleOpen: s, role: d } = param;
-    const [a, p] = B({
-        value: n,
-        defaultValue: i,
-        onChange: m,
+}), pe = (param)=>{
+    let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
+    const [u, m] = N({
+        value: t,
+        defaultValue: c,
+        onChange: d,
         singleOpen: s
-    }), f = _react.Children.toArray(t).filter(Boolean), e = f.length - 1;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(g.Provider, {
+    }), f = _react.Children.toArray(n).filter(Boolean), e = f.length - 1;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(C.Provider, {
         value: {
-            index: a,
-            toggle: p
+            index: u,
+            toggle: m
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            role: d
+            role: a
         }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, r), {
             accordion: !0
         }), "Accordion")), {
-            children: f.map((l, u)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+            children: f.map((l, p)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                     children: [
                         l,
-                        u < e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        p < e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                             paddingX: 16,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
                         })
                     ]
-                }, u))
+                }, p))
         }))
     });
-}, se = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
-    var { dataAttributes: t, isInverse: r } = _param, n = _object_without_properties(_param, [
+}, Ie = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: n, isInverse: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "isInverse"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.Boxed, {
-        isInverse: r,
-        ref: i,
+        variant: r ? "inverse" : "default",
+        ref: c,
         dataAttributes: _object_spread({
             "component-name": "BoxedAccordionItem"
-        }, t),
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(b, _object_spread({}, n))
+        }, n),
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread({}, t))
     });
-}), ae = (param)=>{
-    let { children: t, dataAttributes: r, index: n, defaultIndex: i, onChange: m, singleOpen: s, role: d } = param;
-    const [a, p] = B({
-        value: n,
-        defaultValue: i,
-        onChange: m,
+}), xe = (param)=>{
+    let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
+    const [u, m] = N({
+        value: t,
+        defaultValue: c,
+        onChange: d,
         singleOpen: s
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(g.Provider, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(C.Provider, {
         value: {
-            index: a,
-            toggle: p
+            index: u,
+            toggle: m
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
             space: 16,
-            role: d,
+            role: a,
             dataAttributes: _object_spread({
                 "component-name": "BoxedAccordion",
                 accordion: !0
             }, r),
-            children: t
+            children: n
         })
     });
 };

package/dist/avatar.css-mistica.js

@@ -10,11 +10,11 @@ function _export(target, all) {
 }
 _export(exports, {
     avatar: function() {
-        return f;
+        return a;
     },
     image: function() {
-        return a;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var f = "_1y2v1nfki _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfkl", a = "_1y2v1nfmf";
+var a = "_1y2v1nfkm _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx _1y2v1nfkp", f = "_1y2v1nfmj";

package/dist/badge.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     badge: function() {
-        return v;
+        return _;
     },
     badgeBigNumber: function() {
-        return _;
+        return a;
     },
     badgeBorder: function() {
-        return a;
+        return d;
     },
     badgeNumber: function() {
         return e;
@@ -25,9 +25,9 @@ _export(exports, {
         return n;
     },
     container: function() {
-        return f;
+        return h;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./badge.css.ts.vanilla.css-mistica.js");
-var v = "_17szrmd2 _1y2v1nf5d", _ = "_17szrmd7", a = "_17szrmd3", e = "_17szrmd5 _17szrmd2 _1y2v1nf5d _1y2v1nfhk _1y2v1nfhz _1y2v1nfht", n = "_1y2v1nfhf", f = "_1y2v1nfhe _1y2v1nfho";
+var _ = "_17szrmd2 _1y2v1nf5h", a = "_17szrmd7", d = "_17szrmd3", e = "_17szrmd5 _17szrmd2 _1y2v1nf5h _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx", n = "_1y2v1nfhj", h = "_1y2v1nfhi _1y2v1nfhs";

package/dist/boxed.css-mistica.js

@@ -27,7 +27,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./boxed.css.ts.vanilla.css-mistica.js");
-var e = "_1y2v1nfk1", r = "ihbkeqm", a = "ihbkeqo", b = "_1y2v1nfk2", k = {
+var e = "_1y2v1nfk5", r = "ihbkeqm", a = "ihbkeqo", b = "_1y2v1nfk6", k = {
     width: "var(--ihbkeq0)",
     height: "var(--ihbkeq1)",
     minHeight: "var(--ihbkeq2)",

package/dist/boxed.js

@@ -14,7 +14,7 @@ _export(exports, {
         return G;
     },
     InternalBoxed: function() {
-        return H;
+        return M;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -123,38 +123,38 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const A = (t, r)=>t || r ? _boxedcssmistica.noBorder : _boxedcssmistica.boxBorder, a = (t)=>typeof t == "number" ? `${t}px` : t !== null && t !== void 0 ? t : "initial", e = (t, r)=>{
-    if (typeof r == "number" || typeof r == "string" || typeof r > "u") return {
-        [_boxedcssmistica.vars[t]]: a(r)
+const H = (r, e)=>r || e ? _boxedcssmistica.noBorder : _boxedcssmistica.boxBorder, s = (r)=>typeof r == "number" ? `${r}px` : r !== null && r !== void 0 ? r : "initial", t = (r, e)=>{
+    if (typeof e == "number" || typeof e == "string" || typeof e > "u") return {
+        [_boxedcssmistica.vars[r]]: s(e)
     };
     const n = {
-        [_boxedcssmistica.vars.mobile[t]]: a(r.mobile),
-        [_boxedcssmistica.vars.desktop[t]]: a(r.desktop)
+        [_boxedcssmistica.vars.mobile[r]]: s(e.mobile),
+        [_boxedcssmistica.vars.desktop[r]]: s(e.desktop)
     };
-    return r.tablet && (n[_boxedcssmistica.vars.tablet[t]] = a(r.tablet)), n;
-}, H = /*#__PURE__*/ _react.forwardRef((param, O)=>{
-    let { children: t, isInverse: r = !1, className: n, role: l, dataAttributes: b, "aria-label": c, "aria-labelledby": p, width: y, maxWidth: u, minWidth: x, height: g, minHeight: h, borderRadius: k = _skincontractcssmistica.vars.borderRadii.container, background: d, desktopOnly: B, variant: C } = param;
-    const m = (0, _themevariantcontext.useIsInverseOrMediaVariant)();
+    return e.tablet && (n[_boxedcssmistica.vars.tablet[r]] = s(e.tablet)), n;
+}, M = /*#__PURE__*/ _react.forwardRef((param, O)=>{
+    let { children: r, isInverse: e = !1, className: n, role: c, dataAttributes: p, "aria-label": y, "aria-labelledby": u, width: x, maxWidth: g, minWidth: h, height: k, minHeight: B, borderRadius: I = _skincontractcssmistica.vars.borderRadii.container, background: f, desktopOnly: C, variant: a } = param;
+    const l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), d = e || a === "inverse" || a === "media";
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         ref: O,
-        style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(_object_spread_props(_object_spread({}, e("width", y), e("maxWidth", u), e("minWidth", x), e("height", g), e("minHeight", h)), {
-            [_boxedcssmistica.vars.background]: (d !== null && d !== void 0 ? d : r) ? m ? _skincontractcssmistica.vars.colors.backgroundContainerBrandOverInverse : _skincontractcssmistica.vars.colors.backgroundContainerBrand : _skincontractcssmistica.vars.colors.backgroundContainer,
-            [_boxedcssmistica.vars.borderRadius]: k
+        style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(_object_spread_props(_object_spread({}, t("width", x), t("maxWidth", g), t("minWidth", h), t("height", k), t("minHeight", B)), {
+            [_boxedcssmistica.vars.background]: (f !== null && f !== void 0 ? f : d) ? l ? _skincontractcssmistica.vars.colors.backgroundContainerBrandOverInverse : _skincontractcssmistica.vars.colors.backgroundContainerBrand : _skincontractcssmistica.vars.colors.backgroundContainer,
+            [_boxedcssmistica.vars.borderRadius]: I
         }))), {
-            background: d
+            background: f
         }),
-        className: (0, _classnames.default)(n, _boxedcssmistica.boxed, A(m, r), {
-            [_boxedcssmistica.desktopOnly]: B
+        className: (0, _classnames.default)(n, _boxedcssmistica.boxed, H(l, d), {
+            [_boxedcssmistica.desktopOnly]: C
         }),
-        role: l,
-        "aria-label": c,
-        "aria-labelledby": p
-    }, (0, _dom.getPrefixedDataAttributes)(b)), {
+        role: c,
+        "aria-label": y,
+        "aria-labelledby": u
+    }, (0, _dom.getPrefixedDataAttributes)(p)), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-            variant: C !== null && C !== void 0 ? C : r ? "inverse" : void 0,
-            children: t
+            variant: a !== null && a !== void 0 ? a : d ? "inverse" : void 0,
+            children: r
         })
     }));
-}), G = /*#__PURE__*/ _react.forwardRef((t, r)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(H, _object_spread_props(_object_spread({}, t), {
-        ref: r
+}), G = /*#__PURE__*/ _react.forwardRef((r, e)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(M, _object_spread_props(_object_spread({}, r), {
+        ref: e
     })));

package/dist/button-group.css-mistica.js

@@ -13,16 +13,16 @@ _export(exports, {
         return r;
     },
     buttons: function() {
-        return h;
+        return a;
     },
     buttonsWithSmallLink: function() {
-        return a;
+        return h;
     },
     centerInDesktop: function() {
-        return e;
+        return i;
     },
     centerInMobile: function() {
-        return i;
+        return e;
     },
     centerInTablet: function() {
         return v;
@@ -40,4 +40,4 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./button.css.ts.vanilla.css-mistica.js");
 require("./button-group.css.ts.vanilla.css-mistica.js");
-var r = "_1xdd1h69", h = "_1xdd1h67", a = "_1xdd1h68", e = "_1xdd1h64", i = "_1xdd1h62", v = "_1xdd1h63", _ = "_1xdd1h65", o = "_1xdd1h66", x = "_1xdd1h61 _1y2v1nfhl _1y2v1nfhz _1y2v1nfhp";
+var r = "_1xdd1h69", a = "_1xdd1h67", h = "_1xdd1h68", i = "_1xdd1h64", e = "_1xdd1h62", v = "_1xdd1h63", _ = "_1xdd1h65", o = "_1xdd1h66", x = "_1xdd1h61 _1y2v1nfhp _1y2v1nfi3 _1y2v1nfht";

package/dist/button-layout.css-mistica.js

@@ -16,34 +16,34 @@ _export(exports, {
         return l;
     },
     containerWithTwoButtons: function() {
-        return k;
+        return v;
     },
     link: function() {
-        return v;
+        return i;
     },
     linkInNewLine: function() {
-        return i;
+        return k;
     },
     smallLinkInNewLine: function() {
-        return t;
+        return x;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./button.css.ts.vanilla.css-mistica.js");
 require("./button-layout.css.ts.vanilla.css-mistica.js");
 var n = {
-    right: "kfxylh7 _1y2v1nfhu",
-    left: "kfxylh8 _1y2v1nfhs",
-    center: "kfxylh9 _1y2v1nfht",
-    "full-width": "kfxylha _1y2v1nfht"
-}, l = "kfxylh1 _1y2v1nfhk _1y2v1nfhz", k = "kfxylh2", v = "kfxylhd kfxylhc _1y2v1nfhk _1y2v1nfi7", i = {
-    center: "kfxylhc _1y2v1nfhk _1y2v1nfi7",
-    left: "kfxylhc _1y2v1nfhk _1y2v1nfi7 kfxylhe",
-    right: "kfxylhc _1y2v1nfhk _1y2v1nfi7 kfxylhf",
-    "full-width": "kfxylhc _1y2v1nfhk _1y2v1nfi7 kfxylhg"
-}, t = {
-    center: "kfxylhc _1y2v1nfhk _1y2v1nfi7",
-    left: "kfxylhc _1y2v1nfhk _1y2v1nfi7 kfxylhl",
-    right: "kfxylhc _1y2v1nfhk _1y2v1nfi7 kfxylhm",
-    "full-width": "kfxylhc _1y2v1nfhk _1y2v1nfi7 kfxylhn"
+    right: "kfxylh7 _1y2v1nfhy",
+    left: "kfxylh8 _1y2v1nfhw",
+    center: "kfxylh9 _1y2v1nfhx",
+    "full-width": "kfxylha _1y2v1nfhx"
+}, l = "kfxylh1 _1y2v1nfho _1y2v1nfi3", v = "kfxylh2", i = "kfxylhd kfxylhc _1y2v1nfho _1y2v1nfib", k = {
+    center: "kfxylhc _1y2v1nfho _1y2v1nfib",
+    left: "kfxylhc _1y2v1nfho _1y2v1nfib kfxylhe",
+    right: "kfxylhc _1y2v1nfho _1y2v1nfib kfxylhf",
+    "full-width": "kfxylhc _1y2v1nfho _1y2v1nfib kfxylhg"
+}, x = {
+    center: "kfxylhc _1y2v1nfho _1y2v1nfib",
+    left: "kfxylhc _1y2v1nfho _1y2v1nfib kfxylhl",
+    right: "kfxylhc _1y2v1nfho _1y2v1nfib kfxylhm",
+    "full-width": "kfxylhc _1y2v1nfho _1y2v1nfib kfxylhn"
 };