@bitrise/bitkit-v2 0.3.175 → 0.3.176

package/dist/theme/slot-recipes/CodeSnippet.recipe.d.ts

@@ -5,18 +5,10 @@ declare const codeSnippetSlotRecipe: import('@chakra-ui/react').SlotRecipeDefini
                 alignItems: "center";
                 borderRadius: "2";
                 color: "text/body";
-                cursor: "pointer";
                 display: "inline-flex";
                 paddingBlock: "2";
                 paddingInline: "6";
-                userSelect: "none";
                 whiteSpace: "nowrap";
-                _hover: {
-                    background: "background/hover";
-                };
-                _active: {
-                    background: "background/active";
-                };
             };
         };
         single: {
@@ -141,6 +133,10 @@ declare const codeSnippetSlotRecipe: import('@chakra-ui/react').SlotRecipeDefini
             };
         };
     };
+    interactive: {
+        true: {};
+        false: {};
+    };
     hasShowMore: {
         true: {};
         false: {};

package/dist/theme/slot-recipes/CodeSnippet.recipe.js

@@ -41,14 +41,10 @@ var t = e({
 				alignItems: "center",
 				borderRadius: "2",
 				color: "text/body",
-				cursor: "pointer",
 				display: "inline-flex",
 				paddingBlock: "2",
 				paddingInline: "6",
-				userSelect: "none",
-				whiteSpace: "nowrap",
-				_hover: { background: "background/hover" },
-				_active: { background: "background/active" }
+				whiteSpace: "nowrap"
 			} },
 			single: {
 				root: {
@@ -162,6 +158,10 @@ var t = e({
 				content: { textStyle: "code/lg" }
 			}
 		},
+		interactive: {
+			true: {},
+			false: {}
+		},
 		hasShowMore: {
 			true: {},
 			false: {}
@@ -172,6 +172,16 @@ var t = e({
 		}
 	},
 	compoundVariants: [
+		{
+			variant: "inline",
+			interactive: !0,
+			css: { root: {
+				cursor: "pointer",
+				userSelect: "none",
+				_hover: { background: "background/hover" },
+				_active: { background: "background/active" }
+			} }
+		},
 		{
 			variant: "multi",
 			hasShowMore: !0,
@@ -210,6 +220,7 @@ var t = e({
 		}
 	],
 	defaultVariants: {
+		interactive: !1,
 		size: "lg",
 		variant: "single"
 	}

package/dist/theme/slot-recipes/Collapsible.recipe.d.ts

@@ -0,0 +1,2 @@
+declare const collapsibleSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "indicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "trigger" | "indicator">>;
+export default collapsibleSlotRecipe;

package/dist/theme/slot-recipes/Collapsible.recipe.js

@@ -0,0 +1,56 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+import { collapsibleAnatomy as t } from "@chakra-ui/react/anatomy";
+//#region lib/theme/slot-recipes/Collapsible.recipe.ts
+var n = e({
+	className: "collapsible",
+	slots: [...t.keys()],
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%"
+		},
+		content: {
+			overflow: "hidden",
+			color: "text/body",
+			textStyle: "body/lg/regular",
+			position: "relative",
+			_open: {
+				animationName: "expand-height",
+				animationDuration: "moderate"
+			},
+			_closed: {
+				animationName: "collapse-height",
+				animationDuration: "moderate",
+				_after: {
+					content: "\"\"",
+					position: "absolute",
+					insetInlineStart: "0",
+					insetInlineEnd: "0",
+					bottom: "0",
+					height: "32",
+					background: "linear-gradient(to top, {colors.background.primary}, transparent)",
+					pointerEvents: "none"
+				}
+			}
+		},
+		trigger: {
+			display: "inline-flex",
+			alignItems: "center",
+			color: "text/link",
+			cursor: "pointer",
+			gap: "4",
+			textStyle: "body/md/regular",
+			paddingBlockStart: "8",
+			width: "fit-content",
+			_hover: {
+				color: "text/link-hover",
+				_active: { color: "text/primary" }
+			},
+			_active: { color: "text/primary" }
+		},
+		indicator: {}
+	}
+});
+//#endregion
+export { n as default };

package/dist/theme/slot-recipes/ExpandableCard.recipe.d.ts

@@ -1,4 +1,4 @@
-declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "suffix" | "root" | "secdText" | "collapsible" | "description", {
+declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "secdText" | "description", {
     size: {
         md: {
             header: {

package/dist/theme/slot-recipes/Field.recipe.js

@@ -17,14 +17,14 @@ var n = e({
 			color: "input/text/label",
 			textStyle: "comp/input/label",
 			marginBlockEnd: "4",
-			"& span": {
+			"& > span": {
 				marginInlineStart: "2",
 				color: "input/text/helper",
 				fontWeight: "normal"
 			},
 			"[data-disabled] &": {
 				color: "text/disabled",
-				"& span": { color: "text/disabled" }
+				"& > span": { color: "text/disabled" }
 			}
 		},
 		errorText: {

package/dist/theme/slot-recipes/FileUpload.recipe.d.ts

@@ -1,4 +1,4 @@
-declare const fileUploadSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "itemPreview" | "itemDeleteTrigger" | "dropzone" | "itemName" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
+declare const fileUploadSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
     variant: {
         image: {
             root: {

package/dist/theme/slot-recipes/GroupHeading.recipe.d.ts

@@ -0,0 +1,2 @@
+declare const groupHeadingRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "separator" | "icon" | "root" | "titleBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "separator" | "icon" | "root" | "titleBlock">>;
+export default groupHeadingRecipe;

package/dist/theme/slot-recipes/GroupHeading.recipe.js

@@ -0,0 +1,41 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/GroupHeading.recipe.ts
+var t = e({
+	className: "group-heading",
+	slots: [
+		"root",
+		"titleBlock",
+		"icon",
+		"label",
+		"separator"
+	],
+	base: {
+		root: {
+			alignItems: "center",
+			display: "flex",
+			gap: "16",
+			overflow: "clip",
+			paddingBlockEnd: "4",
+			paddingBlockStart: "8",
+			paddingInlineEnd: "8"
+		},
+		titleBlock: {
+			alignItems: "center",
+			display: "flex",
+			flexShrink: 0,
+			gap: "4"
+		},
+		icon: {
+			color: "icon/secondary",
+			flexShrink: 0
+		},
+		label: {
+			color: "text/tertiary",
+			flexShrink: 0,
+			textStyle: "heading/h6"
+		},
+		separator: { flex: 1 }
+	}
+});
+//#endregion
+export { t as default };

package/dist/theme/slot-recipes/InlineLoading.recipe.d.ts

@@ -18,17 +18,17 @@ declare const inlineLoadingRecipe: import('@chakra-ui/react').SlotRecipeDefiniti
     };
     status: {
         error: {
-            label: {
+            root: {
                 color: "text/body";
             };
         };
         loading: {
-            label: {
+            root: {
                 color: "text/secondary";
             };
         };
         success: {
-            label: {
+            root: {
                 color: "text/body";
             };
         };

package/dist/theme/slot-recipes/InlineLoading.recipe.js

@@ -18,9 +18,9 @@ var t = e({
 			lg: { label: { textStyle: "body/lg/regular" } }
 		},
 		status: {
-			error: { label: { color: "text/body" } },
-			loading: { label: { color: "text/secondary" } },
-			success: { label: { color: "text/body" } }
+			error: { root: { color: "text/body" } },
+			loading: { root: { color: "text/secondary" } },
+			success: { root: { color: "text/body" } }
 		}
 	},
 	defaultVariants: {

package/dist/theme/slot-recipes/PaginationLoadMore.recipe.d.ts

@@ -0,0 +1,41 @@
+declare const paginationLoadMoreRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "counter", {
+    size: {
+        md: {
+            root: {
+                gap: "24";
+                minHeight: string;
+            };
+            counter: {
+                textStyle: "body/md/regular";
+                '&:has(+ *)': {
+                    paddingInlineEnd: "24";
+                };
+            };
+        };
+        sm: {
+            root: {
+                gap: "16";
+                minHeight: "48";
+            };
+            counter: {
+                textStyle: "body/md/regular";
+                '&:has(+ *)': {
+                    paddingInlineEnd: "16";
+                };
+            };
+        };
+        xs: {
+            root: {
+                gap: "12";
+                minHeight: "32";
+            };
+            counter: {
+                textStyle: "body/sm/regular";
+                '&:has(+ *)': {
+                    paddingInlineEnd: "12";
+                };
+            };
+        };
+    };
+}>;
+export default paginationLoadMoreRecipe;

package/dist/theme/slot-recipes/PaginationLoadMore.recipe.js

@@ -0,0 +1,59 @@
+import { rem as e } from "../themeUtils.js";
+import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/PaginationLoadMore.recipe.ts
+var n = t({
+	className: "pagination-load-more",
+	slots: ["root", "counter"],
+	base: {
+		root: {
+			alignItems: "center",
+			display: "flex",
+			paddingBlock: "8",
+			paddingInline: "16"
+		},
+		counter: {
+			color: "text/secondary",
+			fontVariantNumeric: "tabular-nums",
+			"&:has(+ *)": {
+				borderInlineEndColor: "border/regular",
+				borderInlineEndStyle: "solid",
+				borderInlineEndWidth: "1px"
+			}
+		}
+	},
+	variants: { size: {
+		md: {
+			root: {
+				gap: "24",
+				minHeight: e(56)
+			},
+			counter: {
+				textStyle: "body/md/regular",
+				"&:has(+ *)": { paddingInlineEnd: "24" }
+			}
+		},
+		sm: {
+			root: {
+				gap: "16",
+				minHeight: "48"
+			},
+			counter: {
+				textStyle: "body/md/regular",
+				"&:has(+ *)": { paddingInlineEnd: "16" }
+			}
+		},
+		xs: {
+			root: {
+				gap: "12",
+				minHeight: "32"
+			},
+			counter: {
+				textStyle: "body/sm/regular",
+				"&:has(+ *)": { paddingInlineEnd: "12" }
+			}
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { n as default };

package/dist/theme/slot-recipes/SectionHeading.recipe.d.ts

@@ -0,0 +1,2 @@
+declare const sectionHeadingRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock">>;
+export default sectionHeadingRecipe;

package/dist/theme/slot-recipes/SectionHeading.recipe.js

@@ -0,0 +1,52 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/SectionHeading.recipe.ts
+var t = e({
+	className: "section-heading",
+	slots: [
+		"root",
+		"contentBlock",
+		"titleBlock",
+		"icon",
+		"label",
+		"helperBlock",
+		"helperText"
+	],
+	base: {
+		root: {
+			alignItems: "end",
+			display: "flex",
+			gap: "32"
+		},
+		contentBlock: {
+			display: "flex",
+			flex: 1,
+			flexDirection: "column",
+			gap: "4",
+			minWidth: 0
+		},
+		titleBlock: {
+			alignItems: "center",
+			display: "flex",
+			gap: "6"
+		},
+		icon: {
+			color: "icon/tertiary",
+			flexShrink: 0
+		},
+		label: {
+			color: "text/primary",
+			textStyle: "heading/h3"
+		},
+		helperBlock: {
+			alignItems: "center",
+			display: "flex",
+			gap: "4"
+		},
+		helperText: {
+			color: "text/secondary",
+			textStyle: "body/md/regular"
+		}
+	}
+});
+//#endregion
+export { t as default };

package/dist/theme/slot-recipes/TagsInput.recipe.d.ts

@@ -1,4 +1,4 @@
-declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemPreview" | "itemInput" | "itemDeleteTrigger" | "tagsBlock" | "suffixBlock", {
+declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemDeleteTrigger" | "itemPreview" | "itemInput" | "tagsBlock" | "suffixBlock", {
     size: {
         md: {
             control: {

package/dist/theme/slot-recipes/Tooltip.recipe.js

@@ -6,7 +6,10 @@ var r = t({
 	className: "tooltip",
 	slots: n.keys(),
 	base: {
-		positioner: { pointerEvents: "none" },
+		positioner: {
+			fontFamily: "body",
+			pointerEvents: "none"
+		},
 		content: {
 			"--tooltip-bg": "colors.background.contrast",
 			backgroundColor: "var(--tooltip-bg)",

package/dist/theme/slot-recipes/index.d.ts

@@ -320,18 +320,10 @@ declare const slotRecipes: {
                     alignItems: "center";
                     borderRadius: "2";
                     color: "text/body";
-                    cursor: "pointer";
                     display: "inline-flex";
                     paddingBlock: "2";
                     paddingInline: "6";
-                    userSelect: "none";
                     whiteSpace: "nowrap";
-                    _hover: {
-                        background: "background/hover";
-                    };
-                    _active: {
-                        background: "background/active";
-                    };
                 };
             };
             single: {
@@ -456,6 +448,10 @@ declare const slotRecipes: {
                 };
             };
         };
+        interactive: {
+            true: {};
+            false: {};
+        };
         hasShowMore: {
             true: {};
             false: {};
@@ -465,6 +461,7 @@ declare const slotRecipes: {
             false: {};
         };
     }>;
+    collapsible: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "indicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "trigger" | "indicator">>;
     combobox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
         size: {
             md: {
@@ -588,7 +585,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "suffix" | "root" | "secdText" | "collapsible" | "description", {
+    expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "secdText" | "description", {
         size: {
             md: {
                 header: {
@@ -612,8 +609,9 @@ declare const slotRecipes: {
         };
     }>;
     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">>;
+    groupHeading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "separator" | "icon" | "root" | "titleBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "separator" | "icon" | "root" | "titleBlock">>;
     fieldset: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "legend" | "root" | "helperText" | "errorText", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "legend" | "root" | "helperText" | "errorText">>;
-    fileUpload: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "itemPreview" | "itemDeleteTrigger" | "dropzone" | "itemName" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
+    fileUpload: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
         variant: {
             image: {
                 root: {
@@ -643,17 +641,17 @@ declare const slotRecipes: {
         };
         status: {
             error: {
-                label: {
+                root: {
                     color: "text/body";
                 };
             };
             loading: {
-                label: {
+                root: {
                     color: "text/secondary";
                 };
             };
             success: {
-                label: {
+                root: {
                     color: "text/body";
                 };
             };
@@ -734,6 +732,46 @@ declare const slotRecipes: {
             };
         };
     }>;
+    paginationLoadMore: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "counter", {
+        size: {
+            md: {
+                root: {
+                    gap: "24";
+                    minHeight: string;
+                };
+                counter: {
+                    textStyle: "body/md/regular";
+                    '&:has(+ *)': {
+                        paddingInlineEnd: "24";
+                    };
+                };
+            };
+            sm: {
+                root: {
+                    gap: "16";
+                    minHeight: "48";
+                };
+                counter: {
+                    textStyle: "body/md/regular";
+                    '&:has(+ *)': {
+                        paddingInlineEnd: "16";
+                    };
+                };
+            };
+            xs: {
+                root: {
+                    gap: "12";
+                    minHeight: "32";
+                };
+                counter: {
+                    textStyle: "body/sm/regular";
+                    '&:has(+ *)': {
+                        paddingInlineEnd: "12";
+                    };
+                };
+            };
+        };
+    }>;
     radioGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
         orientation: {
             horizontal: {
@@ -772,6 +810,7 @@ declare const slotRecipes: {
         };
     }>;
     ribbon: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "textBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "textBlock">>;
+    sectionHeading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock">>;
     segmentGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", {
         fullWidth: {
             true: {
@@ -990,7 +1029,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    tagsInput: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemPreview" | "itemInput" | "itemDeleteTrigger" | "tagsBlock" | "suffixBlock", {
+    tagsInput: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemDeleteTrigger" | "itemPreview" | "itemInput" | "tagsBlock" | "suffixBlock", {
         size: {
             md: {
                 control: {