@teamturing/react-kit 2.10.1 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,5 @@
1
+ import { AnimatePresence } from '../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
2
+
3
+
4
+
5
+ export { AnimatePresence as default };
@@ -0,0 +1,30 @@
1
+ import styled from 'styled-components';
2
+ import '../../node_modules/styled-system/dist/index.esm.js';
3
+ import { sx } from '../../utils/styled-system/index.js';
4
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
5
+ import { border } from '../../node_modules/@styled-system/border/dist/index.esm.js';
6
+
7
+ const HorizontalDivider = ({
8
+ width = 1,
9
+ color = 'border/neutral',
10
+ variant = 'solid',
11
+ ...props
12
+ }) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseHorizontalDivider, {
13
+ borderBottomWidth: width,
14
+ borderBottomStyle: variant,
15
+ borderBottomColor: color,
16
+ ...props
17
+ });
18
+ const BaseHorizontalDivider = styled.hr`
19
+ display: block;
20
+ margin: 0;
21
+ padding: 0;
22
+ border: none;
23
+
24
+ width: 100%;
25
+
26
+ ${border}
27
+ ${sx}
28
+ `;
29
+
30
+ export { HorizontalDivider as default };
@@ -2,11 +2,12 @@ import breakpoints from '../../packages/token-studio/esm/token/breakpoints/index
2
2
  import '../../packages/token-studio/esm/token/typography/index.js';
3
3
  import useMediaQuery from '../../hook/useMediaQuery.js';
4
4
  import SingleColumnLayout from '../Layout/SingleColumnLayout/index.js';
5
- import ImageView from '../View/ImageView/index.js';
6
- import TextView from '../View/TextView/index.js';
7
- import IconView from '../View/IconView/index.js';
8
5
  import ChipGroupView from '../View/ChipGroupView/index.js';
9
6
  import GridView from '../View/GridView/index.js';
7
+ import HorizontalDividerView from '../View/HorizontalDividerView/index.js';
8
+ import IconView from '../View/IconView/index.js';
9
+ import ImageView from '../View/ImageView/index.js';
10
+ import TextView from '../View/TextView/index.js';
10
11
  import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
11
12
 
12
13
  const EnigmaUI = ({
@@ -46,7 +47,8 @@ const getViewComponent = viewContainer => {
46
47
  ImageView: ImageView,
47
48
  IconView: IconView,
48
49
  ChipGroupView: ChipGroupView,
49
- GridView: GridView
50
+ GridView: GridView,
51
+ HorizontalDividerView: HorizontalDividerView
50
52
  };
51
53
  const ViewComponent = renderableViewComponent[viewContainer.viewComponentType];
52
54
  return ViewComponent;
@@ -0,0 +1,16 @@
1
+ import HorizontalDivider from '../../../core/HorizontalDivider/index.js';
2
+ import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
3
+
4
+ const HorizontalDividerView = ({
5
+ view: {
6
+ horizontalDividerProps,
7
+ spaceProps
8
+ }
9
+ }) => /*#__PURE__*/jsxRuntimeExports.jsx(HorizontalDivider, {
10
+ ...horizontalDividerProps,
11
+ sx: {
12
+ ...spaceProps
13
+ }
14
+ });
15
+
16
+ export { HorizontalDividerView as default };
package/esm/index.js CHANGED
@@ -5,6 +5,7 @@ export { default as Dialog } from './core/Dialog/index.js';
5
5
  export { default as DialogHandler } from './core/DialogHandler/index.js';
6
6
  export { default as GradientText } from './core/GradientText/index.js';
7
7
  export { default as Grid } from './core/Grid/index.js';
8
+ export { default as HorizontalDivider } from './core/HorizontalDivider/index.js';
8
9
  export { default as IconButton } from './core/IconButton/index.js';
9
10
  export { default as IconToggleButton } from './core/IconToggleButton/index.js';
10
11
  export { default as Image } from './core/Image/index.js';
@@ -31,3 +32,4 @@ export { default as useResize } from './hook/useResize.js';
31
32
  export { default as useToggleHandler } from './hook/useToggleHandler.js';
32
33
  export { default as theme } from './theme/index.js';
33
34
  export { lineClamp, sx, textDecoration, whiteSpace, wordBreak } from './utils/styled-system/index.js';
35
+ export { AnimatePresence } from './node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.10.1",
3
+ "version": "2.11.0",
4
4
  "description": "React components, hooks for create teamturing web application",
5
5
  "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
6
6
  "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -59,5 +59,5 @@
59
59
  "react-is": "^18.2.0",
60
60
  "styled-system": "^5.1.5"
61
61
  },
62
- "gitHead": "588c13c2b6514cd7f1e9b7ca438ebb63ee0ee1ca"
62
+ "gitHead": "cc6e8fd81048b806659d2850cc238723e0646463"
63
63
  }