@teamturing/react-kit 2.30.1 → 2.31.1

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+import { ResponsiveValue } from 'styled-system';
 import { SxProp } from '../../utils/styled-system';
 type Props = {
     /**
@@ -9,6 +10,7 @@ type Props = {
      * Tooltip의 텍스트를 정의합니다.
      */
     text?: string;
+    disabled?: ResponsiveValue<boolean>;
 } & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, 'className'>;
 declare const _default: import("react").ForwardRefExoticComponent<{
     /**
@@ -19,6 +21,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
      * Tooltip의 텍스트를 정의합니다.
      */
     text?: string | undefined;
+    disabled?: ResponsiveValue<boolean> | undefined;
 } & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, "className"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLSpanElement>>;

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,
@@ -16416,6 +16466,7 @@ const Tooltip = ({
   children,
   direction = 'top-center',
   text,
+  disabled,
   className: propClassName,
   sx
 }, ref) => {
@@ -16424,6 +16475,7 @@ const Tooltip = ({
     ref: ref,
     role: 'tooltip',
     "aria-label": text,
+    disabled: disabled,
     className: className,
     sx: sx,
     children: children
@@ -16666,6 +16718,25 @@ const BaseTooltip = styled__default.default.span`
   }
 
   ${sx}
+  ${variant({
+  prop: 'disabled',
+  variants: {
+    true: {
+      '&:hover , &:active, &:focus': {
+        '&::before, &::after': {
+          display: 'none'
+        }
+      }
+    },
+    false: {
+      '&:hover , &:active, &:focus': {
+        '&::before, &::after': {
+          display: 'table-cell'
+        }
+      }
+    }
+  }
+})}
 `;
 var Tooltip$1 = /*#__PURE__*/React.forwardRef(Tooltip);
 

package/esm/core/Tooltip/index.js

@@ -1,13 +1,16 @@
 import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
 import { forwardRef } from 'react';
 import styled, { keyframes } from 'styled-components';
+import '../../node_modules/styled-system/dist/index.esm.js';
 import { sx } from '../../utils/styled-system/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
+import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Tooltip = ({
   children,
   direction = 'top-center',
   text,
+  disabled,
   className: propClassName,
   sx
 }, ref) => {
@@ -16,6 +19,7 @@ const Tooltip = ({
     ref: ref,
     role: 'tooltip',
     "aria-label": text,
+    disabled: disabled,
     className: className,
     sx: sx,
     children: children
@@ -258,6 +262,25 @@ const BaseTooltip = styled.span`
   }
 
   ${sx}
+  ${variant({
+  prop: 'disabled',
+  variants: {
+    true: {
+      '&:hover , &:active, &:focus': {
+        '&::before, &::after': {
+          display: 'none'
+        }
+      }
+    },
+    false: {
+      '&:hover , &:active, &:focus': {
+        '&::before, &::after': {
+          display: 'table-cell'
+        }
+      }
+    }
+  }
+})}
 `;
 var Tooltip$1 = /*#__PURE__*/forwardRef(Tooltip);
 

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.30.1",
+  "version": "2.31.1",
   "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": "5d0c4cb13d0269bbfff3c6b947c48eba8281f618"
+  "gitHead": "a724347214e59c6970886c6dc918fc6c88846d71"
 }