@teamturing/react-kit 1.2.0 → 1.2.2

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.
Files changed (31) hide show
  1. package/dist/index.js +1294 -88
  2. package/esm/_virtual/jsx-runtime.js +3 -0
  3. package/esm/_virtual/react-jsx-runtime.development.js +3 -0
  4. package/esm/_virtual/react-jsx-runtime.production.min.js +3 -0
  5. package/esm/{packages/react-kit/src/core → core}/Button/index.js +37 -33
  6. package/esm/{packages/react-kit/src/core → core}/Chip/index.js +11 -9
  7. package/esm/{packages/react-kit/src/core → core}/GradientText/index.js +1 -1
  8. package/esm/{packages/react-kit/src/core → core}/Grid/index.js +23 -18
  9. package/esm/{packages/react-kit/src/core → core}/IconButton/index.js +13 -11
  10. package/esm/{packages/react-kit/src/core → core}/IconToggleButton/index.js +11 -9
  11. package/esm/core/ItemList/index.js +15 -0
  12. package/esm/core/Space/index.js +12 -0
  13. package/esm/{packages/react-kit/src/core → core}/Spinner/index.js +3 -3
  14. package/esm/{packages/react-kit/src/core → core}/Stack/index.js +14 -9
  15. package/esm/{packages/react-kit/src/core → core}/StyledIcon/index.js +6 -4
  16. package/esm/{packages/react-kit/src/core → core}/Text/index.js +6 -6
  17. package/esm/core/View/index.js +18 -0
  18. package/esm/{packages/react-kit/src/core → core}/_UnstyledButton.js +1 -1
  19. package/esm/node_modules/react/cjs/react-jsx-runtime.development.js +1140 -0
  20. package/esm/node_modules/react/cjs/react-jsx-runtime.production.min.js +53 -0
  21. package/esm/node_modules/react/jsx-runtime.js +12 -0
  22. package/esm/{packages/react-kit/src/utils → utils}/styled-system/index.js +3 -3
  23. package/package.json +2 -2
  24. package/esm/_virtual/_rollupPluginBabelHelpers.js +0 -16
  25. package/esm/packages/react-kit/src/core/ItemList/index.js +0 -11
  26. package/esm/packages/react-kit/src/core/Space/index.js +0 -12
  27. package/esm/packages/react-kit/src/core/View/index.js +0 -18
  28. /package/esm/{packages/react-kit/src/index.js → index.js} +0 -0
  29. /package/esm/{packages/react-kit/src/utils → utils}/forcePixelValue.js +0 -0
  30. /package/esm/{packages/react-kit/src/utils → utils}/isArray.js +0 -0
  31. /package/esm/{packages/react-kit/src/utils → utils}/isNullable.js +0 -0
package/esm/_virtual/jsx-runtime.js ADDED
@@ -0,0 +1,3 @@
1
+ var jsxRuntime = {exports: {}};
2
+
3
+ export { jsxRuntime as __module };
package/esm/_virtual/react-jsx-runtime.development.js ADDED
@@ -0,0 +1,3 @@
1
+ var reactJsxRuntime_development = {};
2
+
3
+ export { reactJsxRuntime_development as __exports };
package/esm/_virtual/react-jsx-runtime.production.min.js ADDED
@@ -0,0 +1,3 @@
1
+ var reactJsxRuntime_production_min = {};
2
+
3
+ export { reactJsxRuntime_production_min as __exports };
package/esm/{packages/react-kit/src/core → core}/Button/index.js RENAMED
@@ -1,14 +1,14 @@
1
- import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import color from '../../../../token-studio/esm/token/color/index.js';
3
- import radii from '../../../../token-studio/esm/token/radii/index.js';
4
- import typography from '../../../../token-studio/esm/token/typography/index.js';
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';
5
4
  import { forwardRef } from 'react';
6
- import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
7
- import '../../../../../node_modules/styled-system/dist/index.esm.js';
5
+ import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
6
+ import '../../node_modules/styled-system/dist/index.esm.js';
8
7
  import Spinner from '../Spinner/index.js';
