bianic-ui 2.9.0 → 2.10.0-alpha.0

package/dist/esm/types/components/Card/config.d.ts

@@ -1,6 +1,7 @@
 declare const config: {
-    'dark-background': string;
-    'light-background': string;
-    'outline-light-background': string;
+    readonly 'dark-background': "bg-white enabled:hover:bg-bia-grey-light-90 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-80";
+    readonly 'light-background': "bg-bia-grey-light-90 enabled:hover:bg-bia-grey-light-80 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-70";
+    readonly 'outline-light-background': "bg-white border border-bia-grey-light-40 enabled:hover:bg-bia-grey-light-90 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-80";
 };
+export type CardVariant = keyof typeof config;
 export default config;

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import config from './config';
-declare const Card: ({ children, disabled, variant, }: {
+import React, { ComponentPropsWithoutRef } from 'react';
+import { CardVariant } from './config';
+export interface CardProps extends ComponentPropsWithoutRef<'button'> {
     children: React.ReactNode;
-    disabled?: boolean | undefined;
-    variant?: "dark-background" | "light-background" | "outline-light-background" | undefined;
-}) => React.JSX.Element;
+    variant?: CardVariant;
+}
+declare const Card: ({ children, disabled, variant, className, type, ...rest }: CardProps) => React.JSX.Element;
 export default Card;

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

@@ -1,10 +1,14 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import React from 'react';
+import type { ComponentPropsWithoutRef, MouseEvent } from 'react';
+import type { TabMenuVariant, TabMenuRounded } from './configs';
 export interface TabMenuProps extends ComponentPropsWithoutRef<'div'> {
-    variant?: 'default' | 'alternative';
-    rounded?: 'none' | 'all' | 'top' | 'right' | 'left';
+    variant?: TabMenuVariant;
+    rounded?: TabMenuRounded;
     text?: string;
-    onClose?: () => void;
     isActive?: boolean;
+    moreCount?: number;
+    onClose?: () => void;
+    onClickMore?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-declare const TabMenu: ({ variant, text, rounded, isActive, onClose, ...rest }: TabMenuProps) => React.JSX.Element;
+declare const TabMenu: React.ForwardRefExoticComponent<TabMenuProps & React.RefAttributes<HTMLDivElement>>;
 export default TabMenu;

package/dist/esm/types/components/TabMenu/configs.d.ts

@@ -1,31 +1,10 @@
-export declare const radiusConfig: {
-    none: string;
-    all: string;
-    top: string;
-    right: string;
-    left: string;
-};
-export declare const variantConfig: {
-    default: string;
-    alternative: string;
-};
-export declare const defaultConfigs: {
-    true: string;
-    false: string;
-};
-export declare const defaultButtonConfigs: {
-    true: string;
-    false: string;
-};
-export declare const alternativeConfigs: {
-    true: string;
-    false: string;
-};
-export declare const alternativeButtonConfigs: {
-    true: string;
-    false: string;
-};
-export declare const actionButtonConfig: {
-    true: string;
-    false: string;
-};
+export type ComponentStateKey = 'active' | 'inactive';
+export type TabMenuVariant = 'default' | 'alternative' | 'alternative-more';
+export type TabMenuRounded = 'none' | 'all' | 'top' | 'right' | 'left';
+export declare const radiusConfig: Record<TabMenuRounded, string>;
+export declare const variantConfig: Record<TabMenuVariant, string>;
+export declare const defaultConfigs: Record<ComponentStateKey, string>;
+export declare const alternativeConfigs: Record<ComponentStateKey, string>;
+export declare const defaultButtonConfigs: Record<ComponentStateKey, string>;
+export declare const alternativeButtonConfigs: Record<ComponentStateKey, string>;
+export declare const actionButtonConfig: Record<ComponentStateKey, string>;

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

@@ -2,11 +2,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ children, disabled, variant, }: {
-        children: import("react").ReactNode;
-        disabled?: boolean | undefined;
-        variant?: "dark-background" | "light-background" | "outline-light-background" | undefined;
-    }) => import("react").JSX.Element;
+    component: ({ children, disabled, variant, className, type, ...rest }: import("../../components/Card").CardProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

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

@@ -2,7 +2,7 @@
 import type { StoryObj } from '@storybook/react/*';
 declare const meta: {
     title: string;
-    component: ({ variant, text, rounded, isActive, onClose, ...rest }: import("../../components/TabMenu/TabMenu").TabMenuProps) => import("react").JSX.Element;
+    component: import("react").ForwardRefExoticComponent<import("../../components/TabMenu/TabMenu").TabMenuProps & import("react").RefAttributes<HTMLDivElement>>;
     parameters: {
         layout: string;
     };

package/dist/index.d.ts

@@ -130,11 +130,18 @@ interface ContextualButtonProps extends ComponentPropsWithoutRef<'button'> {
 }
 declare const ContextualButton: React$1.ForwardRefExoticComponent<ContextualButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const Card: ({ children, disabled, variant, }: {
+declare const config: {
+    readonly 'dark-background': "bg-white enabled:hover:bg-bia-grey-light-90 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-80";
+    readonly 'light-background': "bg-bia-grey-light-90 enabled:hover:bg-bia-grey-light-80 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-70";
+    readonly 'outline-light-background': "bg-white border border-bia-grey-light-40 enabled:hover:bg-bia-grey-light-90 outline-none focus-visible:outline-2 focus-visible:outline-bia-blue-light-50 enabled:active:bg-bia-grey-light-80";
+};
+type CardVariant = keyof typeof config;
+
+interface CardProps extends ComponentPropsWithoutRef<'button'> {
     children: React$1.ReactNode;
-    disabled?: boolean | undefined;
-    variant?: "dark-background" | "light-background" | "outline-light-background" | undefined;
-}) => React$1.JSX.Element;
+    variant?: CardVariant;
+}
+declare const Card: ({ children, disabled, variant, className, type, ...rest }: CardProps) => React$1.JSX.Element;
 
 declare function Color(): React$1.JSX.Element;
 
@@ -722,14 +729,19 @@ interface TabProps extends ComponentPropsWithoutRef<'button'> {
 }
 declare function Tab({ children, active, icon, disabled, mode, fit, size, className, ...rest }: TabProps): React$1.JSX.Element;
 
+type TabMenuVariant = 'default' | 'alternative' | 'alternative-more';
+type TabMenuRounded = 'none' | 'all' | 'top' | 'right' | 'left';
+
 interface TabMenuProps extends ComponentPropsWithoutRef<'div'> {
-    variant?: 'default' | 'alternative';
-    rounded?: 'none' | 'all' | 'top' | 'right' | 'left';
+    variant?: TabMenuVariant;
+    rounded?: TabMenuRounded;
     text?: string;
-    onClose?: () => void;
     isActive?: boolean;
+    moreCount?: number;
+    onClose?: () => void;
+    onClickMore?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-declare const TabMenu: ({ variant, text, rounded, isActive, onClose, ...rest }: TabMenuProps) => React$1.JSX.Element;
+declare const TabMenu: React$1.ForwardRefExoticComponent<TabMenuProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface TableCellProps extends ComponentPropsWithoutRef<'td'> {
     variant?: 'head' | 'body';

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "2.9.0",
+  "version": "2.10.0-alpha.0",
   "description": "Design Language System develop by BIAENERGI",
   "repository": {
     "type": "git",