@teamturing/react-kit 2.37.0 → 2.38.1

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

@@ -10,7 +10,7 @@ type Props = {
     /**
      * 색을 정의합니다.
      */
-    variant?: 'primary' | 'secondary' | 'outlined-primary' | 'outlined-neutral' | 'neutral' | 'red' | 'red-accent' | 'yellow' | 'green' | 'blue' | 'dim';
+    variant?: 'primary' | 'secondary' | 'outlined-primary' | 'outlined-neutral' | 'neutral' | 'red' | 'red-accent' | 'yellow' | 'green' | 'dim' | 'outlined-blue' | 'blue';
     /**
      * 텍스트 앞에 보여질 아이콘을 정의합니다.
      */

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

@@ -270,7 +270,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
 } & {
     typography?: import("styled-system").ResponsiveValue<"m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
-} & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak">, "ref"> & {
+} & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak">, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, Props>>;
 export default GradientText;

package/dist/index.js

@@ -1078,6 +1078,28 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+const SvgAInCircleColor = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#E5E5E5",
+  d: "M0 0h24v24H0z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#fff",
+  d: "M-121-426h1440v1826H-121z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#BACEF8",
+  fillRule: "evenodd",
+  d: "M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm8.556 4.746a1.178 1.178 0 1 1-2.243-.722l2.889-8.713a2.06 2.06 0 0 1 3.91.003l2.88 8.72a1.172 1.172 0 1 1-2.231.716l-.584-1.87h-4.04l-.581 1.866Zm2.563-8.218-1.395 4.466h2.867l-1.395-4.466h-.077Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#4880EE",
+  d: "M8.431 17.573c.516 0 .971-.335 1.125-.827l.582-1.866h4.04l.583 1.87a1.172 1.172 0 1 0 2.23-.716l-2.879-8.72a2.06 2.06 0 0 0-3.91-.003l-2.889 8.713a1.178 1.178 0 0 0 1.118 1.549Zm2.293-4.58 1.395-4.465h.077l1.395 4.466h-2.867Z"
+}));
+
 const SvgAi = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -1326,22 +1348,6 @@ const SvgArrowUpLimit = props => /*#__PURE__*/React__namespace.createElement("sv
   clipRule: "evenodd"
 }));
 
-const SvgAuto = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-}, props), /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  fillRule: "evenodd",
-  d: "m23.723 10.94-2.037-2.78a1.2 1.2 0 0 0-1.936 0l-2.037 2.78c-.58.793-.014 1.909.968 1.909h.88a7.543 7.543 0 0 1-3.73 5.695c-2.301 1.334-5.25 1.334-7.553 0a1.1 1.1 0 0 0-1.102 1.904 9.755 9.755 0 0 0 4.88 1.314 9.756 9.756 0 0 0 4.878-1.313 9.803 9.803 0 0 0 3.57-3.57 9.74 9.74 0 0 0 1.258-4.03h.993a1.2 1.2 0 0 0 .968-1.91m-18.183.213h-.992a7.594 7.594 0 0 1 .962-2.93 7.61 7.61 0 0 1 2.768-2.766c2.302-1.332 5.25-1.332 7.554 0a1.1 1.1 0 0 0 1.102-1.905c-2.972-1.718-6.787-1.718-9.758 0a9.812 9.812 0 0 0-3.57 3.57 9.775 9.775 0 0 0-1.258 4.03H1.244a1.2 1.2 0 0 0-.968 1.91l2.148 2.932a1.2 1.2 0 0 0 1.936 0l2.148-2.932a1.2 1.2 0 0 0-.968-1.91",
-  clipRule: "evenodd"
-}), /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M10.354 14.963a.912.912 0 1 1-1.732-.568l1.909-5.617a1.2 1.2 0 0 1 1.136-.814h.663a1.2 1.2 0 0 1 1.137.815l1.902 5.623a.908.908 0 1 1-1.725.564l-.316-1H10.67l-.316.997Zm.748-2.369h1.793l-.864-2.742h-.064l-.865 2.742Z"
-}));
-
 const SvgBarchart = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -1468,6 +1474,24 @@ const SvgBusColor = props => /*#__PURE__*/React__namespace.createElement("svg",
   d: "M36.796 25.602c0-.844.684-1.528 1.528-1.528h.51v3.056h-.51a1.528 1.528 0 0 1-1.528-1.528Z"
 }));
 
