@teamturing/react-kit 2.52.0 → 2.52.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,7 +4,7 @@ type Props = {
4
4
  variant?: 'neutral' | 'danger';
5
5
  leadingVisual?: ElementType | ReactNode;
6
6
  trailingVisual?: ElementType | ReactNode;
7
- description?: string;
7
+ description?: ReactNode;
8
8
  descriptionLayout?: 'inline' | 'block';
9
9
  disabled?: boolean;
10
10
  selected?: boolean;
@@ -2,17 +2,20 @@ import { ComponentType, SVGProps } from 'react';
2
2
  import { ResponsiveValue } from 'styled-system';
3
3
  import { AsProp } from '../../utils/styled-system';
4
4
  import { UnstyledButtonProps } from '../_UnstyledButton';
5
+ type ButtonSizeType = 'l' | 'm' | 's';
6
+ type ButtonVariantType = 'primary' | 'secondary' | 'neutral' | 'outlined' | 'plain' | 'danger';
5
7
  type Props = {
6
8
  /**
7
9
  * 크기를 정의합니다.
8
10
  * 반응형 디자인이 적용됩니다.
9
11
  */
10
- size?: ResponsiveValue<'l' | 'm' | 's'>;
12
+ size?: ResponsiveValue<ButtonSizeType>;
11
13
  /**
12
14
  * 색을 정의합니다.
13
15
  * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
16
+ * 반응형 디자인이 적용됩니다.
14
17
  */
15
- variant?: 'primary' | 'secondary' | 'neutral' | 'outlined' | 'plain' | 'danger';
18
+ variant?: ResponsiveValue<ButtonVariantType>;
16
19
  /**
17
20
  * 감싸고 있는 컨테이너의 너비를 채웁니다.
18
21
  */
@@ -39,12 +42,13 @@ declare const Button: import("react").ForwardRefExoticComponent<{
39
42
  * 크기를 정의합니다.
40
43
  * 반응형 디자인이 적용됩니다.
41
44
  */
42
- size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
45
+ size?: ResponsiveValue<ButtonSizeType> | undefined;
43
46
  /**
44
47
  * 색을 정의합니다.
45
48
  * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
49
+ * 반응형 디자인이 적용됩니다.
46
50
  */
47
- variant?: "neutral" | "danger" | "primary" | "secondary" | "outlined" | "plain" | undefined;
51
+ variant?: ResponsiveValue<ButtonVariantType> | undefined;
48
52
  /**
49
53
  * 감싸고 있는 컨테이너의 너비를 채웁니다.
50
54
  */
@@ -2,23 +2,26 @@ import { ComponentType, SVGProps } from 'react';
2
2
  import { ResponsiveValue } from 'styled-system';
3
3
  import { SxProp } from '../../utils/styled-system';
4
4
  import { UnstyledButtonProps } from '../_UnstyledButton';
5
+ type IconToggleButtonSizeType = 'l' | 'm' | 's';
6
+ type IconToggleButtonShapeType = 'circle' | 'rounded';
7
+ type IconToggleButtonVariantType = 'primary' | 'plain' | 'blue' | 'plain-neutral';
5
8
  type Props = {
6
9
  icon: ComponentType<SVGProps<SVGSVGElement>>;
7
10
  /**
8
11
  * 크기를 정의합니다.
9
12
  * 반응형 디자인이 적용됩니다.
10
13
  */
11
- size?: ResponsiveValue<'l' | 'm' | 's'>;
14
+ size?: ResponsiveValue<IconToggleButtonSizeType>;
12
15
  /**
13
16
  * 모양을 정의합니다.
14
17
  * 반응형 디자인이 적용됩니다.
15
18
  */
16
- shape?: 'circle' | 'rounded';
19
+ shape?: ResponsiveValue<IconToggleButtonShapeType>;
17
20
  /**
18
21
  * 색을 정의합니다.
19
22
  * 반응형 디자인이 적용됩니다.
20
23
  */
21
- variant?: 'primary' | 'plain' | 'blue' | 'plain-neutral';
24
+ variant?: ResponsiveValue<IconToggleButtonVariantType>;
22
25
  /**
23
26
  * 활성화 상태를 정의합니다.
24
27
  * `true`일 경우, 활성화된 상태를 그립니다.
@@ -35,17 +38,17 @@ declare const _default: import("react").ForwardRefExoticComponent<{
35
38
  * 크기를 정의합니다.
36
39
  * 반응형 디자인이 적용됩니다.
37
40
  */
38
- size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
41
+ size?: ResponsiveValue<IconToggleButtonSizeType> | undefined;
39
42
  /**
40
43
  * 모양을 정의합니다.
41
44
  * 반응형 디자인이 적용됩니다.
42
45
  */
43
- shape?: "circle" | "rounded" | undefined;
46
+ shape?: ResponsiveValue<IconToggleButtonShapeType> | undefined;
44
47
  /**
45
48
  * 색을 정의합니다.
46
49
  * 반응형 디자인이 적용됩니다.
47
50
  */
48
- variant?: "blue" | "primary" | "plain" | "plain-neutral" | undefined;
51
+ variant?: ResponsiveValue<IconToggleButtonVariantType> | undefined;
49
52
  /**
50
53
  * 활성화 상태를 정의합니다.
51
54
  * `true`일 경우, 활성화된 상태를 그립니다.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.52.0",
3
+ "version": "2.52.2",
4
4
  "description": "React components, hooks for create teamturing web application",
5
5
  "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
6
6
  "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -66,5 +66,5 @@
66
66
  "react-textarea-autosize": "^8.5.3",
67
67
  "styled-system": "^5.1.5"
68
68
  },
69
- "gitHead": "e6dbce300d459f6e987ae5e8a4194cf02fa4896c"
69
+ "gitHead": "2390cfb6d3d1716e4c20b5580927e191827a0f9f"
70
70
  }