widenarrow-ui 2.0.25 → 2.0.27

package/lib/index.d.ts

@@ -295,6 +295,7 @@ declare enum ColorTypes {
     GREY_4 = "grey4",
     GREY_5 = "grey5",
     GREY_6 = "grey6",
+    GREY_7 = "grey7",
     BLACK = "black",
     INHERIT = "inherit",
     CURRENT = "current",
@@ -352,6 +353,7 @@ declare enum AppColors {
     GREY_4 = "#6b6b6b",
     GREY_5 = "#464646",
     GREY_6 = "#242021",
+    GREY_7 = "#222",
     BLACK = "#000000",
     CUSTOM = "custom",
     PURPLE_1 = "#edf1fd",
@@ -404,6 +406,7 @@ interface FlexStylingInterface {
     flexShrink?: '0' | '1' | 'auto';
     flexBasis?: 'auto' | 'content' | 'fit-content' | 'max-content' | 'min-content' | 'fill' | 'initial' | 'inherit';
     alignSelf?: 'center' | 'flexStart' | 'flexEnd';
+    gap?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '025' | '05' | '15' | '25';
 }
 interface BorderInterface {
     borderColor?: Partial<ColorTypes>;
@@ -431,7 +434,7 @@ declare const paddingClassNames: ({ padding, paddingX, paddingY, paddingTop, pad
 declare const marginClassNames: ({ margin, marginX, marginY, marginTop, marginBottom, marginRight, marginLeft }: MarginInterface) => {
     [x: string]: boolean;
 };
-declare const flexClassNames: ({ displayFlex, displayFlexCenter, displayFlexCenterSpaceBetween, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, alignSelf }: FlexStylingInterface) => {
+declare const flexClassNames: ({ displayFlex, displayFlexCenter, displayFlexCenterSpaceBetween, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, alignSelf, gap }: FlexStylingInterface) => {
     [x: string]: boolean | undefined;
     displayFlex: boolean | undefined;
     displayFlexCenter: boolean | undefined;
@@ -1207,14 +1210,16 @@ interface ToolTipProps {
     delayShow?: number;
     variant?: 'dark' | 'light';
     placement?: 'top' | 'right' | 'bottom' | 'left';
+    showArrow?: boolean;
 }
 
 /**
- * @desc This components extends the react-tooltip library.
- * Full api documentation here: https://github.com/wwayne/react-tooltip
+ * @desc Tooltip component implemented with @floating-ui/react.
+ * Same public API as ToolTip but without the react-tooltip dependency.
+ * The arrow always points toward the trigger element (disable with showArrow={false}).
  */
 declare const ToolTip: {
-    ({ text, children, disabled, className, delayShow, toolTipClassName, component, withEllipsis, id, displayInPortal, placement, variant, offset }: ToolTipProps): JSX.Element | null;
+    ({ text, children, disabled, className, delayShow, toolTipClassName, component, withEllipsis, displayInPortal, placement, variant, offset, showArrow }: ToolTipProps): JSX.Element | null;
     displayName: string;
 };