@bitrise/bitkit-v2 0.3.139 → 0.3.141

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

@@ -0,0 +1,3 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+export declare const base: Record<string, SystemStyleObject>;
+export declare const variants: Record<'size', Record<'md' | 'lg', Record<string, SystemStyleObject>>>;

package/dist/theme/common/ComboboxAndSelect.common.js

@@ -0,0 +1,85 @@
+import { rem as e } from "../themeUtils.js";
+const i = {
+  content: {
+    background: "background/primary",
+    border: "1px solid",
+    borderColor: "border/minimal",
+    zIndex: "select",
+    overflowY: "auto",
+    boxShadow: "large",
+    _open: {
+      animationStyle: "slide-fade-in",
+      animationDuration: "fast"
+    },
+    _closed: {
+      animationStyle: "slide-fade-out",
+      animationDuration: "fastest"
+    }
+  },
+  item: {
+    position: "relative",
+    userSelect: "none",
+    display: "flex",
+    alignItems: "center",
+    gap: "12",
+    cursor: "option",
+    justifyContent: "space-between",
+    flex: "1",
+    textAlign: "start",
+    lineHeight: e(24),
+    _highlighted: {
+      bg: "background/hover"
+    },
+    _selected: {
+      bg: "background/selected"
+    }
+  },
+  itemIndicator: {
+    alignItems: "center",
+    color: "icon/interactive",
+    display: "flex",
+    justifyContent: "center"
+  },
+  itemGroupLabel: {
+    alignItems: "center",
+    display: "flex",
+    gap: "16",
+    paddingBlock: "12",
+    paddingInline: "16"
+  }
+}, n = {
+  size: {
+    lg: {
+      item: {
+        paddingInline: "16",
+        paddingBlock: "12",
+        textStyle: "body/lg/regular",
+        _selected: {
+          textStyle: "body/lg/semibold"
+        }
+      },
+      itemIndicator: {
+        width: "24",
+        height: "24"
+      }
+    },
+    md: {
+      item: {
+        paddingBlock: "8",
+        paddingInline: "16",
+        textStyle: "body/md/regular",
+        _selected: {
+          textStyle: "body/md/semibold"
+        }
+      },
+      itemIndicator: {
+        width: "16",
+        height: "16"
+      }
+    }
+  }
+};
+export {
+  i as base,
+  n as variants
+};

package/dist/theme/{recipes/common → common}/InputAndTextarea.common.js

