@teamturing/react-kit 2.8.0 → 2.8.1

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
+import { SxProp } from '../../utils/styled-system';
 type Props = {
     /**
      * children 컴포넌트 기준으로 Tooltip의 위치를 정의합니다.
@@ -8,7 +9,7 @@ type Props = {
      * Tooltip의 텍스트를 정의합니다.
      */
     text?: string;
-} & Pick<HTMLAttributes<HTMLSpanElement>, 'className'>;
-declare const Tooltip: ({ children, direction, text, className: propClassName }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, 'className'>;
+declare const Tooltip: ({ children, direction, text, className: propClassName, sx, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;
 export type { Props as TooptipProps };

package/dist/index.js

@@ -18684,13 +18684,15 @@ const Tooltip = ({
   children,
   direction = 'top-center',
   text,
-  className: propClassName
+  className: propClassName,
+  sx
 }) => {
   const className = [propClassName, `tooltip-direction-${direction}`].join(' ');
   return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltip, {
     role: 'tooltip',
     "aria-label": text,
     className: className,
+    sx: sx,
     children: children
   });
 };
@@ -18929,6 +18931,8 @@ const BaseTooltip = styled__default.default.span`
   &.tooltip-direction-right::after {
     right: 100%;
   }
+
+  ${sx}
 `;
 
 const useMediaQuery = query => {

package/esm/core/Tooltip/index.js

@@ -1,18 +1,21 @@
 import styled, { keyframes } from 'styled-components';
 import { forcePixelValue } from '../../utils/forcePixelValue.js';
+import { sx } from '../../utils/styled-system/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 
 const Tooltip = ({
   children,
   direction = 'top-center',
   text,
-  className: propClassName
+  className: propClassName,
+  sx
 }) => {
   const className = [propClassName, `tooltip-direction-${direction}`].join(' ');
   return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltip, {
     role: 'tooltip',
     "aria-label": text,
     className: className,
+    sx: sx,
     children: children
   });
 };
@@ -251,6 +254,8 @@ const BaseTooltip = styled.span`
   &.tooltip-direction-right::after {
     right: 100%;
   }
+
+  ${sx}
 `;
 
 export { Tooltip as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.8.0",
+  "version": "2.8.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",
@@ -57,5 +57,5 @@
     "react-is": "^18.2.0",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "cf95bbbf992b5d7f81dfab51bd80b5f90e4e3005"
+  "gitHead": "905ea6546094f215ab7392effb88e7c93cca6ab9"
 }