@teamturing/react-kit 2.21.7 → 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

@@ -4299,6 +4299,23 @@ const SvgWorkbookColor = props => /*#__PURE__*/React__namespace.createElement("s
   rx: 1.546
 }));
 
+const SvgWorkbookTwoColor = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#D9CDF9",
+  d: "M8.1 1.5A1.5 1.5 0 0 0 6.6 3v1.41h10.601a1.5 1.5 0 0 1 1.5 1.5v12.467h1.4a1.5 1.5 0 0 0 1.5-1.5V3a1.5 1.5 0 0 0-1.5-1.5h-12Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#D9CDF9",
+  d: "M2.5 7.123a1.5 1.5 0 0 1 1.5-1.5h12.001a1.5 1.5 0 0 1 1.5 1.5V21a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 2.5 21V7.123Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#9C7EEF",
+  d: "M2.5 7.123a1.5 1.5 0 0 1 1.5-1.5h.688V22.5H4A1.5 1.5 0 0 1 2.5 21V7.123ZM7.15 9.32c0-.519.42-.938.938-.938h5.626a.938.938 0 1 1 0 1.875H8.088a.938.938 0 0 1-.938-.938Z"
+}));
+
 const SvgWrong = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4528,6 +4545,7 @@ var icons = /*#__PURE__*/Object.freeze({
   WifiIcon: SvgWifi,
   WorkbookColorIcon: SvgWorkbookColor,
   WorkbookIcon: SvgWorkbook,
+  WorkbookTwoColorIcon: SvgWorkbookTwoColor,
   WrongIcon: SvgWrong,
   YoutubeIcon: SvgYoutube
 });
@@ -22720,7 +22738,8 @@ const FormControl = ({
   id,
   disabled,
   required,
-  additionalInputComponentCandidates = []
+  additionalInputComponentCandidates = [],
+  sx
 }, ref) => {
   const [relocatableComponentsObject, restComponents] = useRelocation({
     children: propChildren,
@@ -22744,7 +22763,8 @@ const FormControl = ({
       ref: ref,
       display: 'flex',
       sx: {
-        columnGap: 2
+        columnGap: 2,
+        ...sx
       },
       children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
         display: 'inline-flex',
@@ -22771,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/esm/packages/icons/esm/WorkbookTwoColor.js

@@ -0,0 +1,21 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgWorkbookTwoColor = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "#D9CDF9",
+  d: "M8.1 1.5A1.5 1.5 0 0 0 6.6 3v1.41h10.601a1.5 1.5 0 0 1 1.5 1.5v12.467h1.4a1.5 1.5 0 0 0 1.5-1.5V3a1.5 1.5 0 0 0-1.5-1.5h-12Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#D9CDF9",
+  d: "M2.5 7.123a1.5 1.5 0 0 1 1.5-1.5h12.001a1.5 1.5 0 0 1 1.5 1.5V21a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 2.5 21V7.123Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#9C7EEF",
+  d: "M2.5 7.123a1.5 1.5 0 0 1 1.5-1.5h.688V22.5H4A1.5 1.5 0 0 1 2.5 21V7.123ZM7.15 9.32c0-.519.42-.938.938-.938h5.626a.938.938 0 1 1 0 1.875H8.088a.938.938 0 0 1-.938-.938Z"
+}));
+
+export { SvgWorkbookTwoColor as default };

package/esm/packages/icons/esm/index.js

@@ -196,5 +196,6 @@ export { default as WarningIcon } from './Warning.js';
 export { default as WifiIcon } from './Wifi.js';
 export { default as WorkbookIcon } from './Workbook.js';
 export { default as WorkbookColorIcon } from './WorkbookColor.js';
+export { default as WorkbookTwoColorIcon } from './WorkbookTwoColor.js';
 export { default as WrongIcon } from './Wrong.js';
 export { default as YoutubeIcon } from './Youtube.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.21.7",
+  "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",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.2",
     "@primer/behaviors": "^1.3.6",
-    "@teamturing/icons": "^1.26.1",
+    "@teamturing/icons": "^1.27.0",
     "@teamturing/token-studio": "^1.2.2",
     "@teamturing/utils": "^1.2.0",
     "framer-motion": "^10.16.4",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "01d4f7727cb5dc9d953a857a50dbf66db1a0c734"
+  "gitHead": "693b38dd227d8d3a01521d9d42feb44dd29ac975"
 }