td-stylekit 30.9.9 → 30.10.0

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 (7) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/es/Icon/staticTypes.d.ts +2 -0
  3. package/dist/es/Icon/types.js +4 -0
  4. package/dist/es/ThemeProvider/ThemeProvider.d.ts +159 -1
  5. package/dist/es/ThemeProvider/reskinTheme.d.ts +157 -1
  6. package/dist/es/ThemeProvider/reskinTheme.js +3 -2
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [30.10.0](https://github.com/treasure-data/td-stylekit/compare/v30.9.10...v30.10.0) (2025-05-30)
2
+
3
+
4
+ ### Features
5
+
6
+ * **AI-375:** Add FoundryWorkspace icon ([#1672](https://github.com/treasure-data/td-stylekit/issues/1672)) ([062ef05](https://github.com/treasure-data/td-stylekit/commit/062ef051e6e2121c885f37267b5abb1a6fa612c9))
7
+
8
+ ## [30.9.10](https://github.com/treasure-data/td-stylekit/compare/v30.9.9...v30.9.10) (2025-05-28)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * **FG-189:** Resolve typescript circular dependency issue in new theme type ([#1673](https://github.com/treasure-data/td-stylekit/issues/1673)) ([60837e2](https://github.com/treasure-data/td-stylekit/commit/60837e2babd9328fc5d172efb1ef5fd3a3958217))
14
+
1
15
  ## [30.9.9](https://github.com/treasure-data/td-stylekit/compare/v30.9.8...v30.9.9) (2025-05-28)
2
16
 
3
17
 
package/dist/es/Icon/staticTypes.d.ts CHANGED
@@ -108,6 +108,8 @@ export type IconTypes = {
108
108
  FolderTagPersonIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
109
109
  Format: React.ComponentType<JSX.IntrinsicElements['svg']>;
110
110
  FormatIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
111
+ FoundryWorkspace: React.ComponentType<JSX.IntrinsicElements['svg']>;
112
+ FoundryWorkspaceIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
111
113
  Funnel: React.ComponentType<JSX.IntrinsicElements['svg']>;
112
114
  FunnelIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
113
115
  GoToTop: React.ComponentType<JSX.IntrinsicElements['svg']>;
package/dist/es/Icon/types.js CHANGED
@@ -201,6 +201,10 @@ export const types = {typesv5: {Activation: /*#__PURE__*/React.createElement("pa
201
201
  rx: "1",
202
202
  x: "5",
203
203
  y: "17"
204
+ })),FoundryWorkspace: /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
205
+ d: "M13.963 4.64a3.9 3.9 0 0 0-1.105 1.7H5.972c-.092 0-.212.084-.212.243v8.014c0 .16.12.243.212.243h11.475c.093 0 .213-.083.213-.243v-3.343a3.8 3.8 0 0 0 1.7-1.131v4.474l-.01.2c-.098.979-.912 1.743-1.903 1.743H5.972c-.99 0-1.804-.764-1.902-1.744l-.01-.199V6.583c0-1.073.856-1.943 1.912-1.943z"
206
+ }), /*#__PURE__*/React.createElement("path", {
207
+ d: "M15.703 4.06a.316.316 0 0 1 .593 0l.681 1.842c.192.52.602.929 1.121 1.12l1.842.682a.316.316 0 0 1 0 .593l-1.842.682c-.52.192-.929.602-1.12 1.12l-.682 1.843a.316.316 0 0 1-.593 0L15.02 10.1a1.9 1.9 0 0 0-1.12-1.121l-1.843-.682a.316.316 0 0 1 0-.593l1.842-.681c.52-.192.929-.602 1.12-1.121zM7.46 18.24h8.5a.85.85 0 0 1 0 1.7h-8.5a.85.85 0 0 1 0-1.7"
204
208
  })),Funnel: /*#__PURE__*/React.createElement("path", {
205
209
  d: "M4 4.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 .5.5v1.385a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5zM6.856 8a.3.3 0 0 0-.233.49l3.486 4.26a.5.5 0 0 1 .113.317v6.07a.5.5 0 0 0 .749.434l2.555-1.463a.5.5 0 0 0 .252-.434v-4.607a.5.5 0 0 1 .113-.316l3.486-4.26a.3.3 0 0 0-.233-.49z"
206
210
  }),GoToTop: /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
package/dist/es/ThemeProvider/ThemeProvider.d.ts CHANGED
@@ -59,7 +59,165 @@ declare namespace ThemeProvider {
59
59
  neutral: string;
60
60
  };
61
61
  };
62
- var v5ReskinTheme: any;
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
+ backgroundColor: string;
210
+ border: string;
211
+ borderRadius?: undefined;
212
+ borderColor?: undefined;
213
+ color?: undefined;
214
+ fontWeight?: undefined;
215
+ borderBottom?: undefined;
216
+ ':hover'?: undefined;
217
+ borderRight?: undefined;
218
+ };
219
+ };
220
+ };
63
221
  }
64
222
  export default ThemeProvider;
65
223
  //# sourceMappingURL=ThemeProvider.d.ts.map
package/dist/es/ThemeProvider/reskinTheme.d.ts CHANGED
@@ -6,5 +6,161 @@ export declare const palette: {
6
6
  secondary: string[];
7
7
  neutral: string[];
8
8
  };
9
- export declare const theme: any;
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
+ backgroundColor: string;
155
+ border: string;
156
+ borderRadius?: undefined;
157
+ borderColor?: undefined;
158
+ color?: undefined;
159
+ fontWeight?: undefined;
160
+ borderBottom?: undefined;
161
+ ':hover'?: undefined;
162
+ borderRight?: undefined;
163
+ };
164
+ };
165
+ };
10
166
  //# sourceMappingURL=reskinTheme.d.ts.map
package/dist/es/ThemeProvider/reskinTheme.js CHANGED
@@ -256,15 +256,16 @@ var overrides = (_overrides = {}, _defineProperty(_defineProperty(_definePropert
256
256
  }
257
257
  return {
258
258
  borderRadius: radius[0],
259
- color: theme.palette.neutral[11]
259
+ color: palette.neutral[11]
260
260
  };
261
261
  }), _overridable["default"].Modal.NavButtonIconWrapper, function (_ref3) {
262
262
  var active = _ref3.active;
263
263
  if (active) {
264
264
  return {
265
- color: theme.palette.secondary[5]
265
+ color: palette.secondary[5]
266
266
  };
267
267
  }
268
+ return {};
268
269
  }), _overridable["default"].Modal.ErrorIcon, function (_ref4) {
269
270
  var active = _ref4.active;
270
271
  if (active) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "td-stylekit",
3
- "version": "30.9.9",
3
+ "version": "30.10.0",
4
4
  "main": "dist/es/index.js",
5
5
  "module": "dist/es/index.js",
6
6
  "types": "dist/es/index.d.ts",