@bitrise/bitkit-v2 0.3.502-beta.3240 → 0.3.502-beta.3244

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

@@ -0,0 +1,139 @@
+import { rem } from "../themeUtils.js";
+import contentWidthStyles from "../common/ContentWidth.common.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/PageSubheader.recipe.ts
+var pageSubheaderSlotRecipe = defineSlotRecipe({
+	className: "page-subheader",
+	slots: [
+		"root",
+		"contentBlock",
+		"headerBlock",
+		"textBlock",
+		"title",
+		"secondaryText",
+		"actionBlock",
+		"tabs"
+	],
+	base: {
+		root: {
+			background: "background/primary",
+			display: "flex",
+			flexDirection: "column",
+			width: "100%"
+		},
+		contentBlock: {
+			display: "flex",
+			flexDirection: "column",
+			marginInline: "auto",
+			width: "100%"
+		},
+		headerBlock: {
+			alignItems: {
+				base: "stretch",
+				tablet: "flex-end"
+			},
+			display: "flex",
+			flexDirection: {
+				base: "column",
+				tablet: "row"
+			},
+			gap: {
+				base: "16",
+				tablet: "32"
+			},
+			paddingBlockEnd: {
+				base: "16",
+				tablet: "0"
+			},
+			paddingBlockStart: {
+				base: "16",
+				tablet: "32"
+			},
+			paddingInline: {
+				base: "16",
+				tablet: "32"
+			}
+		},
+		textBlock: {
+			display: "flex",
+			flex: {
+				base: "none",
+				tablet: "1 0 0"
+			},
+			flexDirection: "column",
+			gap: {
+				base: "4",
+				tablet: "0"
+			},
+			minWidth: 0
+		},
+		title: {
+			color: "text/primary",
+			paddingBlockEnd: {
+				base: "0",
+				tablet: "4"
+			},
+			textStyle: {
+				base: "heading/mobile/h1",
+				tablet: "heading/h2"
+			},
+			truncate: true
+		},
+		secondaryText: {
+			color: "text/secondary",
+			textStyle: "body/md/regular"
+		},
+		actionBlock: {
+			display: "flex",
+			flexShrink: 0,
+			flexDirection: {
+				base: "row-reverse",
+				tablet: "row"
+			},
+			flexWrap: {
+				base: "wrap-reverse",
+				tablet: "wrap"
+			},
+			gap: "12",
+			"& > *": { flex: {
+				base: "1 1 auto",
+				tablet: "none"
+			} }
+		},
+		tabs: {
+			marginBlockEnd: rem(-1),
+			paddingInlineEnd: "32",
+			paddingInlineStart: "16"
+		}
+	},
+	variants: {
+		contentWidth: Object.fromEntries(Object.entries(contentWidthStyles).map(([key, styles]) => [key, key === "full" ? { contentBlock: styles } : {
+			contentBlock: styles,
+			tabs: { paddingInlineStart: {
+				base: "16",
+				tablet: "32"
+			} }
+		}])),
+		hasTabs: {
+			true: {
+				root: {
+					borderBlockEnd: "1px solid",
+					borderColor: "border/regular"
+				},
+				headerBlock: { paddingBlockEnd: {
+					base: "16",
+					tablet: "24"
+				} }
+			},
+			false: {}
+		}
+	},
+	defaultVariants: {
+		contentWidth: "full",
+		hasTabs: false
+	}
+});
+//#endregion
+export { pageSubheaderSlotRecipe as default };
+
+//# sourceMappingURL=PageSubheader.recipe.js.map

