@conboai/storybook.components 0.2.18 → 0.2.20

package/dist/components/ChipsMultiSelect/ChipsMultiSelect.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { IChipsMultiSelect } from '../../interfaces/chipsMultiSelect';
 
-declare function ChipsMultiSelect({ options, label, value, onChange }: IChipsMultiSelect): React.JSX.Element;
+declare function ChipsMultiSelect({ options, label, value, onChange, size }: IChipsMultiSelect): React.JSX.Element;
 export default ChipsMultiSelect;

package/dist/interfaces/chipsMultiSelect.d.ts

@@ -2,5 +2,6 @@ export interface IChipsMultiSelect {
     options: string[];
     label: string;
     value: string[];
+    size?: "small" | "medium";
     onChange: (value: string[]) => void;
 }

package/dist/storybook.components.mjs

@@ -41317,27 +41317,32 @@ function b4({
   options: t,
   label: e,
   value: n,
-  onChange: r
+  onChange: r,
+  size: o = "small"
 }) {
-  const o = (a) => {
+  const i = (c) => {
     const {
-      target: { value: l }
-    } = a;
-    r(typeof l == "string" ? l.split(",") : l);
-  }, i = (a) => /* @__PURE__ */ x.jsx(nt, { sx: bB, children: a.map((l) => /* @__PURE__ */ x.jsx(Hi, { label: l }, l)) });
+      target: { value: u }
+    } = c;
+    r(typeof u == "string" ? u.split(",") : u);
+  }, a = (c) => /* @__PURE__ */ x.jsx(nt, { sx: bB, children: c.map((u) => /* @__PURE__ */ x.jsx(Hi, { label: u }, u)) }), l = {
+    small: "small",
+    medium: "normal"
+  };
   return /* @__PURE__ */ x.jsxs(As, { fullWidth: !0, children: [
-    /* @__PURE__ */ x.jsx(bo, { sx: $y, children: e }),
+    /* @__PURE__ */ x.jsx(bo, { sx: $y, size: l[o], children: e }),
     /* @__PURE__ */ x.jsx(
       Ro,
       {
         input: /* @__PURE__ */ x.jsx(zi, { label: e }),
         multiple: !0,
         value: n,
-        onChange: o,
+        onChange: i,
         fullWidth: !0,
-        renderValue: i,
+        size: o,
+        renderValue: a,
         sx: Ny,
-        children: t.map((a) => /* @__PURE__ */ x.jsx(Co, { value: a, children: a }, a))
+        children: t.map((c) => /* @__PURE__ */ x.jsx(Co, { value: c, children: c }, c))
       }
     )
   ] });
@@ -58617,18 +58622,28 @@ const YU = {
   leftLabel: n,
   sx: r,
   rightLabel: o
-}) => /* @__PURE__ */ x.jsxs(ct, { container: !0, justifyContent: "space-between", sx: r, children: [
-  n && /* @__PURE__ */ x.jsx(bo, { sx: eg, children: n }),
-  /* @__PURE__ */ x.jsx(
-    Ei,
-    {
-      sx: { margin: 0 },
-      control: /* @__PURE__ */ x.jsx(p0, { checked: t, onChange: e, sx: n4 }),
-      label: ""
-    }
-  ),
-  o && /* @__PURE__ */ x.jsx(bo, { sx: eg, children: o })
-] }), r4 = ({
+}) => /* @__PURE__ */ x.jsxs(
+  ct,
+  {
+    container: !0,
+    justifyContent: "space-between",
+    sx: r,
+    flexWrap: "nowrap",
+    alignItems: "center",
+    children: [
+      n && /* @__PURE__ */ x.jsx(bo, { sx: eg, children: /* @__PURE__ */ x.jsx("span", { title: n, children: n }) }),
+      /* @__PURE__ */ x.jsx(
+        Ei,
+        {
+          sx: { margin: 0 },
+          control: /* @__PURE__ */ x.jsx(p0, { checked: t, onChange: e, sx: n4 }),
+          label: ""
+        }
+      ),
+      o && /* @__PURE__ */ x.jsx(bo, { sx: eg, children: /* @__PURE__ */ x.jsx("span", { title: o, children: o }) })
+    ]
+  }
+), r4 = ({
   isModalOpen: t = !1,
   onModalClose: e,
   startIndex: n,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conboai/storybook.components",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "main": "dist/storybook.components.mjs",
   "types": "dist/build/index.d.ts",
   "files": [