@bitrise/bitkit-v2 0.3.71 → 0.3.72

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,25 @@ declare const recipes: {
             };
         };
     }>;
+    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,23 @@
 import e from "./Badge.recipe.js";
-import r from "./Button.recipe.js";
+import o from "./Button.recipe.js";
+import r from "./ColorButton.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 p from "./Link.recipe.js";
+import i from "./Separator.recipe.js";
+import m from "./Skeleton.recipe.js";
+import n from "./Spinner.recipe.js";
+import c from "./Textarea.recipe.js";
+const x = {
   badge: e,
-  button: r,
+  button: o,
+  colorButton: r,
   input: t,
-  link: o,
-  separator: p,
-  skeleton: i,
-  spinner: m,
-  textarea: n
+  link: p,
+  separator: i,
+  skeleton: m,
+  spinner: n,
+  textarea: c
 };
 export {
-  k as default
+  x as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.71",
+  "version": "0.3.72",
   "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;