@teamturing/react-kit 2.21.8 → 2.21.9

package/dist/core/FormControl/index.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
+import { ViewProps } from '../View';
 import { FormControlCaptionProps } from './FormControlCaption';
 import { FormControlErrorMessageProps } from './FormControlErrorMessage';
 import { FormControlLabelProps } from './FormControlLabel';
@@ -22,7 +23,7 @@ type Props = {
      * FormControl이 허용하는 Input 컴포넌트를 추가로 정의합니다.
      */
     additionalInputComponentCandidates?: any[];
-};
+} & Pick<ViewProps, 'sx'>;
 type FormControlFieldProps = {
     name: string;
     label: string;
@@ -30,7 +31,26 @@ type FormControlFieldProps = {
 };
 type FormControlContextValue = {} & Omit<Props, 'additionalInputComponentCandidates'>;
 declare const FormControlContext: import("react").Context<Omit<Props, "additionalInputComponentCandidates">>;
-declare const _default: import("react").ForwardRefExoticComponent<Props & {
+declare const _default: import("react").ForwardRefExoticComponent<{
+    /**
+     * `FormControl`의 Input 요소를 컨트롤하기 위한 ID입니다. `Label`, `Caption`과 연결짓기 위해 사용합니다.
+     */
+    id?: string | undefined;
+    /**
+     * 사용자의 입력을 허용할지에 대한 여부입니다.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * 사용자의 입력을 필요로 하는지에 대한 여부입니다.
+     */
+    required?: boolean | undefined;
+    /**
+     * @default TextInput, Select, SearchSelectInput, Checkbox
+     *
+     * FormControl이 허용하는 Input 컴포넌트를 추가로 정의합니다.
+     */
+    additionalInputComponentCandidates?: any[] | undefined;
+} & Pick<ViewProps, "sx"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>> & {
     Label: ({ children, visuallyHidden, ...props }: PropsWithChildren<FormControlLabelProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -22738,7 +22738,8 @@ const FormControl = ({
   id,
   disabled,
   required,
-  additionalInputComponentCandidates = []
+  additionalInputComponentCandidates = [],
+  sx
 }, ref) => {
   const [relocatableComponentsObject, restComponents] = useRelocation({
     children: propChildren,
@@ -22762,7 +22763,8 @@ const FormControl = ({
       ref: ref,
       display: 'flex',
       sx: {
-        columnGap: 2
+        columnGap: 2,
+        ...sx
       },
       children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
         display: 'inline-flex',
@@ -22789,7 +22791,8 @@ const FormControl = ({
         },
         '& > span': {
           mt: 1
-        }
+        },
+        ...sx
       },
       children: [relocatableComponentsObject.label, /*#__PURE__*/React.cloneElement(InputComponent, {
         id,

package/esm/core/FormControl/index.js

@@ -19,7 +19,8 @@ const FormControl = ({
   id,
   disabled,
   required,
-  additionalInputComponentCandidates = []
+  additionalInputComponentCandidates = [],
+  sx
 }, ref) => {
   const [relocatableComponentsObject, restComponents] = useRelocation({
     children: propChildren,
@@ -43,7 +44,8 @@ const FormControl = ({
       ref: ref,
       display: 'flex',
       sx: {
-        columnGap: 2
+        columnGap: 2,
+        ...sx
       },
       children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
         display: 'inline-flex',
@@ -70,7 +72,8 @@ const FormControl = ({
         },
         '& > span': {
           mt: 1
-        }
+        },
+        ...sx
       },
       children: [relocatableComponentsObject.label, /*#__PURE__*/cloneElement(InputComponent, {
         id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.21.8",
+  "version": "2.21.9",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "0d26013316c99d295277ca87649ffaabae787a3b"
+  "gitHead": "693b38dd227d8d3a01521d9d42feb44dd29ac975"
 }