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

package/dist/index.es.web.js

@@ -675,20 +675,25 @@ var 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: {
@@ -3391,20 +3396,17 @@ function ButtonContent(_ref3) {
 }
 
 function getCurrentPaddingConfig(_ref) {
-  var size = _ref.size,
-    isDisabled = _ref.isDisabled;
+  var size = _ref.size;
   if (size === 'large') return 'large';
   if (size === 'xLarge') return 'xLarge';
-  if (isDisabled) return 'disabled';
   return 'default';
 }
 function ButtonPadding(_ref2) {
   var children = _ref2.children,
     size = _ref2.size,
-    isDisabled = _ref2.isDisabled;
+    hasBadge = _ref2.hasBadge;
   var currentPaddingKey = getCurrentPaddingConfig({
-    size: size,
-    isDisabled: isDisabled
+    size: size
   });
   return /*#__PURE__*/jsx(View, {
     position: "relative",
@@ -3413,6 +3415,7 @@ function ButtonPadding(_ref2) {
     justifyContent: "center",
     paddingX: "kitt.button.padding.".concat(currentPaddingKey, ".horizontal"),
     paddingY: "kitt.button.padding.".concat(currentPaddingKey, ".vertical"),
+    paddingRight: hasBadge ? "kitt.button.padding.".concat(currentPaddingKey, ".hasBadge.right") : undefined,
     minHeight: "kitt.button.minHeight",
     children: children
   });
@@ -3557,7 +3560,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
         isStretch: stretch,
         children: /*#__PURE__*/jsxs(ButtonPadding, {
           size: size,
-          isDisabled: disabled,
+          hasBadge: Boolean(withBadge || badgeCount && badgeCount > 0),
           children: [/*#__PURE__*/jsx(ButtonContent, {
             type: type,
             variant: variant,
@@ -3622,8 +3625,6 @@ var ActionsItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
   var mountedRef = useRef(false);
-  // securing the loading state with a ref to avoid user action between rerenders
-  var loadingRef = useRef(false);
 
   // effect just for tracking mounted state, as onPress can unmount the ActionButton
   useEffect(function () {
@@ -3645,37 +3646,34 @@ var ActionsItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
             return _regeneratorRuntime().wrap(function (_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
-                  if (!(!onPress || loadingRef.current)) {
+                  if (onPress) {
                     _context.next = 2;
                     break;
                   }
                   return _context.abrupt("return");
                 case 2:
                   setIsLoading(true);
-                  loadingRef.current = true;
-                  _context.prev = 4;
-                  _context.next = 7;
+                  _context.prev = 3;
+                  _context.next = 6;
                   return onPress(e);
-                case 7:
+                case 6:
                   if (mountedRef.current) {
                     setIsLoading(false);
-                    loadingRef.current = false;
                   }
-                  _context.next = 14;
+                  _context.next = 13;
                   break;
-                case 10:
-                  _context.prev = 10;
-                  _context.t0 = _context["catch"](4);
+                case 9:
+                  _context.prev = 9;
+                  _context.t0 = _context["catch"](3);
                   if (mountedRef.current) {
-                    loadingRef.current = false;
                     setIsLoading(false);
                   }
                   throw _context.t0;
-                case 14:
+                case 13:
                 case "end":
                   return _context.stop();
               }
-            }, _callee, null, [[4, 10]]);
+            }, _callee, null, [[3, 9]]);
           }));
           return function () {
             return _ref2.apply(this, arguments);