@gataca/design-system 0.2.49 → 0.3.1

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

@@ -19,6 +19,8 @@ export { default as ListItem } from './native/Lists/ListItem/index.native';
 export { default as Checkbox } from './native/Checkbox/Checkbox/index.native';
 export { default as RadioButton } from './native/RadioButton/RadioButton/index.native';
 export { default as Switch } from './native/Switch/Switch/index.native';
+export { default as NavOption } from './native/NavBar/NavOption/index.native';
+export { default as NavigationBar } from './native/NavBar/NavigationBar/index.native';
 export { default as CheckIcon } from './native/Icons/icons/check';
 export { default as InfoIcon } from './native/Icons/icons/info';
 export { default as ChevronDownIcon } from './native/Icons/icons/chevronDown';

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

@@ -17,6 +17,8 @@ export { default as ListItem } from './web/Lists/ListItem/index.web';
 export { default as Checkbox } from './web/Checkbox/Checkbox/index.web';
 export { default as RadioButton } from './web/RadioButton/RadioButton/index.web';
 export { default as Switch } from './web/Switch/Switch/index.web';
+export { default as NavOption } from './web/NavBar/NavOption/index.web';
+export { default as NavigationBar } from './web/NavBar/NavigationBar/index.web';
 export { default as CheckIcon } from './web/Icons/icons/check';
 export { default as InfoIcon } from './web/Icons/icons/info';
 export { default as ChevronDownIcon } from './web/Icons/icons/chevronDown';

package/dist/components/native/Lists/ListItem/listItem_styles.native.d.ts

@@ -24,9 +24,10 @@ declare const _default: {
     listItemLeftContainer: {
         display: "flex";
         flexDirection: "row";
-        justifyContent: "center";
+        justifyContent: "flex-start";
         alignItems: "center";
         gap: number;
+        flex: number;
     };
     notificationContainer: {
         display: "flex";

package/dist/components/native/Lists/ListItem/listItem_types.native.d.ts

@@ -27,14 +27,20 @@ export interface ListItemProps {
     checkbox?: CheckboxProps;
     switchOpt?: SwitchProps;
     radioButton?: RadioButtonProps;
-    LeadingIcon?: React.FC<{
-        size: IconSize;
-        color: string;
-    }>;
-    TrailingIcon?: React.FC<{
-        size: IconSize;
-        color: string;
-    }>;
+    leadingIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            color: string;
+        }>;
+        color?: string;
+    };
+    trailingIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            color: string;
+        }>;
+        color?: string;
+    };
     segmentedButton?: SegmentedButtonProps;
     trailingValue?: string;
     hasHoverStyle?: boolean;

package/dist/components/native/NavBar/NavOption/NavOption.native.d.ts

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

package/dist/components/native/NavBar/NavOption/index.native.d.ts

@@ -0,0 +1,2 @@
+import NavOption from './NavOption.native';
+export default NavOption;

package/dist/components/native/NavBar/NavOption/navOption_styles.native.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    navOptionContainer: {
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+        alignSelf: "flex-start";
+        cursor: "pointer";
+        paddingVertical: number;
+        flex: number;
+    };
+};
+export default _default;

package/dist/components/native/NavBar/NavOption/navOption_types.native.d.ts

@@ -0,0 +1,16 @@
+import { IconSize, IconStyle } from '../../Icons/icon_types';
+export type NavOptionSize = 'medium' | 'small';
+export type NavOptionState = 'active' | 'default';
+export type NavOptionAlign = 'left' | 'right';
+export interface NavOptionProps {
+    state: NavOptionState;
+    label?: string;
+    Icon: React.FC<{
+        size: IconSize;
+        color: string;
+        style: IconStyle;
+    }>;
+    containerStyle?: any;
+    key?: string | number;
+    onPress?: (x?: any) => void;
+}

package/dist/components/native/NavBar/NavigationBar/NavigationBar.native.d.ts

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

