@bitrise/bitkit-v2 0.3.164 → 0.3.166

package/dist/components/BitkitIconButton/BitkitIconButton.js

@@ -1,11 +1,11 @@
-import d from "../BitkitTooltip/BitkitTooltip.js";
+import s from "../BitkitTooltip/BitkitTooltip.js";
 import { forwardRef as c } from "react";
 import { jsx as o } from "react/jsx-runtime";
 import { IconButton as m } from "@chakra-ui/react/button";
 import { Skeleton as p } from "@chakra-ui/react/skeleton";
 var f = c((r, n) => {
-  const { icon: l, label: i, size: e, state: t, tooltipProps: a, ...s } = r;
-  return /* @__PURE__ */ o(d, {
+  const { icon: l, label: i, size: e, state: t, tooltipProps: a, ...d } = r;
+  return /* @__PURE__ */ o(s, {
     text: i,
     ...a,
     children: /* @__PURE__ */ o(p, {
@@ -17,8 +17,8 @@ var f = c((r, n) => {
         loading: t === "loading",
         ref: n,
         size: e,
-        ...s,
-        children: /* @__PURE__ */ o(l, { size: e === "sm" ? "16" : "24" })
+        ...d,
+        children: /* @__PURE__ */ o(l, { size: e === "lg" ? "24" : "16" })
       })
     })
   });

package/dist/components/BitkitSearchInput/BitkitSearchInput.d.ts

@@ -0,0 +1,15 @@
+import { InputProps } from '@chakra-ui/react/input';
+import { InputGroupProps } from '@chakra-ui/react/input-group';
+export type BitkitSearchInputProps = Pick<InputProps, 'value' | 'placeholder'> & Omit<InputGroupProps, 'size' | 'variant' | 'children' | 'onChange'> & {
+    size?: 'md' | 'lg';
+    variant?: 'button';
+    onChange?: (value: string) => void;
+    onButtonClick?: () => void;
+};
+declare const BitkitSearchInput: import('react').ForwardRefExoticComponent<Pick<InputProps, "value" | "placeholder"> & Omit<InputGroupProps, "size" | "children" | "onChange" | "variant"> & {
+    size?: "md" | "lg";
+    variant?: "button";
+    onChange?: (value: string) => void;
+    onButtonClick?: () => void;
+} & import('react').RefAttributes<HTMLInputElement>>;
+export default BitkitSearchInput;

package/dist/components/BitkitSearchInput/BitkitSearchInput.js

@@ -0,0 +1,45 @@
+import r from "../../icons/IconMagnifier.js";
+import p from "../BitkitCloseButton/BitkitCloseButton.js";
+import u from "../BitkitIconButton/BitkitIconButton.js";
+import { forwardRef as I } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Input as f } from "@chakra-ui/react/input";
+import { InputGroup as g } from "@chakra-ui/react/input-group";
+var h = I((l, c) => {
+  const { size: o = "lg", variant: n, onChange: e, onButtonClick: a, value: i, placeholder: s, ...d } = l;
+  return /* @__PURE__ */ t(g, {
+    ...d,
+    endElement: /* @__PURE__ */ t(p, {
+      size: o === "lg" ? "md" : "sm",
+      colorPalette: "neutral",
+      marginInlineEnd: n === "button" ? o === "lg" ? "52px" : "44px" : "4",
+      visibility: !!i ? "visible" : "hidden",
+      onClick: () => e?.("")
+    }),
+    startElement: /* @__PURE__ */ t(r, {
+      marginInline: "12",
+      color: "icon/tertiary",
+      size: o === "lg" ? "24" : "16"
+    }),
+    endAddon: n === "button" ? /* @__PURE__ */ t(u, {
+      zIndex: 2,
+      size: o,
+      label: "Search",
+      icon: r,
+      borderLeftRadius: 0,
+      tooltipProps: { disabled: !0 },
+      onClick: a
+    }) : void 0,
+    children: /* @__PURE__ */ t(f, {
+      ref: c,
+      size: o,
+      value: i,
+      placeholder: s,
+      onChange: (m) => e?.(m.target.value)
+    })
+  });
+});
+h.displayName = "BitkitSearchInput";
+export {
+  h as default
+};

package/dist/components/index.d.ts

@@ -29,6 +29,7 @@ export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './B
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
 export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
+export { default as BitkitSearchInput, type BitkitSearchInputProps } from './BitkitSearchInput/BitkitSearchInput';
 export { default as BitkitSegmentedControl, type BitkitSegmentedControlItemProps, type BitkitSegmentedControlProps, } from './BitkitSegmentedControl/BitkitSegmentedControl';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
 export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './BitkitSelectMenu/BitkitSelectMenu';

package/dist/main.js

@@ -310,16 +310,17 @@ import FI from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
 import vI from "./components/BitkitNumberInput/BitkitNumberInput.js";
 import yI from "./components/BitkitRadio/BitkitRadio.js";
 import RI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
-import LI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
-import EI from "./components/BitkitSelect/BitkitSelect.js";
-import UI from "./components/BitkitSplitButton/BitkitSplitButton.js";
-import NI from "./components/BitkitTabs/BitkitTabs.js";
-import jI from "./components/BitkitTag/BitkitTag.js";
-import JI from "./components/BitkitTextInput/BitkitTextInput.js";
-import KI from "./components/BitkitToggle/BitkitToggle.js";
-import XI from "./components/BitkitToggleButton/BitkitToggleButton.js";
-import YI from "./theme/index.js";
-import qI from "./providers/BitkitProvider.js";
+import LI from "./components/BitkitSearchInput/BitkitSearchInput.js";
+import EI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
+import UI from "./components/BitkitSelect/BitkitSelect.js";
+import NI from "./components/BitkitSplitButton/BitkitSplitButton.js";
+import jI from "./components/BitkitTabs/BitkitTabs.js";
+import JI from "./components/BitkitTag/BitkitTag.js";
+import KI from "./components/BitkitTextInput/BitkitTextInput.js";
+import XI from "./components/BitkitToggle/BitkitToggle.js";
+import YI from "./components/BitkitToggleButton/BitkitToggleButton.js";
+import qI from "./theme/index.js";
+import ol from "./providers/BitkitProvider.js";
 export {
   r as BitkitAccordion,
   ve as BitkitActionBar,
@@ -350,18 +351,19 @@ export {
   SI as BitkitLinkButton,
   FI as BitkitNativeSelect,
   vI as BitkitNumberInput,
-  qI as BitkitProvider,
+  ol as BitkitProvider,
   yI as BitkitRadio,
   RI as BitkitRadioGroup,
-  LI as BitkitSegmentedControl,
-  EI as BitkitSelect,
+  LI as BitkitSearchInput,
+  EI as BitkitSegmentedControl,
+  UI as BitkitSelect,
   Ne as BitkitSelectMenu,
-  UI as BitkitSplitButton,
-  NI as BitkitTabs,
-  jI as BitkitTag,
-  JI as BitkitTextInput,
-  KI as BitkitToggle,
-  XI as BitkitToggleButton,
+  NI as BitkitSplitButton,
+  jI as BitkitTabs,
+  JI as BitkitTag,
+  KI as BitkitTextInput,
+  XI as BitkitToggle,
+  YI as BitkitToggleButton,
   Se as BitkitTooltip,
   n as IconAbortCircle,
   c as IconAbortCircleFilled,
@@ -642,5 +644,5 @@ export {
   ue as IconXamarin,
   he as IconXcode,
   t as bitkitIcon,
-  YI as bitriseTheme
+  qI as bitriseTheme
 };

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

@@ -825,6 +825,9 @@ declare const tokens: {
         "128": {
             value: string;
         };
+        full: {
+            value: string;
+        };
     };
     spacing: {
         "1": {
@@ -872,6 +875,9 @@ declare const tokens: {
         "128": {
             value: string;
         };
+        full: {
+            value: string;
+        };
     };
     zIndex: {
         base: {

package/dist/theme/tokens/sizes.d.ts

@@ -44,5 +44,8 @@ declare const sizes: {
     "128": {
         value: string;
     };
+    full: {
+        value: string;
+    };
 };
 export default sizes;

package/dist/theme/tokens/sizesAndSpacing.js

@@ -1,4 +1,4 @@
-var e = {
+var e = { value: "100%" }, a = {
   1: { value: "0.0625rem" },
   2: { value: "0.125rem" },
   4: { value: "0.25rem" },
@@ -13,8 +13,9 @@ var e = {
   48: { value: "3rem" },
   64: { value: "4rem" },
   96: { value: "6rem" },
-  128: { value: "8rem" }
+  128: { value: "8rem" },
+  full: e
 };
 export {
-  e as default
+  a as default
 };

package/dist/theme/tokens/sizesAndSpacing.json.d.ts

@@ -43,8 +43,11 @@ declare const _default: {
     },
     "128": {
         "value": "8rem"
+    },
+    "full": {
+        "value": "100%"
     }
-  }
+}
 ;
 
 export default _default;

package/dist/theme/tokens/spacing.d.ts

@@ -44,5 +44,8 @@ declare const spacing: {
     "128": {
         value: string;
     };
+    full: {
+        value: string;
+    };
 };
 export default spacing;

package/package.json

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