@bitrise/bitkit-v2 0.3.155 → 0.3.156

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

@@ -1,38 +1,26 @@
-import { menuAnatomy as t } from "@chakra-ui/react/anatomy";
 import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
-const e = {
+import { menuAnatomy as t } from "@chakra-ui/react/anatomy";
+var e = {
   background: "button/secondary/bg-active",
-  _icon: {
-    color: "icon/primary"
-  }
+  _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({
+  _icon: { color: "button/danger-secondary/fg-active" }
+}, n = 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"
-        }
-      }
-    }
-  },
+  variants: { size: {
+    lg: { item: {
+      paddingY: "12",
+      textStyle: "body/lg/regular"
+    } },
+    md: { item: {
+      _icon: { marginTop: "2" },
+      paddingY: "8",
+      textStyle: "body/md/regular"
+    } }
+  } },
   base: {
     content: {
       borderRadius: "4",
@@ -59,9 +47,7 @@ const e = {
     item: {
       _icon: {
         color: "icon/secondary",
-        _active: {
-          color: "icon/primary"
-        }
+        _active: { color: "icon/primary" }
       },
       display: "flex",
       gap: "12",
@@ -71,17 +57,13 @@ const e = {
       paddingRight: "24",
       "&[data-danger]": {
         color: "button/danger-secondary/fg",
-        _icon: {
-          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"
-          }
+          _icon: { color: "button/danger-secondary/fg-hover" }
         }
       },
       _active: e,
@@ -107,10 +89,8 @@ const e = {
       marginY: "8"
     }
   },
-  defaultVariants: {
-    size: "lg"
-  }
+  defaultVariants: { size: "lg" }
 });
 export {
-  i as default
+  n as default
 };

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

@@ -1,13 +1,11 @@
-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 i = e({
+import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
+import { nativeSelectAnatomy as e } from "@chakra-ui/react/anatomy";
+var i = r({
   className: "native-select",
-  slots: [...r.keys(), "statusIcon"],
+  slots: [...e.keys(), "statusIcon"],
   base: {
-    root: {
-      position: "relative"
-    },
+    root: { position: "relative" },
     field: {
       width: "100%",
       minWidth: 0,
@@ -20,27 +18,17 @@ const i = e({
       color: "input/text/inputValue",
       _hover: {
         borderColor: "border/hover",
-        _invalid: {
-          borderColor: "border/error"
-        }
-      },
-      _invalid: {
-        borderColor: "border/error"
+        _invalid: { borderColor: "border/error" }
       },
+      _invalid: { borderColor: "border/error" },
       _disabled: {
-        _hover: {
-          borderColor: "border/disabled"
-        },
-        _placeholder: {
-          color: "text/disabled"
-        },
+        _hover: { borderColor: "border/disabled" },
+        _placeholder: { color: "text/disabled" },
         color: "text/disabled",
         background: "background/disabled",
         cursor: "not-allowed"
       },
-      _placeholderShown: {
-        color: "input/text/placeholder"
-      }
+      _placeholderShown: { color: "input/text/placeholder" }
     },
     statusIcon: {
       position: "absolute",
@@ -56,19 +44,19 @@ const i = e({
       transform: "translateY(-50%)"
     }
   },
-  variants: {
-    size: {
-      md: {
-        field: { paddingInline: o(11), paddingBlock: o(7), textStyle: "body/md/regular" }
-      },
-      lg: {
-        field: { paddingInline: o(15), paddingBlock: o(11), textStyle: "body/lg/regular" }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "lg"
-  }
+  variants: { size: {
+    md: { field: {
+      paddingInline: o(11),
+      paddingBlock: o(7),
+      textStyle: "body/md/regular"
+    } },
+    lg: { field: {
+      paddingInline: o(15),
+      paddingBlock: o(11),
+      textStyle: "body/lg/regular"
+    } }
+  } },
+  defaultVariants: { size: "lg" }
 });
 export {
   i as default

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

@@ -1,8 +1,8 @@
+import { rem as t } from "../themeUtils.js";
+import e from "../recipes/Input.recipe.js";
+import { defineSlotRecipe as i, defineStyle as r } from "@chakra-ui/react/styled-system";
 import { numberInputAnatomy as n } from "@chakra-ui/react/anatomy";
-import { defineStyle as r, defineSlotRecipe as i } from "@chakra-ui/react/styled-system";
-import t from "../recipes/Input.recipe.js";
-import { rem as e } from "../themeUtils.js";
-const a = r({
+var a = r({
   content: '""',
   position: "absolute",
   top: "50%",
@@ -41,10 +41,10 @@ const a = r({
       position: "relative",
       zIndex: "0",
       isolation: "isolate",
-      "--control-width": e(100)
+      "--control-width": t(100)
     },
     input: {
-      ...t.base,
+      ...e.base,
       verticalAlign: "top",
       paddingInlineEnd: "var(--control-width) !important"
     },
@@ -64,37 +64,26 @@ const a = r({
       borderBottomEndRadius: "4",
       _before: a
     },
-    decrementTrigger: {
-      ...o
-    },
+    decrementTrigger: { ...o },
     valueText: {
       fontWeight: "medium",
       fontFeatureSettings: "pnum",
       fontVariantNumeric: "proportional-nums"
     }
   },
-  variants: {
-    size: {
-      md: {
-        input: t.variants?.size.md,
-        control: {
-          "--stepper-width": e(40)
-        }
-      },
-      lg: {
-        input: t.variants?.size.lg,
-        control: {
-          "--stepper-width": e(48)
-        }
-      }
+  variants: { size: {
+    md: {
+      input: e.variants?.size.md,
+      control: { "--stepper-width": t(40) }
+    },
+    lg: {
+      input: e.variants?.size.lg,
+      control: { "--stepper-width": t(48) }
     }
-  },
-  defaultVariants: {
-    size: "lg"
-  }
+  } },
+  defaultVariants: { size: "lg" }
 });
 export {
   c as default,
-  c as numberInputSlotRecipe,
   a as triggerSeparatorStyle
 };

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

@@ -1,12 +1,10 @@
-import { radioGroupAnatomy as o } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
-const i = e({
+import { defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
+import { radioGroupAnatomy as e } from "@chakra-ui/react/anatomy";
+var i = o({
   className: "radio-group",
-  slots: o.keys(),
+  slots: e.keys(),
   base: {
-    root: {
-      display: "flex"
-    },
+    root: { display: "flex" },
     item: {
       display: "inline-flex",
       gap: "8",
@@ -28,39 +26,29 @@ const i = e({
         borderRadius: "50%",
         backgroundColor: "icon/interactive"
       },
-      _hover: {
-        borderColor: "border/hover"
-      },
+      _hover: { borderColor: "border/hover" },
       _disabled: {
         backgroundColor: "background/disabled",
         borderColor: "border/disabled",
-        "& > .dot": {
-          backgroundColor: "icon/disabled"
-        }
+        "& > .dot": { backgroundColor: "icon/disabled" }
       }
     },
     itemText: {
       color: "input/text/inputValue",
-      _disabled: {
-        color: "text/disabled"
-      }
+      _disabled: { color: "text/disabled" }
     }
   },
   variants: {
     orientation: {
-      horizontal: {
-        root: {
-          flexDirection: "row",
-          gap: "24"
-        }
-      },
-      vertical: {
-        root: {
-          alignItems: "flex-start",
-          flexDirection: "column",
-          gap: "12"
-        }
-      }
+      horizontal: { root: {
+        flexDirection: "row",
+        gap: "24"
+      } },
+      vertical: { root: {
+        alignItems: "flex-start",
+        flexDirection: "column",
+        gap: "12"
+      } }
     },
     size: {
       md: {
@@ -68,18 +56,14 @@ const i = e({
           width: "20",
           height: "20"
         },
-        itemText: {
-          textStyle: "body/md/regular"
-        }
+        itemText: { textStyle: "body/md/regular" }
       },
       lg: {
         itemControl: {
           width: "24",
           height: "24"
         },
-        itemText: {
-          textStyle: "body/lg/regular"
-        }
+        itemText: { textStyle: "body/lg/regular" }
       }
     }
   },

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

@@ -1,7 +1,7 @@
-import { segmentGroupAnatomy as o } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
-const a = e({
-  slots: o.keys(),
+import { defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
+import { segmentGroupAnatomy as e } from "@chakra-ui/react/anatomy";
+var a = o({
+  slots: e.keys(),
   className: "segment-group",
   base: {
     root: {
@@ -16,8 +16,6 @@ const a = e({
       isolation: "isolate",
       position: "relative"
     },
-    // Zag.js positions the indicator via inline CSS variables (--width, --height, --top, --left).
-    // We must reference them here because our custom recipe replaces the Chakra default entirely.
     indicator: {
       backgroundColor: "background/primary",
       borderRadius: "4",
@@ -36,16 +34,13 @@ const a = e({
       borderRadius: "4",
       color: "text/secondary",
       cursor: "pointer",
-      _icon: {
-        color: "icon/secondary"
-      },
+      _icon: { color: "icon/secondary" },
       display: "flex",
       gap: "4",
       justifyContent: "center",
       paddingInline: "12",
       position: "relative",
       textStyle: "body/md/regular",
-      // Vertical separator between items
       _before: {
         backgroundColor: "border/minimal",
         content: '""',
@@ -54,20 +49,12 @@ const a = e({
         position: "absolute",
         width: "1"
       },
-      // Hide separator on first item, and on both sides of the checked item
-      "& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type": {
-        _before: { opacity: "0" }
-      },
-      // Focus ring on item when its hidden input is focused (same as Chakra default)
-      "&:has(input:focus-visible)": {
-        focusRing: "outside"
-      },
+      "& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type": { _before: { opacity: "0" } },
+      "&:has(input:focus-visible)": { focusRing: "outside" },
       _hover: {
         backgroundColor: "background/hover",
         color: "text/primary",
-        _active: {
-          backgroundColor: "background/active"
-        }
+        _active: { backgroundColor: "background/active" }
       },
       _active: {
         backgroundColor: "background/active",
@@ -76,62 +63,38 @@ const a = e({
       _checked: {
         backgroundColor: "transparent",
         color: "text/primary",
-        _active: {
-          backgroundColor: "transparent"
-        },
+        _active: { backgroundColor: "transparent" },
         _hover: {
           backgroundColor: "transparent",
-          _active: {
-            backgroundColor: "transparent"
-          }
+          _active: { backgroundColor: "transparent" }
         }
       },
       _disabled: {
         color: "text/disabled",
         cursor: "not-allowed",
-        _hover: {
-          backgroundColor: "transparent"
-        }
+        _hover: { backgroundColor: "transparent" }
       }
     },
-    itemText: {
-      paddingInline: "4"
-    }
+    itemText: { paddingInline: "4" }
   },
   variants: {
-    fullWidth: {
-      true: {
-        root: {
-          display: "flex",
-          width: "100%"
-        },
-        item: {
-          flex: "1"
-        }
-      }
-    },
-    size: {
-      lg: {
-        item: {
-          paddingBlock: "12",
-          textStyle: "body/lg/regular"
-        }
-      },
-      md: {
-        item: {
-          paddingBlock: "8"
-        }
+    fullWidth: { true: {
+      root: {
+        display: "flex",
+        width: "100%"
       },
-      sm: {
-        item: {
-          paddingBlock: "6"
-        }
-      }
+      item: { flex: "1" }
+    } },
+    size: {
+      lg: { item: {
+        paddingBlock: "12",
+        textStyle: "body/lg/regular"
+      } },
+      md: { item: { paddingBlock: "8" } },
+      sm: { item: { paddingBlock: "6" } }
     }
   },
-  defaultVariants: {
-    size: "sm"
-  }
+  defaultVariants: { size: "sm" }
 });
 export {
   a as default

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

@@ -1,10 +1,16 @@
-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 c = r({
+import { base as o, variants as t } from "../common/ComboboxAndSelect.common.js";
+import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
+import { selectAnatomy as n } from "@chakra-ui/react/anatomy";
+var c = r({
   className: "select",
-  slots: [...o.keys(), "searchInputGroup", "searchInput", "createItemContainer", "createItem"],
+  slots: [
+    ...n.keys(),
+    "searchInputGroup",
+    "searchInput",
+    "createItemContainer",
+    "createItem"
+  ],
   base: {
     trigger: {
       display: "flex",
@@ -22,19 +28,13 @@ const c = r({
       textAlign: "start",
       focusVisibleRing: "inside",
       width: "100%",
-      _placeholderShown: {
-        color: "text/secondary"
-      },
+      _placeholderShown: { color: "text/secondary" },
       _disabled: {
         color: "text/disabled",
         background: "background/disabled"
       },
-      _invalid: {
-        borderColor: "border/error"
-      },
-      _readOnly: {
-        background: "background/disabled"
-      }
+      _invalid: { borderColor: "border/error" },
+      _readOnly: { background: "background/disabled" }
     },
     indicatorGroup: {
       display: "flex",
@@ -52,14 +52,10 @@ const c = r({
       alignItems: "center",
       justifyContent: "center",
       color: "icon/secondary",
-      _disabled: {
-        color: "icon/disabled"
-      },
-      _readOnly: {
-        color: "icon/on-disabled"
-      }
+      _disabled: { color: "icon/disabled" },
+      _readOnly: { color: "icon/on-disabled" }
     },
-    ...n,
+    ...o,
     control: {
       position: "relative",
       width: "100%"
@@ -97,43 +93,33 @@ const c = r({
       _hover: {
         background: "button/secondary/bg-hover",
         textDecoration: "none",
-        _active: {
-          background: "button/secondary/bg-active"
-        }
+        _active: { background: "button/secondary/bg-active" }
       },
-      _active: {
-        background: "button/secondary/bg-active"
-      },
-      _focusVisible: {
-        outlineOffset: "-3px"
-      }
+      _active: { background: "button/secondary/bg-active" },
+      _focusVisible: { outlineOffset: "-3px" }
     }
   },
-  variants: {
-    size: {
-      lg: t.size.lg,
-      md: {
-        ...t.size.md,
-        searchInput: {
-          paddingBlock: "12",
-          textStyle: "body/md/regular",
-          "--input-height": e(24)
-        },
-        createItem: {
-          color: "text/primary",
-          paddingBlock: "16",
-          textStyle: "body/md/regular"
-        },
-        trigger: {
-          textStyle: "body/md/regular",
-          paddingBlock: e(9)
-        }
+  variants: { size: {
+    lg: t.size.lg,
+    md: {
+      ...t.size.md,
+      searchInput: {
+        paddingBlock: "12",
+        textStyle: "body/md/regular",
+        "--input-height": e(24)
+      },
+      createItem: {
+        color: "text/primary",
+        paddingBlock: "16",
+        textStyle: "body/md/regular"
+      },
+      trigger: {
+        textStyle: "body/md/regular",
+        paddingBlock: e(9)
       }
     }
-  },
-  defaultVariants: {
-    size: "lg"
-  }
+  } },
+  defaultVariants: { size: "lg" }
 });
 export {
   c as selectSlotRecipe