@teamturing/react-kit 2.10.1 → 2.12.0

package/esm/core/AnimatePresence/index.js

@@ -0,0 +1,5 @@
+import { AnimatePresence } from '../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+
+
+
+export { AnimatePresence as default };

package/esm/core/Button/index.js

@@ -180,7 +180,7 @@ const BaseButton = styled(UnstyledButton)(({
         }
       } : {})
     },
-    tertiary: {
+    neutral: {
       'backgroundColor': color['bg/neutral'],
       'color': color['text/neutral'],
       '& svg': {
@@ -333,7 +333,7 @@ const BaseSpinner = styled(Spinner)(variant({
     secondary: {
       color: color['icon/primary']
     },
-    tertiary: {
+    neutral: {
       color: color['icon/accent/gray']
     },
     outlined: {

package/esm/core/HorizontalDivider/index.js

@@ -0,0 +1,30 @@
+import styled 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 { border } from '../../node_modules/@styled-system/border/dist/index.esm.js';
+
+const HorizontalDivider = ({
+  width = 1,
+  color = 'border/neutral',
+  variant = 'solid',
+  ...props
+}) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseHorizontalDivider, {
+  borderBottomWidth: width,
+  borderBottomStyle: variant,
+  borderBottomColor: color,
+  ...props
+});
+const BaseHorizontalDivider = styled.hr`
+  display: block;
+  margin: 0;
+  padding: 0;
+  border: none;
+
+  width: 100%;
+
+  ${border}
+  ${sx}
+`;
+
+export { HorizontalDivider as default };

package/esm/core/IconButton/index.js

@@ -109,7 +109,7 @@ const BaseIconButton = styled(UnstyledButton)(({
         color: color['icon/disabled']
       } : {})
     },
-    'tertiary': {
+    'neutral': {
       'backgroundColor': color['bg/neutral'],
       'color': color['icon/accent/gray'],
       '&:hover:not(:disabled)': {

package/esm/enigma/EnigmaUI/index.js

@@ -2,11 +2,12 @@ import breakpoints from '../../packages/token-studio/esm/token/breakpoints/index
 import '../../packages/token-studio/esm/token/typography/index.js';
 import useMediaQuery from '../../hook/useMediaQuery.js';
 import SingleColumnLayout from '../Layout/SingleColumnLayout/index.js';
-import ImageView from '../View/ImageView/index.js';
-import TextView from '../View/TextView/index.js';
-import IconView from '../View/IconView/index.js';
 import ChipGroupView from '../View/ChipGroupView/index.js';
 import GridView from '../View/GridView/index.js';
+import HorizontalDividerView from '../View/HorizontalDividerView/index.js';
+import IconView from '../View/IconView/index.js';
+import ImageView from '../View/ImageView/index.js';
+import TextView from '../View/TextView/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 
 const EnigmaUI = ({
@@ -46,7 +47,8 @@ const getViewComponent = viewContainer => {
     ImageView: ImageView,
     IconView: IconView,
     ChipGroupView: ChipGroupView,
-    GridView: GridView
+    GridView: GridView,
+    HorizontalDividerView: HorizontalDividerView
   };
   const ViewComponent = renderableViewComponent[viewContainer.viewComponentType];
   return ViewComponent;

package/esm/enigma/View/HorizontalDividerView/index.js

@@ -0,0 +1,16 @@
+import HorizontalDivider from '../../../core/HorizontalDivider/index.js';
+import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+
+const HorizontalDividerView = ({
+  view: {
+    horizontalDividerProps,
+    spaceProps
+  }
+}) => /*#__PURE__*/jsxRuntimeExports.jsx(HorizontalDivider, {
+  ...horizontalDividerProps,
+  sx: {
+    ...spaceProps
+  }
+});
+
+export { HorizontalDividerView as default };

package/esm/index.js

@@ -5,6 +5,7 @@ export { default as Dialog } from './core/Dialog/index.js';
 export { default as DialogHandler } from './core/DialogHandler/index.js';
 export { default as GradientText } from './core/GradientText/index.js';
 export { default as Grid } from './core/Grid/index.js';
+export { default as HorizontalDivider } from './core/HorizontalDivider/index.js';
 export { default as IconButton } from './core/IconButton/index.js';
 export { default as IconToggleButton } from './core/IconToggleButton/index.js';
 export { default as Image } from './core/Image/index.js';
@@ -31,3 +32,4 @@ export { default as useResize } from './hook/useResize.js';
 export { default as useToggleHandler } from './hook/useToggleHandler.js';
 export { default as theme } from './theme/index.js';
 export { lineClamp, sx, textDecoration, whiteSpace, wordBreak } from './utils/styled-system/index.js';
+export { AnimatePresence } from './node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.10.1",
+  "version": "2.12.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",
@@ -59,5 +59,5 @@
     "react-is": "^18.2.0",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "588c13c2b6514cd7f1e9b7ca438ebb63ee0ee1ca"
+  "gitHead": "141b9cffa82d978cf6ac2723e69a7ef7d8220f78"
 }