@teamturing/react-kit 2.19.24 → 2.19.26

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.
Files changed (3) hide show
  1. package/dist/index.js +29 -28
  2. package/esm/core/Pill/index.js +29 -28
  3. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -22515,7 +22515,6 @@ const Pill = ({
22515
22515
  ...props,
22516
22516
  type: 'button',
22517
22517
  children: [typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {}) : LeadingVisual, /*#__PURE__*/jsxRuntimeExports.jsx("span", {
22518
- title: children?.toString(),
22519
22518
  children: children
22520
22519
  }), typeof TrailingVisual !== 'string' && reactIsExports.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingVisual, {}) : TrailingVisual, propOnRemove ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
22521
22520
  onClick: e => {
@@ -22633,20 +22632,9 @@ const BasePill = styled__default.default(UnstyledButton)`
22633
22632
  prop: 'variant',
22634
22633
  variants: {
22635
22634
  outlined: {
22636
- 'backgroundColor': theme.colors['bg/neutral/subtler'],
22637
- 'borderWidth': 1,
22638
- 'borderStyle': 'solid',
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
- },
22635
+ borderWidth: 1,
22636
+ borderStyle: 'solid',
22637
+ borderColor: theme.colors['border/neutral'],
22650
22638
  ...(disabled ? {
22651
22639
  'cursor': 'not-allowed',
22652
22640
  'backgroundColor': theme.colors['bg/disabled'],
@@ -22654,20 +22642,21 @@ const BasePill = styled__default.default(UnstyledButton)`
22654
22642
  '& svg': {
22655
22643
  color: theme.colors['icon/disabled']
22656
22644
  }
22657
- } : {})
22645
+ } : {
22646
+ 'backgroundColor': theme.colors['bg/neutral/subtler'],
22647
+ 'color': 'text/neutral/subtle',
22648
+ '& svg': {
22649
+ color: theme.colors['icon/neutral/bolder']
22650
+ },
22651
+ '&:hover': {
22652
+ backgroundColor: theme.colors['bg/neutral/subtler/hovered']
22653
+ },
22654
+ '&:active': {
22655
+ backgroundColor: theme.colors['bg/neutral/subtler/pressed']
22656
+ }
22657
+ })
22658
22658
  },
22659
22659
  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
22660
  ...(disabled ? {
22672
22661
  'cursor': 'not-allowed',
22673
22662
  'backgroundColor': theme.colors['bg/disabled'],
@@ -22675,7 +22664,19 @@ const BasePill = styled__default.default(UnstyledButton)`
22675
22664
  '& svg': {
22676
22665
  color: theme.colors['icon/disabled']
22677
22666
  }
22678
- } : {})
22667
+ } : {
22668
+ 'backgroundColor': theme.colors['bg/secondary'],
22669
+ 'color': theme.colors['text/primary'],
22670
+ '& svg': {
22671
+ color: theme.colors['icon/primary']
22672
+ },
22673
+ '&:hover': {
22674
+ backgroundColor: theme.colors['bg/secondary/hovered']
22675
+ },
22676
+ '&:active': {
22677
+ backgroundColor: theme.colors['bg/secondary/pressed']
22678
+ }
22679
+ })
22679
22680
  }
22680
22681
  }
22681
22682
  })}
package/esm/core/Pill/index.js CHANGED
@@ -44,7 +44,6 @@ const Pill = ({
44
44
  ...props,
45
45
  type: 'button',
46
46
  children: [typeof LeadingVisual !== 'string' && reactIsExports.isValidElementType(LeadingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(LeadingVisual, {}) : LeadingVisual, /*#__PURE__*/jsxRuntimeExports.jsx("span", {
47
- title: children?.toString(),
48
47
  children: children
49
48
  }), typeof TrailingVisual !== 'string' && reactIsExports.isValidElementType(TrailingVisual) ? /*#__PURE__*/jsxRuntimeExports.jsx(TrailingVisual, {}) : TrailingVisual, propOnRemove ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
50
49
  onClick: e => {
@@ -162,20 +161,9 @@ const BasePill = styled(UnstyledButton)`
162
161
  prop: 'variant',
163
162
  variants: {
164
163
  outlined: {
165
- 'backgroundColor': theme.colors['bg/neutral/subtler'],
166
- 'borderWidth': 1,
167
- 'borderStyle': 'solid',
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
- },
164
+ borderWidth: 1,
165
+ borderStyle: 'solid',
166
+ borderColor: theme.colors['border/neutral'],
179
167
  ...(disabled ? {
180
168
  'cursor': 'not-allowed',
181
169
  'backgroundColor': theme.colors['bg/disabled'],
@@ -183,20 +171,21 @@ const BasePill = styled(UnstyledButton)`
183
171
  '& svg': {
184
172
  color: theme.colors['icon/disabled']
185
173
  }
186
- } : {})
174
+ } : {
175
+ 'backgroundColor': theme.colors['bg/neutral/subtler'],
176
+ 'color': 'text/neutral/subtle',
177
+ '& svg': {
178
+ color: theme.colors['icon/neutral/bolder']
179
+ },
180
+ '&:hover': {
181
+ backgroundColor: theme.colors['bg/neutral/subtler/hovered']
182
+ },
183
+ '&:active': {
184
+ backgroundColor: theme.colors['bg/neutral/subtler/pressed']
185
+ }
186
+ })
187
187
  },
188
188
  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
189
  ...(disabled ? {
201
190
  'cursor': 'not-allowed',
202
191
  'backgroundColor': theme.colors['bg/disabled'],
@@ -204,7 +193,19 @@ const BasePill = styled(UnstyledButton)`
204
193
  '& svg': {
205
194
  color: theme.colors['icon/disabled']
206
195
  }
207
- } : {})
196
+ } : {
197
+ 'backgroundColor': theme.colors['bg/secondary'],
198
+ 'color': theme.colors['text/primary'],
199
+ '& svg': {
200
+ color: theme.colors['icon/primary']
201
+ },
202
+ '&:hover': {
203
+ backgroundColor: theme.colors['bg/secondary/hovered']
204
+ },
205
+ '&:active': {
206
+ backgroundColor: theme.colors['bg/secondary/pressed']
207
+ }
208
+ })
208
209
  }
209
210
  }
210
211
  })}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.19.24",
3
+ "version": "2.19.26",
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",
@@ -54,7 +54,7 @@
54
54
  "dependencies": {
55
55
  "@floating-ui/react-dom": "^2.0.2",
56
56
  "@primer/behaviors": "^1.3.6",
57
- "@teamturing/icons": "^1.21.0",
57
+ "@teamturing/icons": "^1.22.0",
58
58
  "@teamturing/token-studio": "^1.2.1",
59
59
  "framer-motion": "^10.16.4",
60
60
  "lodash.debounce": "^4.0.8",
@@ -62,5 +62,5 @@
62
62
  "react-is": "^18.2.0",
63
63
  "styled-system": "^5.1.5"
64
64
  },
65
- "gitHead": "f2cd17bfe61fb493b4ae8b36a1f1bd433838caa1"
65
+ "gitHead": "5b22ea51b149210122d02091c51af046075bf772"
66
66
  }