@trackunit/react-components 1.7.3 → 1.7.6

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/index.cjs.js CHANGED
@@ -2234,7 +2234,7 @@ const cvaHighlight = cssClassVarianceUtilities.cvaMerge([
2234
2234
  ], {
2235
2235
  variants: {
2236
2236
  color: {
2237
- primary: ["bg-primary-100", "text-primary-700"],
2237
+ info: ["bg-info-100", "text-info-700"],
2238
2238
  success: ["bg-success-100", "text-success-700"],
2239
2239
  warning: ["bg-warning-100", "text-warning-700"],
2240
2240
  danger: ["bg-danger-100", "text-danger-700"],
package/index.esm.js CHANGED
@@ -2232,7 +2232,7 @@ const cvaHighlight = cvaMerge([
2232
2232
  ], {
2233
2233
  variants: {
2234
2234
  color: {
2235
- primary: ["bg-primary-100", "text-primary-700"],
2235
+ info: ["bg-info-100", "text-info-700"],
2236
2236
  success: ["bg-success-100", "text-success-700"],
2237
2237
  warning: ["bg-warning-100", "text-warning-700"],
2238
2238
  danger: ["bg-danger-100", "text-danger-700"],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-components",
3
- "version": "1.7.3",
3
+ "version": "1.7.6",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -18,12 +18,12 @@
18
18
  "@tanstack/react-router": "1.114.29",
19
19
  "string-ts": "^2.0.0",
20
20
  "tailwind-merge": "^2.0.0",
21
- "@trackunit/ui-design-tokens": "1.6.3",
22
- "@trackunit/css-class-variance-utilities": "1.6.3",
23
- "@trackunit/shared-utils": "1.8.3",
24
- "@trackunit/ui-icons": "1.6.3",
25
- "@trackunit/react-table-pagination": "1.6.3",
26
- "@trackunit/react-test-setup": "1.3.3"
21
+ "@trackunit/ui-design-tokens": "1.6.6",
22
+ "@trackunit/css-class-variance-utilities": "1.6.5",
23
+ "@trackunit/shared-utils": "1.8.5",
24
+ "@trackunit/ui-icons": "1.6.5",
25
+ "@trackunit/react-table-pagination": "1.6.5",
26
+ "@trackunit/react-test-setup": "1.3.5"
27
27
  },
28
28
  "module": "./index.esm.js",
29
29
  "main": "./index.cjs.js",
@@ -5,7 +5,7 @@ export interface HighlightProps extends CommonProps {
5
5
  /**
6
6
  * The color of the highlight. Allowed values: "primary", "success", "warning", "danger", "unknown".
7
7
  */
8
- color?: "primary" | "success" | "warning" | "danger" | "unknown";
8
+ color?: "info" | "success" | "warning" | "danger" | "unknown";
9
9
  /**
10
10
  * The content of the highlight. Accepts any valid React children (text, numbers, elements).
11
11
  */
@@ -1,4 +1,4 @@
1
1
  export declare const cvaHighlight: (props?: ({
2
- color?: "primary" | "success" | "warning" | "danger" | "unknown" | null | undefined;
2
+ color?: "info" | "success" | "warning" | "danger" | "unknown" | null | undefined;
3
3
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
4
4
  export declare const cvaHighlightText: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
@@ -6,340 +6,159 @@ import { AriaProps } from "../../common/AriaProps";
6
6
  export type IconColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors | UtilizationColors | SitesColors | RentalStatusColors;
7
7
  export declare const iconPalette: {
8
8
  ON_RENT: {
9
- readonly 50: "239 246 255";
10
9
  readonly 100: "219 234 254";
11
- readonly 200: "191 219 254";
12
- readonly 300: "147 197 253";
13
10
  readonly 400: "96 165 250";
14
- readonly 500: "59 130 246";
15
- readonly 600: "37 99 235";
16
- readonly 700: "29 78 216";
17
11
  readonly 800: "30 64 175";
18
- readonly 900: "30 58 138";
19
12
  };
20
13
  RETURNED: {
21
- readonly 50: "245 243 255";
22
14
  readonly 100: "237 233 254";
23
- readonly 200: "221 214 254";
24
- readonly 300: "196 181 253";
25
- readonly 400: "167 139 250";
26
15
  readonly 500: "139 92 246";
27
- readonly 600: "124 58 237";
28
- readonly 700: "109 40 217";
29
16
  readonly 800: "91 33 182";
30
- readonly 900: "76 29 149";
31
17
  };
32
18
  AVAILABLE: {
33
- readonly 50: "240 253 244";
34
19
  readonly 100: "220 252 231";
35
- readonly 200: "187 247 208";
36
- readonly 300: "134 239 172";
37
- readonly 400: "74 222 128";
38
20
  readonly 500: "34 197 94";
39
- readonly 600: "22 163 74";
40
- readonly 700: "21 128 61";
41
21
  readonly 800: "22 101 52";
42
- readonly 900: "20 83 45";
43
22
  };
44
23
  PICKUP_READY: {
45
- readonly 50: "255 251 235";
46
24
  readonly 100: "254 243 199";
47
- readonly 200: "253 230 138";
48
- readonly 300: "252 211 77";
49
- readonly 400: "251 191 36";
50
25
  readonly 500: "245 158 11";
51
- readonly 600: "217 119 6";
52
26
  readonly 700: "180 83 9";
53
- readonly 800: "146 64 14";
54
- readonly 900: "120 53 15";
55
27
  };
56
28
  TRANSFER: {
57
29
  readonly 50: "254 252 232";
58
- readonly 100: "254 249 195";
59
- readonly 200: "254 240 138";
60
30
  readonly 300: "253 224 71";
61
- readonly 400: "250 204 21";
62
- readonly 500: "234 179 8";
63
31
  readonly 600: "202 138 4";
64
- readonly 700: "161 98 7";
65
- readonly 800: "133 77 14";
66
- readonly 900: "113 63 18";
67
32
  };
68
33
  IN_REPAIR: {
69
- readonly 50: "254 242 242";
70
34
  readonly 100: "254 226 226";
71
- readonly 200: "254 202 202";
72
- readonly 300: "252 165 165";
73
35
  readonly 400: "248 113 113";
74
- readonly 500: "239 68 68";
75
- readonly 600: "220 38 38";
76
36
  readonly 700: "185 28 28";
77
- readonly 800: "153 27 27";
78
- readonly 900: "127 29 29";
79
37
  };
80
38
  OTHER_RENTAL_STATUS: {
81
- readonly 50: "249 250 251";
82
39
  readonly 100: "243 244 246";
83
- readonly 200: "229 231 235";
84
- readonly 300: "209 213 219";
85
- readonly 400: "156 163 175";
86
40
  readonly 500: "107 114 128";
87
- readonly 600: "75 85 99";
88
- readonly 700: "55 65 81";
89
41
  readonly 800: "31 41 55";
90
- readonly 900: "17 24 39";
91
42
  };
92
43
  SITE_AREA: {
93
- readonly 50: "239 246 255";
94
44
  readonly 100: "219 234 254";
95
- readonly 200: "191 219 254";
96
- readonly 300: "147 197 253";
97
- readonly 400: "96 165 250";
98
- readonly 500: "59 130 246";
99
45
  readonly 600: "37 99 235";
100
- readonly 700: "29 78 216";
101
46
  readonly 800: "30 64 175";
102
- readonly 900: "30 58 138";
103
47
  };
104
48
  SITE_CLASSIC_POI: {
105
- readonly 50: "249 250 251";
106
49
  readonly 100: "243 244 246";
107
- readonly 200: "229 231 235";
108
- readonly 300: "209 213 219";
109
- readonly 400: "156 163 175";
110
- readonly 500: "107 114 128";
111
50
  readonly 600: "75 85 99";
112
- readonly 700: "55 65 81";
113
51
  readonly 800: "31 41 55";
114
- readonly 900: "17 24 39";
115
52
  };
116
53
  SITE_CLASSIC_ZONE: {
117
- readonly 50: "249 250 251";
118
54
  readonly 100: "243 244 246";
119
- readonly 200: "229 231 235";
120
- readonly 300: "209 213 219";
121
- readonly 400: "156 163 175";
122
- readonly 500: "107 114 128";
123
55
  readonly 600: "75 85 99";
124
- readonly 700: "55 65 81";
125
56
  readonly 800: "31 41 55";
126
- readonly 900: "17 24 39";
127
57
  };
128
58
  SITE_DEPOT: {
129
- readonly 50: "240 253 244";
130
59
  readonly 100: "220 252 231";
131
- readonly 200: "187 247 208";
132
- readonly 300: "134 239 172";
133
- readonly 400: "74 222 128";
134
60
  readonly 500: "34 197 94";
135
- readonly 600: "22 163 74";
136
61
  readonly 700: "21 128 61";
137
- readonly 800: "22 101 52";
138
- readonly 900: "20 83 45";
139
62
  };
140
63
  SITE_WORK_PLACE: {
141
- readonly 50: "245 243 255";
142
64
  readonly 100: "237 233 254";
143
- readonly 200: "221 214 254";
144
- readonly 300: "196 181 253";
145
- readonly 400: "167 139 250";
146
- readonly 500: "139 92 246";
147
65
  readonly 600: "124 58 237";
148
- readonly 700: "109 40 217";
149
66
  readonly 800: "91 33 182";
150
- readonly 900: "76 29 149";
151
67
  };
152
68
  SITE_CONSTRUCTION_SITE: {
153
- readonly 50: "255 251 235";
154
69
  readonly 100: "254 243 199";
155
- readonly 200: "253 230 138";
156
- readonly 300: "252 211 77";
157
- readonly 400: "251 191 36";
158
70
  readonly 500: "245 158 11";
159
- readonly 600: "217 119 6";
160
71
  readonly 700: "180 83 9";
161
- readonly 800: "146 64 14";
162
- readonly 900: "120 53 15";
163
72
  };
164
73
  SITE_UNKNOWN: {
165
- readonly 50: "249 250 251";
166
74
  readonly 100: "243 244 246";
167
- readonly 200: "229 231 235";
168
- readonly 300: "209 213 219";
169
- readonly 400: "156 163 175";
170
- readonly 500: "107 114 128";
171
75
  readonly 600: "75 85 99";
172
- readonly 700: "55 65 81";
173
76
  readonly 800: "31 41 55";
174
- readonly 900: "17 24 39";
175
77
  };
176
78
  UNUSED: {
177
- readonly 50: "254 242 242";
178
79
  readonly 100: "254 226 226";
179
- readonly 200: "254 202 202";
180
- readonly 300: "252 165 165";
181
80
  readonly 400: "248 113 113";
182
- readonly 500: "239 68 68";
183
81
  readonly 600: "220 38 38";
184
82
  readonly 700: "185 28 28";
185
- readonly 800: "153 27 27";
186
- readonly 900: "127 29 29";
187
83
  };
188
84
  UTILIZED: {
189
- readonly 50: "239 246 255";
190
85
  readonly 100: "219 234 254";
191
- readonly 200: "191 219 254";
192
- readonly 300: "147 197 253";
193
86
  readonly 400: "96 165 250";
194
- readonly 500: "59 130 246";
195
87
  readonly 600: "37 99 235";
196
- readonly 700: "29 78 216";
197
88
  readonly 800: "30 64 175";
198
- readonly 900: "30 58 138";
199
89
  };
200
90
  HEAVILY_UTILIZED: {
201
- readonly 50: "255 251 235";
202
91
  readonly 100: "254 243 199";
203
- readonly 200: "253 230 138";
204
- readonly 300: "252 211 77";
205
- readonly 400: "251 191 36";
206
92
  readonly 500: "245 158 11";
207
- readonly 600: "217 119 6";
208
93
  readonly 700: "180 83 9";
209
- readonly 800: "146 64 14";
210
- readonly 900: "120 53 15";
211
94
  };
212
95
  UNKNOWN_UTILIZATION: {
213
- readonly 50: "249 250 251";
214
96
  readonly 100: "243 244 246";
215
- readonly 200: "229 231 235";
216
- readonly 300: "209 213 219";
217
- readonly 400: "156 163 175";
218
- readonly 500: "107 114 128";
219
97
  readonly 600: "75 85 99";
220
- readonly 700: "55 65 81";
221
98
  readonly 800: "31 41 55";
222
- readonly 900: "17 24 39";
223
99
  };
224
100
  WORKING: {
225
- readonly 50: "239 246 255";
226
101
  readonly 100: "219 234 254";
227
- readonly 200: "191 219 254";
228
- readonly 300: "147 197 253";
229
- readonly 400: "96 165 250";
230
102
  readonly 500: "59 130 246";
231
103
  readonly 600: "37 99 235";
232
- readonly 700: "29 78 216";
233
- readonly 800: "30 64 175";
234
104
  readonly 900: "30 58 138";
235
105
  };
236
106
  IDLE: {
237
- readonly 50: "255 251 235";
238
107
  readonly 100: "254 243 199";
239
- readonly 200: "253 230 138";
240
- readonly 300: "252 211 77";
241
- readonly 400: "251 191 36";
242
108
  readonly 500: "245 158 11";
243
109
  readonly 600: "217 119 6";
244
- readonly 700: "180 83 9";
245
- readonly 800: "146 64 14";
246
110
  readonly 900: "120 53 15";
247
111
  };
248
112
  STOPPED: {
249
- readonly 50: "249 250 251";
250
113
  readonly 100: "243 244 246";
251
- readonly 200: "229 231 235";
252
- readonly 300: "209 213 219";
253
- readonly 400: "156 163 175";
254
114
  readonly 500: "107 114 128";
255
- readonly 600: "75 85 99";
256
115
  readonly 700: "55 65 81";
257
- readonly 800: "31 41 55";
258
116
  readonly 900: "17 24 39";
259
117
  };
260
118
  UNKNOWN: {
261
- readonly 50: "249 250 251";
262
119
  readonly 100: "243 244 246";
263
- readonly 200: "229 231 235";
264
- readonly 300: "209 213 219";
265
120
  readonly 400: "156 163 175";
266
121
  readonly 500: "107 114 128";
267
- readonly 600: "75 85 99";
268
- readonly 700: "55 65 81";
269
- readonly 800: "31 41 55";
270
122
  readonly 900: "17 24 39";
271
123
  };
272
124
  MOVING: {
273
- readonly 50: "240 253 244";
274
125
  readonly 100: "220 252 231";
275
- readonly 200: "187 247 208";
276
- readonly 300: "134 239 172";
277
- readonly 400: "74 222 128";
278
126
  readonly 500: "34 197 94";
279
127
  readonly 600: "22 163 74";
280
- readonly 700: "21 128 61";
281
128
  readonly 800: "22 101 52";
282
- readonly 900: "20 83 45";
283
129
  };
284
130
  ACTIVE: {
285
- readonly 50: "240 253 244";
286
131
  readonly 100: "220 252 231";
287
- readonly 200: "187 247 208";
288
- readonly 300: "134 239 172";
289
- readonly 400: "74 222 128";
290
132
  readonly 500: "34 197 94";
291
133
  readonly 600: "22 163 74";
292
- readonly 700: "21 128 61";
293
134
  readonly 800: "22 101 52";
294
- readonly 900: "20 83 45";
295
135
  };
296
136
  EXCESSIVE_USAGE: {
297
- readonly 50: "254 242 242";
298
137
  readonly 100: "254 226 226";
299
- readonly 200: "254 202 202";
300
- readonly 300: "252 165 165";
301
- readonly 400: "248 113 113";
302
138
  readonly 500: "239 68 68";
303
139
  readonly 600: "220 38 38";
304
- readonly 700: "185 28 28";
305
140
  readonly 800: "153 27 27";
306
- readonly 900: "127 29 29";
307
141
  };
308
142
  GOOD: {
309
- readonly 50: "240 253 244";
310
143
  readonly 100: "220 252 231";
311
- readonly 200: "187 247 208";
312
144
  readonly 300: "134 239 172";
313
- readonly 400: "74 222 128";
314
145
  readonly 500: "34 197 94";
315
146
  readonly 600: "22 163 74";
316
- readonly 700: "21 128 61";
317
147
  readonly 800: "22 101 52";
318
- readonly 900: "20 83 45";
319
148
  };
320
149
  LOW: {
321
- readonly 50: "255 251 235";
322
150
  readonly 100: "254 243 199";
323
- readonly 200: "253 230 138";
324
151
  readonly 300: "252 211 77";
325
- readonly 400: "251 191 36";
326
152
  readonly 500: "245 158 11";
327
153
  readonly 600: "217 119 6";
328
- readonly 700: "180 83 9";
329
154
  readonly 800: "146 64 14";
330
- readonly 900: "120 53 15";
331
155
  };
332
156
  CRITICAL: {
333
- readonly 50: "254 242 242";
334
157
  readonly 100: "254 226 226";
335
- readonly 200: "254 202 202";
336
158
  readonly 300: "252 165 165";
337
- readonly 400: "248 113 113";
338
159
  readonly 500: "239 68 68";
339
160
  readonly 600: "220 38 38";
340
161
  readonly 700: "185 28 28";
341
- readonly 800: "153 27 27";
342
- readonly 900: "127 29 29";
343
162
  };
344
163
  PRIMARY: {
345
164
  readonly 50: "239 246 255";