@bitrise/bitkit-v2 0.3.482 → 0.3.483

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

@@ -3763,6 +3763,7 @@ declare const slotRecipes: {
             };
         };
     }>;
+    uiHeader: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"search" | "badge" | "banner" | "bar" | "root" | "indicator" | "spacer" | "control" | "searchInput" | "searchClear" | "actions" | "navButton" | "accountAvatar" | "accountIcon" | "navButtonBadge" | "navButtonIcon" | "searchButton" | "searchField" | "searchIcon" | "leading" | "logoBlock" | "logoLink">>;
     uiSideNav: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "content" | "body" | "footer" | "closeButton" | "root" | "item" | "itemIndicator" | "positioner" | "itemLabel" | "itemIcon" | "backdrop" | "footerSeparator" | "footerHeading" | "linkIconBlock" | "linkTextBlock" | "linkIcon" | "linkStatusDot" | "linkLabel" | "linkSecondaryText" | "workspaceRoot" | "workspaceControl" | "workspace" | "workspaceTextBlock" | "workspaceChevron" | "workspaceMenu" | "workspaceLabel" | "workspaceValue", {
         layout: {
             rail: {

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

@@ -1,5 +1,6 @@
 import avatarSlotRecipe from "./Avatar.recipe.js";
 import numberInputSlotRecipe from "./NumberInput.recipe.js";
+import uiHeaderSlotRecipe from "./UIHeader.recipe.js";
 import uiSideNavSlotRecipe from "./UISideNav.recipe.js";
 import accordionSlotRecipe from "./Accordion.recipe.js";
 import actionBarSlotRecipe from "./ActionBar.recipe.js";
@@ -133,6 +134,7 @@ var slotRecipes = {
 	tooltip: tooltipSlotRecipe,
 	tour: tourSlotRecipe,
 	treeView: treeViewSlotRecipe,
+	uiHeader: uiHeaderSlotRecipe,
 	uiSideNav: uiSideNavSlotRecipe
 };
 //#endregion

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 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  uiSideNav: uiSideNavSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,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,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 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"}

package/dist/theme/themeUtils.d.ts

@@ -8,6 +8,12 @@ export declare function withSlashes(object: Record<string, any>): Record<string,
  * @returns Value in rems, typed precisely enough to satisfy props that take a `${number}rem`
  */
 export declare const rem: (input: number) => `${number}rem`;
+/**
+ * A colour token as the raw CSS variable Chakra compiles it to, for the places a `{colors.…}`
+ * reference cannot go: inside a compound value like a gradient, Chakra reads the token's first `/`
+ * as its colour-mix opacity modifier, so the slashes have to be escaped by hand instead.
+ */
+export declare const colorVar: (token: string) => string;
 /**
  * The colour tokens under the given prefixes, for props that must take a semantic token.
  *

package/dist/theme/themeUtils.js

@@ -29,7 +29,13 @@ function withSlashes(object) {
 var rem = (input) => {
 	return `${input / 16}rem`;
 };
+/**
+* A colour token as the raw CSS variable Chakra compiles it to, for the places a `{colors.…}`
+* reference cannot go: inside a compound value like a gradient, Chakra reads the token's first `/`
+* as its colour-mix opacity modifier, so the slashes have to be escaped by hand instead.
+*/
+var colorVar = (token) => `var(--colors-${token.replace(/\//g, "\\/")})`;
 //#endregion
-export { flattenTokens, rem, withSlashes };
+export { colorVar, flattenTokens, rem, withSlashes };
 
 //# sourceMappingURL=themeUtils.js.map

package/dist/theme/themeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.js","names":[],"sources":["../../lib/theme/themeUtils.ts"],"sourcesContent":["import { type Tokens } from '@chakra-ui/react/styled-system';\nimport { type TextProps } from '@chakra-ui/react/text';\nimport { isPlainObject } from 'es-toolkit';\n\n// Based on https://github.com/toss/es-toolkit/blob/main/src/object/flattenObject.ts\nexport const flattenTokens = (object: object, prefix: string = ''): Record<string, any> => {\n  const result: Record<string, any> = {};\n  const keys = Object.keys(object);\n\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    const value = (object as any)[key];\n\n    const prefixedKey = prefix ? `${prefix}/${key}` : key;\n\n    if (isPlainObject(value) && Object.keys(value).length > 0 && Object.keys(value)[0] !== 'value') {\n      Object.assign(result, flattenTokens(value, prefixedKey));\n      continue;\n    }\n\n    result[prefixedKey] = value;\n  }\n\n  return result;\n};\n\nexport function withSlashes(object: Record<string, any>): Record<string, any> {\n  return {\n    ...object,\n    ...flattenTokens(object),\n  };\n}\n\n/**\n *\n * @param input Value in pixels\n * @returns Value in rems, typed precisely enough to satisfy props that take a `${number}rem`\n */\nexport const rem = (input: number): `${number}rem` => {\n  return `${input / 16}rem`;\n};\n\n/**\n * The colour tokens under the given prefixes, for props that must take a semantic token.\n *\n * `Tokens` is generated in the consumer's own project by `chakra typegen`, which\n * `scripts/postinstall.cjs` runs and which exits 0 with a warning when it cannot. Where it did not\n * run, `Tokens['colors']` is Chakra's stock union, the `Extract` has nothing to match and collapses\n * to `never` -- which would make every prop using it a type error pointing at the wrong thing. So it\n * falls back to `string`: the narrowing is a guard where the types are real, not a tripwire where\n * they are not.\n */\nexport type BitkitColorToken<Prefix extends string> = [Extract<Tokens['colors'], `${Prefix}/${string}`>] extends [never]\n  ? string\n  : Extract<Tokens['colors'], `${Prefix}/${string}`>;\n\nexport const getTextStyle = (as: TextProps['as']) => {\n  if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(as as string)) {\n    return `heading/${as}`;\n  }\n  return undefined;\n};\n"],"mappings":";;AAKA,IAAa,iBAAiB,QAAgB,SAAiB,OAA4B;CACzF,MAAM,SAA8B,CAAC;CACrC,MAAM,OAAO,OAAO,KAAK,MAAM;CAE/B,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;EACpC,MAAM,MAAM,KAAK;EACjB,MAAM,QAAS,OAAe;EAE9B,MAAM,cAAc,SAAS,GAAG,OAAO,GAAG,QAAQ;EAElD,IAAI,cAAc,KAAK,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,OAAO,SAAS;GAC9F,OAAO,OAAO,QAAQ,cAAc,OAAO,WAAW,CAAC;GACvD;EACF;EAEA,OAAO,eAAe;CACxB;CAEA,OAAO;AACT;AAEA,SAAgB,YAAY,QAAkD;CAC5E,OAAO;EACL,GAAG;EACH,GAAG,cAAc,MAAM;CACzB;AACF;;;;;;AAOA,IAAa,OAAO,UAAkC;CACpD,OAAO,GAAG,QAAQ,GAAG;AACvB"}
+{"version":3,"file":"themeUtils.js","names":[],"sources":["../../lib/theme/themeUtils.ts"],"sourcesContent":["import { type Tokens } from '@chakra-ui/react/styled-system';\nimport { type TextProps } from '@chakra-ui/react/text';\nimport { isPlainObject } from 'es-toolkit';\n\n// Based on https://github.com/toss/es-toolkit/blob/main/src/object/flattenObject.ts\nexport const flattenTokens = (object: object, prefix: string = ''): Record<string, any> => {\n  const result: Record<string, any> = {};\n  const keys = Object.keys(object);\n\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    const value = (object as any)[key];\n\n    const prefixedKey = prefix ? `${prefix}/${key}` : key;\n\n    if (isPlainObject(value) && Object.keys(value).length > 0 && Object.keys(value)[0] !== 'value') {\n      Object.assign(result, flattenTokens(value, prefixedKey));\n      continue;\n    }\n\n    result[prefixedKey] = value;\n  }\n\n  return result;\n};\n\nexport function withSlashes(object: Record<string, any>): Record<string, any> {\n  return {\n    ...object,\n    ...flattenTokens(object),\n  };\n}\n\n/**\n *\n * @param input Value in pixels\n * @returns Value in rems, typed precisely enough to satisfy props that take a `${number}rem`\n */\nexport const rem = (input: number): `${number}rem` => {\n  return `${input / 16}rem`;\n};\n\n/**\n * A colour token as the raw CSS variable Chakra compiles it to, for the places a `{colors.…}`\n * reference cannot go: inside a compound value like a gradient, Chakra reads the token's first `/`\n * as its colour-mix opacity modifier, so the slashes have to be escaped by hand instead.\n */\nexport const colorVar = (token: string): string => `var(--colors-${token.replace(/\\//g, '\\\\/')})`;\n\n/**\n * The colour tokens under the given prefixes, for props that must take a semantic token.\n *\n * `Tokens` is generated in the consumer's own project by `chakra typegen`, which\n * `scripts/postinstall.cjs` runs and which exits 0 with a warning when it cannot. Where it did not\n * run, `Tokens['colors']` is Chakra's stock union, the `Extract` has nothing to match and collapses\n * to `never` -- which would make every prop using it a type error pointing at the wrong thing. So it\n * falls back to `string`: the narrowing is a guard where the types are real, not a tripwire where\n * they are not.\n */\nexport type BitkitColorToken<Prefix extends string> = [Extract<Tokens['colors'], `${Prefix}/${string}`>] extends [never]\n  ? string\n  : Extract<Tokens['colors'], `${Prefix}/${string}`>;\n\nexport const getTextStyle = (as: TextProps['as']) => {\n  if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(as as string)) {\n    return `heading/${as}`;\n  }\n  return undefined;\n};\n"],"mappings":";;AAKA,IAAa,iBAAiB,QAAgB,SAAiB,OAA4B;CACzF,MAAM,SAA8B,CAAC;CACrC,MAAM,OAAO,OAAO,KAAK,MAAM;CAE/B,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;EACpC,MAAM,MAAM,KAAK;EACjB,MAAM,QAAS,OAAe;EAE9B,MAAM,cAAc,SAAS,GAAG,OAAO,GAAG,QAAQ;EAElD,IAAI,cAAc,KAAK,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,OAAO,SAAS;GAC9F,OAAO,OAAO,QAAQ,cAAc,OAAO,WAAW,CAAC;GACvD;EACF;EAEA,OAAO,eAAe;CACxB;CAEA,OAAO;AACT;AAEA,SAAgB,YAAY,QAAkD;CAC5E,OAAO;EACL,GAAG;EACH,GAAG,cAAc,MAAM;CACzB;AACF;;;;;;AAOA,IAAa,OAAO,UAAkC;CACpD,OAAO,GAAG,QAAQ,GAAG;AACvB;;;;;;AAOA,IAAa,YAAY,UAA0B,gBAAgB,MAAM,QAAQ,OAAO,KAAK,EAAE"}

package/package.json

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

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

@@ -1,525 +0,0 @@
-declare const recipes: {
-    badge: import('@chakra-ui/react').RecipeDefinition<{
-        size: {
-            xs: {
-                minWidth: "20";
-                paddingBlock: "2";
-            };
-            sm: {
-                minWidth: "24";
-                paddingBlock: "4";
-            };
-        };
-        colorVariant: {
-            neutral: {
-                color: "color/neutral/strong";
-                background: "color/neutral/subtle";
-            };
-            purple: {
-                color: "color/purple/strong";
-                background: "color/purple/subtle";
-            };
-            blue: {
-                color: "color/blue/strong";
-                background: "color/blue/subtle";
-            };
-            green: {
-                color: "color/green/strong";
-                background: "color/green/subtle";
-            };
-            yellow: {
-                color: "color/yellow/strong";
-                background: "color/yellow/subtle";
-            };
-            red: {
-                color: "color/red/strong";
-                background: "color/red/subtle";
-            };
-            orange: {
-                color: "color/orange/strong";
-                background: "color/orange/subtle";
-            };
-            turquoise: {
-                color: "color/turquoise/strong";
-                background: "color/turquoise/subtle";
-            };
-            'ai-gradient': {
-                color: "status/ai/text";
-                background: "gradient/ai/background/subtle";
-            };
-        };
-        variant: {
-            subtle: {};
-            bold: {
-                color: "text/on-color";
-            };
-        };
-    }>;
-    button: import('@chakra-ui/react').RecipeDefinition<{
-        variant: Record<NonNullable<"primary" | "secondary" | "tertiary" | "danger-primary" | "danger-secondary" | "danger-tertiary" | "ai-primary" | "ai-secondary" | "ai-tertiary">, import('@chakra-ui/react').SystemStyleObject>;
-        size: {
-            sm: {
-                minWidth: "32";
-                height: "32";
-                paddingInline: `${number}rem`;
-                paddingBlock: `${number}rem`;
-                textStyle: "comp/button/sm";
-            };
-            md: {
-                minWidth: "40";
-                height: "40";
-                paddingInline: `${number}rem`;
-                paddingBlock: `${number}rem`;
-                textStyle: "comp/button/md";
-            };
-            lg: {
-                minWidth: "48";
-                height: "48";
-                padding: `${number}rem`;
-                textStyle: "comp/button/lg";
-            };
-        };
-    }>;
-    closeButton: import('@chakra-ui/react').RecipeDefinition<{
-        size: {
-            xs: {
-                h: "24";
-                w: "24";
-            };
-            sm: {
-                h: "32";
-                w: "32";
-            };
-            md: {
-                h: "40";
-                w: "40";
-            };
-        };
-        colorVariant: {
-            neutral: {
-                color: "color/neutral/strong";
-                '&:hover': {
-                    backgroundColor: "color/neutral/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/neutral/moderate";
-                };
-            };
-            blue: {
-                color: "color/blue/strong";
-                '&:hover': {
-                    backgroundColor: "color/blue/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/blue/moderate";
-                };
-            };
-            green: {
-                color: "color/green/strong";
-                '&:hover': {
-                    backgroundColor: "color/green/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/green/moderate";
-                };
-            };
-            red: {
-                color: "color/red/strong";
-                '&:hover': {
-                    backgroundColor: "color/red/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/red/moderate";
-                };
-            };
-            yellow: {
-                color: "color/yellow/strong";
-                '&:hover': {
-                    backgroundColor: "color/yellow/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/yellow/moderate";
-                };
-            };
-            purple: {
-                color: "color/purple/strong";
-                '&:hover': {
-                    backgroundColor: "color/purple/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/purple/moderate";
-                };
-            };
-            indigo: {
-                color: "color/indigo/strong";
-                '&:hover': {
-                    backgroundColor: "color/indigo/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/indigo/moderate";
-                };
-            };
-            white: {
-                color: "icon/on-contrast";
-            };
-        };
-    }>;
-    controlButton: import('@chakra-ui/react').RecipeDefinition<{
-        isDanger: {
-            false: {
-                color: "button/control/fg";
-                _hover: {
-                    background: "button/control/bg-hover";
-                    color: "button/control/fg-hover";
-                    _active: {
-                        background: "button/control/bg-active";
-                        color: "button/control/fg-active";
-                    };
-                };
-                _active: {
-                    background: "button/control/bg-active";
-                    color: "button/control/fg-active";
-                };
-                _disabled: {
-                    color: "button/control/fg-disabled!";
-                };
-            };
-            true: {
-                color: "button/control-danger/fg";
-                _hover: {
-                    background: "button/control-danger/bg-hover";
-                    color: "button/control-danger/fg-hover";
-                    _active: {
-                        background: "button/control-danger/bg-active";
-                        color: "button/control-danger/fg-active";
-                    };
-                };
-                _active: {
-                    background: "button/control-danger/bg-active";
-                    color: "button/control-danger/fg-active";
-                };
-                _disabled: {
-                    color: "button/control-danger/fg-disabled!";
-                };
-            };
-        };
-        size: {
-            xxs: {
-                padding: "4";
-            };
-            xs: {
-                padding: "8";
-            };
-            sm: {
-                padding: "4";
-            };
-            md: {
-                padding: "8";
-            };
-            lg: {
-                padding: "12";
-            };
-        };
-    }>;
-    colorButton: import('@chakra-ui/react').RecipeDefinition<{
-        size: {
-            sm: {
-                height: "32";
-                paddingInline: "12";
-                textStyle: "comp/button/sm";
-            };
-            md: {
-                height: "40";
-                paddingInline: "12";
-                textStyle: "comp/button/md";
-            };
-            lg: {
-                height: "48";
-                paddingInline: "16";
-                textStyle: "comp/button/lg";
-            };
-        };
-        colorVariant: {
-            neutral: {
-                color: "color/neutral/strong";
-                '&:hover': {
-                    backgroundColor: "color/neutral/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/neutral/moderate";
-                };
-            };
-            blue: {
-                color: "color/blue/strong";
-                '&:hover': {
-                    backgroundColor: "color/blue/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/blue/moderate";
-                };
-            };
-            green: {
-                color: "color/green/strong";
-                '&:hover': {
-                    backgroundColor: "color/green/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/green/moderate";
-                };
-            };
-            red: {
-                color: "color/red/strong";
-                '&:hover': {
-                    backgroundColor: "color/red/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/red/moderate";
-                };
-            };
-            yellow: {
-                color: "color/yellow/strong";
-                '&:hover': {
-                    backgroundColor: "color/yellow/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/yellow/moderate";
-                };
-            };
-            purple: {
-                color: "color/purple/strong";
-                '&:hover': {
-                    backgroundColor: "color/purple/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/purple/moderate";
-                };
-            };
-            orange: {
-                color: "color/orange/strong";
-                '&:hover': {
-                    backgroundColor: "color/orange/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/orange/moderate";
-                };
-            };
-            turquoise: {
-                color: "color/turquoise/strong";
-                '&:hover': {
-                    backgroundColor: "color/turquoise/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/turquoise/moderate";
-                };
-            };
-            indigo: {
-                color: "color/indigo/strong";
-                '&:hover': {
-                    backgroundColor: "color/indigo/subtle";
-                };
-                '&:active': {
-                    backgroundColor: "color/indigo/moderate";
-                };
-            };
-            white: {
-                color: "text/on-color";
-                borderColor: "border/inverse";
-                '&:hover': {
-                    backgroundColor: "color/white/15";
-                };
-                '&:active': {
-                    backgroundColor: "color/white/30";
-                };
-            };
-        };
-    }>;
-    definitionTooltip: import('@chakra-ui/react').RecipeDefinition<{
-        method: {
-            click: {
-                cursor: "pointer";
-            };
-            hover: {
-                cursor: "default";
-            };
-        };
-        textSize: {
-            lg: {
-                textStyle: "body/lg/regular";
-            };
-            md: {
-                textStyle: "body/md/regular";
-                textUnderlineOffset: "0.25em";
-            };
-            sm: {
-                textStyle: "body/sm/regular";
-                textUnderlineOffset: "0.25em";
-            };
-        };
-    }>;
-    icon: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
-    input: import('@chakra-ui/react').RecipeDefinition<{
-        size: {
-            md: {
-                paddingInline: `${number}rem`;
-                paddingBlock: `${number}rem`;
-                textStyle: "body/md/regular";
-                '--input-height': `${number}rem`;
-            };
-            lg: {
-                paddingInline: `${number}rem`;
-                paddingBlock: `${number}rem`;
-                textStyle: "body/lg/regular";
-                '--input-height': `${number}rem`;
-            };
-        };
-    }>;
-    inputAddon: import('@chakra-ui/react').RecipeDefinition<{
-        position: {
-            start: {
-                borderInlineStartWidth: "1";
-                borderStartStartRadius: "4";
-                borderEndStartRadius: "4";
-            };
-            end: {
-                borderInlineWidth: "1";
-                borderStartEndRadius: "4";
-                borderEndEndRadius: "4";
-            };
-        };
-        size: {
-            md: {
-                paddingInline: `${number}rem`;
-                textStyle: "body/md/regular";
-            };
-            lg: {
-                paddingInline: `${number}rem`;
-                textStyle: "body/lg/regular";
-            };
-        };
-    }>;
-    link: import('@chakra-ui/react').RecipeDefinition<{
-        colorVariant: {
-            purple: {
-                color: "text/link";
-                _hover: {
-                    color: "text/link-hover";
-                };
-            };
-        };
-    }>;
-    linkButton: import('@chakra-ui/react').RecipeDefinition<{
-        size: {
-            lg: {
-                textStyle: "body/lg/regular";
-            };
-            md: {
-                textStyle: "body/md/regular";
-            };
-            sm: {
-                textStyle: "body/sm/regular";
-            };
-        };
-    }>;
-    selectableTag: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
-    separator: import('@chakra-ui/react').RecipeDefinition<{
-        variant: {};
-        orientation: {
-            horizontal: {
-                borderTopWidth: "var(--separator-thickness)";
-                width: "100%";
-            };
-            vertical: {
-                borderInlineStartWidth: "var(--separator-thickness)";
-                minHeight: "20";
-            };
-        };
-        size: {
-            '1': {
-                '--separator-thickness': "1px";
-            };
-            '2': {
-                '--separator-thickness': "2px";
-            };
-        };
-    }>;
-    skeleton: import('@chakra-ui/react').RecipeDefinition<{
-        loading: {
-            true: {
-                position: "relative";
-                overflow: "hidden";
-                backgroundColor: "utilities/skeleton";
-                borderColor: "transparent";
-                backgroundClip: "padding-box";
-                cursor: "default";
-                color: "transparent";
-                pointerEvents: "none";
-                userSelect: "none";
-                flexShrink: "0";
-                '&::before, *': {
-                    visibility: "hidden";
-                };
-                '&::after': import('@chakra-ui/react').SystemStyleObject;
-            };
-            false: {
-                animation: "fade-in var(--fade-duration, 0.1s) ease-out !important";
-            };
-        };
-    }>;
-    spinner: import('@chakra-ui/react').RecipeDefinition<{
-        size: {
-            md: {
-                '--spinner-size': "sizes.12";
-            };
-            lg: {
-                '--spinner-size': "sizes.20";
-            };
-        };
-        variant: {
-            primary: {
-                '--spinner-color': "colors.icon/primary";
-            };
-            purple: {
-                '--spinner-color': "colors.color/purple/strong";
-            };
-            white: {
-                '--spinner-color': "colors.icon/on-color";
-            };
-            'on-disabled': {
-                '--spinner-color': "colors.icon/on-disabled";
-            };
-        };
-    }>;
-    textarea: import('@chakra-ui/react').RecipeDefinition<{
-        size: {
-            md: {
-                '&[rows="1"]': {
-                    paddingBlock: `${number}rem`;
-                };
-                paddingInline: `${number}rem`;
-                paddingBlock: `${number}rem`;
-                textStyle: "body/md/regular";
-                '--input-height': `${number}rem`;
-            };
-            lg: {
-                paddingInline: `${number}rem`;
-                paddingBlock: `${number}rem`;
-                textStyle: "body/lg/regular";
-                '--input-height': `${number}rem`;
-            };
-        };
-    }>;
-    toggleButton: import('@chakra-ui/react').RecipeDefinition<{
-        size: {
-            sm: {
-                padding: "8";
-            };
-            md: {
-                padding: "12";
-            };
-            lg: {
-                padding: "12";
-            };
-        };
-    }>;
-};
-export default recipes;