@cerebruminc/cerebellum 16.3.0-beta.dangerous.5bdaa8f → 16.3.0-beta.dangerous.9af715b

package/lib/cjs/Button.cjs

@@ -281,7 +281,7 @@ var Button = function (props) {
             setTimeout(function () { return setIsActive(false); }, 100);
         }
     };
-    return (jsxRuntime.jsxs(ButtonBox, { children: [jsxRuntime.jsxs(ButtonElement, _tslib.__assign({}, (useA && href ? { href: href } : {}), (useA && target ? { target: target } : {}), { as: useA ? "a" : "button", ref: buttonRef, "$backButton": backButton, "$borderRadius": borderRadius, "$boxedOutline": boxedOutline, "$boxed": boxed, "$clickable": clickable && !loading, "$colorGroup": colorGroup, "$buttonHeight": buttonHeight, "$buttonWidth": buttonWidth, "$displayBlock": !!buttonWidth && !textButton, disabled: disabled, "$disabledBackgroundColor": disabledBackgroundColor, "$disabledTextColor": disabledTextColor, "$focusOutlineBorderRadius": focusOutlineBorderRadius, "$focusOutlineOffsetBottom": focusOutlineOffsetBottom, "$focusOutlineOffsetLeft": focusOutlineOffsetLeft, "$focusOutlineOffsetRight": focusOutlineOffsetRight, "$focusOutlineOffsetTop": focusOutlineOffsetTop, "$hasIcon": hasIcon, "$isActive": isActive, name: name, "$nextButton": nextButton, onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick(event); }, onKeyPress: handleEnter, "$outline": outline, "$outlineButtonShade": outlineButtonShade, "$paddingString": paddingString, "$primary": primary, "$secondary": secondary, "$spaceBetween": spaceBetween, "$textButton": textButton, type: buttonType, "$shadow": shadow, value: value, tabIndex: clickable ? 0 : -1, "$white": white && !textButton, children: [loading && (jsxRuntime.jsx(LoadingBox, { "$loadingOffset": textButton ? getLoadingOffset(loadingOffsetParams) : 0, children: jsxRuntime.jsx(LoadingEllipsis.LoadingEllipsis, _tslib.__assign({}, loadingStyleFormat)) })), jsxRuntime.jsxs(HiddenLoadingBox, { "$hide": loading, "$justifyContent": justifyContent, children: [backButton && !nextButton && !Icon && (jsxRuntime.jsx(BackIconBox, { "data-testid": "backIcon", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedIconGap, "$size": autoIconSize, children: jsxRuntime.jsx(ArrowLong.ArrowLong, { fill: iconColor }) })), Icon && (jsxRuntime.jsx(IconBox, { "data-testid": "icon", "$disabled": disabled, "$iconGap": confirmedIconGap, "$disabledTextColor": disabledTextColor, "$size": iconSize || autoIconSize, children: jsxRuntime.jsx(Icon, { fill: iconColor }) })), jsxRuntime.jsx(Text, { "$boxed": boxed, "$boxedOutline": boxedOutline, "$colorGroup": colorGroup, "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$primary": !(!primary || white), "$textButton": textButton, "$textFontSize": textFontSize, "data-sentry-unmask": true, children: text }), nextButton && !Icon && (jsxRuntime.jsx(NextIconBox, { "data-testid": "nextIcon", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedIconGap, "$size": autoIconSize, children: jsxRuntime.jsx(ArrowLong.ArrowLong, { fill: iconColor }) })), caret && !backButton && !nextButton && !Icon && (jsxRuntime.jsx(NextIconBox, { "data-testid": "caret", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedCaretGap, "$size": autoIconSize - (boxed || boxedOutline ? 8 : 5), children: boxed || boxedOutline ? (jsxRuntime.jsx(IndicatorDown.IndicatorDown, { fill: primary && !white ? colorGroup.medium : colorGroup.dark })) : (jsxRuntime.jsx(CaretDown.CaretDown, { fill: primary && !white ? colorGroup.medium : colorGroup.dark })) })), textButton && jsxRuntime.jsx(TextButtonBackground, { "$colorGroup": colorGroup, "$textFontSize": textFontSize })] })] })), textButton && (jsxRuntime.jsx(TextButtonUnderline, { "$colorGroup": colorGroup, "$disabled": disabled, "$hasIcon": hasIcon, "$iconGap": confirmedIconGap, "$nextButton": nextButton || caret, "$size": iconSize || autoIconSize }))] }));
+    return (jsxRuntime.jsxs(ButtonBox, { children: [jsxRuntime.jsxs(ButtonElement, _tslib.__assign({}, (useA && href ? { href: href } : {}), (useA && target ? { target: target } : {}), { as: useA ? "a" : "button", ref: buttonRef, "$backButton": backButton, "$borderRadius": borderRadius, "$boxedOutline": boxedOutline, "$boxed": boxed, "$clickable": clickable && !loading, "$colorGroup": colorGroup, "$buttonHeight": buttonHeight, "$buttonWidth": buttonWidth, "$displayBlock": !!buttonWidth && !textButton, disabled: disabled, "$disabledBackgroundColor": disabledBackgroundColor, "$disabledTextColor": disabledTextColor, "$focusOutlineBorderRadius": focusOutlineBorderRadius, "$focusOutlineOffsetBottom": focusOutlineOffsetBottom, "$focusOutlineOffsetLeft": focusOutlineOffsetLeft, "$focusOutlineOffsetRight": focusOutlineOffsetRight, "$focusOutlineOffsetTop": focusOutlineOffsetTop, "$hasIcon": hasIcon, "$isActive": isActive, name: name, "$nextButton": nextButton, onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick(event); }, onKeyPress: handleEnter, "$outline": outline, "$outlineButtonShade": outlineButtonShade, "$paddingString": paddingString, "$primary": primary, "$secondary": secondary, "$spaceBetween": spaceBetween, "$textButton": textButton, type: buttonType, "$shadow": shadow, value: value, tabIndex: clickable ? 0 : -1, "$white": white && !textButton, children: [loading && (jsxRuntime.jsx(LoadingBox, { "$loadingOffset": textButton ? getLoadingOffset(loadingOffsetParams) : 0, children: jsxRuntime.jsx(LoadingEllipsis.LoadingEllipsis, _tslib.__assign({}, loadingStyleFormat)) })), jsxRuntime.jsxs(HiddenLoadingBox, { "$hide": loading, "$justifyContent": justifyContent, children: [backButton && !nextButton && !Icon && (jsxRuntime.jsx(BackIconBox, { "data-testid": "backIcon", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedIconGap, "$size": iconSize || autoIconSize, children: jsxRuntime.jsx(ArrowLong.ArrowLong, { fill: iconColor }) })), Icon && (jsxRuntime.jsx(IconBox, { "data-testid": "icon", "$disabled": disabled, "$iconGap": confirmedIconGap, "$disabledTextColor": disabledTextColor, "$size": iconSize || autoIconSize, children: jsxRuntime.jsx(Icon, { fill: iconColor }) })), jsxRuntime.jsx(Text, { "$boxed": boxed, "$boxedOutline": boxedOutline, "$colorGroup": colorGroup, "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$primary": !(!primary || white), "$textButton": textButton, "$textFontSize": textFontSize, "data-sentry-unmask": true, children: text }), nextButton && !Icon && (jsxRuntime.jsx(NextIconBox, { "data-testid": "nextIcon", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedIconGap, "$size": iconSize || autoIconSize, children: jsxRuntime.jsx(ArrowLong.ArrowLong, { fill: iconColor }) })), caret && !backButton && !nextButton && !Icon && (jsxRuntime.jsx(NextIconBox, { "data-testid": "caret", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedCaretGap, "$size": (iconSize || autoIconSize) - (boxed || boxedOutline ? 8 : 5), children: boxed || boxedOutline ? (jsxRuntime.jsx(IndicatorDown.IndicatorDown, { fill: primary && !white ? colorGroup.medium : colorGroup.dark })) : (jsxRuntime.jsx(CaretDown.CaretDown, { fill: primary && !white ? colorGroup.medium : colorGroup.dark })) })), textButton && jsxRuntime.jsx(TextButtonBackground, { "$colorGroup": colorGroup, "$textFontSize": textFontSize })] })] })), textButton && (jsxRuntime.jsx(TextButtonUnderline, { "$colorGroup": colorGroup, "$disabled": disabled, "$hasIcon": hasIcon, "$iconGap": confirmedIconGap, "$nextButton": nextButton || caret, "$size": iconSize || autoIconSize }))] }));
 };
 
 exports.Button = Button;

