@croquiscom/pds 0.6.0 → 0.7.1

package/dist/popover/Popover.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { Placement } from '../styles';
+import { OpenerTriggerEvent } from '../tooltip';
+import { HelpTextProps } from '../text/HelpText';
+declare type PopoverContent = ReactElement<HelpTextProps> | ReactNode;
+declare type PopoverWithCloseAction = (action: {
+    close(): void;
+}) => PopoverContent;
+export interface PopoverProps {
+    className?: string;
+    children: ReactNode;
+    content: PopoverContent | PopoverWithCloseAction;
+    /** @default 101 */
+    zIndex?: number;
+    /** 미지정인경우 자동 배치 처리됩니다. */
+    placement?: Placement;
+    /** @default hover */
+    openerTriggerEvent?: OpenerTriggerEvent;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export {};

package/dist/popover/Popover.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./Popover").PopoverProps>>;
+export default _default;
+export declare const Base: any;
+export declare const HoverIcon: () => JSX.Element;
+export declare const ContentWithCloseAction: () => JSX.Element;

package/dist/popover/PopoverBase.d.ts

@@ -0,0 +1,4 @@
+export declare const PopoverBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/popover/index.d.ts

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

package/dist/styles/placement.d.ts

@@ -1,2 +1,2 @@
-export declare type Placement = 'top' | 'left' | 'right' | 'bottom';
+export declare type Placement = 'bottom' | 'left' | 'top' | 'right';
 export declare function placementToCSSProperty(placement: Placement): string;

package/dist/text/HelpText.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+export interface HelpTextContent {
+    /** @deprecated 레거시 디자인 지원 용. 스펙아웃될 예정입니다. */
+    subtitle?: ReactNode;
+    text?: ReactNode;
+}
+export interface HelpTextProps {
+    className?: string;
+    title?: ReactNode;
+    contents: HelpTextContent[];
+}
+export declare const HelpText: React.FC<HelpTextProps>;

package/dist/text/HelpText.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./HelpText").HelpTextProps>>;
+export default _default;
+export declare const Base: any;

package/dist/text/index.d.ts

@@ -1 +1,2 @@
 export * from './BaseText';
+export * from './HelpText';

package/dist/tooltip/Tooltip.d.ts

@@ -1,10 +1,10 @@
 import React, { ReactNode } from 'react';
 import { Placement } from '../styles';
 import { TooltipBaseProps } from './TooltipBase';
+export declare type OpenerTriggerEvent = 'hover' | 'click' | 'none';
 declare type TooltipContentWithCloseAction = (action: {
     close(): void;
 }) => ReactNode;
-export declare type OpenerTriggerEvent = 'hover' | 'click' | 'none';
 export interface TooltipProps extends TooltipBaseProps {
     /** @desc reference element를 구할 수 있는 컴포넌트여야 합니다. */
     children: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@croquiscom/pds",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "description": "Design system for Zigzag's Partner Center",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
@@ -70,7 +70,7 @@
     "typescript": "^4.3.5"
   },
   "dependencies": {
-    "@floating-ui/react-dom-interactions": "^0",
+    "@floating-ui/react-dom-interactions": "0.10.1",
     "classnames": "^2.3.1",
     "lodash-es": "^4.17.21",
     "polished": "^4.2.2"