package/dist/components/native/NavBar/NavigationBar/index.native.d.ts

@@ -0,0 +1,2 @@
+import NavigationBar from './NavigationBar.native';
+export default NavigationBar;

package/dist/components/native/NavBar/NavigationBar/navigationBar_styles.native.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    navigationBarContainer: {
+        width: "100%";
+        right: number;
+        left: number;
+        position: "absolute";
+        top: number;
+        zIndex: number;
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+        alignSelf: "flex-start";
+        borderTopWidth: number;
+        paddingHorizontal: number;
+        minHeight: number;
+    };
+};
+export default _default;

package/dist/components/native/NavBar/NavigationBar/navigationBar_types.native.d.ts

@@ -0,0 +1,17 @@
+import { IconSize, IconStyle } from '../../Icons/icon_types';
+export type NavigationBarSize = 'medium' | 'small';
+export type NavigationBarState = 'active' | 'default';
+export type NavigationBarAlign = 'left' | 'right';
+export interface NavigationBarProps {
+    navOptions: {
+        state: NavigationBarState;
+        label?: string;
+        Icon: React.FC<{
+            size: IconSize;
+            color: string;
+            style: IconStyle;
+        }>;
+        onPress?: (x?: any) => void;
+    }[];
+    containerStyle?: any;
+}

package/dist/components/web/Lists/ListItem/listItem_types.web.d.ts

@@ -27,14 +27,20 @@ export interface ListItemProps {
     containerStyle?: any;
     checkbox?: CheckboxProps;
     switchOpt?: SwitchProps;
-    LeadingIcon?: React.FC<{
-        size: IconSize;
-        color: string;
-    }>;
-    TrailingIcon?: React.FC<{
-        size: IconSize;
-        color: string;
-    }>;
+    leadingIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            color: string;
+        }>;
+        color?: string;
+    };
+    trailingIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            color: string;
+        }>;
+        color?: string;
+    };
     segmentedButton?: SegmentedButtonProps;
     trailingValue?: string;
     actionItem?: ActionItemsProps;

package/dist/components/web/NavBar/NavOption/NavOption.web.d.ts

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

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

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

package/dist/components/web/NavBar/NavOption/navOption_styles.web.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const styles: () => {
+    navOptionContainer: React.CSSProperties;
+};

package/dist/components/web/NavBar/NavOption/navOption_types.web.d.ts

@@ -0,0 +1,15 @@
+import { IconSize, IconStyle } from '../../Icons/icon_types';
+export type NavOptionSize = 'medium' | 'small';
+export type NavOptionState = 'active' | 'default';
+export type NavOptionAlign = 'left' | 'right';
+export interface NavOptionProps {
+    state: NavOptionState;
+    label?: string;
+    Icon: React.FC<{
+        size: IconSize;
+        color: string;
+        style: IconStyle;
+    }>;
+    containerStyle?: any;
+    onPress?: (x?: any) => void;
+}

package/dist/components/web/NavBar/NavigationBar/NavigationBar.web.d.ts

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

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

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

package/dist/components/web/NavBar/NavigationBar/navigationBar_styles.web.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const styles: () => {
+    navigationBarContainer: React.CSSProperties;
+};

package/dist/components/web/NavBar/NavigationBar/navigationBar_types.web.d.ts

@@ -0,0 +1,17 @@
+import { IconSize, IconStyle } from '../../Icons/icon_types';
+export type NavigationBarSize = 'medium' | 'small';
+export type NavigationBarState = 'active' | 'default';
+export type NavigationBarAlign = 'left' | 'right';
+export interface NavigationBarProps {
+    navOptions: {
+        state: NavigationBarState;
+        label?: string;
+        Icon: React.FC<{
+            size: IconSize;
+            color: string;
+            style: IconStyle;
+        }>;
+        onPress?: (x?: any) => void;
+    }[];
+    containerStyle?: any;
+}