@bitrise/bitkit-v2 0.3.143 → 0.3.144

package/dist/components/BitkitActionMenu/BitkitActionMenu.d.ts

@@ -0,0 +1,28 @@
+import { MenuItemGroupProps, MenuItemProps, MenuRootProps } from '@chakra-ui/react/menu';
+import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
+interface BitkitMenuRootProps extends Omit<MenuRootProps, 'children'> {
+    trigger: ReactNode;
+    children?: ReactNode;
+}
+interface BitkitMenuItemProps extends MenuItemProps {
+    danger?: boolean;
+    secondaryText?: ReactNode;
+    icon?: BitkitIconComponent;
+}
+interface BitkitMenuGroupProps extends MenuItemGroupProps {
+    label: ReactNode;
+}
+declare const BitkitActionMenu: {
+    Root: {
+        ({ trigger, children, ...props }: BitkitMenuRootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        (): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: import('react').ForwardRefExoticComponent<BitkitMenuItemProps & import('react').RefAttributes<HTMLDivElement>>;
+    Group: import('react').ForwardRefExoticComponent<BitkitMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default BitkitActionMenu;

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

@@ -0,0 +1,20 @@
+declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
+    size: {
+        lg: {
+            item: {
+                paddingY: "12";
+                textStyle: "body/lg/regular";
+            };
+        };
+        md: {
+            item: {
+                _icon: {
+                    marginTop: "2";
+                };
+                paddingY: "8";
+                textStyle: "body/md/regular";
+            };
+        };
+    };
+}>;
+export default menuSlotRecipe;

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

@@ -0,0 +1,115 @@
+import { menuAnatomy as t } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
+const e = {
+  background: "button/secondary/bg-active",
+  _icon: {
+    color: "icon/primary"
+  }
+}, o = {
+  background: "button/danger-secondary/bg-active",
+  color: "button/danger-secondary/fg-active",
+  _icon: {
+    color: "button/danger-secondary/fg-active"
+  }
+}, i = a({
+  className: "menu",
+  slots: [...t.keys(), "itemHelper"],
+  variants: {
+    size: {
+      lg: {
+        item: {
+          paddingY: "12",
+          textStyle: "body/lg/regular"
+        }
+      },
+      md: {
+        item: {
+          _icon: {
+            marginTop: "2"
+          },
+          paddingY: "8",
+          textStyle: "body/md/regular"
+        }
+      }
+    }
+  },
+  base: {
+    content: {
+      paddingY: "8",
+      border: "1px solid",
+      borderColor: "border/minimal",
+      _focusVisible: { outline: "none" },
+      boxShadow: "large",
+      background: "background/primary",
+      maxHeight: "var(--available-height)",
+      _open: {
+        animationStyle: "slide-fade-in",
+        animationDuration: "fast"
+      },
+      _closed: {
+        animationStyle: "slide-fade-out",
+        animationDuration: "faster"
+      }
+    },
+    itemHelper: {
+      textStyle: "body/sm/regular",
+      color: "text/secondary"
+    },
+    item: {
+      _icon: {
+        color: "icon/secondary",
+        _active: {
+          color: "icon/primary"
+        }
+      },
+      display: "flex",
+      gap: "12",
+      userSelect: "none",
+      flexDirection: "row",
+      paddingLeft: "16",
+      paddingRight: "24",
+      "&[data-danger]": {
+        color: "button/danger-secondary/fg",
+        _icon: {
+          color: "button/danger-secondary/fg"
+        },
+        _active: o,
+        _highlighted: {
+          background: "button/danger-secondary/bg-hover",
+          color: "button/danger-secondary/fg-hover",
+          _active: o,
+          _icon: {
+            color: "button/danger-secondary/fg-hover"
+          }
+        }
+      },
+      _active: e,
+      _highlighted: {
+        background: "button/secondary/bg-hover",
+        _active: e
+      }
+    },
+    itemGroupLabel: {
+      textStyle: "heading/h6",
+      color: "text/tertiary",
+      paddingTop: "12",
+      paddingLeft: "16",
+      paddingRight: "24",
+      paddingBottom: "6",
+      display: "flex",
+      gap: "12",
+      flexDirection: "row",
+      alignItems: "center"
+    },
+    separator: {
+      color: "border/minimal",
+      marginY: "8"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+export {
+  i as default
+};

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

@@ -673,5 +673,24 @@ declare const slotRecipes: {
         };
     }>;
     accordion: import('@chakra-ui/react').SlotRecipeDefinition<"icon" | "suffix" | "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody" | "secdText", import('@chakra-ui/react').SlotRecipeVariantRecord<"icon" | "suffix" | "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody" | "secdText">>;
+    menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
+        size: {
+            lg: {
+                item: {
+                    paddingY: "12";
+                    textStyle: "body/lg/regular";
+                };
+            };
+            md: {
+                item: {
+                    _icon: {
+                        marginTop: "2";
+                    };
+                    paddingY: "8";
+                    textStyle: "body/md/regular";
+                };
+            };
+        };
+    }>;
 };
 export default slotRecipes;

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

@@ -12,16 +12,17 @@ import S from "./EmptyState.recipe.js";
 import f from "./ExpandableCard.recipe.js";
 import R from "./Field.recipe.js";
 import d from "./Fieldset.recipe.js";
-import b from "./NativeSelect.recipe.js";
-import n from "./NumberInput.recipe.js";
-import s from "./RadioGroup.recipe.js";
-import { selectSlotRecipe as u } from "./Select.recipe.js";
-import x from "./Switch.recipe.js";
-import k from "./Table.recipe.js";
-import h from "./Tabs.recipe.js";
-import v from "./Tag.recipe.js";
-import P from "./Tooltip.recipe.js";
-const U = {
+import b from "./Menu.recipe.js";
+import n from "./NativeSelect.recipe.js";
+import s from "./NumberInput.recipe.js";
+import u from "./RadioGroup.recipe.js";
+import { selectSlotRecipe as x } from "./Select.recipe.js";
+import k from "./Switch.recipe.js";
+import h from "./Table.recipe.js";
+import v from "./Tabs.recipe.js";
+import P from "./Tag.recipe.js";
+import g from "./Tooltip.recipe.js";
+const W = {
   actionBar: o,
   avatar: r,
   breadcrumb: i,
@@ -34,18 +35,19 @@ const U = {
   expandableCard: f,
   field: R,
   fieldset: d,
-  nativeSelect: b,
+  nativeSelect: n,
   alert: t,
-  numberInput: n,
-  radioGroup: s,
-  select: u,
-  switch: x,
-  table: k,
-  tabs: h,
-  tag: v,
-  tooltip: P,
-  accordion: e
+  numberInput: s,
+  radioGroup: u,
+  select: x,
+  switch: k,
+  table: h,
+  tabs: v,
+  tag: P,
+  tooltip: g,
+  accordion: e,
+  menu: b
 };
 export {
-  U as default
+  W as default
 };

package/package.json

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