+const SvgCalendar = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M16 3H8v2a1 1 0 0 1-2 0V3H4a2 2 0 0 0-2 2v3h20V5a2 2 0 0 0-2-2h-2v2a1 1 0 1 1-2 0V3Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("g", {
+  fill: "currentColor",
+  opacity: 0.4
+}, /*#__PURE__*/React__namespace.createElement("path", {
+  d: "M2 8h20v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8ZM6 2a1 1 0 0 1 2 0v3a1 1 0 0 1-2 0V2ZM16 2a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0V2Z"
+})));
+
 const SvgCalendarCheck = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4695,6 +4719,7 @@ const SvgYoutube = props => /*#__PURE__*/React__namespace.createElement("svg", _
 
 var icons = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  AInCircleColorIcon: SvgAInCircleColor,
   AiColorIcon: SvgAiColor,
   AiIcon: SvgAi,
   AiSadIcon: SvgAiSad,
@@ -4713,7 +4738,6 @@ var icons = /*#__PURE__*/Object.freeze({
   ArrowUpDownIcon: SvgArrowUpDown,
   ArrowUpIcon: SvgArrowUp,
   ArrowUpLimitIcon: SvgArrowUpLimit,
-  AutoIcon: SvgAuto,
   BarchartIcon: SvgBarchart,
   BookColorIcon: SvgBookColor,
   BookIcon: SvgBook,
@@ -4724,6 +4748,7 @@ var icons = /*#__PURE__*/Object.freeze({
   CalendarCheckColorIcon: SvgCalendarCheckColor,
   CalendarCheckIcon: SvgCalendarCheck,
   CalendarColorIcon: SvgCalendarColor,
+  CalendarIcon: SvgCalendar,
   CameraIcon: SvgCamera,
   CardIcon: SvgCard,
   CardsPercentColorIcon: SvgCardsPercentColor,
@@ -17602,18 +17627,38 @@ const BaseChip = styled__default.default.span(({
         color: theme.colors['icon/accent/green']
       }
     },
-    'blue': {
-      'backgroundColor': theme.colors['bg/accent/blue/subtlest'],
+    'dim': {
+      'backgroundColor': theme.colors['dim'],
+      'color': theme.colors['text/inverse'],
+      '& svg': {
+        color: theme.colors['icon/inverse']
+      }
+    },
+    'outlined-blue': {
+      'backgroundColor': theme.colors['bg/neutral/subtler'],
       'color': theme.colors['text/accent/blue'],
       '& svg': {
         color: theme.colors['icon/accent/blue']
+      },
+      '&:after': {
+        content: '""',
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderColor: theme.colors['border/accent/blue'],
+        borderRadius: theme.radii.full,
+        boxSizing: 'border-box'
       }
     },
-    'dim': {
-      'backgroundColor': theme.colors['dim'],
-      'color': theme.colors['text/inverse'],
+    'blue': {
+      'backgroundColor': theme.colors['bg/accent/blue/subtlest'],
+      'color': theme.colors['text/accent/blue'],
       '& svg': {
-        color: theme.colors['icon/inverse']
+        color: theme.colors['icon/accent/blue']
       }
     }
   }
@@ -38828,7 +38873,8 @@ const borderColor = {
   'border/hovered': palette.blue300,
   'border/focused': palette.blue500,
   'border/danger': palette.red500,
-  'border/success': palette.green500
+  'border/success': palette.green500,
+  'border/accent/blue': palette.blue500
 };
 const iconColor = {
   'icon/neutral': palette.gray300,

package/dist/theme/index.d.ts

@@ -211,6 +211,7 @@ declare const theme: {
         'border/focused': "#4880ee";
         'border/danger': "#F22735";
         'border/success': "#1FCCA1";
+        'border/accent/blue': "#4880ee";
         'bg/secondary': "#F3EFFD";
         'bg/secondary/hovered': "#D9CDF9";
         'bg/secondary/pressed': "#D9CDF9";

package/esm/core/Chip/index.js

@@ -171,18 +171,38 @@ const BaseChip = styled.span(({
         color: theme.colors['icon/accent/green']
       }
     },
-    'blue': {
-      'backgroundColor': theme.colors['bg/accent/blue/subtlest'],
+    'dim': {
+      'backgroundColor': theme.colors['dim'],
+      'color': theme.colors['text/inverse'],
+      '& svg': {
+        color: theme.colors['icon/inverse']
+      }
+    },
+    'outlined-blue': {
+      'backgroundColor': theme.colors['bg/neutral/subtler'],
       'color': theme.colors['text/accent/blue'],
       '& svg': {
         color: theme.colors['icon/accent/blue']
+      },
+      '&:after': {
+        content: '""',
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderColor: theme.colors['border/accent/blue'],
+        borderRadius: theme.radii.full,
+        boxSizing: 'border-box'
       }
     },
-    'dim': {
-      'backgroundColor': theme.colors['dim'],
-      'color': theme.colors['text/inverse'],
+    'blue': {
+      'backgroundColor': theme.colors['bg/accent/blue/subtlest'],
+      'color': theme.colors['text/accent/blue'],
       '& svg': {
-        color: theme.colors['icon/inverse']
+        color: theme.colors['icon/accent/blue']
       }
     }
   }

package/esm/packages/icons/esm/AInCircleColor.js

@@ -0,0 +1,26 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgAInCircleColor = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "#E5E5E5",
+  d: "M0 0h24v24H0z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#fff",
+  d: "M-121-426h1440v1826H-121z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#BACEF8",
+  fillRule: "evenodd",
+  d: "M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm8.556 4.746a1.178 1.178 0 1 1-2.243-.722l2.889-8.713a2.06 2.06 0 0 1 3.91.003l2.88 8.72a1.172 1.172 0 1 1-2.231.716l-.584-1.87h-4.04l-.581 1.866Zm2.563-8.218-1.395 4.466h2.867l-1.395-4.466h-.077Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#4880EE",
+  d: "M8.431 17.573c.516 0 .971-.335 1.125-.827l.582-1.866h4.04l.583 1.87a1.172 1.172 0 1 0 2.23-.716l-2.879-8.72a2.06 2.06 0 0 0-3.91-.003l-2.889 8.713a1.178 1.178 0 0 0 1.118 1.549Zm2.293-4.58 1.395-4.465h.077l1.395 4.466h-2.867Z"
+}));
+
+export { SvgAInCircleColor as default };

package/esm/packages/icons/esm/Calendar.js

@@ -0,0 +1,22 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgCalendar = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M16 3H8v2a1 1 0 0 1-2 0V3H4a2 2 0 0 0-2 2v3h20V5a2 2 0 0 0-2-2h-2v2a1 1 0 1 1-2 0V3Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("g", {
+  fill: "currentColor",
+  opacity: 0.4
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M2 8h20v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8ZM6 2a1 1 0 0 1 2 0v3a1 1 0 0 1-2 0V2ZM16 2a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0V2Z"
+})));
+
+export { SvgCalendar as default };

package/esm/packages/icons/esm/index.js

@@ -1,3 +1,4 @@
+export { default as AInCircleColorIcon } from './AInCircleColor.js';
 export { default as AiIcon } from './Ai.js';
 export { default as AiColorIcon } from './AiColor.js';
 export { default as AiSadIcon } from './AiSad.js';
@@ -16,7 +17,6 @@ export { default as ArrowRightLimitIcon } from './ArrowRightLimit.js';
 export { default as ArrowUpIcon } from './ArrowUp.js';
 export { default as ArrowUpDownIcon } from './ArrowUpDown.js';
 export { default as ArrowUpLimitIcon } from './ArrowUpLimit.js';
-export { default as AutoIcon } from './Auto.js';
 export { default as BarchartIcon } from './Barchart.js';
 export { default as BookIcon } from './Book.js';
 export { default as BookColorIcon } from './BookColor.js';
@@ -24,6 +24,7 @@ export { default as BookmarkIcon } from './Bookmark.js';
 export { default as BookmarkAnimationIcon } from './BookmarkAnimation.js';
 export { default as BoxIcon } from './Box.js';
 export { default as BusColorIcon } from './BusColor.js';
+export { default as CalendarIcon } from './Calendar.js';
 export { default as CalendarCheckIcon } from './CalendarCheck.js';
 export { default as CalendarCheckColorIcon } from './CalendarCheckColor.js';
 export { default as CalendarColorIcon } from './CalendarColor.js';

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

@@ -82,7 +82,8 @@ const borderColor = {
   'border/hovered': palette.blue300,
   'border/focused': palette.blue500,
   'border/danger': palette.red500,
-  'border/success': palette.green500
+  'border/success': palette.green500,
+  'border/accent/blue': palette.blue500
 };
 const iconColor = {
   'icon/neutral': palette.gray300,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.37.0",
+  "version": "2.38.1",
   "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",
@@ -55,8 +55,8 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.2",
     "@primer/behaviors": "^1.3.6",
-    "@teamturing/icons": "^1.43.2",
-    "@teamturing/token-studio": "^1.9.0",
+    "@teamturing/icons": "^1.44.0",
+    "@teamturing/token-studio": "^1.10.0",
     "@teamturing/utils": "^1.4.0",
     "framer-motion": "^10.16.4",
     "lodash.debounce": "^4.0.8",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "6b66bf6e4f83bcc20016fe0c8054195745c3ba3d"
+  "gitHead": "2f860b60fe52c6e45e0e04b28dc6a71cce5502fe"
 }

package/esm/packages/icons/esm/Auto.js

@@ -1,20 +0,0 @@
-import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
-import * as React from 'react';
-
-const SvgAuto = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-}, props), /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  fillRule: "evenodd",
-  d: "m23.723 10.94-2.037-2.78a1.2 1.2 0 0 0-1.936 0l-2.037 2.78c-.58.793-.014 1.909.968 1.909h.88a7.543 7.543 0 0 1-3.73 5.695c-2.301 1.334-5.25 1.334-7.553 0a1.1 1.1 0 0 0-1.102 1.904 9.755 9.755 0 0 0 4.88 1.314 9.756 9.756 0 0 0 4.878-1.313 9.803 9.803 0 0 0 3.57-3.57 9.74 9.74 0 0 0 1.258-4.03h.993a1.2 1.2 0 0 0 .968-1.91m-18.183.213h-.992a7.594 7.594 0 0 1 .962-2.93 7.61 7.61 0 0 1 2.768-2.766c2.302-1.332 5.25-1.332 7.554 0a1.1 1.1 0 0 0 1.102-1.905c-2.972-1.718-6.787-1.718-9.758 0a9.812 9.812 0 0 0-3.57 3.57 9.775 9.775 0 0 0-1.258 4.03H1.244a1.2 1.2 0 0 0-.968 1.91l2.148 2.932a1.2 1.2 0 0 0 1.936 0l2.148-2.932a1.2 1.2 0 0 0-.968-1.91",
-  clipRule: "evenodd"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  d: "M10.354 14.963a.912.912 0 1 1-1.732-.568l1.909-5.617a1.2 1.2 0 0 1 1.136-.814h.663a1.2 1.2 0 0 1 1.137.815l1.902 5.623a.908.908 0 1 1-1.725.564l-.316-1H10.67l-.316.997Zm.748-2.369h1.793l-.864-2.742h-.064l-.865 2.742Z"
-}));
-
-export { SvgAuto as default };