@croquiscom/pds 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @croquiscom/pds
 
+## 0.3.0
+
+### Minor Changes
+
+- 7135945: formLabel, formHelperText 컴포넌트 추가
+
+  - formControl 적용전 미니멈 기능만 제공
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/form/FormHelperText.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="@emotion/react/types/css-prop" />
+import React from 'react';
+export declare type FormHelperTextVariant = 'info' | 'confirm' | 'error';
+declare type FormHelperTextElement = keyof Pick<JSX.IntrinsicElements, 'div' | 'p' | 'span'>;
+export interface FormHelperTextProps extends React.Attributes {
+    /**
+     * @default span
+     */
+    as?: FormHelperTextElement;
+    /** @default info */
+    variant?: FormHelperTextVariant;
+}
+export declare const FormHelperText: React.FC<FormHelperTextProps & JSX.IntrinsicElements[FormHelperTextProps['as']]>;
+export {};

package/dist/form/FormHelperText.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FormHelperTextProps } from './FormHelperText';
+declare const _default: {
+    title: string;
+    component: React.FC<FormHelperTextProps & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>)>;
+};
+export default _default;
+export declare const Base: any;
+export declare const Confirm: any;
+export declare const Error: any;
+export declare const WithInput: () => JSX.Element;
+export declare const WithButton: () => JSX.Element;

package/dist/form/FormLabel.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode, LabelHTMLAttributes } from 'react';
+export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** @default false */
+    required?: boolean;
+    /** help 팝오버 요소 TODO(sally): popover 개발시 외부 ReactNode 주입 제거 및 타입 제한 */
+    helper?: ReactNode;
+    /** 라벨 우측 렌더링될 Addon 요소 */
+    rightAddon?: ReactNode;
+}
+export declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/form/FormLabel.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FormLabelProps } from './FormLabel';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+};
+export default _default;
+export declare const Base: any;
+export declare const Required: any;
+export declare const Help: any;
+export declare const HelpWithRequired: any;

package/dist/form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormLabel';
+export * from './FormHelperText';

package/dist/form/styles.d.ts

@@ -0,0 +1,3 @@
+import { FormHelperTextVariant } from './FormHelperText';
+export declare const label_base_css: import("@emotion/utils").SerializedStyles;
+export declare const getFormHelperTextVariant: (variant: FormHelperTextVariant) => import("@emotion/utils").SerializedStyles;

package/dist/index.d.ts

@@ -11,3 +11,4 @@ export * from './textarea';
 export * from './foundation';
 export * from './toggle-switch';
 export * from './divider';
+export * from './form';