@bitrise/bitkit-v2 0.3.171 → 0.3.173
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/dist/components/BitkitExplainerList/BitkitExplainerList.d.ts +14 -0
- package/dist/components/BitkitExplainerList/BitkitExplainerList.js +52 -0
- package/dist/components/BitkitOrderedList/BitkitOrderedList.d.ts +13 -0
- package/dist/components/BitkitOrderedList/BitkitOrderedList.js +28 -0
- package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts +23 -0
- package/dist/components/BitkitTagsInput/BitkitTagsInput.js +63 -0
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.d.ts +16 -0
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js +46 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/main.js +346 -338
- package/dist/theme/slot-recipes/Breadcrumb.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Combobox.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/FileUpload.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/List.recipe.d.ts +23 -0
- package/dist/theme/slot-recipes/List.recipe.js +46 -0
- package/dist/theme/slot-recipes/Select.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/Tabs.recipe.d.ts +1 -1
- package/dist/theme/slot-recipes/TagsInput.recipe.d.ts +35 -0
- package/dist/theme/slot-recipes/TagsInput.recipe.js +166 -0
- package/dist/theme/slot-recipes/index.d.ts +62 -6
- package/dist/theme/slot-recipes/index.js +26 -22
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const breadcrumbSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "
|
|
1
|
+
declare const breadcrumbSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink">>;
|
|
2
2
|
export default breadcrumbSlotRecipe;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const comboboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "
|
|
1
|
+
declare const comboboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
|
|
2
2
|
size: {
|
|
3
3
|
md: {
|
|
4
4
|
input: import('@chakra-ui/react').SystemStyleObject;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "
|
|
1
|
+
declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
|
|
2
2
|
size: {
|
|
3
3
|
md: {
|
|
4
4
|
trigger: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const fileUploadSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "
|
|
1
|
+
declare const fileUploadSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "itemPreview" | "itemDeleteTrigger" | "dropzone" | "itemName" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
|
|
2
2
|
variant: {
|
|
3
3
|
image: {
|
|
4
4
|
root: {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const listSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item" | "indicator", {
|
|
2
|
+
size: {
|
|
3
|
+
lg: {
|
|
4
|
+
item: {
|
|
5
|
+
textStyle: "body/lg/regular";
|
|
6
|
+
};
|
|
7
|
+
indicator: {
|
|
8
|
+
height: "24";
|
|
9
|
+
width: "24";
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
md: {
|
|
13
|
+
item: {
|
|
14
|
+
textStyle: "body/md/regular";
|
|
15
|
+
};
|
|
16
|
+
indicator: {
|
|
17
|
+
height: "20";
|
|
18
|
+
width: "20";
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
}>;
|
|
23
|
+
export default listSlotRecipe;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
|
|
2
|
+
import { listAnatomy as t } from "@chakra-ui/react/anatomy";
|
|
3
|
+
var a = e({
|
|
4
|
+
className: "list",
|
|
5
|
+
slots: t.keys(),
|
|
6
|
+
base: {
|
|
7
|
+
root: {
|
|
8
|
+
display: "flex",
|
|
9
|
+
flexDirection: "column",
|
|
10
|
+
gap: "8"
|
|
11
|
+
},
|
|
12
|
+
item: {
|
|
13
|
+
alignItems: "flex-start",
|
|
14
|
+
color: "text/body",
|
|
15
|
+
display: "inline-flex",
|
|
16
|
+
whiteSpace: "normal"
|
|
17
|
+
},
|
|
18
|
+
indicator: {
|
|
19
|
+
alignItems: "center",
|
|
20
|
+
color: "text/secondary",
|
|
21
|
+
display: "inline-flex",
|
|
22
|
+
flexShrink: 0,
|
|
23
|
+
justifyContent: "center"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
variants: { size: {
|
|
27
|
+
lg: {
|
|
28
|
+
item: { textStyle: "body/lg/regular" },
|
|
29
|
+
indicator: {
|
|
30
|
+
height: "24",
|
|
31
|
+
width: "24"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
md: {
|
|
35
|
+
item: { textStyle: "body/md/regular" },
|
|
36
|
+
indicator: {
|
|
37
|
+
height: "20",
|
|
38
|
+
width: "20"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
} },
|
|
42
|
+
defaultVariants: { size: "lg" }
|
|
43
|
+
});
|
|
44
|
+
export {
|
|
45
|
+
a as default
|
|
46
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "
|
|
1
|
+
export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
|
|
2
2
|
size: {
|
|
3
3
|
lg: Record<string, import('@chakra-ui/react').SystemStyleObject>;
|
|
4
4
|
md: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "
|
|
1
|
+
declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "indicator" | "contentGroup", {
|
|
2
2
|
variant: {
|
|
3
3
|
line: {
|
|
4
4
|
list: {
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemPreview" | "itemInput" | "itemDeleteTrigger" | "tagsBlock" | "suffixBlock", {
|
|
2
|
+
size: {
|
|
3
|
+
md: {
|
|
4
|
+
control: {
|
|
5
|
+
paddingInline: "8";
|
|
6
|
+
};
|
|
7
|
+
tagsBlock: {
|
|
8
|
+
paddingBlock: "8";
|
|
9
|
+
};
|
|
10
|
+
suffixBlock: {
|
|
11
|
+
height: "40";
|
|
12
|
+
};
|
|
13
|
+
input: {
|
|
14
|
+
height: "24";
|
|
15
|
+
textStyle: "body/md/regular";
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
lg: {
|
|
19
|
+
control: {
|
|
20
|
+
paddingInlineStart: "12";
|
|
21
|
+
paddingInlineEnd: "8";
|
|
22
|
+
};
|
|
23
|
+
tagsBlock: {
|
|
24
|
+
paddingBlock: "12";
|
|
25
|
+
};
|
|
26
|
+
suffixBlock: {
|
|
27
|
+
height: "48";
|
|
28
|
+
};
|
|
29
|
+
input: {
|
|
30
|
+
textStyle: "body/lg/regular";
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
}>;
|
|
35
|
+
export default tagsInputSlotRecipe;
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
import { rem as e } from "../themeUtils.js";
|
|
2
|
+
import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
|
|
3
|
+
import { tagsInputAnatomy as o } from "@chakra-ui/react/anatomy";
|
|
4
|
+
var i = r({
|
|
5
|
+
className: "tags-input",
|
|
6
|
+
slots: o.extendWith("tagsBlock", "suffixBlock").keys(),
|
|
7
|
+
base: {
|
|
8
|
+
root: { width: "full" },
|
|
9
|
+
control: {
|
|
10
|
+
background: "background/primary",
|
|
11
|
+
borderColor: "border/regular",
|
|
12
|
+
borderRadius: "4",
|
|
13
|
+
borderStyle: "solid",
|
|
14
|
+
borderWidth: e(1),
|
|
15
|
+
boxShadow: "inset/field",
|
|
16
|
+
display: "flex",
|
|
17
|
+
height: e(88),
|
|
18
|
+
overflowY: "auto",
|
|
19
|
+
transition: "border-color 200ms",
|
|
20
|
+
_focusWithin: { focusRing: "outside" },
|
|
21
|
+
_hover: { borderColor: "border/hover" },
|
|
22
|
+
_invalid: {
|
|
23
|
+
borderColor: "border/error",
|
|
24
|
+
_hover: { borderColor: "border/error" }
|
|
25
|
+
},
|
|
26
|
+
_disabled: {
|
|
27
|
+
background: "background/disabled",
|
|
28
|
+
borderColor: "border/disabled",
|
|
29
|
+
cursor: "not-allowed",
|
|
30
|
+
_hover: { borderColor: "border/disabled" }
|
|
31
|
+
},
|
|
32
|
+
_readOnly: {
|
|
33
|
+
background: "background/disabled",
|
|
34
|
+
borderColor: "border/disabled",
|
|
35
|
+
_hover: { borderColor: "border/disabled" }
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
tagsBlock: {
|
|
39
|
+
alignContent: "flex-start",
|
|
40
|
+
display: "flex",
|
|
41
|
+
flex: "1",
|
|
42
|
+
flexWrap: "wrap",
|
|
43
|
+
gap: "8",
|
|
44
|
+
minWidth: 0
|
|
45
|
+
},
|
|
46
|
+
suffixBlock: {
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
alignSelf: "flex-start",
|
|
49
|
+
display: "flex",
|
|
50
|
+
flexShrink: "0",
|
|
51
|
+
gap: "8",
|
|
52
|
+
paddingInline: "4",
|
|
53
|
+
position: "sticky",
|
|
54
|
+
top: "0",
|
|
55
|
+
"&:has(button)": { paddingInline: 0 }
|
|
56
|
+
},
|
|
57
|
+
input: {
|
|
58
|
+
background: "transparent",
|
|
59
|
+
color: "input/text/inputValue",
|
|
60
|
+
flex: "1",
|
|
61
|
+
minWidth: e(80),
|
|
62
|
+
outline: "none",
|
|
63
|
+
_placeholder: { color: "input/text/placeholder" },
|
|
64
|
+
_disabled: {
|
|
65
|
+
cursor: "not-allowed",
|
|
66
|
+
_placeholder: { color: "text/disabled" }
|
|
67
|
+
},
|
|
68
|
+
_readOnly: { display: "none" }
|
|
69
|
+
},
|
|
70
|
+
item: {
|
|
71
|
+
display: "flex",
|
|
72
|
+
maxWidth: "100%",
|
|
73
|
+
minWidth: 0
|
|
74
|
+
},
|
|
75
|
+
itemPreview: {
|
|
76
|
+
alignItems: "center",
|
|
77
|
+
background: "sys/neutral/subtle",
|
|
78
|
+
borderColor: "sys/neutral/muted",
|
|
79
|
+
borderRadius: "4",
|
|
80
|
+
borderStyle: "solid",
|
|
81
|
+
borderWidth: e(1),
|
|
82
|
+
color: "text/primary",
|
|
83
|
+
display: "flex",
|
|
84
|
+
gap: "4",
|
|
85
|
+
height: "24",
|
|
86
|
+
maxWidth: "100%",
|
|
87
|
+
overflow: "hidden",
|
|
88
|
+
paddingBlock: "2",
|
|
89
|
+
paddingInlineEnd: "1",
|
|
90
|
+
paddingInlineStart: "8",
|
|
91
|
+
textStyle: "comp/tag/sm",
|
|
92
|
+
_highlighted: { background: "sys/neutral/moderate" },
|
|
93
|
+
_disabled: {
|
|
94
|
+
background: "background/disabled",
|
|
95
|
+
borderColor: "border/disabled",
|
|
96
|
+
color: "text/on-disabled"
|
|
97
|
+
},
|
|
98
|
+
"&:not(:has(button))": { paddingInlineEnd: "8" }
|
|
99
|
+
},
|
|
100
|
+
itemText: {
|
|
101
|
+
overflow: "hidden",
|
|
102
|
+
textOverflow: "ellipsis",
|
|
103
|
+
whiteSpace: "nowrap"
|
|
104
|
+
},
|
|
105
|
+
itemInput: {
|
|
106
|
+
background: "transparent",
|
|
107
|
+
height: "24",
|
|
108
|
+
minWidth: "20",
|
|
109
|
+
outline: "none"
|
|
110
|
+
},
|
|
111
|
+
itemDeleteTrigger: {
|
|
112
|
+
alignItems: "center",
|
|
113
|
+
borderRadius: "2",
|
|
114
|
+
color: "icon/secondary",
|
|
115
|
+
cursor: "pointer",
|
|
116
|
+
display: "flex",
|
|
117
|
+
flexShrink: "0",
|
|
118
|
+
height: "20",
|
|
119
|
+
justifyContent: "center",
|
|
120
|
+
width: "20",
|
|
121
|
+
_hover: { background: "sys/neutral/moderate" },
|
|
122
|
+
_disabled: {
|
|
123
|
+
cursor: "not-allowed",
|
|
124
|
+
opacity: "0.5"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
clearTrigger: {
|
|
128
|
+
alignItems: "center",
|
|
129
|
+
borderRadius: "4",
|
|
130
|
+
color: "icon/secondary",
|
|
131
|
+
cursor: "pointer",
|
|
132
|
+
display: "flex",
|
|
133
|
+
justifyContent: "center",
|
|
134
|
+
padding: "4",
|
|
135
|
+
_hover: { background: "sys/neutral/moderate" },
|
|
136
|
+
_disabled: {
|
|
137
|
+
cursor: "not-allowed",
|
|
138
|
+
opacity: "0.5"
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
},
|
|
142
|
+
variants: { size: {
|
|
143
|
+
md: {
|
|
144
|
+
control: { paddingInline: "8" },
|
|
145
|
+
tagsBlock: { paddingBlock: "8" },
|
|
146
|
+
suffixBlock: { height: "40" },
|
|
147
|
+
input: {
|
|
148
|
+
height: "24",
|
|
149
|
+
textStyle: "body/md/regular"
|
|
150
|
+
}
|
|
151
|
+
},
|
|
152
|
+
lg: {
|
|
153
|
+
control: {
|
|
154
|
+
paddingInlineStart: "12",
|
|
155
|
+
paddingInlineEnd: "8"
|
|
156
|
+
},
|
|
157
|
+
tagsBlock: { paddingBlock: "12" },
|
|
158
|
+
suffixBlock: { height: "48" },
|
|
159
|
+
input: { textStyle: "body/lg/regular" }
|
|
160
|
+
}
|
|
161
|
+
} },
|
|
162
|
+
defaultVariants: { size: "lg" }
|
|
163
|
+
});
|
|
164
|
+
export {
|
|
165
|
+
i as default
|
|
166
|
+
};
|
|
@@ -249,7 +249,7 @@ declare const slotRecipes: {
|
|
|
249
249
|
rounded: {};
|
|
250
250
|
};
|
|
251
251
|
}>;
|
|
252
|
-
breadcrumb: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "
|
|
252
|
+
breadcrumb: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink">>;
|
|
253
253
|
card: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "root" | "description", {
|
|
254
254
|
elevation: {
|
|
255
255
|
true: {
|
|
@@ -465,7 +465,7 @@ declare const slotRecipes: {
|
|
|
465
465
|
false: {};
|
|
466
466
|
};
|
|
467
467
|
}>;
|
|
468
|
-
combobox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "
|
|
468
|
+
combobox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
|
|
469
469
|
size: {
|
|
470
470
|
md: {
|
|
471
471
|
input: import('@chakra-ui/react').SystemStyleObject;
|
|
@@ -514,7 +514,7 @@ declare const slotRecipes: {
|
|
|
514
514
|
};
|
|
515
515
|
};
|
|
516
516
|
}>;
|
|
517
|
-
datePickerSelect: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "
|
|
517
|
+
datePickerSelect: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
|
|
518
518
|
size: {
|
|
519
519
|
md: {
|
|
520
520
|
trigger: {
|
|
@@ -613,7 +613,7 @@ declare const slotRecipes: {
|
|
|
613
613
|
}>;
|
|
614
614
|
field: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "select" | "textarea" | "root" | "helperText" | "errorText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"input" | "label" | "select" | "textarea" | "root" | "helperText" | "errorText" | "requiredIndicator">>;
|
|
615
615
|
fieldset: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "legend" | "root" | "helperText" | "errorText", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "legend" | "root" | "helperText" | "errorText">>;
|
|
616
|
-
fileUpload: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "
|
|
616
|
+
fileUpload: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "itemPreview" | "itemDeleteTrigger" | "dropzone" | "itemName" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
|
|
617
617
|
variant: {
|
|
618
618
|
image: {
|
|
619
619
|
root: {
|
|
@@ -659,6 +659,28 @@ declare const slotRecipes: {
|
|
|
659
659
|
};
|
|
660
660
|
};
|
|
661
661
|
}>;
|
|
662
|
+
list: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item" | "indicator", {
|
|
663
|
+
size: {
|
|
664
|
+
lg: {
|
|
665
|
+
item: {
|
|
666
|
+
textStyle: "body/lg/regular";
|
|
667
|
+
};
|
|
668
|
+
indicator: {
|
|
669
|
+
height: "24";
|
|
670
|
+
width: "24";
|
|
671
|
+
};
|
|
672
|
+
};
|
|
673
|
+
md: {
|
|
674
|
+
item: {
|
|
675
|
+
textStyle: "body/md/regular";
|
|
676
|
+
};
|
|
677
|
+
indicator: {
|
|
678
|
+
height: "20";
|
|
679
|
+
width: "20";
|
|
680
|
+
};
|
|
681
|
+
};
|
|
682
|
+
};
|
|
683
|
+
}>;
|
|
662
684
|
menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
|
|
663
685
|
size: {
|
|
664
686
|
lg: {
|
|
@@ -781,7 +803,7 @@ declare const slotRecipes: {
|
|
|
781
803
|
};
|
|
782
804
|
};
|
|
783
805
|
}>;
|
|
784
|
-
select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "
|
|
806
|
+
select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
|
|
785
807
|
size: {
|
|
786
808
|
lg: Record<string, import('@chakra-ui/react').SystemStyleObject>;
|
|
787
809
|
md: {
|
|
@@ -868,7 +890,7 @@ declare const slotRecipes: {
|
|
|
868
890
|
};
|
|
869
891
|
}>;
|
|
870
892
|
table: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader", import('@chakra-ui/react').SlotRecipeVariantRecord<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader">>;
|
|
871
|
-
tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "
|
|
893
|
+
tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "indicator" | "contentGroup", {
|
|
872
894
|
variant: {
|
|
873
895
|
line: {
|
|
874
896
|
list: {
|
|
@@ -968,6 +990,40 @@ declare const slotRecipes: {
|
|
|
968
990
|
};
|
|
969
991
|
};
|
|
970
992
|
}>;
|
|
993
|
+
tagsInput: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemPreview" | "itemInput" | "itemDeleteTrigger" | "tagsBlock" | "suffixBlock", {
|
|
994
|
+
size: {
|
|
995
|
+
md: {
|
|
996
|
+
control: {
|
|
997
|
+
paddingInline: "8";
|
|
998
|
+
};
|
|
999
|
+
tagsBlock: {
|
|
1000
|
+
paddingBlock: "8";
|
|
1001
|
+
};
|
|
1002
|
+
suffixBlock: {
|
|
1003
|
+
height: "40";
|
|
1004
|
+
};
|
|
1005
|
+
input: {
|
|
1006
|
+
height: "24";
|
|
1007
|
+
textStyle: "body/md/regular";
|
|
1008
|
+
};
|
|
1009
|
+
};
|
|
1010
|
+
lg: {
|
|
1011
|
+
control: {
|
|
1012
|
+
paddingInlineStart: "12";
|
|
1013
|
+
paddingInlineEnd: "8";
|
|
1014
|
+
};
|
|
1015
|
+
tagsBlock: {
|
|
1016
|
+
paddingBlock: "12";
|
|
1017
|
+
};
|
|
1018
|
+
suffixBlock: {
|
|
1019
|
+
height: "48";
|
|
1020
|
+
};
|
|
1021
|
+
input: {
|
|
1022
|
+
textStyle: "body/lg/regular";
|
|
1023
|
+
};
|
|
1024
|
+
};
|
|
1025
|
+
};
|
|
1026
|
+
}>;
|
|
971
1027
|
tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
|
|
972
1028
|
variant: {
|
|
973
1029
|
dark: {
|
|
@@ -11,26 +11,28 @@ import a from "./Combobox.recipe.js";
|
|
|
11
11
|
import f from "./DatePicker.recipe.js";
|
|
12
12
|
import { selectSlotRecipe as S } from "./Select.recipe.js";
|
|
13
13
|
import R from "./DatePickerSelect.recipe.js";
|
|
14
|
-
import
|
|
15
|
-
import
|
|
14
|
+
import n from "./Dialog.recipe.js";
|
|
15
|
+
import d from "./EmptyState.recipe.js";
|
|
16
16
|
import b from "./ExpandableCard.recipe.js";
|
|
17
17
|
import s from "./Field.recipe.js";
|
|
18
18
|
import u from "./Fieldset.recipe.js";
|
|
19
19
|
import g from "./FileUpload.recipe.js";
|
|
20
20
|
import x from "./ImageCropper.recipe.js";
|
|
21
21
|
import k from "./InlineLoading.recipe.js";
|
|
22
|
-
import v from "./
|
|
23
|
-
import h from "./
|
|
24
|
-
import B from "./
|
|
25
|
-
import C from "./
|
|
26
|
-
import G from "./
|
|
22
|
+
import v from "./List.recipe.js";
|
|
23
|
+
import h from "./Menu.recipe.js";
|
|
24
|
+
import B from "./NativeSelect.recipe.js";
|
|
25
|
+
import C from "./RadioGroup.recipe.js";
|
|
26
|
+
import G from "./Ribbon.recipe.js";
|
|
27
|
+
import I from "./SegmentGroup.recipe.js";
|
|
27
28
|
import P from "./SplitButton.recipe.js";
|
|
28
29
|
import w from "./Switch.recipe.js";
|
|
29
30
|
import y from "./Table.recipe.js";
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
|
|
31
|
+
import L from "./Tabs.recipe.js";
|
|
32
|
+
import U from "./Tag.recipe.js";
|
|
33
|
+
import j from "./TagsInput.recipe.js";
|
|
34
|
+
import q from "./Tooltip.recipe.js";
|
|
35
|
+
var bo = {
|
|
34
36
|
accordion: e,
|
|
35
37
|
actionBar: t,
|
|
36
38
|
alert: i,
|
|
@@ -42,28 +44,30 @@ var fo = {
|
|
|
42
44
|
combobox: a,
|
|
43
45
|
datePicker: f,
|
|
44
46
|
datePickerSelect: R,
|
|
45
|
-
dialog:
|
|
46
|
-
emptyState:
|
|
47
|
+
dialog: n,
|
|
48
|
+
emptyState: d,
|
|
47
49
|
expandableCard: b,
|
|
48
50
|
field: s,
|
|
49
51
|
fieldset: u,
|
|
50
52
|
fileUpload: g,
|
|
51
53
|
imageCropper: x,
|
|
52
54
|
inlineLoading: k,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
+
list: v,
|
|
56
|
+
menu: h,
|
|
57
|
+
nativeSelect: B,
|
|
55
58
|
numberInput: o,
|
|
56
|
-
radioGroup:
|
|
57
|
-
ribbon:
|
|
58
|
-
segmentGroup:
|
|
59
|
+
radioGroup: C,
|
|
60
|
+
ribbon: G,
|
|
61
|
+
segmentGroup: I,
|
|
59
62
|
select: S,
|
|
60
63
|
splitButton: P,
|
|
61
64
|
switch: w,
|
|
62
65
|
table: y,
|
|
63
|
-
tabs:
|
|
64
|
-
tag:
|
|
65
|
-
|
|
66
|
+
tabs: L,
|
|
67
|
+
tag: U,
|
|
68
|
+
tagsInput: j,
|
|
69
|
+
tooltip: q
|
|
66
70
|
};
|
|
67
71
|
export {
|
|
68
|
-
|
|
72
|
+
bo as default
|
|
69
73
|
};
|