@croquiscom/pds 8.20.0 → 8.21.0

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/components/form/FormField.d.ts +7 -2
  3. package/dist/components/form/FormField.stories.d.ts +5 -0
  4. package/dist/index.es.js +2 -2
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/index.js +7 -7
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @croquiscom/pds
2
2
 
3
+ ## 8.21.0
4
+
5
+ ### Minor Changes
6
+
7
+ - f4fff19: FormField 컴포넌트에 FormHelperText영역 추가, No label 상태 추가
8
+
9
+ ### Patch Changes
10
+
11
+ - 417377b: 타임피커 스크롤 y auto로 변경
12
+
3
13
  ## 8.20.0
4
14
 
5
15
  ### Minor Changes
package/dist/components/form/FormField.d.ts CHANGED
@@ -20,7 +20,12 @@ export interface FormFieldProps {
20
20
  */
21
21
  helper?: HelpTextProps;
22
22
  /**
23
- * 최소너비 80px내에서 라벨 너비를 지정할 수 있습니다.
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 {};
package/dist/components/form/FormField.stories.d.ts CHANGED
@@ -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;