@televet/kibble-ui 1.14.10-beta.4738dbh.2 → 1.14.11

package/build/index.js

@@ -1707,8 +1707,8 @@ var ButtonVariantConfig = {
         light: {
             content: colors.text.light.error,
             default: colors.transparent,
-            hover: colors.red['50'],
-            active: colors.red['100'],
+            hover: colors.blackAlpha['50'],
+            active: colors.blackAlpha['100'],
             border: colors.border.light.error,
         },
         dark: {
@@ -13087,9 +13087,10 @@ var Modal = function (_a) {
     // Responsive values for full screen modals on phones.
     var fullScreenMobileSize = react.useBreakpointValue({ base: 'full', md: size });
     var fullScreenMobileBorderRadius = react.useBreakpointValue({ base: 0, md: radii.xl });
+    var fullScreenMobileContentMargin = react.useBreakpointValue({ base: 0, md: 16 });
     var Modal = (React__default["default"].createElement(react.Modal, __assign({ closeOnEsc: allowEscape, closeOnOverlayClick: allowEscape, autoFocus: !!initialFocusRef, isOpen: isOpen, onClose: onClose, scrollBehavior: scrollBehavior, isCentered: isCentered, size: useFullScreenMobile ? fullScreenMobileSize : size, motionPreset: "slideInBottom" }, rest),
         React__default["default"].createElement(react.ModalOverlay, null),
-        React__default["default"].createElement(react.ModalContent, __assign({ backgroundColor: backgroundColor, m: useFullScreenMobile ? 0 : 16 }, (!useFullScreenMobile && { mx: 5 }), { borderRadius: useFullScreenMobile ? fullScreenMobileBorderRadius : radii.xl }, (useFullScreenMobile && { minH: { base: '-webkit-fill-available', md: 'auto' } })), children)));
+        React__default["default"].createElement(react.ModalContent, { backgroundColor: backgroundColor, m: useFullScreenMobile ? fullScreenMobileContentMargin : 16, borderRadius: useFullScreenMobile ? fullScreenMobileBorderRadius : radii.xl, minH: { base: '-webkit-fill-available', md: 'auto' } }, children)));
     return withDarkMode$1(Modal, !!darkMode);
 };