package/dist/theme/slot-recipes/PageSubheader.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSubheader.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageSubheader.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport contentWidthStyles from '../common/ContentWidth.common';\nimport { rem } from '../themeUtils';\n\nconst pageSubheaderSlotRecipe = defineSlotRecipe({\n  className: 'page-subheader',\n  slots: ['root', 'contentBlock', 'headerBlock', 'textBlock', 'title', 'secondaryText', 'actionBlock', 'tabs'] as const,\n  base: {\n    root: {\n      background: 'background/primary',\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    contentBlock: {\n      display: 'flex',\n      flexDirection: 'column',\n      marginInline: 'auto',\n      width: '100%',\n    },\n    headerBlock: {\n      alignItems: { base: 'stretch', tablet: 'flex-end' },\n      display: 'flex',\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '16', tablet: '32' },\n      paddingBlockEnd: { base: '16', tablet: '0' },\n      paddingBlockStart: { base: '16', tablet: '32' },\n      paddingInline: { base: '16', tablet: '32' },\n    },\n    textBlock: {\n      display: 'flex',\n      flex: { base: 'none', tablet: '1 0 0' },\n      flexDirection: 'column',\n      gap: { base: '4', tablet: '0' },\n      minWidth: 0,\n    },\n    title: {\n      color: 'text/primary',\n      // Desktop keeps the design's 4px under the title with or without the secondary text; mobile has a gap instead.\n      paddingBlockEnd: { base: '0', tablet: '4' },\n      textStyle: { base: 'heading/mobile/h1', tablet: 'heading/h2' },\n      truncate: true,\n    },\n    secondaryText: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n    },\n    actionBlock: {\n      display: 'flex',\n      flexShrink: 0,\n      // Mobile puts the primary action first, so the row (and its lines, once they wrap) reverses the DOM order.\n      flexDirection: { base: 'row-reverse', tablet: 'row' },\n      flexWrap: { base: 'wrap-reverse', tablet: 'wrap' },\n      gap: '12',\n      '& > *': { flex: { base: '1 1 auto', tablet: 'none' } },\n    },\n    tabs: {\n      // Lands the tab list's own bottom line on the root's border, so the subheader keeps one edge.\n      marginBlockEnd: rem(-1),\n      paddingInlineEnd: '32',\n      paddingInlineStart: '16',\n    },\n  },\n  variants: {\n    contentWidth: Object.fromEntries(\n      Object.entries(contentWidthStyles).map(([key, styles]) => [\n        key,\n        // The capped design insets the tabs by 32, the full-width one by 16 (pending a design answer on which is right).\n        key === 'full'\n          ? { contentBlock: styles }\n          : { contentBlock: styles, tabs: { paddingInlineStart: { base: '16', tablet: '32' } } },\n      ]),\n    ) as {\n      [K in keyof typeof contentWidthStyles]: {\n        contentBlock: (typeof contentWidthStyles)[K];\n        tabs?: { paddingInlineStart: { base: string; tablet: string } };\n      };\n    },\n    hasTabs: {\n      true: {\n        root: {\n          borderBlockEnd: '1px solid',\n          borderColor: 'border/regular',\n        },\n        headerBlock: {\n          paddingBlockEnd: { base: '16', tablet: '24' },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    contentWidth: 'full',\n    hasTabs: false,\n  },\n});\n\nexport default pageSubheaderSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,0BAA0B,iBAAiB;CAC/C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAgB;EAAe;EAAa;EAAS;EAAiB;EAAe;CAAM;CAC3G,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;GACf,OAAO;EACT;EACA,cAAc;GACZ,SAAS;GACT,eAAe;GACf,cAAc;GACd,OAAO;EACT;EACA,aAAa;GACX,YAAY;IAAE,MAAM;IAAW,QAAQ;GAAW;GAClD,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,iBAAiB;IAAE,MAAM;IAAM,QAAQ;GAAI;GAC3C,mBAAmB;IAAE,MAAM;IAAM,QAAQ;GAAK;GAC9C,eAAe;IAAE,MAAM;IAAM,QAAQ;GAAK;EAC5C;EACA,WAAW;GACT,SAAS;GACT,MAAM;IAAE,MAAM;IAAQ,QAAQ;GAAQ;GACtC,eAAe;GACf,KAAK;IAAE,MAAM;IAAK,QAAQ;GAAI;GAC9B,UAAU;EACZ;EACA,OAAO;GACL,OAAO;GAEP,iBAAiB;IAAE,MAAM;IAAK,QAAQ;GAAI;GAC1C,WAAW;IAAE,MAAM;IAAqB,QAAQ;GAAa;GAC7D,UAAU;EACZ;EACA,eAAe;GACb,OAAO;GACP,WAAW;EACb;EACA,aAAa;GACX,SAAS;GACT,YAAY;GAEZ,eAAe;IAAE,MAAM;IAAe,QAAQ;GAAM;GACpD,UAAU;IAAE,MAAM;IAAgB,QAAQ;GAAO;GACjD,KAAK;GACL,SAAS,EAAE,MAAM;IAAE,MAAM;IAAY,QAAQ;GAAO,EAAE;EACxD;EACA,MAAM;GAEJ,gBAAgB,IAAI,EAAE;GACtB,kBAAkB;GAClB,oBAAoB;EACtB;CACF;CACA,UAAU;EACR,cAAc,OAAO,YACnB,OAAO,QAAQ,kBAAkB,CAAC,CAAC,KAAK,CAAC,KAAK,YAAY,CACxD,KAEA,QAAQ,SACJ,EAAE,cAAc,OAAO,IACvB;GAAE,cAAc;GAAQ,MAAM,EAAE,oBAAoB;IAAE,MAAM;IAAM,QAAQ;GAAK,EAAE;EAAE,CACzF,CAAC,CACH;EAMA,SAAS;GACP,MAAM;IACJ,MAAM;KACJ,gBAAgB;KAChB,aAAa;IACf;IACA,aAAa,EACX,iBAAiB;KAAE,MAAM;KAAM,QAAQ;IAAK,EAC9C;GACF;GACA,OAAO,CAAC;EACV;CACF;CACA,iBAAiB;EACf,cAAc;EACd,SAAS;CACX;AACF,CAAC"}

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

@@ -11,7 +11,7 @@ var stepCardSlotRecipe = defineSlotRecipe({
 			border: "1px solid",
 			borderColor: "border/minimal",
 			borderRadius: "8",
-			boxShadow: "elevation/md",
+			boxShadow: "elevation/sm",
 			overflow: "hidden"
 		},
 		header: {

package/dist/theme/slot-recipes/StepCard.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/StepCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst stepsCardAnatomy = cardAnatomy.extendWith('titleGroup');\n\nconst stepCardSlotRecipe = defineSlotRecipe({\n  className: 'steps-card',\n  slots: stepsCardAnatomy.keys(),\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      boxShadow: 'elevation/md',\n      overflow: 'hidden',\n    },\n    header: {\n      paddingBlockStart: '32',\n      paddingInline: { base: '24', tablet: '32' },\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '24',\n      paddingBlockEnd: '48',\n      paddingBlockStart: '32',\n      paddingInline: { base: '24', tablet: '32' },\n    },\n    titleGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    title: {\n      color: 'text/primary',\n      textStyle: 'heading/h3',\n    },\n    description: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n    },\n    footer: {\n      alignItems: 'center',\n      borderBlockStart: '1px solid',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      padding: { base: '24', tablet: '32' },\n    },\n  },\n});\n\nexport default stepCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB,YAAY,WAAW,YAAY;AAE5D,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,iBAAiB,KAAK;CAC7B,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,aAAa;GACb,cAAc;GACd,WAAW;GACX,UAAU;EACZ;EACA,QAAQ;GACN,mBAAmB;GACnB,eAAe;IAAE,MAAM;IAAM,QAAQ;GAAK;EAC5C;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;IAAE,MAAM;IAAM,QAAQ;GAAK;EAC5C;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,OAAO;GACL,OAAO;GACP,WAAW;EACb;EACA,aAAa;GACX,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAK;EACtC;CACF;AACF,CAAC"}
+{"version":3,"file":"StepCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/StepCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst stepsCardAnatomy = cardAnatomy.extendWith('titleGroup');\n\nconst stepCardSlotRecipe = defineSlotRecipe({\n  className: 'steps-card',\n  slots: stepsCardAnatomy.keys(),\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      boxShadow: 'elevation/sm',\n      overflow: 'hidden',\n    },\n    header: {\n      paddingBlockStart: '32',\n      paddingInline: { base: '24', tablet: '32' },\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '24',\n      paddingBlockEnd: '48',\n      paddingBlockStart: '32',\n      paddingInline: { base: '24', tablet: '32' },\n    },\n    titleGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    title: {\n      color: 'text/primary',\n      textStyle: 'heading/h3',\n    },\n    description: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n    },\n    footer: {\n      alignItems: 'center',\n      borderBlockStart: '1px solid',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      padding: { base: '24', tablet: '32' },\n    },\n  },\n});\n\nexport default stepCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB,YAAY,WAAW,YAAY;AAE5D,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,iBAAiB,KAAK;CAC7B,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,aAAa;GACb,cAAc;GACd,WAAW;GACX,UAAU;EACZ;EACA,QAAQ;GACN,mBAAmB;GACnB,eAAe;IAAE,MAAM;IAAM,QAAQ;GAAK;EAC5C;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;IAAE,MAAM;IAAM,QAAQ;GAAK;EAC5C;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,KAAK;EACP;EACA,OAAO;GACL,OAAO;GACP,WAAW;EACb;EACA,aAAa;GACX,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAK;EACtC;CACF;AACF,CAAC"}

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

@@ -1217,14 +1217,6 @@ declare const slotRecipes: {
                 };
             };
         };
-        contentAlign: {
-            center: {};
-            start: {
-                root: {
-                    justifyContent: "flex-start";
-                };
-            };
-        };
     }>;
     imageCropper: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "handle" | "viewport" | "selection", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "handle" | "viewport" | "selection">>;
     inlineLoading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root", {
