@matteoaliano/forest-ui 0.3.3 → 0.3.5

package/dist/index.js

@@ -674,15 +674,15 @@ function buildPalette(tokens) {
   const { base: base2, error: error2, warning: warning2, success: success2, info: info2, text: text5, bg: bg5, fg: fg5, border: border5 } = tokens;
   return {
     primary: {
-      main: violet[600],
-      light: violet[400],
-      dark: violet[700],
+      main: tokens.bg.brandSolid,
+      light: tokens.fg.brandPrimary,
+      dark: tokens.bg.brandSolidHover,
       contrastText: tokens.base.white
     },
     secondary: {
-      main: gray[600],
-      light: gray[400],
-      dark: gray[700],
+      main: tokens.bg.secondarySolid,
+      light: tokens.fg.secondary,
+      dark: tokens.text.secondaryHover,
       contrastText: tokens.base.white
     },
     error: {
@@ -1542,16 +1542,16 @@ function buildComponents(tokens) {
         },
         colorPrimary: {
           "&.MuiChip-filled": {
-            backgroundColor: violet[50],
-            color: violet[700],
-            "& .MuiChip-deleteIcon": { color: violet[400] }
+            backgroundColor: tokens.bg.brandPrimary,
+            color: tokens.text.brandPrimary,
+            "& .MuiChip-deleteIcon": { color: tokens.fg.brandPrimary }
           }
         },
         colorSecondary: {
           "&.MuiChip-filled": {
-            backgroundColor: gray[50],
-            color: gray[700],
-            "& .MuiChip-deleteIcon": { color: gray[400] }
+            backgroundColor: tokens.bg.secondarySubtle,
+            color: tokens.text.secondary,
+            "& .MuiChip-deleteIcon": { color: tokens.fg.secondary }
           }
         },
         colorError: {
@@ -3193,40 +3193,51 @@ function MultiSelect({
     return (_a = labelMap.get(v)) != null ? _a : v;
   }).join(", ");
   const labelId = label ? `forest-multiselect-${String(label).replace(/\s+/g, "-").toLowerCase()}` : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(MuiFormControl__default.default, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx(MuiInputLabel__default.default, { id: labelId, shrink: value.length > 0, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      MuiSelect__default.default,
-      {
-        labelId,
-        label,
-        multiple: true,
-        notched: value.length > 0,
-        value,
-        onChange: handleChange,
-        displayEmpty: true,
-        renderValue: renderValue2,
-        ...rest,
-        children: [
-          selectAll && /* @__PURE__ */ jsxRuntime.jsx(
-            "li",
-            {
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: (e) => {
-                e.stopPropagation();
-                handleSelectAll();
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(MuiButton__default.default, { size: "small", variant: "text", children: allSelected ? "Deselect All" : selectAllLabel })
-            }
-          ),
-          options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(MuiMenuItem__default.default, { value: option.value, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(MuiCheckbox__default.default, { checked: value.includes(option.value) }),
-            /* @__PURE__ */ jsxRuntime.jsx(MuiListItemText__default.default, { primary: option.label })
-          ] }, option.value))
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    MuiFormControl__default.default,
+    {
+      fullWidth: rest.fullWidth,
+      disabled: rest.disabled,
+      error: rest.error,
+      size: rest.size,
+      color: rest.color,
+      variant: rest.variant,
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(MuiInputLabel__default.default, { id: labelId, shrink: value.length > 0, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          MuiSelect__default.default,
+          {
+            labelId,
+            label,
+            multiple: true,
+            notched: value.length > 0,
+            value,
+            onChange: handleChange,
+            displayEmpty: true,
+            renderValue: renderValue2,
+            ...rest,
+            children: [
+              selectAll && /* @__PURE__ */ jsxRuntime.jsx(
+                "li",
+                {
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleSelectAll();
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(MuiButton__default.default, { size: "small", variant: "text", children: allSelected ? "Deselect All" : selectAllLabel })
+                }
+              ),
+              options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(MuiMenuItem__default.default, { value: option.value, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(MuiCheckbox__default.default, { checked: value.includes(option.value) }),
+                /* @__PURE__ */ jsxRuntime.jsx(MuiListItemText__default.default, { primary: option.label })
+              ] }, option.value))
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 function Switch(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiSwitch__default.default, { ...props });
@@ -3295,6 +3306,9 @@ function Search({
 function Input({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(MuiInputBase__default.default, { ...props });
 }
+function IconButton2(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(IconButton__default.default, { ...props });
+}
 var svgPaths = {
   wsuite: {
     logo: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4085,6 +4099,7 @@ exports.DialogTitle = DialogTitle;
 exports.Divider = Divider;
 exports.Fab = Fab;
 exports.ForestProvider = ForestProvider;
+exports.IconButton = IconButton2;
 exports.Input = Input;
 exports.LineChart = LineChart;
 exports.LinearProgress = LinearProgress;