@blockscout/ui-toolkit 2.4.0-alpha.2 → 2.4.1-alpha
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.
|
@@ -242,6 +242,28 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
|
|
|
242
242
|
color: "hover";
|
|
243
243
|
};
|
|
244
244
|
};
|
|
245
|
+
icon_background: {
|
|
246
|
+
bg: "button.icon_background.bg";
|
|
247
|
+
color: "icon.secondary";
|
|
248
|
+
border: "none";
|
|
249
|
+
_hover: {
|
|
250
|
+
color: "hover";
|
|
251
|
+
};
|
|
252
|
+
_selected: {
|
|
253
|
+
bg: "selected.control.bg";
|
|
254
|
+
color: "selected.control.text";
|
|
255
|
+
_hover: {
|
|
256
|
+
bg: "selected.control.bg";
|
|
257
|
+
color: "hover";
|
|
258
|
+
};
|
|
259
|
+
_expanded: {
|
|
260
|
+
color: "hover";
|
|
261
|
+
};
|
|
262
|
+
};
|
|
263
|
+
_expanded: {
|
|
264
|
+
color: "hover";
|
|
265
|
+
};
|
|
266
|
+
};
|
|
245
267
|
pagination: {
|
|
246
268
|
borderWidth: "2px";
|
|
247
269
|
borderStyle: "solid";
|
|
@@ -308,6 +308,28 @@ export declare const recipes: {
|
|
|
308
308
|
color: "hover";
|
|
309
309
|
};
|
|
310
310
|
};
|
|
311
|
+
icon_background: {
|
|
312
|
+
bg: "button.icon_background.bg";
|
|
313
|
+
color: "icon.secondary";
|
|
314
|
+
border: "none";
|
|
315
|
+
_hover: {
|
|
316
|
+
color: "hover";
|
|
317
|
+
};
|
|
318
|
+
_selected: {
|
|
319
|
+
bg: "selected.control.bg";
|
|
320
|
+
color: "selected.control.text";
|
|
321
|
+
_hover: {
|
|
322
|
+
bg: "selected.control.bg";
|
|
323
|
+
color: "hover";
|
|
324
|
+
};
|
|
325
|
+
_expanded: {
|
|
326
|
+
color: "hover";
|
|
327
|
+
};
|
|
328
|
+
};
|
|
329
|
+
_expanded: {
|
|
330
|
+
color: "hover";
|
|
331
|
+
};
|
|
332
|
+
};
|
|
311
333
|
pagination: {
|
|
312
334
|
borderWidth: "2px";
|
|
313
335
|
borderStyle: "solid";
|
|
@@ -1372,6 +1394,73 @@ export declare const slotRecipes: {
|
|
|
1372
1394
|
};
|
|
1373
1395
|
};
|
|
1374
1396
|
}>;
|
|
1397
|
+
progress: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "track" | "root" | "range" | "valueText", {
|
|
1398
|
+
variant: {
|
|
1399
|
+
subtle: {
|
|
1400
|
+
track: {
|
|
1401
|
+
bgColor: "progress.track";
|
|
1402
|
+
};
|
|
1403
|
+
range: {
|
|
1404
|
+
bgColor: "selected.option.bg";
|
|
1405
|
+
};
|
|
1406
|
+
};
|
|
1407
|
+
};
|
|
1408
|
+
shape: {
|
|
1409
|
+
rounded: {
|
|
1410
|
+
track: {
|
|
1411
|
+
borderRadius: "base";
|
|
1412
|
+
};
|
|
1413
|
+
};
|
|
1414
|
+
};
|
|
1415
|
+
striped: {
|
|
1416
|
+
true: {
|
|
1417
|
+
range: {
|
|
1418
|
+
backgroundImage: "linear-gradient(45deg, var(--stripe-color) 25%, transparent 25%, transparent 50%, var(--stripe-color) 50%, var(--stripe-color) 75%, transparent 75%, transparent)";
|
|
1419
|
+
backgroundSize: "var(--stripe-size) var(--stripe-size)";
|
|
1420
|
+
'--stripe-size': "1rem";
|
|
1421
|
+
'--stripe-color': {
|
|
1422
|
+
_light: "rgba(255, 255, 255, 0.3)";
|
|
1423
|
+
_dark: "rgba(0, 0, 0, 0.3)";
|
|
1424
|
+
};
|
|
1425
|
+
};
|
|
1426
|
+
};
|
|
1427
|
+
};
|
|
1428
|
+
animated: {
|
|
1429
|
+
true: {
|
|
1430
|
+
range: {
|
|
1431
|
+
'--animate-from': "var(--stripe-size)";
|
|
1432
|
+
animation: "bg-position 1s linear infinite";
|
|
1433
|
+
};
|
|
1434
|
+
};
|
|
1435
|
+
};
|
|
1436
|
+
size: {
|
|
1437
|
+
xs: {
|
|
1438
|
+
track: {
|
|
1439
|
+
h: "1";
|
|
1440
|
+
};
|
|
1441
|
+
};
|
|
1442
|
+
sm: {
|
|
1443
|
+
track: {
|
|
1444
|
+
h: "2";
|
|
1445
|
+
};
|
|
1446
|
+
};
|
|
1447
|
+
md: {
|
|
1448
|
+
track: {
|
|
1449
|
+
h: "3";
|
|
1450
|
+
};
|
|
1451
|
+
};
|
|
1452
|
+
lg: {
|
|
1453
|
+
track: {
|
|
1454
|
+
h: "4";
|
|
1455
|
+
};
|
|
1456
|
+
};
|
|
1457
|
+
xl: {
|
|
1458
|
+
track: {
|
|
1459
|
+
h: "8";
|
|
1460
|
+
};
|
|
1461
|
+
};
|
|
1462
|
+
};
|
|
1463
|
+
}>;
|
|
1375
1464
|
progressCircle: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "circle" | "root" | "valueText" | "circleTrack" | "circleRange", {
|
|
1376
1465
|
size: {
|
|
1377
1466
|
sm: {
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "track" | "root" | "range" | "valueText", {
|
|
2
|
+
variant: {
|
|
3
|
+
subtle: {
|
|
4
|
+
track: {
|
|
5
|
+
bgColor: "progress.track";
|
|
6
|
+
};
|
|
7
|
+
range: {
|
|
8
|
+
bgColor: "selected.option.bg";
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
shape: {
|
|
13
|
+
rounded: {
|
|
14
|
+
track: {
|
|
15
|
+
borderRadius: "base";
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
striped: {
|
|
20
|
+
true: {
|
|
21
|
+
range: {
|
|
22
|
+
backgroundImage: "linear-gradient(45deg, var(--stripe-color) 25%, transparent 25%, transparent 50%, var(--stripe-color) 50%, var(--stripe-color) 75%, transparent 75%, transparent)";
|
|
23
|
+
backgroundSize: "var(--stripe-size) var(--stripe-size)";
|
|
24
|
+
'--stripe-size': "1rem";
|
|
25
|
+
'--stripe-color': {
|
|
26
|
+
_light: "rgba(255, 255, 255, 0.3)";
|
|
27
|
+
_dark: "rgba(0, 0, 0, 0.3)";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
animated: {
|
|
33
|
+
true: {
|
|
34
|
+
range: {
|
|
35
|
+
'--animate-from': "var(--stripe-size)";
|
|
36
|
+
animation: "bg-position 1s linear infinite";
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
size: {
|
|
41
|
+
xs: {
|
|
42
|
+
track: {
|
|
43
|
+
h: "1";
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
sm: {
|
|
47
|
+
track: {
|
|
48
|
+
h: "2";
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
md: {
|
|
52
|
+
track: {
|
|
53
|
+
h: "3";
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
lg: {
|
|
57
|
+
track: {
|
|
58
|
+
h: "4";
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
xl: {
|
|
62
|
+
track: {
|
|
63
|
+
h: "8";
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
}>;
|
package/package.json
CHANGED