@teamturing/react-kit 2.21.8 → 2.21.10

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

@@ -2497,6 +2497,19 @@ const SvgKor = props => /*#__PURE__*/React__namespace.createElement("svg", _exte
   d: "M13.902 6.822v10.357a1.021 1.021 0 0 0 2.043 0V12.2h.761a.894.894 0 1 0 0-1.788h-.761v-3.59a1.021 1.021 0 1 0-2.043 0ZM8.022 15.776c3.188-1.833 4.52-4.486 4.762-7.528.054-.68-.502-1.219-1.162-1.219H7.755a.887.887 0 0 0 0 1.775h2.981c-.318 2.232-1.502 3.905-3.644 5.21-.501.305-.677.98-.325 1.475a.958.958 0 0 0 1.255.287Z"
 }));
 
+const SvgLeague = 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: "currentColor",
+  fillRule: "evenodd",
+  d: "M5.064 1C3.924 1 3 1.924 3 3.064v14.858c0 .811.476 1.548 1.216 1.881l6.684 3.014a2.064 2.064 0 0 0 1.654.018l7.187-3.046a2.064 2.064 0 0 0 1.259-1.9V3.064C21 1.924 20.076 1 18.936 1H5.064Zm2.61 13.331c.03.27.251.473.514.473h7.623a.524.524 0 0 0 .514-.473l.654-5.82c.059-.522-.571-.808-.904-.411l-1.94 2.31-1.433-3.146a.766.766 0 0 0-1.405 0L9.864 10.41 7.924 8.1c-.333-.397-.963-.11-.904.411l.654 5.82Z",
+  clipRule: "evenodd"
+}));
+
 const SvgLetter = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4074,6 +4087,17 @@ const SvgTrophy = props => /*#__PURE__*/React__namespace.createElement("svg", _e
   clipRule: "evenodd"
 }));
 
