@bitrise/bitkit-v2 0.3.502-beta.3234 → 0.3.502-beta.3237

package/dist/utilities/focusableDisabledProps.js

@@ -0,0 +1,23 @@
+//#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.
+* `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(),
+	onKeyDown: void 0
+};
+//#endregion
+export { focusableDisabledProps as default };
+
+//# sourceMappingURL=focusableDisabledProps.js.map

package/dist/utilities/focusableDisabledProps.js.map

@@ -0,0 +1 @@
+{"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.\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) => event.preventDefault(),\n  onKeyDown: undefined,\n} as const;\n\nexport default focusableDisabledProps;\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAM,yBAAyB;CAC7B,iBAAiB;CACjB,iBAAiB;CACjB,UAAU,UAAsB,MAAM,eAAe;CACrD,WAAW,KAAA;AACb"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.502-beta.3234",
+  "version": "0.3.502-beta.3237",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -89,7 +89,6 @@
     "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/components/BitkitContentWrapper/BitkitContentWrapper.d.ts

@@ -1,16 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { ContentWidth } from '../../theme/common/ContentWidth.common';
-/** A page content width: one of the `layout/maxWidth` tokens, or `full` for no cap. */
-export type BitkitContentWidth = ContentWidth;
-export interface BitkitContentWrapperProps extends BoxProps {
-    /**
-     * Side-by-side columns from `tablet` up, as a CSS grid template — `'1fr 1fr'` for two equal columns,
-     * `'1fr 25rem'` for one that fills next to a fixed one. Below `tablet` the columns stack.
-     */
-    columnTemplate?: string;
-    /** The cap on the page's content column, padding included. Pick the same value for the page header above it. */
-    contentWidth: BitkitContentWidth;
-}
-/** The page's content grid: capped at a `layout/maxWidth` token, centred, one column of sections 32 apart unless `columnTemplate` says otherwise. */
-declare const BitkitContentWrapper: import('react').ForwardRefExoticComponent<BitkitContentWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
-export default BitkitContentWrapper;

package/dist/components/BitkitContentWrapper/BitkitContentWrapper.js

@@ -1,21 +0,0 @@
-import { useRecipe } from "@chakra-ui/react/styled-system";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Box } from "@chakra-ui/react/box";
-//#region lib/components/BitkitContentWrapper/BitkitContentWrapper.tsx
-/** The page's content grid: capped at a `layout/maxWidth` token, centred, one column of sections 32 apart unless `columnTemplate` says otherwise. */
-var BitkitContentWrapper = forwardRef((props, ref) => {
-	const { columnTemplate, contentWidth, css, ...rest } = props;
-	const recipe = useRecipe({ key: "contentWrapper" });
-	return /* @__PURE__ */ jsx(Box, {
-		css: [recipe({ contentWidth }), css],
-		gridTemplateColumns: columnTemplate ? { tablet: columnTemplate } : void 0,
-		ref,
-		...rest
-	});
-});
-BitkitContentWrapper.displayName = "BitkitContentWrapper";
-//#endregion
-export { BitkitContentWrapper as default };
-
-//# sourceMappingURL=BitkitContentWrapper.js.map

package/dist/components/BitkitContentWrapper/BitkitContentWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitContentWrapper.js","names":[],"sources":["../../../lib/components/BitkitContentWrapper/BitkitContentWrapper.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type ContentWidth } from '../../theme/common/ContentWidth.common';\n\n/** A page content width: one of the `layout/maxWidth` tokens, or `full` for no cap. */\nexport type BitkitContentWidth = ContentWidth;\n\nexport interface BitkitContentWrapperProps extends BoxProps {\n  /**\n   * Side-by-side columns from `tablet` up, as a CSS grid template — `'1fr 1fr'` for two equal columns,\n   * `'1fr 25rem'` for one that fills next to a fixed one. Below `tablet` the columns stack.\n   */\n  columnTemplate?: string;\n  /** The cap on the page's content column, padding included. Pick the same value for the page header above it. */\n  contentWidth: BitkitContentWidth;\n}\n\n/** The page's content grid: capped at a `layout/maxWidth` token, centred, one column of sections 32 apart unless `columnTemplate` says otherwise. */\nconst BitkitContentWrapper = forwardRef<HTMLDivElement, BitkitContentWrapperProps>((props, ref) => {\n  const { columnTemplate, contentWidth, css, ...rest } = props;\n\n  const recipe = useRecipe({ key: 'contentWrapper' });\n\n  return (\n    <Box\n      css={[recipe({ contentWidth }), css]}\n      gridTemplateColumns={columnTemplate ? { tablet: columnTemplate } : undefined}\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n\nBitkitContentWrapper.displayName = 'BitkitContentWrapper';\n\nexport default BitkitContentWrapper;\n"],"mappings":";;;;;;AAoBA,IAAM,uBAAuB,YAAuD,OAAO,QAAQ;CACjG,MAAM,EAAE,gBAAgB,cAAc,KAAK,GAAG,SAAS;CAEvD,MAAM,SAAS,UAAU,EAAE,KAAK,iBAAiB,CAAC;CAElD,OACE,oBAAC,KAAD;EACE,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,GAAG,GAAG;EACnC,qBAAqB,iBAAiB,EAAE,QAAQ,eAAe,IAAI,KAAA;EAC9D;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,qBAAqB,cAAc"}

package/dist/components/BitkitPageSubheader/BitkitPageSubheader.d.ts

@@ -1,18 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { ReactNode } from 'react';
-import { BitkitContentWidth } from '../BitkitContentWrapper/BitkitContentWrapper';
-export interface BitkitPageSubheaderProps extends Omit<BoxProps, 'title'> {
-    /** The actions, secondary first and primary last — mobile shows them the other way round. */
-    children?: ReactNode;
-    /** Caps the content at the page content column's width, so the title lines up with it. Use the `BitkitContentWrapper`'s value. */
-    contentWidth?: BitkitContentWidth;
-    /** One line under the title, inline content such as a "Learn more" link included. */
-    secondaryText?: ReactNode;
-    /** A `BitkitTabs.List`, rendered under the title; wrap the page in `BitkitTabs.Root` so the panels can live outside. */
-    tabs?: ReactNode;
-    /** The sub-page title, rendered as an `h2` under the page header's `h1`. */
-    title: string;
-}
-/** The title bar of a sub-page, under a page header whose sidebar sits beside the content. */
-declare const BitkitPageSubheader: import('react').ForwardRefExoticComponent<BitkitPageSubheaderProps & import('react').RefAttributes<HTMLDivElement>>;
-export default BitkitPageSubheader;

package/dist/components/BitkitPageSubheader/BitkitPageSubheader.js

@@ -1,61 +0,0 @@
-import { isEmptyNode } from "../../utilities/isEmptyNode.js";
-import BitkitOverflowTooltip from "../BitkitOverflowTooltip/BitkitOverflowTooltip.js";
-import useIsTruncated from "../../utilities/useIsTruncated.js";
-import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Box } from "@chakra-ui/react/box";
-import { Text } from "@chakra-ui/react/text";
-//#region lib/components/BitkitPageSubheader/BitkitPageSubheader.tsx
-/** The title bar of a sub-page, under a page header whose sidebar sits beside the content. */
-var BitkitPageSubheader = forwardRef((props, ref) => {
-	const { children, contentWidth, css, secondaryText, tabs, title, ...rest } = props;
-	const hasActions = !isEmptyNode(children);
-	const hasSecondaryText = !isEmptyNode(secondaryText);
-	const hasTabs = !isEmptyNode(tabs);
-	const { isTruncated: isTitleTruncated, ref: titleRef } = useIsTruncated(title);
-	const styles = useSlotRecipe({ key: "pageSubheader" })({
-		contentWidth,
-		hasTabs
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		css: [styles.root, css],
-		ref,
-		...rest,
-		children: /* @__PURE__ */ jsxs(Box, {
-			css: styles.contentBlock,
-			children: [/* @__PURE__ */ jsxs(Box, {
-				css: styles.headerBlock,
-				children: [/* @__PURE__ */ jsxs(Box, {
-					css: styles.textBlock,
-					children: [/* @__PURE__ */ jsx(BitkitOverflowTooltip, {
-						disabled: !isTitleTruncated,
-						placement: "bottom-start",
-						text: title,
-						children: /* @__PURE__ */ jsx(Text, {
-							as: "h2",
-							css: styles.title,
-							ref: titleRef,
-							tabIndex: isTitleTruncated ? 0 : void 0,
-							children: title
-						})
-					}), hasSecondaryText && /* @__PURE__ */ jsx(Text, {
-						css: styles.secondaryText,
-						children: secondaryText
-					})]
-				}), hasActions && /* @__PURE__ */ jsx(Box, {
-					css: styles.actionBlock,
-					children
-				})]
-			}), hasTabs && /* @__PURE__ */ jsx(Box, {
-				css: styles.tabs,
-				children: tabs
-			})]
-		})
-	});
-});
-BitkitPageSubheader.displayName = "BitkitPageSubheader";
-//#endregion
-export { BitkitPageSubheader as default };
-
-//# sourceMappingURL=BitkitPageSubheader.js.map

package/dist/components/BitkitPageSubheader/BitkitPageSubheader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitPageSubheader.js","names":[],"sources":["../../../lib/components/BitkitPageSubheader/BitkitPageSubheader.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { isEmptyNode } from '../../utilities/isEmptyNode';\nimport useIsTruncated from '../../utilities/useIsTruncated';\nimport { type BitkitContentWidth } from '../BitkitContentWrapper/BitkitContentWrapper';\nimport BitkitOverflowTooltip from '../BitkitOverflowTooltip/BitkitOverflowTooltip';\n\nexport interface BitkitPageSubheaderProps extends Omit<BoxProps, 'title'> {\n  /** The actions, secondary first and primary last — mobile shows them the other way round. */\n  children?: ReactNode;\n  /** Caps the content at the page content column's width, so the title lines up with it. Use the `BitkitContentWrapper`'s value. */\n  contentWidth?: BitkitContentWidth;\n  /** One line under the title, inline content such as a \"Learn more\" link included. */\n  secondaryText?: ReactNode;\n  /** A `BitkitTabs.List`, rendered under the title; wrap the page in `BitkitTabs.Root` so the panels can live outside. */\n  tabs?: ReactNode;\n  /** The sub-page title, rendered as an `h2` under the page header's `h1`. */\n  title: string;\n}\n\n/** The title bar of a sub-page, under a page header whose sidebar sits beside the content. */\nconst BitkitPageSubheader = forwardRef<HTMLDivElement, BitkitPageSubheaderProps>((props, ref) => {\n  const { children, contentWidth, css, secondaryText, tabs, title, ...rest } = props;\n\n  const hasActions = !isEmptyNode(children);\n  const hasSecondaryText = !isEmptyNode(secondaryText);\n  const hasTabs = !isEmptyNode(tabs);\n\n  const { isTruncated: isTitleTruncated, ref: titleRef } = useIsTruncated<HTMLHeadingElement>(title);\n\n  const recipe = useSlotRecipe({ key: 'pageSubheader' });\n  const styles = recipe({ contentWidth, hasTabs });\n\n  return (\n    <Box css={[styles.root, css]} ref={ref} {...rest}>\n      <Box css={styles.contentBlock}>\n        <Box css={styles.headerBlock}>\n          <Box css={styles.textBlock}>\n            <BitkitOverflowTooltip disabled={!isTitleTruncated} placement=\"bottom-start\" text={title}>\n              <Text as=\"h2\" css={styles.title} ref={titleRef} tabIndex={isTitleTruncated ? 0 : undefined}>\n                {title}\n              </Text>\n            </BitkitOverflowTooltip>\n\n            {hasSecondaryText && <Text css={styles.secondaryText}>{secondaryText}</Text>}\n          </Box>\n\n          {hasActions && <Box css={styles.actionBlock}>{children}</Box>}\n        </Box>\n\n        {hasTabs && <Box css={styles.tabs}>{tabs}</Box>}\n      </Box>\n    </Box>\n  );\n});\n\nBitkitPageSubheader.displayName = 'BitkitPageSubheader';\n\nexport default BitkitPageSubheader;\n"],"mappings":";;;;;;;;;;AAwBA,IAAM,sBAAsB,YAAsD,OAAO,QAAQ;CAC/F,MAAM,EAAE,UAAU,cAAc,KAAK,eAAe,MAAM,OAAO,GAAG,SAAS;CAE7E,MAAM,aAAa,CAAC,YAAY,QAAQ;CACxC,MAAM,mBAAmB,CAAC,YAAY,aAAa;CACnD,MAAM,UAAU,CAAC,YAAY,IAAI;CAEjC,MAAM,EAAE,aAAa,kBAAkB,KAAK,aAAa,eAAmC,KAAK;CAGjG,MAAM,SADS,cAAc,EAAE,KAAK,gBAAgB,CACrC,CAAA,CAAO;EAAE;EAAc;CAAQ,CAAC;CAE/C,OACE,oBAAC,KAAD;EAAK,KAAK,CAAC,OAAO,MAAM,GAAG;EAAQ;EAAK,GAAI;EAC1C,UAAA,qBAAC,KAAD;GAAK,KAAK,OAAO;GAAjB,UAAA,CACE,qBAAC,KAAD;IAAK,KAAK,OAAO;IAAjB,UAAA,CACE,qBAAC,KAAD;KAAK,KAAK,OAAO;KAAjB,UAAA,CACE,oBAAC,uBAAD;MAAuB,UAAU,CAAC;MAAkB,WAAU;MAAe,MAAM;MACjF,UAAA,oBAAC,MAAD;OAAM,IAAG;OAAK,KAAK,OAAO;OAAO,KAAK;OAAU,UAAU,mBAAmB,IAAI,KAAA;OAC9E,UAAA;MACG,CAAA;KACe,CAAA,GAEtB,oBAAoB,oBAAC,MAAD;MAAM,KAAK,OAAO;MAAgB,UAAA;KAAoB,CAAA,CACxE;IAEJ,CAAA,GAAA,cAAc,oBAAC,KAAD;KAAK,KAAK,OAAO;KAAc;IAAc,CAAA,CACzD;GAEJ,CAAA,GAAA,WAAW,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAO,UAAA;GAAU,CAAA,CAC3C;;CACF,CAAA;AAET,CAAC;AAED,oBAAoB,cAAc"}

package/dist/theme/common/ContentWidth.common.d.ts

@@ -1,20 +0,0 @@
-/** The page content widths: a `layout/maxWidth` cap, padding included, or `full` for none. */
-declare const contentWidthStyles: {
-    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: {};
-};
-export type ContentWidth = keyof typeof contentWidthStyles;
-/** The `maxWidth` token for a content width, or nothing for `full` and no width at all. */
-export declare const contentMaxWidth: (contentWidth?: ContentWidth) => "layout/maxWidth/640" | "layout/maxWidth/960" | "layout/maxWidth/1280" | "layout/maxWidth/1616" | undefined;
-export default contentWidthStyles;

package/dist/theme/common/ContentWidth.common.js

@@ -1,15 +0,0 @@
-//#region lib/theme/common/ContentWidth.common.ts
-/** The page content widths: a `layout/maxWidth` cap, padding included, or `full` for none. */
-var contentWidthStyles = {
-	"640": { maxWidth: "layout/maxWidth/640" },
-	"960": { maxWidth: "layout/maxWidth/960" },
-	"1280": { maxWidth: "layout/maxWidth/1280" },
-	"1616": { maxWidth: "layout/maxWidth/1616" },
-	full: {}
-};
-/** The `maxWidth` token for a content width, or nothing for `full` and no width at all. */
-var contentMaxWidth = (contentWidth) => contentWidth && contentWidth !== "full" ? contentWidthStyles[contentWidth].maxWidth : void 0;
-//#endregion
-export { contentMaxWidth, contentWidthStyles as default };
-
-//# sourceMappingURL=ContentWidth.common.js.map

package/dist/theme/common/ContentWidth.common.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentWidth.common.js","names":[],"sources":["../../../lib/theme/common/ContentWidth.common.ts"],"sourcesContent":["/** The page content widths: a `layout/maxWidth` cap, padding included, or `full` for none. */\nconst contentWidthStyles = {\n  '640': { maxWidth: 'layout/maxWidth/640' },\n  '960': { maxWidth: 'layout/maxWidth/960' },\n  '1280': { maxWidth: 'layout/maxWidth/1280' },\n  '1616': { maxWidth: 'layout/maxWidth/1616' },\n  full: {},\n} as const;\n\nexport type ContentWidth = keyof typeof contentWidthStyles;\n\n/** The `maxWidth` token for a content width, or nothing for `full` and no width at all. */\nexport const contentMaxWidth = (contentWidth?: ContentWidth) =>\n  contentWidth && contentWidth !== 'full' ? contentWidthStyles[contentWidth].maxWidth : undefined;\n\nexport default contentWidthStyles;\n"],"mappings":";;AACA,IAAM,qBAAqB;CACzB,OAAO,EAAE,UAAU,sBAAsB;CACzC,OAAO,EAAE,UAAU,sBAAsB;CACzC,QAAQ,EAAE,UAAU,uBAAuB;CAC3C,QAAQ,EAAE,UAAU,uBAAuB;CAC3C,MAAM,CAAC;AACT;;AAKA,IAAa,mBAAmB,iBAC9B,gBAAgB,iBAAiB,SAAS,mBAAmB,aAAa,CAAC,WAAW,KAAA"}

package/dist/theme/recipes/ContentWrapper.recipe.d.ts

@@ -1,18 +0,0 @@
-declare const contentWrapperRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    contentWidth: {
-        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: {};
-    };
-}>;
-export default contentWrapperRecipe;

package/dist/theme/recipes/ContentWrapper.recipe.js

@@ -1,29 +0,0 @@
-import contentWidthStyles from "../common/ContentWidth.common.js";
-import { defineRecipe } from "@chakra-ui/react/styled-system";
-//#region lib/theme/recipes/ContentWrapper.recipe.ts
-var contentWrapperRecipe = defineRecipe({
-	className: "content-wrapper",
-	base: {
-		columnGap: {
-			base: "32",
-			desktop: "64"
-		},
-		display: "grid",
-		gridTemplateColumns: "minmax(0, 1fr)",
-		"& > *": { minWidth: 0 },
-		marginInline: "auto",
-		paddingBlockEnd: "48",
-		paddingBlockStart: "32",
-		paddingInline: {
-			base: "16",
-			tablet: "32"
-		},
-		rowGap: "32",
-		width: "100%"
-	},
-	variants: { contentWidth: contentWidthStyles }
-});
-//#endregion
-export { contentWrapperRecipe as default };
-
-//# sourceMappingURL=ContentWrapper.recipe.js.map

package/dist/theme/recipes/ContentWrapper.recipe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentWrapper.recipe.js","names":[],"sources":["../../../lib/theme/recipes/ContentWrapper.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nimport contentWidthStyles from '../common/ContentWidth.common';\n\nconst contentWrapperRecipe = defineRecipe({\n  className: 'content-wrapper',\n  base: {\n    columnGap: { base: '32', desktop: '64' },\n    display: 'grid',\n    gridTemplateColumns: 'minmax(0, 1fr)',\n    // Lets a `1fr` column shrink below its content's width instead of overflowing the page.\n    '& > *': { minWidth: 0 },\n    marginInline: 'auto',\n    paddingBlockEnd: '48',\n    paddingBlockStart: '32',\n    paddingInline: { base: '16', tablet: '32' },\n    rowGap: '32',\n    width: '100%',\n  },\n  variants: {\n    contentWidth: contentWidthStyles,\n  },\n});\n\nexport default contentWrapperRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,aAAa;CACxC,WAAW;CACX,MAAM;EACJ,WAAW;GAAE,MAAM;GAAM,SAAS;EAAK;EACvC,SAAS;EACT,qBAAqB;EAErB,SAAS,EAAE,UAAU,EAAE;EACvB,cAAc;EACd,iBAAiB;EACjB,mBAAmB;EACnB,eAAe;GAAE,MAAM;GAAM,QAAQ;EAAK;EAC1C,QAAQ;EACR,OAAO;CACT;CACA,UAAU,EACR,cAAc,mBAChB;AACF,CAAC"}

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

@@ -1,28 +0,0 @@
-import { default as contentWidthStyles } from '../common/ContentWidth.common';
-declare const pageSubheaderSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "tabs" | "root" | "secondaryText" | "headerBlock" | "contentBlock" | "textBlock" | "actionBlock", {
-    contentWidth: { [K in keyof typeof contentWidthStyles]: {
-        contentBlock: (typeof contentWidthStyles)[K];
-        tabs?: {
-            paddingInlineStart: {
-                base: string;
-                tablet: string;
-            };
-        };
-    }; };
-    hasTabs: {
-        true: {
-            root: {
-                borderBlockEnd: "1px solid";
-                borderColor: "border/regular";
-            };
-            headerBlock: {
-                paddingBlockEnd: {
-                    base: "16";
-                    tablet: "24";
-                };
-            };
-        };
-        false: {};
-    };
-}>;
-export default pageSubheaderSlotRecipe;

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

@@ -1,139 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}