@telefonica/mistica 15.18.0 → 15.19.0

package/dist/button.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     ButtonDanger: function() {
-        return De;
+        return ze;
     },
     ButtonLink: function() {
-        return Re;
+        return Pe;
     },
     ButtonLinkDanger: function() {
-        return Be;
+        return Ne;
     },
     ButtonPrimary: function() {
-        return Te;
+        return Se;
     },
     ButtonSecondary: function() {
-        return Ae;
+        return Ve;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -167,35 +167,34 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const k = (param)=>{
-    let { content: e, defaultIconSize: t, renderText: i } = param;
-    const l = (0, _utils.flattenChildren)(e), u = l.length, c = [];
-    let s = [];
-    const f = ()=>{
-        c.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
-            children: i(s)
-        }, c.length)), s = [];
+const A = (param)=>{
+    let { small: e, content: i, defaultIconSize: n, TextContentRenderer: r } = param;
+    const f = (0, _utils.flattenChildren)(i), g = f.length, l = [];
+    let c = [];
+    const m = ()=>{
+        l.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
+            children: r(c, e)
+        }, l.length)), c = [];
     };
-    return l.forEach((d, m)=>{
-        const h = m === 0, o = m === u - 1;
-        if (/*#__PURE__*/ _react.isValidElement(d)) {
-            s.length && f();
-            var _d_props_size;
-            const v = (_d_props_size = d.props.size) !== null && _d_props_size !== void 0 ? _d_props_size : t;
-            c.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+    return f.forEach((s, d)=>{
+        const u = d === 0, o = d === g - 1;
+        if (/*#__PURE__*/ _react.isValidElement(s)) {
+            c.length && m();
+            const y = s.props.size !== void 0 ? (0, _css.pxToRem)(s.props.size) : n;
+            l.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
-                    marginLeft: h ? 0 : _buttoncssmistica.ICON_MARGIN_PX,
-                    marginRight: o ? 0 : _buttoncssmistica.ICON_MARGIN_PX
+                    marginLeft: u ? 0 : _buttoncssmistica.iconMargin,
+                    marginRight: o ? 0 : _buttoncssmistica.iconMargin
                 },
-                children: /*#__PURE__*/ _react.cloneElement(d, {
-                    size: (0, _css.pxToRem)(v)
+                children: /*#__PURE__*/ _react.cloneElement(s, {
+                    size: y
                 })
-            }, c.length));
-        } else s.push(d), o && f();
-    }), c;
-}, he = ()=>{
+            }, l.length));
+        } else c.push(s), o && m();
+    }), l;
+}, me = ()=>{
     const { skinName: e } = (0, _hooks.useTheme)();
     return e === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         width: "0.5em",
@@ -215,23 +214,33 @@ const k = (param)=>{
             fill: "currentColor"
         })
     });
-}, X = (param)=>{
-    let { showSpinner: e, children: t, small: i, loadingText: l, shouldRenderSpinner: u, setShouldRenderSpinner: c, renderText: s, textContentStyle: f, StartIcon: d, EndIcon: m, withChevron: h } = param;
-    const o = i ? _buttoncssmistica.SMALL_ICON_SIZE : _buttoncssmistica.ICON_SIZE, r = (0, _css.pxToRem)(i ? _buttoncssmistica.SMALL_SPINNER_SIZE : _buttoncssmistica.SPINNER_SIZE);
+}, fe = (param)=>{
+    let { showSpinner: e, children: i, small: n, loadingText: r, shouldRenderSpinner: f, setShouldRenderSpinner: g, TextContentRenderer: l, StartIcon: c, EndIcon: m, withChevron: s } = param;
+    const d = n ? _buttoncssmistica.iconSize.small : _buttoncssmistica.iconSize.default, u = n ? _buttoncssmistica.spinnerSize.small : _buttoncssmistica.spinnerSize.default, o = A({
+        small: n,
+        content: i,
+        defaultIconSize: d,
+        TextContentRenderer: l
+    }), C = A({
+        small: n,
+        content: r,
+        defaultIconSize: d,
+        TextContentRenderer: l
+    });
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 "aria-hidden": e ? !0 : void 0,
-                className: f,
+                className: _buttoncssmistica.textContent,
                 children: [
-                    d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginRight: _buttoncssmistica.ICON_MARGIN_PX
+                            marginRight: _buttoncssmistica.iconMargin
                         },
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
-                            size: (0, _css.pxToRem)(o),
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(c, {
+                            size: d,
                             color: "currentColor"
                         })
                     }),
