@teamturing/react-kit 2.19.35 → 2.19.37

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

@@ -6,11 +6,11 @@ import { ViewProps } from '../View';
 type Props = {
     gapX?: ResponsiveValue<SpaceKey>;
     gapY?: ResponsiveValue<SpaceKey>;
-} & Pick<ViewProps, 'alignItems' | 'justifyContent' | 'sx'> & AsProp;
+} & Pick<ViewProps, 'alignItems' | 'justifyContent'> & SxProp & AsProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
     gapX?: ResponsiveValue<0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> | undefined;
     gapY?: ResponsiveValue<0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> | undefined;
-} & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
+} & Pick<ViewProps, "alignItems" | "justifyContent"> & SxProp & AsProp & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>> & {
     Item: ({ children, ...props }: PropsWithChildren<SxProp>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
+import { HTMLAttributes } from 'react';
 import { SxProp } from '../../utils/styled-system';
 type Props = {
     /**
@@ -10,6 +10,17 @@ type Props = {
      */
     text?: string;
 } & 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;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    /**
+     * children 컴포넌트 기준으로 Tooltip의 위치를 정의합니다.
+     */
+    direction?: "left" | "right" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left" | "top-left" | undefined;
+    /**
+     * Tooltip의 텍스트를 정의합니다.
+     */
+    text?: string | undefined;
+} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, "className"> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+export default _default;
 export type { Props as TooptipProps };

package/dist/index.js

@@ -16694,9 +16694,10 @@ const Tooltip = ({
   text,
   className: propClassName,
   sx
-}) => {
+}, ref) => {
   const className = [propClassName, `tooltip-direction-${direction}`].join(' ');
   return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltip, {
+    ref: ref,
     role: 'tooltip',
     "aria-label": text,
     className: className,
@@ -16942,6 +16943,7 @@ const BaseTooltip = styled__default.default.span`
 
   ${sx}
 `;
+var Tooltip$1 = /*#__PURE__*/React.forwardRef(Tooltip);
 
 const BreadcrumbsItem = ({
   text,
@@ -16965,7 +16967,7 @@ const BreadcrumbsItem = ({
     ...props,
     children: text
   });
-  return isOverflow ? /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
+  return isOverflow ? /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip$1, {
     text: text,
     direction: 'bottom-center',
     sx: {
@@ -23964,12 +23966,14 @@ const Stack = /*#__PURE__*/React.forwardRef(({
   gapY = 0,
   children,
   alignItems = 'center',
+  sx,
   ...props
 }, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseStack, {
   ref: ref,
   alignItems: alignItems,
   gapX: gapX,
   gapY: gapY,
+  sx: sx,
   ...props,
   children: children
 }));
@@ -23999,7 +24003,7 @@ const BaseStack = styled__default.default(View)({
     };
     return [key, styleValue];
   }))
-}));
+}), sx);
 const Item = ({
   children,
   ...props
@@ -25614,7 +25618,7 @@ exports.TextInput = TextInput$1;
 exports.Textarea = Textarea;
 exports.ThemeProvider = ThemeProvider;
 exports.Toast = Toast;
-exports.Tooltip = Tooltip;
+exports.Tooltip = Tooltip$1;
 exports.UnstyledButton = UnstyledButton;
 exports.View = View;
 exports.lineClamp = lineClamp;

package/esm/core/Stack/index.js

@@ -4,6 +4,7 @@ import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
+import { sx } from '../../utils/styled-system/index.js';
 import View from '../View/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';
@@ -13,12 +14,14 @@ const Stack = /*#__PURE__*/forwardRef(({
   gapY = 0,
   children,
   alignItems = 'center',
+  sx,
   ...props
 }, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseStack, {
   ref: ref,
   alignItems: alignItems,
   gapX: gapX,
   gapY: gapY,
+  sx: sx,
   ...props,
   children: children
 }));
@@ -48,7 +51,7 @@ const BaseStack = styled(View)({
     };
     return [key, styleValue];
   }))
-}));
+}), sx);
 const Item = ({
   children,
   ...props

package/esm/core/Tooltip/index.js

@@ -1,4 +1,5 @@
 import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forwardRef } from 'react';
 import styled, { keyframes } from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
@@ -9,9 +10,10 @@ const Tooltip = ({
   text,
   className: propClassName,
   sx
-}) => {
+}, ref) => {
   const className = [propClassName, `tooltip-direction-${direction}`].join(' ');
   return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltip, {
+    ref: ref,
     role: 'tooltip',
     "aria-label": text,
     className: className,
@@ -257,5 +259,6 @@ const BaseTooltip = styled.span`
 
   ${sx}
 `;
+var Tooltip$1 = /*#__PURE__*/forwardRef(Tooltip);
 
-export { Tooltip as default };
+export { Tooltip$1 as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.19.35",
+  "version": "2.19.37",
   "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",
@@ -65,5 +65,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "7021ff834f226ee140bdc721cd481b490fd2efa5"
+  "gitHead": "73945734bdadf5722fb5450dc467d0d267e88540"
 }