@croquiscom/pds 0.24.2 → 0.24.3

package/dist/input/InputAffix.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { InputStatus } from './types';
-import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+import { CSSValueWithLength } from '../styles';
 export interface InputAffixProps {
     className?: string;
     disabled?: boolean;

package/dist/message/MessageManager.d.ts

@@ -21,6 +21,10 @@ export interface MessageContainerProps {
      * @default 6
      */
     max_count?: number;
+    /**
+     * @default 'toast'일 경우 1050, 'notification'일 경우 1040
+     */
+    z_index?: number;
 }
 declare type MessageContainerKey = `${MessagePosition}_${number}_${number}`;
 declare type MessageComponentTypes = ToastComponentProps | NotificationComponentProps;
@@ -28,14 +32,16 @@ export declare type MessageOptions<T extends MessageComponentTypes> = Omit<T, 'd
 export declare class MessageManager<T extends MessageComponentTypes> {
     private container;
     private component;
+    private z_index;
     private default_max_count;
     private default_offset;
     private default_position;
     private container_keys;
     private messages;
-    constructor({ component, container_id, default_max_count, default_offset, default_position, }: {
+    constructor({ component, container_id, z_index, default_max_count, default_offset, default_position, }: {
         component: FunctionComponent<T>;
-        container_id: string;
+        container_id: 'notification' | 'toast';
+        z_index?: number;
         default_max_count?: number;
         default_offset?: number;
         default_position?: MessagePosition;

package/dist/popover/Popover.d.ts

@@ -10,7 +10,9 @@ export interface PopoverProps {
     className?: string;
     children: ReactNode;
     content: PopoverContent | PopoverWithCloseAction;
-    /** @default 101 */
+    /** @default false */
+    noUsePortal?: boolean;
+    /** @default 1060 */
     zIndex?: number;
     /** 미지정인경우 자동 배치 처리됩니다. */
     placement?: Placement;

package/dist/stack/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SizeProps, SpaceProps } from '../styles';
-import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+import { CSSValueWithLength } from '../styles';
 export declare type StackAlignment = 'stretch' | 'flex-start' | 'center' | 'flex-end';
 export interface StackProps extends SizeProps, SpaceProps {
     className?: string;

package/dist/styles/index.d.ts

@@ -2,3 +2,5 @@ export * from './common';
 export * from './size';
 export * from './space';
 export * from './placement';
+export * from './zIndex';
+export * from './buildCSSWithLength';

package/dist/styles/zIndex.d.ts

@@ -0,0 +1,12 @@
+declare const ZIndexOrder: {
+    readonly bottomSheet: 1010;
+    readonly modal: 1020;
+    readonly dropdown: 1030;
+    readonly notification: 1040;
+    readonly toast: 1050;
+    readonly popover: 1060;
+    readonly tooltip: 1070;
+};
+export declare type ZIndexOrder = keyof typeof ZIndexOrder;
+export declare function getZIndex(order: ZIndexOrder): 1010 | 1020 | 1030 | 1040 | 1050 | 1060 | 1070;
+export {};

package/dist/tooltip/Tooltip.d.ts

@@ -16,7 +16,7 @@ export interface TooltipProps extends TooltipBaseProps {
     openerTriggerEvent?: OpenerTriggerEvent;
     /** @default top */
     placement?: Placement;
-    /** @default 101 */
+    /** @default 1070 */
     zIndex?: number;
     /** @default false */
     noUsePortal?: boolean;

package/package.json

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