@@ -241,29 +250,25 @@ const k = (param)=>{
                             alignItems: "baseline"
                         },
                         children: [
-                            k({
-                                content: t,
-                                defaultIconSize: o,
-                                renderText: s
-                            }),
-                            h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            o,
+                            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
                                     display: "flex",
                                     alignItems: "center",
-                                    marginLeft: _buttoncssmistica.CHEVRON_MARGIN_LEFT_LINK
+                                    marginLeft: _buttoncssmistica.chevronMarginLeft
                                 },
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(he, {})
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(me, {})
                             })
                         ]
                     }),
-                    m && !h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    m && !s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
-                            marginLeft: _buttoncssmistica.ICON_MARGIN_PX
+                            marginLeft: _buttoncssmistica.iconMargin
                         },
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
-                            size: (0, _css.pxToRem)(o),
+                            size: d,
                             color: "currentColor"
                         })
                     })
@@ -272,135 +277,137 @@ const k = (param)=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _buttoncssmistica.loadingFiller,
                 "aria-hidden": !0,
-                style: l ? {
-                    paddingLeft: r,
-                    paddingRight: _buttoncssmistica.ICON_MARGIN_PX + 2 * (i ? _buttoncssmistica.X_SMALL_PADDING_PX : _buttoncssmistica.X_PADDING_PX)
+                style: r ? {
+                    paddingLeft: u,
+                    paddingRight: `calc(${_buttoncssmistica.iconMargin} + 2 * ${n ? _buttoncssmistica.buttonPaddingX.small : _buttoncssmistica.buttonPaddingX.default})`
                 } : void 0,
-                children: k({
-                    content: l,
-                    defaultIconSize: o,
-                    renderText: s
-                })
+                children: C
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                 "aria-hidden": e ? void 0 : !0,
                 className: _buttoncssmistica.loadingContent,
                 onTransitionEnd: ()=>{
-                    e !== u && c(e);
+                    e !== f && g(e);
                 },
                 children: [
-                    u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
-                        rolePresentation: !!l,
+                    f ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
+                        rolePresentation: !!r,
                         color: "currentcolor",
                         delay: "0s",
-                        size: r
+                        size: u
                     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             display: "inline-block",
-                            width: r,
-                            height: r
+                            width: u,
+                            height: u
                         }
                     }),
-                    l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                         paddingLeft: 8,
-                        children: k({
-                            content: l,
-                            defaultIconSize: o,
-                            renderText: s
-                        })
+                        children: C
                     }) : null
                 ]
             })
         ]
     });
