@ornikar/kitt-universal 25.54.1-canary.111977bfdb623207808928fa770ffbe060b3b380.0 → 25.55.0

package/dist/index-node-20.10.cjs.js

@@ -684,20 +684,25 @@ const button = {
   },
   padding: {
     default: {
+      hasBadge: {
+        right: 8
+      },
       horizontal: 16,
       vertical: 7
     },
     large: {
+      hasBadge: {
+        right: 12
+      },
       horizontal: 24,
       vertical: 11
     },
     xLarge: {
+      hasBadge: {
+        right: 12
+      },
       horizontal: 24,
       vertical: 15
-    },
-    disabled: {
-      horizontal: 14,
-      vertical: 5
     }
   },
   transition: {
@@ -3352,22 +3357,19 @@ function ButtonContent({
 }
 
 function getCurrentPaddingConfig({
-  size,
-  isDisabled
+  size
 }) {
   if (size === 'large') return 'large';
   if (size === 'xLarge') return 'xLarge';
-  if (isDisabled) return 'disabled';
   return 'default';
 }
 function ButtonPadding({
   children,
   size,
-  isDisabled
+  hasBadge
 }) {
   const currentPaddingKey = getCurrentPaddingConfig({
-    size,
-    isDisabled
+    size
   });
   return /*#__PURE__*/jsxRuntime.jsx(View, {
     position: "relative",
@@ -3376,6 +3378,7 @@ function ButtonPadding({
     justifyContent: "center",
     paddingX: `kitt.button.padding.${currentPaddingKey}.horizontal`,
     paddingY: `kitt.button.padding.${currentPaddingKey}.vertical`,
+    paddingRight: hasBadge ? `kitt.button.padding.${currentPaddingKey}.hasBadge.right` : undefined,
     minHeight: "kitt.button.minHeight",
     children: children
   });
@@ -3564,7 +3567,7 @@ const Button = /*#__PURE__*/React.forwardRef(({
       isStretch: stretch,
       children: /*#__PURE__*/jsxRuntime.jsxs(ButtonPadding, {
         size: size,
-        isDisabled: disabled,
+        hasBadge: Boolean(withBadge || badgeCount && badgeCount > 0),
         children: [/*#__PURE__*/jsxRuntime.jsx(ButtonContent, {
           type: type,
           variant: variant,
@@ -3652,8 +3655,6 @@ const ActionsItem = /*#__PURE__*/React.forwardRef(({
 }, ref) => {
   const [isLoading, setIsLoading] = React.useState(false);
   const mountedRef = React.useRef(false);
-  // securing the loading state with a ref to avoid user action between rerenders
-  const loadingRef = React.useRef(false);
 
   // effect just for tracking mounted state, as onPress can unmount the ActionButton
   React.useEffect(() => {
@@ -3671,18 +3672,15 @@ const ActionsItem = /*#__PURE__*/React.forwardRef(({
       icon: isLoading ? /*#__PURE__*/jsxRuntime.jsx(LoaderIcon, {}) : icon,
       onPress: e => {
         (async () => {
-          if (!onPress || loadingRef.current) return;
+          if (!onPress) return;
           setIsLoading(true);
-          loadingRef.current = true;
           try {
             await onPress(e);
             if (mountedRef.current) {
               setIsLoading(false);
-              loadingRef.current = false;
             }
           } catch (error) {
             if (mountedRef.current) {
-              loadingRef.current = false;
               setIsLoading(false);
             }
             throw error;