@teamturing/react-kit 2.40.0 → 2.41.0
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.
|
@@ -12,7 +12,7 @@ type Props = {
|
|
|
12
12
|
/**
|
|
13
13
|
* 색을 정의합니다.
|
|
14
14
|
*/
|
|
15
|
-
variant?: 'primary' | 'plain';
|
|
15
|
+
variant?: 'primary' | 'plain' | 'plain-neutral';
|
|
16
16
|
/**
|
|
17
17
|
* 활성화 상태를 정의합니다.
|
|
18
18
|
* `true`일 경우, 활성화된 상태를 그립니다.
|
|
@@ -33,7 +33,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
|
|
|
33
33
|
/**
|
|
34
34
|
* 색을 정의합니다.
|
|
35
35
|
*/
|
|
36
|
-
variant?: "primary" | "plain" | undefined;
|
|
36
|
+
variant?: "primary" | "plain" | "plain-neutral" | undefined;
|
|
37
37
|
/**
|
|
38
38
|
* 활성화 상태를 정의합니다.
|
|
39
39
|
* `true`일 경우, 활성화된 상태를 그립니다.
|
package/dist/index.js
CHANGED
|
@@ -37423,7 +37423,7 @@ const BaseIconToggleButton = styled__default.default(UnstyledButton)(({
|
|
|
37423
37423
|
}) => variant({
|
|
37424
37424
|
prop: 'variant',
|
|
37425
37425
|
variants: {
|
|
37426
|
-
primary: {
|
|
37426
|
+
'primary': {
|
|
37427
37427
|
...(selected ? {
|
|
37428
37428
|
backgroundColor: theme.colors['bg/selected/violet'],
|
|
37429
37429
|
color: theme.colors['icon/inverse']
|
|
@@ -37436,7 +37436,7 @@ const BaseIconToggleButton = styled__default.default(UnstyledButton)(({
|
|
|
37436
37436
|
color: theme.colors['icon/disabled']
|
|
37437
37437
|
} : {})
|
|
37438
37438
|
},
|
|
37439
|
-
plain: {
|
|
37439
|
+
'plain': {
|
|
37440
37440
|
backgroundColor: theme.colors['bg/neutral/subtler'],
|
|
37441
37441
|
...(selected ? {
|
|
37442
37442
|
color: theme.colors['icon/selected/violet']
|
|
@@ -37447,6 +37447,18 @@ const BaseIconToggleButton = styled__default.default(UnstyledButton)(({
|
|
|
37447
37447
|
backgroundColor: theme.colors['bg/disabled/subtlest'],
|
|
37448
37448
|
color: theme.colors['icon/disabled/subtler']
|
|
37449
37449
|
} : {})
|
|
37450
|
+
},
|
|
37451
|
+
'plain-neutral': {
|
|
37452
|
+
backgroundColor: theme.colors['bg/neutral/subtler'],
|
|
37453
|
+
...(selected ? {
|
|
37454
|
+
color: theme.colors['icon/neutral/bold']
|
|
37455
|
+
} : {
|
|
37456
|
+
color: theme.colors['icon/neutral']
|
|
37457
|
+
}),
|
|
37458
|
+
...($disabled ? {
|
|
37459
|
+
backgroundColor: theme.colors['bg/disabled/subtlest'],
|
|
37460
|
+
color: theme.colors['icon/disabled/subtler']
|
|
37461
|
+
} : {})
|
|
37450
37462
|
}
|
|
37451
37463
|
}
|
|
37452
37464
|
}), sx);
|
|
@@ -76,7 +76,7 @@ const BaseIconToggleButton = styled(UnstyledButton)(({
|
|
|
76
76
|
}) => variant({
|
|
77
77
|
prop: 'variant',
|
|
78
78
|
variants: {
|
|
79
|
-
primary: {
|
|
79
|
+
'primary': {
|
|
80
80
|
...(selected ? {
|
|
81
81
|
backgroundColor: theme.colors['bg/selected/violet'],
|
|
82
82
|
color: theme.colors['icon/inverse']
|
|
@@ -89,7 +89,7 @@ const BaseIconToggleButton = styled(UnstyledButton)(({
|
|
|
89
89
|
color: theme.colors['icon/disabled']
|
|
90
90
|
} : {})
|
|
91
91
|
},
|
|
92
|
-
plain: {
|
|
92
|
+
'plain': {
|
|
93
93
|
backgroundColor: theme.colors['bg/neutral/subtler'],
|
|
94
94
|
...(selected ? {
|
|
95
95
|
color: theme.colors['icon/selected/violet']
|
|
@@ -100,6 +100,18 @@ const BaseIconToggleButton = styled(UnstyledButton)(({
|
|
|
100
100
|
backgroundColor: theme.colors['bg/disabled/subtlest'],
|
|
101
101
|
color: theme.colors['icon/disabled/subtler']
|
|
102
102
|
} : {})
|
|
103
|
+
},
|
|
104
|
+
'plain-neutral': {
|
|
105
|
+
backgroundColor: theme.colors['bg/neutral/subtler'],
|
|
106
|
+
...(selected ? {
|
|
107
|
+
color: theme.colors['icon/neutral/bold']
|
|
108
|
+
} : {
|
|
109
|
+
color: theme.colors['icon/neutral']
|
|
110
|
+
}),
|
|
111
|
+
...($disabled ? {
|
|
112
|
+
backgroundColor: theme.colors['bg/disabled/subtlest'],
|
|
113
|
+
color: theme.colors['icon/disabled/subtler']
|
|
114
|
+
} : {})
|
|
103
115
|
}
|
|
104
116
|
}
|
|
105
117
|
}), sx);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.41.0",
|
|
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": "
|
|
69
|
+
"gitHead": "ac4bfda6cfb14d28ea9924b4585cfd1c50ed3c5d"
|
|
70
70
|
}
|