@nulogy/components 14.4.0 → 14.4.2

package/dist/main.js

@@ -18797,14 +18797,14 @@
           hideTooltip = _ref$hideTooltip === void 0 ? false : _ref$hideTooltip;
 
       if (hideTooltip) {
-        return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, children);
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children);
       }
 
-      return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement($a093c7e1ec25a057$export$2881499e37b75b9a, null, /*#__PURE__*/React__default["default"].createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, null, /*#__PURE__*/React__default["default"].createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, {
+      return /*#__PURE__*/React__default["default"].createElement($a093c7e1ec25a057$export$2881499e37b75b9a, null, /*#__PURE__*/React__default["default"].createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, null, /*#__PURE__*/React__default["default"].createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, {
         asChild: true
       }, children), /*#__PURE__*/React__default["default"].createElement($a093c7e1ec25a057$export$602eac185826482c, null, /*#__PURE__*/React__default["default"].createElement(TooltipContent$1, {
         sideOffset: 4
-      }, content)))));
+      }, content))));
     }
     var slideUpAndFade$1 = styled.keyframes(["from{opacity:0;transform:translateY(2px);}to{opacity:1;transform:translateY(0);}"]);
     var slideRightAndFade$1 = styled.keyframes(["from{opacity:0;transform:translateX(-2px);}to{opacity:1;transform:translateX(0);}"]);
@@ -18813,7 +18813,7 @@
     var TooltipContent$1 = styled__default["default"]($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withConfig({
       displayName: "Tooltip__TooltipContent",
       componentId: "sc-1f1p4mx-0"
-    })(["font-family:", ";white-space:nowrap;font-size:", ";line-height:", ";color:", ";background-color:", ";border-radius:", ";margin-top:", ";padding:", ";pointer-events:none;z-index:1000;animation-duration:400ms;animation-timing-function:cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity;&[data-state=\"delayed-open\"][data-side=\"top\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"right\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"bottom\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"left\"]{animation-name:", ";}"], function (_ref2) {
+    })(["font-family:", ";white-space:nowrap;font-size:", ";line-height:", ";color:", ";background-color:", ";border-radius:", ";margin-top:", ";padding:", ";z-index:", ";pointer-events:none;animation-duration:400ms;animation-timing-function:cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity;&[data-state=\"delayed-open\"][data-side=\"top\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"right\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"bottom\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"left\"]{animation-name:", ";}"], function (_ref2) {
       var theme = _ref2.theme;
       return theme.fonts.base;
     }, function (_ref3) {
@@ -18837,6 +18837,9 @@
     }, function (_ref9) {
       var theme = _ref9.theme;
       return theme.space.x0_25 + " " + theme.space.x0_75;
+    }, function (_ref10) {
+      var theme = _ref10.theme;
+      return theme.zIndices.aboveOverlay;
     }, slideUpAndFade$1, slideRightAndFade$1, slideDownAndFade$1, slideLeftAndFade$1);
 
     function AppTag(_ref) {
@@ -65252,7 +65255,7 @@
     });
     var TooltipProvider = $a093c7e1ec25a057$export$2881499e37b75b9a;
 
-    var Tooltip = function Tooltip(_a) {
+    function Tooltip(_a) {
       var _b, _c;
 
       var children = _a.children,
@@ -65274,7 +65277,7 @@
           supportMobileTap: (_c = props.supportMobileTap) !== null && _c !== void 0 ? _c : false
         }
       }, children));
-    };
+    }
 
     Tooltip.displayName = $a093c7e1ec25a057$export$be92b6f5f03c0fe9.displayName;
     var TooltipTrigger = /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
