@bitrise/bitkit-v2 0.3.140 → 0.3.142

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/ControlButton.recipe.d.ts

@@ -0,0 +1,50 @@
+declare const controlButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    isDanger: {
+        false: {
+            color: "button/secondary/fg";
+            _hover: {
+                background: "button/tertiary/bg-hover";
+                color: "button/secondary/fg-hover";
+            };
+            _active: {
+                background: "button/tertiary/bg-active";
+                color: "button/secondary/fg-active";
+            };
+            _disabled: {
+                color: "button/secondary/fg-disabled!";
+            };
+        };
+        true: {
+            color: "button/danger-secondary/fg";
+            _hover: {
+                background: "button/danger-secondary/bg-hover";
+                color: "button/danger-secondary/fg-hover";
+            };
+            _active: {
+                background: "button/danger-secondary/bg-active";
+                color: "button/danger-secondary/fg-active";
+            };
+            _disabled: {
+                color: "button/danger-secondary/fg-disabled!";
+            };
+        };
+    };
+    size: {
+        xxs: {
+            padding: "4";
+        };
+        xs: {
+            padding: "8";
+        };
+        sm: {
+            padding: "4";
+        };
+        md: {
+            padding: "8";
+        };
+        lg: {
+            padding: "12";
+        };
+    };
+}>;
+export default controlButtonRecipe;

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

@@ -0,0 +1,67 @@
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+const r = e({
+  className: "control-button",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "4",
+    cursor: "pointer",
+    background: "transparent",
+    _disabled: {
+      cursor: "not-allowed",
+      _hover: {
+        background: "transparent"
+      },
+      _active: {
+        background: "transparent"
+      }
+    }
+  },
+  variants: {
+    isDanger: {
+      false: {
+        color: "button/secondary/fg",
+        _hover: {
+          background: "button/tertiary/bg-hover",
+          color: "button/secondary/fg-hover"
+        },
+        _active: {
+          background: "button/tertiary/bg-active",
+          color: "button/secondary/fg-active"
+        },
+        _disabled: {
+          color: "button/secondary/fg-disabled!"
+        }
+      },
+      true: {
+        color: "button/danger-secondary/fg",
+        _hover: {
+          background: "button/danger-secondary/bg-hover",
+          color: "button/danger-secondary/fg-hover"
+        },
+        _active: {
+          background: "button/danger-secondary/bg-active",
+          color: "button/danger-secondary/fg-active"
+        },
+        _disabled: {
+          color: "button/danger-secondary/fg-disabled!"
+        }
+      }
+    },
+    size: {
+      xxs: { padding: "4" },
+      xs: { padding: "8" },
+      sm: { padding: "4" },
+      md: { padding: "8" },
+      lg: { padding: "12" }
+    }
+  },
+  defaultVariants: {
+    isDanger: !1,
+    size: "sm"
+  }
+});
+export {
+  r as default
+};

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/recipes/index.d.ts

@@ -62,6 +62,55 @@ declare const recipes: {
             };
         };
     }>;
+    controlButton: import('@chakra-ui/react').RecipeDefinition<{
+        isDanger: {
+            false: {
+                color: "button/secondary/fg";
+                _hover: {
+                    background: "button/tertiary/bg-hover";
+                    color: "button/secondary/fg-hover";
+                };
+                _active: {
+                    background: "button/tertiary/bg-active";
+                    color: "button/secondary/fg-active";
+                };
+                _disabled: {
+                    color: "button/secondary/fg-disabled!";
+                };
+            };
+            true: {
+                color: "button/danger-secondary/fg";
+                _hover: {
+                    background: "button/danger-secondary/bg-hover";
+                    color: "button/danger-secondary/fg-hover";
+                };
+                _active: {
+                    background: "button/danger-secondary/bg-active";
+                    color: "button/danger-secondary/fg-active";
+                };
+                _disabled: {
+                    color: "button/danger-secondary/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: {

package/dist/theme/recipes/index.js

@@ -1,27 +1,29 @@
 import o from "./Badge.recipe.js";
-import e from "./Button.recipe.js";
-import t from "./CloseButton.recipe.js";
+import t from "./Button.recipe.js";
+import e from "./CloseButton.recipe.js";
 import i from "./ColorButton.recipe.js";
-import r from "./DefinitionTooltip.recipe.js";
-import p from "./Input.recipe.js";
+import r from "./ControlButton.recipe.js";
+import p from "./DefinitionTooltip.recipe.js";
+import n from "./Input.recipe.js";
 import m from "./Link.recipe.js";
-import n from "./Separator.recipe.js";
-import c from "./Skeleton.recipe.js";
-import f from "./Spinner.recipe.js";
+import c from "./Separator.recipe.js";
+import f from "./Skeleton.recipe.js";
+import l from "./Spinner.recipe.js";
 import a from "./Textarea.recipe.js";
-const h = {
+const q = {
   badge: o,
-  button: e,
-  closeButton: t,
+  button: t,
+  closeButton: e,
+  controlButton: r,
   colorButton: i,
-  definitionTooltip: r,
-  input: p,
+  definitionTooltip: p,
+  input: n,
   link: m,
-  separator: n,
-  skeleton: c,
-  spinner: f,
+  separator: c,
+  skeleton: f,
+  spinner: l,
   textarea: a
 };
 export {
-  h as default
+  q as default
 };

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: {};
     };
 }>;