@teamturing/react-kit 2.63.3 → 2.64.1
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 @@ import { SxProp } from '../../utils/styled-system';
|
|
|
4
4
|
import { UnstyledButtonProps } from '../_UnstyledButton';
|
|
5
5
|
type IconToggleButtonSizeType = 'l' | 'm' | 's';
|
|
6
6
|
type IconToggleButtonShapeType = 'circle' | 'rounded';
|
|
7
|
-
type IconToggleButtonVariantType = 'primary' | 'plain' | 'blue' | 'plain-neutral';
|
|
7
|
+
type IconToggleButtonVariantType = 'primary' | 'plain' | 'blue' | 'plain-neutral' | 'plain-bold';
|
|
8
8
|
type Props = {
|
|
9
9
|
icon: ComponentType<SVGProps<SVGSVGElement>>;
|
|
10
10
|
/**
|
package/dist/index.js
CHANGED
|
@@ -6561,6 +6561,19 @@ const BaseIconToggleButton = /*#__PURE__*/styled__default.default(UnstyledButton
|
|
|
6561
6561
|
backgroundColor: theme.colors['bg/disabled/subtlest'],
|
|
6562
6562
|
color: theme.colors['icon/disabled/subtler']
|
|
6563
6563
|
} : {})
|
|
6564
|
+
},
|
|
6565
|
+
'plain-bold': {
|
|
6566
|
+
...(selected ? {
|
|
6567
|
+
backgroundColor: theme.colors['bg/secondary'],
|
|
6568
|
+
color: theme.colors['icon/selected/primary']
|
|
6569
|
+
} : {
|
|
6570
|
+
backgroundColor: theme.colors['bg/neutral/subtler'],
|
|
6571
|
+
color: theme.colors['icon/neutral/bold']
|
|
6572
|
+
}),
|
|
6573
|
+
...($disabled ? {
|
|
6574
|
+
backgroundColor: theme.colors['bg/disabled/subtlest'],
|
|
6575
|
+
color: theme.colors['icon/disabled/subtler']
|
|
6576
|
+
} : {})
|
|
6564
6577
|
}
|
|
6565
6578
|
}
|
|
6566
6579
|
}), sx);
|
|
@@ -7296,7 +7309,7 @@ const Tab = ({
|
|
|
7296
7309
|
bottom: 0,
|
|
7297
7310
|
width: utils.forcePixelValue(gradientWidth),
|
|
7298
7311
|
height: '100%',
|
|
7299
|
-
background: `linear-gradient(${theme.
|
|
7312
|
+
background: `linear-gradient(to right, ${theme.colors['surface']} 0%, transparent 100%)`,
|
|
7300
7313
|
pointerEvents: 'none'
|
|
7301
7314
|
}
|
|
7302
7315
|
}), /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
@@ -7325,7 +7338,7 @@ const Tab = ({
|
|
|
7325
7338
|
bottom: 0,
|
|
7326
7339
|
width: utils.forcePixelValue(gradientWidth),
|
|
7327
7340
|
height: '100%',
|
|
7328
|
-
background: `linear-gradient(${theme.
|
|
7341
|
+
background: `linear-gradient(to left, ${theme.colors['surface']} 0%, transparent 100%)`,
|
|
7329
7342
|
pointerEvents: 'none'
|
|
7330
7343
|
}
|
|
7331
7344
|
}), /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
@@ -141,6 +141,19 @@ const BaseIconToggleButton = /*#__PURE__*/styled(UnstyledButton).withConfig({
|
|
|
141
141
|
backgroundColor: theme.colors['bg/disabled/subtlest'],
|
|
142
142
|
color: theme.colors['icon/disabled/subtler']
|
|
143
143
|
} : {})
|
|
144
|
+
},
|
|
145
|
+
'plain-bold': {
|
|
146
|
+
...(selected ? {
|
|
147
|
+
backgroundColor: theme.colors['bg/secondary'],
|
|
148
|
+
color: theme.colors['icon/selected/primary']
|
|
149
|
+
} : {
|
|
150
|
+
backgroundColor: theme.colors['bg/neutral/subtler'],
|
|
151
|
+
color: theme.colors['icon/neutral/bold']
|
|
152
|
+
}),
|
|
153
|
+
...($disabled ? {
|
|
154
|
+
backgroundColor: theme.colors['bg/disabled/subtlest'],
|
|
155
|
+
color: theme.colors['icon/disabled/subtler']
|
|
156
|
+
} : {})
|
|
144
157
|
}
|
|
145
158
|
}
|
|
146
159
|
}), sx);
|
package/esm/core/Tab/index.js
CHANGED
|
@@ -84,7 +84,7 @@ const Tab = ({
|
|
|
84
84
|
bottom: 0,
|
|
85
85
|
width: forcePixelValue(gradientWidth),
|
|
86
86
|
height: '100%',
|
|
87
|
-
background: `linear-gradient(${theme.
|
|
87
|
+
background: `linear-gradient(to right, ${theme.colors['surface']} 0%, transparent 100%)`,
|
|
88
88
|
pointerEvents: 'none'
|
|
89
89
|
}
|
|
90
90
|
}), /*#__PURE__*/jsx(View, {
|
|
@@ -113,7 +113,7 @@ const Tab = ({
|
|
|
113
113
|
bottom: 0,
|
|
114
114
|
width: forcePixelValue(gradientWidth),
|
|
115
115
|
height: '100%',
|
|
116
|
-
background: `linear-gradient(${theme.
|
|
116
|
+
background: `linear-gradient(to left, ${theme.colors['surface']} 0%, transparent 100%)`,
|
|
117
117
|
pointerEvents: 'none'
|
|
118
118
|
}
|
|
119
119
|
}), /*#__PURE__*/jsx(View, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.64.1",
|
|
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",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@floating-ui/react": "^0.27.16",
|
|
57
57
|
"@primer/behaviors": "^1.3.6",
|
|
58
|
-
"@teamturing/icons": "^1.
|
|
58
|
+
"@teamturing/icons": "^1.70.0",
|
|
59
59
|
"@teamturing/token-studio": "^1.16.4",
|
|
60
60
|
"@teamturing/utils": "^1.6.1",
|
|
61
61
|
"framer-motion": "^10.16.4",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"react-textarea-autosize": "^8.5.3",
|
|
66
66
|
"styled-system": "^5.1.5"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "b966b1039c3700a0d7a0e037f66490012ecf2fe1"
|
|
69
69
|
}
|