@teamturing/react-kit 2.31.0 → 2.32.0

package/dist/index.js

@@ -1366,6 +1366,30 @@ const SvgBook = props => /*#__PURE__*/React__namespace.createElement("svg", _ext
   clipRule: "evenodd"
 }));
 
+const SvgBookColor = 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: "#C6D8FA",
+  fillRule: "evenodd",
+  d: "M6.449 2A2.449 2.449 0 0 0 4 4.449v15.102a2.449 2.449 0 0 0 2.62 2.443c.045.004.09.006.135.006h13.163c.451 0 .817-.366.817-.816v-.409a.816.816 0 0 0-.817-.816H7.265a.816.816 0 0 1 0-1.633H19.918c.451 0 .817-.365.817-.816V2.816A.816.816 0 0 0 19.918 2H6.45Zm2.857 2.857a.816.816 0 0 0-.816.816v1.633c0 .451.365.816.816.816h7.347c.45 0 .816-.365.816-.816V5.673a.816.816 0 0 0-.816-.816H9.306Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#C6D8FA",
+  d: "M19.918 19.96H7.265a.816.816 0 0 1 0-1.634H19.918v1.633Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#6D99F1",
+  fillRule: "evenodd",
+  d: "M20 19.96v-1.634H7.265a.816.816 0 0 0 0 1.633H20Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#6D99F1",
+  d: "M9.306 4.857a.816.816 0 0 0-.816.816v1.633c0 .451.365.816.816.816h7.347c.45 0 .816-.365.816-.816V5.673a.816.816 0 0 0-.816-.816H9.306Z"
+}));
+
 const SvgBookmark = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -3730,6 +3754,30 @@ const SvgQuestionMarkInCircleOutlined = props => /*#__PURE__*/React__namespace.c
   d: "M13.652 12.569c.629-.403 1.487-.953 1.774-2.201.224-.974.016-1.927-.586-2.683-.681-.855-1.817-1.385-2.966-1.385A3.578 3.578 0 0 0 8.3 9.874a.9.9 0 1 0 1.8 0c0-.978.796-1.775 1.774-1.775.605 0 1.216.278 1.558.707.261.328.341.718.24 1.16-.117.507-.42.722-.992 1.087l-.002.001c-.72.461-1.704 1.091-1.704 2.695a.9.9 0 1 0 1.8 0c0-.589.225-.763.876-1.179l.002-.001ZM11.041 17.756a1.2 1.2 0 1 0 1.697-1.697 1.2 1.2 0 0 0-1.697 1.697Z"
 }));
 
