@teamturing/react-kit 2.21.4 → 2.21.6

package/dist/index.js

@@ -17183,10 +17183,11 @@ const Button = /*#__PURE__*/React.forwardRef(({
 const BaseButton = styled__default.default(UnstyledButton)(({
   $loading,
   $disabled,
-  fillWidth
+  fillWidth,
+  theme
 }) => ({
   'position': 'relative',
-  'borderRadius': radii.full,
+  'borderRadius': theme.radii.full,
   'backgroundColor': 'black',
   'transition': 'background-color 100ms, color 100ms',
   'cursor': $loading ? 'progress' : $disabled ? 'not-allowed' : 'pointer',
@@ -17196,7 +17197,8 @@ const BaseButton = styled__default.default(UnstyledButton)(({
   }
 }), ({
   leadingIcon,
-  trailingIcon
+  trailingIcon,
+  theme
 }) => variant({
   prop: 'size',
   variants: {
@@ -17206,9 +17208,9 @@ const BaseButton = styled__default.default(UnstyledButton)(({
       'py': 3,
       'height': 'initial',
       'maxHeight': 'initial',
-      'fontSize': typography['s'].fontSize,
-      'fontWeight': typography['s'].fontWeight,
-      'lineHeight': typography['s'].lineHeight,
+      'fontSize': theme.fontSizes.s,
+      'fontWeight': theme.fontWeights.medium,
+      'lineHeight': theme.lineHeights[2],
       '& svg': {
         width: 20,
         height: 20
@@ -17220,9 +17222,9 @@ const BaseButton = styled__default.default(UnstyledButton)(({
       'py': 2,
       'height': 'initial',
       'maxHeight': 'initial',
-      'fontSize': typography['xs'].fontSize,
-      'fontWeight': typography['xs'].fontWeight,
-      'lineHeight': typography['xs'].lineHeight,
+      'fontSize': theme.fontSizes.xs,
+      'fontWeight': theme.fontWeights.medium,
+      'lineHeight': theme.lineHeights[2],
       '& svg': {
         width: 16,
         height: 16
@@ -17234,9 +17236,9 @@ const BaseButton = styled__default.default(UnstyledButton)(({
       'py': 0,
       'height': 32,
       'maxHeight': 32,
-      'fontSize': typography['xxs'].fontSize,
-      'fontWeight': typography['xxs'].fontWeight,
-      'lineHeight': typography['xxs'].lineHeight,
+      'fontSize': theme.fontSizes.xxs,
+      'fontWeight': theme.fontWeights.medium,
+      'lineHeight': theme.lineHeights[2],
       '& svg': {
         width: 12,
         height: 12
@@ -17244,93 +17246,94 @@ const BaseButton = styled__default.default(UnstyledButton)(({
     }
   }
 }), ({
-  $disabled
+  $disabled,
+  theme
 }) => variant({
   prop: 'variant',
   variants: {
     primary: {
-      'backgroundColor': color$1['bg/primary'],
-      'color': color$1['text/inverse'],
+      'backgroundColor': theme.colors['bg/primary'],
+      'color': theme.colors['text/inverse'],
       '& svg': {
-        color: color$1['icon/inverse']
+        color: theme.colors['icon/inverse']
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color$1['bg/primary/hovered']
+        backgroundColor: theme.colors['bg/primary/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color$1['bg/primary/pressed']
+        backgroundColor: theme.colors['bg/primary/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color$1['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color$1['bg/disabled'],
-        'color': color$1['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color$1['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     },
     secondary: {
-      'backgroundColor': color$1['bg/secondary'],
-      'color': color$1['text/primary'],
+      'backgroundColor': theme.colors['bg/secondary'],
+      'color': theme.colors['text/primary'],
       '& svg': {
-        color: color$1['icon/primary']
+        color: theme.colors['icon/primary']
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color$1['bg/secondary/hovered']
+        backgroundColor: theme.colors['bg/secondary/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color$1['bg/secondary/pressed']
+        backgroundColor: theme.colors['bg/secondary/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color$1['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color$1['bg/disabled'],
-        'color': color$1['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color$1['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     },
     neutral: {
-      'backgroundColor': color$1['bg/neutral'],
-      'color': color$1['text/neutral'],
+      'backgroundColor': theme.colors['bg/neutral'],
+      'color': theme.colors['text/neutral'],
       '& svg': {
-        color: color$1['icon/accent/gray']
+        color: theme.colors['icon/accent/gray']
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color$1['bg/neutral/hovered']
+        backgroundColor: theme.colors['bg/neutral/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color$1['bg/neutral/pressed']
+        backgroundColor: theme.colors['bg/neutral/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color$1['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color$1['bg/disabled'],
-        'color': color$1['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color$1['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     },
     outlined: {
-      'backgroundColor': color$1['bg/neutral/subtler'],
-      'color': color$1['text/neutral/subtle'],
+      'backgroundColor': theme.colors['bg/neutral/subtler'],
+      'color': theme.colors['text/neutral/subtle'],
       '& svg': {
-        color: color$1['icon/neutral/bolder']
+        color: theme.colors['icon/neutral/bolder']
       },
       '&:after': {
         content: '""',
@@ -17341,27 +17344,27 @@ const BaseButton = styled__default.default(UnstyledButton)(({
         left: 0,
         borderWidth: 1,
         borderStyle: 'solid',
-        borderColor: color$1['border/neutral/bolder'],
-        borderRadius: radii.full,
+        borderColor: theme.colors['border/neutral/bolder'],
+        borderRadius: theme.radii.full,
         boxSizing: 'border-box'
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color$1['bg/neutral/subtler/hovered']
+        backgroundColor: theme.colors['bg/neutral/subtler/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color$1['bg/neutral/subtler/pressed']
+        backgroundColor: theme.colors['bg/neutral/subtler/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color$1['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color$1['bg/disabled'],
-        'color': color$1['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color$1['icon/disabled']
+          color: theme.colors['icon/disabled']
         },
         '&:after': {
           display: 'none'
@@ -17369,60 +17372,60 @@ const BaseButton = styled__default.default(UnstyledButton)(({
       } : {})
     },
     plain: {
-      'backgroundColor': color$1['bg/neutral/subtler'],
-      'color': color$1['text/neutral/subtle'],
+      'backgroundColor': theme.colors['bg/neutral/subtler'],
+      'color': theme.colors['text/neutral/subtle'],
       '& svg': {
-        color: color$1['icon/neutral/bolder']
+        color: theme.colors['icon/neutral/bolder']
       },
       '&:hover:not(:disabled)': {
-        'color': color$1['text/neutral'],
+        'color': theme.colors['text/neutral'],
         '& svg': {
-          color: color$1['icon/accent/gray']
+          color: theme.colors['icon/accent/gray']
         }
       },
       '&:active:not(:disabled)': {
-        'color': color$1['text/neutral'],
+        'color': theme.colors['text/neutral'],
         '& svg': {
-          color: color$1['icon/accent/gray']
+          color: theme.colors['icon/accent/gray']
         }
       },
       '&:focus-visible': {
-        outlineColor: color$1['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color$1['bg/disabled/subtlest'],
-        'color': color$1['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled/subtlest'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color$1['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     },
     danger: {
-      'backgroundColor': color$1['bg/danger/bold'],
-      'color': color$1['text/inverse'],
+      'backgroundColor': theme.colors['bg/danger/bold'],
+      'color': theme.colors['text/inverse'],
       '& svg': {
-        color: color$1['icon/inverse']
+        color: theme.colors['icon/inverse']
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color$1['bg/danger/bold/hovered']
+        backgroundColor: theme.colors['bg/danger/bold/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color$1['bg/danger/bold/pressed']
+        backgroundColor: theme.colors['bg/danger/bold/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color$1['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color$1['bg/disabled'],
-        'color': color$1['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color$1['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     }
@@ -17444,26 +17447,28 @@ const BaseSpinner = styled__default.default(Spinner)(variant({
       height: 16
     }
   }
-}), variant({
+}), ({
+  theme
+}) => variant({
   prop: 'variant',
   variants: {
     primary: {
-      color: color$1['icon/inverse']
+      color: theme.colors['icon/inverse']
     },
     secondary: {
-      color: color$1['icon/primary']
+      color: theme.colors['icon/primary']
     },
     neutral: {
-      color: color$1['icon/accent/gray']
+      color: theme.colors['icon/accent/gray']
     },
     outlined: {
-      color: color$1['icon/neutral/bolder']
+      color: theme.colors['icon/neutral/bolder']
     },
     plain: {
-      color: color$1['icon/neutral/bolder']
+      color: theme.colors['icon/neutral/bolder']
     },
     danger: {
-      color: color$1['icon/inverse']
+      color: theme.colors['icon/inverse']
     }
   }
 }));

package/esm/core/Button/index.js

@@ -1,6 +1,3 @@
-import color from '../../packages/token-studio/esm/token/color/index.js';
-import radii from '../../packages/token-studio/esm/token/radii/index.js';
-import typography from '../../packages/token-studio/esm/token/typography/index.js';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
@@ -65,10 +62,11 @@ const Button = /*#__PURE__*/forwardRef(({
 const BaseButton = styled(UnstyledButton)(({
   $loading,
   $disabled,
-  fillWidth
+  fillWidth,
+  theme
 }) => ({
   'position': 'relative',
-  'borderRadius': radii.full,
+  'borderRadius': theme.radii.full,
   'backgroundColor': 'black',
   'transition': 'background-color 100ms, color 100ms',
   'cursor': $loading ? 'progress' : $disabled ? 'not-allowed' : 'pointer',
@@ -78,7 +76,8 @@ const BaseButton = styled(UnstyledButton)(({
   }
 }), ({
   leadingIcon,
-  trailingIcon
+  trailingIcon,
+  theme
 }) => variant({
   prop: 'size',
   variants: {
@@ -88,9 +87,9 @@ const BaseButton = styled(UnstyledButton)(({
       'py': 3,
       'height': 'initial',
       'maxHeight': 'initial',
-      'fontSize': typography['s'].fontSize,
-      'fontWeight': typography['s'].fontWeight,
-      'lineHeight': typography['s'].lineHeight,
+      'fontSize': theme.fontSizes.s,
+      'fontWeight': theme.fontWeights.medium,
+      'lineHeight': theme.lineHeights[2],
       '& svg': {
         width: 20,
         height: 20
@@ -102,9 +101,9 @@ const BaseButton = styled(UnstyledButton)(({
       'py': 2,
       'height': 'initial',
       'maxHeight': 'initial',
-      'fontSize': typography['xs'].fontSize,
-      'fontWeight': typography['xs'].fontWeight,
-      'lineHeight': typography['xs'].lineHeight,
+      'fontSize': theme.fontSizes.xs,
+      'fontWeight': theme.fontWeights.medium,
+      'lineHeight': theme.lineHeights[2],
       '& svg': {
         width: 16,
         height: 16
@@ -116,9 +115,9 @@ const BaseButton = styled(UnstyledButton)(({
       'py': 0,
       'height': 32,
       'maxHeight': 32,
-      'fontSize': typography['xxs'].fontSize,
-      'fontWeight': typography['xxs'].fontWeight,
-      'lineHeight': typography['xxs'].lineHeight,
+      'fontSize': theme.fontSizes.xxs,
+      'fontWeight': theme.fontWeights.medium,
+      'lineHeight': theme.lineHeights[2],
       '& svg': {
         width: 12,
         height: 12
@@ -126,93 +125,94 @@ const BaseButton = styled(UnstyledButton)(({
     }
   }
 }), ({
-  $disabled
+  $disabled,
+  theme
 }) => variant({
   prop: 'variant',
   variants: {
     primary: {
-      'backgroundColor': color['bg/primary'],
-      'color': color['text/inverse'],
+      'backgroundColor': theme.colors['bg/primary'],
+      'color': theme.colors['text/inverse'],
       '& svg': {
-        color: color['icon/inverse']
+        color: theme.colors['icon/inverse']
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color['bg/primary/hovered']
+        backgroundColor: theme.colors['bg/primary/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color['bg/primary/pressed']
+        backgroundColor: theme.colors['bg/primary/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color['bg/disabled'],
-        'color': color['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     },
     secondary: {
-      'backgroundColor': color['bg/secondary'],
-      'color': color['text/primary'],
+      'backgroundColor': theme.colors['bg/secondary'],
+      'color': theme.colors['text/primary'],
       '& svg': {
-        color: color['icon/primary']
+        color: theme.colors['icon/primary']
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color['bg/secondary/hovered']
+        backgroundColor: theme.colors['bg/secondary/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color['bg/secondary/pressed']
+        backgroundColor: theme.colors['bg/secondary/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color['bg/disabled'],
-        'color': color['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     },
     neutral: {
-      'backgroundColor': color['bg/neutral'],
-      'color': color['text/neutral'],
+      'backgroundColor': theme.colors['bg/neutral'],
+      'color': theme.colors['text/neutral'],
       '& svg': {
-        color: color['icon/accent/gray']
+        color: theme.colors['icon/accent/gray']
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color['bg/neutral/hovered']
+        backgroundColor: theme.colors['bg/neutral/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color['bg/neutral/pressed']
+        backgroundColor: theme.colors['bg/neutral/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color['bg/disabled'],
-        'color': color['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     },
     outlined: {
-      'backgroundColor': color['bg/neutral/subtler'],
-      'color': color['text/neutral/subtle'],
+      'backgroundColor': theme.colors['bg/neutral/subtler'],
+      'color': theme.colors['text/neutral/subtle'],
       '& svg': {
-        color: color['icon/neutral/bolder']
+        color: theme.colors['icon/neutral/bolder']
       },
       '&:after': {
         content: '""',
@@ -223,27 +223,27 @@ const BaseButton = styled(UnstyledButton)(({
         left: 0,
         borderWidth: 1,
         borderStyle: 'solid',
-        borderColor: color['border/neutral/bolder'],
-        borderRadius: radii.full,
+        borderColor: theme.colors['border/neutral/bolder'],
+        borderRadius: theme.radii.full,
         boxSizing: 'border-box'
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color['bg/neutral/subtler/hovered']
+        backgroundColor: theme.colors['bg/neutral/subtler/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color['bg/neutral/subtler/pressed']
+        backgroundColor: theme.colors['bg/neutral/subtler/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color['bg/disabled'],
-        'color': color['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color['icon/disabled']
+          color: theme.colors['icon/disabled']
         },
         '&:after': {
           display: 'none'
@@ -251,60 +251,60 @@ const BaseButton = styled(UnstyledButton)(({
       } : {})
     },
     plain: {
-      'backgroundColor': color['bg/neutral/subtler'],
-      'color': color['text/neutral/subtle'],
+      'backgroundColor': theme.colors['bg/neutral/subtler'],
+      'color': theme.colors['text/neutral/subtle'],
       '& svg': {
-        color: color['icon/neutral/bolder']
+        color: theme.colors['icon/neutral/bolder']
       },
       '&:hover:not(:disabled)': {
-        'color': color['text/neutral'],
+        'color': theme.colors['text/neutral'],
         '& svg': {
-          color: color['icon/accent/gray']
+          color: theme.colors['icon/accent/gray']
         }
       },
       '&:active:not(:disabled)': {
-        'color': color['text/neutral'],
+        'color': theme.colors['text/neutral'],
         '& svg': {
-          color: color['icon/accent/gray']
+          color: theme.colors['icon/accent/gray']
         }
       },
       '&:focus-visible': {
-        outlineColor: color['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color['bg/disabled/subtlest'],
-        'color': color['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled/subtlest'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     },
     danger: {
-      'backgroundColor': color['bg/danger/bold'],
-      'color': color['text/inverse'],
+      'backgroundColor': theme.colors['bg/danger/bold'],
+      'color': theme.colors['text/inverse'],
       '& svg': {
-        color: color['icon/inverse']
+        color: theme.colors['icon/inverse']
       },
       '&:hover:not(:disabled)': {
-        backgroundColor: color['bg/danger/bold/hovered']
+        backgroundColor: theme.colors['bg/danger/bold/hovered']
       },
       '&:active:not(:disabled)': {
-        backgroundColor: color['bg/danger/bold/pressed']
+        backgroundColor: theme.colors['bg/danger/bold/pressed']
       },
       '&:focus-visible': {
-        outlineColor: color['border/focused'],
+        outlineColor: theme.colors['border/focused'],
         outlineStyle: 'solid',
         outlineWidth: 2,
         outlineOffset: 2
       },
       ...($disabled ? {
-        'backgroundColor': color['bg/disabled'],
-        'color': color['text/disabled'],
+        'backgroundColor': theme.colors['bg/disabled'],
+        'color': theme.colors['text/disabled'],
         '& svg': {
-          color: color['icon/disabled']
+          color: theme.colors['icon/disabled']
         }
       } : {})
     }
@@ -326,26 +326,28 @@ const BaseSpinner = styled(Spinner)(variant({
       height: 16
     }
   }
-}), variant({
+}), ({
+  theme
+}) => variant({
   prop: 'variant',
   variants: {
     primary: {
-      color: color['icon/inverse']
+      color: theme.colors['icon/inverse']
     },
     secondary: {
-      color: color['icon/primary']
+      color: theme.colors['icon/primary']
     },
     neutral: {
-      color: color['icon/accent/gray']
+      color: theme.colors['icon/accent/gray']
     },
     outlined: {
-      color: color['icon/neutral/bolder']
+      color: theme.colors['icon/neutral/bolder']
     },
     plain: {
-      color: color['icon/neutral/bolder']
+      color: theme.colors['icon/neutral/bolder']
     },
     danger: {
-      color: color['icon/inverse']
+      color: theme.colors['icon/inverse']
     }
   }
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.21.4",
+  "version": "2.21.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",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "33f8f649b6d3fdb30fac8ae1171a4ca54aae7990"
+  "gitHead": "75256eb184a6e69f6e8c61d6d4927ba0ee501e26"
 }