@croquiscom/pds 0.23.2 → 0.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/README.md +1 -1
- package/dist/badge/Badge.d.ts +3 -3
- package/dist/badge/Badge.stories.d.ts +1 -1
- package/dist/badge/styles.d.ts +2 -2
- package/dist/badge/types.d.ts +1 -1
- package/dist/form/styles.d.ts +1 -1
- package/dist/index.es.js +2 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/message/MessageManager.d.ts +1 -8
- package/dist/message/index.d.ts +1 -0
- package/dist/message/types.d.ts +8 -0
- package/dist/notification/Notification.d.ts +2 -10
- package/dist/notification/Notification.stories.d.ts +1 -1
- package/dist/notification/index.d.ts +1 -0
- package/dist/notification/styles.d.ts +2 -2
- package/dist/notification/types.d.ts +9 -0
- package/dist/text/BaseText.d.ts +1 -1
- package/dist/text/BaseText.stories.d.ts +1 -1
- package/dist/toast/Toast.d.ts +2 -11
- package/dist/toast/Toast.stories.d.ts +1 -1
- package/dist/toast/index.d.ts +1 -0
- package/dist/toast/styles.d.ts +1 -1
- package/dist/toast/types.d.ts +10 -0
- package/dist/tooltip/Tooltip.d.ts +1 -1
- package/dist/tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/tooltip/TooltipBase.d.ts +2 -2
- package/dist/tooltip/styles.d.ts +2 -2
- package/dist/tooltip/types.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,14 +1,7 @@
|
|
|
1
1
|
import { FunctionComponent } from 'react';
|
|
2
2
|
import { NotificationComponentProps } from '../notification';
|
|
3
3
|
import { ToastComponentProps } from '../toast';
|
|
4
|
-
|
|
5
|
-
readonly TOP_RIGHT: "top-right";
|
|
6
|
-
readonly TOP_CENTER: "top-center";
|
|
7
|
-
readonly BOTTOM_RIGHT: "bottom-right";
|
|
8
|
-
readonly BOTTOM_CENTER: "bottom-center";
|
|
9
|
-
readonly CENTER: "center";
|
|
10
|
-
};
|
|
11
|
-
export declare type MessagePosition = typeof MessagePosition[keyof typeof MessagePosition];
|
|
4
|
+
import { MessagePosition } from './types';
|
|
12
5
|
export interface MessageContainerProps {
|
|
13
6
|
/**
|
|
14
7
|
* @desc 메세지 노출 위치
|
package/dist/message/index.d.ts
CHANGED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const MessagePosition: {
|
|
2
|
+
readonly TOP_RIGHT: "top-right";
|
|
3
|
+
readonly TOP_CENTER: "top-center";
|
|
4
|
+
readonly BOTTOM_RIGHT: "bottom-right";
|
|
5
|
+
readonly BOTTOM_CENTER: "bottom-center";
|
|
6
|
+
readonly CENTER: "center";
|
|
7
|
+
};
|
|
8
|
+
export declare type MessagePosition = typeof MessagePosition[keyof typeof MessagePosition];
|
|
@@ -1,18 +1,10 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { MessageManager } from '../message';
|
|
3
|
-
|
|
4
|
-
export declare const NotificationPosition: {
|
|
5
|
-
readonly TOP_RIGHT: "top-right";
|
|
6
|
-
readonly TOP_CENTER: "top-center";
|
|
7
|
-
readonly BOTTOM_RIGHT: "bottom-right";
|
|
8
|
-
readonly BOTTOM_CENTER: "bottom-center";
|
|
9
|
-
readonly CENTER: "center";
|
|
10
|
-
};
|
|
11
|
-
export declare type NotificationPosition = typeof NotificationPosition[keyof typeof NotificationPosition];
|
|
3
|
+
import { NotificationKind, NotificationPosition } from './types';
|
|
12
4
|
export interface NotificationComponentProps {
|
|
13
5
|
id?: string;
|
|
14
6
|
/** @default info */
|
|
15
|
-
|
|
7
|
+
kind?: NotificationKind;
|
|
16
8
|
title: string;
|
|
17
9
|
content: ReactNode;
|
|
18
10
|
confirmText?: string;
|
|
@@ -4,5 +4,5 @@ import { NotificationComponent, NotificationComponentProps } from './Notificatio
|
|
|
4
4
|
declare const _default: ComponentMeta<React.FC<NotificationComponentProps>>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const Base: any;
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const Kind: any;
|
|
8
8
|
export declare const HandleEvent: ComponentStory<typeof NotificationComponent>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const
|
|
1
|
+
import { NotificationKind, NotificationPosition } from './types';
|
|
2
|
+
export declare const notification_kind_css: Record<NotificationKind, string>;
|
|
3
3
|
export declare const notification_hide_animation: (position: NotificationPosition) => import("@emotion/serialize").Keyframes;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare type NotificationKind = 'info' | 'success' | 'error' | 'warning';
|
|
2
|
+
export declare const NotificationPosition: {
|
|
3
|
+
readonly TOP_RIGHT: "top-right";
|
|
4
|
+
readonly TOP_CENTER: "top-center";
|
|
5
|
+
readonly BOTTOM_RIGHT: "bottom-right";
|
|
6
|
+
readonly BOTTOM_CENTER: "bottom-center";
|
|
7
|
+
readonly CENTER: "center";
|
|
8
|
+
};
|
|
9
|
+
export declare type NotificationPosition = typeof NotificationPosition[keyof typeof NotificationPosition];
|
package/dist/text/BaseText.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export interface BaseTextProps extends React.Attributes {
|
|
|
13
13
|
/**
|
|
14
14
|
* @default Body_13_Regular
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
kind?: Typography;
|
|
17
17
|
}
|
|
18
18
|
export declare const BaseText: React.FC<BaseTextProps & JSX.IntrinsicElements[BaseTextProps['as']]>;
|
|
19
19
|
export {};
|
package/dist/toast/Toast.d.ts
CHANGED
|
@@ -1,15 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { MessageManager } from '../message';
|
|
3
|
-
|
|
4
|
-
export declare type ToastVariant = 'info' | 'success' | 'error';
|
|
5
|
-
export declare const ToastPosition: {
|
|
6
|
-
readonly TOP_RIGHT: "top-right";
|
|
7
|
-
readonly TOP_CENTER: "top-center";
|
|
8
|
-
readonly BOTTOM_RIGHT: "bottom-right";
|
|
9
|
-
readonly BOTTOM_CENTER: "bottom-center";
|
|
10
|
-
readonly CENTER: "center";
|
|
11
|
-
};
|
|
12
|
-
export declare type ToastPosition = typeof ToastPosition[keyof typeof ToastPosition];
|
|
3
|
+
import { ToastSize, ToastKind } from './types';
|
|
13
4
|
export interface ToastComponentProps {
|
|
14
5
|
id?: string;
|
|
15
6
|
content: ReactNode;
|
|
@@ -26,7 +17,7 @@ export interface ToastComponentProps {
|
|
|
26
17
|
/**
|
|
27
18
|
* @default info
|
|
28
19
|
*/
|
|
29
|
-
|
|
20
|
+
kind?: ToastKind;
|
|
30
21
|
destroy: () => void;
|
|
31
22
|
}
|
|
32
23
|
export declare const ToastComponent: React.FC<ToastComponentProps>;
|
|
@@ -4,6 +4,6 @@ import { ToastComponent, ToastComponentProps } from './Toast';
|
|
|
4
4
|
declare const _default: ComponentMeta<React.FC<ToastComponentProps>>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const Base: any;
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const Kind: any;
|
|
8
8
|
export declare const Position: any;
|
|
9
9
|
export declare const HandleDestroy: ComponentStory<typeof ToastComponent>;
|
package/dist/toast/index.d.ts
CHANGED
package/dist/toast/styles.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ToastSize } from './
|
|
1
|
+
import { ToastSize } from './types';
|
|
2
2
|
export declare const toast_size_css: Record<ToastSize, string>;
|
|
3
3
|
export declare const toast_show_animation: import("@emotion/serialize").Keyframes;
|
|
4
4
|
export declare const toast_hide_animation: import("@emotion/serialize").Keyframes;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare type ToastSize = 'large' | 'medium';
|
|
2
|
+
export declare type ToastKind = 'info' | 'success' | 'error';
|
|
3
|
+
export declare const ToastPosition: {
|
|
4
|
+
readonly TOP_RIGHT: "top-right";
|
|
5
|
+
readonly TOP_CENTER: "top-center";
|
|
6
|
+
readonly BOTTOM_RIGHT: "bottom-right";
|
|
7
|
+
readonly BOTTOM_CENTER: "bottom-center";
|
|
8
|
+
readonly CENTER: "center";
|
|
9
|
+
};
|
|
10
|
+
export declare type ToastPosition = typeof ToastPosition[keyof typeof ToastPosition];
|
|
@@ -24,5 +24,5 @@ export interface TooltipProps extends TooltipBaseProps {
|
|
|
24
24
|
onClose?: () => void;
|
|
25
25
|
onOpen?: () => void;
|
|
26
26
|
}
|
|
27
|
-
export declare const Tooltip: ({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size,
|
|
27
|
+
export declare const Tooltip: ({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size, kind, zIndex, noUsePortal, onClose, onOpen, }: TooltipProps) => JSX.Element;
|
|
28
28
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size,
|
|
3
|
+
declare const _default: ComponentMeta<({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size, kind, zIndex, noUsePortal, onClose, onOpen, }: import("./Tooltip").TooltipProps) => JSX.Element>;
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare const Base: any;
|
|
6
6
|
export declare const Placement: any;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TooltipSize,
|
|
2
|
+
import { TooltipSize, TooltipKind } from './types';
|
|
3
3
|
export interface TooltipBaseProps {
|
|
4
4
|
/** @default medium */
|
|
5
5
|
size?: TooltipSize;
|
|
6
6
|
/** @default brand */
|
|
7
|
-
|
|
7
|
+
kind?: TooltipKind;
|
|
8
8
|
}
|
|
9
9
|
export declare const TooltipBase: import("@emotion/styled").StyledComponent<{
|
|
10
10
|
theme?: import("@emotion/react").Theme;
|
package/dist/tooltip/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { TooltipSize,
|
|
1
|
+
import { TooltipSize, TooltipKind } from './types';
|
|
2
2
|
export declare const tooltip_size_css: Record<TooltipSize, string>;
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const tooltip_kind_color_css: Record<TooltipKind, string>;
|
package/dist/tooltip/types.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare type TooltipSize = 'small' | 'medium' | 'large';
|
|
2
|
-
export declare type
|
|
2
|
+
export declare type TooltipKind = 'brand' | 'primary' | 'negative';
|