+const SvgQuizColor = 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: "#6D99F1",
+  d: "m21.443 4.23-4.86-1.12c.272.413.418.896.42 1.39v13.002a2.5 2.5 0 0 1-2.501 2.5h-4.78l7.67 1.771a2.5 2.5 0 0 0 3-1.87L23.314 7.23a2.49 2.49 0 0 0-1.87-3Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#C6D8FA",
+  d: "M8.895 7.776a3.244 3.244 0 1 0 0 6.488 3.244 3.244 0 0 0 0-6.488Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#C6D8FA",
+  fillRule: "evenodd",
+  d: "M17.012 17.502V4.5a2.502 2.502 0 0 0-2.51-2.5H3.5A2.5 2.5 0 0 0 1 4.5v13.002a2.5 2.5 0 0 0 2.5 2.5h11.012a2.5 2.5 0 0 0 2.5-2.5ZM4 11.02a4.894 4.894 0 1 1 9.79 0 4.894 4.894 0 0 1-9.79 0Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#6D99F1",
+  fillRule: "evenodd",
+  d: "M8.895 6.126a4.894 4.894 0 1 0 0 9.789 4.894 4.894 0 0 0 0-9.79ZM5.65 11.02a3.244 3.244 0 1 1 6.488 0 3.244 3.244 0 0 1-6.488 0Z",
+  clipRule: "evenodd"
+}));
+
 const SvgRaffleColor = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4667,6 +4715,7 @@ var icons = /*#__PURE__*/Object.freeze({
   ArrowUpLimitIcon: SvgArrowUpLimit,
   AutoIcon: SvgAuto,
   BarchartIcon: SvgBarchart,
+  BookColorIcon: SvgBookColor,
   BookIcon: SvgBook,
   BookmarkAnimationIcon: SvgBookmarkAnimation,
   BookmarkIcon: SvgBookmark,
@@ -4815,6 +4864,7 @@ var icons = /*#__PURE__*/Object.freeze({
   ProgressGradientIcon: SvgProgressGradient,
   QuestionMarkInCircleIcon: SvgQuestionMarkInCircle,
   QuestionMarkInCircleOutlinedIcon: SvgQuestionMarkInCircleOutlined,
+  QuizColorIcon: SvgQuizColor,
   RaffleColorIcon: SvgRaffleColor,
   ReceiptIcon: SvgReceipt,
   RefreshIcon: SvgRefresh,
@@ -36831,10 +36881,10 @@ const FormControlLabel = ({
     children: /*#__PURE__*/jsxRuntimeExports.jsxs(LabelWrapper, {
       ...props,
       disabled: disabled,
-      children: [children, required ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [children, typeof required === 'boolean' && required === false ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
         as: 'span',
         "aria-hidden": "true",
-        children: ' *'
+        children: ' (선택)'
       }) : null]
     })
   });
@@ -36881,6 +36931,14 @@ const LabelWrapper = styled__default.default(View)`
   disabled
 }) => disabled ? 'not-allowed' : 'pointer'};
 
+  span {
+    font-size: inherit;
+    font-weight: inherit;
+    color: ${({
+  theme
+}) => theme.colors['text/neutral/subtlest']};
+  }
+
   ${sx};
 `;
 
@@ -36916,7 +36974,7 @@ const FormControl = ({
   children: propChildren,
   id,
   disabled,
-  required,
+  required = true,
   additionalInputComponentCandidates = [],
   sx,
   ...props

package/esm/core/FormControl/FormControlLabel.js

@@ -26,10 +26,10 @@ const FormControlLabel = ({
     children: /*#__PURE__*/jsxRuntimeExports.jsxs(LabelWrapper, {
       ...props,
       disabled: disabled,
-      children: [children, required ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+      children: [children, typeof required === 'boolean' && required === false ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
         as: 'span',
         "aria-hidden": "true",
-        children: ' *'
+        children: ' (선택)'
       }) : null]
     })
   });
@@ -76,6 +76,14 @@ const LabelWrapper = styled(View)`
   disabled
 }) => disabled ? 'not-allowed' : 'pointer'};
 
+  span {
+    font-size: inherit;
+    font-weight: inherit;
+    color: ${({
+  theme
+}) => theme.colors['text/neutral/subtlest']};
+  }
+
   ${sx};
 `;
 

package/esm/core/FormControl/index.js

@@ -18,7 +18,7 @@ const FormControl = ({
   children: propChildren,
   id,
   disabled,
-  required,
+  required = true,
   additionalInputComponentCandidates = [],
   sx,
   ...props

package/esm/packages/icons/esm/BookColor.js

@@ -0,0 +1,28 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgBookColor = 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: "#C6D8FA",
+  fillRule: "evenodd",
+  d: "M6.449 2A2.449 2.449 0 0 0 4 4.449v15.102a2.449 2.449 0 0 0 2.62 2.443c.045.004.09.006.135.006h13.163c.451 0 .817-.366.817-.816v-.409a.816.816 0 0 0-.817-.816H7.265a.816.816 0 0 1 0-1.633H19.918c.451 0 .817-.365.817-.816V2.816A.816.816 0 0 0 19.918 2H6.45Zm2.857 2.857a.816.816 0 0 0-.816.816v1.633c0 .451.365.816.816.816h7.347c.45 0 .816-.365.816-.816V5.673a.816.816 0 0 0-.816-.816H9.306Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#C6D8FA",
+  d: "M19.918 19.96H7.265a.816.816 0 0 1 0-1.634H19.918v1.633Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#6D99F1",
+  fillRule: "evenodd",
+  d: "M20 19.96v-1.634H7.265a.816.816 0 0 0 0 1.633H20Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#6D99F1",
+  d: "M9.306 4.857a.816.816 0 0 0-.816.816v1.633c0 .451.365.816.816.816h7.347c.45 0 .816-.365.816-.816V5.673a.816.816 0 0 0-.816-.816H9.306Z"
+}));
+
+export { SvgBookColor as default };

package/esm/packages/icons/esm/QuizColor.js

@@ -0,0 +1,28 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgQuizColor = 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: "#6D99F1",
+  d: "m21.443 4.23-4.86-1.12c.272.413.418.896.42 1.39v13.002a2.5 2.5 0 0 1-2.501 2.5h-4.78l7.67 1.771a2.5 2.5 0 0 0 3-1.87L23.314 7.23a2.49 2.49 0 0 0-1.87-3Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#C6D8FA",
+  d: "M8.895 7.776a3.244 3.244 0 1 0 0 6.488 3.244 3.244 0 0 0 0-6.488Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#C6D8FA",
+  fillRule: "evenodd",
+  d: "M17.012 17.502V4.5a2.502 2.502 0 0 0-2.51-2.5H3.5A2.5 2.5 0 0 0 1 4.5v13.002a2.5 2.5 0 0 0 2.5 2.5h11.012a2.5 2.5 0 0 0 2.5-2.5ZM4 11.02a4.894 4.894 0 1 1 9.79 0 4.894 4.894 0 0 1-9.79 0Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#6D99F1",
+  fillRule: "evenodd",
+  d: "M8.895 6.126a4.894 4.894 0 1 0 0 9.789 4.894 4.894 0 0 0 0-9.79ZM5.65 11.02a3.244 3.244 0 1 1 6.488 0 3.244 3.244 0 0 1-6.488 0Z",
+  clipRule: "evenodd"
+}));
+
+export { SvgQuizColor as default };

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

