@firecms/collection_editor 3.0.0-canary.144 → 3.0.0-canary.145

package/dist/index.umd.js

@@ -201,7 +201,7 @@
           {
             expanded: advancedPanelExpanded,
             onExpandedChange: setAdvancedPanelExpanded,
-            title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-gray-500", children: [
+            title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.SettingsIcon, {}),
               /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Typography,
@@ -1005,7 +1005,7 @@
         initiallyExpanded: false,
         asField: true,
         innerClassName: "p-4",
-        title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-gray-500", children: [
+        title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.RuleIcon, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
             ui.Typography,
@@ -1142,7 +1142,7 @@
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(
         ui.ExpandablePanel,
         {
-          title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-gray-500", children: [
+          title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.FileUploadIcon, {}),
             /* @__PURE__ */ jsxRuntime.jsx(
               ui.Typography,
@@ -1390,7 +1390,7 @@
             !propertyConfig && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
+                className: "h-8 w-8 p-1 rounded-full shadow text-white bg-surface-500",
                 children: /* @__PURE__ */ jsxRuntime.jsx(ui.FunctionsIcon, { color: "inherit", size: "medium" })
               }
             ),
@@ -2926,7 +2926,7 @@
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(
         ui.ExpandablePanel,
         {
-          title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-gray-500", children: [
+          title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row text-surface-500", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.FileUploadIcon, {}),
             /* @__PURE__ */ jsxRuntime.jsx(
               ui.Typography,
@@ -4031,7 +4031,7 @@
       setSelectedPropertyKey(propertyKey);
       setSelectedPropertyNamespace(namespace);
     };
-    const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-2 h-full bg-gray-50 dark:bg-gray-900", children: [
+    const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-2 h-full bg-surface-50 dark:bg-surface-900", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls(
         "p-4 md:p-8 pb-20 md:pb-20",
         "col-span-12 lg:col-span-5 h-full overflow-auto",
@@ -5132,9 +5132,9 @@
             onClick,
             className: ui.cls(
               "my-2 rounded-md border mx-0 p-6 px-4 focus:outline-none transition ease-in-out duration-150 flex flex-row gap-4 items-center",
-              "text-gray-700 dark:text-slate-300",
+              "text-surface-700 dark:text-surface-accent-300",
               "hover:border-primary-dark hover:text-primary-dark dark:hover:text-primary focus:ring-primary hover:ring-1 hover:ring-primary",
-              "border-gray-400 dark:border-gray-600 "
+              "border-surface-400 dark:border-surface-600 "
             ),
             children: [
               icon,
@@ -5844,7 +5844,7 @@
         ui.Tabs,
         {
           value: currentView,
-          className: ui.cls(ui.defaultBorderMixin, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
+          className: ui.cls(ui.defaultBorderMixin, "justify-end bg-surface-50 dark:bg-surface-950 border-b"),
           onValueChange: (v) => setCurrentView(v),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "details", children: "Details" }),
@@ -6507,7 +6507,7 @@
         children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.IconButton,
           {
-            className: onHover ? "bg-white dark:bg-gray-950" : "hidden",
+            className: onHover ? "bg-white dark:bg-surface-950" : "hidden",
             onClick: () => {
               collectionEditorController.editProperty({
                 propertyKey,
@@ -6545,7 +6545,7 @@
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "p-0.5 w-20 h-full flex items-center justify-center cursor-pointer bg-gray-100 bg-opacity-40 hover:bg-gray-100 dark:bg-gray-950 dark:bg-opacity-40 dark:hover:bg-gray-950",
+            className: "p-0.5 w-20 h-full flex items-center justify-center cursor-pointer bg-surface-100 bg-opacity-40 hover:bg-surface-100 dark:bg-surface-950 dark:bg-opacity-40 dark:hover:bg-surface-950",
             onClick: () => {
               collectionEditorController.editProperty({
                 editedCollectionId: collection.id,
@@ -6563,7 +6563,7 @@
   }
   function NewCollectionButton() {
     const collectionEditorController = useCollectionEditorController();
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-gray-50 dark:bg-gray-900 min-w-fit rounded", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface-50 dark:bg-surface-900 min-w-fit rounded", children: /* @__PURE__ */ jsxRuntime.jsxs(
       ui.Button,
       {
         className: "min-w-fit",
@@ -6763,7 +6763,7 @@
     return /* @__PURE__ */ jsxRuntime.jsxs(
       ui.Paper,
       {
-        className: "my-4 px-4 py-6 flex flex-col  bg-white dark:bg-slate-800 gap-2",
+        className: "my-4 px-4 py-6 flex flex-col  bg-white dark:bg-surface-accent-800 gap-2",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "uppercase", children: "No collections found" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: "Start building collections in FireCMS easily. Map them to your existing database data, import from files, or use our templates." }),