td-stylekit 30.9.7 → 30.9.9

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 (5) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/es/ThemeProvider/ThemeProvider.d.ts +1 -149
  3. package/dist/es/ThemeProvider/reskinTheme.d.ts +1 -147
  4. package/dist/es/ThemeProvider/reskinTheme.js +41 -2
  5. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [30.9.9](https://github.com/treasure-data/td-stylekit/compare/v30.9.8...v30.9.9) (2025-05-28)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **FG-183:** Fix color schema for steps in modal ([#1671](https://github.com/treasure-data/td-stylekit/issues/1671)) ([e2a52c0](https://github.com/treasure-data/td-stylekit/commit/e2a52c04c8c9b1c591407045d09898c02f758696))
7
+
8
+ ## [30.9.8](https://github.com/treasure-data/td-stylekit/compare/v30.9.7...v30.9.8) (2025-05-27)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * **FG-176:** Change neutral gradiente to solid white ([#1670](https://github.com/treasure-data/td-stylekit/issues/1670)) ([3e2ca70](https://github.com/treasure-data/td-stylekit/commit/3e2ca70d6a3ea6eb6de400a160646c8c63154ab7))
14
+
1
15
  ## [30.9.7](https://github.com/treasure-data/td-stylekit/compare/v30.9.6...v30.9.7) (2025-05-27)
2
16
 
3
17
 
package/dist/es/ThemeProvider/ThemeProvider.d.ts CHANGED
@@ -59,155 +59,7 @@ declare namespace ThemeProvider {
59
59
  neutral: string;
60
60
  };
61
61
  };
62
- var v5ReskinTheme: {
63
- icons: any;
64
- name: string;
65
- space: string[];
66
- palette: {
67
- success: string[];
68
- warning: string[];
69
- error: string[];
70
- primary: string[];
71
- secondary: string[];
72
- neutral: string[];
73
- };
74
- fontFamily: {
75
- body: string;
76
- monospace: string;
77
- };
78
- fontSize: string[];
79
- lineHeight: number[];
80
- radius: string[];
81
- borderWidth: string[];
82
- grid: number[];
83
- shadows: {
84
- small: string;
85
- big: string;
86
- pill: string;
87
- bigCentered: string;
88
- popover: string;
89
- secondaryNavActiveItem: string;
90
- flyout: string;
91
- };
92
- sizes: {
93
- PageHeaderIcon: number;
94
- };
95
- zIndex: {
96
- Base: number;
97
- Overlay: number;
98
- FormControl: number;
99
- SecondaryNav: number;
100
- SecondaryNavActiveItem: number;
101
- PrimaryNav: number;
102
- PopOver: number;
103
- PageHeaderSearch: number;
104
- Modal: number;
105
- Tether: number;
106
- GlobalNav: number;
107
- Toast: number;
108
- };
109
- gradient: {
110
- main: string;
111
- neutral: string;
112
- };
113
- overrides: {
114
- [x: symbol]: ((props: any) => any) | {
115
- borderRadius: string;
116
- borderColor?: undefined;
117
- backgroundColor?: undefined;
118
- color?: undefined;
119
- fontWeight?: undefined;
120
- borderBottom?: undefined;
121
- ':hover'?: undefined;
122
- borderRight?: undefined;
123
- border?: undefined;
124
- } | {
125
- borderColor: string;
126
- borderRadius: string;
127
- backgroundColor: string;
128
- color: string;
129
- fontWeight: number;
130
- borderBottom?: undefined;
131
- ':hover'?: undefined;
132
- borderRight?: undefined;
133
- border?: undefined;
134
- } | {
135
- borderColor: string;
136
- backgroundColor: string;
137
- color: string;
138
- borderRadius?: undefined;
139
- fontWeight?: undefined;
140
- borderBottom?: undefined;
141
- ':hover'?: undefined;
142
- borderRight?: undefined;
143
- border?: undefined;
144
- } | {
145
- backgroundColor: string;
146
- borderBottom: string;
147
- ':hover': {
148
- backgroundColor: string;
149
- };
150
- borderRadius?: undefined;
151
- borderColor?: undefined;
152
- color?: undefined;
153
- fontWeight?: undefined;
154
- borderRight?: undefined;
155
- border?: undefined;
156
- } | {
157
- borderRight: string;
158
- borderRadius?: undefined;
159
- borderColor?: undefined;
160
- backgroundColor?: undefined;
161
- color?: undefined;
162
- fontWeight?: undefined;
163
- borderBottom?: undefined;
164
- ':hover'?: undefined;
165
- border?: undefined;
166
- } | {
167
- ':hover': {
168
- backgroundColor: string;
169
- };
170
- borderRadius?: undefined;
171
- borderColor?: undefined;
172
- backgroundColor?: undefined;
173
- color?: undefined;
174
- fontWeight?: undefined;
175
- borderBottom?: undefined;
176
- borderRight?: undefined;
177
- border?: undefined;
178
- } | {
179
- fontWeight: string;
180
- borderRadius?: undefined;
181
- borderColor?: undefined;
182
- backgroundColor?: undefined;
183
- color?: undefined;
184
- borderBottom?: undefined;
185
- ':hover'?: undefined;
186
- borderRight?: undefined;
187
- border?: undefined;
188
- } | {
189
- borderColor: string;
190
- borderRadius: string;
191
- backgroundColor?: undefined;
192
- color?: undefined;
193
- fontWeight?: undefined;
194
- borderBottom?: undefined;
195
- ':hover'?: undefined;
196
- borderRight?: undefined;
197
- border?: undefined;
198
- } | {
199
- backgroundColor: string;
200
- borderRadius: string;
201
- border: string;
202
- borderColor?: undefined;
203
- color?: undefined;
204
- fontWeight?: undefined;
205
- borderBottom?: undefined;
206
- ':hover'?: undefined;
207
- borderRight?: undefined;
208
- };
209
- };
210
- };
62
+ var v5ReskinTheme: any;
211
63
  }
