@teamturing/react-kit 2.21.5 → 2.21.7

package/esm/core/TextInput/index.js

@@ -1,11 +1,9 @@
-import color from '../../packages/token-studio/esm/token/color/index.js';
-import '../../packages/token-studio/esm/token/typography/index.js';
 import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
 import { isFunction } from '../../packages/utils/esm/isFunction.js';
 import { isNullable } from '../../packages/utils/esm/isNullable.js';
 import { forwardRef, cloneElement } from 'react';
 import { r as reactIsExports } from '../../node_modules/react-is/index.js';
-import styled, { css } from 'styled-components';
+import styled, { css, useTheme } from 'styled-components';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.js';
 import View from '../View/index.js';
 import TextInputTrailingAction from './TextInputTrailingAction.js';
@@ -20,6 +18,7 @@ const TextInput = ({
   trailingAction,
   ...props
 }, ref) => {
+  const theme = useTheme();
   const inputRef = useProvidedOrCreatedRef(ref);
   const focusInput = () => {
     inputRef.current?.focus();
@@ -36,12 +35,12 @@ const TextInput = ({
         'flexShrink': 0,
         'fontSize': 'xxs',
         'fontWeight': 'medium',
-        'color': color['text/neutral'],
+        'color': theme.colors['text/neutral'],
         '& > svg': {
           display: 'block',
           width: 16,
           height: 16,
-          color: color['icon/neutral/bold']
+          color: theme.colors['icon/neutral/bold']
         }
       },
       children: typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {}) : LeadingVisual
@@ -61,12 +60,12 @@ const TextInput = ({
         'flexShrink': 0,
         'fontSize': 'xxs',
         'fontWeight': 'medium',
-        'color': color['text/neutral'],
+        'color': theme.colors['text/neutral'],
         '& > svg': {
           display: 'block',
           width: 16,
           height: 16,
-          color: color['icon/neutral/bold']
+          color: theme.colors['icon/neutral/bold']
         }
       },
       children: [typeof TrailingVisual !== 'string' && reactIsExports.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingVisual, {}) : TrailingVisual, trailingAction ? /*#__PURE__*/cloneElement(trailingAction, {

package/esm/packages/token-studio/esm/token/elevation/index.js

@@ -8,9 +8,5 @@ const surfaceElevation = {
 const shadowElevation = {
   'shadow/overlay': shadow.shadowMedium
 };
-const elevation = {
-  ...surfaceElevation,
-  ...shadowElevation
-};
 
-export { elevation as default, shadowElevation, surfaceElevation };
+export { shadowElevation, surfaceElevation };

package/esm/packages/token-studio/esm/token/typography/index.js

@@ -2,7 +2,7 @@ import fontSizes from './fontSizes.js';
 import fontWeights from './fontWeights.js';
 import lineHeights from './lineHeights.js';
 
-const typography = {
+({
   'display1': {
     fontSize: fontSizes.display1,
     fontWeight: fontWeights.bold,
@@ -128,6 +128,6 @@ const typography = {
     fontWeight: fontWeights.bold,
     lineHeight: lineHeights[2]
   }
-};
+});
 
-export { typography as default, fontSizes, fontWeights, lineHeights };
+export { fontSizes, fontWeights, lineHeights };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.21.5",
+  "version": "2.21.7",
   "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": "d15d366a16a0a4d569411028cca623b61efcd81f"
+  "gitHead": "01d4f7727cb5dc9d953a857a50dbf66db1a0c734"
 }