@@ -1,4 +1,4 @@
-import { rem as r } from "../../themeUtils.js";
+import { rem as r } from "../themeUtils.js";
 const e = {
   appearance: "none",
   background: "background/primary",

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

@@ -1,5 +1,5 @@
 import { defineRecipe as e } from "@chakra-ui/react/styled-system";
-import { defaultVariants as a, variants as t, base as i } from "./common/InputAndTextarea.common.js";
+import { defaultVariants as a, variants as t, base as i } from "../common/InputAndTextarea.common.js";
 const s = e({
   className: "input",
   base: i,

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

@@ -1,5 +1,5 @@
 import { defineRecipe as e } from "@chakra-ui/react/styled-system";
-import { defaultVariants as a, variants as t, base as r } from "./common/InputAndTextarea.common.js";
+import { defaultVariants as a, variants as t, base as r } from "../common/InputAndTextarea.common.js";
 const o = e({
   className: "textarea",
   base: r,

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

@@ -12,6 +12,10 @@ const o = {
       textStyle: "comp/link/md-hover"
     }
   },
+  _active: {
+    color: "text/primary",
+    textStyle: "comp/link/md-hover"
+  },
   _focusVisible: {
     borderRadius: "2",
     background: "background/primary",
@@ -24,7 +28,7 @@ const o = {
   }
 }, i = r({
   className: "breadcrumb",
-  slots: [...e.keys(), "overflowMenu", "overflowMenuItem"],
+  slots: e.extendWith("overflowMenu", "overflowMenuItem").keys(),
   base: {
     list: {
       display: "flex",
@@ -69,6 +73,10 @@ const o = {
           color: "text/primary"
         }
       },
+      _active: {
+        backgroundColor: "background/active",
+        color: "text/primary"
+      },
       _highlighted: {
         backgroundColor: "background/hover"
       }

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

@@ -0,0 +1,11 @@
+declare const comboboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "list" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
+    size: {
+        md: {
+            input: import('@chakra-ui/react').SystemStyleObject;
+        };
+        lg: {
+            input: import('@chakra-ui/react').SystemStyleObject;
+        };
+    };
+}>;
+export default comboboxSlotRecipe;

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

@@ -0,0 +1,53 @@
+import { comboboxAnatomy as o } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
+import { variants as e, base as i } from "../common/ComboboxAndSelect.common.js";
+import { variants as t, base as s } from "../common/InputAndTextarea.common.js";
+const m = a({
+  className: "combobox",
+  slots: [...o.keys(), "emptyHelperText"],
+  base: {
+    control: {
+      display: "flex",
+      alignItems: "center",
+      position: "relative"
+    },
+    input: s,
+    empty: {
+      paddingInline: "16",
+      paddingBlock: "8",
+      textStyle: "body/lg/regular"
+    },
+    emptyHelperText: {
+      color: "text/helper",
+      textStyle: "body/sm/regular"
+    },
+    ...i,
+    indicatorGroup: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8",
+      position: "absolute",
+      right: "16",
+      top: "50%",
+      transform: "translateY(-50%)"
+    }
+  },
+  variants: {
+    size: {
+      md: {
+        input: t.size.md,
+        ...e.size.md
+      },
+      lg: {
+        input: t.size.lg,
+        ...e.size.lg
+      }
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+export {
+  m as default
+};

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

@@ -4,7 +4,6 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
             trigger: {
                 paddingBlock: "6";
                 textStyle?: "body/md/regular" | undefined;
-                py?: string | undefined;
             };
             indicator: {
                 _icon: {
@@ -12,22 +11,6 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
                     height: "16";
                 };
             };
-            item?: {
-                py: "8";
-                px: "16";
-                textStyle: "body/md/regular";
-                _selected: {
-                    textStyle: "body/md/semibold";
-                };
-            } | undefined;
-            itemIndicator?: {
-                width: "16";
-                height: "16";
-            } | undefined;
-            itemGroupLabel?: {
-                py: "12";
-                px: "16";
-            } | undefined;
             searchInput?: {
                 paddingBlock: "12";
                 textStyle: "body/md/regular";
@@ -35,7 +18,7 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
             } | undefined;
             createItem?: {
                 color: "text/primary";
-                py: "16";
+                paddingBlock: "16";
                 textStyle: "body/md/regular";
             } | undefined;
         };

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

@@ -1,14 +1,11 @@
-import { nativeSelectAnatomy as e } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
+import { nativeSelectAnatomy as r } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
 import { rem as o } from "../themeUtils.js";
-const a = r({
+const i = e({
   className: "native-select",
-  slots: [...e.keys(), "statusIcon"],
+  slots: [...r.keys(), "statusIcon"],
   base: {
     root: {
-      height: "fit-content",
-      display: "flex",
-      width: "100%",
       position: "relative"
     },
     field: {
@@ -22,7 +19,10 @@ const a = r({
       transition: "200ms",
       color: "input/text/inputValue",
       _hover: {
-        borderColor: "border/hover"
+        borderColor: "border/hover",
+        _invalid: {
+          borderColor: "border/error"
+        }
       },
       _invalid: {
         borderColor: "border/error"
@@ -53,19 +53,7 @@ const a = r({
       position: "absolute",
       top: "50%",
       right: o(15),
-      transform: "translateY(-50%)",
-      pointerEvents: "none",
-      color: "icon/secondary",
-      transition: "200ms",
-      _groupFocusWithin: {
-        color: "icon/primary"
-      },
-      _groupHover: {
-        color: "icon/primary"
-      },
-      _disabled: {
-        color: "icon/on-disabled"
-      }
+      transform: "translateY(-50%)"
     }
   },
   variants: {
@@ -83,5 +71,5 @@ const a = r({
   }
 });
 export {
-  a as default
+  i as default
 };

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

@@ -1,22 +1,7 @@
 export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
     size: {
+        lg: Record<string, import('@chakra-ui/react').SystemStyleObject>;
         md: {
-            item: {
-                py: "8";
-                px: "16";
-                textStyle: "body/md/regular";
-                _selected: {
-                    textStyle: "body/md/semibold";
-                };
-            };
-            itemIndicator: {
-                width: "16";
-                height: "16";
-            };
-            itemGroupLabel: {
-                py: "12";
-                px: "16";
-            };
             searchInput: {
                 paddingBlock: "12";
                 textStyle: "body/md/regular";
@@ -24,14 +9,13 @@ export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefi
             };
             createItem: {
                 color: "text/primary";
-                py: "16";
+                paddingBlock: "16";
                 textStyle: "body/md/regular";
             };
             trigger: {
                 textStyle: "body/md/regular";
-                py: string;
+                paddingBlock: string;
             };
         };
-        lg: {};
     };
 }>;

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

@@ -1,21 +1,22 @@
-import { selectAnatomy as t } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
+import { selectAnatomy as o } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
+import { variants as t, base as n } from "../common/ComboboxAndSelect.common.js";
 import { rem as e } from "../themeUtils.js";
-const a = o({
+const c = r({
   className: "select",
-  slots: [...t.keys(), "searchInputGroup", "searchInput", "createItemContainer", "createItem"],
+  slots: [...o.keys(), "searchInputGroup", "searchInput", "createItemContainer", "createItem"],
   base: {
     trigger: {
       display: "flex",
       alignItems: "center",
       borderWidth: e(1),
       borderColor: "border/strong",
-      bg: "bg.muted",
+      background: "bg.muted",
       color: "input/text/inputValue",
       gap: "8",
       justifyContent: "space-between",
-      px: "16",
-      py: e(11),
+      paddingInline: "16",
+      paddingBlock: e(11),
       borderRadius: "4",
       userSelect: "none",
       textAlign: "start",
@@ -26,24 +27,24 @@ const a = o({
       },
       _disabled: {
         color: "text/disabled",
-        bg: "background/disabled"
+        background: "background/disabled"
       },
       _invalid: {
         borderColor: "border/error"
       },
       _readOnly: {
-        bg: "background/disabled"
+        background: "background/disabled"
       }
     },
     indicatorGroup: {
       display: "flex",
       alignItems: "center",
       gap: "8",
-      pos: "absolute",
+      position: "absolute",
       insetEnd: "0",
       top: "0",
       bottom: "0",
-      px: "16",
+      paddingInline: "16",
       pointerEvents: "none"
     },
     indicator: {
@@ -58,62 +59,10 @@ const a = o({
         color: "icon/on-disabled"
       }
     },
-    content: {
-      background: "background/primary",
-      display: "flex",
-      flexDirection: "column",
-      zIndex: "select",
-      overflowY: "auto",
-      boxShadow: "large",
-      _open: {
-        animationStyle: "slide-fade-in",
-        animationDuration: "fast"
-      },
-      _closed: {
-        animationStyle: "slide-fade-out",
-        animationDuration: "fastest"
-      }
-    },
-    item: {
-      position: "relative",
-      userSelect: "none",
-      display: "flex",
-      alignItems: "center",
-      gap: "12",
-      cursor: "option",
-      justifyContent: "space-between",
-      flex: "1",
-      px: "16",
-      py: "12",
-      textAlign: "start",
-      textStyle: "body/lg/regular",
-      lineHeight: e(24),
-      _highlighted: {
-        bg: "neutral.95"
-      },
-      _selected: {
-        textStyle: "body/lg/semibold",
-        bg: "background/selected"
-      }
-    },
-    itemIndicator: {
-      alignItems: "center",
-      color: "icon/interactive",
-      display: "flex",
-      justifyContent: "center",
-      width: "24",
-      height: "24"
-    },
-    itemGroupLabel: {
-      alignItems: "center",
-      display: "flex",
-      gap: "16",
-      py: "12",
-      px: "16"
-    },
+    ...n,
     control: {
-      pos: "relative",
-      width: "100%  "
+      position: "relative",
+      width: "100%"
     },
     searchInput: {
       border: "none",
@@ -138,7 +87,7 @@ const a = o({
       gap: "12",
       paddingInlineEnd: "24",
       paddingInlineStart: "16",
-      py: "20",
+      paddingBlock: "20",
       color: "text/primary",
       textStyle: "body/lg/regular",
       textDecoration: "none",
@@ -146,14 +95,14 @@ const a = o({
       cursor: "pointer",
       textAlign: "start",
       _hover: {
-        bg: "button/secondary/bg-hover",
+        background: "button/secondary/bg-hover",
         textDecoration: "none",
         _active: {
-          bg: "button/secondary/bg-active"
+          background: "button/secondary/bg-active"
         }
       },
       _active: {
-        bg: "button/secondary/bg-active"
+        background: "button/secondary/bg-active"
       },
       _focusVisible: {
         outlineOffset: "-3px"
@@ -162,23 +111,9 @@ const a = o({
   },
   variants: {
     size: {
+      lg: t.size.lg,
       md: {
-        item: {
-          py: "8",
-          px: "16",
-          textStyle: "body/md/regular",
-          _selected: {
-            textStyle: "body/md/semibold"
-          }
-        },
-        itemIndicator: {
-          width: "16",
-          height: "16"
-        },
-        itemGroupLabel: {
-          py: "12",
-          px: "16"
-        },
+        ...t.size.md,
         searchInput: {
           paddingBlock: "12",
           textStyle: "body/md/regular",
@@ -186,15 +121,14 @@ const a = o({
         },
         createItem: {
           color: "text/primary",
-          py: "16",
+          paddingBlock: "16",
           textStyle: "body/md/regular"
         },
         trigger: {
           textStyle: "body/md/regular",
-          py: e(9)
+          paddingBlock: e(9)
         }
-      },
-      lg: {}
+      }
     }
   },
   defaultVariants: {
@@ -202,5 +136,5 @@ const a = o({
   }
 });
 export {
-  a as selectSlotRecipe
+  c as selectSlotRecipe
 };

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

@@ -263,7 +263,6 @@ declare const slotRecipes: {
                 trigger: {
                     paddingBlock: "6";
                     textStyle?: "body/md/regular" | undefined;
-                    py?: string | undefined;
                 };
                 indicator: {
                     _icon: {
@@ -271,22 +270,6 @@ declare const slotRecipes: {
                         height: "16";
                     };
                 };
-                item?: {
-                    py: "8";
-                    px: "16";
-                    textStyle: "body/md/regular";
-                    _selected: {
-                        textStyle: "body/md/semibold";
-                    };
-                } | undefined;
-                itemIndicator?: {
-                    width: "16";
-                    height: "16";
-                } | undefined;
-                itemGroupLabel?: {
-                    py: "12";
-                    px: "16";
-                } | undefined;
                 searchInput?: {
                     paddingBlock: "12";
                     textStyle: "body/md/regular";
@@ -294,7 +277,7 @@ declare const slotRecipes: {
                 } | undefined;
                 createItem?: {
                     color: "text/primary";
-                    py: "16";
+                    paddingBlock: "16";
                     textStyle: "body/md/regular";
                 } | undefined;
             };
@@ -330,6 +313,16 @@ declare const slotRecipes: {
             };
         };
     }>;
+    combobox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "list" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
+        size: {
+            md: {
+                input: import('@chakra-ui/react').SystemStyleObject;
+            };
+            lg: {
+                input: import('@chakra-ui/react').SystemStyleObject;
+            };
+        };
+    }>;
     emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
         colorScheme: {
             white: {
@@ -506,23 +499,8 @@ declare const slotRecipes: {
     }>;
     select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "list" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
         size: {
+            lg: Record<string, import('@chakra-ui/react').SystemStyleObject>;
             md: {
-                item: {
-                    py: "8";
-                    px: "16";
-                    textStyle: "body/md/regular";
-                    _selected: {
-                        textStyle: "body/md/semibold";
-                    };
-                };
-                itemIndicator: {
-                    width: "16";
-                    height: "16";
-                };
-                itemGroupLabel: {
-                    py: "12";
-                    px: "16";
-                };
                 searchInput: {
                     paddingBlock: "12";
                     textStyle: "body/md/regular";
@@ -530,15 +508,14 @@ declare const slotRecipes: {
                 };
                 createItem: {
                     color: "text/primary";
-                    py: "16";
+                    paddingBlock: "16";
                     textStyle: "body/md/regular";
                 };
                 trigger: {
                     textStyle: "body/md/regular";
-                    py: string;
+                    paddingBlock: string;
                 };
             };
-            lg: {};
         };
     }>;
     switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {