@conboai/storybook.components 0.2.17 → 0.2.19

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))
       }
     )
   ] });
@@ -58344,9 +58349,9 @@ const FU = {
   position: "absolute",
   top: "50%",
   left: "50%",
-  transform: "translate(-50%, -50%)",
   width: "60%",
-  height: "50%"
+  height: "70%",
+  transform: "translate(-50%, -50%)"
 }, zU = {
   position: "absolute",
   top: "60px",
@@ -58396,7 +58401,7 @@ const FU = {
           {
             position: "absolute",
             top: "50%",
-            left: "13%",
+            left: "10%",
             sx: {
               transform: "translate(-50%)"
             },
@@ -58408,7 +58413,7 @@ const FU = {
           {
             position: "absolute",
             top: "50%",
-            right: "13%",
+            right: "10%",
             sx: {
               transform: "translate(50%)"
             },
@@ -58660,7 +58665,6 @@ const YU = {
             width: "100%",
             height: "100%",
             margin: "auto",
-            mt: 4,
             position: "relative",
             overflow: "hidden",
             borderRadius: "8px"

package/package.json

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