@teamturing/react-kit 2.10.0 → 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.
- package/dist/core/AnimatePresence/index.d.ts +3 -0
- package/dist/core/HorizontalDivider/index.d.ts +11 -0
- package/dist/core/View/index.d.ts +2 -2
- package/dist/enigma/View/HorizontalDividerView/index.d.ts +6 -0
- package/dist/enigma/View/index.d.ts +4 -3
- package/dist/enigma/types/index.d.ts +8 -4
- package/dist/index.d.ts +4 -0
- package/dist/index.js +15714 -15676
- package/esm/core/AnimatePresence/index.js +5 -0
- package/esm/core/HorizontalDivider/index.js +30 -0
- package/esm/enigma/EnigmaUI/index.js +6 -4
- package/esm/enigma/View/HorizontalDividerView/index.js +16 -0
- package/esm/index.js +2 -0
- package/package.json +3 -3
|
@@ -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.
|
|
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",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"check:lint": "eslint ./src --cache",
|
|
26
26
|
"check:type": "tsc --noEmit",
|
|
27
27
|
"build": "rm -rf dist esm && tsc --project tsconfig.cjs.json --declaration --emitDeclarationOnly --declarationDir dist && rollup --config rollup.config.js",
|
|
28
|
-
"generate-enigma-json-schema": "typescript-json-schema ./tsconfig.json EnigmaSectionType --aliasRefs --topRef --out ./src/enigma/schema/generated.json"
|
|
28
|
+
"generate-enigma-json-schema": "typescript-json-schema ./tsconfig.json EnigmaSectionType --include=./src/enigma/types/index.ts --aliasRefs --topRef --include=EnigmaSectionType --out ./src/enigma/schema/generated.json"
|
|
29
29
|
},
|
|
30
30
|
"bugs": {
|
|
31
31
|
"url": "https://github.com/weareteamturing/bombe/issues"
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"react-is": "^18.2.0",
|
|
60
60
|
"styled-system": "^5.1.5"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "cc6e8fd81048b806659d2850cc238723e0646463"
|
|
63
63
|
}
|