@teamturing/react-kit 1.2.5 → 1.2.7
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/index.js +22 -18
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -3,7 +3,10 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var styled = require('styled-components');
|
|
5
5
|
|
|
6
|
-
function
|
|
6
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
function _interopNamespace(e) {
|
|
9
|
+
if (e && e.__esModule) return e;
|
|
7
10
|
var n = Object.create(null);
|
|
8
11
|
if (e) {
|
|
9
12
|
Object.keys(e).forEach(function (k) {
|
|
@@ -20,7 +23,8 @@ function _interopNamespaceDefault(e) {
|
|
|
20
23
|
return Object.freeze(n);
|
|
21
24
|
}
|
|
22
25
|
|
|
23
|
-
var React__namespace = /*#__PURE__*/
|
|
26
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
27
|
+
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
24
28
|
|
|
25
29
|
const gray = {
|
|
26
30
|
gray50: '#F9FAFB',
|
|
@@ -1631,7 +1635,7 @@ const spin = styled.keyframes`
|
|
|
1631
1635
|
transform: rotate(360deg);
|
|
1632
1636
|
}
|
|
1633
1637
|
`;
|
|
1634
|
-
const Spinner =
|
|
1638
|
+
const Spinner = styled__default.default(SvgProgressGradient)`
|
|
1635
1639
|
animation: ${spin} 1000ms infinite steps(8, end);
|
|
1636
1640
|
`;
|
|
1637
1641
|
Spinner.defaultProps = {
|
|
@@ -1662,12 +1666,12 @@ const wordBreak = system({
|
|
|
1662
1666
|
}
|
|
1663
1667
|
});
|
|
1664
1668
|
|
|
1665
|
-
const View =
|
|
1669
|
+
const View = styled__default.default.div`
|
|
1666
1670
|
${compose(layout, color, flexbox, background, border, position, shadow)}
|
|
1667
1671
|
${sx}
|
|
1668
1672
|
`;
|
|
1669
1673
|
|
|
1670
|
-
const UnstyledButton =
|
|
1674
|
+
const UnstyledButton = styled__default.default.button`
|
|
1671
1675
|
background: none;
|
|
1672
1676
|
border: 0;
|
|
1673
1677
|
padding: 0;
|
|
@@ -1694,7 +1698,7 @@ var hasRequiredReactJsxRuntime_production_min;
|
|
|
1694
1698
|
function requireReactJsxRuntime_production_min() {
|
|
1695
1699
|
if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
|
|
1696
1700
|
hasRequiredReactJsxRuntime_production_min = 1;
|
|
1697
|
-
var f =
|
|
1701
|
+
var f = React__namespace.default,
|
|
1698
1702
|
k = Symbol.for("react.element"),
|
|
1699
1703
|
l = Symbol.for("react.fragment"),
|
|
1700
1704
|
m = Object.prototype.hasOwnProperty,
|
|
@@ -1748,7 +1752,7 @@ function requireReactJsxRuntime_development() {
|
|
|
1748
1752
|
if (process.env.NODE_ENV !== "production") {
|
|
1749
1753
|
(function () {
|
|
1750
1754
|
|
|
1751
|
-
var React
|
|
1755
|
+
var React = React__namespace.default;
|
|
1752
1756
|
|
|
1753
1757
|
// ATTENTION
|
|
1754
1758
|
// When adding new symbols to this file,
|
|
@@ -1779,7 +1783,7 @@ function requireReactJsxRuntime_development() {
|
|
|
1779
1783
|
}
|
|
1780
1784
|
return null;
|
|
1781
1785
|
}
|
|
1782
|
-
var ReactSharedInternals = React
|
|
1786
|
+
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
1783
1787
|
function error(format) {
|
|
1784
1788
|
{
|
|
1785
1789
|
{
|
|
@@ -2925,7 +2929,7 @@ const Button = /*#__PURE__*/React.forwardRef(({
|
|
|
2925
2929
|
}) : null]
|
|
2926
2930
|
});
|
|
2927
2931
|
});
|
|
2928
|
-
const BaseButton =
|
|
2932
|
+
const BaseButton = styled__default.default(UnstyledButton)(({
|
|
2929
2933
|
$loading,
|
|
2930
2934
|
$disabled,
|
|
2931
2935
|
fillWidth
|
|
@@ -3173,7 +3177,7 @@ const BaseButton = styled(UnstyledButton)(({
|
|
|
3173
3177
|
}
|
|
3174
3178
|
}
|
|
3175
3179
|
}));
|
|
3176
|
-
const BaseSpinner =
|
|
3180
|
+
const BaseSpinner = styled__default.default(Spinner)(variant({
|
|
3177
3181
|
prop: 'size',
|
|
3178
3182
|
variants: {
|
|
3179
3183
|
l: {
|
|
@@ -3228,7 +3232,7 @@ const Chip = ({
|
|
|
3228
3232
|
trailingIcon: TrailingIcon,
|
|
3229
3233
|
children: [LeadingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingIcon, {}) : null, children, TrailingIcon ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingIcon, {}) : null]
|
|
3230
3234
|
});
|
|
3231
|
-
const BaseChip =
|
|
3235
|
+
const BaseChip = styled__default.default.span({
|
|
3232
3236
|
position: 'relative',
|
|
3233
3237
|
width: 'fit-content',
|
|
3234
3238
|
borderRadius: radii.full,
|
|
@@ -3384,7 +3388,7 @@ const BaseChip = styled.span({
|
|
|
3384
3388
|
}
|
|
3385
3389
|
}), sx);
|
|
3386
3390
|
|
|
3387
|
-
const Text =
|
|
3391
|
+
const Text = styled__default.default.span({
|
|
3388
3392
|
'display': 'block',
|
|
3389
3393
|
'whiteSpace': 'pre-wrap',
|
|
3390
3394
|
'& > span': {
|
|
@@ -3424,7 +3428,7 @@ Text.defaultProps = {
|
|
|
3424
3428
|
color: 'text/neutral'
|
|
3425
3429
|
};
|
|
3426
3430
|
|
|
3427
|
-
const GradientText =
|
|
3431
|
+
const GradientText = styled__default.default(Text)`
|
|
3428
3432
|
background: ${({
|
|
3429
3433
|
theme
|
|
3430
3434
|
}) => `linear-gradient(${theme.gradients['text/accent']})`};
|
|
@@ -3463,7 +3467,7 @@ const Grid = /*#__PURE__*/React.forwardRef(({
|
|
|
3463
3467
|
children: children
|
|
3464
3468
|
});
|
|
3465
3469
|
});
|
|
3466
|
-
const BaseGrid =
|
|
3470
|
+
const BaseGrid = styled__default.default(View)({
|
|
3467
3471
|
display: 'flex',
|
|
3468
3472
|
flexDirection: 'row'
|
|
3469
3473
|
}, variant({
|
|
@@ -3567,7 +3571,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
|
|
|
3567
3571
|
})
|
|
3568
3572
|
});
|
|
3569
3573
|
});
|
|
3570
|
-
const BaseIconButton =
|
|
3574
|
+
const BaseIconButton = styled__default.default(UnstyledButton)(({
|
|
3571
3575
|
$loading,
|
|
3572
3576
|
$disabled
|
|
3573
3577
|
}) => ({
|
|
@@ -3768,7 +3772,7 @@ const IconToggleButton = ({
|
|
|
3768
3772
|
children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
|
|
3769
3773
|
});
|
|
3770
3774
|
};
|
|
3771
|
-
const BaseIconToggleButton =
|
|
3775
|
+
const BaseIconToggleButton = styled__default.default(UnstyledButton)(({
|
|
3772
3776
|
$disabled
|
|
3773
3777
|
}) => ({
|
|
3774
3778
|
'position': 'relative',
|
|
@@ -3855,7 +3859,7 @@ const ItemList = ({
|
|
|
3855
3859
|
});
|
|
3856
3860
|
};
|
|
3857
3861
|
|
|
3858
|
-
const Space =
|
|
3862
|
+
const Space = styled__default.default.div`
|
|
3859
3863
|
width: inherit;
|
|
3860
3864
|
${space};
|
|
3861
3865
|
${sx}
|
|
@@ -3875,7 +3879,7 @@ const Stack = /*#__PURE__*/React.forwardRef(({
|
|
|
3875
3879
|
...props,
|
|
3876
3880
|
children: children
|
|
3877
3881
|
}));
|
|
3878
|
-
const BaseStack =
|
|
3882
|
+
const BaseStack = styled__default.default(View)({
|
|
3879
3883
|
display: 'flex',
|
|
3880
3884
|
flexDirection: 'row',
|
|
3881
3885
|
flexWrap: 'wrap'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.7",
|
|
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",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"@teamturing/token-studio": "^1.1.6",
|
|
52
52
|
"styled-system": "^5.1.5"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "7677113cda1c0559a4706fb02af94177985bd1ff"
|
|
55
55
|
}
|