212
64
  export default ThemeProvider;
213
65
  //# sourceMappingURL=ThemeProvider.d.ts.map
package/dist/es/ThemeProvider/reskinTheme.d.ts CHANGED
@@ -6,151 +6,5 @@ export declare const palette: {
6
6
  secondary: string[];
7
7
  neutral: string[];
8
8
  };
9
- export declare const theme: {
10
- readonly space: string[];
11
- readonly palette: {
12
- success: string[];
13
- warning: string[];
14
- error: string[];
15
- primary: string[];
16
- secondary: string[];
17
- neutral: string[];
18
- };
19
- readonly fontFamily: {
20
- body: string;
21
- monospace: string;
22
- };
23
- readonly fontSize: string[];
24
- readonly lineHeight: number[];
25
- readonly radius: string[];
26
- readonly borderWidth: string[];
27
- readonly grid: number[];
28
- readonly shadows: {
29
- small: string;
30
- big: string;
31
- pill: string;
32
- bigCentered: string;
33
- popover: string;
34
- secondaryNavActiveItem: string;
35
- flyout: string;
36
- };
37
- readonly sizes: {
38
- PageHeaderIcon: number;
39
- };
40
- readonly zIndex: {
41
- Base: number;
42
- Overlay: number;
43
- FormControl: number;
44
- SecondaryNav: number;
45
- SecondaryNavActiveItem: number;
46
- PrimaryNav: number;
47
- PopOver: number;
48
- PageHeaderSearch: number;
49
- Modal: number;
50
- Tether: number;
51
- GlobalNav: number;
52
- Toast: number;
53
- };
54
- readonly gradient: {
55
- main: string;
56
- neutral: string;
57
- };
58
- readonly overrides: {
59
- [x: symbol]: ((props: any) => any) | {
60
- borderRadius: string;
61
- borderColor?: undefined;
62
- backgroundColor?: undefined;
63
- color?: undefined;
64
- fontWeight?: undefined;
65
- borderBottom?: undefined;
66
- ':hover'?: undefined;
67
- borderRight?: undefined;
68
- border?: undefined;
69
- } | {
70
- borderColor: string;
71
- borderRadius: string;
72
- backgroundColor: string;
73
- color: string;
74
- fontWeight: number;
75
- borderBottom?: undefined;
76
- ':hover'?: undefined;
77
- borderRight?: undefined;
78
- border?: undefined;
79
- } | {
80
- borderColor: string;
81
- backgroundColor: string;
82
- color: string;
83
- borderRadius?: undefined;
84
- fontWeight?: undefined;
85
- borderBottom?: undefined;
86
- ':hover'?: undefined;
87
- borderRight?: undefined;
88
- border?: undefined;
89
- } | {
90
- backgroundColor: string;
91
- borderBottom: string;
92
- ':hover': {
93
- backgroundColor: string;
94
- };
95
- borderRadius?: undefined;
96
- borderColor?: undefined;
97
- color?: undefined;
98
- fontWeight?: undefined;
99
- borderRight?: undefined;
100
- border?: undefined;
101
- } | {
102
- borderRight: string;
103
- borderRadius?: undefined;
104
- borderColor?: undefined;
105
- backgroundColor?: undefined;
106
- color?: undefined;
107
- fontWeight?: undefined;
108
- borderBottom?: undefined;
109
- ':hover'?: undefined;
110
- border?: undefined;
111
- } | {
112
- ':hover': {
113
- backgroundColor: string;
114
- };
115
- borderRadius?: undefined;
116
- borderColor?: undefined;
117
- backgroundColor?: undefined;
118
- color?: undefined;
119
- fontWeight?: undefined;
120
- borderBottom?: undefined;
121
- borderRight?: undefined;
122
- border?: undefined;
123
- } | {
124
- fontWeight: string;
125
- borderRadius?: undefined;
126
- borderColor?: undefined;
127
- backgroundColor?: undefined;
128
- color?: undefined;
129
- borderBottom?: undefined;
130
- ':hover'?: undefined;
131
- borderRight?: undefined;
132
- border?: undefined;
133
- } | {
134
- borderColor: string;
135
- borderRadius: string;
136
- backgroundColor?: undefined;
137
- color?: undefined;
138
- fontWeight?: undefined;
139
- borderBottom?: undefined;
140
- ':hover'?: undefined;
141
- borderRight?: undefined;
142
- border?: undefined;
143
- } | {
144
- backgroundColor: string;
145
- borderRadius: string;
146
- border: string;
147
- borderColor?: undefined;
148
- color?: undefined;
149
- fontWeight?: undefined;
150
- borderBottom?: undefined;
151
- ':hover'?: undefined;
152
- borderRight?: undefined;
153
- };
154
- };
155
- };
9
+ export declare const theme: any;
156
10
  //# sourceMappingURL=reskinTheme.d.ts.map
