fix: 버그 수정사항 반영한 develop into main (#17)

* chore: changeLog 추가

* chore: modify template

* input 매개변수 및 마진 값 수정 (#12)

* (#11) refactor: setState -> onChange로 변경

* (#11) fix: margin left 6px 추가

* (#14) feat: modal 매개변수로 children 추가 (#15)

* fix: input label 옵셔널

* fix: modal children 옵셔널

* fix: search setState -> onChange

* fix: index에서 name CheckBox로 export

src/components/input/Label.tsx

@@ -1,7 +1,7 @@
 import { Text } from '../styleGuide/text/Text';
 
 export interface labelPropsType {
-  label: string;
+  label?: string;
 }
 
 export const Label = ({ label }: labelPropsType) => {

src/components/modal/index.tsx

@@ -9,7 +9,7 @@ interface propsType extends headerPropsType, contentPropsType {
   inputList?: JSX.Element[];
   buttonList: JSX.Element[];
   close: () => void;
-  children: ReactNode;
+  children?: ReactNode;
 }
 
 export const Modal = ({

src/components/search/index.tsx

@@ -1,29 +1,25 @@
 import styled, { css } from 'styled-components';
 import { Search } from '../styleGuide/icon/Search';
-import { Dispatch, SetStateAction } from 'react';
+import { ChangeEvent } from 'react';
 import { marginCssType, marginToCss } from '../../utils/distance';
 
 interface PropsType extends marginCssType {
   className?: string;
   value: string;
-  setState: Dispatch<SetStateAction<string>>;
+  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
   disabled?: boolean;
 }
 
 export const SearchBox = ({
   className,
   value,
-  setState,
+  onChange,
   disabled,
 }: PropsType) => {
   return (
     <_Wrapper className={className} disabled={disabled}>
       <Search colorKey="gray5" size={28} className={className} />
-      <_Input
-        value={value}
-        onChange={(e) => setState(e.target.value)}
-        disabled={disabled}
-      />
+      <_Input value={value} onChange={onChange} disabled={disabled} />
     </_Wrapper>
   );
 };

src/index.ts

@@ -1,5 +1,5 @@
 export * from './components/button/Button';
-export * from './components/checkBox';
+export * as CheckBox from './components/checkBox';
 export * from './components/dropdown';
 export * from './components/input';
 export * from './components/radio/Radio';