@croquiscom/pds 0.5.2 → 0.6.0

package/dist/styles/index.d.ts

@@ -1,3 +1,4 @@
 export * from './common';
 export * from './size';
 export * from './space';
+export * from './placement';

package/dist/styles/placement.d.ts

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

package/dist/tooltip/Tooltip.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+import { Placement } from '../styles';
+import { TooltipBaseProps } from './TooltipBase';
+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;
+    className?: string;
+    content?: ReactNode | TooltipContentWithCloseAction;
+    /** @default true */
+    canClickOutside?: boolean;
+    /** @default hover */
+    openerTriggerEvent?: OpenerTriggerEvent;
+    /** @default top */
+    placement?: Placement;
+    /** @default 101 */
+    zIndex?: number;
+    /** @default false */
+    noUsePortal?: boolean;
+    opened?: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+}
+export declare const Tooltip: ({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size, variant, zIndex, noUsePortal, onClose, onOpen, }: TooltipProps) => JSX.Element;
+export {};

package/dist/tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size, variant, zIndex, noUsePortal, onClose, onOpen, }: import("./Tooltip").TooltipProps) => JSX.Element>;
+export default _default;
+export declare const Base: any;
+export declare const Placement: any;
+export declare const MaxWidth: () => JSX.Element;
+export declare const Trigger: () => JSX.Element;
+export declare const ContentWithCloseAction: () => JSX.Element;

package/dist/tooltip/TooltipBase.d.ts

@@ -0,0 +1,11 @@
+import { TooltipSize, TooltipVariant } from './types';
+export interface TooltipBaseProps {
+    /** @default medium */
+    size?: TooltipSize;
+    /** @default primary */
+    variant?: TooltipVariant;
+}
+export declare const TooltipBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & TooltipBaseProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/tooltip/index.d.ts

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

package/dist/tooltip/styles.d.ts

@@ -0,0 +1,3 @@
+import { TooltipSize, TooltipVariant } from './types';
+export declare const tooltip_size_css: Record<TooltipSize, string>;
+export declare const tooltip_variant_color_css: Record<TooltipVariant, string>;

package/dist/tooltip/types.d.ts

@@ -0,0 +1,2 @@
+export declare type TooltipSize = 'small' | 'medium' | 'large';
+export declare type TooltipVariant = 'primary' | 'secondary' | 'error';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@croquiscom/pds",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "Design system for Zigzag's Partner Center",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
@@ -22,7 +22,8 @@
     "svgr": "yarn svgr:icons && yarn svgr:images",
     "svgr:icons": "svgr --config-file .svgrrc.icons.js -- assets/icons",
     "svgr:images": "svgr --config-file .svgrrc.images.js -- assets/images",
-    "release": "yarn build && changeset publish"
+    "release": "yarn build && changeset publish",
+    "analyzer": "ANALYZER=true yarn build"
   },
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
@@ -64,10 +65,12 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.30.0",
+    "rollup-plugin-visualizer": "^5.8.1",
     "storybook-dark-mode": "^1.1.0",
     "typescript": "^4.3.5"
   },
   "dependencies": {
+    "@floating-ui/react-dom-interactions": "^0",
     "classnames": "^2.3.1",
     "lodash-es": "^4.17.21",
     "polished": "^4.2.2"