package/dist/es/ThemeProvider/reskinTheme.js CHANGED
@@ -84,7 +84,7 @@ var zIndex = {
84
84
  };
85
85
  var gradient = {
86
86
  main: '#EFF2F8',
87
- neutral: 'linear-gradient(179.94deg, #FFFFFF 8.73%, #F5F5F5 33.78%)'
87
+ neutral: '#FFFFFF'
88
88
  };
89
89
  var overrides = (_overrides = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_overrides, _overridable["default"].IconBar.Root, function (props) {
90
90
  var overrides = {
@@ -209,7 +209,7 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
209
209
  color: props.selected ? palette.neutral[0] : props.disabled ? '' : palette.secondary[4]
210
210
  }
211
211
  };
212
- }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_overrides, _overridable["default"].Tree.Spinner, function (props) {
212
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_overrides, _overridable["default"].Tree.Spinner, function (props) {
213
213
  return {
214
214
  borderTopColor: props.selected ? palette.secondary[2] : '#706e6b',
215
215
  borderRightColor: props.selected ? palette.secondary[2] : '#706e6b',
@@ -234,6 +234,45 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
234
234
  backgroundColor: 'transparent',
235
235
  borderRadius: radius[1],
236
236
  border: "1px solid ".concat(palette.primary[5])
237
+ }), _overridable["default"].Modal.NavWrapper, {
238
+ backgroundColor: palette.neutral[0],
239
+ border: "1px solid ".concat(palette.neutral[6])
240
+ }), _overridable["default"].Modal.NavButton, function (_ref2) {
241
+ var active = _ref2.active;
242
+ if (active) {
243
+ return {
244
+ borderRadius: radius[0],
245
+ backgroundColor: palette.secondary[0],
246
+ color: palette.secondary[5],
247
+ ':hover': {
248
+ color: palette.secondary[5]
249
+ },
250
+ ':active': {
251
+ borderRadius: radius[0],
252
+ color: palette.secondary[5],
253
+ backgroundColor: palette.secondary[0]
254
+ }
255
+ };
256
+ }
257
+ return {
258
+ borderRadius: radius[0],
259
+ color: theme.palette.neutral[11]
260
+ };
261
+ }), _overridable["default"].Modal.NavButtonIconWrapper, function (_ref3) {
262
+ var active = _ref3.active;
263
+ if (active) {
264
+ return {
265
+ color: theme.palette.secondary[5]
266
+ };
267
+ }
268
+ }), _overridable["default"].Modal.ErrorIcon, function (_ref4) {
269
+ var active = _ref4.active;
270
+ if (active) {
271
+ return {
272
+ color: palette.error[1]
273
+ };
274
+ }
275
+ return {};
237
276
  }));
238
277
  var theme = exports.theme = {
239
278
  space: space,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "td-stylekit",
3
- "version": "30.9.7",
3
+ "version": "30.9.9",
4
4
  "main": "dist/es/index.js",
5
5
  "module": "dist/es/index.js",
6
6
  "types": "dist/es/index.d.ts",