@teamturing/react-kit 2.19.24 → 2.19.25
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.
- package/dist/index.js +29 -27
- package/esm/core/Pill/index.js +29 -27
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -22633,20 +22633,9 @@ const BasePill = styled__default.default(UnstyledButton)`
|
|
|
22633
22633
|
prop: 'variant',
|
|
22634
22634
|
variants: {
|
|
22635
22635
|
outlined: {
|
|
22636
|
-
|
|
22637
|
-
'
|
|
22638
|
-
|
|
22639
|
-
'borderColor': theme.colors['border/neutral'],
|
|
22640
|
-
'color': 'text/neutral/subtle',
|
|
22641
|
-
'& svg': {
|
|
22642
|
-
color: theme.colors['icon/neutral/bolder']
|
|
22643
|
-
},
|
|
22644
|
-
'&:hover': {
|
|
22645
|
-
backgroundColor: theme.colors['bg/neutral/subtler/hovered']
|
|
22646
|
-
},
|
|
22647
|
-
'&:active': {
|
|
22648
|
-
backgroundColor: theme.colors['bg/neutral/subtler/pressed']
|
|
22649
|
-
},
|
|
22636
|
+
borderWidth: 1,
|
|
22637
|
+
borderStyle: 'solid',
|
|
22638
|
+
borderColor: theme.colors['border/neutral'],
|
|
22650
22639
|
...(disabled ? {
|
|
22651
22640
|
'cursor': 'not-allowed',
|
|
22652
22641
|
'backgroundColor': theme.colors['bg/disabled'],
|
|
@@ -22654,20 +22643,21 @@ const BasePill = styled__default.default(UnstyledButton)`
|
|
|
22654
22643
|
'& svg': {
|
|
22655
22644
|
color: theme.colors['icon/disabled']
|
|
22656
22645
|
}
|
|
22657
|
-
} : {
|
|
22646
|
+
} : {
|
|
22647
|
+
'backgroundColor': theme.colors['bg/neutral/subtler'],
|
|
22648
|
+
'color': 'text/neutral/subtle',
|
|
22649
|
+
'& svg': {
|
|
22650
|
+
color: theme.colors['icon/neutral/bolder']
|
|
22651
|
+
},
|
|
22652
|
+
'&:hover': {
|
|
22653
|
+
backgroundColor: theme.colors['bg/neutral/subtler/hovered']
|
|
22654
|
+
},
|
|
22655
|
+
'&:active': {
|
|
22656
|
+
backgroundColor: theme.colors['bg/neutral/subtler/pressed']
|
|
22657
|
+
}
|
|
22658
|
+
})
|
|
22658
22659
|
},
|
|
22659
22660
|
secondary: {
|
|
22660
|
-
'backgroundColor': theme.colors['bg/secondary'],
|
|
22661
|
-
'color': theme.colors['text/primary'],
|
|
22662
|
-
'& svg': {
|
|
22663
|
-
color: theme.colors['icon/primary']
|
|
22664
|
-
},
|
|
22665
|
-
'&:hover': {
|
|
22666
|
-
backgroundColor: theme.colors['bg/secondary/hovered']
|
|
22667
|
-
},
|
|
22668
|
-
'&:active': {
|
|
22669
|
-
backgroundColor: theme.colors['bg/secondary/pressed']
|
|
22670
|
-
},
|
|
22671
22661
|
...(disabled ? {
|
|
22672
22662
|
'cursor': 'not-allowed',
|
|
22673
22663
|
'backgroundColor': theme.colors['bg/disabled'],
|
|
@@ -22675,7 +22665,19 @@ const BasePill = styled__default.default(UnstyledButton)`
|
|
|
22675
22665
|
'& svg': {
|
|
22676
22666
|
color: theme.colors['icon/disabled']
|
|
22677
22667
|
}
|
|
22678
|
-
} : {
|
|
22668
|
+
} : {
|
|
22669
|
+
'backgroundColor': theme.colors['bg/secondary'],
|
|
22670
|
+
'color': theme.colors['text/primary'],
|
|
22671
|
+
'& svg': {
|
|
22672
|
+
color: theme.colors['icon/primary']
|
|
22673
|
+
},
|
|
22674
|
+
'&:hover': {
|
|
22675
|
+
backgroundColor: theme.colors['bg/secondary/hovered']
|
|
22676
|
+
},
|
|
22677
|
+
'&:active': {
|
|
22678
|
+
backgroundColor: theme.colors['bg/secondary/pressed']
|
|
22679
|
+
}
|
|
22680
|
+
})
|
|
22679
22681
|
}
|
|
22680
22682
|
}
|
|
22681
22683
|
})}
|
package/esm/core/Pill/index.js
CHANGED
|
@@ -162,20 +162,9 @@ const BasePill = styled(UnstyledButton)`
|
|
|
162
162
|
prop: 'variant',
|
|
163
163
|
variants: {
|
|
164
164
|
outlined: {
|
|
165
|
-
|
|
166
|
-
'
|
|
167
|
-
|
|
168
|
-
'borderColor': theme.colors['border/neutral'],
|
|
169
|
-
'color': 'text/neutral/subtle',
|
|
170
|
-
'& svg': {
|
|
171
|
-
color: theme.colors['icon/neutral/bolder']
|
|
172
|
-
},
|
|
173
|
-
'&:hover': {
|
|
174
|
-
backgroundColor: theme.colors['bg/neutral/subtler/hovered']
|
|
175
|
-
},
|
|
176
|
-
'&:active': {
|
|
177
|
-
backgroundColor: theme.colors['bg/neutral/subtler/pressed']
|
|
178
|
-
},
|
|
165
|
+
borderWidth: 1,
|
|
166
|
+
borderStyle: 'solid',
|
|
167
|
+
borderColor: theme.colors['border/neutral'],
|
|
179
168
|
...(disabled ? {
|
|
180
169
|
'cursor': 'not-allowed',
|
|
181
170
|
'backgroundColor': theme.colors['bg/disabled'],
|
|
@@ -183,20 +172,21 @@ const BasePill = styled(UnstyledButton)`
|
|
|
183
172
|
'& svg': {
|
|
184
173
|
color: theme.colors['icon/disabled']
|
|
185
174
|
}
|
|
186
|
-
} : {
|
|
175
|
+
} : {
|
|
176
|
+
'backgroundColor': theme.colors['bg/neutral/subtler'],
|
|
177
|
+
'color': 'text/neutral/subtle',
|
|
178
|
+
'& svg': {
|
|
179
|
+
color: theme.colors['icon/neutral/bolder']
|
|
180
|
+
},
|
|
181
|
+
'&:hover': {
|
|
182
|
+
backgroundColor: theme.colors['bg/neutral/subtler/hovered']
|
|
183
|
+
},
|
|
184
|
+
'&:active': {
|
|
185
|
+
backgroundColor: theme.colors['bg/neutral/subtler/pressed']
|
|
186
|
+
}
|
|
187
|
+
})
|
|
187
188
|
},
|
|
188
189
|
secondary: {
|
|
189
|
-
'backgroundColor': theme.colors['bg/secondary'],
|
|
190
|
-
'color': theme.colors['text/primary'],
|
|
191
|
-
'& svg': {
|
|
192
|
-
color: theme.colors['icon/primary']
|
|
193
|
-
},
|
|
194
|
-
'&:hover': {
|
|
195
|
-
backgroundColor: theme.colors['bg/secondary/hovered']
|
|
196
|
-
},
|
|
197
|
-
'&:active': {
|
|
198
|
-
backgroundColor: theme.colors['bg/secondary/pressed']
|
|
199
|
-
},
|
|
200
190
|
...(disabled ? {
|
|
201
191
|
'cursor': 'not-allowed',
|
|
202
192
|
'backgroundColor': theme.colors['bg/disabled'],
|
|
@@ -204,7 +194,19 @@ const BasePill = styled(UnstyledButton)`
|
|
|
204
194
|
'& svg': {
|
|
205
195
|
color: theme.colors['icon/disabled']
|
|
206
196
|
}
|
|
207
|
-
} : {
|
|
197
|
+
} : {
|
|
198
|
+
'backgroundColor': theme.colors['bg/secondary'],
|
|
199
|
+
'color': theme.colors['text/primary'],
|
|
200
|
+
'& svg': {
|
|
201
|
+
color: theme.colors['icon/primary']
|
|
202
|
+
},
|
|
203
|
+
'&:hover': {
|
|
204
|
+
backgroundColor: theme.colors['bg/secondary/hovered']
|
|
205
|
+
},
|
|
206
|
+
'&:active': {
|
|
207
|
+
backgroundColor: theme.colors['bg/secondary/pressed']
|
|
208
|
+
}
|
|
209
|
+
})
|
|
208
210
|
}
|
|
209
211
|
}
|
|
210
212
|
})}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "2.19.
|
|
3
|
+
"version": "2.19.25",
|
|
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",
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"react-is": "^18.2.0",
|
|
63
63
|
"styled-system": "^5.1.5"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "dcbb5dd19a560f537cad13a4798d9e036e7e6631"
|
|
66
66
|
}
|