@ornikar/kitt-universal 25.52.0 → 25.54.0

package/dist/index.es.web.js

@@ -7187,7 +7187,10 @@ function FullscreenModalBody(_ref) {
     verticalPadding = _useTheme.kitt.fullscreenModal.body.verticalPadding;
   var paddingBottom = shouldHandleBottomNotch ? Math.max(bottom, verticalPadding) : verticalPadding;
   var paddingTop = shouldHandleTopNotch ? Math.max(top, verticalPadding) : verticalPadding;
-  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
+    flexGrow: 1,
+    flexShrink: 1
+  }, props), {}, {
     paddingX: "kitt.fullscreenModal.horizontalPadding",
     paddingTop: paddingTop,
     paddingBottom: paddingBottom,
@@ -7400,27 +7403,30 @@ function FullscreenModalHeader(_ref) {
 }
 
 function FullscreenModal(_ref) {
-  var body = _ref.body,
+  var children = _ref.children,
+    body = _ref.body,
     header = _ref.header,
     footer = _ref.footer,
     backgroundColor = _ref.backgroundColor;
-  return /*#__PURE__*/jsxs(FullscreenModalContainer, {
+  return /*#__PURE__*/jsx(FullscreenModalContainer, {
     backgroundColor: backgroundColor,
-    children: [header ? /*#__PURE__*/jsx(View, {
-      children: header
-    }) : null, /*#__PURE__*/jsxs(View, {
-      flexGrow: 1,
-      flexShrink: 1,
-      justifyContent: "space-between",
-      children: [/*#__PURE__*/jsx(ScrollView$2, {
-        bounces: false,
-        contentContainerStyle: {
-          flexGrow: 1,
-          position: 'relative'
-        },
-        children: body
-      }), footer || null]
-    })]
+    children: children || /*#__PURE__*/jsxs(Fragment, {
+      children: [header ? /*#__PURE__*/jsx(View, {
+        children: header
+      }) : null, /*#__PURE__*/jsxs(View, {
+        flexGrow: 1,
+        flexShrink: 1,
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/jsx(ScrollView$2, {
+          bounces: false,
+          contentContainerStyle: {
+            flexGrow: 1,
+            position: 'relative'
+          },
+          children: body
+        }), footer || null]
+      })]
+    })
   });
 }
 FullscreenModal.Header = FullscreenModalHeader;
@@ -7812,6 +7818,8 @@ function IconButton(_ref) {
     ariaLabel = _ref.ariaLabel,
     _ref$accessibilityRol = _ref.accessibilityRole,
     accessibilityRole = _ref$accessibilityRol === void 0 ? 'button' : _ref$accessibilityRol,
+    withBadge = _ref.withBadge,
+    bagdeCount = _ref.bagdeCount,
     isHoveredInternal = _ref.isHoveredInternal,
     isPressedInternal = _ref.isPressedInternal,
     isFocusedInternal = _ref.isFocusedInternal,
@@ -7847,26 +7855,55 @@ function IconButton(_ref) {
         isFocused = _ref2.isFocused;
       var isCurrentHovered = isHovered || isHoveredInternal;
       var isCurrentPressed = isPressed || isPressedInternal;
-      return /*#__PURE__*/jsxs(AnimatedScale, {
-        isDisabled: disabled,
-        isHovered: isCurrentHovered,
-        isPressed: isCurrentPressed,
-        scaleStyles: scaleStyles,
-        children: [/*#__PURE__*/jsx(AnimatedBackground, {
-          color: color,
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs(AnimatedScale, {
           isDisabled: disabled,
           isHovered: isCurrentHovered,
           isPressed: isCurrentPressed,
-          isFocused: isFocused || isFocusedInternal,
-          opacityStyles: opacityStyles
-        }), /*#__PURE__*/jsx(View, {
-          alignItems: "center",
-          justifyContent: "center",
-          children: /*#__PURE__*/jsx(TypographyIcon, {
-            color: getIconButtonTextColorByColor(color, disabled),
-            icon: icon
+          scaleStyles: scaleStyles,
+          children: [/*#__PURE__*/jsx(AnimatedBackground, {
+            color: color,
+            isDisabled: disabled,
+            isHovered: isCurrentHovered,
+            isPressed: isCurrentPressed,
+            isFocused: isFocused || isFocusedInternal,
+            opacityStyles: opacityStyles
+          }), /*#__PURE__*/jsx(View, {
+            alignItems: "center",
+            justifyContent: "center",
+            children: /*#__PURE__*/jsx(TypographyIcon, {
+              color: getIconButtonTextColorByColor(color, disabled),
+              icon: icon
+            })
+          })]
+        }), withBadge ? /*#__PURE__*/jsx(View, {
+          height: "10px",
+          width: "10px",
+          backgroundColor: lateOceanColorPalette['coral.10'],
+          borderRadius: "kitt.iconButton.borderRadius",
+          position: "absolute",
+          top: "1px",
+          right: "1px"
+        }) : null, !withBadge && bagdeCount && bagdeCount > 0 ? /*#__PURE__*/jsx(View, {
+          height: "20px",
+          width: "20px",
+          backgroundColor: lateOceanColorPalette['coral.10'],
+          borderRadius: "kitt.iconButton.borderRadius",
+          position: "absolute",
+          top: "-6px",
+          right: "-6px",
+          children: /*#__PURE__*/jsx(View, {
+            alignItems: "center",
+            justifyContent: "center",
+            marginTop: "2px",
+            children: /*#__PURE__*/jsx(Typography.Text, {
+              base: "body-xs",
+              variant: "bold",
+              color: "white",
+              children: bagdeCount > 5 ? '+5' : bagdeCount
+            })
           })
-        })]
+        }) : null]
       });
     }
   });
@@ -10961,12 +10998,16 @@ function NavigationModal(_ref) {
   var body = _ref.body,
     backgroundColor = _ref.backgroundColor,
     footer = _ref.footer,
-    header = _ref.header;
+    header = _ref.header,
+    children = _ref.children;
   var Component = useBreakpointValue({
     base: FullscreenModal,
     small: CardModal
   });
-  return /*#__PURE__*/jsx(Component, {
+  return children ? /*#__PURE__*/jsx(Component, {
+    backgroundColor: backgroundColor,
+    children: children
+  }) : /*#__PURE__*/jsx(Component, {
     body: body,
     backgroundColor: backgroundColor,
     footer: footer,