@teamturing/react-kit 2.30.1 → 2.31.0

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

@@ -16416,6 +16416,7 @@ const Tooltip = ({
   children,
   direction = 'top-center',
   text,
+  disabled,
   className: propClassName,
   sx
 }, ref) => {
@@ -16424,6 +16425,7 @@ const Tooltip = ({
     ref: ref,
     role: 'tooltip',
     "aria-label": text,
+    disabled: disabled,
     className: className,
     sx: sx,
     children: children
@@ -16666,6 +16668,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.30.1",
+  "version": "2.31.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",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "5d0c4cb13d0269bbfff3c6b947c48eba8281f618"
+  "gitHead": "5dd44dec2d1ba8ca58b723d2455131cfaf0eafdd"
 }