bianic-ui 2.1.0-beta.4 → 2.2.0-beta.1

package/dist/esm/types/components/Alert/Alert.d.ts

@@ -6,9 +6,12 @@ export interface AlertProps extends ComponentPropsWithoutRef<'div'> {
     visible?: boolean;
     setVisible?: (arg0: boolean) => void;
     visibleIcon?: boolean;
+    visibleMiniIcon?: boolean;
+    customIcon?: React.ReactNode;
+    customMiniIcon?: React.ReactNode;
     visibleClose?: boolean;
 }
-declare function Alert({ title, caption, variant, visible, setVisible, visibleIcon, visibleClose, children, }: AlertProps): false | React.JSX.Element;
+declare function Alert({ title, caption, variant, visible, setVisible, visibleIcon, visibleClose, customIcon, customMiniIcon, children, }: AlertProps): false | React.JSX.Element;
 declare namespace Alert {
     var defaultProps: {
         title: string;

package/dist/esm/types/components/Badge/Badge.d.ts

@@ -7,6 +7,7 @@ interface BadgeProps extends ComponentPropsWithoutRef<'span'> {
 declare function Badge({ type, children, color, isInverted, className, }: BadgeProps): React.JSX.Element;
 declare namespace Badge {
     var defaultProps: {
+        type: string;
         isInverted: boolean;
         color: undefined;
     };

package/dist/esm/types/components/Button/buttonConfigs.d.ts

@@ -36,6 +36,12 @@ export declare const iconOnlySizeConfig: {
     sm: string;
     tn: string;
 };
+export declare const doubleIconSizeConfig: {
+    lg: string;
+    md: string;
+    sm: string;
+    tn: string;
+};
 export declare const variantConfig: {
     default: string;
     primary: string;

package/dist/esm/types/components/Forms/Dropdown/DropdownContainer.d.ts

@@ -9,6 +9,7 @@ export interface DropdownContainerProps extends ComponentPropsWithRef<'div'> {
     size?: 'sm' | 'md';
     zIndex?: number;
     anchorRef?: React.RefObject<HTMLElement>;
+    matchAnchorWidth?: undefined | 'min' | 'exact';
     onClickItem?: (event: React.MouseEvent<HTMLDivElement>, val: string | number | object) => void;
 }
 declare const DropdownContainer: {

package/dist/esm/types/components/Menu/MenuContainer.d.ts

@@ -8,6 +8,7 @@ interface MenuContainerProps extends ComponentPropsWithRef<'div'> {
     zIndex?: number;
     onClickItem?: () => void;
     anchorRef?: React.RefObject<HTMLElement>;
+    matchAnchorWidth?: undefined | 'min' | 'exact';
 }
 import React, { ComponentPropsWithRef } from 'react';
 declare const MenuContainer: {

package/dist/esm/types/components/Popover/PropInterface.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface PopoverProps {
+    className?: string;
+    children: React.ReactNode;
+    content: string;
+    delay?: number;
+    maxWidth?: string;
+    title?: string;
+    style?: React.CSSProperties;
+    zIndex?: number;
+    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+}
+export interface PopoverItemProps {
+    anchorRef: React.RefObject<HTMLElement>;
+    className?: string;
+    content: string;
+    style?: React.CSSProperties;
+    title: string;
+    zIndex?: number;
+    direction: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+}

package/dist/esm/types/components/Popover/index.d.ts

@@ -1,16 +1,8 @@
 import React from 'react';
-interface PopoverProps {
-    children: React.ReactNode;
-    content: string;
-    delay?: number;
-    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    title?: string;
-    maxWidth?: string;
-}
-declare function Popover({ children, content, delay, direction, title, maxWidth, }: PopoverProps): React.JSX.Element;
+import { PopoverProps } from './PropInterface';
+declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, }: PopoverProps): React.JSX.Element;
 declare namespace Popover {
     var defaultProps: {
-        delay: number;
         direction: string;
         title: string;
     };

package/dist/esm/types/components/Tooltip/PropsInterface.d.ts

@@ -1,16 +1,20 @@
-import { ComponentPropsWithoutRef, ReactNode, RefObject } from 'react';
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode, RefObject } from 'react';
 interface TooltipProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
     children: ReactNode;
     content: ReactNode | string;
     delay?: number;
     maxWidth?: string;
+    zIndex?: number;
     direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 interface TooltipItemProps {
     anchorRef: RefObject<HTMLDivElement>;
-    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    className?: string;
     content: ReactNode | string;
     tooltipContainerRef: React.RefObject<HTMLDivElement>;
     tooltipContainerStyle: React.CSSProperties;
+    style?: ComponentPropsWithRef<'div'>['style'];
+    zIndex: number;
+    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 export { TooltipProps, TooltipItemProps };

package/dist/esm/types/stories/Alert/Alert.stories.d.ts

@@ -12,3 +12,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Demo: Story;
+export declare const MiniIconDemo: Story;

package/dist/esm/types/stories/Button/Button.stories.d.ts

@@ -28,5 +28,6 @@ export declare const WarningOutlined: Story;
 export declare const DemoWithIconLeft: Story;
 export declare const DemoWithIconRight: Story;
 export declare const DemoWithIconBoth: Story;
+export declare const DemoWithIconOnlyBoth: Story;
 export declare const DemoWithIconOnly: Story;
 export declare const DemoWithMovingIcon: Story;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import React$1, { ComponentPropsWithoutRef, ComponentPropsWithRef, ChangeEvent, ReactNode, MouseEvent, HTMLAttributes } from 'react';
 
 interface AccordionsProps extends ComponentPropsWithoutRef<'div'> {
@@ -13,9 +14,12 @@ interface AlertProps extends ComponentPropsWithoutRef<'div'> {
     visible?: boolean;
     setVisible?: (arg0: boolean) => void;
     visibleIcon?: boolean;
+    visibleMiniIcon?: boolean;
+    customIcon?: React$1.ReactNode;
+    customMiniIcon?: React$1.ReactNode;
     visibleClose?: boolean;
 }
-declare function Alert({ title, caption, variant, visible, setVisible, visibleIcon, visibleClose, children, }: AlertProps): false | React$1.JSX.Element;
+declare function Alert({ title, caption, variant, visible, setVisible, visibleIcon, visibleClose, customIcon, customMiniIcon, children, }: AlertProps): false | React$1.JSX.Element;
 declare namespace Alert {
     var defaultProps: {
         title: string;
@@ -48,6 +52,7 @@ interface BadgeProps extends ComponentPropsWithoutRef<'span'> {
 declare function Badge({ type, children, color, isInverted, className, }: BadgeProps): React$1.JSX.Element;
 declare namespace Badge {
     var defaultProps: {
+        type: string;
         isInverted: boolean;
         color: undefined;
     };
@@ -162,6 +167,7 @@ interface MenuContainerProps extends ComponentPropsWithRef<'div'> {
     zIndex?: number;
     onClickItem?: () => void;
     anchorRef?: React$1.RefObject<HTMLElement>;
+    matchAnchorWidth?: undefined | 'min' | 'exact';
 }
 
 declare const MenuContainer: {
@@ -292,6 +298,7 @@ interface DropdownContainerProps extends ComponentPropsWithRef<'div'> {
     size?: 'sm' | 'md';
     zIndex?: number;
     anchorRef?: React$1.RefObject<HTMLElement>;
+    matchAnchorWidth?: undefined | 'min' | 'exact';
     onClickItem?: (event: React$1.MouseEvent<HTMLDivElement>, val: string | number | object) => void;
 }
 declare const DropdownContainer: {
@@ -599,17 +606,20 @@ declare namespace Pills {
 }
 
 interface PopoverProps {
-    children: React$1.ReactNode;
+    className?: string;
+    children: React.ReactNode;
     content: string;
     delay?: number;
-    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    title?: string;
     maxWidth?: string;
+    title?: string;
+    style?: React.CSSProperties;
+    zIndex?: number;
+    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
-declare function Popover({ children, content, delay, direction, title, maxWidth, }: PopoverProps): React$1.JSX.Element;
+
+declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, }: PopoverProps): React$1.JSX.Element;
 declare namespace Popover {
     var defaultProps: {
-        delay: number;
         direction: string;
         title: string;
     };
@@ -733,6 +743,7 @@ interface TooltipProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
     content: ReactNode | string;
     delay?: number;
     maxWidth?: string;
+    zIndex?: number;
     direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "2.1.0-beta.4",
+  "version": "2.2.0-beta.1",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c",