-}, R = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    const { textPresets: i } = (0, _hooks.useTheme)(), { eventFormat: l } = (0, _analytics.useTrackingConfig)(), { formStatus: u, formId: c } = (0, _formcontext.useForm)(), s = (0, _themevariantcontext.useIsInverseVariant)(), { loadingText: f } = e, d = !!e.submit, m = u === "sending", [h, o] = _react.useState(!1), r = e.showSpinner || m && d || h, [v, L] = _react.useState(!!r);
+}, x = /*#__PURE__*/ _react.forwardRef((e, i)=>{
+    var _e_withChevron;
+    const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: r, formId: f } = (0, _formcontext.useForm)(), g = (0, _themevariantcontext.useIsInverseVariant)(), { loadingText: l } = e, c = !!e.submit, m = r === "sending", { isDarkMode: s } = (0, _hooks.useTheme)(), [d, u] = _react.useState(!1), o = e.showSpinner || m && c || d, C = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : e.buttonType.startsWith("link") && (!!e.href || !!e.to), [y, P] = _react.useState(!!o);
     _react.useEffect(()=>{
-        r && !v && L(!0);
+        o && !y && P(!0);
     }, [
-        r,
-        v,
-        u
+        o,
+        y,
+        r
     ]);
     var _e_trackingEvent;
-    const N = ()=>l === "google-analytics-4" ? {
+    const W = ()=>{
+        let b, h;
+        switch(e.buttonType){
+            case "link":
+                b = "link", h = _analytics.eventActions.linkTapped;
+                break;
+            case "linkDanger":
+                b = "danger_link", h = _analytics.eventActions.linkTapped;
+                break;
+            default:
+                b = `${e.buttonType}_button`, h = `${e.buttonType}_button_tapped`;
+                break;
+        }
+        return n === "google-analytics-4" ? {
             name: _analytics.eventNames.userInteraction,
-            component_type: `${e.type}_button`,
+            component_type: b,
             component_copy: (0, _common.getTextFromChildren)(e.children)
         } : {
             category: _analytics.eventCategories.userInteraction,
-            action: `${e.type}_button_tapped`,
+            action: h,
             label: (0, _common.getTextFromChildren)(e.children)
-        }, _ = (I)=>e.small ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
-            size: 14,
-            lineHeight: 20,
-            weight: i.button.weight,
-            truncate: 1,
-            color: "inherit",
-            as: "div",
-            children: I
-        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
-            weight: i.button.weight,
-            truncate: 1,
-            color: "inherit",
-            as: "div",
-            children: I
-        }), b = {
-        ref: t,
-        className: (0, _classnames.default)(s ? _buttoncssmistica.inverseButtonVariants[e.type] : _buttoncssmistica.buttonVariants[e.type], e.className, {
+        };
+    }, N = e.buttonType.startsWith("link") ? _buttoncssmistica.linkMinWidth : _buttoncssmistica.buttonMinWidth, S = e.buttonType === "linkDanger" && s && g ? "linkDangerDark" : e.buttonType, T = {
+        ref: i,
+        className: (0, _classnames.default)(g ? _buttoncssmistica.inverseButtonVariants[S] : _buttoncssmistica.buttonVariants[S], e.className, {
             [_buttoncssmistica.small]: e.small,
-            [_buttoncssmistica.isLoading]: r
+            [_buttoncssmistica.isLoading]: o
         }),
-        style: _object_spread({
+        style: _object_spread(_object_spread_props(_object_spread({}, (0, _css.applyCssVars)({
+            [_buttoncssmistica.buttonVars.minWidth]: e.small ? N.small : N.default
+        }), e.bleedLeft ? {
+            marginLeft: `calc(-1 * (${_buttoncssmistica.borderSize} + ${e.small ? _buttoncssmistica.buttonPaddingX.small : _buttoncssmistica.buttonPaddingX.default}))`
+        } : void 0, e.bleedRight ? {
+            marginRight: `calc(-1 * (${_buttoncssmistica.borderSize} + ${e.small ? _buttoncssmistica.buttonPaddingX.small : _buttoncssmistica.buttonPaddingX.default}))`
+        } : void 0, e.bleedY ? {
+            marginTop: `calc(-1 * (${_buttoncssmistica.borderSize} + ${e.small ? _buttoncssmistica.buttonPaddingY.small : _buttoncssmistica.buttonPaddingY.default}))`,
+            marginBottom: `calc(-1 * (${_buttoncssmistica.borderSize} + ${e.small ? _buttoncssmistica.buttonPaddingY.small : _buttoncssmistica.buttonPaddingY.default}))`
+        } : void 0), {
             cursor: e.fake ? "pointer" : void 0
-        }, e.style),
-        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? N() : void 0,
+        }), e.style),
+        trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? W() : void 0,
         dataAttributes: e.dataAttributes,
         "aria-label": e["aria-label"],
         "aria-controls": e["aria-controls"],
         "aria-expanded": e["aria-expanded"],
         "aria-haspopup": e["aria-haspopup"],
         tabIndex: e.tabIndex,
-        children: X({
-            showSpinner: r,
-            shouldRenderSpinner: v,
-            setShouldRenderSpinner: L,
+        children: fe({
+            showSpinner: o,
+            shouldRenderSpinner: y,
+            setShouldRenderSpinner: P,
             children: e.children,
-            loadingText: f,
+            loadingText: l,
             small: e.small,
-            renderText: _,
-            textContentStyle: _buttoncssmistica.textContent,
+            TextContentRenderer: e.TextContentRenderer,
             StartIcon: e.StartIcon,
-            EndIcon: e.EndIcon
+            EndIcon: e.EndIcon,
+            withChevron: C
         }),
-        disabled: e.disabled || r || m,
+        disabled: e.disabled || o || m,
         role: e.role
     };
     if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
     if (e.fake) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
         maybe: !0
-    }, b), {
+    }, T), {
         role: "presentation",
         "aria-hidden": "true"
     }));
     if (e.submit) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread({
         type: "submit",
-        formId: c,
+        formId: f,
         onPress: ()=>{}
-    }, b));
-    if (e.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, b), {
-        onPress: (I)=>{
-            const y = e.onPress(I);
-            y && (o(!0), y.finally(()=>o(!1)));
+    }, T));
+    if (e.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, T), {
+        onPress: (b)=>{
+            const h = e.onPress(b);
+            h && (u(!0), h.finally(()=>u(!1)));
         }
     }));
