@croquiscom/pds 8.22.7 → 8.22.8

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @croquiscom/pds
 
+## 8.22.8
+
+### Patch Changes
+
+- 3913ac9: DateUnitPicker min/max모두같은 월 설정시 월단위 선택 오류 수정
+- 7f2e511: FormField status를 공유하는 형태로 변경, children type변경
+
 ## 8.22.7
 
 ### Patch Changes

package/dist/components/date-picker/DateUnitPicker.stories.d.ts

@@ -9,5 +9,6 @@ export declare const Error: Story;
 export declare const Size: Story;
 export declare const ShowRemoveButton: Story;
 export declare const MinDate: Story;
+export declare const MinMaxDate: Story;
 export declare const MaxDate: Story;
 export declare const BottomSheetPicker: Story;

package/dist/components/form/FormField.d.ts

@@ -2,10 +2,17 @@ import React, { ReactNode, PropsWithChildren } from 'react';
 import { HelpTextProps } from '../text';
 import { VerticalAlignment } from '../stack';
 import { CSSValueWithLength } from '../../styles';
+import { InputStatus } from '../input/types';
 type FormFieldAlignment = Extract<VerticalAlignment, 'top' | 'center'>;
 type FormFieldPosition = 'left' | 'top';
 export interface FormFieldProps {
     className?: string;
+    /**
+     * FormField의 상태를 지정하면 children과 formHelperText 상태를 공유합니다.
+     * PDS의 Input, Dropdown, DropdownInput, NumericInput 컴포넌트만 공유하도록 제한합니다.
+     * 다른 컴포넌트는 사용하더라도 formHelperText에만 status가 적용됩니다.
+     */
+    status?: InputStatus;
     label?: ReactNode;
     /**
      * 라벨 우측 렌더링될 Addon 요소
@@ -20,7 +27,7 @@ export interface FormFieldProps {
      */
     helper?: HelpTextProps;
     /**
-     * FormHelperText 컴포넌트로 라벨 아래에 메세지를 표시합니다.
+     * FormHelperText 컴포넌트로 children 아래에 메세지를 표시합니다.
      */
     formHelperText?: ReactNode;
     /**
@@ -39,6 +46,7 @@ export interface FormFieldProps {
      * @default left
      */
     position?: FormFieldPosition;
+    children?: ReactNode;
 }
-export declare const FormField: ({ className, label, rightAddon, required, helper, formHelperText, labelWidth, alignment, position, children, }: PropsWithChildren<FormFieldProps>) => React.JSX.Element;
+export declare const FormField: ({ className, label, status, rightAddon, required, helper, formHelperText, labelWidth, alignment, position, children, }: PropsWithChildren<FormFieldProps>) => React.JSX.Element;
 export {};

package/dist/components/form/FormField.stories.d.ts

@@ -10,7 +10,9 @@ export declare const WithCheckboxGroup: Story;
 export declare const WithHelpPopover: Story;
 export declare const TopAlign: Story;
 export declare const TopPosition: Story;
+export declare const SuccessCheckboxGroup: Story;
 export declare const Error: Story;
+export declare const ErrorDropdown: Story;
 export declare const ErrorLongLabel: Story;
 export declare const ErrorOverflowLabel: Story;
 export declare const ErrorTop: Story;