@bitrise/bitkit-v2 0.3.70 → 0.3.72

package/dist/svgs/16x16/icon-reviewer-approved-16.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "#2A9D4C", d: "m8.287 11.351 2.043 1.714 3.428-4.085 1.021.857-4.285 5.107-3.064-2.571z" }), /* @__PURE__ */ e.createElement("g", { fill: "#6B6071" }, /* @__PURE__ */ e.createElement("path", { d: "M8.667 8C9.403 8 10 8.597 10 9.333V10H8.667v-.667h-6V12H1.333V9.333C1.333 8.597 1.93 8 2.667 8z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M6.333 2c.737 0 1.334.597 1.334 1.333v2c0 .737-.597 1.334-1.334 1.334H5a1.333 1.333 0 0 1-1.333-1.334v-2C3.667 2.597 4.264 2 5 2zM5 5.333h1.333v-2H5z", clipRule: "evenodd" })));
+export {
+  l as default
+};

package/dist/svgs/16x16/icon-reviewer-assigned-16.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "#6B6071" }, /* @__PURE__ */ e.createElement("path", { d: "M7.333 9.333H2.667V12H1.333V9.333C1.333 8.597 1.93 8 2.667 8h4.666z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M6.333 2c.737 0 1.334.597 1.334 1.333v2c0 .737-.597 1.334-1.334 1.334H5a1.333 1.333 0 0 1-1.333-1.334v-2C3.667 2.597 4.264 2 5 2zM5 5.333h1.333v-2H5z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("path", { fill: "#1066AC", fillRule: "evenodd", d: "M14.667 9.333h-.502a2.5 2.5 0 0 1-1.858 2.334A2.5 2.5 0 0 1 14.165 14h.502v1h-6v-1h.502a2.5 2.5 0 0 1 1.856-2.333A2.5 2.5 0 0 1 9.17 9.333h-.502v-1h6zm-3 3.25c-.8 0-1.453.627-1.496 1.417h2.991a1.5 1.5 0 0 0-1.495-1.417m-1.496-3.25a1.498 1.498 0 0 0 2.991 0z", clipRule: "evenodd" }));
+export {
+  t as default
+};

package/dist/svgs/16x16/icon-reviewer-rejected-16.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "#D72D40", d: "m11.84 10.893 1.884-1.883.943.943-1.884 1.883 1.884 1.883-.943.943-1.883-1.883-1.889 1.888-.942-.943 1.888-1.888L9.01 9.948l.942-.943z" }), /* @__PURE__ */ e.createElement("g", { fill: "#6B6071" }, /* @__PURE__ */ e.createElement("path", { d: "M8 9.333H2.667V12H1.333V9.333C1.333 8.597 1.93 8 2.667 8H8z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M6.333 2c.737 0 1.334.597 1.334 1.333v2c0 .737-.597 1.334-1.334 1.334H5a1.333 1.333 0 0 1-1.333-1.334v-2C3.667 2.597 4.264 2 5 2zM5 5.333h1.333v-2H5z", clipRule: "evenodd" })));
+export {
+  l as default
+};

package/dist/svgs/24x24/icon-reviewer-approved-24.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "#2A9D4C", d: "m12.43 17.027 3.065 2.57 5.142-6.128 1.532 1.286-6.428 7.66-4.596-3.856z" }), /* @__PURE__ */ e.createElement("g", { fill: "#6B6071" }, /* @__PURE__ */ e.createElement("path", { d: "M13 12a2 2 0 0 1 2 2v1h-2v-1H4v4H2v-4a2 2 0 0 1 2-2z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M9.5 3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-2 5h2V5h-2z", clipRule: "evenodd" })));
+export {
+  a as default
+};

package/dist/svgs/24x24/icon-reviewer-assigned-24.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "#6B6071" }, /* @__PURE__ */ e.createElement("path", { d: "M11 14H4v4H2v-4a2 2 0 0 1 2-2h7z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M9.5 3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-2 5h2V5h-2z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("path", { fill: "#1066AC", fillRule: "evenodd", d: "M22 14h-.753a3.75 3.75 0 0 1-2.786 3.5 3.75 3.75 0 0 1 2.786 3.5H22v1.5h-9V21h.753a3.75 3.75 0 0 1 2.785-3.5 3.75 3.75 0 0 1-2.785-3.5H13v-1.5h9zm-4.5 4.875c-1.2 0-2.178.94-2.243 2.125h4.486a2.247 2.247 0 0 0-2.243-2.125M15.257 14a2.247 2.247 0 0 0 4.486 0z", clipRule: "evenodd" }));
+export {
+  t as default
+};

package/dist/svgs/24x24/icon-reviewer-rejected-24.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "#D72D40", d: "m17.76 16.34 2.826-2.825L22 14.929l-2.825 2.825L22 20.579l-1.414 1.414-2.825-2.825L14.929 22l-1.414-1.414 2.832-2.832-2.832-2.832 1.414-1.414z" }), /* @__PURE__ */ e.createElement("g", { fill: "#6B6071" }, /* @__PURE__ */ e.createElement("path", { d: "M12 14H4v4H2v-4a2 2 0 0 1 2-2h8z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M9.5 3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-2 5h2V5h-2z", clipRule: "evenodd" })));
+export {
+  l 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,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.70",
+  "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;