@@ -65339,7 +65342,7 @@
       return theme.shadows.medium;
     }, function (_ref10) {
       var theme = _ref10.theme;
-      return theme.zIndices.content;
+      return theme.zIndices.aboveOverlay;
     }, slideDownAndFade, slideLeftAndFade, slideUpAndFade, slideRightAndFade, maxWidth);
     var StyledArrow = styled__default["default"]($a093c7e1ec25a057$export$21b07c8f274aebd5).withConfig({
       displayName: "TooltipComponents__StyledArrow",
@@ -65368,7 +65371,7 @@
     });
     TooltipContent.displayName = $a093c7e1ec25a057$export$7c6e2c02157bb7d2.displayName;
 
-    var MaybeTooltip = function MaybeTooltip(_ref) {
+    function MaybeTooltip(_ref) {
       var tooltip = _ref.tooltip,
           children = _ref.children,
           _ref$placement = _ref.placement,
@@ -65400,7 +65403,7 @@
         className: className,
         maxWidth: maxWidth
       }, tooltip))));
-    };
+    }
 
     var TruncatedTextFillWidth = function TruncatedTextFillWidth(_a) {
       var element = _a.element,
@@ -65481,21 +65484,16 @@
           _a$dataTestid = _a["data-testid"],
           dataTestId = _a$dataTestid === void 0 ? "truncated-text" : _a$dataTestid,
           children = _a.children,
-          props = __rest$3(_a, ["indicator", "element", "maxCharacters", "fullWidth", "showTooltip", "data-testid", "children"]);
+          rest = __rest$3(_a, ["indicator", "element", "maxCharacters", "fullWidth", "showTooltip", "data-testid", "children"]);
 
-      return fullWidth ? /*#__PURE__*/React__default["default"].createElement(TruncatedTextFillWidth, Object.assign({
+      var props = Object.assign({
         indicator: indicator,
         element: element,
         maxCharacters: maxCharacters,
         showTooltip: showTooltip,
         "data-testid": dataTestId
-      }, props), children) : /*#__PURE__*/React__default["default"].createElement(TruncatedTextMaxCharacters, Object.assign({
-        indicator: indicator,
-        element: element,
-        maxCharacters: maxCharacters,
-        showTooltip: showTooltip,
-        "data-testid": dataTestId
-      }, props), children);
+      }, rest);
+      return fullWidth ? /*#__PURE__*/React__default["default"].createElement(TruncatedTextFillWidth, Object.assign({}, props), children) : /*#__PURE__*/React__default["default"].createElement(TruncatedTextMaxCharacters, Object.assign({}, props), children);
     };
 
     var VerticalDivider = styled__default["default"].div.withConfig({

package/dist/main.module.js

@@ -18780,14 +18780,14 @@ function Tooltip$2(_ref) {
       hideTooltip = _ref$hideTooltip === void 0 ? false : _ref$hideTooltip;
 
   if (hideTooltip) {
-    return /*#__PURE__*/React__default.createElement(Fragment, null, children);
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
   }
 
-  return /*#__PURE__*/React__default.createElement(Fragment, null, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$2881499e37b75b9a, null, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, null, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, {
+  return /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$2881499e37b75b9a, null, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, null, /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, {
     asChild: true
   }, children), /*#__PURE__*/React__default.createElement($a093c7e1ec25a057$export$602eac185826482c, null, /*#__PURE__*/React__default.createElement(TooltipContent$1, {
     sideOffset: 4
-  }, content)))));
+  }, content))));
 }
 var slideUpAndFade$1 = keyframes$3(["from{opacity:0;transform:translateY(2px);}to{opacity:1;transform:translateY(0);}"]);
 var slideRightAndFade$1 = keyframes$3(["from{opacity:0;transform:translateX(-2px);}to{opacity:1;transform:translateX(0);}"]);