9
8
  import View from '../View/index.js';
10
9
  import UnstyledButton from '../_UnstyledButton.js';
11
- import { variant } from '../../../../../node_modules/@styled-system/variant/dist/index.esm.js';
10
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
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',
@@ -21,7 +21,7 @@ const Button = /*#__PURE__*/forwardRef(({
21
21
  children,
22
22
  ...props
23
23
  }, ref) => {
24
- return /*#__PURE__*/React.createElement(BaseButton, _extends({
24
+ return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseButton, {
25
25
  ref: ref,
26
26
  size: size,
27
27
  disabled: disabled || loading,
@@ -30,31 +30,35 @@ const Button = /*#__PURE__*/forwardRef(({
30
30
  variant: variant,
31
31
  leadingIcon: LeadingIcon,
32
32
  trailingIcon: TrailingIcon,
33
- fillWidth: fillWidth
34
- }, props), /*#__PURE__*/React.createElement(View, {
35
- sx: {
36
- display: 'flex',
37
- flexDirection: 'row',
38
- alignItems: 'center',
39
- justifyContent: 'center',
40
- columnGap: 1,
41
- visibility: !loading ? 'initial' : 'hidden'
42
- }
43
- }, LeadingIcon ? /*#__PURE__*/React.createElement(LeadingIcon, null) : null, children, TrailingIcon ? /*#__PURE__*/React.createElement(TrailingIcon, null) : null), loading ? /*#__PURE__*/React.createElement(View, {
44
- sx: {
45
- position: 'absolute',
46
- top: 0,
47
- right: 0,
48
- bottom: 0,
49
- left: 0,
50
- display: 'flex',
51
- alignItems: 'center',
52
- justifyContent: 'center'
53
- }
54
- }, /*#__PURE__*/React.createElement(BaseSpinner, {
55
- size: size,
56
- variant: variant
57
- })) : null);
33
+ fillWidth: fillWidth,
34
+ ...props,
35
+ children: [/*#__PURE__*/jsxRuntimeExports.jsxs(View, {
36
+ sx: {
37
+ display: 'flex',
38
+ flexDirection: 'row',
39
+ alignItems: 'center',
40
+ justifyContent: 'center',
41
+ columnGap: 1,
42
+ visibility: !loading ? 'initial' : 'hidden'
43
+ },
44
+ children: [LeadingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingIcon, {}) : null, children, TrailingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingIcon, {}) : null]
45
+ }), loading ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
46
+ sx: {
47
+ position: 'absolute',
48
+ top: 0,
49
+ right: 0,
50
+ bottom: 0,
51
+ left: 0,
52
+ display: 'flex',
53
+ alignItems: 'center',
54
+ justifyContent: 'center'
55
+ },
56
+ children: /*#__PURE__*/jsxRuntimeExports.jsx(BaseSpinner, {
57
+ size: size,
58
+ variant: variant
59
+ })
60
+ }) : null]
61
+ });
58
62
  });
