@croquiscom/pds 0.2.0 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @croquiscom/pds
 
+## 0.4.0
+
+### Minor Changes
+
+- 2f44078: Control 그룹 컴포넌트 추가
+
+  - Checkbox, Radio, Switch, CheckboxGroup, BoxRadio
+
+## 0.3.0
+
+### Minor Changes
+
+- 7135945: formLabel, formHelperText 컴포넌트 추가
+
+  - formControl 적용전 미니멈 기능만 제공
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/button/Button.stories.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-};
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
 export default _default;
 export declare const Brand: any;
 export declare const Primary: any;

package/dist/checkbox/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+export declare const Default: any;
+export declare const Checked: any;
+export declare const Disabled: any;
+export declare const CheckedDisabled: any;

package/dist/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import { AlignType } from '../radio';
+interface CheckboxItem<CheckboxValue> {
+    label: ReactNode;
+    value: CheckboxValue;
+    disabled?: boolean;
+}
+export interface CheckboxGroupProps<CheckboxValue> {
+    className?: string;
+    defaultValue?: CheckboxValue[];
+    value?: CheckboxValue[];
+    disabled?: boolean;
+    name?: string;
+    /** @default 24 */
+    spacing?: number;
+    items: CheckboxItem<CheckboxValue>[];
+    align?: AlignType;
+    keyExtractor?: (item: CheckboxItem<CheckboxValue>, index: number) => string | number;
+    onChange?: (value: CheckboxValue[]) => void;
+}
+export interface CheckboxGroupInstance<CheckboxValue> {
+    value?: CheckboxValue[];
+    focus: () => void;
+}
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps<string | number | boolean> & React.RefAttributes<CheckboxGroupInstance<string | number | boolean>>>;
+export {};

package/dist/checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./CheckboxGroup").CheckboxGroupProps<string | number | boolean> & React.RefAttributes<import("./CheckboxGroup").CheckboxGroupInstance<string | number | boolean>>>>;
+export default _default;
+export declare const Base: any;
+export declare const Spacing: any;
+export declare const Disabled: any;
+export declare const VerticalAlign: any;
+export declare const Controlled: () => JSX.Element;

package/dist/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+export * from './CheckboxGroup';

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

@@ -4,10 +4,12 @@ export * from './global_style';
 export * from './icons/generated';
 export * from './images/generated';
 export * from './input';
+export * from './checkbox';
 export * from './radio';
 export * from './stack';
 export * from './text';
 export * from './textarea';
 export * from './foundation';
-export * from './toggle-switch';
+export * from './switch';
 export * from './divider';
+export * from './form';