@gataca/design-system 3.37.0 → 4.0.0

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

@@ -13,6 +13,7 @@ export { default as ButtonIcon } from './web/Buttons/ButtonIcon/index.web';
 export { default as BrandButton } from './web/Buttons/BrandButton/index.web';
 export { default as SegmentedButton } from './web/Buttons/SegmentedButton/index.web';
 export { default as Indicator } from './web/Indicator/Indicator/index.web';
+export { default as NumberBadges } from './web/Indicator/NumberBadges/index.web';
 export { default as Avatar } from './web/Avatars/Avatar/index.web';
 export { default as AvatarGroup } from './web/Avatars/AvatarGroup/index.web';
 export { default as List } from './web/Lists/List/index.web';
@@ -28,6 +29,8 @@ 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 ButtonTabs } from './web/Tabs/ButtonTabs/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/native/Buttons/Button/Button.types.native.d.ts

@@ -12,11 +12,16 @@ export interface ButtonProps {
     state?: ButtonState;
     style?: ButtonStyle;
     textSize?: TextSize;
-    LeadingIcon?: React.FC<{
-        size: IconSize;
-        style: IconStyle;
-        color: string;
-    }>;
+    leadingIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            style: IconStyle;
+            color: string;
+        }>;
+        size?: IconSize;
+        style?: IconStyle;
+        color?: string;
+    };
     showText?: boolean;
     containerStyle?: any;
     onPress?: (x?: any) => void;

package/dist/components/native/TextField/TextField/textField_config.d.ts

@@ -12,6 +12,6 @@ export declare const inputBorder: {
     success: string;
     error: string;
 };
-export declare const inputColor: (state: TextFieldState, value?: string) => "neutral1000" | "neutral600";
-export declare const inputBackgroundColor: (state: TextFieldState) => "neutral300" | "neutral100";
-export declare const helperTextColor: (state: TextFieldState) => "success300" | "alert300" | "neutral600";
+export declare const inputColor: (state: TextFieldState, value?: string) => "neutral600" | "neutral1000";
+export declare const inputBackgroundColor: (state: TextFieldState) => "neutral100" | "neutral300";
+export declare const helperTextColor: (state: TextFieldState) => "neutral600" | "success300" | "alert300";

package/dist/components/web/Buttons/Button/Button.types.web.d.ts

@@ -13,11 +13,16 @@ export interface ButtonProps {
     state?: ButtonState;
     style?: ButtonStyle;
     textSize?: TextSize;
-    LeadingIcon?: React.FC<{
-        size: IconSize;
-        style: IconStyle;
-        color: string;
-    }>;
+    leadingIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            style: IconStyle;
+            color: string;
+        }>;
+        size?: IconSize;
+        style?: IconStyle;
+        color?: string;
+    };
     showText?: boolean;
     containerStyle?: any;
     onClick?: (x?: any) => void;

package/dist/components/web/Indicator/NumberBadges/NumberBadges.web.d.ts

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

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

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

package/dist/components/web/Indicator/NumberBadges/numberBadges_styles.web.d.ts

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

package/dist/components/web/Indicator/NumberBadges/numberBadges_types.web.d.ts

@@ -0,0 +1,20 @@
+export type NumberBadgesState = 'enable' | 'hover' | 'disable' | 'active';
+export interface NumberBadgesProps {
+    id?: string;
+    className?: string;
+    state: NumberBadgesState;
+    number: number;
+    containerStyle?: any;
+}
+export declare enum numberBadgesBgColorByState {
+    'enable' = "neutral500",
+    'active' = "primary700",
+    'disable' = "neutral500",
+    'hover' = "neutral600"
+}
+export declare enum numberBadgesTextColorByState {
+    'enable' = "neutral100",
+    'active' = "neutral100",
+    'disable' = "neutral600",
+    'hover' = "neutral100"
+}

package/dist/components/web/Menus/MenuItem/MenuItem_types.web.d.ts

@@ -39,9 +39,10 @@ export interface MenuItemProps {
         }>;
         size?: IconSize;
         color?: string;
-        style: IconStyle;
+        style?: IconStyle;
     };
     containerStyle?: any;
+    onClick?: (x?: any) => void;
 }
 export declare enum stateLeadingIconColors {
     'enable' = "neutral1000",

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

@@ -0,0 +1,61 @@
+import { ColorsType, StyleType } from '../../../../utils/theming';
+export declare const createColorMap: (Colors: ColorsType) => {
+    white: {
+        fill: {
+            enable: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            active: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            hover: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            disable: {
+                backgroundColor: string;
+                textColor: string;
+            };
+        };
+    };
+    grey: {
+        fill: {
+            enable: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            hover: {
+                backgroundColor: string;
+                textColor: string;
+            };
+            disable: {
+                backgroundColor: string;
+                textColor: string;
+            };
+        };
+    };
+};
+export declare const getButtonGeneralStyles: (colors: ColorsType, color: string, state: string) => {
+    backgroundColor: any;
+    borderColor: any;
+    borderWidth: number;
+    textColor: any;
+    cursor: string;
+    padding: string;
+    minHeight: number;
+};
+export declare const getButtonContentStyles: (fontStyles: StyleType, colors: ColorsType, color: string, state: string) => {
+    styles: {
+        lineHeight: string;
+        color: any;
+        fontFamily?: string;
+        fontSize?: number;
+        textDecoration?: string;
+        fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+        opacity?: number;
+        fontStyle?: "normal" | "italic";
+    };
+    iconColor: any;
+};

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

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

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

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

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

@@ -0,0 +1,24 @@
+export type ButtonTabState = 'enable' | 'hover' | 'disable' | 'active';
+export interface ButtonTabProps {
+    id?: string;
+    className?: string;
+    state: ButtonTabState;
+    text?: string;
+    numberBadge?: number;
+    loading?: boolean;
+    containerStyle?: any;
+}
+export interface ButtonTabsProps {
+    id?: string;
+    className?: string;
+    tabs: ButtonTabProps[];
+    selectedTabIndex: number;
+    containerStyle?: any;
+    onChange: (index?: number) => void;
+}
+export declare enum textColorByState {
+    'enable' = "neutral1000",
+    'active' = "primary700",
+    'disable' = "neutral500",
+    'hover' = "neutral1000"
+}

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

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

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,36 @@
+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 borderColorByState {
+    'enable' = "neutral400",
+    'active' = "primary700",
+    'disable' = "neutral400",
+    'hover' = "neutral400"
+}
+export declare enum infoIconColorByState {
+    'enable' = "neutral1000",
+    'active' = "neutral1000",
+    'disable' = "neutral500",
+    'hover' = "neutral1000"
+}

package/dist/components/web/TextField/TextField/textField_config.d.ts

@@ -12,6 +12,6 @@ export declare const inputBorder: {
     success: string;
     error: string;
 };
-export declare const inputColor: (state: TextFieldState, value?: string) => "neutral1000" | "neutral600";
-export declare const inputBackgroundColor: (state: TextFieldState) => "neutral300" | "neutral100";
-export declare const helperTextColor: (state: TextFieldState) => "success300" | "alert300" | "neutral600";
+export declare const inputColor: (state: TextFieldState, value?: string) => "neutral600" | "neutral1000";
+export declare const inputBackgroundColor: (state: TextFieldState) => "neutral100" | "neutral300";
+export declare const helperTextColor: (state: TextFieldState) => "neutral600" | "success300" | "alert300";