@bitrise/bitkit-v2 0.3.505 → 0.3.507

package/AGENTS.md

@@ -238,6 +238,7 @@ Bitkit components use consistent prop names across the library:
 - **A surface that stays dark in both color modes** (logs, terminal output) — `background/fixed-contrast` with `text/on-color` (and `color/white/*` for dimmer text). `background/contrast` turns light in dark mode, so the white text on it disappears. Don't reach for a palette color instead.
 - **Always use `textStyle`** — never set `fontFamily` or `fontSize` on `<Text>`. Use `textStyle="body/md/regular"`, `textStyle="code/md"`, etc.
 - **Sizes as strings** — `width="32"`, not `width={32}`. Tokens are strings.
+- **Responsive values as objects** — `padding={{ base: '16', tablet: '32' }}`, never the array form `padding={['16', '32']}`, which hides which breakpoint each value belongs to. The same goes for `columnTemplate` on `BitkitContentWrapper` (`{ tablet: '1fr 25rem' }`; its string form is deprecated).
 - **Use existing size tokens** — closest existing token (1, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 48, 64, 96, 128) representing pixel values (1=1px, 32=32px). Avoid arbitrary px (`width="100px"`). Above 128: a page's content width is `contentWidth` (`layout/maxWidth/640`, `…/960`, `…/1280`, `…/1616`, `…/full`) on `BitkitContentWrapper` and on the page header, subheader and filter bar above it — see `Docs/Page Layout`; for anything else use Bitkit's `rem()` helper (`import { rem } from '@bitrise/bitkit-v2'`, `maxWidth={rem(800)}`), never a bare-number string — `maxWidth="800"` is not a token, reaches the CSS without a unit, and the browser silently drops it.
 - **Omit default prop values** — `<IconCross />`, not `<IconCross size="24" />` when 24 is the default.
 - **Never pass `color` to a colored icon** — multi/fixed-color icons (`Icon*Color`, `IconWarningYellow`, `Icon*White`, etc.) have their colors baked in. They omit `color` from their props, so passing it is a type error. Only monochrome icons follow `color` (via `currentColor`).

package/dist/components/BitkitContentWrapper/BitkitContentWrapper.d.ts

@@ -1,13 +1,18 @@
 import { BoxProps } from '@chakra-ui/react/box';
+import { default as breakpoints } from '../../theme/breakpoints';
 import { ContentWidth } from '../../theme/common/ContentWidth.common';
 /** A page content width: one of the `layout/maxWidth` tokens, `layout/maxWidth/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.
+     * Side-by-side columns: a CSS grid template per breakpoint, so where they split is visible at the call site —
+     * `{ tablet: '1fr 25rem' }` for one column that fills next to a fixed one from `tablet` up. Below the first
+     * breakpoint given, the columns stack.
+     *
+     * The string form (`'1fr 25rem'`, applied from `tablet`) is deprecated and goes away with the move to responsive
+     * conditions; use the object form in new code.
      */
-    columnTemplate?: string;
+    columnTemplate?: string | Partial<Record<keyof typeof breakpoints, string>>;
     /** The cap on the page's content column, padding included. Pick the same value for the page header above it. */
     contentWidth: BitkitContentWidth;
 }

package/dist/components/BitkitContentWrapper/BitkitContentWrapper.js

