@gataca/design-system 1.0.35 → 1.1.0

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

@@ -27,6 +27,7 @@ export { default as Alert } from './web/Alerts/Alert/index.web';
 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 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/Menus/MenuItem/MenuItem.web.d.ts

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare const styles: () => {
+    menuItem: React.CSSProperties;
+    menuItem__left: {
+        display: string;
+        flexDirection: "row";
+        gap: number;
+        justifyContent: "space-between";
+        alignItems: "center";
+        flex: number;
+    };
+    menuItem__right: {
+        display: string;
+        flexDirection: "row";
+        gap: number;
+        justifyContent: "space-between";
+        alignItems: "center";
+        marginLeft: string;
+    };
+    title: React.CSSProperties;
+};

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

@@ -0,0 +1,55 @@
+import { ChipProps } from '../../Chips/Chip/Chip.types.web';
+import { IconSize, IconStyle } from '../../Icons/icon_types';
+import { IndicatorProps } from '../../Indicator/Indicator/indicator_types.web';
+export type MenuItemState = 'enable' | 'active' | 'disable' | 'hover';
+export type MenuItemType = 'main' | 'sub-menu';
+export interface MenuItemProps {
+    id?: string;
+    className?: string;
+    state: MenuItemState;
+    type: MenuItemType;
+    title: string;
+    leadingIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            color: string;
+            style: IconStyle;
+        }>;
+        size?: IconSize;
+        color?: string;
+        style?: IconStyle;
+    };
+    warningIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            style: IconStyle;
+            color: string;
+        }>;
+        size?: IconSize;
+        style?: IconStyle;
+        color?: string;
+    };
+    indicator?: IndicatorProps;
+    chip?: ChipProps;
+    trailingIcon?: {
+        Icon: React.FC<{
+            size: IconSize;
+            color: string;
+        }>;
+        size?: IconSize;
+        color?: string;
+    };
+    containerStyle?: any;
+}
+export declare enum stateLeadingIconColors {
+    'enable' = "neutral1000",
+    'active' = "primary700",
+    'disable' = "neutral700",
+    'hover' = "neutral1000"
+}
+export declare enum backgroundColorByState {
+    'enable' = "neutral100",
+    'active' = "primary100",
+    'disable' = "neutral100",
+    'hover' = "neutral200"
+}

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

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