@hexure/ui 1.8.8 → 1.8.10

package/dist/cjs/types/components/Copy/Copy.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { AccessibleProps } from '../../utils/Accessibility';
 export interface CopyProps extends AccessibleProps {
     /** Set the text to be displayed */
-    children: string;
+    children: string | React.ReactNode;
     align?: string;
     /** Set the margin on the element */
     margin?: string;

package/dist/cjs/types/components/Loader/Loader.d.ts

@@ -1,2 +1,3 @@
-declare const Loader: () => JSX.Element;
+import { FC } from 'react';
+declare const Loader: FC;
 export default Loader;

package/dist/cjs/types/components/Tooltip/Tooltip.d.ts

@@ -1,11 +1,13 @@
 import { FC } from 'react';
 export interface TooltipProps {
     /** It is used to give label to tag. */
-    children: string;
+    children: any;
     /** It is callback function called when user wants to close the tag. */
     position?: 'right-top' | 'right-bottom' | 'right-center' | 'left-top' | 'left-bottom' | 'left-center';
     /** Override the default content width of 240px */
     width?: string;
+    /** The element to display that triggers the tooltip content */
+    trigger?: any;
 }
 declare const Tooltip: FC<TooltipProps>;
 export default Tooltip;

package/dist/esm/index.js

@@ -3118,10 +3118,10 @@ const positions = {
     },
 };
 const Content$2 = styled.div(props => (Object.assign({ position: 'absolute', borderRadius: '4px', borderWidth: '1px', borderStyle: 'solid', borderColor: Colors.PRIMARY.Hex, background: '#ffffff', boxShadow: '0px 5px 30px -10px rgba(0, 0, 0, 0.5)', width: props.$width || '240px', padding: '10px 12px', zIndex: 10 }, positions[props.$position])));
-const Tooltip = ({ children, position = 'right-top', width = '240px' }) => {
+const Tooltip = ({ children, position = 'right-top', width = '240px', trigger, }) => {
     const [show_content, toggleContent] = useState(false);
     return (React.createElement(Wrapper$a, { onMouseEnter: toggleContent.bind(null, true), onMouseLeave: toggleContent.bind(null, false) },
-        React.createElement(StyledIcon$2, { path: mdiInformationOutline }),
+        trigger || React.createElement(StyledIcon$2, { path: mdiInformationOutline }),
         show_content ? (React.createElement(Content$2, { "$position": position, "$width": width }, children && React.createElement(Copy, { type: 'small' }, children))) : null));
 };