@@ -18796,7 +18796,7 @@ var slideLeftAndFade$1 = keyframes$3(["from{opacity:0;transform:translateX(2px);
 var TooltipContent$1 = styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withConfig({
   displayName: "Tooltip__TooltipContent",
   componentId: "sc-1f1p4mx-0"
-})(["font-family:", ";white-space:nowrap;font-size:", ";line-height:", ";color:", ";background-color:", ";border-radius:", ";margin-top:", ";padding:", ";pointer-events:none;z-index:1000;animation-duration:400ms;animation-timing-function:cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity;&[data-state=\"delayed-open\"][data-side=\"top\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"right\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"bottom\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"left\"]{animation-name:", ";}"], function (_ref2) {
+})(["font-family:", ";white-space:nowrap;font-size:", ";line-height:", ";color:", ";background-color:", ";border-radius:", ";margin-top:", ";padding:", ";z-index:", ";pointer-events:none;animation-duration:400ms;animation-timing-function:cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity;&[data-state=\"delayed-open\"][data-side=\"top\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"right\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"bottom\"]{animation-name:", ";}&[data-state=\"delayed-open\"][data-side=\"left\"]{animation-name:", ";}"], function (_ref2) {
   var theme = _ref2.theme;
   return theme.fonts.base;
 }, function (_ref3) {
@@ -18820,6 +18820,9 @@ var TooltipContent$1 = styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withCon
 }, function (_ref9) {
   var theme = _ref9.theme;
   return theme.space.x0_25 + " " + theme.space.x0_75;
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.zIndices.aboveOverlay;
 }, slideUpAndFade$1, slideRightAndFade$1, slideDownAndFade$1, slideLeftAndFade$1);
 
 function AppTag(_ref) {
@@ -65235,7 +65238,7 @@ var TooltipTriggerContext = /*#__PURE__*/React.createContext({
 });
 var TooltipProvider = $a093c7e1ec25a057$export$2881499e37b75b9a;
 
-var Tooltip = function Tooltip(_a) {
+function Tooltip(_a) {
   var _b, _c;
 
   var children = _a.children,
@@ -65257,7 +65260,7 @@ var Tooltip = function Tooltip(_a) {
       supportMobileTap: (_c = props.supportMobileTap) !== null && _c !== void 0 ? _c : false
     }
   }, children));
-};
+}
 
 Tooltip.displayName = $a093c7e1ec25a057$export$be92b6f5f03c0fe9.displayName;
 var TooltipTrigger = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -65322,7 +65325,7 @@ var StyledContent = styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withConfig
   return theme.shadows.medium;
 }, function (_ref10) {
   var theme = _ref10.theme;
-  return theme.zIndices.content;
+  return theme.zIndices.aboveOverlay;
 }, slideDownAndFade, slideLeftAndFade, slideUpAndFade, slideRightAndFade, maxWidth);
 var StyledArrow = styled($a093c7e1ec25a057$export$21b07c8f274aebd5).withConfig({
   displayName: "TooltipComponents__StyledArrow",
@@ -65351,7 +65354,7 @@ var TooltipContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 });
 TooltipContent.displayName = $a093c7e1ec25a057$export$7c6e2c02157bb7d2.displayName;
 
-var MaybeTooltip = function MaybeTooltip(_ref) {
+function MaybeTooltip(_ref) {
   var tooltip = _ref.tooltip,
       children = _ref.children,
       _ref$placement = _ref.placement,
@@ -65383,7 +65386,7 @@ var MaybeTooltip = function MaybeTooltip(_ref) {
     className: className,
     maxWidth: maxWidth
   }, tooltip))));
