@croquiscom/pds 0.11.2 → 0.12.0

package/dist/menu/Menu.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from 'react';
+export interface MenuContextProps {
+    activeMenu: string;
+    activeMenuGroup: string;
+    setActiveMenu: (id: string) => void;
+    setActiveMenuGroup: (id: string) => void;
+    onClickMenu: ({ id, groupId }: {
+        id: string;
+        groupId: string;
+    }) => void;
+}
+export declare const MenuContext: React.Context<MenuContextProps>;
+export declare const useMenuContext: () => MenuContextProps;
+export interface MenuProps extends HTMLAttributes<HTMLUListElement> {
+    selectedMenu?: MenuContextProps['activeMenu'];
+    onClickMenu?: (id: MenuContextProps['activeMenuGroup']) => void;
+}
+export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;

package/dist/menu/Menu.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Menu } from './Menu';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Menu").MenuProps & React.RefAttributes<HTMLUListElement>>>;
+export default _default;
+export declare const BaseOneDepthMenu: ComponentStory<typeof Menu>;
+export declare const WithIcon: ComponentStory<typeof Menu>;
+export declare const WithSuffix: ComponentStory<typeof Menu>;
+export declare const WithChild: ComponentStory<typeof Menu>;
+export declare const ControlledNavigation: ComponentStory<typeof Menu>;

package/dist/menu/MenuGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MenuItemProps } from './MenuItem';
+export declare const MenuGroup: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/menu/MenuItem.d.ts

@@ -0,0 +1,18 @@
+import React, { PropsWithChildren, LiHTMLAttributes, ReactElement, ReactNode } from 'react';
+import { IconProps } from '../icons/generated';
+export interface MenuItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
+    /** 그룹 메뉴 ID */
+    groupId?: string;
+    /** 메뉴 아이템 unique ID */
+    id: string;
+    /** 메뉴 라벨 */
+    label: string;
+    /** 메뉴 아이템 아이콘 */
+    icon?: ReactElement<IconProps>;
+    /** 메뉴 아이템 우측 영역에 렌더링 될 요소 */
+    suffix?: ReactElement<IconProps> | ReactNode;
+}
+export declare const MenuIcon: ({ selected, children }: React.PropsWithChildren<{
+    selected: boolean;
+}>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/menu/index.d.ts

@@ -0,0 +1 @@
+export * from './Menu';

package/dist/menu/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const menu_base_css: import("@emotion/utils").SerializedStyles;
+export declare const menu_item_base_css: import("@emotion/utils").SerializedStyles;
+export declare const menu_group_item_css: import("@emotion/utils").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@croquiscom/pds",
-  "version": "0.11.2",
+  "version": "0.12.0",
   "description": "Design system for Zigzag's Partner Center",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",