@teamturing/react-kit 1.2.0 → 1.2.1
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/esm/{packages/react-kit/src/core → core}/Button/index.js +7 -7
- package/esm/{packages/react-kit/src/core → core}/Chip/index.js +6 -6
- package/esm/{packages/react-kit/src/core → core}/GradientText/index.js +1 -1
- package/esm/{packages/react-kit/src/core → core}/Grid/index.js +5 -5
- package/esm/{packages/react-kit/src/core → core}/IconButton/index.js +6 -6
- package/esm/{packages/react-kit/src/core → core}/IconToggleButton/index.js +6 -6
- package/esm/core/Space/index.js +12 -0
- package/esm/{packages/react-kit/src/core → core}/Spinner/index.js +3 -3
- package/esm/{packages/react-kit/src/core → core}/Stack/index.js +5 -5
- package/esm/{packages/react-kit/src/core → core}/StyledIcon/index.js +1 -1
- package/esm/{packages/react-kit/src/core → core}/Text/index.js +6 -6
- package/esm/core/View/index.js +18 -0
- package/esm/{packages/react-kit/src/core → core}/_UnstyledButton.js +1 -1
- package/esm/{packages/react-kit/src/utils → utils}/styled-system/index.js +3 -3
- package/package.json +2 -2
- package/esm/packages/react-kit/src/core/Space/index.js +0 -12
- package/esm/packages/react-kit/src/core/View/index.js +0 -18
- /package/esm/{packages/react-kit/src/core → core}/ItemList/index.js +0 -0
- /package/esm/{packages/react-kit/src/index.js → index.js} +0 -0
- /package/esm/{packages/react-kit/src/utils → utils}/forcePixelValue.js +0 -0
- /package/esm/{packages/react-kit/src/utils → utils}/isArray.js +0 -0
- /package/esm/{packages/react-kit/src/utils → utils}/isNullable.js +0 -0
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { extends as _extends } from '
|
|
2
|
-
import color from '
|
|
3
|
-
import radii from '
|
|
4
|
-
import typography from '
|
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import color from '../../packages/token-studio/esm/token/color/index.js';
|
|
3
|
+
import radii from '../../packages/token-studio/esm/token/radii/index.js';
|
|
4
|
+
import typography from '../../packages/token-studio/esm/token/typography/index.js';
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
|
-
import Qe from '
|
|
7
|
-
import '
|
|
6
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
7
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
8
8
|
import Spinner from '../Spinner/index.js';
|
|
9
9
|
import View from '../View/index.js';
|
|
10
10
|
import UnstyledButton from '../_UnstyledButton.js';
|
|
11
|
-
import { variant } from '
|
|
11
|
+
import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
|
|
12
12
|
|
|
13
13
|
const Button = /*#__PURE__*/forwardRef(({
|
|
14
14
|
size = 'm',
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import color from '
|
|
2
|
-
import radii from '
|
|
3
|
-
import typography from '
|
|
4
|
-
import Qe from '
|
|
5
|
-
import '
|
|
1
|
+
import color from '../../packages/token-studio/esm/token/color/index.js';
|
|
2
|
+
import radii from '../../packages/token-studio/esm/token/radii/index.js';
|
|
3
|
+
import typography from '../../packages/token-studio/esm/token/typography/index.js';
|
|
4
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
5
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
6
6
|
import { sx } from '../../utils/styled-system/index.js';
|
|
7
|
-
import { variant } from '
|
|
7
|
+
import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
|
|
8
8
|
|
|
9
9
|
const Chip = ({
|
|
10
10
|
children,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { extends as _extends } from '
|
|
2
|
-
import space from '
|
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import space from '../../packages/token-studio/esm/token/space/index.js';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
-
import Qe from '
|
|
5
|
-
import '
|
|
4
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
5
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
6
6
|
import { forcePixelValue } from '../../utils/forcePixelValue.js';
|
|
7
7
|
import { isArray } from '../../utils/isArray.js';
|
|
8
8
|
import { isNullable } from '../../utils/isNullable.js';
|
|
9
9
|
import View from '../View/index.js';
|
|
10
|
-
import { variant } from '
|
|
10
|
+
import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
|
|
11
11
|
|
|
12
12
|
const Grid = /*#__PURE__*/forwardRef(({
|
|
13
13
|
children,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { extends as _extends } from '
|
|
2
|
-
import color from '
|
|
3
|
-
import radii from '
|
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import color from '../../packages/token-studio/esm/token/color/index.js';
|
|
3
|
+
import radii from '../../packages/token-studio/esm/token/radii/index.js';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
5
|
-
import Qe from '
|
|
6
|
-
import '
|
|
5
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
6
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
7
7
|
import Spinner from '../Spinner/index.js';
|
|
8
8
|
import UnstyledButton from '../_UnstyledButton.js';
|
|
9
|
-
import { variant } from '
|
|
9
|
+
import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
|
|
10
10
|
|
|
11
11
|
const IconButton = /*#__PURE__*/forwardRef(({
|
|
12
12
|
icon: Icon,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { extends as _extends } from '
|
|
2
|
-
import color from '
|
|
3
|
-
import radii from '
|
|
4
|
-
import Qe from '
|
|
5
|
-
import '
|
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import color from '../../packages/token-studio/esm/token/color/index.js';
|
|
3
|
+
import radii from '../../packages/token-studio/esm/token/radii/index.js';
|
|
4
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
5
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
6
6
|
import { sx } from '../../utils/styled-system/index.js';
|
|
7
7
|
import UnstyledButton from '../_UnstyledButton.js';
|
|
8
|
-
import { variant } from '
|
|
8
|
+
import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
|
|
9
9
|
|
|
10
10
|
const IconToggleButton = ({
|
|
11
11
|
icon: Icon,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
2
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
3
|
+
import { sx } from '../../utils/styled-system/index.js';
|
|
4
|
+
import { space } from '../../node_modules/@styled-system/space/dist/index.esm.js';
|
|
5
|
+
|
|
6
|
+
const Space = Qe.div`
|
|
7
|
+
width: inherit;
|
|
8
|
+
${space};
|
|
9
|
+
${sx}
|
|
10
|
+
`;
|
|
11
|
+
|
|
12
|
+
export { Space as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import SvgProgressGradient from '
|
|
3
|
-
import color from '
|
|
4
|
-
import Qe, { keyframes as nt } from '
|
|
2
|
+
import SvgProgressGradient from '../../packages/icons/esm/ProgressGradient.js';
|
|
3
|
+
import color from '../../packages/token-studio/esm/token/color/index.js';
|
|
4
|
+
import Qe, { keyframes as nt } from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
5
5
|
|
|
6
6
|
const spin = nt`
|
|
7
7
|
from {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { extends as _extends } from '
|
|
2
|
-
import space from '
|
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import space from '../../packages/token-studio/esm/token/space/index.js';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
-
import Qe from '
|
|
5
|
-
import '
|
|
4
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
5
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
6
6
|
import { forcePixelValue } from '../../utils/forcePixelValue.js';
|
|
7
7
|
import View from '../View/index.js';
|
|
8
|
-
import { variant } from '
|
|
8
|
+
import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
|
|
9
9
|
|
|
10
10
|
const Stack = /*#__PURE__*/forwardRef(({
|
|
11
11
|
gapX = 0,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import typography from '
|
|
2
|
-
import Qe from '
|
|
3
|
-
import { fontSize, fontWeight, lineHeight, textAlign } from '
|
|
1
|
+
import typography from '../../packages/token-studio/esm/token/typography/index.js';
|
|
2
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
3
|
+
import { fontSize, fontWeight, lineHeight, textAlign } from '../../node_modules/styled-system/dist/index.esm.js';
|
|
4
4
|
import { sx, wordBreak, whiteSpace, textDecoration } from '../../utils/styled-system/index.js';
|
|
5
|
-
import { variant } from '
|
|
6
|
-
import { compose } from '
|
|
7
|
-
import { color } from '
|
|
5
|
+
import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
|
|
6
|
+
import { compose } from '../../node_modules/@styled-system/core/dist/index.esm.js';
|
|
7
|
+
import { color } from '../../node_modules/@styled-system/color/dist/index.esm.js';
|
|
8
8
|
|
|
9
9
|
const Text = Qe.span({
|
|
10
10
|
'display': 'block',
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
2
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
3
|
+
import { sx } from '../../utils/styled-system/index.js';
|
|
4
|
+
import { compose } from '../../node_modules/@styled-system/core/dist/index.esm.js';
|
|
5
|
+
import { layout } from '../../node_modules/@styled-system/layout/dist/index.esm.js';
|
|
6
|
+
import { color } from '../../node_modules/@styled-system/color/dist/index.esm.js';
|
|
7
|
+
import { flexbox } from '../../node_modules/@styled-system/flexbox/dist/index.esm.js';
|
|
8
|
+
import { background } from '../../node_modules/@styled-system/background/dist/index.esm.js';
|
|
9
|
+
import { border } from '../../node_modules/@styled-system/border/dist/index.esm.js';
|
|
10
|
+
import { position } from '../../node_modules/@styled-system/position/dist/index.esm.js';
|
|
11
|
+
import { shadow } from '../../node_modules/@styled-system/shadow/dist/index.esm.js';
|
|
12
|
+
|
|
13
|
+
const View = Qe.div`
|
|
14
|
+
${compose(layout, color, flexbox, background, border, position, shadow)}
|
|
15
|
+
${sx}
|
|
16
|
+
`;
|
|
17
|
+
|
|
18
|
+
export { View as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import css from '
|
|
2
|
-
import '
|
|
3
|
-
import { system } from '
|
|
1
|
+
import css from '../../node_modules/@styled-system/css/dist/index.esm.js';
|
|
2
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
3
|
+
import { system } from '../../node_modules/@styled-system/core/dist/index.esm.js';
|
|
4
4
|
|
|
5
5
|
// Support CSS custom properties in the `sx` prop
|
|
6
6
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
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",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"@teamturing/icons": "^1.17.6",
|
|
49
49
|
"@teamturing/token-studio": "^1.1.6"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "00ef0cf88d4889abf15328c2bf47ab830e8cead3"
|
|
52
52
|
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
2
|
-
import '../../../../../node_modules/styled-system/dist/index.esm.js';
|
|
3
|
-
import { sx } from '../../utils/styled-system/index.js';
|
|
4
|
-
import { space } from '../../../../../node_modules/@styled-system/space/dist/index.esm.js';
|
|
5
|
-
|
|
6
|
-
const Space = Qe.div`
|
|
7
|
-
width: inherit;
|
|
8
|
-
${space};
|
|
9
|
-
${sx}
|
|
10
|
-
`;
|
|
11
|
-
|
|
12
|
-
export { Space as default };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
|
|
2
|
-
import '../../../../../node_modules/styled-system/dist/index.esm.js';
|
|
3
|
-
import { sx } from '../../utils/styled-system/index.js';
|
|
4
|
-
import { compose } from '../../../../../node_modules/@styled-system/core/dist/index.esm.js';
|
|
5
|
-
import { layout } from '../../../../../node_modules/@styled-system/layout/dist/index.esm.js';
|
|
6
|
-
import { color } from '../../../../../node_modules/@styled-system/color/dist/index.esm.js';
|
|
7
|
-
import { flexbox } from '../../../../../node_modules/@styled-system/flexbox/dist/index.esm.js';
|
|
8
|
-
import { background } from '../../../../../node_modules/@styled-system/background/dist/index.esm.js';
|
|
9
|
-
import { border } from '../../../../../node_modules/@styled-system/border/dist/index.esm.js';
|
|
10
|
-
import { position } from '../../../../../node_modules/@styled-system/position/dist/index.esm.js';
|
|
11
|
-
import { shadow } from '../../../../../node_modules/@styled-system/shadow/dist/index.esm.js';
|
|
12
|
-
|
|
13
|
-
const View = Qe.div`
|
|
14
|
-
${compose(layout, color, flexbox, background, border, position, shadow)}
|
|
15
|
-
${sx}
|
|
16
|
-
`;
|
|
17
|
-
|
|
18
|
-
export { View as default };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|