@teamturing/react-kit 2.7.1 → 2.8.0

package/dist/core/Tab/TabItem.d.ts

@@ -0,0 +1,11 @@
+import { ComponentType, PropsWithChildren, SVGProps } from 'react';
+import { UnstyledButtonProps } from '../_UnstyledButton';
+import { TabContextValue } from '.';
+type Props = {
+    leadingIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+    selected?: boolean;
+    onClick?: UnstyledButtonProps['onClick'];
+} & Omit<TabContextValue, 'containerRef' | 'gap'>;
+declare const TabItem: ({ children, leadingIcon: LeadingIcon, selected, onClick, size: propSize, variant: propVariant, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default TabItem;
+export type { Props as TabItemProps };

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

@@ -0,0 +1,18 @@
+import { SpaceKey } from '@teamturing/token-studio';
+import { PropsWithChildren, RefObject } from 'react';
+import { ResponsiveValue } from 'styled-system';
+type Props = {
+    variant?: 'plain' | 'outlined' | 'underline';
+    size?: ResponsiveValue<'l' | 'm' | 's'>;
+    gap?: ResponsiveValue<SpaceKey>;
+};
+type TabContextValue = {
+    containerRef?: RefObject<HTMLElement>;
+} & Props;
+declare const TabContext: import("react").Context<TabContextValue>;
+declare const _default: (({ variant, size, gap, children }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element) & {
+    Item: ({ children, leadingIcon: LeadingIcon, selected, onClick, size: propSize, variant: propVariant, }: PropsWithChildren<import("./TabItem").TabItemProps>) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export { TabContext };
+export type { Props as TabProps, TabContextValue };

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

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { ResponsiveValue } from 'styled-system';
+type Props = {
+    /**
+     * 변주에 대해 정의합니다.
+     */
+    variant?: 'success' | 'warning';
+    /**
+     * 크기 변화에 대한 행동을 정의합니다.
+     * 반응형 디자인이 적용됩니다.
+     */
+    resizing?: ResponsiveValue<'hug' | 'fill'>;
+};
+declare const Toast: ({ variant, resizing, children }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default Toast;
+export type { Props as ToastProps };

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+type Props = {
+    /**
+     * children 컴포넌트 기준으로 Tooltip의 위치를 정의합니다.
+     */
+    direction?: 'top-center' | 'top-right' | 'right' | 'bottom-right' | 'bottom-center' | 'bottom-left' | 'left' | 'top-left';
+    /**
+     * Tooltip의 텍스트를 정의합니다.
+     */
+    text?: string;
+} & Pick<HTMLAttributes<HTMLSpanElement>, 'className'>;
+declare const Tooltip: ({ children, direction, text, className: propClassName }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;
+export type { Props as TooptipProps };

package/dist/index.d.ts

@@ -29,6 +29,8 @@ export { default as Stack } from './core/Stack';
 export type { StackProps } from './core/Stack';
 export { default as StyledIcon } from './core/StyledIcon';
 export type { StyledIconProps } from './core/StyledIcon';
+export { default as Tab } from './core/Tab';
+export type { TabProps } from './core/Tab';
 export { default as Text } from './core/Text';
 export type { TextProps } from './core/Text';
 export { default as Textarea } from './core/Textarea';
@@ -36,6 +38,10 @@ export type { TextareaProps } from './core/Textarea';
 export { default as TextInput } from './core/TextInput';
 export type { TextInputProps } from './core/TextInput';
 export { default as ThemeProvider } from './core/ThemeProvider';
+export { default as Toast } from './core/Toast';
+export type { ToastProps } from './core/Toast';
+export { default as Tooltip } from './core/Tooltip';
+export type { TooptipProps } from './core/Tooltip';
 export { default as View } from './core/View';
 export type { ViewProps } from './core/View';
 export { default as UnstyledButton } from './core/_UnstyledButton';