@teamturing/react-kit 2.51.10 → 2.52.1

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

@@ -2,17 +2,20 @@ import { ComponentType, SVGProps } from 'react';
 import { ResponsiveValue } from 'styled-system';
 import { AsProp } from '../../utils/styled-system';
 import { UnstyledButtonProps } from '../_UnstyledButton';
+type ButtonSizeType = 'l' | 'm' | 's';
+type ButtonVariantType = 'primary' | 'secondary' | 'neutral' | 'outlined' | 'plain' | 'danger';
 type Props = {
     /**
      * 크기를 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    size?: ResponsiveValue<'l' | 'm' | 's'>;
+    size?: ResponsiveValue<ButtonSizeType>;
     /**
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
+     * 반응형 디자인이 적용됩니다.
      */
-    variant?: 'primary' | 'secondary' | 'neutral' | 'outlined' | 'plain' | 'danger';
+    variant?: ResponsiveValue<ButtonVariantType>;
     /**
      * 감싸고 있는 컨테이너의 너비를 채웁니다.
      */
@@ -39,12 +42,13 @@ declare const Button: import("react").ForwardRefExoticComponent<{
      * 크기를 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
+    size?: ResponsiveValue<ButtonSizeType> | undefined;
     /**
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
+     * 반응형 디자인이 적용됩니다.
      */
-    variant?: "neutral" | "danger" | "primary" | "secondary" | "outlined" | "plain" | undefined;
+    variant?: ResponsiveValue<ButtonVariantType> | undefined;
     /**
      * 감싸고 있는 컨테이너의 너비를 채웁니다.
      */

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

@@ -2,23 +2,26 @@ import { ComponentType, SVGProps } from 'react';
 import { ResponsiveValue } from 'styled-system';
 import { SxProp } from '../../utils/styled-system';
 import { UnstyledButtonProps } from '../_UnstyledButton';
+type IconToggleButtonSizeType = 'l' | 'm' | 's';
+type IconToggleButtonShapeType = 'circle' | 'rounded';
+type IconToggleButtonVariantType = 'primary' | 'plain' | 'blue' | 'plain-neutral';
 type Props = {
     icon: ComponentType<SVGProps<SVGSVGElement>>;
     /**
      * 크기를 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    size?: ResponsiveValue<'l' | 'm' | 's'>;
+    size?: ResponsiveValue<IconToggleButtonSizeType>;
     /**
      * 모양을 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    shape?: 'circle' | 'rounded';
+    shape?: ResponsiveValue<IconToggleButtonShapeType>;
     /**
      * 색을 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    variant?: 'primary' | 'plain' | 'blue' | 'plain-neutral';
+    variant?: ResponsiveValue<IconToggleButtonVariantType>;
     /**
      * 활성화 상태를 정의합니다.
      * `true`일 경우, 활성화된 상태를 그립니다.
@@ -35,17 +38,17 @@ declare const _default: import("react").ForwardRefExoticComponent<{
      * 크기를 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
+    size?: ResponsiveValue<IconToggleButtonSizeType> | undefined;
     /**
      * 모양을 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    shape?: "circle" | "rounded" | undefined;
+    shape?: ResponsiveValue<IconToggleButtonShapeType> | undefined;
     /**
      * 색을 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    variant?: "blue" | "primary" | "plain" | "plain-neutral" | undefined;
+    variant?: ResponsiveValue<IconToggleButtonVariantType> | undefined;
     /**
      * 활성화 상태를 정의합니다.
      * `true`일 경우, 활성화된 상태를 그립니다.

package/dist/index.js

@@ -5127,6 +5127,7 @@ const TextInput = ({
     inputRef.current?.focus();
   };
   return /*#__PURE__*/jsxRuntime.jsxs(TextInputWrapper$1, {
+    className: 'text_input__wrapper',
     disabled: disabled,
     onClick: focusInput,
     hasLeadingVisual: !utils.isNullable(LeadingVisual),
@@ -6052,10 +6053,12 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
     }
   }, [ref]);
   return /*#__PURE__*/jsxRuntime.jsxs(TextareaWrapper, {
+    className: 'textarea__wrapper',
     disabled: disabled,
     onClick: focusInput,
     validationStatus: validationStatus,
     children: [/*#__PURE__*/jsxRuntime.jsx(ReactTextareaAutosize__default.default, {
+      className: 'textarea__react_textarea_autosize',
       minRows: 1,
       ...props,
       ref: e => {
@@ -6065,6 +6068,7 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
       disabled: disabled,
       onChange: handleChange
     }), /*#__PURE__*/jsxRuntime.jsx(TextareaCount, {
+      className: 'textarea__count',
       children: renderCount(count, {
         validationStatus,
         disabled,

package/esm/core/TextInput/index.js

@@ -24,6 +24,7 @@ const TextInput = ({
     inputRef.current?.focus();
   };
   return /*#__PURE__*/jsxs(TextInputWrapper, {
+    className: 'text_input__wrapper',
     disabled: disabled,
     onClick: focusInput,
     hasLeadingVisual: !isNullable(LeadingVisual),

package/esm/core/Textarea/index.js

@@ -30,10 +30,12 @@ const Textarea = /*#__PURE__*/forwardRef(({
     }
   }, [ref]);
   return /*#__PURE__*/jsxs(TextareaWrapper, {
+    className: 'textarea__wrapper',
     disabled: disabled,
     onClick: focusInput,
     validationStatus: validationStatus,
     children: [/*#__PURE__*/jsx(ReactTextareaAutosize, {
+      className: 'textarea__react_textarea_autosize',
       minRows: 1,
       ...props,
       ref: e => {
@@ -43,6 +45,7 @@ const Textarea = /*#__PURE__*/forwardRef(({
       disabled: disabled,
       onChange: handleChange
     }), /*#__PURE__*/jsx(TextareaCount, {
+      className: 'textarea__count',
       children: renderCount(count, {
         validationStatus,
         disabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.51.10",
+  "version": "2.52.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",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "dddedf45da2c057fe2038bcfcd48a7b50afef8b3"
+  "gitHead": "bc2a674fefa2e1fe34a21754ed2283a04273f0cc"
 }