@@ -19,6 +19,7 @@ export { default as ArrowUpLimitIcon } from './ArrowUpLimit.js';
 export { default as AutoIcon } from './Auto.js';
 export { default as BarchartIcon } from './Barchart.js';
 export { default as BookIcon } from './Book.js';
+export { default as BookColorIcon } from './BookColor.js';
 export { default as BookmarkIcon } from './Bookmark.js';
 export { default as BookmarkAnimationIcon } from './BookmarkAnimation.js';
 export { default as BoxIcon } from './Box.js';
@@ -166,6 +167,7 @@ export { default as ProfileIcon } from './Profile.js';
 export { default as ProgressGradientIcon } from './ProgressGradient.js';
 export { default as QuestionMarkInCircleIcon } from './QuestionMarkInCircle.js';
 export { default as QuestionMarkInCircleOutlinedIcon } from './QuestionMarkInCircleOutlined.js';
+export { default as QuizColorIcon } from './QuizColor.js';
 export { default as RaffleColorIcon } from './RaffleColor.js';
 export { default as ReceiptIcon } from './Receipt.js';
 export { default as RefreshIcon } from './Refresh.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.31.0",
+  "version": "2.32.0",
   "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.42.0",
+    "@teamturing/icons": "^1.43.0",
     "@teamturing/token-studio": "^1.7.0",
     "@teamturing/utils": "^1.3.0",
     "framer-motion": "^10.16.4",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "5dd44dec2d1ba8ca58b723d2455131cfaf0eafdd"
+  "gitHead": "6967e297d1cb06b3150091503f4ab0bf75a79ffb"
 }