-    if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, b), {
+    if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, T), {
         to: e.to,
         newTab: e.newTab,
         fullPageOnWebView: e.fullPageOnWebView,
         onNavigate: e.onNavigate
     }));
-    if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, b), {
+    if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, T), {
         href: e.href,
         newTab: e.newTab,
         loadOnTop: e.loadOnTop,
@@ -408,155 +415,99 @@ const k = (param)=>{
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Z = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
-    var { type: e } = _param, t = _object_without_properties(_param, [
-        "type"
-    ]);
-    var _t_withChevron;
-    const { formStatus: l } = (0, _formcontext.useForm)(), u = (0, _themevariantcontext.useIsInverseVariant)(), { textPresets: c } = (0, _hooks.useTheme)(), { eventFormat: s } = (0, _analytics.useTrackingConfig)(), { isDarkMode: f } = (0, _hooks.useTheme)(), { loadingText: d } = t, m = l === "sending", [h, o] = _react.useState(!1), r = t.showSpinner || h, v = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : !!t.href || !!t.to, [L, N] = _react.useState(!!r);
-    _react.useEffect(()=>{
-        r && !L && N(!0);
-    }, [
-        r,
-        L,
-        l
-    ]);
-    var _t_trackingEvent;
-    const _ = ()=>s === "google-analytics-4" ? {
-            name: _analytics.eventNames.userInteraction,
-            component_type: e === "danger" ? "danger_link" : "link",
-            component_copy: (0, _common.getTextFromChildren)(t.children)
-        } : {
-            category: _analytics.eventCategories.userInteraction,
-            action: _analytics.eventActions.linkTapped,
-            label: (0, _common.getTextFromChildren)(t.children)
-        }, b = (x)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-            weight: c.button.weight,
-            truncate: 1,
-            color: "inherit",
-            children: x
-        }), I = e === "danger" && f && u ? "dangerDark" : e, y = {
-        className: (0, _classnames.default)(u ? _buttoncssmistica.inverseLinkVariants[I] : _buttoncssmistica.linkVariants[I], {
-            [_buttoncssmistica.isLoading]: r
-        }),
-        /**
-     * Setting bleed classes with style to override the margin:0 set by the Touchable component.
-     * If we set it using className, it may not work depending on the order in which the styles are applied.
-     */ style: _object_spread({}, t.bleedLeft ? {
-            marginLeft: -_buttoncssmistica.PADDING_X_LINK
-        } : void 0, t.bleedRight ? {
-            marginRight: -_buttoncssmistica.PADDING_X_LINK
-        } : void 0, t.bleedY ? {
-            marginTop: -_buttoncssmistica.PADDING_Y_LINK,
-            marginBottom: -_buttoncssmistica.PADDING_Y_LINK
-        } : void 0),
-        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? _() : void 0,
-        dataAttributes: t.dataAttributes,
-        "aria-label": t["aria-label"],
-        "aria-controls": t["aria-controls"],
-        "aria-expanded": t["aria-expanded"],
-        "aria-haspopup": t["aria-haspopup"],
-        children: X({
-            showSpinner: r,
-            shouldRenderSpinner: L,
-            setShouldRenderSpinner: N,
-            children: t.children,
-            loadingText: d,
-            small: !0,
-            renderText: b,
-            textContentStyle: _buttoncssmistica.textContentLink,
-            StartIcon: t.StartIcon,
-            EndIcon: t.EndIcon,
-            withChevron: v
-        }),
-        disabled: t.disabled || r || m,
-        role: t.role
-    };
-    if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
-    if (t.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
-        ref: i
-    }, y), {
-        onPress: (x)=>{
-            const B = t.onPress(x);
-            B && (o(!0), B.finally(()=>o(!1)));
-        }
-    }));
-    if (t.to || t.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
-        ref: i
-    }, y), {
-        to: t.to,
-        newTab: t.newTab,
-        fullPageOnWebView: t.fullPageOnWebView,
-        onNavigate: t.onNavigate
-    }));
-    if (t.href || t.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
-        ref: i
-    }, y), {
-        href: t.href,
-        newTab: t.newTab,
-        onNavigate: t.onNavigate
-    }));
-    if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
-    return null;
-}), Re = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
-    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
-        "dataAttributes"
+}), I = (e, i)=>{
+    const { textPresets: n } = (0, _hooks.useTheme)();
+    return i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
+        size: 14,
+        lineHeight: 20,
+        weight: n.button.weight,
+        truncate: 1,
+        color: "inherit",
+        as: "div",
+        children: e
+    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+        weight: n.button.weight,
+        truncate: 1,
+        color: "inherit",
+        as: "div",
+        children: e
+    });
+}, O = (e, i)=>{
+    const { textPresets: n } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(i ? _text.Text2 : _text.Text3, {
+        weight: n.button.weight,
+        truncate: 1,
+        color: "inherit",
+        children: e
+    });
+}, Pe = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+    var { dataAttributes: e, small: i } = _param, n = _object_without_properties(_param, [
+        "dataAttributes",
+        "small"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonLink"
         }, e)
