@gataca/design-system 1.0.38 → 1.0.39

package/dist/components/index.web.d.ts

@@ -28,6 +28,7 @@ export { default as Tooltip } from './web/Tooltips/Tooltip/index.web';
 export { default as Popover } from './web/Popover/index.web';
 export { default as TextField } from './web/TextField/TextField/index.web';
 export { default as MenuItem } from './web/Menus/MenuItem/index.web';
+export { default as Tabs } from './web/Tabs/Tabs/index.web';
 export { default as IconGroup } from './web/Icons/IconGroup/index.web';
 export { default as Illustration } from './web/Illustrations/index.web';
 export { default as GatacaLogoHorIcon } from './web/Icons/icons/brand/gatacaLogoHor';

package/dist/components/web/Tabs/Tabs/Tabs.web.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TabsProps } from './tabs_types.web';
+declare const Tabs: (props: React.PropsWithChildren<TabsProps>) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/dist/components/web/Tabs/Tabs/index.web.d.ts

@@ -0,0 +1,2 @@
+import Tabs from './Tabs.web';
+export default Tabs;

package/dist/components/web/Tabs/Tabs/tabs_styles.web.d.ts

@@ -0,0 +1,4 @@
+export declare const styles: () => {
+    tabsContainer: React.CSSProperties;
+    tab: React.CSSProperties;
+};

package/dist/components/web/Tabs/Tabs/tabs_types.web.d.ts

@@ -0,0 +1,42 @@
+export type TabsState = 'enable' | 'hover' | 'disable' | 'active';
+export interface TabProps {
+    id?: string;
+    className?: string;
+    state: TabsState;
+    text?: string;
+    numberBadge?: number;
+    info?: string;
+    containerStyle?: any;
+}
+export interface TabsProps {
+    id?: string;
+    className?: string;
+    tabs: TabProps[];
+    selectedTabIndex: number;
+    containerStyle?: any;
+    onChange: (index?: number) => void;
+}
+export declare enum textColorByState {
+    'enable' = "neutral1000",
+    'active' = "primary700",
+    'disable' = "neutral500",
+    'hover' = "neutral1000"
+}
+export declare enum numberBadgeColorByState {
+    'enable' = "neutral500",
+    'active' = "primary700",
+    'disable' = "neutral500",
+    'hover' = "neutral600"
+}
+export declare enum borderColorByState {
+    'enable' = "neutral400",
+    'active' = "primary700",
+    'disable' = "neutral500",
+    'hover' = "neutral1000"
+}
+export declare enum infoIconColorByState {
+    'enable' = "neutral1000",
+    'active' = "neutral1000",
+    'disable' = "neutral500",
+    'hover' = "neutral1000"
+}