bianic-ui 0.4.16 → 0.4.17

package/dist/cjs/types/components/TagLabel/configs.d.ts

@@ -0,0 +1,652 @@
+import TbCheck from './Medium/TbCheck';
+import TbCheckBlack from './Medium/TbCheckBlack';
+import TbCheckBlackSmall from './Small/TbCheckBlackSmall';
+import TbCloseAbleBlack from './Medium/TbCloseAbleBlack';
+import TbCheckWhiteSmall from './Small/TbCheckWhiteSmall';
+import TbCloseAbleBlackSmall from './Small/TbCloseAbleBlackSmall';
+import TbCloseAbleWhiteSmall from './Small/TbCloseAbleWhiteSmall';
+import TbCloseAbleGraySmall from './Small/TbCloseAbleGraySmall';
+import TbCloseable from './Medium/TbCloseable';
+declare const TagLabelConfig: {
+    default: {
+        medium: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleBlack;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckBlack;
+            };
+        };
+        small: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleBlackSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckBlackSmall;
+            };
+        };
+        tiny: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleBlackSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckBlackSmall;
+            };
+        };
+    };
+    blue: {
+        medium: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseable;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheck;
+            };
+        };
+        small: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+        tiny: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+    };
+    teal: {
+        medium: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseable;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheck;
+            };
+        };
+        small: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+        tiny: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+    };
+    green: {
+        medium: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseable;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheck;
+            };
+        };
+        small: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+        tiny: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+    };
+    yellow: {
+        medium: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseable;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheck;
+            };
+        };
+        small: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+        tiny: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+    };
+    red: {
+        medium: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseable;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheck;
+            };
+        };
+        small: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+        tiny: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+    };
+    black: {
+        medium: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseable;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheck;
+            };
+        };
+        small: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+        tiny: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleWhiteSmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckWhiteSmall;
+            };
+        };
+    };
+    white: {
+        medium: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleBlack;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckBlack;
+            };
+        };
+        small: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleGraySmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckBlackSmall;
+            };
+        };
+        tiny: {
+            iconColor: string;
+            XColor: string;
+            XcolorV: string;
+            label: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: string;
+            };
+            closeable: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCloseAbleGraySmall;
+            };
+            icon: {
+                bg: string;
+                text: string;
+                padding: string;
+                radius: string;
+                Xicon: typeof TbCheckBlackSmall;
+            };
+        };
+    };
+};
+export default TagLabelConfig;

package/dist/cjs/types/components/TagLabel/index.d.ts

@@ -0,0 +1,23 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+interface TagLabelProps extends ComponentPropsWithoutRef<'div'> {
+    color: 'default' | 'blue' | 'teal' | 'green' | 'yellow' | 'red' | 'black' | 'white';
+    size?: 'medium' | 'small' | 'tiny';
+    variant?: 'label' | 'icon' | 'closeable';
+    closeHandler?: () => void;
+    isShow?: boolean;
+    children: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+declare function TagLabel({ children, closeHandler, size, variant, isShow, color, leftIcon, rightIcon, }: TagLabelProps): React.JSX.Element | null;
+declare namespace TagLabel {
+    var defaultProps: {
+        variant: string;
+        size: string;
+        isShow: boolean;
+        closeHandler: () => void;
+        rightIcon: null;
+        leftIcon: null;
+    };
+}
+export default TagLabel;

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

@@ -0,0 +1,23 @@
+declare const classConfig: {
+    top: {
+        tooltipContainer: string;
+        triangleContainer: string;
+        triangleShape: string;
+    };
+    right: {
+        tooltipContainer: string;
+        triangleContainer: string;
+        triangleShape: string;
+    };
+    bottom: {
+        tooltipContainer: string;
+        triangleContainer: string;
+        triangleShape: string;
+    };
+    left: {
+        tooltipContainer: string;
+        triangleContainer: string;
+        triangleShape: string;
+    };
+};
+export default classConfig;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+interface TooltipProps {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    delay?: number;
+    direction?: 'top' | 'right' | 'bottom' | 'left';
+}
+declare function Tooltip(props: TooltipProps): React.JSX.Element;
+declare namespace Tooltip {
+    var defaultProps: {
+        delay: number;
+        direction: string;
+    } | {
+        delay?: undefined;
+        direction?: undefined;
+    };
+}
+export default Tooltip;