@bitrise/bitkit-v2 0.3.151 → 0.3.153

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

@@ -1,6 +1,6 @@
-import { defineRecipe as l } from "@chakra-ui/react/styled-system";
+import { defineRecipe as n } from "@chakra-ui/react/styled-system";
 import { rem as r } from "../themeUtils.js";
-const s = [
+const l = [
   "primary",
   "secondary",
   "tertiary",
@@ -10,25 +10,37 @@ const s = [
   "ai-primary",
   "ai-secondary",
   "ai-tertiary"
-], n = s.reduce(
+], c = l.reduce(
   (e, o) => {
     let t = o?.includes("secondary") ? `{colors.button.${o}.border}` : `{colors.button.${o}.bg}`, d = o?.includes("secondary") ? `{colors.button.${o}.border-disabled}` : `{colors.button.${o}.bg-disabled}`;
     return o?.includes("tertiary") && (t = "transparent", d = "transparent"), e[o] = {
       "&:hover": {
         backgroundColor: `{colors.button.${o}.bg-hover}`,
         borderColor: o?.includes("secondary") ? `{colors.button.${o}.border-hover}` : `{colors.button.${o}.bg-hover}`,
-        color: `{colors.button.${o}.fg-hover}`
+        color: `{colors.button.${o}.fg-hover}`,
+        _icon: {
+          color: o === "secondary" ? "currentColor" : void 0
+        }
       },
       "&:active": {
         backgroundColor: `{colors.button.${o}.bg-active}`,
         borderColor: o?.includes("secondary") ? `{colors.button.${o}.border-active}` : `{colors.button.${o}.bg-active}`,
-        color: `{colors.button.${o}.fg-active}`
+        color: `{colors.button.${o}.fg-active}`,
+        _icon: {
+          color: o === "secondary" ? "currentColor" : void 0
+        }
       },
       _disabled: {
         backgroundColor: `{colors.button.${o}.bg-disabled}!`,
         borderColor: `${d}!`,
         color: `{colors.button.${o}.fg-disabled}!`,
-        cursor: "not-allowed"
+        cursor: "not-allowed",
+        _icon: {
+          color: o === "secondary" ? "currentColor" : void 0
+        }
+      },
+      _icon: {
+        color: o === "secondary" ? "button/secondary/fg/icon" : void 0
       },
       backgroundColor: `{colors.button.${o}.bg}`,
       borderColor: t,
@@ -38,7 +50,7 @@ const s = [
     }, e;
   },
   {}
-), b = l({
+), b = n({
   className: "button",
   base: {
     borderRadius: "4",
@@ -48,16 +60,19 @@ const s = [
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
-    gap: "8",
+    gap: "4",
     position: "relative",
     "--spinner-color": "currentColor",
     "--spinner-size": "sizes.16",
     _disabled: {
       cursor: "not-allowed"
+    },
+    "& span": {
+      paddingInline: "4"
     }
   },
   variants: {
-    variant: n,
+    variant: c,
     size: {
       sm: {
         minWidth: "32",

package/dist/theme/recipes/ControlButton.recipe.d.ts

@@ -1,7 +1,7 @@
 declare const controlButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
     isDanger: {
         false: {
-            color: "button/secondary/fg";
+            color: "button/secondary/fg/text";
             _hover: {
                 background: "button/tertiary/bg-hover";
                 color: "button/secondary/fg-hover";

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

@@ -1,5 +1,5 @@
-import { defineRecipe as o } from "@chakra-ui/react/styled-system";
-const a = o({
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+const t = e({
   className: "control-button",
   base: {
     display: "inline-flex",
@@ -21,7 +21,7 @@ const a = o({
   variants: {
     isDanger: {
       false: {
-        color: "button/secondary/fg",
+        color: "button/secondary/fg/text",
         _hover: {
           background: "button/tertiary/bg-hover",
           color: "button/secondary/fg-hover",
@@ -71,5 +71,5 @@ const a = o({
   }
 });
 export {
-  a as default
+  t as default
 };

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

@@ -65,7 +65,7 @@ declare const recipes: {
     controlButton: import('@chakra-ui/react').RecipeDefinition<{
         isDanger: {
             false: {
-                color: "button/secondary/fg";
+                color: "button/secondary/fg/text";
                 _hover: {
                     background: "button/tertiary/bg-hover";
                     color: "button/secondary/fg-hover";

package/dist/theme/semantic-tokens/semanticColors.js

@@ -948,8 +948,20 @@ const a = e.colors(
           }
         },
         fg: {
-          value: {
-            base: "{colors.sys.fg.primary}"
+          base: {
+            value: {
+              base: "{colors.sys.fg.primary}"
+            }
+          },
+          text: {
+            value: {
+              base: "{colors.sys.fg.primary}"
+            }
+          },
+          icon: {
+            value: {
+              base: "{colors.sys.fg.secondary}"
+            }
           }
         },
         "fg-hover": {

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

@@ -0,0 +1,35 @@
+declare const dialogSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop" | "scrollBody" | "scrollButton" | "scrollGradient", {
+    scrollBehavior: {
+        inside: {
+            body: {
+                overflowY: "auto";
+                _last: {
+                    paddingBlockEnd: number;
+                };
+            };
+            content: {
+                maxHeight: "calc(100dvh - 96px)";
+                overflow: "hidden";
+            };
+        };
+        outside: {};
+    };
+    size: {
+        lg: {
+            content: {
+                width: string;
+            };
+        };
+        md: {
+            content: {
+                width: string;
+            };
+        };
+        sm: {
+            content: {
+                width: string;
+            };
+        };
+    };
+}>;
+export default dialogSlotRecipe;

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

@@ -0,0 +1,171 @@
+import { dialogAnatomy as o } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
+import { rem as e } from "../themeUtils.js";
+const a = t({
+  className: "dialog",
+  slots: [...o.keys(), "label", "scrollBody", "scrollButton", "scrollGradient"],
+  base: {
+    backdrop: {
+      background: "utilities/overlay",
+      position: "fixed",
+      inset: "0",
+      zIndex: "dialogOverlay",
+      _open: {
+        animationStyle: "fade-in",
+        animationDuration: "moderate"
+      },
+      _closed: {
+        animationStyle: "fade-out",
+        animationDuration: "moderate"
+      }
+    },
+    positioner: {
+      alignItems: "center",
+      display: "flex",
+      height: "100dvh",
+      justifyContent: "center",
+      left: "0",
+      position: "fixed",
+      top: "0",
+      width: "100dvw",
+      zIndex: "dialog"
+    },
+    content: {
+      background: "background/primary",
+      borderRadius: "8",
+      boxShadow: "elevation/lg",
+      display: "flex",
+      flexDirection: "column",
+      outline: "none",
+      position: "relative",
+      _open: {
+        animationStyle: "scale-fade-in",
+        animationDuration: "moderate"
+      },
+      _closed: {
+        animationStyle: "scale-fade-out",
+        animationDuration: "faster"
+      }
+    },
+    header: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16",
+      paddingBlock: "24",
+      paddingInline: "32",
+      position: "relative"
+    },
+    title: {
+      color: "text/primary",
+      paddingInlineEnd: "48",
+      textStyle: "comp/dialog/title"
+    },
+    description: {
+      color: "text/body",
+      textStyle: "body/lg/regular"
+    },
+    label: {
+      color: "text/secondary",
+      textStyle: "comp/dialog/label"
+    },
+    body: {
+      display: "flex",
+      flex: "1",
+      flexDirection: "column",
+      gap: "24",
+      paddingInline: "32",
+      _last: {
+        paddingBlockEnd: "48"
+      }
+    },
+    scrollBody: {
+      display: "flex",
+      flexDirection: "column",
+      minHeight: 0,
+      position: "relative",
+      _last: {
+        paddingBlockEnd: "48"
+      }
+    },
+    footer: {
+      alignItems: "center",
+      display: "flex",
+      gap: "16",
+      justifyContent: "flex-end",
+      paddingBlockEnd: "32",
+      paddingBlockStart: "24",
+      paddingInline: "32"
+    },
+    closeTrigger: {
+      insetEnd: "24",
+      position: "absolute",
+      top: "24"
+    },
+    scrollButton: {
+      alignItems: "center",
+      alignSelf: "center",
+      background: "background/primary",
+      borderColor: "border/minimal",
+      borderRadius: "100%",
+      borderWidth: "1px",
+      bottom: "16",
+      boxShadow: "elevation/lg",
+      cursor: "pointer",
+      display: "flex",
+      height: "32",
+      justifyContent: "center",
+      position: "absolute",
+      width: "32"
+    },
+    scrollGradient: {
+      background: "linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%)",
+      bottom: "0",
+      height: "32",
+      pointerEvents: "none",
+      position: "absolute",
+      width: "100%"
+    }
+  },
+  variants: {
+    scrollBehavior: {
+      inside: {
+        body: {
+          overflowY: "auto",
+          _last: {
+            paddingBlockEnd: 0
+            // override base _last: scrollBody slot handles padding instead
+          }
+        },
+        content: {
+          maxHeight: "calc(100dvh - 96px)",
+          overflow: "hidden"
+        }
+      },
+      outside: {}
+    },
+    size: {
+      lg: {
+        content: {
+          width: e(800)
+        }
+      },
+      md: {
+        content: {
+          width: e(640)
+        }
+      },
+      sm: {
+        content: {
+          width: e(480)
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    scrollBehavior: "outside",
+    size: "md"
+  }
+});
+export {
+  a as default
+};

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

@@ -20,7 +20,7 @@ const a = r({
   userSelect: "none",
   cursor: "pointer",
   width: "var(--stepper-width)",
-  color: "button/secondary/fg",
+  color: "button/secondary/fg/text",
   _disabled: {
     color: "button/secondary/fg-disabled",
     cursor: "not-allowed"

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

@@ -1,4 +1,5 @@
 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">>;
     actionBar: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "positioner" | "selectionTrigger" | "closeTrigger", {
         size: {
             md: {
@@ -24,6 +25,70 @@ declare const slotRecipes: {
             };
         };
     }>;
+    alert: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
+        variant: {
+            ai: {
+                root: {
+                    border: "1px solid transparent";
+                    background: "{colors.status.ai.bg} padding-box, {colors.status.ai.border} border-box";
+                    color: "status/ai/text";
+                };
+                indicator: {
+                    color: "status/ai/icon";
+                };
+            };
+            critical: {
+                root: {
+                    backgroundColor: "status/critical/bg";
+                    borderColor: "status/critical/border";
+                    color: "status/critical/text";
+                };
+                indicator: {
+                    color: "status/critical/icon";
+                };
+            };
+            info: {
+                root: {
+                    backgroundColor: "status/info/bg";
+                    borderColor: "status/info/border";
+                    color: "status/info/text";
+                };
+                indicator: {
+                    color: "status/info/icon";
+                };
+            };
+            progress: {
+                root: {
+                    backgroundColor: "status/progress/bg";
+                    borderColor: "status/progress/border";
+                    color: "status/progress/text";
+                };
+                indicator: {
+                    color: "status/progress/icon";
+                };
+            };
+            success: {
+                root: {
+                    backgroundColor: "status/success/bg";
+                    borderColor: "status/success/border";
+                    color: "status/success/text";
+                };
+                indicator: {
+                    color: "status/success/icon";
+                };
+            };
+            warning: {
+                root: {
+                    backgroundColor: "status/warning/bg";
+                    borderColor: "status/warning/border";
+                    color: "status/warning/text";
+                };
+                indicator: {
+                    color: "status/warning/icon";
+                };
+            };
+        };
+    }>;
     avatar: import('@chakra-ui/react').SlotRecipeDefinition<"image" | "badge" | "icon" | "root" | "fallback" | "badgeContainer", {
         size: {
             '24': {
@@ -218,6 +283,46 @@ declare const slotRecipes: {
             };
         };
     }>;
+    checkbox: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "group" | "control", {
+        size: {
+            md: {
+                control: {
+                    width: "20";
+                    height: "20";
+                    '& > svg': {
+                        width: "20";
+                        height: "20";
+                    };
+                };
+                label: {
+                    textStyle: "body/md/regular";
+                };
+            };
+            lg: {
+                control: {
+                    width: "24";
+                    height: "24";
+                    '& > svg': {
+                        width: "24";
+                        height: "24";
+                    };
+                };
+                label: {
+                    textStyle: "body/lg/regular";
+                };
+            };
+        };
+    }>;
+    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;
+            };
+        };
+    }>;
     datePicker: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "root" | "trigger" | "positioner" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText" | "months", {
         layout: {
             '1-month': {
@@ -283,43 +388,37 @@ declare const slotRecipes: {
             };
         };
     }>;
-    checkbox: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "group" | "control", {
-        size: {
-            md: {
-                control: {
-                    width: "20";
-                    height: "20";
-                    '& > svg': {
-                        width: "20";
-                        height: "20";
+    dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop" | "scrollBody" | "scrollButton" | "scrollGradient", {
+        scrollBehavior: {
+            inside: {
+                body: {
+                    overflowY: "auto";
+                    _last: {
+                        paddingBlockEnd: number;
                     };
                 };
-                label: {
-                    textStyle: "body/md/regular";
+                content: {
+                    maxHeight: "calc(100dvh - 96px)";
+                    overflow: "hidden";
                 };
             };
+            outside: {};
+        };
+        size: {
             lg: {
-                control: {
-                    width: "24";
-                    height: "24";
-                    '& > svg': {
-                        width: "24";
-                        height: "24";
-                    };
-                };
-                label: {
-                    textStyle: "body/lg/regular";
+                content: {
+                    width: string;
                 };
             };
-        };
-    }>;
-    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;
+                content: {
+                    width: string;
+                };
             };
-            lg: {
-                input: import('@chakra-ui/react').SystemStyleObject;
+            sm: {
+                content: {
+                    width: string;
+                };
             };
         };
     }>;
@@ -362,6 +461,25 @@ declare const slotRecipes: {
     }>;
     field: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "select" | "textarea" | "root" | "helperText" | "errorText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"input" | "label" | "select" | "textarea" | "root" | "helperText" | "errorText" | "requiredIndicator">>;
     fieldset: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "legend" | "root" | "helperText" | "errorText", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "legend" | "root" | "helperText" | "errorText">>;
+    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";
+                };
+            };
+        };
+    }>;
     nativeSelect: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator" | "statusIcon", {
         size: {
             md: {
@@ -380,70 +498,6 @@ declare const slotRecipes: {
             };
         };
     }>;
-    alert: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
-        variant: {
-            ai: {
-                root: {
-                    border: "1px solid transparent";
-                    background: "{colors.status.ai.bg} padding-box, {colors.status.ai.border} border-box";
-                    color: "status/ai/text";
-                };
-                indicator: {
-                    color: "status/ai/icon";
-                };
-            };
-            critical: {
-                root: {
-                    backgroundColor: "status/critical/bg";
-                    borderColor: "status/critical/border";
-                    color: "status/critical/text";
-                };
-                indicator: {
-                    color: "status/critical/icon";
-                };
-            };
-            info: {
-                root: {
-                    backgroundColor: "status/info/bg";
-                    borderColor: "status/info/border";
-                    color: "status/info/text";
-                };
-                indicator: {
-                    color: "status/info/icon";
-                };
-            };
-            progress: {
-                root: {
-                    backgroundColor: "status/progress/bg";
-                    borderColor: "status/progress/border";
-                    color: "status/progress/text";
-                };
-                indicator: {
-                    color: "status/progress/icon";
-                };
-            };
-            success: {
-                root: {
-                    backgroundColor: "status/success/bg";
-                    borderColor: "status/success/border";
-                    color: "status/success/text";
-                };
-                indicator: {
-                    color: "status/success/icon";
-                };
-            };
-            warning: {
-                root: {
-                    backgroundColor: "status/warning/bg";
-                    borderColor: "status/warning/border";
-                    color: "status/warning/text";
-                };
-                indicator: {
-                    color: "status/warning/icon";
-                };
-            };
-        };
-    }>;
     numberInput: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "control" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
         size: {
             md: {
@@ -703,25 +757,5 @@ 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;