@bitrise/bitkit-v2 0.3.175 → 0.3.177

package/dist/theme/semantic-tokens/semanticColors.js

@@ -317,6 +317,26 @@ var n = t.colors(e({
 			"fg-hover": { value: { base: "{colors.sys.indigo}" } },
 			"fg-active": { value: { base: "{colors.sys.indigo.strong}" } },
 			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
+		},
+		control: {
+			bg: { value: { base: "transparent" } },
+			"bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
+			"bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
+			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
+			fg: { value: { base: "{colors.sys.fg.secondary}" } },
+			"fg-hover": { value: { base: "{colors.sys.fg.primary}" } },
+			"fg-active": { value: { base: "{colors.sys.fg.primary}" } },
+			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
+		},
+		"control-danger": {
+			bg: { value: { base: "transparent" } },
+			"bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
+			"bg-active": { value: { base: "{colors.sys.red.moderate}" } },
+			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
+			fg: { value: { base: "{colors.sys.red}" } },
+			"fg-hover": { value: { base: "{colors.sys.red}" } },
+			"fg-active": { value: { base: "{colors.sys.red.strong}" } },
+			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
 		}
 	},
 	"ui-header": {

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/Table.recipe.d.ts

@@ -1,2 +1,135 @@
-declare const tableSlotRecipe: 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">>;
+declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader", {
+    variant: {
+        default: {
+            root: {
+                borderColor: "border/minimal";
+                borderRadius: "4";
+                borderStyle: "solid";
+                borderWidth: "1px";
+                overflow: "hidden";
+            };
+            header: {
+                '& :where(th)': {
+                    backgroundColor: "background/tertiary";
+                };
+            };
+            columnHeader: {
+                borderBottomColor: "border/minimal";
+                paddingBlock: "12";
+                paddingInline: "16";
+            };
+            cell: {
+                borderBottomColor: "border/minimal";
+                paddingInline: "16";
+            };
+            footer: {
+                borderTopColor: "border/minimal";
+            };
+        };
+        borderless: {
+            columnHeader: {
+                borderBottomColor: "border/regular";
+                padding: "12";
+            };
+            cell: {
+                borderBottomColor: "border/regular";
+                paddingInline: "12";
+            };
+            footer: {
+                borderTopColor: "border/regular";
+            };
+        };
+    };
+    layout: {
+        table: {
+            root: {
+                borderCollapse: "separate";
+                borderSpacing: "0";
+            };
+            caption: {
+                marginBlockEnd: "24";
+            };
+            columnHeader: {
+                borderBottomStyle: "solid";
+                borderBottomWidth: "1px";
+                color: "text/primary";
+                fontWeight: "bold";
+                textAlign: "start";
+                textStyle: "heading/h5";
+                verticalAlign: "middle";
+            };
+            cell: {
+                borderBottomStyle: "solid";
+                borderBottomWidth: "1px";
+                paddingBlock: "20";
+                verticalAlign: "middle";
+            };
+            body: {
+                '& :where(tr)': {
+                    _hover: {
+                        backgroundColor: "background/hover";
+                    };
+                };
+                '& :where(tr:last-child) td': {
+                    borderBottomWidth: "0";
+                };
+            };
+        };
+        stacked: {
+            root: {
+                display: "block";
+            };
+            caption: {
+                display: "block";
+                padding: "16";
+                backgroundColor: "background/tertiary";
+                borderBottomColor: "border/minimal";
+                borderBottomStyle: "solid";
+                borderBottomWidth: "1px";
+            };
+            header: {
+                borderWidth: "0";
+                clip: "rect(0, 0, 0, 0)";
+                height: "1";
+                margin: "-1px";
+                overflow: "hidden";
+                padding: number;
+                position: "absolute";
+                whiteSpace: "nowrap";
+                width: "1";
+            };
+            body: {
+                display: "block";
+            };
+            row: {
+                borderBottomColor: "border/minimal";
+                borderBottomStyle: "solid";
+                borderBottomWidth: "1px";
+                display: "block";
+                paddingBlock: "12";
+                '&:last-child': {
+                    borderBottomWidth: "0";
+                };
+            };
+            cell: {
+                alignItems: "center";
+                display: "flex";
+                minHeight: "48";
+                paddingInline: "16";
+                _before: {
+                    alignSelf: "center";
+                    color: "text/primary";
+                    content: "attr(data-label)";
+                    flexShrink: number;
+                    fontWeight: "semibold";
+                    paddingInlineEnd: "16";
+                    width: "96";
+                };
+            };
+            footer: {
+                display: "block";
+            };
+        };
+    };
+}>;
 export default tableSlotRecipe;