@croquiscom/pds 0.23.2 → 0.24.2

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.
@@ -1,14 +1,7 @@
1
1
  import { FunctionComponent } from 'react';
2
2
  import { NotificationComponentProps } from '../notification';
3
3
  import { ToastComponentProps } from '../toast';
4
- export declare const MessagePosition: {
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 메세지 노출 위치
@@ -1 +1,2 @@
1
1
  export * from './MessageManager';
2
+ export * from './types';
@@ -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
- export declare type NotificationType = 'info' | 'success' | 'error' | 'warning';
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
- type?: NotificationType;
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 Type: any;
7
+ export declare const Kind: any;
8
8
  export declare const HandleEvent: ComponentStory<typeof NotificationComponent>;
@@ -1 +1,2 @@
1
1
  export * from './Notification';
2
+ export * from './types';
@@ -1,3 +1,3 @@
1
- import { NotificationType, NotificationPosition } from '../notification';
2
- export declare const notification_type_css: Record<NotificationType, string>;
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];
@@ -13,7 +13,7 @@ export interface BaseTextProps extends React.Attributes {
13
13
  /**
14
14
  * @default Body_13_Regular
15
15
  */
16
- variant?: Typography;
16
+ kind?: Typography;
17
17
  }
18
- export declare const BaseText: React.FC<BaseTextProps & JSX.IntrinsicElements[BaseTextProps['as']]>;
18
+ export declare const BaseText: React.FC<BaseTextProps & JSX.IntrinsicElements[TextElement]>;
19
19
  export {};
@@ -4,4 +4,4 @@ declare const _default: ComponentMeta<React.FC<import("./BaseText").BaseTextProp
4
4
  export default _default;
5
5
  export declare const Base: any;
6
6
  export declare const Alignment: any;
7
- export declare const Variant: any;
7
+ export declare const Kind: any;
@@ -1,15 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { MessageManager } from '../message';
3
- export declare type ToastSize = 'large' | 'medium';
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
- variant?: ToastVariant;
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 Variant: any;
7
+ export declare const Kind: any;
8
8
  export declare const Position: any;
9
9
  export declare const HandleDestroy: ComponentStory<typeof ToastComponent>;
@@ -1 +1,2 @@
1
1
  export * from './Toast';
2
+ export * from './types';
@@ -1,4 +1,4 @@
1
- import { ToastSize } from './Toast';
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, variant, zIndex, noUsePortal, onClose, onOpen, }: TooltipProps) => JSX.Element;
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, variant, zIndex, noUsePortal, onClose, onOpen, }: import("./Tooltip").TooltipProps) => JSX.Element>;
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, TooltipVariant } from './types';
2
+ import { TooltipSize, TooltipKind } from './types';
3
3
  export interface TooltipBaseProps {
4
4
  /** @default medium */
5
5
  size?: TooltipSize;
6
6
  /** @default brand */
7
- variant?: TooltipVariant;
7
+ kind?: TooltipKind;
8
8
  }
9
9
  export declare const TooltipBase: import("@emotion/styled").StyledComponent<{
10
10
  theme?: import("@emotion/react").Theme;
@@ -1,3 +1,3 @@
1
- import { TooltipSize, TooltipVariant } from './types';
1
+ import { TooltipSize, TooltipKind } from './types';
2
2
  export declare const tooltip_size_css: Record<TooltipSize, string>;
3
- export declare const tooltip_variant_color_css: Record<TooltipVariant, string>;
3
+ export declare const tooltip_kind_color_css: Record<TooltipKind, string>;
@@ -1,2 +1,2 @@
1
1
  export declare type TooltipSize = 'small' | 'medium' | 'large';
2
- export declare type TooltipVariant = 'brand' | 'primary' | 'negative';
2
+ export declare type TooltipKind = 'brand' | 'primary' | 'negative';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@croquiscom/pds",
3
- "version": "0.23.2",
3
+ "version": "0.24.2",
4
4
  "description": "Design system for Zigzag's Partner Center",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.es.js",