@teamturing/react-kit 1.1.5 → 1.1.6

package/dist/core/Grid/index.d.ts

@@ -13,8 +13,8 @@ type GridUnitProps = {
     size: ResponsiveValue<UnitSizeType>;
 } & Pick<ViewProps, 'order' | 'sx'> & AsProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
-    gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | 28 | 30 | 40 | 48 | 50 | 80 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25> | undefined;
-    gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | 28 | 30 | 40 | 48 | 50 | 80 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25> | undefined;
+    gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
+    gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
     wrap?: ResponsiveValue<boolean> | undefined;
 } & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
     children?: import("react").ReactNode;

package/dist/core/Stack/index.d.ts

@@ -8,8 +8,8 @@ type Props = {
     gapY?: ResponsiveValue<SpaceKey>;
 } & Pick<ViewProps, 'alignItems' | 'justifyContent' | 'sx'> & AsProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
-    gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | 28 | 30 | 40 | 48 | 50 | 80 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25> | undefined;
-    gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | 28 | 30 | 40 | 48 | 50 | 80 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25> | undefined;
+    gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
+    gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
 } & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>> & {

package/dist/index.js

@@ -395,23 +395,6 @@ const fontSize$1 = {
   fontSize1300: 100
 };
 
-const fontWeight$1 = {
-  fontWeight100: 100,
-  fontWeight200: 200,
-  fontWeight300: 300,
-  fontWeight400: 400,
-  fontWeight500: 500,
-  fontWeight600: 600,
-  fontWeight700: 700,
-  fontWeight800: 800,
-  fontWeight900: 900
-};
-
-const lineHeight$1 = {
-  lineHeight1: 1.4,
-  lineHeight2: 1.5
-};
-
 const fontSizes = {
   xxs: fontSize$1.fontSize100,
   xs: fontSize$1.fontSize200,
@@ -426,12 +409,29 @@ const fontSizes = {
   display1: fontSize$1.fontSize1300
 };
 
+const fontWeight$1 = {
+  fontWeight100: 100,
+  fontWeight200: 200,
+  fontWeight300: 300,
+  fontWeight400: 400,
+  fontWeight500: 500,
+  fontWeight600: 600,
+  fontWeight700: 700,
+  fontWeight800: 800,
+  fontWeight900: 900
+};
+
 const fontWeights = {
   regular: fontWeight$1.fontWeight400,
   medium: fontWeight$1.fontWeight500,
   bold: fontWeight$1.fontWeight700
 };
 
+const lineHeight$1 = {
+  lineHeight1: 1.4,
+  lineHeight2: 1.5
+};
+
 const lineHeights = {
   1: lineHeight$1.lineHeight1,
   2: lineHeight$1.lineHeight2
@@ -2884,8 +2884,8 @@ var shadow = system({
   }
 });
 
-function _extends$1() {
-  _extends$1 = Object.assign || function (target) {
+function _extends$2() {
+  _extends$2 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -2896,7 +2896,7 @@ function _extends$1() {
     }
     return target;
   };
-  return _extends$1.apply(this, arguments);
+  return _extends$2.apply(this, arguments);
 }
 
 // based on https://github.com/developit/dlv
@@ -3022,7 +3022,7 @@ var positiveOrNegative = function positiveOrNegative(scale, value) {
 };
 var transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'top', 'bottom', 'left', 'right'].reduce(function (acc, curr) {
   var _extends2;
-  return _extends$1({}, acc, (_extends2 = {}, _extends2[curr] = positiveOrNegative, _extends2));
+  return _extends$2({}, acc, (_extends2 = {}, _extends2[curr] = positiveOrNegative, _extends2));
 }, {});
 var responsive = function responsive(styles) {
   return function (theme) {
@@ -3057,7 +3057,7 @@ var css = function css(args) {
     if (props === void 0) {
       props = {};
     }
-    var theme = _extends$1({}, defaultTheme, {}, props.theme || props);
+    var theme = _extends$2({}, defaultTheme, {}, props.theme || props);
     var result = {};
     var obj = typeof args === 'function' ? args(theme) : args;
     var styles = responsive(obj)(theme);
@@ -3066,7 +3066,7 @@ var css = function css(args) {
       var val = typeof x === 'function' ? x(theme) : x;
       if (key === 'variant') {
         var variant = css(get(theme, val))(theme);
-        result = _extends$1({}, result, {}, variant);
+        result = _extends$2({}, result, {}, variant);
         continue;
       }
       if (val && typeof val === 'object') {
@@ -3432,8 +3432,8 @@ const GradientText = Qe(Text)`
   -webkit-text-fill-color: transparent;
 `;
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -3444,7 +3444,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 /**
@@ -3472,7 +3472,7 @@ const Grid = /*#__PURE__*/React$1.forwardRef(({
   ...props
 }, ref) => {
   const wrap = Array.isArray(propWrap) ? propWrap.map(value => value === true ? 'true' : 'false') : propWrap === true ? 'true' : 'false';
-  return /*#__PURE__*/React.createElement(BaseGrid, _extends({
+  return /*#__PURE__*/React.createElement(BaseGrid, _extends$1({
     ref: ref,
     gapX: gapX,
     gapY: gapY,
@@ -3542,7 +3542,7 @@ const Unit = ({
     const percentage = Math.round(size * 100 * 10000) / 10000;
     return size === 'max' ? '100%' : size === 'min' ? 'none' : `${percentage}%`;
   };
-  return /*#__PURE__*/React.createElement(View, _extends({}, mapValueToResponsiveValueProps(size, value => ({
+  return /*#__PURE__*/React.createElement(View, _extends$1({}, mapValueToResponsiveValueProps(size, value => ({
     display: value === 0 ? 'none' : 'initial',
     flowGrow: getFlexGrowBySize(value),
     flex: getFlexBySize(value),
@@ -3557,6 +3557,21 @@ var index$1 = Object.assign(Grid, {
   Unit
 });
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 const SvgProgressGradient = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -3630,7 +3645,7 @@ const IconButton = /*#__PURE__*/React$1.forwardRef(({
   type = 'button',
   ...props
 }, ref) => {
-  return /*#__PURE__*/React.createElement(BaseIconButton, _extends({
+  return /*#__PURE__*/React.createElement(BaseIconButton, _extends$1({
     ref: ref,
     type: type,
     icon: Icon,
@@ -3831,7 +3846,7 @@ const IconToggleButton = ({
   sx,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(BaseIconToggleButton, _extends({
+  return /*#__PURE__*/React.createElement(BaseIconToggleButton, _extends$1({
     icon: Icon,
     size: size,
     variant: variant,
@@ -3939,7 +3954,7 @@ const Stack = /*#__PURE__*/React$1.forwardRef(({
   children,
   alignItems = 'center',
   ...props
-}, ref) => /*#__PURE__*/React.createElement(BaseStack, _extends({
+}, ref) => /*#__PURE__*/React.createElement(BaseStack, _extends$1({
   ref: ref,
   alignItems: alignItems,
   gapX: gapX,
@@ -3984,7 +3999,7 @@ const StyledIcon = ({
   icon: Icon,
   sx,
   ...props
-}) => /*#__PURE__*/React.createElement(View, _extends({}, props, {
+}) => /*#__PURE__*/React.createElement(View, _extends$1({}, props, {
   color: props.color,
   sx: {
     '& svg': {

package/esm/packages/icons/{src → esm}/ProgressGradient.js

@@ -1,4 +1,4 @@
-import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 
 const SvgProgressGradient = props => /*#__PURE__*/React.createElement("svg", _extends({

package/esm/packages/icons/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,16 @@
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+export { _extends as extends };

package/esm/packages/react-kit/src/core/Chip/index.js

@@ -1,6 +1,6 @@
-import color from '../../../../token-studio/src/token/color/index.js';
-import radii from '../../../../token-studio/src/token/radii/index.js';
-import typography from '../../../../token-studio/src/token/typography/index.js';
+import color from '../../../../token-studio/esm/token/color/index.js';
+import radii from '../../../../token-studio/esm/token/radii/index.js';
+import typography from '../../../../token-studio/esm/token/typography/index.js';
 import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
 import '../../../../../node_modules/styled-system/dist/index.esm.js';
 import { sx } from '../../utils/styled-system/index.js';

package/esm/packages/react-kit/src/core/Grid/index.js

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import space from '../../../../token-studio/src/token/space/index.js';
+import space from '../../../../token-studio/esm/token/space/index.js';
 import { forwardRef } from 'react';
 import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
 import '../../../../../node_modules/styled-system/dist/index.esm.js';

package/esm/packages/react-kit/src/core/IconButton/index.js

@@ -1,6 +1,6 @@
 import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import color from '../../../../token-studio/src/token/color/index.js';
-import radii from '../../../../token-studio/src/token/radii/index.js';
+import color from '../../../../token-studio/esm/token/color/index.js';
+import radii from '../../../../token-studio/esm/token/radii/index.js';
 import { forwardRef } from 'react';
 import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
 import '../../../../../node_modules/styled-system/dist/index.esm.js';

package/esm/packages/react-kit/src/core/IconToggleButton/index.js

@@ -1,6 +1,6 @@
 import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import color from '../../../../token-studio/src/token/color/index.js';
-import radii from '../../../../token-studio/src/token/radii/index.js';
+import color from '../../../../token-studio/esm/token/color/index.js';
+import radii from '../../../../token-studio/esm/token/radii/index.js';
 import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
 import '../../../../../node_modules/styled-system/dist/index.esm.js';
 import { sx } from '../../utils/styled-system/index.js';

package/esm/packages/react-kit/src/core/Spinner/index.js

@@ -1,6 +1,6 @@
 import 'react';
-import SvgProgressGradient from '../../../../icons/src/ProgressGradient.js';
-import color from '../../../../token-studio/src/token/color/index.js';
+import SvgProgressGradient from '../../../../icons/esm/ProgressGradient.js';
+import color from '../../../../token-studio/esm/token/color/index.js';
 import Qe, { keyframes as nt } from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
 
 const spin = nt`

package/esm/packages/react-kit/src/core/Stack/index.js

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import space from '../../../../token-studio/src/token/space/index.js';
+import space from '../../../../token-studio/esm/token/space/index.js';
 import { forwardRef } from 'react';
 import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
 import '../../../../../node_modules/styled-system/dist/index.esm.js';

package/esm/packages/react-kit/src/core/Text/index.js

@@ -1,4 +1,4 @@
-import typography from '../../../../token-studio/src/token/typography/index.js';
+import typography from '../../../../token-studio/esm/token/typography/index.js';
 import Qe from '../../../../../node_modules/styled-components/dist/styled-components.esm.js';
 import { fontSize, fontWeight, lineHeight, textAlign } from '../../../../../node_modules/styled-system/dist/index.esm.js';
 import { sx, wordBreak, whiteSpace, textDecoration } from '../../utils/styled-system/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -11,8 +11,9 @@
     "esm"
   ],
   "exports": {
-    "require": "./src/index.ts",
-    "import": "./src/index.ts"
+    "require": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "import": "./esm/index.js"
   },
   "repository": {
     "type": "git",
@@ -44,8 +45,8 @@
     "styled-system": "^5.1.5"
   },
   "dependencies": {
-    "@teamturing/icons": "^1.17.5",
-    "@teamturing/token-studio": "^1.1.5"
+    "@teamturing/icons": "^1.17.6",
+    "@teamturing/token-studio": "^1.1.6"
   },
-  "gitHead": "feca6a32202c553c53ef2870fa2e374009b737ef"
+  "gitHead": "4ea806dbd2292b60bade45b006c20df693b47e7a"
 }