@croquiscom/pds 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @croquiscom/pds
 
+## 0.4.0
+
+### Minor Changes
+
+- 2f44078: Control 그룹 컴포넌트 추가
+
+  - Checkbox, Radio, Switch, CheckboxGroup, BoxRadio
+
 ## 0.3.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/index.d.ts

@@ -4,11 +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';