npm - @gataca/design-system - Versions diffs - 1.0.34 → 1.0.36 - Mend

@@ -1,9 +1,10 @@
-import { IconSize } from '../icon_types';
+import { IconSize, IconStyle } from '../icon_types';
 type UserSecureIconProps = {
     id?: string;
     className?: string;
     size: IconSize;
     color?: string;
+    style?: IconStyle;
 };
 declare const UserSecureIcon: ({ id, className, size, color }: UserSecureIconProps) => import("react/jsx-runtime").JSX.Element;
 export default UserSecureIcon;

@@ -1,9 +1,10 @@
-import { IconSize } from '../icon_types';
+import { IconSize, IconStyle } from '../icon_types';
 type UserUnknownIconProps = {
     id?: string;
     className?: string;
     size: IconSize;
     color?: string;
+    style?: IconStyle;
 };
 declare const UserUnknownIcon: ({ id, className, size, color, }: UserUnknownIconProps) => import("react/jsx-runtime").JSX.Element;
 export default UserUnknownIcon;

@@ -1,9 +1,10 @@
-import { IconSize } from '../icon_types';
+import { IconSize, IconStyle } from '../icon_types';
 type UserWarningIconProps = {
     id?: string;
     className?: string;
     size: IconSize;
     color?: string;
+    style?: IconStyle;
 };
 declare const UserWarningIcon: ({ id, className, size, color, }: UserWarningIconProps) => import("react/jsx-runtime").JSX.Element;
 export default UserWarningIcon;

@@ -1,9 +1,10 @@
-import { IconSize } from '../icon_types';
+import { IconSize, IconStyle } from '../icon_types';
 type UsersIconProps = {
     id?: string;
     className?: string;
     size: IconSize;
     color?: string;
+    style?: IconStyle;
 };
 declare const UsersIcon: (props: UsersIconProps) => import("react/jsx-runtime").JSX.Element;
 export default UsersIcon;

@@ -1,8 +1,9 @@
-import { IconSize } from '../icon_types';
+import { IconSize, IconStyle } from '../icon_types';
 type VerificationActivityIconProps = {
     id?: string;
     size: IconSize;
     color?: string;
+    style?: IconStyle;
 };
 declare const VerificationActivityIcon: (props: VerificationActivityIconProps) => import("react/jsx-runtime").JSX.Element;
 export default VerificationActivityIcon;

@@ -1,10 +1,10 @@
-import { BellIconStyle, IconSize, IconStyle } from '../../icon_types';
+import { ExtendedIconStyle, IconSize, IconStyle } from '../../icon_types';
 type BellIconProps = {
     id?: string;
     className?: string;
     size: IconSize;
     color?: string;
-    style?: IconStyle | BellIconStyle;
+    style?: IconStyle | ExtendedIconStyle;
 };
 declare const BellIcon: (props: BellIconProps) => import("react/jsx-runtime").JSX.Element;
 export default BellIcon;

@@ -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;

@@ -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;
+};

@@ -0,0 +1,58 @@
+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;
+            style: IconStyle;
+        }>;
+        size?: IconSize;
+        color?: string;
+        style?: IconStyle;
+    };
+    containerStyle?: any;
+    onClick?: (x?: any) => void;
+}
+export declare enum stateLeadingIconColors {
+    'enable' = "neutral1000",
+    'active' = "primary700",
+    'disable' = "neutral700",
+    'hover' = "neutral1000"
+}
+export declare enum backgroundColorByState {
+    'enable' = "neutral100",
+    'active' = "primary100",
+    'disable' = "neutral100",
+    'hover' = "neutral200"
+}

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

@gataca/design-system 1.0.34 → 1.0.36