59
63
  const BaseButton = Qe(UnstyledButton)(({
60
64
  $loading,
package/esm/{packages/react-kit/src/core → core}/Chip/index.js RENAMED
@@ -1,10 +1,11 @@
1
- import color from '../../../../token-studio/esm/token/color/index.js';
2
- import radii from '../../../../token-studio/esm/token/radii/index.js';
3
- import typography from '../../../../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';
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 '../../../../../node_modules/@styled-system/variant/dist/index.esm.js';
7
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
8
+ import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
8
9
 
9
10
  const Chip = ({
10
11
  children,
@@ -13,13 +14,14 @@ const Chip = ({
13
14
  leadingIcon: LeadingIcon,
14
15
  trailingIcon: TrailingIcon,
15
16
  sx
16
- }) => /*#__PURE__*/React.createElement(BaseChip, {
17
+ }) => /*#__PURE__*/jsxRuntimeExports.jsxs(BaseChip, {
17
18
  sx: sx,
18
19
  size: size,
19
20
  variant: variant,
20
21
  leadingIcon: LeadingIcon,
21
- trailingIcon: TrailingIcon
22
- }, LeadingIcon ? /*#__PURE__*/React.createElement(LeadingIcon, null) : null, children, TrailingIcon ? /*#__PURE__*/React.createElement(TrailingIcon, null) : null);
22
+ trailingIcon: TrailingIcon,
23
+ children: [LeadingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingIcon, {}) : null, children, TrailingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingIcon, {}) : null]
24
+ });
23
25
  const BaseChip = Qe.span({
24
26
  position: 'relative',
25
27
  width: 'fit-content',
package/esm/{packages/react-kit/src/core → core}/GradientText/index.js RENAMED
@@ -1,4 +1,4 @@
1
- import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
1
+ import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
2
2
  import Text from '../Text/index.js';
3
3
 
4
4
  const GradientText = Qe(Text)`
package/esm/{packages/react-kit/src/core → core}/Grid/index.js RENAMED
@@ -1,13 +1,13 @@
1
- import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import space from '../../../../token-studio/esm/token/space/index.js';
1
+ import space from '../../packages/token-studio/esm/token/space/index.js';
3
2
  import { forwardRef } from 'react';
4
- import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
5
- import '../../../../../node_modules/styled-system/dist/index.esm.js';
3
+ import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
4
+ import '../../node_modules/styled-system/dist/index.esm.js';
6
5
  import { forcePixelValue } from '../../utils/forcePixelValue.js';
7
6
  import { isArray } from '../../utils/isArray.js';
8
7
  import { isNullable } from '../../utils/isNullable.js';
9
8
  import View from '../View/index.js';
10
- import { variant } from '../../../../../node_modules/@styled-system/variant/dist/index.esm.js';
9
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
10
+ import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
11
11
 
12
12
  const Grid = /*#__PURE__*/forwardRef(({
13
13
  children,
@@ -18,13 +18,15 @@ const Grid = /*#__PURE__*/forwardRef(({
18
18
  ...props
19
19
  }, ref) => {
20
20
  const wrap = Array.isArray(propWrap) ? propWrap.map(value => value === true ? 'true' : 'false') : propWrap === true ? 'true' : 'false';
21
- return /*#__PURE__*/React.createElement(BaseGrid, _extends({
21
+ return /*#__PURE__*/jsxRuntimeExports.jsx(BaseGrid, {
22
22
  ref: ref,
23
23
  gapX: gapX,
24
24
  gapY: gapY,
25
25
  wrap: wrap,
26
- as: as
27
- }, props), children);
26
+ as: as,
27
+ ...props,
28
+ children: children
29
+ });
28
30
  });
29
31
  const BaseGrid = Qe(View)({
30
32
  display: 'flex',
@@ -88,16 +90,19 @@ const Unit = ({
88
90
  const percentage = Math.round(size * 100 * 10000) / 10000;
89
91
  return size === 'max' ? '100%' : size === 'min' ? 'none' : `${percentage}%`;
90
92
  };
91
- return /*#__PURE__*/React.createElement(View, _extends({}, mapValueToResponsiveValueProps(size, value => ({
92
- display: value === 0 ? 'none' : 'initial',
93
- flowGrow: getFlexGrowBySize(value),
94
- flex: getFlexBySize(value),
95
- flexBasis: getFlexBasisBySize(value),
96
- width: getWidthBySize(value),
97
- maxWidth: getMaxWidthBySize(value)
98
- })), {
99
- as: as
100
- }, props), children);
93
+ return /*#__PURE__*/jsxRuntimeExports.jsx(View, {
94
+ ...mapValueToResponsiveValueProps(size, value => ({
95
+ display: value === 0 ? 'none' : 'initial',
96
+ flowGrow: getFlexGrowBySize(value),
97
+ flex: getFlexBySize(value),
98
+ flexBasis: getFlexBasisBySize(value),
99
+ width: getWidthBySize(value),
100
+ maxWidth: getMaxWidthBySize(value)
101
+ })),
102
+ as: as,
103
+ ...props,
104
+ children: children
105
+ });
101
106
  };
102
107
  var index = Object.assign(Grid, {
103
108
  Unit
package/esm/{packages/react-kit/src/core → core}/IconButton/index.js RENAMED
@@ -1,12 +1,12 @@
1
- import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import color from '../../../../token-studio/esm/token/color/index.js';
3
- import radii from '../../../../token-studio/esm/token/radii/index.js';
1
+ import color from '../../packages/token-studio/esm/token/color/index.js';
2
+ import radii from '../../packages/token-studio/esm/token/radii/index.js';
4
3
  import { forwardRef } from 'react';
5
- import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
6
- import '../../../../../node_modules/styled-system/dist/index.esm.js';
4
+ import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
5
+ import '../../node_modules/styled-system/dist/index.esm.js';
7
6
  import Spinner from '../Spinner/index.js';
8
7
  import UnstyledButton from '../_UnstyledButton.js';
9
- import { variant } from '../../../../../node_modules/@styled-system/variant/dist/index.esm.js';
8
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
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,
@@ -17,7 +17,7 @@ const IconButton = /*#__PURE__*/forwardRef(({
17
17
  type = 'button',
18
18
  ...props
19
19
  }, ref) => {
20
- return /*#__PURE__*/React.createElement(BaseIconButton, _extends({
20
+ return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconButton, {
21
21
  ref: ref,
22
22
  type: type,
23
23
  icon: Icon,
@@ -25,10 +25,12 @@ const IconButton = /*#__PURE__*/forwardRef(({
25
25
  variant: variant,
26
26
  disabled: disabled || loading,
27
27
  $disabled: disabled,
28
- $loading: loading
29
- }, props), !loading ? /*#__PURE__*/React.createElement(Icon, null) : /*#__PURE__*/React.createElement(Spinner, {
30
- color: 'currentColor'
31
- }));
28
+ $loading: loading,
29
+ ...props,
30
+ children: !loading ? /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}) : /*#__PURE__*/jsxRuntimeExports.jsx(Spinner, {
31
+ color: 'currentColor'
32
+ })
33
+ });
32
34
  });
33
35
  const BaseIconButton = Qe(UnstyledButton)(({
34
36
  $loading,
package/esm/{packages/react-kit/src/core → core}/IconToggleButton/index.js RENAMED
@@ -1,11 +1,11 @@
1
- import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import color from '../../../../token-studio/esm/token/color/index.js';
3
- import radii from '../../../../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';
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 Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
4
+ import '../../node_modules/styled-system/dist/index.esm.js';
6
5
  import { sx } from '../../utils/styled-system/index.js';
7
6
  import UnstyledButton from '../_UnstyledButton.js';
8
- import { variant } from '../../../../../node_modules/@styled-system/variant/dist/index.esm.js';
7
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
8
+ import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
9
9
 
10
10
  const IconToggleButton = ({
11
11
  icon: Icon,
@@ -16,7 +16,7 @@ const IconToggleButton = ({
16
16
  sx,
17
17
  ...props
18
18
  }) => {
19
- return /*#__PURE__*/React.createElement(BaseIconToggleButton, _extends({
19
+ return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconToggleButton, {
20
20
  icon: Icon,
21
21
  size: size,
22
22
  variant: variant,
@@ -24,8 +24,10 @@ const IconToggleButton = ({
24
24
  type: 'button',
25
25
  disabled: disabled,
26
26
  $disabled: disabled,
27
- sx: sx
28
- }, props), /*#__PURE__*/React.createElement(Icon, null));
27
+ sx: sx,
28
+ ...props,
29
+ children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
30
+ });
29
31
  };
30
32
  const BaseIconToggleButton = Qe(UnstyledButton)(({
31
33
  $disabled
package/esm/core/ItemList/index.js ADDED
@@ -0,0 +1,15 @@
1
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
2
+
3
+ const ItemList = ({
4
+ items,
5
+ renderItem,
6
+ renderItemWrapper = children => children,
7
+ emptyState = null
8
+ }) => {
9
+ if (items.length === 0) return emptyState;
10
+ return /*#__PURE__*/jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
11
+ children: items.map((item, i) => renderItemWrapper(renderItem(item, i), item, i))
12
+ });
13
+ };
14
+
15
+ export { ItemList as default };
package/esm/core/Space/index.js ADDED
@@ -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 };
package/esm/{packages/react-kit/src/core → core}/Spinner/index.js RENAMED
@@ -1,7 +1,7 @@
1
1
  import 'react';
2
- import SvgProgressGradient from '../../../../icons/esm/ProgressGradient.js';
3
- import color from '../../../../token-studio/esm/token/color/index.js';
4
- import Qe, { keyframes as nt } from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
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 {
package/esm/{packages/react-kit/src/core → core}/Stack/index.js RENAMED
@@ -1,11 +1,11 @@
1
- import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import space from '../../../../token-studio/esm/token/space/index.js';
1
+ import space from '../../packages/token-studio/esm/token/space/index.js';
3
2
  import { forwardRef } from 'react';
4
- import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
5
- import '../../../../../node_modules/styled-system/dist/index.esm.js';
3
+ import Qe from '../../node_modules/styled-components/dist/styled-components.esm.js';
4
+ import '../../node_modules/styled-system/dist/index.esm.js';
6
5
  import { forcePixelValue } from '../../utils/forcePixelValue.js';
7
6
  import View from '../View/index.js';
8
- import { variant } from '../../../../../node_modules/@styled-system/variant/dist/index.esm.js';
7
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
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,
@@ -13,12 +13,14 @@ const Stack = /*#__PURE__*/forwardRef(({
13
13
  children,
14
14
  alignItems = 'center',
15
15
  ...props
16
- }, ref) => /*#__PURE__*/React.createElement(BaseStack, _extends({
16
+ }, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseStack, {
17
17
  ref: ref,
18
18
  alignItems: alignItems,
19
19
  gapX: gapX,
20
- gapY: gapY
21
- }, props), children));
20
+ gapY: gapY,
21
+ ...props,
22
+ children: children
23
+ }));
22
24
  const BaseStack = Qe(View)({
23
25
  display: 'flex',
24
26
  flexDirection: 'row',
@@ -49,7 +51,10 @@ const BaseStack = Qe(View)({
49
51
  const Item = ({
50
52
  children,
51
53
  ...props
52
- }) => /*#__PURE__*/React.createElement(View, props, children);
54
+ }) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
55
+ ...props,
56
+ children: children
57
+ });
53
58
  var index = Object.assign(Stack, {
54
59
  Item
55
60
  });
package/esm/{packages/react-kit/src/core → core}/StyledIcon/index.js RENAMED
@@ -1,11 +1,12 @@
1
- import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
1
  import View from '../View/index.js';
2
+ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
3
3
 
4
4
  const StyledIcon = ({
5
5
  icon: Icon,
6
6
  sx,
7
7
  ...props
8
- }) => /*#__PURE__*/React.createElement(View, _extends({}, props, {
8
+ }) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
9
+ ...props,
9
10
  color: props.color,
10
11
  sx: {
11
12
  '& svg': {
@@ -14,7 +15,8 @@ const StyledIcon = ({
14
15
  height: '100%'
15
16
  },
16
17
  ...sx
17
- }
18
- }), /*#__PURE__*/React.createElement(Icon, null));
18
+ },
19
+ children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
20
+ });
19
21
 
20
22
  export { StyledIcon as default };
package/esm/{packages/react-kit/src/core → core}/Text/index.js RENAMED
@@ -1,10 +1,10 @@
1
- import typography from '../../../../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';
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 '../../../../../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';
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',
package/esm/core/View/index.js ADDED
@@ -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 };
package/esm/{packages/react-kit/src/core → core}/_UnstyledButton.js RENAMED
@@ -1,4 +1,4 @@
1
- import Qe from '../../../../node_modules/styled-components/dist/styled-components.esm.js';
1
+ import Qe from '../node_modules/styled-components/dist/styled-components.esm.js';
2
2
  import { sx } from '../utils/styled-system/index.js';
3
3
 
4
4
  const UnstyledButton = Qe.button`