+const SvgTwinkle = 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: "currentColor",
+  d: "M19.42 18.696a.807.807 0 0 1 .36-.36l2.084-1.043a.808.808 0 0 0 0-1.444l-2.084-1.042a.808.808 0 0 1-.36-.361l-1.043-2.084a.808.808 0 0 0-1.444 0l-1.042 2.084a.808.808 0 0 1-.361.361l-2.083 1.042a.808.808 0 0 0 0 1.444l2.083 1.042a.807.807 0 0 1 .361.361l1.042 2.084a.808.808 0 0 0 1.445 0l1.041-2.084ZM10.877 11.81a.808.808 0 0 1 .36-.362l3.35-1.674a.808.808 0 0 0 0-1.445l-3.35-1.674a.808.808 0 0 1-.36-.362L9.202 2.945a.808.808 0 0 0-1.444 0L6.083 6.293a.808.808 0 0 1-.361.362L2.373 8.329a.808.808 0 0 0 0 1.445l3.349 1.674a.807.807 0 0 1 .361.361l1.675 3.349a.808.808 0 0 0 1.444 0l1.675-3.349Z"
+}));
+
 const SvgUndo = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4441,6 +4465,7 @@ var icons = /*#__PURE__*/Object.freeze({
   InstagramIcon: SvgInstagram,
   KakaoColorIcon: SvgKakaoColor,
   KorIcon: SvgKor,
+  LeagueIcon: SvgLeague,
   LetterCrownColorIcon: SvgLetterCrownColor,
   LetterHeartColorIcon: SvgLetterHeartColor,
   LetterIcon: SvgLetter,
@@ -4532,6 +4557,7 @@ var icons = /*#__PURE__*/Object.freeze({
   TrashIcon: SvgTrash,
   TreasureboxIcon: SvgTreasurebox,
   TrophyIcon: SvgTrophy,
+  TwinkleIcon: SvgTwinkle,
   UndoIcon: SvgUndo,
   UniversityIcon: SvgUniversity,
   UserBlockedIcon: SvgUserBlocked,
@@ -22738,7 +22764,8 @@ const FormControl = ({
   id,
   disabled,
   required,
-  additionalInputComponentCandidates = []
+  additionalInputComponentCandidates = [],
+  sx
 }, ref) => {
   const [relocatableComponentsObject, restComponents] = useRelocation({
     children: propChildren,
@@ -22762,7 +22789,8 @@ const FormControl = ({
       ref: ref,
       display: 'flex',
       sx: {
-        columnGap: 2
+        columnGap: 2,
+        ...sx
       },
       children: [/*#__PURE__*/jsxRuntimeExports.jsx(View, {
         display: 'inline-flex',
@@ -22789,7 +22817,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/League.js

@@ -0,0 +1,17 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgLeague = 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: "currentColor",
+  fillRule: "evenodd",
+  d: "M5.064 1C3.924 1 3 1.924 3 3.064v14.858c0 .811.476 1.548 1.216 1.881l6.684 3.014a2.064 2.064 0 0 0 1.654.018l7.187-3.046a2.064 2.064 0 0 0 1.259-1.9V3.064C21 1.924 20.076 1 18.936 1H5.064Zm2.61 13.331c.03.27.251.473.514.473h7.623a.524.524 0 0 0 .514-.473l.654-5.82c.059-.522-.571-.808-.904-.411l-1.94 2.31-1.433-3.146a.766.766 0 0 0-1.405 0L9.864 10.41 7.924 8.1c-.333-.397-.963-.11-.904.411l.654 5.82Z",
+  clipRule: "evenodd"
+}));
+
+export { SvgLeague as default };

package/esm/packages/icons/esm/Twinkle.js

@@ -0,0 +1,15 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgTwinkle = 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: "currentColor",
+  d: "M19.42 18.696a.807.807 0 0 1 .36-.36l2.084-1.043a.808.808 0 0 0 0-1.444l-2.084-1.042a.808.808 0 0 1-.36-.361l-1.043-2.084a.808.808 0 0 0-1.444 0l-1.042 2.084a.808.808 0 0 1-.361.361l-2.083 1.042a.808.808 0 0 0 0 1.444l2.083 1.042a.807.807 0 0 1 .361.361l1.042 2.084a.808.808 0 0 0 1.445 0l1.041-2.084ZM10.877 11.81a.808.808 0 0 1 .36-.362l3.35-1.674a.808.808 0 0 0 0-1.445l-3.35-1.674a.808.808 0 0 1-.36-.362L9.202 2.945a.808.808 0 0 0-1.444 0L6.083 6.293a.808.808 0 0 1-.361.362L2.373 8.329a.808.808 0 0 0 0 1.445l3.349 1.674a.807.807 0 0 1 .361.361l1.675 3.349a.808.808 0 0 0 1.444 0l1.675-3.349Z"
+}));
+
+export { SvgTwinkle as default };

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

@@ -92,6 +92,7 @@ export { default as InfoInCircleIcon } from './InfoInCircle.js';
 export { default as InstagramIcon } from './Instagram.js';
 export { default as KakaoColorIcon } from './KakaoColor.js';
 export { default as KorIcon } from './Kor.js';
+export { default as LeagueIcon } from './League.js';
 export { default as LetterIcon } from './Letter.js';
 export { default as LetterCrownColorIcon } from './LetterCrownColor.js';
 export { default as LetterHeartColorIcon } from './LetterHeartColor.js';
@@ -183,6 +184,7 @@ export { default as TouchIcon } from './Touch.js';
 export { default as TrashIcon } from './Trash.js';
 export { default as TreasureboxIcon } from './Treasurebox.js';
 export { default as TrophyIcon } from './Trophy.js';
+export { default as TwinkleIcon } from './Twinkle.js';
 export { default as UndoIcon } from './Undo.js';
 export { default as UniversityIcon } from './University.js';
 export { default as UserBlockedIcon } from './UserBlocked.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.21.8",
+  "version": "2.21.10",
   "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.27.0",
+    "@teamturing/icons": "^1.28.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": "0d26013316c99d295277ca87649ffaabae787a3b"
+  "gitHead": "c9c6f0f3a7fee7f4bd9423ea882a49b2dab4812c"
 }