@teamturing/react-kit 2.0.0 → 2.1.0

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

@@ -17,7 +17,7 @@ const textColor = {
   'text/success': palette.green500,
   'text/warning': palette.yellow500,
   'text/danger': palette.red500,
-  'text/selected/neutral': palette.gray900
+  'text/selected': palette.gray900
 };
 const bgColor = {
   'bg/secondary': palette.violet50,
@@ -44,16 +44,16 @@ const bgColor = {
   'bg/disabled': palette.gray100,
   'bg/disabled/subtlest': palette.transparent,
   'bg/input': palette.white,
+  'bg/accent/blue/subtlest': palette.blue50,
   'bg/accent/green/subtlest': palette.green50,
   'bg/accent/yellow/subtlest': palette.yellow50,
   'bg/accent/red/subtlest': palette.red50,
   'bg/accent/red/subtle': palette.red400,
   'bg/accent/red': palette.red500,
   'bg/accent/gray/subtlest': palette.gray200,
-  'bg/accent/blue/subtlest': palette.blue50,
   'bg/selected/violet': palette.violet500,
-  'bg/selected/neutral': palette.gray900,
-  'bg/selected/neutral/subtle': palette.gray100,
+  'bg/selected': palette.gray900,
+  'bg/selected/subtle': palette.gray100,
   'bg/inverse': palette.black,
   'bg/inverse/subtlest': palette.white10A,
   'bg/success': palette.green50,
@@ -71,6 +71,7 @@ const borderColor = {
   'border/neutral/bolder': palette.gray300,
   'border/input': palette.gray200,
   'border/inverse': palette.white10A,
+  'border/selected': palette.gray900,
   'border/disabled': palette.gray100,
   'border/primary': palette.violet500,
   'border/hovered': palette.blue300,
@@ -91,10 +92,10 @@ const iconColor = {
   'icon/inverse': palette.white,
   'icon/disabled': palette.gray300,
   'icon/disabled/subtler': palette.gray200,
-  'icon/selected/primary': palette.violet500,
-  'icon/selected/neutral': palette.gray900,
-  'icon/primary': palette.violet500,
+  'icon/selected/violet': palette.violet500,
+  'icon/selected': palette.gray900,
   'icon/primary/subtle': palette.violet300,
+  'icon/primary': palette.violet500,
   'icon/primary/bold': palette.violet700,
   'icon/success': palette.green500,
   'icon/warning': palette.yellow500,

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

@@ -0,0 +1,16 @@
+import palette from '../../foundation/palette/index.js';
+import shadow from '../../foundation/shadow/index.js';
+
+const surfaceElevation = {
+  'surface': palette.white,
+  'surface/overlay': palette.white
+};
+const shadowElevation = {
+  'shadow/overlay': shadow.shadowMedium
+};
+({
+  ...surfaceElevation,
+  ...shadowElevation
+});
+
+export { shadowElevation, surfaceElevation };

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

@@ -0,0 +1,33 @@
+import colorStopList from '../../foundation/gradient/colorStopList/index.js';
+import direction from '../../foundation/gradient/direction/index.js';
+
+const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
+const textGradient = {
+  'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
+};
+const bgGradient = {
+  'bg/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
+  'bg/accent/neutral': generateGradientTokenValue('directionToRightBottom', 'colorStopListBlackGray')
+};
+const borderGradient = {
+  'border/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
+};
+const overlayGradient = {
+  'overlay/subtlest/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
+  'overlay/subtlest/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
+  'overlay/subtlest/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
+  'overlay/floating/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
+  'overlay/floating/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
+  'overlay/floating/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
+  'overlay/bold/toright': generateGradientTokenValue('directionToRight', 'colorStopListBlack'),
+  'overlay/bold/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListBlack'),
+  'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack')
+};
+const gradient = {
+  ...textGradient,
+  ...bgGradient,
+  ...borderGradient,
+  ...overlayGradient
+};
+
+export { bgGradient, borderGradient, gradient as default, overlayGradient, textGradient };

package/esm/theme/index.js

@@ -0,0 +1,29 @@
+import breakpoints from '../packages/token-studio/esm/token/breakpoints/index.js';
+import color from '../packages/token-studio/esm/token/color/index.js';
+import { surfaceElevation, shadowElevation } from '../packages/token-studio/esm/token/elevation/index.js';
+import gradient from '../packages/token-studio/esm/token/gradient/index.js';
+import radii from '../packages/token-studio/esm/token/radii/index.js';
+import space from '../packages/token-studio/esm/token/space/index.js';
+import '../packages/token-studio/esm/token/typography/index.js';
+import fontSizes from '../packages/token-studio/esm/token/typography/fontSizes.js';
+import fontWeights from '../packages/token-studio/esm/token/typography/fontWeights.js';
+import lineHeights from '../packages/token-studio/esm/token/typography/lineHeights.js';
+
+const theme = {
+  breakpoints,
+  space,
+  fontWeights,
+  fontSizes,
+  lineHeights,
+  radii,
+  colors: {
+    ...color,
+    surfaceElevation
+  },
+  gradients: gradient,
+  shadows: {
+    ...shadowElevation
+  }
+};
+
+export { theme as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "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",
@@ -50,10 +50,10 @@
   },
   "dependencies": {
     "@teamturing/icons": "^1.19.0",
-    "@teamturing/token-studio": "^1.1.6",
+    "@teamturing/token-studio": "^1.1.7",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "6360f6a5b2308f6bda0bf7ea8c23a13ff3ad9050"
+  "gitHead": "ff56ac7dc09f3aa5318b939a50aae9d0fdbc522c"
 }