@croquiscom/pds 8.20.0 → 8.21.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
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @croquiscom/pds
|
|
2
2
|
|
|
3
|
+
## 8.21.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 33aa63d: FormField helper message가 없는 경우 여백 오류 수정
|
|
8
|
+
|
|
9
|
+
## 8.21.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- f4fff19: FormField 컴포넌트에 FormHelperText영역 추가, No label 상태 추가
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- 417377b: 타임피커 스크롤 y auto로 변경
|
|
18
|
+
|
|
3
19
|
## 8.20.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -20,7 +20,12 @@ export interface FormFieldProps {
|
|
|
20
20
|
*/
|
|
21
21
|
helper?: HelpTextProps;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* FormHelperText 컴포넌트로 라벨 아래에 메세지를 표시합니다.
|
|
24
|
+
*/
|
|
25
|
+
formHelperText?: ReactNode;
|
|
26
|
+
/**
|
|
27
|
+
* @default 80
|
|
28
|
+
* 최소너비 80px이상인 경우 라벨 너비를 지정할 수 있습니다.
|
|
24
29
|
*/
|
|
25
30
|
labelWidth?: CSSValueWithLength;
|
|
26
31
|
/**
|
|
@@ -35,5 +40,5 @@ export interface FormFieldProps {
|
|
|
35
40
|
*/
|
|
36
41
|
position?: FormFieldPosition;
|
|
37
42
|
}
|
|
38
|
-
export declare const FormField: ({ className, label, rightAddon, required, helper, labelWidth, alignment, position, children, }: PropsWithChildren<FormFieldProps>) => React.JSX.Element;
|
|
43
|
+
export declare const FormField: ({ className, label, rightAddon, required, helper, formHelperText, labelWidth, alignment, position, children, }: PropsWithChildren<FormFieldProps>) => React.JSX.Element;
|
|
39
44
|
export {};
|
|
@@ -10,3 +10,8 @@ export declare const WithCheckboxGroup: Story;
|
|
|
10
10
|
export declare const WithHelpPopover: Story;
|
|
11
11
|
export declare const TopAlign: Story;
|
|
12
12
|
export declare const TopPosition: Story;
|
|
13
|
+
export declare const Error: Story;
|
|
14
|
+
export declare const ErrorLongLabel: Story;
|
|
15
|
+
export declare const ErrorOverflowLabel: Story;
|
|
16
|
+
export declare const ErrorTop: Story;
|
|
17
|
+
export declare const ErrorNoLabel: Story;
|