@croquiscom/pds 0.40.1 → 0.40.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 0.40.3
+
+### Patch Changes
+
+- 13c0716: TextArea count 스타일 변경, Input maxLength count 노출 추가
+
+## 0.40.2
+
+### Patch Changes
+
+- 1ad9f1a: Modal 중첩 노드 삭제 버그 수정
+
 ## 0.40.1
 
 ### Patch Changes

package/dist/components/input/Input.stories.d.ts

@@ -8,10 +8,12 @@ export declare const Success: any;
 export declare const Disabled: any;
 export declare const EnteredDisabled: any;
 export declare const RightAlignment: any;
+export declare const MaxLength: any;
 export declare const Addon: any;
 export declare const Width: any;
 export declare const AddonWithWidth: any;
 export declare const AddonWithFormHelperText: () => JSX.Element[];
+export declare const MaxLengthWithCombined: () => JSX.Element;
 export declare const Password: () => JSX.Element;
 export declare const Search: any;
 export declare const WithButton: () => JSX.Element;

package/dist/components/input/InputBase.d.ts

@@ -16,6 +16,9 @@ export interface InputBaseType {
     /** @desc suffix */
     rightAddon?: InputAffixProps['suffix'];
     width?: CSSValueWithLength;
+    /** @default false */
+    showCounter?: boolean;
 }
 export type InputBaseProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width'> & InputBaseType;
+export declare const controlledInputValue: (value: any) => string;
 export declare const InputBase: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width"> & InputBaseType & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/NumericInput.d.ts

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, InputHTMLAttributes } from 'react';
 import { InputAffixProps } from './InputAffix';
 import { InputBaseType } from './InputBase';
-export interface NumericInputBaseType extends InputBaseType, InputAffixProps {
+export interface NumericInputBaseType extends Omit<InputBaseType, 'showCounter'>, InputAffixProps {
     value?: number | string | null;
     defaultValue?: number | string;
     /** @default true */

package/dist/components/modal/ModalOverlay.d.ts

@@ -2,6 +2,11 @@ import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
 import { CSSValueWithLength } from '../../styles';
 import { CornerRadiusSize } from '../../foundation';
 export interface ModalOverlayBaseProps {
+    /**
+     * @default 'pds-floating-root'
+     * @desc FloatingPortal node id, render 함수로 Floating 노드를 생성하는 경우가 아닌 경우에는 디폴트 아이디값으로 처리합니다.
+     */
+    floatingPortalId?: string;
     /**
      * @desc 안전여백을 포함한 100% 너비 사용, Alert 또는 Confirm Modal의 경우 최소너비(480) 범위내에서 적용됩니다.
      * @default false
@@ -35,4 +40,4 @@ export interface ModalOverlayProps extends ModalOverlayBaseProps {
     setOpened: Dispatch<SetStateAction<boolean>>;
     onCloseOutsidePress?: () => void;
 }
-export declare const ModalOverlay: ({ width, maxWidth, borderRadiusSize, fill, fullScreen, className, children, opened: openProp, zIndex, canClickOutside, onExited, onClose, onCloseOutsidePress, setOpened, }: PropsWithChildren<ModalOverlayProps>) => JSX.Element;
+export declare const ModalOverlay: ({ floatingPortalId, width, maxWidth, borderRadiusSize, fill, fullScreen, className, children, opened: openProp, zIndex, canClickOutside, onExited, onClose, onCloseOutsidePress, setOpened, }: PropsWithChildren<ModalOverlayProps>) => JSX.Element;

package/dist/components/modal/renderModal.d.ts

@@ -1,3 +1,3 @@
 import { Root } from 'react-dom/client';
-export declare function getFloatingModalPortal(): HTMLElement;
+export declare function getFloatingModalPortal(id: string): HTMLElement;
 export declare function removeFloatingModalPortal(target: HTMLElement, root: Root, unmountDelay?: number): void;

package/dist/components/textarea/Textarea.d.ts

@@ -2,7 +2,6 @@ import React, { TextareaHTMLAttributes } from 'react';
 import { SizeProps } from '../../styles';
 export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, SizeProps {
     error?: boolean;
-    value?: string;
     /** @default false */
     showCounter?: boolean;
 }

package/dist/constants/floating.d.ts

@@ -1 +1,3 @@
 export declare const FLOATING_ROOT_ID = "pds-floating-root";
+export declare const FLOATING_ALERT_ROOT_ID = "pds-alert-root";
+export declare const FLOATING_CONFIRM_ROOT_ID = "pds-confirm-root";