package/lib/esm/Button.js

@@ -279,7 +279,7 @@ var Button = function (props) {
             setTimeout(function () { return setIsActive(false); }, 100);
         }
     };
-    return (jsxs(ButtonBox, { children: [jsxs(ButtonElement, __assign({}, (useA && href ? { href: href } : {}), (useA && target ? { target: target } : {}), { as: useA ? "a" : "button", ref: buttonRef, "$backButton": backButton, "$borderRadius": borderRadius, "$boxedOutline": boxedOutline, "$boxed": boxed, "$clickable": clickable && !loading, "$colorGroup": colorGroup, "$buttonHeight": buttonHeight, "$buttonWidth": buttonWidth, "$displayBlock": !!buttonWidth && !textButton, disabled: disabled, "$disabledBackgroundColor": disabledBackgroundColor, "$disabledTextColor": disabledTextColor, "$focusOutlineBorderRadius": focusOutlineBorderRadius, "$focusOutlineOffsetBottom": focusOutlineOffsetBottom, "$focusOutlineOffsetLeft": focusOutlineOffsetLeft, "$focusOutlineOffsetRight": focusOutlineOffsetRight, "$focusOutlineOffsetTop": focusOutlineOffsetTop, "$hasIcon": hasIcon, "$isActive": isActive, name: name, "$nextButton": nextButton, onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick(event); }, onKeyPress: handleEnter, "$outline": outline, "$outlineButtonShade": outlineButtonShade, "$paddingString": paddingString, "$primary": primary, "$secondary": secondary, "$spaceBetween": spaceBetween, "$textButton": textButton, type: buttonType, "$shadow": shadow, value: value, tabIndex: clickable ? 0 : -1, "$white": white && !textButton, children: [loading && (jsx(LoadingBox, { "$loadingOffset": textButton ? getLoadingOffset(loadingOffsetParams) : 0, children: jsx(LoadingEllipsis, __assign({}, loadingStyleFormat)) })), jsxs(HiddenLoadingBox, { "$hide": loading, "$justifyContent": justifyContent, children: [backButton && !nextButton && !Icon && (jsx(BackIconBox, { "data-testid": "backIcon", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedIconGap, "$size": autoIconSize, children: jsx(ArrowLong, { fill: iconColor }) })), Icon && (jsx(IconBox, { "data-testid": "icon", "$disabled": disabled, "$iconGap": confirmedIconGap, "$disabledTextColor": disabledTextColor, "$size": iconSize || autoIconSize, children: jsx(Icon, { fill: iconColor }) })), jsx(Text, { "$boxed": boxed, "$boxedOutline": boxedOutline, "$colorGroup": colorGroup, "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$primary": !(!primary || white), "$textButton": textButton, "$textFontSize": textFontSize, "data-sentry-unmask": true, children: text }), nextButton && !Icon && (jsx(NextIconBox, { "data-testid": "nextIcon", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedIconGap, "$size": autoIconSize, children: jsx(ArrowLong, { fill: iconColor }) })), caret && !backButton && !nextButton && !Icon && (jsx(NextIconBox, { "data-testid": "caret", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedCaretGap, "$size": autoIconSize - (boxed || boxedOutline ? 8 : 5), children: boxed || boxedOutline ? (jsx(IndicatorDown, { fill: primary && !white ? colorGroup.medium : colorGroup.dark })) : (jsx(CaretDown, { fill: primary && !white ? colorGroup.medium : colorGroup.dark })) })), textButton && jsx(TextButtonBackground, { "$colorGroup": colorGroup, "$textFontSize": textFontSize })] })] })), textButton && (jsx(TextButtonUnderline, { "$colorGroup": colorGroup, "$disabled": disabled, "$hasIcon": hasIcon, "$iconGap": confirmedIconGap, "$nextButton": nextButton || caret, "$size": iconSize || autoIconSize }))] }));
+    return (jsxs(ButtonBox, { children: [jsxs(ButtonElement, __assign({}, (useA && href ? { href: href } : {}), (useA && target ? { target: target } : {}), { as: useA ? "a" : "button", ref: buttonRef, "$backButton": backButton, "$borderRadius": borderRadius, "$boxedOutline": boxedOutline, "$boxed": boxed, "$clickable": clickable && !loading, "$colorGroup": colorGroup, "$buttonHeight": buttonHeight, "$buttonWidth": buttonWidth, "$displayBlock": !!buttonWidth && !textButton, disabled: disabled, "$disabledBackgroundColor": disabledBackgroundColor, "$disabledTextColor": disabledTextColor, "$focusOutlineBorderRadius": focusOutlineBorderRadius, "$focusOutlineOffsetBottom": focusOutlineOffsetBottom, "$focusOutlineOffsetLeft": focusOutlineOffsetLeft, "$focusOutlineOffsetRight": focusOutlineOffsetRight, "$focusOutlineOffsetTop": focusOutlineOffsetTop, "$hasIcon": hasIcon, "$isActive": isActive, name: name, "$nextButton": nextButton, onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick(event); }, onKeyPress: handleEnter, "$outline": outline, "$outlineButtonShade": outlineButtonShade, "$paddingString": paddingString, "$primary": primary, "$secondary": secondary, "$spaceBetween": spaceBetween, "$textButton": textButton, type: buttonType, "$shadow": shadow, value: value, tabIndex: clickable ? 0 : -1, "$white": white && !textButton, children: [loading && (jsx(LoadingBox, { "$loadingOffset": textButton ? getLoadingOffset(loadingOffsetParams) : 0, children: jsx(LoadingEllipsis, __assign({}, loadingStyleFormat)) })), jsxs(HiddenLoadingBox, { "$hide": loading, "$justifyContent": justifyContent, children: [backButton && !nextButton && !Icon && (jsx(BackIconBox, { "data-testid": "backIcon", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedIconGap, "$size": iconSize || autoIconSize, children: jsx(ArrowLong, { fill: iconColor }) })), Icon && (jsx(IconBox, { "data-testid": "icon", "$disabled": disabled, "$iconGap": confirmedIconGap, "$disabledTextColor": disabledTextColor, "$size": iconSize || autoIconSize, children: jsx(Icon, { fill: iconColor }) })), jsx(Text, { "$boxed": boxed, "$boxedOutline": boxedOutline, "$colorGroup": colorGroup, "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$primary": !(!primary || white), "$textButton": textButton, "$textFontSize": textFontSize, "data-sentry-unmask": true, children: text }), nextButton && !Icon && (jsx(NextIconBox, { "data-testid": "nextIcon", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedIconGap, "$size": iconSize || autoIconSize, children: jsx(ArrowLong, { fill: iconColor }) })), caret && !backButton && !nextButton && !Icon && (jsx(NextIconBox, { "data-testid": "caret", "$disabled": disabled, "$disabledTextColor": disabledTextColor, "$iconGap": confirmedCaretGap, "$size": (iconSize || autoIconSize) - (boxed || boxedOutline ? 8 : 5), children: boxed || boxedOutline ? (jsx(IndicatorDown, { fill: primary && !white ? colorGroup.medium : colorGroup.dark })) : (jsx(CaretDown, { fill: primary && !white ? colorGroup.medium : colorGroup.dark })) })), textButton && jsx(TextButtonBackground, { "$colorGroup": colorGroup, "$textFontSize": textFontSize })] })] })), textButton && (jsx(TextButtonUnderline, { "$colorGroup": colorGroup, "$disabled": disabled, "$hasIcon": hasIcon, "$iconGap": confirmedIconGap, "$nextButton": nextButton || caret, "$size": iconSize || autoIconSize }))] }));
 };
 
 export { Button };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerebruminc/cerebellum",
-  "version": "16.3.0-beta.dangerous.5bdaa8f",
+  "version": "16.3.0-beta.dangerous.9af715b",
   "description": "Cerebrum's React Component Library",
   "type": "module",
   "main": "lib/cjs/index.cjs",
@@ -66,7 +66,7 @@
     "@babel/preset-env": "^7.22.9",
     "@babel/runtime": "^7.23.9",
     "@biomejs/biome": "^1.6.4",
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-commonjs": "^28.0.0",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",