@bitrise/bitkit-v2 0.3.78 → 0.3.79

package/dist/components/{BitkitTextField/BitkitTextField.d.ts → BitkitTextInput/BitkitTextInput.d.ts}

@@ -1,7 +1,7 @@
 import { FieldRootProps } from '@chakra-ui/react/field';
 import { InputProps } from '@chakra-ui/react/input';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
-export interface BitkitTextFieldProps extends FieldRootProps {
+export interface BitkitTextInputProps extends FieldRootProps {
     counter?: boolean;
     errorText?: BitkitFieldProps['errorText'];
     helperText?: BitkitFieldProps['helperText'];
@@ -15,5 +15,5 @@ export interface BitkitTextFieldProps extends FieldRootProps {
     tooltip?: BitkitFieldProps['tooltip'];
     warningText?: BitkitFieldProps['warningText'];
 }
-declare const BitkitTextField: import('react').ForwardRefExoticComponent<BitkitTextFieldProps & import('react').RefAttributes<HTMLDivElement>>;
-export default BitkitTextField;
+declare const BitkitTextInput: import('react').ForwardRefExoticComponent<BitkitTextInputProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitTextInput;

package/dist/components/BitkitTextInput/BitkitTextInput.js

@@ -0,0 +1,62 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Input as T } from "@chakra-ui/react/input";
+import { InputGroup as E } from "@chakra-ui/react/input-group";
+import { forwardRef as b } from "react";
+import k from "../../icons/16x16/IconErrorCircleFilled16.js";
+import y from "../../icons/16x16/IconWarningYellow16.js";
+import B from "../../icons/24x24/IconErrorCircleFilled24.js";
+import F from "../../icons/24x24/IconWarningYellow24.js";
+import { rem as c } from "../../theme/themeUtils.js";
+import W from "../BitkitField/BitkitField.js";
+const C = b((d, p) => {
+  const {
+    counter: s,
+    errorText: l,
+    helperText: g,
+    inputProps: n,
+    label: f,
+    maxLength: e,
+    optional: u,
+    placeholder: I,
+    size: o,
+    state: i,
+    tooltip: v,
+    warningText: a,
+    ...x
+  } = d, h = i === "warning" || !!a, m = i === "error" || !!l;
+  let t;
+  m ? t = o === "lg" ? /* @__PURE__ */ r(B, { color: "icon/negative" }) : /* @__PURE__ */ r(k, { color: "icon/negative" }) : h && (t = o === "lg" ? /* @__PURE__ */ r(F, { color: "icon/warning" }) : /* @__PURE__ */ r(y, { color: "icon/warning" }));
+  const w = s && e && n?.value !== void 0 ? `${n.value.toString().length}/${e}` : void 0;
+  return /* @__PURE__ */ r(
+    W,
+    {
+      counterText: w,
+      disabled: i === "disabled",
+      errorText: l,
+      helperText: g,
+      invalid: m,
+      label: f,
+      optional: u,
+      readOnly: i === "readOnly",
+      ref: p,
+      tooltip: v,
+      warningText: a,
+      ...x,
+      children: /* @__PURE__ */ r(
+        E,
+        {
+          endElement: t,
+          endElementProps: {
+            marginInlineEnd: o === "lg" ? c(15) : c(11)
+          },
+          width: "100%",
+          children: /* @__PURE__ */ r(T, { placeholder: I, size: o, maxLength: e, ...n })
+        }
+      )
+    }
+  );
+});
+C.displayName = "BitkitTextInput";
+export {
+  C as default
+};

package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.js

@@ -1,9 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useSwitchContext as i } from "@chakra-ui/react/switch";
 import n from "../../BitkitBadge/BitkitBadge.js";
 const d = ({ state: e, children: o }) => {
-  const { checked: r } = i();
-  return e === "readOnly" && r ? /* @__PURE__ */ t(n, { colorScheme: "green", variant: "subtle", children: "ON" }) : e === "readOnly" && !r ? /* @__PURE__ */ t(n, { colorScheme: "neutral", variant: "subtle", children: "OFF" }) : o;
+  const { checked: t } = i();
+  return e === "readOnly" && t ? /* @__PURE__ */ r(n, { colorPalette: "green", variant: "subtle", children: "ON" }) : e === "readOnly" && !t ? /* @__PURE__ */ r(n, { colorPalette: "neutral", variant: "subtle", children: "OFF" }) : o;
 };
 export {
   d as default

package/dist/components/index.d.ts

@@ -10,6 +10,6 @@ export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
 export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
-export { default as BitkitTextField, type BitkitTextFieldProps } from './BitkitTextField/BitkitTextField';
+export { default as BitkitTextInput, type BitkitTextInputProps } from './BitkitTextInput/BitkitTextInput';
 export { default as BitkitToggle, type BitkitToggleProps } from './BitkitToggle';
 export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';

package/dist/main.js

@@ -12,7 +12,7 @@ import { default as A } from "./components/BitkitInteractiveTooltip/BitkitIntera
 import { default as b } from "./components/BitkitNumberInput/BitkitNumberInput.js";
 import { default as S } from "./components/BitkitSelect/BitkitSelect.js";
 import { default as P } from "./components/BitkitTabs/BitkitTabs.js";
-import { default as y } from "./components/BitkitTextField/BitkitTextField.js";
+import { default as y } from "./components/BitkitTextInput/BitkitTextInput.js";
 import { default as T } from "./components/BitkitToggle/BitkitToggle.js";
 import { default as L } from "./components/BitkitTooltip/BitkitTooltip.js";
 import { default as W } from "./icons/16x16/IconAbortCircle16.js";
@@ -560,7 +560,7 @@ export {
   r as BitkitProvider,
   S as BitkitSelect,
   P as BitkitTabs,
-  y as BitkitTextField,
+  y as BitkitTextInput,
   T as BitkitToggle,
   L as BitkitTooltip,
   W as IconAbortCircle16,

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

@@ -1,13 +1,16 @@
 import { defineRecipe as e } from "@chakra-ui/react/styled-system";
-const a = e({
+const t = e({
   className: "badge",
   base: {
+    colorPalette: "neutral",
     display: "inline-flex",
     alignItems: "center",
     gap: "4",
     padding: "4",
     borderRadius: "4",
-    textStyle: "comp/badge/sm"
+    textStyle: "comp/badge/sm",
+    color: "colorPalette.strong",
+    background: "colorPalette.subtle"
   },
   variants: {
     variant: {
@@ -33,5 +36,5 @@ const a = e({
   ]
 });
 export {
-  a as default
+  t as default
 };

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

@@ -2,6 +2,7 @@ import { defineRecipe as e } from "@chakra-ui/react/styled-system";
 const r = e({
   className: "close-button",
   base: {
+    colorPalette: "neutral",
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -33,8 +34,7 @@ const r = e({
     }
   },
   defaultVariants: {
-    size: "xs",
-    colorPalette: "neutral"
+    size: "xs"
   }
 });
 export {

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

@@ -2,6 +2,7 @@ import { defineRecipe as e } from "@chakra-ui/react/styled-system";
 const o = e({
   className: "color-button",
   base: {
+    colorPalette: "neutral",
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -24,7 +25,6 @@ const o = e({
     }
   },
   defaultVariants: {
-    colorPalette: "neutral",
     size: "sm"
   }
 });

package/package.json

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

package/dist/components/BitkitTextField/BitkitTextField.js

@@ -1,62 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Input as T } from "@chakra-ui/react/input";
-import { InputGroup as E } from "@chakra-ui/react/input-group";
-import { forwardRef as F } from "react";
-import b from "../../icons/16x16/IconErrorCircleFilled16.js";
-import k from "../../icons/16x16/IconWarningYellow16.js";
-import y from "../../icons/24x24/IconErrorCircleFilled24.js";
-import B from "../../icons/24x24/IconWarningYellow24.js";
-import { rem as m } from "../../theme/themeUtils.js";
-import W from "../BitkitField/BitkitField.js";
-const C = F((c, p) => {
-  const {
-    counter: s,
-    errorText: l,
-    helperText: g,
-    inputProps: e,
-    label: f,
-    maxLength: n,
-    optional: u,
-    placeholder: v,
-    size: o,
-    state: i,
-    tooltip: x,
-    warningText: a,
-    ...I
-  } = c, h = i === "warning" || !!a, d = i === "error" || !!l;
-  let t;
-  d ? t = o === "lg" ? /* @__PURE__ */ r(y, { color: "icon/negative" }) : /* @__PURE__ */ r(b, { color: "icon/negative" }) : h && (t = o === "lg" ? /* @__PURE__ */ r(B, { color: "icon/warning" }) : /* @__PURE__ */ r(k, { color: "icon/warning" }));
-  const w = s && n && e?.value !== void 0 ? `${e.value.toString().length}/${n}` : void 0;
-  return /* @__PURE__ */ r(
-    W,
-    {
-      counterText: w,
-      disabled: i === "disabled",
-      errorText: l,
-      helperText: g,
-      invalid: d,
-      label: f,
-      optional: u,
-      readOnly: i === "readOnly",
-      ref: p,
-      tooltip: x,
-      warningText: a,
-      ...I,
-      children: /* @__PURE__ */ r(
-        E,
-        {
-          endElement: t,
-          endElementProps: {
-            marginInlineEnd: o === "lg" ? m(15) : m(11)
-          },
-          width: "100%",
-          children: /* @__PURE__ */ r(T, { placeholder: v, size: o, maxLength: n, ...e })
-        }
-      )
-    }
-  );
-});
-C.displayName = "BitkitTextField";
-export {
-  C as default
-};