@@ -9,7 +9,7 @@ var BitkitContentWrapper = forwardRef((props, ref) => {
 	const recipe = useRecipe({ key: "contentWrapper" });
 	return /* @__PURE__ */ jsx(Box, {
 		css: [recipe(), css],
-		gridTemplateColumns: columnTemplate ? { tablet: columnTemplate } : void 0,
+		gridTemplateColumns: typeof columnTemplate === "string" ? { tablet: columnTemplate } : columnTemplate,
 		maxWidth: contentWidth,
 		ref,
 		...rest

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

@@ -1 +1 @@
-{"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, `layout/maxWidth/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(), css]}\n      gridTemplateColumns={columnTemplate ? { tablet: columnTemplate } : undefined}\n      maxWidth={contentWidth}\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,GAAG,GAAG;EACnB,qBAAqB,iBAAiB,EAAE,QAAQ,eAAe,IAAI,KAAA;EACnE,UAAU;EACL;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,qBAAqB,cAAc"}
+{"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 breakpoints from '../../theme/breakpoints';\nimport { type ContentWidth } from '../../theme/common/ContentWidth.common';\n\n/** A page content width: one of the `layout/maxWidth` tokens, `layout/maxWidth/full` for no cap. */\nexport type BitkitContentWidth = ContentWidth;\n\nexport interface BitkitContentWrapperProps extends BoxProps {\n  /**\n   * Side-by-side columns: a CSS grid template per breakpoint, so where they split is visible at the call site —\n   * `{ tablet: '1fr 25rem' }` for one column that fills next to a fixed one from `tablet` up. Below the first\n   * breakpoint given, the columns stack.\n   *\n   * The string form (`'1fr 25rem'`, applied from `tablet`) is deprecated and goes away with the move to responsive\n   * conditions; use the object form in new code.\n   */\n  columnTemplate?: string | Partial<Record<keyof typeof breakpoints, 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(), css]}\n      gridTemplateColumns={typeof columnTemplate === 'string' ? { tablet: columnTemplate } : columnTemplate}\n      maxWidth={contentWidth}\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n\nBitkitContentWrapper.displayName = 'BitkitContentWrapper';\n\nexport default BitkitContentWrapper;\n"],"mappings":";;;;;;AAyBA,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,GAAG,GAAG;EACnB,qBAAqB,OAAO,mBAAmB,WAAW,EAAE,QAAQ,eAAe,IAAI;EACvF,UAAU;EACL;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,qBAAqB,cAAc"}

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

@@ -40,7 +40,7 @@ var tourSlotRecipe = defineSlotRecipe({
 			flexDirection: "column",
 			gap: "8",
 			maxHeight: "max(var(--available-height, 100dvh), 18rem)",
-			maxWidth: "100%",
+			maxWidth: "max(var(--available-width, 100vw), 18rem)",
 			outline: "none",
 			padding: "16",
 			position: "relative",

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

@@ -1 +1 @@
-{"version":3,"file":"Tour.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tour.recipe.ts"],"sourcesContent":["// The Tour parts come from Ark UI, so the anatomy comes from there too — Chakra has no `tour`\n// counterpart yet (chakra-ui/chakra-ui#10410 is still open).\nimport { tourAnatomy } from '@ark-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tourSlotRecipe = defineSlotRecipe({\n  className: 'tour',\n  slots: [...tourAnatomy.keys(), 'actions', 'badge', 'header', 'media', 'titleGroup', 'titleRow'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      // No exit animation: Ark sets `hidden` on the backdrop and the content the moment the tour\n      // closes, so the node is `display: none` in the same frame and an exit animation can never\n      // paint — it only leaves the animation assigned, which flashes the card back in for a frame\n      // on the next render. Most visible on steps without a backdrop, where nothing masks it.\n    },\n    // Sits on the same layer as the backdrop and after it in DOM order, so the ring around the\n    // highlighted element paints over the dimmed page.\n    spotlight: {\n      borderRadius: '4',\n      outline: '2px solid',\n      outlineColor: 'interactive/highlight',\n      zIndex: 'dialogOverlay',\n    },\n    // Zag positions and layers this one inline, writing\n    // `z-index: calc(var(--tour-layer) + var(--tour-z-index))` and expecting us to supply the base.\n    // Without it the calc is invalid, the positioner falls back to `auto` — and since it opens its\n    // own stacking context (`isolation: isolate`), the card's own z-index can't reach past it, so\n    // the whole card ends up under the backdrop and swallows every click. The plain `zIndex` is the\n    // fallback for the day Zag stops writing that inline.\n    positioner: {\n      '--tour-z-index': 'zIndex.dialog',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n      // Floored, and the floor is what keeps the card from talking Popper out of flipping. Zag's\n      // `size` middleware runs after `flip` and writes `--available-height` from the space on the\n      // chosen side; the card is the same node from step to step, so it carries that cap into the\n      // next step's first measurement. A step that needs 328 measured 193 — the cap left by a\n      // shorter step — decided it fitted below, and never flipped to the side that had 474 free.\n      // Below this floor the card stops shrinking, so it overflows instead, which is what `flip`\n      // reads to move it.\n      maxHeight: 'max(var(--available-height, 100dvh), 18rem)',\n      maxWidth: '100%',\n      outline: 'none',\n      padding: '16',\n      position: 'relative',\n      width: rem(360),\n      zIndex: 'dialog',\n      // Fade only, no scale: Zag puts `--transform-origin` at the arrow tip, so a `scale-in` grows\n      // the card away from the highlight — a 360x300 card gains ~15 of height on the way in, which\n      // reads as the card repositioning itself rather than appearing.\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n    },\n    header: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'space-between',\n    },\n    titleGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n    },\n    // flex-start, not center: the badge is as tall as one line of the title, so it lines up with\n    // the first line instead of floating beside the middle of a title that wrapped.\n    titleRow: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      gap: '8',\n    },\n    badge: {\n      flexShrink: 0,\n    },\n    title: {\n      color: 'text/primary',\n      textStyle: 'heading/h4',\n    },\n    progressText: {\n      color: 'text/secondary',\n      textStyle: 'body/sm/regular',\n    },\n    description: {\n      color: 'text/body',\n      minHeight: 0,\n      overflowY: 'auto',\n      textStyle: 'body/md/regular',\n    },\n    // These two margins stack on the content's own 8 gap, which is how the layout spec builds the\n    // spacing: 16 between the description and the visual, and 24 above the footer. The footer gets\n    // nothing below it, so the card's own 16 padding is the whole gap under the buttons.\n    media: {\n      marginBlockStart: '8',\n    },\n    control: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'space-between',\n      marginBlockStart: '16',\n    },\n    actions: {\n      display: 'flex',\n      gap: '8',\n      marginInlineStart: 'auto',\n    },\n    closeTrigger: {\n      flexShrink: 0,\n    },\n    arrow: {\n      // Popper draws the arrow as a square rotated 45°, so the visible triangle is `size * √2`\n      // wide and `size / √2` tall — 11.3 gives the design's 16×8.\n      '--arrow-size': rem(11.3),\n      '--arrow-background': 'colors.background/primary',\n      // Size and out-of-flow positioning are set here, not only by Popper's inline styles, because\n      // the component keeps this element out of Zag's `hidden` (see BitkitTour): Popper derives the\n      // card's distance from the anchor as `offset.mainAxis + arrowEl.clientHeight / 2`, read off\n      // the DOM. A `display: none` arrow measures 0, which puts the card 6 short of the design's 12\n      // on the first pass. `absolute` keeps it from adding its height to the card while it waits\n      // for Popper's own inline placement.\n      height: 'var(--arrow-size)',\n      position: 'absolute',\n      width: 'var(--arrow-size)',\n    },\n    arrowTip: {\n      borderColor: 'border/minimal',\n      borderInlineStartWidth: '1',\n      borderTopWidth: '1',\n    },\n  },\n});\n\nexport default tourSlotRecipe;\n"],"mappings":";;;;AAOA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,KAAK;EAAG;EAAW;EAAS;EAAU;EAAS;EAAc;CAAU;CAC9F,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;EAKF;EAGA,WAAW;GACT,cAAc;GACd,SAAS;GACT,cAAc;GACd,QAAQ;EACV;EAOA,YAAY;GACV,kBAAkB;GAClB,QAAQ;EACV;EACA,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,KAAK;GAQL,WAAW;GACX,UAAU;GACV,SAAS;GACT,SAAS;GACT,UAAU;GACV,OAAO,IAAI,GAAG;GACd,QAAQ;GAIR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,KAAK;EACP;EAGA,UAAU;GACR,YAAY;GACZ,SAAS;GACT,KAAK;EACP;EACA,OAAO,EACL,YAAY,EACd;EACA,OAAO;GACL,OAAO;GACP,WAAW;EACb;EACA,cAAc;GACZ,OAAO;GACP,WAAW;EACb;EACA,aAAa;GACX,OAAO;GACP,WAAW;GACX,WAAW;GACX,WAAW;EACb;EAIA,OAAO,EACL,kBAAkB,IACpB;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,kBAAkB;EACpB;EACA,SAAS;GACP,SAAS;GACT,KAAK;GACL,mBAAmB;EACrB;EACA,cAAc,EACZ,YAAY,EACd;EACA,OAAO;GAGL,gBAAgB,IAAI,IAAI;GACxB,sBAAsB;GAOtB,QAAQ;GACR,UAAU;GACV,OAAO;EACT;EACA,UAAU;GACR,aAAa;GACb,wBAAwB;GACxB,gBAAgB;EAClB;CACF;AACF,CAAC"}
+{"version":3,"file":"Tour.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tour.recipe.ts"],"sourcesContent":["// The Tour parts come from Ark UI, so the anatomy comes from there too — Chakra has no `tour`\n// counterpart yet (chakra-ui/chakra-ui#10410 is still open).\nimport { tourAnatomy } from '@ark-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tourSlotRecipe = defineSlotRecipe({\n  className: 'tour',\n  slots: [...tourAnatomy.keys(), 'actions', 'badge', 'header', 'media', 'titleGroup', 'titleRow'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      // No exit animation: Ark sets `hidden` on the backdrop and the content the moment the tour\n      // closes, so the node is `display: none` in the same frame and an exit animation can never\n      // paint — it only leaves the animation assigned, which flashes the card back in for a frame\n      // on the next render. Most visible on steps without a backdrop, where nothing masks it.\n    },\n    // Sits on the same layer as the backdrop and after it in DOM order, so the ring around the\n    // highlighted element paints over the dimmed page.\n    spotlight: {\n      borderRadius: '4',\n      outline: '2px solid',\n      outlineColor: 'interactive/highlight',\n      zIndex: 'dialogOverlay',\n    },\n    // Zag positions and layers this one inline, writing\n    // `z-index: calc(var(--tour-layer) + var(--tour-z-index))` and expecting us to supply the base.\n    // Without it the calc is invalid, the positioner falls back to `auto` — and since it opens its\n    // own stacking context (`isolation: isolate`), the card's own z-index can't reach past it, so\n    // the whole card ends up under the backdrop and swallows every click. The plain `zIndex` is the\n    // fallback for the day Zag stops writing that inline.\n    positioner: {\n      '--tour-z-index': 'zIndex.dialog',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n      // Floored, and the floor is what keeps the card from talking Popper out of flipping. Zag's\n      // `size` middleware runs after `flip` and writes `--available-height` from the space on the\n      // chosen side; the card is the same node from step to step, so it carries that cap into the\n      // next step's first measurement. A step that needs 328 measured 193 — the cap left by a\n      // shorter step — decided it fitted below, and never flipped to the side that had 474 free.\n      // Below this floor the card stops shrinking, so it overflows instead, which is what `flip`\n      // reads to move it.\n      maxHeight: 'max(var(--available-height, 100dvh), 18rem)',\n      // Same cap and floor as `maxHeight`; `100%` never capped, as the positioner sizes to the card.\n      maxWidth: 'max(var(--available-width, 100vw), 18rem)',\n      outline: 'none',\n      padding: '16',\n      position: 'relative',\n      width: rem(360),\n      zIndex: 'dialog',\n      // Fade only, no scale: Zag puts `--transform-origin` at the arrow tip, so a `scale-in` grows\n      // the card away from the highlight — a 360x300 card gains ~15 of height on the way in, which\n      // reads as the card repositioning itself rather than appearing.\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n    },\n    header: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'space-between',\n    },\n    titleGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n    },\n    // flex-start, not center: the badge is as tall as one line of the title, so it lines up with\n    // the first line instead of floating beside the middle of a title that wrapped.\n    titleRow: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      gap: '8',\n    },\n    badge: {\n      flexShrink: 0,\n    },\n    title: {\n      color: 'text/primary',\n      textStyle: 'heading/h4',\n    },\n    progressText: {\n      color: 'text/secondary',\n      textStyle: 'body/sm/regular',\n    },\n    description: {\n      color: 'text/body',\n      minHeight: 0,\n      overflowY: 'auto',\n      textStyle: 'body/md/regular',\n    },\n    // These two margins stack on the content's own 8 gap, which is how the layout spec builds the\n    // spacing: 16 between the description and the visual, and 24 above the footer. The footer gets\n    // nothing below it, so the card's own 16 padding is the whole gap under the buttons.\n    media: {\n      marginBlockStart: '8',\n    },\n    control: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'space-between',\n      marginBlockStart: '16',\n    },\n    actions: {\n      display: 'flex',\n      gap: '8',\n      marginInlineStart: 'auto',\n    },\n    closeTrigger: {\n      flexShrink: 0,\n    },\n    arrow: {\n      // Popper draws the arrow as a square rotated 45°, so the visible triangle is `size * √2`\n      // wide and `size / √2` tall — 11.3 gives the design's 16×8.\n      '--arrow-size': rem(11.3),\n      '--arrow-background': 'colors.background/primary',\n      // Size and out-of-flow positioning are set here, not only by Popper's inline styles, because\n      // the component keeps this element out of Zag's `hidden` (see BitkitTour): Popper derives the\n      // card's distance from the anchor as `offset.mainAxis + arrowEl.clientHeight / 2`, read off\n      // the DOM. A `display: none` arrow measures 0, which puts the card 6 short of the design's 12\n      // on the first pass. `absolute` keeps it from adding its height to the card while it waits\n      // for Popper's own inline placement.\n      height: 'var(--arrow-size)',\n      position: 'absolute',\n      width: 'var(--arrow-size)',\n    },\n    arrowTip: {\n      borderColor: 'border/minimal',\n      borderInlineStartWidth: '1',\n      borderTopWidth: '1',\n    },\n  },\n});\n\nexport default tourSlotRecipe;\n"],"mappings":";;;;AAOA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,KAAK;EAAG;EAAW;EAAS;EAAU;EAAS;EAAc;CAAU;CAC9F,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;EAKF;EAGA,WAAW;GACT,cAAc;GACd,SAAS;GACT,cAAc;GACd,QAAQ;EACV;EAOA,YAAY;GACV,kBAAkB;GAClB,QAAQ;EACV;EACA,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,KAAK;GAQL,WAAW;GAEX,UAAU;GACV,SAAS;GACT,SAAS;GACT,UAAU;GACV,OAAO,IAAI,GAAG;GACd,QAAQ;GAIR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,KAAK;EACP;EAGA,UAAU;GACR,YAAY;GACZ,SAAS;GACT,KAAK;EACP;EACA,OAAO,EACL,YAAY,EACd;EACA,OAAO;GACL,OAAO;GACP,WAAW;EACb;EACA,cAAc;GACZ,OAAO;GACP,WAAW;EACb;EACA,aAAa;GACX,OAAO;GACP,WAAW;GACX,WAAW;GACX,WAAW;EACb;EAIA,OAAO,EACL,kBAAkB,IACpB;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,kBAAkB;EACpB;EACA,SAAS;GACP,SAAS;GACT,KAAK;GACL,mBAAmB;EACrB;EACA,cAAc,EACZ,YAAY,EACd;EACA,OAAO;GAGL,gBAAgB,IAAI,IAAI;GACxB,sBAAsB;GAOtB,QAAQ;GACR,UAAU;GACV,OAAO;EACT;EACA,UAAU;GACR,aAAa;GACb,wBAAwB;GACxB,gBAAgB;EAClB;CACF;AACF,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.505",
+  "version": "0.3.507",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",