@synerise/ds-card-tabs 1.5.1 → 1.5.3
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/CHANGELOG.md +8 -107
- package/dist/CardTab/CardTab.styles.js +122 -122
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
|
@@ -3,225 +3,126 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [1.5.
|
|
6
|
+
## [1.5.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.5.2...@synerise/ds-card-tabs@1.5.3) (2025-12-15)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
9
9
|
|
|
10
|
+
## [1.5.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.5.1...@synerise/ds-card-tabs@1.5.2) (2025-11-28)
|
|
10
11
|
|
|
12
|
+
### Bug Fixes
|
|
11
13
|
|
|
14
|
+
- **card-tabs:** persist suffix visibility ([2fe182d](https://github.com/Synerise/synerise-design/commit/2fe182d08869c43f9dbe6d4b67cd2e7b70d8643f))
|
|
12
15
|
|
|
16
|
+
## [1.5.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.5.0...@synerise/ds-card-tabs@1.5.1) (2025-11-13)
|
|
13
17
|
|
|
14
|
-
|
|
18
|
+
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
15
19
|
|
|
20
|
+
# [1.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.27...@synerise/ds-card-tabs@1.5.0) (2025-11-06)
|
|
16
21
|
|
|
17
22
|
### Features
|
|
18
23
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
- **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
|
|
24
25
|
|
|
25
26
|
## [1.4.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.26...@synerise/ds-card-tabs@1.4.27) (2025-10-31)
|
|
26
27
|
|
|
27
28
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
28
29
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
30
|
## [1.4.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.25...@synerise/ds-card-tabs@1.4.26) (2025-10-22)
|
|
34
31
|
|
|
35
32
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
36
33
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
34
|
## [1.4.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.24...@synerise/ds-card-tabs@1.4.25) (2025-10-16)
|
|
42
35
|
|
|
43
36
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
44
37
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
38
|
## [1.4.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.23...@synerise/ds-card-tabs@1.4.24) (2025-10-10)
|
|
50
39
|
|
|
51
40
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
52
41
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
42
|
## [1.4.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.22...@synerise/ds-card-tabs@1.4.23) (2025-10-08)
|
|
58
43
|
|
|
59
44
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
60
45
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
46
|
## [1.4.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.21...@synerise/ds-card-tabs@1.4.22) (2025-10-03)
|
|
66
47
|
|
|
67
48
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
68
49
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
50
|
## [1.4.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.20...@synerise/ds-card-tabs@1.4.21) (2025-09-30)
|
|
74
51
|
|
|
75
52
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
76
53
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
54
|
## [1.4.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.19...@synerise/ds-card-tabs@1.4.20) (2025-09-30)
|
|
82
55
|
|
|
83
56
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
84
57
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
58
|
## [1.4.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.18...@synerise/ds-card-tabs@1.4.19) (2025-09-26)
|
|
90
59
|
|
|
91
60
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
92
61
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
62
|
## [1.4.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.17...@synerise/ds-card-tabs@1.4.18) (2025-09-25)
|
|
98
63
|
|
|
99
64
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
100
65
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
66
|
## [1.4.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.16...@synerise/ds-card-tabs@1.4.17) (2025-09-23)
|
|
106
67
|
|
|
107
68
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
108
69
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
70
|
## [1.4.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.15...@synerise/ds-card-tabs@1.4.16) (2025-09-19)
|
|
114
71
|
|
|
115
72
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
116
73
|
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
74
|
## [1.4.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.14...@synerise/ds-card-tabs@1.4.15) (2025-09-16)
|
|
122
75
|
|
|
123
76
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
124
77
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
78
|
## [1.4.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.13...@synerise/ds-card-tabs@1.4.14) (2025-08-28)
|
|
130
79
|
|
|
131
80
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
132
81
|
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
82
|
## [1.4.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.12...@synerise/ds-card-tabs@1.4.13) (2025-08-20)
|
|
138
83
|
|
|
139
84
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
140
85
|
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
86
|
## [1.4.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.11...@synerise/ds-card-tabs@1.4.12) (2025-08-14)
|
|
146
87
|
|
|
147
88
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
148
89
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
90
|
## [1.4.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.10...@synerise/ds-card-tabs@1.4.11) (2025-07-24)
|
|
154
91
|
|
|
155
92
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
156
93
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
94
|
## [1.4.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.9...@synerise/ds-card-tabs@1.4.10) (2025-07-17)
|
|
162
95
|
|
|
163
96
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
164
97
|
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
98
|
## [1.4.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.8...@synerise/ds-card-tabs@1.4.9) (2025-07-15)
|
|
170
99
|
|
|
171
100
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
172
101
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
102
|
## [1.4.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.7...@synerise/ds-card-tabs@1.4.8) (2025-07-11)
|
|
178
103
|
|
|
179
104
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
180
105
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
106
|
## [1.4.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.6...@synerise/ds-card-tabs@1.4.7) (2025-07-08)
|
|
186
107
|
|
|
187
108
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
188
109
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
110
|
## [1.4.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.5...@synerise/ds-card-tabs@1.4.6) (2025-07-04)
|
|
194
111
|
|
|
195
112
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
196
113
|
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
114
|
## [1.4.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.4...@synerise/ds-card-tabs@1.4.5) (2025-07-01)
|
|
202
115
|
|
|
203
116
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
204
117
|
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
118
|
## [1.4.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.3...@synerise/ds-card-tabs@1.4.4) (2025-06-26)
|
|
210
119
|
|
|
211
120
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
212
121
|
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
122
|
## [1.4.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.2...@synerise/ds-card-tabs@1.4.3) (2025-06-24)
|
|
218
123
|
|
|
219
124
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
220
125
|
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
126
|
## [1.4.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.1...@synerise/ds-card-tabs@1.4.2) (2025-06-12)
|
|
226
127
|
|
|
227
128
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
@@ -5,7 +5,7 @@ import { getColor, getLighterColor } from '../utils';
|
|
|
5
5
|
export var CardTabSuffix = styled.div.withConfig({
|
|
6
6
|
displayName: "CardTabstyles__CardTabSuffix",
|
|
7
7
|
componentId: "sc-1n86s98-0"
|
|
8
|
-
})(["flex-direction:row;align-items:center;justify-content:flex-end;height:24px;display:none;"]);
|
|
8
|
+
})(["flex-direction:row;align-items:center;justify-content:flex-end;height:24px;display:none;:has([data-popover-trigger][data-state='open']){display:flex;}"]);
|
|
9
9
|
export var CardTabName = styled.span.withConfig({
|
|
10
10
|
displayName: "CardTabstyles__CardTabName",
|
|
11
11
|
componentId: "sc-1n86s98-1"
|
|
@@ -105,71 +105,71 @@ export var CardTabContainer = styled.div.withConfig({
|
|
|
105
105
|
active = _ref9.active,
|
|
106
106
|
color = _ref9.color;
|
|
107
107
|
return getColor(active, theme.palette["" + color], theme.palette.white);
|
|
108
|
-
}, CardDot, function (
|
|
109
|
-
var theme =
|
|
110
|
-
active =
|
|
111
|
-
color =
|
|
112
|
-
invalid =
|
|
108
|
+
}, CardDot, function (_ref0) {
|
|
109
|
+
var theme = _ref0.theme,
|
|
110
|
+
active = _ref0.active,
|
|
111
|
+
color = _ref0.color,
|
|
112
|
+
invalid = _ref0.invalid;
|
|
113
113
|
if (active && invalid) {
|
|
114
114
|
return theme.palette["" + color];
|
|
115
115
|
}
|
|
116
116
|
return getColor(active, 'transparent', theme.palette["" + color]);
|
|
117
|
-
}, CardDotPrefix, function (
|
|
117
|
+
}, CardDotPrefix, function (_ref1) {
|
|
118
|
+
var active = _ref1.active,
|
|
119
|
+
edited = _ref1.edited;
|
|
120
|
+
return active && !edited ? '12px' : '24px';
|
|
121
|
+
}, function (_ref10) {
|
|
122
|
+
var active = _ref10.active,
|
|
123
|
+
edited = _ref10.edited;
|
|
124
|
+
return active && !edited ? '12px' : '24px';
|
|
125
|
+
}, function (_ref11) {
|
|
118
126
|
var active = _ref11.active,
|
|
119
127
|
edited = _ref11.edited;
|
|
120
|
-
return active && !edited ? '
|
|
128
|
+
return active && !edited ? '2px' : '0px';
|
|
121
129
|
}, function (_ref12) {
|
|
122
|
-
var
|
|
130
|
+
var theme = _ref12.theme,
|
|
131
|
+
active = _ref12.active,
|
|
123
132
|
edited = _ref12.edited;
|
|
124
|
-
return active && !edited ? '12px' : '24px';
|
|
125
|
-
}, function (_ref13) {
|
|
126
|
-
var active = _ref13.active,
|
|
127
|
-
edited = _ref13.edited;
|
|
128
|
-
return active && !edited ? '2px' : '0px';
|
|
129
|
-
}, function (_ref14) {
|
|
130
|
-
var theme = _ref14.theme,
|
|
131
|
-
active = _ref14.active,
|
|
132
|
-
edited = _ref14.edited;
|
|
133
133
|
return active && !edited ? theme.palette.white : 'none';
|
|
134
|
-
}, CardSuffixWrapper, function (
|
|
135
|
-
var theme =
|
|
136
|
-
active =
|
|
134
|
+
}, CardSuffixWrapper, function (_ref13) {
|
|
135
|
+
var theme = _ref13.theme,
|
|
136
|
+
active = _ref13.active;
|
|
137
137
|
if (active) {
|
|
138
138
|
return theme.palette.white;
|
|
139
139
|
}
|
|
140
140
|
return theme.palette['grey-600'];
|
|
141
|
-
}, function (
|
|
142
|
-
var theme =
|
|
143
|
-
active =
|
|
141
|
+
}, function (_ref14) {
|
|
142
|
+
var theme = _ref14.theme,
|
|
143
|
+
active = _ref14.active;
|
|
144
144
|
if (active) {
|
|
145
145
|
return theme.palette.white;
|
|
146
146
|
}
|
|
147
147
|
return theme.palette['grey-600'];
|
|
148
|
-
}, CardTabSuffix, function (
|
|
148
|
+
}, CardTabSuffix, function (_ref15) {
|
|
149
|
+
var theme = _ref15.theme,
|
|
150
|
+
active = _ref15.active;
|
|
151
|
+
return active ? theme.palette.white : theme.palette['grey-600'];
|
|
152
|
+
}, function (_ref16) {
|
|
153
|
+
var theme = _ref16.theme,
|
|
154
|
+
active = _ref16.active;
|
|
155
|
+
return active ? theme.palette.white : theme.palette['grey-600'];
|
|
156
|
+
}, function (_ref17) {
|
|
149
157
|
var theme = _ref17.theme,
|
|
150
158
|
active = _ref17.active;
|
|
151
|
-
return active ? theme.palette.white : theme.palette['
|
|
159
|
+
return active ? theme.palette.white : theme.palette['red-600'];
|
|
152
160
|
}, function (_ref18) {
|
|
153
161
|
var theme = _ref18.theme,
|
|
154
162
|
active = _ref18.active;
|
|
155
|
-
return active ? theme.palette.white : theme.palette['grey-600'];
|
|
156
|
-
}, function (_ref19) {
|
|
157
|
-
var theme = _ref19.theme,
|
|
158
|
-
active = _ref19.active;
|
|
159
163
|
return active ? theme.palette.white : theme.palette['red-600'];
|
|
164
|
+
}, function (_ref19) {
|
|
165
|
+
var greyBackground = _ref19.greyBackground;
|
|
166
|
+
return greyBackground ? '0 4px 12px 0 rgba(35, 41, 54, 0.04)' : '';
|
|
160
167
|
}, function (_ref20) {
|
|
161
168
|
var theme = _ref20.theme,
|
|
162
|
-
active = _ref20.active
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
return greyBackground ? '0 4px 12px 0 rgba(35, 41, 54, 0.04)' : '';
|
|
167
|
-
}, function (_ref22) {
|
|
168
|
-
var theme = _ref22.theme,
|
|
169
|
-
active = _ref22.active,
|
|
170
|
-
invalid = _ref22.invalid,
|
|
171
|
-
color = _ref22.color,
|
|
172
|
-
greyBackground = _ref22.greyBackground;
|
|
169
|
+
active = _ref20.active,
|
|
170
|
+
invalid = _ref20.invalid,
|
|
171
|
+
color = _ref20.color,
|
|
172
|
+
greyBackground = _ref20.greyBackground;
|
|
173
173
|
if (invalid && active) {
|
|
174
174
|
return theme.palette["" + getLighterColor('red-600')];
|
|
175
175
|
}
|
|
@@ -180,64 +180,64 @@ export var CardTabContainer = styled.div.withConfig({
|
|
|
180
180
|
return theme.palette.white;
|
|
181
181
|
}
|
|
182
182
|
return theme.palette['grey-050'];
|
|
183
|
-
}, CardTabSuffix, function (
|
|
184
|
-
var edited =
|
|
183
|
+
}, CardTabSuffix, function (_ref21) {
|
|
184
|
+
var edited = _ref21.edited;
|
|
185
185
|
return edited ? 'none' : 'flex';
|
|
186
|
-
}, CardSuffixWrapper, function (
|
|
187
|
-
var edited =
|
|
186
|
+
}, CardSuffixWrapper, function (_ref22) {
|
|
187
|
+
var edited = _ref22.edited;
|
|
188
188
|
return edited ? 'none' : 'flex';
|
|
189
|
-
}, CardTabLabel, function (
|
|
190
|
-
var theme =
|
|
191
|
-
active =
|
|
189
|
+
}, CardTabLabel, function (_ref23) {
|
|
190
|
+
var theme = _ref23.theme,
|
|
191
|
+
active = _ref23.active;
|
|
192
192
|
if (active) {
|
|
193
193
|
return theme.palette.white;
|
|
194
194
|
}
|
|
195
195
|
return theme.palette['grey-800'];
|
|
196
|
-
}, CardTabTag, function (
|
|
197
|
-
var theme =
|
|
198
|
-
color =
|
|
199
|
-
active =
|
|
196
|
+
}, CardTabTag, function (_ref24) {
|
|
197
|
+
var theme = _ref24.theme,
|
|
198
|
+
color = _ref24.color,
|
|
199
|
+
active = _ref24.active;
|
|
200
200
|
if (active) {
|
|
201
201
|
return theme.palette.white;
|
|
202
202
|
}
|
|
203
203
|
return theme.palette["" + color];
|
|
204
|
-
}, function (
|
|
205
|
-
var theme =
|
|
206
|
-
active =
|
|
207
|
-
color =
|
|
204
|
+
}, function (_ref25) {
|
|
205
|
+
var theme = _ref25.theme,
|
|
206
|
+
active = _ref25.active,
|
|
207
|
+
color = _ref25.color;
|
|
208
208
|
if (active) {
|
|
209
209
|
return theme.palette["" + color];
|
|
210
210
|
}
|
|
211
211
|
return theme.palette.white;
|
|
212
212
|
}, function (props) {
|
|
213
213
|
return props.isDraggable ? 'none' : 'flex';
|
|
214
|
-
}, CardTabPrefix, function (
|
|
215
|
-
var theme =
|
|
216
|
-
active =
|
|
214
|
+
}, CardTabPrefix, function (_ref26) {
|
|
215
|
+
var theme = _ref26.theme,
|
|
216
|
+
active = _ref26.active;
|
|
217
217
|
if (active) {
|
|
218
218
|
return theme.palette.white;
|
|
219
219
|
}
|
|
220
220
|
return theme.palette['grey-600'];
|
|
221
|
-
}, function (
|
|
222
|
-
var theme =
|
|
223
|
-
active =
|
|
221
|
+
}, function (_ref27) {
|
|
222
|
+
var theme = _ref27.theme,
|
|
223
|
+
active = _ref27.active;
|
|
224
224
|
if (active) {
|
|
225
225
|
return theme.palette.white;
|
|
226
226
|
}
|
|
227
227
|
return theme.palette['grey-600'];
|
|
228
|
-
}, CardDragPrefix, function (
|
|
229
|
-
var edited =
|
|
228
|
+
}, CardDragPrefix, function (_ref28) {
|
|
229
|
+
var edited = _ref28.edited;
|
|
230
230
|
return edited ? 'none' : 'flex';
|
|
231
|
-
}, function (
|
|
232
|
-
var theme =
|
|
233
|
-
active =
|
|
231
|
+
}, function (_ref29) {
|
|
232
|
+
var theme = _ref29.theme,
|
|
233
|
+
active = _ref29.active;
|
|
234
234
|
if (active) {
|
|
235
235
|
return theme.palette.white;
|
|
236
236
|
}
|
|
237
237
|
return theme.palette['grey-600'];
|
|
238
|
-
}, function (
|
|
239
|
-
var theme =
|
|
240
|
-
active =
|
|
238
|
+
}, function (_ref30) {
|
|
239
|
+
var theme = _ref30.theme,
|
|
240
|
+
active = _ref30.active;
|
|
241
241
|
if (active) {
|
|
242
242
|
return theme.palette.white;
|
|
243
243
|
}
|
|
@@ -246,34 +246,34 @@ export var CardTabContainer = styled.div.withConfig({
|
|
|
246
246
|
return props.isDraggable ? 'none' : 'flex';
|
|
247
247
|
}, CardIconPrefix, function (props) {
|
|
248
248
|
return props.isDraggable ? 'none' : 'flex';
|
|
249
|
+
}, function (_ref31) {
|
|
250
|
+
var theme = _ref31.theme,
|
|
251
|
+
active = _ref31.active;
|
|
252
|
+
return active ? theme.palette.white : theme.palette['grey-600'];
|
|
253
|
+
}, function (_ref32) {
|
|
254
|
+
var theme = _ref32.theme,
|
|
255
|
+
active = _ref32.active;
|
|
256
|
+
return active ? theme.palette.white : theme.palette['grey-600'];
|
|
249
257
|
}, function (_ref33) {
|
|
250
258
|
var theme = _ref33.theme,
|
|
251
259
|
active = _ref33.active;
|
|
252
|
-
return active ? theme.palette.white : theme.palette['grey-600'];
|
|
253
|
-
}, function (_ref34) {
|
|
254
|
-
var theme = _ref34.theme,
|
|
255
|
-
active = _ref34.active;
|
|
256
|
-
return active ? theme.palette.white : theme.palette['grey-600'];
|
|
257
|
-
}, function (_ref35) {
|
|
258
|
-
var theme = _ref35.theme,
|
|
259
|
-
active = _ref35.active;
|
|
260
260
|
if (active) {
|
|
261
261
|
return theme.palette.white;
|
|
262
262
|
}
|
|
263
263
|
return theme.palette['grey-600'];
|
|
264
|
-
}, function (
|
|
265
|
-
var theme =
|
|
266
|
-
active =
|
|
264
|
+
}, function (_ref34) {
|
|
265
|
+
var theme = _ref34.theme,
|
|
266
|
+
active = _ref34.active;
|
|
267
267
|
if (active) {
|
|
268
268
|
return theme.palette.white;
|
|
269
269
|
}
|
|
270
270
|
return theme.palette['grey-600'];
|
|
271
|
-
}, function (
|
|
272
|
-
var theme =
|
|
273
|
-
active =
|
|
274
|
-
invalid =
|
|
275
|
-
color =
|
|
276
|
-
greyBackground =
|
|
271
|
+
}, function (_ref35) {
|
|
272
|
+
var theme = _ref35.theme,
|
|
273
|
+
active = _ref35.active,
|
|
274
|
+
invalid = _ref35.invalid,
|
|
275
|
+
color = _ref35.color,
|
|
276
|
+
greyBackground = _ref35.greyBackground;
|
|
277
277
|
if (invalid && active) {
|
|
278
278
|
return theme.palette["" + getLighterColor('red-600')];
|
|
279
279
|
}
|
|
@@ -284,68 +284,68 @@ export var CardTabContainer = styled.div.withConfig({
|
|
|
284
284
|
return theme.palette.white;
|
|
285
285
|
}
|
|
286
286
|
return theme.palette['grey-100'];
|
|
287
|
-
}, InPlaceEditableInputContainer, function (
|
|
288
|
-
var theme =
|
|
289
|
-
active =
|
|
287
|
+
}, InPlaceEditableInputContainer, function (_ref36) {
|
|
288
|
+
var theme = _ref36.theme,
|
|
289
|
+
active = _ref36.active;
|
|
290
290
|
if (active) {
|
|
291
291
|
return theme.palette.white;
|
|
292
292
|
}
|
|
293
293
|
return theme.palette['grey-800'];
|
|
294
|
-
}, function (
|
|
295
|
-
var theme =
|
|
296
|
-
active =
|
|
294
|
+
}, function (_ref37) {
|
|
295
|
+
var theme = _ref37.theme,
|
|
296
|
+
active = _ref37.active;
|
|
297
297
|
if (active) {
|
|
298
298
|
return theme.palette.white;
|
|
299
299
|
}
|
|
300
300
|
return theme.palette['grey-800'];
|
|
301
|
-
}, function (
|
|
302
|
-
var theme =
|
|
303
|
-
active =
|
|
301
|
+
}, function (_ref38) {
|
|
302
|
+
var theme = _ref38.theme,
|
|
303
|
+
active = _ref38.active;
|
|
304
304
|
if (active) {
|
|
305
305
|
return theme.palette.white;
|
|
306
306
|
}
|
|
307
307
|
return theme.palette['grey-800'];
|
|
308
|
-
}, CardTabLabel, function (
|
|
309
|
-
var theme =
|
|
310
|
-
active =
|
|
308
|
+
}, CardTabLabel, function (_ref39) {
|
|
309
|
+
var theme = _ref39.theme,
|
|
310
|
+
active = _ref39.active;
|
|
311
311
|
if (active) {
|
|
312
312
|
return theme.palette.white;
|
|
313
313
|
}
|
|
314
314
|
return theme.palette['grey-600'];
|
|
315
|
-
}, function (
|
|
316
|
-
var disabled =
|
|
315
|
+
}, function (_ref40) {
|
|
316
|
+
var disabled = _ref40.disabled;
|
|
317
317
|
return disabled ? 0.4 : 1;
|
|
318
|
-
}, function (
|
|
319
|
-
var theme =
|
|
320
|
-
active =
|
|
318
|
+
}, function (_ref41) {
|
|
319
|
+
var theme = _ref41.theme,
|
|
320
|
+
active = _ref41.active;
|
|
321
321
|
return getColor(active, theme.palette.white, theme.palette['grey-600']);
|
|
322
|
-
}, function (
|
|
323
|
-
var theme =
|
|
324
|
-
active =
|
|
322
|
+
}, function (_ref42) {
|
|
323
|
+
var theme = _ref42.theme,
|
|
324
|
+
active = _ref42.active;
|
|
325
325
|
return getColor(active, theme.palette.white, theme.palette['grey-600']);
|
|
326
|
-
}, function (
|
|
327
|
-
var disabled =
|
|
326
|
+
}, function (_ref43) {
|
|
327
|
+
var disabled = _ref43.disabled;
|
|
328
328
|
return disabled ? 0.4 : 1;
|
|
329
|
-
}, CardTabPrefix, function (
|
|
330
|
-
var disabled =
|
|
329
|
+
}, CardTabPrefix, function (_ref44) {
|
|
330
|
+
var disabled = _ref44.disabled;
|
|
331
331
|
return disabled ? 0.4 : 1;
|
|
332
|
+
}, function (_ref45) {
|
|
333
|
+
var theme = _ref45.theme,
|
|
334
|
+
active = _ref45.active;
|
|
335
|
+
return getColor(active, theme.palette.white, theme.palette['grey-400']);
|
|
336
|
+
}, function (_ref46) {
|
|
337
|
+
var theme = _ref46.theme,
|
|
338
|
+
active = _ref46.active;
|
|
339
|
+
return getColor(active, theme.palette.white, theme.palette['grey-400']);
|
|
332
340
|
}, function (_ref47) {
|
|
333
341
|
var theme = _ref47.theme,
|
|
334
342
|
active = _ref47.active;
|
|
335
|
-
return getColor(active, theme.palette.white, theme.palette['grey-
|
|
343
|
+
return getColor(active, theme.palette.white, theme.palette['grey-600']);
|
|
336
344
|
}, function (_ref48) {
|
|
337
345
|
var theme = _ref48.theme,
|
|
338
346
|
active = _ref48.active;
|
|
339
|
-
return getColor(active, theme.palette.white, theme.palette['grey-400']);
|
|
340
|
-
}, function (_ref49) {
|
|
341
|
-
var theme = _ref49.theme,
|
|
342
|
-
active = _ref49.active;
|
|
343
|
-
return getColor(active, theme.palette.white, theme.palette['grey-600']);
|
|
344
|
-
}, function (_ref50) {
|
|
345
|
-
var theme = _ref50.theme,
|
|
346
|
-
active = _ref50.active;
|
|
347
347
|
return getColor(active, theme.palette.white, theme.palette['grey-600']);
|
|
348
|
-
}, CardTabSuffix, function (
|
|
349
|
-
var disabled =
|
|
348
|
+
}, CardTabSuffix, function (_ref49) {
|
|
349
|
+
var disabled = _ref49.disabled;
|
|
350
350
|
return disabled ? 0.4 : 1;
|
|
351
351
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-card-tabs",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.3",
|
|
4
4
|
"description": "CardTabs UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
|
|
22
22
|
"build:watch": "npm run build:js -- --watch",
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
|
-
"pack:ci": "
|
|
24
|
+
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
25
|
"prepublish": "npm run build",
|
|
26
26
|
"test": "jest",
|
|
27
27
|
"test:watch": "npm run test -- --watchAll",
|
|
@@ -35,16 +35,16 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-button": "^1.5.
|
|
39
|
-
"@synerise/ds-cruds": "^1.0.
|
|
40
|
-
"@synerise/ds-dropdown": "^1.1.
|
|
41
|
-
"@synerise/ds-icon": "^1.
|
|
42
|
-
"@synerise/ds-inline-edit": "^1.1.
|
|
43
|
-
"@synerise/ds-menu": "^1.2.
|
|
44
|
-
"@synerise/ds-sortable": "^1.3.
|
|
45
|
-
"@synerise/ds-tooltip": "^1.3.
|
|
46
|
-
"@synerise/ds-typography": "^1.0.
|
|
47
|
-
"@synerise/ds-utils": "^1.5.
|
|
38
|
+
"@synerise/ds-button": "^1.5.2",
|
|
39
|
+
"@synerise/ds-cruds": "^1.0.24",
|
|
40
|
+
"@synerise/ds-dropdown": "^1.1.3",
|
|
41
|
+
"@synerise/ds-icon": "^1.9.1",
|
|
42
|
+
"@synerise/ds-inline-edit": "^1.1.3",
|
|
43
|
+
"@synerise/ds-menu": "^1.2.2",
|
|
44
|
+
"@synerise/ds-sortable": "^1.3.8",
|
|
45
|
+
"@synerise/ds-tooltip": "^1.3.2",
|
|
46
|
+
"@synerise/ds-typography": "^1.0.25",
|
|
47
|
+
"@synerise/ds-utils": "^1.5.1"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"@synerise/ds-core": "*",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
54
54
|
"styled-components": "^5.3.3"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "b1279d5354132a2bf0b6f0cfa343db4c6c928f72"
|
|
57
57
|
}
|