-    }, t), {
-        ref: i,
-        type: "default"
+    }, n), {
+        small: !0,
+        ref: r,
+        buttonType: "link",
+        TextContentRenderer: O
     }));
-}), Be = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
-    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
-        "dataAttributes"
+}), Ne = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
+    var { dataAttributes: e, small: i } = _param, n = _object_without_properties(_param, [
+        "dataAttributes",
+        "small"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonLinkDanger"
         }, e)
-    }, t), {
+    }, n), {
         withChevron: !1,
-        ref: i,
-        type: "danger"
+        small: !0,
+        ref: r,
+        buttonType: "linkDanger",
+        TextContentRenderer: O
     }));
-}), Te = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
-    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
+}), Se = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+    var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonPrimary"
         }, e)
-    }, t), {
-        ref: i,
-        type: "primary"
+    }, i), {
+        ref: n,
+        buttonType: "primary",
+        TextContentRenderer: I
     }));
-}), Ae = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
-    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
+}), Ve = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+    var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonSecondary"
         }, e)
-    }, t), {
-        ref: i,
-        type: "secondary"
+    }, i), {
+        ref: n,
+        buttonType: "secondary",
+        TextContentRenderer: I
     }));
-}), De = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
-    var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
+}), ze = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+    var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread_props(_object_spread({
         dataAttributes: _object_spread({
             "component-name": "ButtonDanger"
         }, e)
-    }, t), {
-        ref: i,
-        type: "danger"
+    }, i), {
+        ref: n,
+        buttonType: "danger",
+        TextContentRenderer: I
     }));
 });

package/dist/logo-blau.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LogoImageProps } from './logo-common';
+declare const BlauLogoImage: ({ size, type, isDarkMode, isInverse }: LogoImageProps) => JSX.Element;
+export default BlauLogoImage;