-};
+}
 
 var TruncatedTextFillWidth = function TruncatedTextFillWidth(_a) {
   var element = _a.element,
@@ -65464,21 +65467,16 @@ var TruncatedText = function TruncatedText(_a) {
       _a$dataTestid = _a["data-testid"],
       dataTestId = _a$dataTestid === void 0 ? "truncated-text" : _a$dataTestid,
       children = _a.children,
-      props = __rest$3(_a, ["indicator", "element", "maxCharacters", "fullWidth", "showTooltip", "data-testid", "children"]);
+      rest = __rest$3(_a, ["indicator", "element", "maxCharacters", "fullWidth", "showTooltip", "data-testid", "children"]);
 
-  return fullWidth ? /*#__PURE__*/React__default.createElement(TruncatedTextFillWidth, Object.assign({
+  var props = Object.assign({
     indicator: indicator,
     element: element,
     maxCharacters: maxCharacters,
     showTooltip: showTooltip,
     "data-testid": dataTestId
-  }, props), children) : /*#__PURE__*/React__default.createElement(TruncatedTextMaxCharacters, Object.assign({
-    indicator: indicator,
-    element: element,
-    maxCharacters: maxCharacters,
-    showTooltip: showTooltip,
-    "data-testid": dataTestId
-  }, props), children);
+  }, rest);
+  return fullWidth ? /*#__PURE__*/React__default.createElement(TruncatedTextFillWidth, Object.assign({}, props), children) : /*#__PURE__*/React__default.createElement(TruncatedTextMaxCharacters, Object.assign({}, props), children);
 };
 
 var VerticalDivider = styled.div.withConfig({

package/dist/src/AppTag/stories/AppTag.usecases.story.d.ts

@@ -21,3 +21,7 @@ export declare const WithTooltip: {
     (): React.JSX.Element;
     storyName: string;
 };
+export declare const InsideAModal: {
+    (): React.JSX.Element;
+    storyName: string;
+};

package/dist/src/Icon/Icon.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { PositionProps, SpaceProps } from "styled-system";
 import { IconName } from "@nulogy/icons";
-interface IconProps extends SpaceProps {
+export interface IconProps extends SpaceProps {
     icon: IconName | "loading";
     className?: string;
     size?: string;

package/dist/src/TruncatedText/TruncatedText.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { TruncatedTextProps } from "./types";
-declare const TruncatedText: ({ indicator, element, maxCharacters, fullWidth, showTooltip, "data-testid": dataTestId, children, ...props }: TruncatedTextProps) => React.JSX.Element;
+declare const TruncatedText: ({ indicator, element, maxCharacters, fullWidth, showTooltip, "data-testid": dataTestId, children, ...rest }: TruncatedTextProps) => React.JSX.Element;
 export default TruncatedText;

package/dist/src/TruncatedText/TruncatedText.story.d.ts

@@ -51,3 +51,7 @@ export declare const WithoutChildren: {
         name: string;
     };
 };
+export declare const TooltipInsideModal: {
+    (): React.JSX.Element;
+    storyName: string;
+};

package/dist/src/TruncatedText/components/MaybeTooltip.d.ts

@@ -10,5 +10,5 @@ export type MaybeTooltipProps = PropsWithChildren<{
     maxWidth?: MaxWidthProps["maxWidth"];
     supportMobileTap?: boolean;
 }>;
-declare const MaybeTooltip: React.FC<MaybeTooltipProps>;
+declare function MaybeTooltip({ tooltip, children, placement, defaultOpen, showDelay, maxWidth, showTooltip, supportMobileTap, className, }: MaybeTooltipProps): React.JSX.Element;
 export default MaybeTooltip;

package/dist/src/TruncatedText/components/TooltipComponents.d.ts

@@ -5,7 +5,10 @@ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 type TooltipProps = TooltipPrimitive.TooltipProps & {
     supportMobileTap?: boolean;
 };
-declare const Tooltip: React.FC<TooltipProps>;
+declare function Tooltip({ children, ...props }: TooltipProps): React.JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 interface StyledTooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, MaxWidthProps {
     children?: React.ReactNode;

package/dist/src/TruncatedText/types.d.ts

@@ -9,5 +9,5 @@ export interface TruncatedTextProps extends TextProps {
     showTooltip?: boolean;
     fullWidth?: boolean;
     "data-testid"?: string;
-    tooltipProps?: MaybeTooltipProps;
+    tooltipProps?: Partial<MaybeTooltipProps>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "14.4.0",
+  "version": "14.4.2",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {