@bitrise/bitkit-v2 0.3.71 → 0.3.73

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

@@ -0,0 +1,21 @@
+declare const closeButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    size: {
+        xs: {
+            h: "24";
+            w: "24";
+            '& > svg': {
+                h: "16";
+                w: "16";
+            };
+        };
+        sm: {
+            h: "32";
+            w: "32";
+        };
+        md: {
+            h: "40";
+            w: "40";
+        };
+    };
+}>;
+export default closeButtonRecipe;

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

@@ -0,0 +1,42 @@
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+const r = e({
+  className: "close-button",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "4",
+    color: "colorPalette.strong",
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: "colorPalette.subtle"
+    },
+    "&:active": {
+      backgroundColor: "colorPalette.moderate"
+    },
+    _disabled: {
+      cursor: "not-allowed",
+      color: "icon/disabled",
+      "&:hover": {
+        backgroundColor: "transparent"
+      },
+      "&:active": {
+        backgroundColor: "transparent"
+      }
+    }
+  },
+  variants: {
+    size: {
+      xs: { h: "24", w: "24", "& > svg": { h: "16", w: "16" } },
+      sm: { h: "32", w: "32" },
+      md: { h: "40", w: "40" }
+    }
+  },
+  defaultVariants: {
+    size: "xs",
+    colorPalette: "neutral"
+  }
+});
+export {
+  r as default
+};

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

@@ -0,0 +1,33 @@
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+const o = e({
+  className: "color-button",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    border: "1px solid",
+    borderRadius: "4",
+    color: "colorPalette.strong",
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: "colorPalette.subtle"
+    },
+    "&:active": {
+      backgroundColor: "colorPalette.moderate"
+    }
+  },
+  variants: {
+    size: {
+      sm: { height: "32", paddingInline: "12", textStyle: "comp/button/sm" },
+      md: { height: "40", paddingInline: "12", textStyle: "comp/button/md" },
+      lg: { height: "48", paddingInline: "16", textStyle: "comp/button/lg" }
+    }
+  },
+  defaultVariants: {
+    colorPalette: "neutral",
+    size: "sm"
+  }
+});
+export {
+  o as default
+};

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

@@ -36,6 +36,45 @@ declare const recipes: {
             };
         };
     }>;
+    closeButton: import('@chakra-ui/react').RecipeDefinition<{
+        size: {
+            xs: {
+                h: "24";
+                w: "24";
+                '& > svg': {
+                    h: "16";
+                    w: "16";
+                };
+            };
+            sm: {
+                h: "32";
+                w: "32";
+            };
+            md: {
+                h: "40";
+                w: "40";
+            };
+        };
+    }>;
+    colorButton: import('@chakra-ui/react').RecipeDefinition<{
+        size: {
+            sm: {
+                height: "32";
+                paddingInline: "12";
+                textStyle: "comp/button/sm";
+            };
+            md: {
+                height: "40";
+                paddingInline: "12";
+                textStyle: "comp/button/md";
+            };
+            lg: {
+                height: "48";
+                paddingInline: "16";
+                textStyle: "comp/button/lg";
+            };
+        };
+    }>;
     input: import('@chakra-ui/react').RecipeDefinition<Record<"size", Record<"md" | "lg", import('@chakra-ui/react').SystemStyleObject>>>;
     link: import('@chakra-ui/react').RecipeDefinition<{
         variant: {

package/dist/theme/recipes/index.js

@@ -1,21 +1,25 @@
 import e from "./Badge.recipe.js";
-import r from "./Button.recipe.js";
-import t from "./Input.recipe.js";
-import o from "./Link.recipe.js";
-import p from "./Separator.recipe.js";
-import i from "./Skeleton.recipe.js";
-import m from "./Spinner.recipe.js";
-import n from "./Textarea.recipe.js";
-const k = {
+import o from "./Button.recipe.js";
+import t from "./CloseButton.recipe.js";
+import r from "./ColorButton.recipe.js";
+import p from "./Input.recipe.js";
+import i from "./Link.recipe.js";
+import m from "./Separator.recipe.js";
+import n from "./Skeleton.recipe.js";
+import c from "./Spinner.recipe.js";
+import a from "./Textarea.recipe.js";
+const g = {
   badge: e,
-  button: r,
-  input: t,
-  link: o,
-  separator: p,
-  skeleton: i,
-  spinner: m,
-  textarea: n
+  button: o,
+  closeButton: t,
+  colorButton: r,
+  input: p,
+  link: i,
+  separator: m,
+  skeleton: n,
+  spinner: c,
+  textarea: a
 };
 export {
-  k as default
+  g as default
 };

package/package.json

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

package/dist/components/BitkitColorButton/BitkitColorButton.d.ts

@@ -1,8 +0,0 @@
-import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
-import { ColorPaletteKeys } from '../../theme/tokens/colors';
-export interface ColorButtonProps extends HTMLChakraProps<'button'> {
-    size: 'sm' | 'md' | 'lg';
-    colorPalette: ColorPaletteKeys;
-}
-declare const BitkitColorButton: import('react').ForwardRefExoticComponent<ColorButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default BitkitColorButton;