@saas-ui/react 3.0.0-next.26 → 3.0.0-next.27
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 +6 -0
- package/dist/.tsbuildinfo.json +1 -1
- package/dist/components/avatar/avatar.recipe.d.ts +6 -7
- package/dist/components/avatar/avatar.recipe.js +6 -7
- package/dist/components/card/card.recipe.d.ts +14 -6
- package/dist/components/card/card.recipe.js +18 -9
- package/dist/components/checkbox/checkbox.recipe.d.ts +3 -3
- package/dist/components/checkbox-card/checkbox-card.recipe.d.ts +3 -3
- package/dist/components/checkmark/checkmark.recipe.d.ts +3 -3
- package/dist/components/checkmark/checkmark.recipe.js +4 -4
- package/dist/components/dialog/dialog.recipe.d.ts +19 -1
- package/dist/components/dialog/dialog.recipe.js +34 -3
- package/dist/components/grid-list/grid-list.recipe.js +4 -5
- package/dist/components/icon-badge/icon-badge.d.ts +1 -1
- package/dist/components/icon-badge/icon-badge.recipe.js +1 -0
- package/dist/components/input/input-addon.recipe.d.ts +1 -1
- package/dist/components/input/input-addon.recipe.js +1 -1
- package/dist/components/loading-overlay/loading-overlay.recipe.d.ts +3 -12
- package/dist/components/loading-overlay/loading-overlay.recipe.js +3 -12
- package/dist/components/menu/menu.recipe.js +2 -2
- package/dist/components/navbar/navbar.recipe.d.ts +1 -1
- package/dist/components/navbar/navbar.recipe.js +1 -4
- package/dist/components/page/page.recipe.d.ts +4 -0
- package/dist/components/page/page.recipe.js +4 -2
- package/dist/components/radio/index.d.ts +1 -0
- package/dist/components/radio/index.js +1 -0
- package/dist/components/sidebar/sidebar.d.ts +13 -12
- package/dist/components/tabs/tabs.recipe.d.ts +29 -10
- package/dist/components/tabs/tabs.recipe.js +28 -9
- package/dist/theme/layer-styles.js +12 -4
- package/dist/theme/recipes.d.ts +4 -4
- package/dist/theme/slot-recipes.d.ts +103 -64
- package/package.json +1 -1
|
@@ -74,8 +74,8 @@ export declare const slotRecipes: {
|
|
|
74
74
|
};
|
|
75
75
|
};
|
|
76
76
|
}>;
|
|
77
|
-
actionBar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
78
|
-
alert: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
77
|
+
actionBar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger">>;
|
|
78
|
+
alert: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "root" | "indicator" | "title", {
|
|
79
79
|
status: {
|
|
80
80
|
info: {
|
|
81
81
|
root: {
|
|
@@ -205,27 +205,27 @@ export declare const slotRecipes: {
|
|
|
205
205
|
};
|
|
206
206
|
'2xs': {
|
|
207
207
|
root: {
|
|
208
|
-
'--avatar-size': "sizes.
|
|
208
|
+
'--avatar-size': "sizes.4";
|
|
209
209
|
};
|
|
210
210
|
};
|
|
211
211
|
xs: {
|
|
212
212
|
root: {
|
|
213
|
-
'--avatar-size': "sizes.
|
|
213
|
+
'--avatar-size': "sizes.5";
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
216
|
sm: {
|
|
217
217
|
root: {
|
|
218
|
-
'--avatar-size': "sizes.
|
|
218
|
+
'--avatar-size': "sizes.6";
|
|
219
219
|
};
|
|
220
220
|
};
|
|
221
221
|
md: {
|
|
222
222
|
root: {
|
|
223
|
-
'--avatar-size': "sizes.
|
|
223
|
+
'--avatar-size': "sizes.9";
|
|
224
224
|
};
|
|
225
225
|
};
|
|
226
226
|
lg: {
|
|
227
227
|
root: {
|
|
228
|
-
'--avatar-size': "sizes.
|
|
228
|
+
'--avatar-size': "sizes.12";
|
|
229
229
|
};
|
|
230
230
|
};
|
|
231
231
|
xl: {
|
|
@@ -235,7 +235,6 @@ export declare const slotRecipes: {
|
|
|
235
235
|
};
|
|
236
236
|
'2xl': {
|
|
237
237
|
root: {
|
|
238
|
-
'--avatar-font-size': "calc(var(--avatar-size) / 2)";
|
|
239
238
|
'--avatar-size': "sizes.20";
|
|
240
239
|
};
|
|
241
240
|
};
|
|
@@ -265,7 +264,7 @@ export declare const slotRecipes: {
|
|
|
265
264
|
square: {};
|
|
266
265
|
rounded: {
|
|
267
266
|
root: {
|
|
268
|
-
'--avatar-radius': "radii.
|
|
267
|
+
'--avatar-radius': "radii.indicator.md";
|
|
269
268
|
};
|
|
270
269
|
};
|
|
271
270
|
full: {
|
|
@@ -382,22 +381,22 @@ export declare const slotRecipes: {
|
|
|
382
381
|
};
|
|
383
382
|
};
|
|
384
383
|
}>;
|
|
385
|
-
card: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
384
|
+
card: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "root" | "title" | "header" | "body" | "footer", {
|
|
386
385
|
size: {
|
|
387
386
|
sm: {
|
|
388
387
|
root: {
|
|
389
|
-
'--card-padding': "spacing.2";
|
|
388
|
+
'--card-padding': "spacing.2.5";
|
|
390
389
|
};
|
|
391
390
|
title: {
|
|
392
|
-
|
|
391
|
+
fontSize: "sm";
|
|
393
392
|
};
|
|
394
393
|
};
|
|
395
394
|
md: {
|
|
396
395
|
root: {
|
|
397
|
-
'--card-padding': "spacing.
|
|
396
|
+
'--card-padding': "spacing.4";
|
|
398
397
|
};
|
|
399
398
|
title: {
|
|
400
|
-
|
|
399
|
+
fontSize: "md";
|
|
401
400
|
};
|
|
402
401
|
};
|
|
403
402
|
lg: {
|
|
@@ -405,7 +404,7 @@ export declare const slotRecipes: {
|
|
|
405
404
|
'--card-padding': "spacing.6";
|
|
406
405
|
};
|
|
407
406
|
title: {
|
|
408
|
-
|
|
407
|
+
fontSize: "lg";
|
|
409
408
|
};
|
|
410
409
|
};
|
|
411
410
|
};
|
|
@@ -448,11 +447,19 @@ export declare const slotRecipes: {
|
|
|
448
447
|
root: {
|
|
449
448
|
bg: "colorPalette.solid";
|
|
450
449
|
color: "colorPalette.contrast";
|
|
450
|
+
_pressable: {
|
|
451
|
+
_hover: {
|
|
452
|
+
bg: string;
|
|
453
|
+
};
|
|
454
|
+
};
|
|
455
|
+
};
|
|
456
|
+
description: {
|
|
457
|
+
color: "colorPalette.contrast/80";
|
|
451
458
|
};
|
|
452
459
|
};
|
|
453
460
|
};
|
|
454
461
|
}>;
|
|
455
|
-
checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "
|
|
462
|
+
checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "group" | "indicator" | "control", {
|
|
456
463
|
size: {
|
|
457
464
|
xs: {
|
|
458
465
|
root: {
|
|
@@ -504,7 +511,7 @@ export declare const slotRecipes: {
|
|
|
504
511
|
variant: {
|
|
505
512
|
outline: {
|
|
506
513
|
control: {
|
|
507
|
-
borderColor: "border";
|
|
514
|
+
borderColor: "border.emphasized";
|
|
508
515
|
'&:is([data-state=checked], [data-state=indeterminate])': {
|
|
509
516
|
color: "colorPalette.fg";
|
|
510
517
|
borderColor: "colorPalette.solid";
|
|
@@ -513,7 +520,7 @@ export declare const slotRecipes: {
|
|
|
513
520
|
};
|
|
514
521
|
solid: {
|
|
515
522
|
control: {
|
|
516
|
-
borderColor: "border";
|
|
523
|
+
borderColor: "border.emphasized";
|
|
517
524
|
'&:is([data-state=checked], [data-state=indeterminate])': {
|
|
518
525
|
bg: "colorPalette.solid";
|
|
519
526
|
color: "colorPalette.contrast";
|
|
@@ -524,7 +531,7 @@ export declare const slotRecipes: {
|
|
|
524
531
|
subtle: {
|
|
525
532
|
control: {
|
|
526
533
|
bg: "colorPalette.muted";
|
|
527
|
-
borderColor: "colorPalette.
|
|
534
|
+
borderColor: "colorPalette.emphasized";
|
|
528
535
|
'&:is([data-state=checked], [data-state=indeterminate])': {
|
|
529
536
|
color: "colorPalette.fg";
|
|
530
537
|
};
|
|
@@ -532,7 +539,7 @@ export declare const slotRecipes: {
|
|
|
532
539
|
};
|
|
533
540
|
};
|
|
534
541
|
}>;
|
|
535
|
-
checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
542
|
+
checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "label" | "root" | "indicator" | "control" | "addon", {
|
|
536
543
|
size: {
|
|
537
544
|
sm: {
|
|
538
545
|
root: {
|
|
@@ -603,7 +610,7 @@ export declare const slotRecipes: {
|
|
|
603
610
|
};
|
|
604
611
|
};
|
|
605
612
|
indicator: {
|
|
606
|
-
borderColor: "border";
|
|
613
|
+
borderColor: "border.emphasized";
|
|
607
614
|
'&:is([data-state=checked], [data-state=indeterminate])': {
|
|
608
615
|
bg: "colorPalette.solid";
|
|
609
616
|
color: "colorPalette.contrast";
|
|
@@ -638,7 +645,7 @@ export declare const slotRecipes: {
|
|
|
638
645
|
};
|
|
639
646
|
};
|
|
640
647
|
indicator: {
|
|
641
|
-
borderColor: "border";
|
|
648
|
+
borderColor: "border.emphasized";
|
|
642
649
|
'&:is([data-state=checked], [data-state=indeterminate])': {
|
|
643
650
|
bg: "colorPalette.solid";
|
|
644
651
|
color: "colorPalette.contrast";
|
|
@@ -776,7 +783,25 @@ export declare const slotRecipes: {
|
|
|
776
783
|
};
|
|
777
784
|
};
|
|
778
785
|
}>;
|
|
779
|
-
dialog: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
786
|
+
dialog: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "body" | "footer" | "trigger", {
|
|
787
|
+
variant: {
|
|
788
|
+
dialog: {};
|
|
789
|
+
confirm: {
|
|
790
|
+
content: {
|
|
791
|
+
textAlign: "center";
|
|
792
|
+
};
|
|
793
|
+
header: {
|
|
794
|
+
flexDirection: "column";
|
|
795
|
+
alignItems: "center";
|
|
796
|
+
};
|
|
797
|
+
footer: {
|
|
798
|
+
display: "flex";
|
|
799
|
+
flexDirection: "column-reverse";
|
|
800
|
+
justifyContent: "stretch";
|
|
801
|
+
alignItems: "stretch";
|
|
802
|
+
};
|
|
803
|
+
};
|
|
804
|
+
};
|
|
780
805
|
placement: {
|
|
781
806
|
center: {
|
|
782
807
|
positioner: {
|
|
@@ -924,7 +949,7 @@ export declare const slotRecipes: {
|
|
|
924
949
|
none: {};
|
|
925
950
|
};
|
|
926
951
|
}>;
|
|
927
|
-
drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
952
|
+
drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "body" | "footer" | "trigger", {
|
|
928
953
|
size: {
|
|
929
954
|
xs: {
|
|
930
955
|
content: {
|
|
@@ -1037,7 +1062,7 @@ export declare const slotRecipes: {
|
|
|
1037
1062
|
};
|
|
1038
1063
|
};
|
|
1039
1064
|
}>;
|
|
1040
|
-
editable: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
1065
|
+
editable: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger" | "textarea", {
|
|
1041
1066
|
size: {
|
|
1042
1067
|
sm: {
|
|
1043
1068
|
root: {
|
|
@@ -1074,7 +1099,7 @@ export declare const slotRecipes: {
|
|
|
1074
1099
|
};
|
|
1075
1100
|
};
|
|
1076
1101
|
}>;
|
|
1077
|
-
emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
1102
|
+
emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "root" | "indicator" | "title" | "actions", {
|
|
1078
1103
|
size: {
|
|
1079
1104
|
sm: {
|
|
1080
1105
|
root: {
|
|
@@ -1156,7 +1181,7 @@ export declare const slotRecipes: {
|
|
|
1156
1181
|
};
|
|
1157
1182
|
};
|
|
1158
1183
|
}>;
|
|
1159
|
-
field: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
1184
|
+
field: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "input" | "textarea" | "select" | "errorText" | "helperText" | "requiredIndicator", {
|
|
1160
1185
|
orientation: {
|
|
1161
1186
|
vertical: {
|
|
1162
1187
|
root: {
|
|
@@ -1214,7 +1239,7 @@ export declare const slotRecipes: {
|
|
|
1214
1239
|
};
|
|
1215
1240
|
};
|
|
1216
1241
|
}>;
|
|
1217
|
-
list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "
|
|
1242
|
+
list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "item", {
|
|
1218
1243
|
variant: {
|
|
1219
1244
|
marker: {
|
|
1220
1245
|
root: {
|
|
@@ -1252,7 +1277,7 @@ export declare const slotRecipes: {
|
|
|
1252
1277
|
};
|
|
1253
1278
|
};
|
|
1254
1279
|
}>;
|
|
1255
|
-
menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
1280
|
+
menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
|
|
1256
1281
|
variant: {
|
|
1257
1282
|
subtle: {
|
|
1258
1283
|
item: {
|
|
@@ -1777,7 +1802,7 @@ export declare const slotRecipes: {
|
|
|
1777
1802
|
};
|
|
1778
1803
|
};
|
|
1779
1804
|
}>;
|
|
1780
|
-
popover: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
1805
|
+
popover: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "indicator" | "positioner" | "closeTrigger" | "title" | "header" | "body" | "footer" | "trigger" | "anchor" | "arrow" | "arrowTip", {
|
|
1781
1806
|
size: {
|
|
1782
1807
|
xs: {
|
|
1783
1808
|
content: {
|
|
@@ -1932,7 +1957,7 @@ export declare const slotRecipes: {
|
|
|
1932
1957
|
};
|
|
1933
1958
|
};
|
|
1934
1959
|
}>;
|
|
1935
|
-
radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "
|
|
1960
|
+
radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemContent" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
|
|
1936
1961
|
size: {
|
|
1937
1962
|
sm: {
|
|
1938
1963
|
item: {
|
|
@@ -2123,7 +2148,7 @@ export declare const slotRecipes: {
|
|
|
2123
2148
|
};
|
|
2124
2149
|
};
|
|
2125
2150
|
}>;
|
|
2126
|
-
radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "
|
|
2151
|
+
radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
|
|
2127
2152
|
variant: {
|
|
2128
2153
|
outline: {
|
|
2129
2154
|
itemControl: {
|
|
@@ -2200,7 +2225,7 @@ export declare const slotRecipes: {
|
|
|
2200
2225
|
};
|
|
2201
2226
|
};
|
|
2202
2227
|
}>;
|
|
2203
|
-
ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "
|
|
2228
|
+
ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "item" | "itemIndicator", {
|
|
2204
2229
|
size: {
|
|
2205
2230
|
xs: {
|
|
2206
2231
|
item: {
|
|
@@ -2224,7 +2249,7 @@ export declare const slotRecipes: {
|
|
|
2224
2249
|
};
|
|
2225
2250
|
};
|
|
2226
2251
|
}>;
|
|
2227
|
-
segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "
|
|
2252
|
+
segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", {
|
|
2228
2253
|
size: {
|
|
2229
2254
|
xs: {
|
|
2230
2255
|
root: {
|
|
@@ -2272,7 +2297,7 @@ export declare const slotRecipes: {
|
|
|
2272
2297
|
};
|
|
2273
2298
|
};
|
|
2274
2299
|
}>;
|
|
2275
|
-
select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "root" | "
|
|
2300
|
+
select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "root" | "indicator" | "control" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
|
|
2276
2301
|
variant: {
|
|
2277
2302
|
outline: {
|
|
2278
2303
|
trigger: {
|
|
@@ -2547,7 +2572,7 @@ export declare const slotRecipes: {
|
|
|
2547
2572
|
};
|
|
2548
2573
|
};
|
|
2549
2574
|
}>;
|
|
2550
|
-
steps: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
2575
|
+
steps: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "progress" | "root" | "indicator" | "item" | "separator" | "title" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
|
|
2551
2576
|
orientation: {
|
|
2552
2577
|
vertical: {
|
|
2553
2578
|
root: {
|
|
@@ -2766,7 +2791,7 @@ export declare const slotRecipes: {
|
|
|
2766
2791
|
};
|
|
2767
2792
|
};
|
|
2768
2793
|
}>;
|
|
2769
|
-
table: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
2794
|
+
table: import("@chakra-ui/react").SlotRecipeDefinition<"cell" | "root" | "row" | "caption" | "header" | "body" | "footer" | "columnHeader", {
|
|
2770
2795
|
interactive: {
|
|
2771
2796
|
true: {
|
|
2772
2797
|
body: {
|
|
@@ -2922,6 +2947,7 @@ export declare const slotRecipes: {
|
|
|
2922
2947
|
root: {
|
|
2923
2948
|
'--tabs-height': "sizes.6";
|
|
2924
2949
|
'--tabs-content-padding': "spacing.2";
|
|
2950
|
+
'--tabs-trigger-radius': "radii.control.sm";
|
|
2925
2951
|
};
|
|
2926
2952
|
trigger: {
|
|
2927
2953
|
py: "1";
|
|
@@ -2933,6 +2959,7 @@ export declare const slotRecipes: {
|
|
|
2933
2959
|
root: {
|
|
2934
2960
|
'--tabs-height': "sizes.7";
|
|
2935
2961
|
'--tabs-content-padding': "spacing.3";
|
|
2962
|
+
'--tabs-trigger-radius': "radii.control.md";
|
|
2936
2963
|
};
|
|
2937
2964
|
trigger: {
|
|
2938
2965
|
py: "1";
|
|
@@ -2944,6 +2971,7 @@ export declare const slotRecipes: {
|
|
|
2944
2971
|
root: {
|
|
2945
2972
|
'--tabs-height': "sizes.8";
|
|
2946
2973
|
'--tabs-content-padding': "spacing.4";
|
|
2974
|
+
'--tabs-trigger-radius': "radii.control.md";
|
|
2947
2975
|
};
|
|
2948
2976
|
trigger: {
|
|
2949
2977
|
py: "2";
|
|
@@ -2955,6 +2983,7 @@ export declare const slotRecipes: {
|
|
|
2955
2983
|
root: {
|
|
2956
2984
|
'--tabs-height': "sizes.10";
|
|
2957
2985
|
'--tabs-content-padding': "spacing.4.5";
|
|
2986
|
+
'--tabs-trigger-radius': "radii.control.lg";
|
|
2958
2987
|
};
|
|
2959
2988
|
trigger: {
|
|
2960
2989
|
py: "2";
|
|
@@ -2986,9 +3015,10 @@ export declare const slotRecipes: {
|
|
|
2986
3015
|
};
|
|
2987
3016
|
};
|
|
2988
3017
|
_selected: {
|
|
2989
|
-
color: "fg
|
|
3018
|
+
color: "fg";
|
|
2990
3019
|
_horizontal: {
|
|
2991
3020
|
layerStyle: "indicator.bottom";
|
|
3021
|
+
borderTopRadius: "3px";
|
|
2992
3022
|
'--indicator-offset-y': "-1px";
|
|
2993
3023
|
'--indicator-color': "colors.colorPalette.solid";
|
|
2994
3024
|
};
|
|
@@ -3013,9 +3043,13 @@ export declare const slotRecipes: {
|
|
|
3013
3043
|
color: "fg.subtle";
|
|
3014
3044
|
};
|
|
3015
3045
|
_selected: {
|
|
3016
|
-
bg: "colorPalette.subtle
|
|
3017
|
-
color: "colorPalette.fg
|
|
3018
|
-
borderColor: "colorPalette.solid/
|
|
3046
|
+
bg: "colorPalette.subtle";
|
|
3047
|
+
color: "colorPalette.fg";
|
|
3048
|
+
borderColor: "colorPalette.solid/40";
|
|
3049
|
+
_hover: {
|
|
3050
|
+
bg: "colorPalette.subtle";
|
|
3051
|
+
color: "colorPalette.fg";
|
|
3052
|
+
};
|
|
3019
3053
|
};
|
|
3020
3054
|
};
|
|
3021
3055
|
};
|
|
@@ -3025,14 +3059,18 @@ export declare const slotRecipes: {
|
|
|
3025
3059
|
};
|
|
3026
3060
|
trigger: {
|
|
3027
3061
|
borderRadius: "var(--tabs-trigger-radius)";
|
|
3028
|
-
color: "fg.
|
|
3062
|
+
color: "fg.subtle";
|
|
3029
3063
|
_hover: {
|
|
3030
|
-
bg: "
|
|
3031
|
-
color: "fg
|
|
3064
|
+
bg: "colorPalette.muted";
|
|
3065
|
+
color: "colorPalette.fg";
|
|
3032
3066
|
};
|
|
3033
3067
|
_selected: {
|
|
3034
|
-
bg: "colorPalette.subtle
|
|
3035
|
-
color: "colorPalette.fg
|
|
3068
|
+
bg: "colorPalette.subtle";
|
|
3069
|
+
color: "colorPalette.fg";
|
|
3070
|
+
_hover: {
|
|
3071
|
+
bg: "colorPalette.subtle";
|
|
3072
|
+
color: "colorPalette.fg";
|
|
3073
|
+
};
|
|
3036
3074
|
};
|
|
3037
3075
|
};
|
|
3038
3076
|
};
|
|
@@ -3048,6 +3086,9 @@ export declare const slotRecipes: {
|
|
|
3048
3086
|
justifyContent: "center";
|
|
3049
3087
|
color: "fg.muted";
|
|
3050
3088
|
borderRadius: "var(--tabs-trigger-radius)";
|
|
3089
|
+
_hover: {
|
|
3090
|
+
color: "fg.subtle";
|
|
3091
|
+
};
|
|
3051
3092
|
_selected: {
|
|
3052
3093
|
bg: "bg";
|
|
3053
3094
|
color: "colorPalette.fg";
|
|
@@ -3086,6 +3127,9 @@ export declare const slotRecipes: {
|
|
|
3086
3127
|
color: "fg.muted";
|
|
3087
3128
|
borderWidth: "1px";
|
|
3088
3129
|
borderColor: "transparent";
|
|
3130
|
+
_hover: {
|
|
3131
|
+
color: "fg.subtle";
|
|
3132
|
+
};
|
|
3089
3133
|
_selected: {
|
|
3090
3134
|
bg: "currentBg";
|
|
3091
3135
|
color: "colorPalette.fg";
|
|
@@ -3225,7 +3269,7 @@ export declare const slotRecipes: {
|
|
|
3225
3269
|
};
|
|
3226
3270
|
};
|
|
3227
3271
|
}>;
|
|
3228
|
-
toast: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
3272
|
+
toast: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "root" | "indicator" | "closeTrigger" | "title" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"description" | "root" | "indicator" | "closeTrigger" | "title" | "actionTrigger">>;
|
|
3229
3273
|
tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
|
|
3230
3274
|
variant: {
|
|
3231
3275
|
inverted: {
|
|
@@ -3255,7 +3299,7 @@ export declare const slotRecipes: {
|
|
|
3255
3299
|
};
|
|
3256
3300
|
};
|
|
3257
3301
|
}>;
|
|
3258
|
-
timeline: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "
|
|
3302
|
+
timeline: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "root" | "indicator" | "item" | "separator" | "title" | "connector", {
|
|
3259
3303
|
variant: {
|
|
3260
3304
|
subtle: {
|
|
3261
3305
|
indicator: {
|
|
@@ -3335,16 +3379,13 @@ export declare const slotRecipes: {
|
|
|
3335
3379
|
plain: {};
|
|
3336
3380
|
};
|
|
3337
3381
|
}>;
|
|
3338
|
-
suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
3382
|
+
suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"text" | "root", {
|
|
3339
3383
|
variant: {
|
|
3340
3384
|
fill: {
|
|
3341
3385
|
root: {
|
|
3342
3386
|
flex: number;
|
|
3343
3387
|
height: "100%";
|
|
3344
|
-
bg:
|
|
3345
|
-
base: "whiteAlpha.400";
|
|
3346
|
-
_dark: "blackAlpha.400";
|
|
3347
|
-
};
|
|
3388
|
+
bg: "currentBg";
|
|
3348
3389
|
};
|
|
3349
3390
|
};
|
|
3350
3391
|
fullscreen: {
|
|
@@ -3352,20 +3393,14 @@ export declare const slotRecipes: {
|
|
|
3352
3393
|
position: "fixed";
|
|
3353
3394
|
inset: number;
|
|
3354
3395
|
zIndex: "modal";
|
|
3355
|
-
bg:
|
|
3356
|
-
base: "white";
|
|
3357
|
-
_dark: "gray.800";
|
|
3358
|
-
};
|
|
3396
|
+
bg: "bg";
|
|
3359
3397
|
};
|
|
3360
3398
|
};
|
|
3361
3399
|
overlay: {
|
|
3362
3400
|
root: {
|
|
3363
3401
|
position: "absolute";
|
|
3364
3402
|
inset: number;
|
|
3365
|
-
bg:
|
|
3366
|
-
base: "whiteAlpha.300";
|
|
3367
|
-
_dark: "blackAlpha.300";
|
|
3368
|
-
};
|
|
3403
|
+
bg: "currentBg/50";
|
|
3369
3404
|
};
|
|
3370
3405
|
};
|
|
3371
3406
|
};
|
|
@@ -3472,7 +3507,7 @@ export declare const slotRecipes: {
|
|
|
3472
3507
|
};
|
|
3473
3508
|
};
|
|
3474
3509
|
}>;
|
|
3475
|
-
suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
3510
|
+
suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
|
|
3476
3511
|
interactive: {
|
|
3477
3512
|
true: {
|
|
3478
3513
|
item: {
|
|
@@ -3564,7 +3599,7 @@ export declare const slotRecipes: {
|
|
|
3564
3599
|
};
|
|
3565
3600
|
};
|
|
3566
3601
|
}>;
|
|
3567
|
-
suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"
|
|
3602
|
+
suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"backdrop" | "root" | "group" | "header" | "body" | "footer" | "trigger" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
|
|
3568
3603
|
mode: {
|
|
3569
3604
|
collapsible: {
|
|
3570
3605
|
root: {
|
|
@@ -3653,7 +3688,7 @@ export declare const slotRecipes: {
|
|
|
3653
3688
|
};
|
|
3654
3689
|
};
|
|
3655
3690
|
}>;
|
|
3656
|
-
suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "
|
|
3691
|
+
suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "item" | "endElement", {
|
|
3657
3692
|
variant: {
|
|
3658
3693
|
muted: {
|
|
3659
3694
|
button: {
|
|
@@ -3738,6 +3773,10 @@ export declare const slotRecipes: {
|
|
|
3738
3773
|
};
|
|
3739
3774
|
title: {
|
|
3740
3775
|
me: number;
|
|
3776
|
+
textStyle: "sm";
|
|
3777
|
+
};
|
|
3778
|
+
description: {
|
|
3779
|
+
textStyle: "xs";
|
|
3741
3780
|
};
|
|
3742
3781
|
};
|
|
3743
3782
|
settings: {
|