@@ -1931,24 +1923,16 @@ declare const slotRecipes: {
         alignsToContent: {
             true: {
                 headerBlock: {
+                    marginInline: "auto";
                     tablet: {
                         paddingInlineStart: "32";
                     };
                 };
-            };
-            false: {};
-        };
-        contentAlign: {
-            center: {
-                headerBlock: {
+                tabs: {
                     marginInline: "auto";
                 };
             };
-            start: {
-                headerBlock: {
-                    marginInlineEnd: "auto";
-                };
-            };
+            false: {};
         };
     }>;
     pageSidebar: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "title" | "root" | "item" | "suffixIcon" | "titleText" | "titleBlock" | "itemLabel" | "itemIcon" | "contentBlock" | "drawerHeader" | "divider" | "drawerBackdrop" | "drawerCloseButton" | "drawerContent" | "drawerHeaderAvatar" | "drawerHeaderSecondaryText" | "drawerHeaderTextBlock" | "drawerHeaderTitle" | "progressBlocker" | "progressConnector" | "progressContentBlock" | "progressIcon" | "progressLabel" | "progressRow" | "progressSecondaryText" | "progressTextBlock" | "project" | "projectLabel" | "projectValue" | "projectValueWrapper" | "selectionMarker", {
@@ -2116,6 +2100,46 @@ declare const slotRecipes: {
             false: {};
         };
     }>;
+    pageSubheader: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "tabs" | "root" | "secondaryText" | "headerBlock" | "contentBlock" | "textBlock" | "actionBlock", {
+        contentWidth: { [K in "full" | "640" | "960" | "1280" | "1616"]: {
+            contentBlock: {
+                readonly '640': {
+                    readonly maxWidth: "layout/maxWidth/640";
+                };
+                readonly '960': {
+                    readonly maxWidth: "layout/maxWidth/960";
+                };
+                readonly '1280': {
+                    readonly maxWidth: "layout/maxWidth/1280";
+                };
+                readonly '1616': {
+                    readonly maxWidth: "layout/maxWidth/1616";
+                };
+                readonly full: {};
+            }[K];
+            tabs?: {
+                paddingInlineStart: {
+                    base: string;
+                    tablet: string;
+                };
+            };
+        }; };
+        hasTabs: {
+            true: {
+                root: {
+                    borderBlockEnd: "1px solid";
+                    borderColor: "border/regular";
+                };
+                headerBlock: {
+                    paddingBlockEnd: {
+                        base: "16";
+                        tablet: "24";
+                    };
+                };
+            };
+            false: {};
+        };
+    }>;
     pagination: import('@chakra-ui/react').SlotRecipeDefinition<"text" | "root" | "itemsBlock" | "itemsSelect" | "pageBlock" | "pageSelect", {
         variant: {
             card: {

package/dist/theme/slot-recipes/index.js

@@ -40,6 +40,7 @@ import overflowContentSlotRecipe from "./OverflowContent.recipe.js";
 import pageFooterSlotRecipe from "./PageFooter.recipe.js";
 import pageHeaderSlotRecipe from "./PageHeader.recipe.js";
 import pageSidebarSlotRecipe from "./PageSidebar.recipe.js";
+import pageSubheaderSlotRecipe from "./PageSubheader.recipe.js";
 import paginationSlotRecipe from "./Pagination.recipe.js";
 import paginationLoadMoreRecipe from "./PaginationLoadMore.recipe.js";
 import popoverSlotRecipe from "./Popover.recipe.js";
@@ -106,6 +107,7 @@ var slotRecipes = {
 	pageFooter: pageFooterSlotRecipe,
 	pageHeader: pageHeaderSlotRecipe,
 	pageSidebar: pageSidebarSlotRecipe,
+	pageSubheader: pageSubheaderSlotRecipe,
 	pagination: paginationSlotRecipe,
 	paginationLoadMore: paginationLoadMoreRecipe,
 	popover: popoverSlotRecipe,

package/dist/theme/slot-recipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["groupHeadingSlotRecipe","inlineLoadingSlotRecipe","paginationLoadMoreSlotRecipe","sectionHeadingSlotRecipe"],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport filterSlotRecipe from './Filter.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport listboxSlotRecipe from './Listbox.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport pageHeaderSlotRecipe from './PageHeader.recipe.ts';\nimport pageSidebarSlotRecipe from './PageSidebar.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport progressSlotRecipe from './Progress.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tableCardSlotRecipe from './TableCard.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport toggletipSlotRecipe from './Toggletip.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\nimport uiHeaderSlotRecipe from './UIHeader.recipe';\nimport uiSideNavSlotRecipe from './UISideNav.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  dataWidget: dataWidgetSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  filter: filterSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  listbox: listboxSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  multiselect: multiselectSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pageHeader: pageHeaderSlotRecipe,\n  pageSidebar: pageSidebarSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  popover: popoverSlotRecipe,\n  progress: progressSlotRecipe,\n  qrCode: qrCodeSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  select: selectSlotRecipe,\n  settingsCard: settingsCardSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tableCard: tableCardSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  textInput: textInputSlotRecipe,\n  toast: toastSlotRecipe,\n  toggletip: toggletipSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  tour: tourSlotRecipe,\n  treeView: treeViewSlotRecipe,\n  uiHeader: uiHeaderSlotRecipe,\n  uiSideNav: uiSideNavSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAcA;CACd,UAAU;CACV,YAAY;CACZ,QAAQ;CACR,cAAc;CACd,eAAeC;CACf,MAAM;CACN,SAAS;CACT,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,YAAY;CACZ,oBAAoBC;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgBC;CAChB,aAAa;CACb,cAAc;CACd,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,WAAW;CACX,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU;CACV,WAAW;AACb"}
+{"version":3,"file":"index.js","names":["groupHeadingSlotRecipe","inlineLoadingSlotRecipe","paginationLoadMoreSlotRecipe","sectionHeadingSlotRecipe"],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport filterSlotRecipe from './Filter.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport listboxSlotRecipe from './Listbox.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport pageHeaderSlotRecipe from './PageHeader.recipe.ts';\nimport pageSidebarSlotRecipe from './PageSidebar.recipe.ts';\nimport pageSubheaderSlotRecipe from './PageSubheader.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport progressSlotRecipe from './Progress.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tableCardSlotRecipe from './TableCard.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport toggletipSlotRecipe from './Toggletip.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\nimport uiHeaderSlotRecipe from './UIHeader.recipe';\nimport uiSideNavSlotRecipe from './UISideNav.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  dataWidget: dataWidgetSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  filter: filterSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  listbox: listboxSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  multiselect: multiselectSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pageHeader: pageHeaderSlotRecipe,\n  pageSidebar: pageSidebarSlotRecipe,\n  pageSubheader: pageSubheaderSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  popover: popoverSlotRecipe,\n  progress: progressSlotRecipe,\n  qrCode: qrCodeSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  select: selectSlotRecipe,\n  settingsCard: settingsCardSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tableCard: tableCardSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  textInput: textInputSlotRecipe,\n  toast: toastSlotRecipe,\n  toggletip: toggletipSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  tour: tourSlotRecipe,\n  treeView: treeViewSlotRecipe,\n  uiHeader: uiHeaderSlotRecipe,\n  uiSideNav: uiSideNavSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAcA;CACd,UAAU;CACV,YAAY;CACZ,QAAQ;CACR,cAAc;CACd,eAAeC;CACf,MAAM;CACN,SAAS;CACT,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,eAAe;CACf,YAAY;CACZ,oBAAoBC;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgBC;CAChB,aAAa;CACb,cAAc;CACd,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,WAAW;CACX,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU;CACV,WAAW;AACb"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.502-beta.3240",
+  "version": "0.3.502-beta.3244",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -89,6 +89,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "release-it": "^21.1.1",
+    "remark-gfm": "^4.0.1",
     "storybook": "10.6.2",
     "svgo": "~3.3.4",
     "tsx": "^4.23.15",

package/dist/utilities/focusableDisabledProps.d.ts

@@ -1,22 +0,0 @@
-import { MouseEvent } from 'react';
-/**
- * Disables a button without the native `disabled` attribute, for a button whose tooltip explains
- * why: a natively disabled `<button>` gets no pointer events and no focus, so that tooltip could
- * never open. It stays focusable and is announced as unavailable via `aria-disabled`.
- *
- * Spread it after the consumer's props. `onClick` cancels the click, which a mouse press, Enter,
- * Space and a form's implicit submission all go through, so nothing activates the button; it also
- * replaces a dialog or popover trigger's handler, which bails on `defaultPrevented` anyway. It stops
- * propagation too: a natively disabled button fires no click at all, so a clickable row or card
- * around it must not get one either.
- * `onKeyDown` is cleared so a menu trigger's arrow keys don't open the menu. `data-disabled` must be
- * exactly `""`: the recipe's `_disabled` matches any value, but Zag's menu trigger only treats `""`
- * as disabled.
- */
-declare const focusableDisabledProps: {
-    readonly 'aria-disabled': true;
-    readonly 'data-disabled': "";
-    readonly onClick: (event: MouseEvent) => void;
-    readonly onKeyDown: undefined;
-};
-export default focusableDisabledProps;

package/dist/utilities/focusableDisabledProps.js

@@ -1,28 +0,0 @@
-//#region lib/utilities/focusableDisabledProps.ts
-/**
-* Disables a button without the native `disabled` attribute, for a button whose tooltip explains
-* why: a natively disabled `<button>` gets no pointer events and no focus, so that tooltip could
-* never open. It stays focusable and is announced as unavailable via `aria-disabled`.
-*
-* Spread it after the consumer's props. `onClick` cancels the click, which a mouse press, Enter,
-* Space and a form's implicit submission all go through, so nothing activates the button; it also
-* replaces a dialog or popover trigger's handler, which bails on `defaultPrevented` anyway. It stops
-* propagation too: a natively disabled button fires no click at all, so a clickable row or card
-* around it must not get one either.
-* `onKeyDown` is cleared so a menu trigger's arrow keys don't open the menu. `data-disabled` must be
-* exactly `""`: the recipe's `_disabled` matches any value, but Zag's menu trigger only treats `""`
-* as disabled.
-*/
-var focusableDisabledProps = {
-	"aria-disabled": true,
-	"data-disabled": "",
-	onClick: (event) => {
-		event.preventDefault();
-		event.stopPropagation();
-	},
-	onKeyDown: void 0
-};
-//#endregion
-export { focusableDisabledProps as default };
-
-//# sourceMappingURL=focusableDisabledProps.js.map

package/dist/utilities/focusableDisabledProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusableDisabledProps.js","names":[],"sources":["../../lib/utilities/focusableDisabledProps.ts"],"sourcesContent":["import { type MouseEvent } from 'react';\n\n/**\n * Disables a button without the native `disabled` attribute, for a button whose tooltip explains\n * why: a natively disabled `<button>` gets no pointer events and no focus, so that tooltip could\n * never open. It stays focusable and is announced as unavailable via `aria-disabled`.\n *\n * Spread it after the consumer's props. `onClick` cancels the click, which a mouse press, Enter,\n * Space and a form's implicit submission all go through, so nothing activates the button; it also\n * replaces a dialog or popover trigger's handler, which bails on `defaultPrevented` anyway. It stops\n * propagation too: a natively disabled button fires no click at all, so a clickable row or card\n * around it must not get one either.\n * `onKeyDown` is cleared so a menu trigger's arrow keys don't open the menu. `data-disabled` must be\n * exactly `\"\"`: the recipe's `_disabled` matches any value, but Zag's menu trigger only treats `\"\"`\n * as disabled.\n */\nconst focusableDisabledProps = {\n  'aria-disabled': true,\n  'data-disabled': '',\n  onClick: (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  },\n  onKeyDown: undefined,\n} as const;\n\nexport default focusableDisabledProps;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAM,yBAAyB;CAC7B,iBAAiB;CACjB,iBAAiB;CACjB,UAAU,UAAsB;EAC9B,MAAM,eAAe;EACrB,MAAM,gBAAgB;CACxB;CACA,WAAW,KAAA;AACb"}