@teamturing/react-kit 2.10.1 → 2.12.0

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

@@ -0,0 +1,3 @@
+import { AnimatePresence, AnimatePresenceProps } from 'framer-motion';
+export default AnimatePresence;
+export type { AnimatePresenceProps };

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

@@ -11,7 +11,7 @@ type Props = {
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'plain' | 'danger';
+    variant?: 'primary' | 'secondary' | 'neutral' | 'outlined' | 'plain' | 'danger';
     /**
      * 감싸고 있는 컨테이너의 너비를 채웁니다.
      */
@@ -43,7 +43,7 @@ declare const Button: import("react").ForwardRefExoticComponent<{
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: "primary" | "secondary" | "tertiary" | "outlined" | "plain" | "danger" | undefined;
+    variant?: "primary" | "secondary" | "neutral" | "outlined" | "plain" | "danger" | undefined;
     /**
      * 감싸고 있는 컨테이너의 너비를 채웁니다.
      */

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

@@ -0,0 +1,11 @@
+import { ColorKey, SurfaceElevationKey } from '@teamturing/token-studio';
+import { BorderColorProps, BorderProps, Theme } from 'styled-system';
+import { SxProp } from '../../utils/styled-system';
+type Props = {
+    width?: BorderProps['borderBottomWidth'];
+    color?: BorderColorProps<Theme, ColorKey | SurfaceElevationKey>['borderBottomColor'];
+    variant?: BorderProps['borderBottomStyle'];
+} & SxProp;
+declare const HorizontalDivider: ({ width, color, variant, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default HorizontalDivider;
+export type { Props as HorizontalDividerProps };

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

@@ -15,7 +15,7 @@ type Props = {
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'plain-bold' | 'plain' | 'plain-subtle' | 'danger';
+    variant?: 'primary' | 'secondary' | 'neutral' | 'outlined' | 'plain-bold' | 'plain' | 'plain-subtle' | 'danger';
     /**
      * 비활성화 상태를 정의합니다.
      */
@@ -39,7 +39,7 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: "primary" | "secondary" | "tertiary" | "outlined" | "plain" | "danger" | "plain-bold" | "plain-subtle" | undefined;
+    variant?: "primary" | "secondary" | "neutral" | "outlined" | "plain" | "danger" | "plain-bold" | "plain-subtle" | undefined;
     /**
      * 비활성화 상태를 정의합니다.
      */

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ColorKey, RadiiKey, SurfaceElevationKey } from '@teamturing/token-studio';
-import { LayoutProps, ColorProps, FlexboxProps, BackgroundProps, BorderProps, PositionProps, ShadowProps, BorderRadiusProps, Theme } from 'styled-system';
+import { LayoutProps, ColorProps, FlexboxProps, BackgroundProps, BorderProps, PositionProps, ShadowProps, BorderRadiusProps, Theme, BorderColorProps } from 'styled-system';
 import { SxProp } from '../../utils/styled-system';
-type Props = {} & SxProp & LayoutProps & ColorProps<Theme, ColorKey | SurfaceElevationKey> & FlexboxProps & BackgroundProps & BorderProps & PositionProps & ShadowProps<Theme> & BorderRadiusProps<Theme, RadiiKey>;
+type Props = {} & SxProp & LayoutProps & ColorProps<Theme, ColorKey | SurfaceElevationKey> & FlexboxProps & BackgroundProps & BorderProps & BorderColorProps<Theme, ColorKey | SurfaceElevationKey> & PositionProps & ShadowProps<Theme> & BorderRadiusProps<Theme, RadiiKey>;
 declare const View: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
 export default View;
 export type { Props as ViewProps };

package/dist/enigma/View/HorizontalDividerView/index.d.ts

@@ -0,0 +1,6 @@
+import { HorizontalDividerViewType } from '../../types';
+type Props = {
+    view: HorizontalDividerViewType;
+};
+declare const HorizontalDividerView: ({ view: { horizontalDividerProps, spaceProps } }: Props) => import("react/jsx-runtime").JSX.Element;
+export default HorizontalDividerView;

package/dist/enigma/View/index.d.ts

@@ -1,5 +1,6 @@
-export { default as ImageView } from './ImageView';
-export { default as TextView } from './TextView';
-export { default as IconView } from './IconView';
 export { default as ChipGroupView } from './ChipGroupView';
 export { default as GridView } from './GridView';
+export { default as HorizontalDividerView } from './HorizontalDividerView';
+export { default as IconView } from './IconView';
+export { default as ImageView } from './ImageView';
+export { default as TextView } from './TextView';

package/dist/enigma/types/index.d.ts

@@ -1,5 +1,5 @@
 import icons from '@teamturing/icons';
-import { ChipProps, StackProps, TextProps, SpaceProps, GridProps, GridUnitProps, StyledIconProps, ImageProps, AsProp } from '../..';
+import { ChipProps, StackProps, TextProps, SpaceProps, GridProps, GridUnitProps, StyledIconProps, ImageProps, AsProp, HorizontalDividerProps } from '../..';
 /**
  * View Related Model
  */
@@ -36,8 +36,12 @@ export type GridViewType = {
     gridProps?: Pick<GridProps, 'gapX' | 'gapY' | 'alignItems' | 'justifyContent' | 'wrap'>;
     spaceProps?: Omit<SpaceProps, 'sx'>;
 };
-export type ViewType = TextViewType | ImageViewType | IconViewType | ChipGroupViewType | GridViewType;
-export type ViewComponentType = 'TextView' | 'ImageView' | 'IconView' | 'ChipGroupView' | 'GridView';
+export type HorizontalDividerViewType = {
+    horizontalDividerProps?: Omit<HorizontalDividerProps, 'sx'>;
+    spaceProps?: Omit<SpaceProps, 'sx'>;
+};
+export type ViewType = TextViewType | ImageViewType | IconViewType | ChipGroupViewType | GridViewType | HorizontalDividerViewType;
+export type ViewComponentType = 'TextView' | 'ImageView' | 'IconView' | 'ChipGroupView' | 'GridView' | 'HorizontalDividerView';
 export interface ViewContainerType {
     id: string;
     viewComponentType: ViewComponentType;

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 /**
  * core components
  */
+export { default as AnimatePresence } from './core/AnimatePresence';
+export type { AnimatePresenceProps } from './core/AnimatePresence';
 export { default as Breadcrumbs } from './core/Breadcrumbs';
 export type { BreadcrumbsProps } from './core/Breadcrumbs';
 export { default as Button } from './core/Button';
@@ -14,6 +16,8 @@ export { default as GradientText } from './core/GradientText';
 export type { GradientTextProps } from './core/GradientText';
 export { default as Grid } from './core/Grid';
 export type { GridProps, GridUnitProps } from './core/Grid';
+export { default as HorizontalDivider } from './core/HorizontalDivider';
+export type { HorizontalDividerProps } from './core/HorizontalDivider';
 export { default as IconButton } from './core/IconButton';
 export type { IconButtonProps } from './core/IconButton';
 export { default as IconToggleButton } from './core/IconToggleButton';