@firecms/collection_editor 3.0.0-rc.4 → 3.0.0-tw4.2

package/dist/index.es.js

@@ -495,7 +495,7 @@ function CollectionDetailsForm(t0) {
   }
   let t41;
   if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
-    t41 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
+    t41 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500 text-text-secondary dark:text-text-secondary-dark", children: [
       /* @__PURE__ */ jsx(SettingsIcon, {}),
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-2", children: "Advanced" })
     ] });
@@ -1991,7 +1991,7 @@ function ValidationPanel(t0) {
   } = t0;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
+    t1 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500 text-text-secondary dark:text-text-secondary-dark", children: [
       /* @__PURE__ */ jsx(RuleIcon, {}),
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: "Validation" })
     ] });
@@ -2186,7 +2186,7 @@ function StoragePropertyField(t0) {
     t21 = "col-span-12";
     T1 = ExpandablePanel;
     if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
-      t20 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
+      t20 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500 text-text-secondary dark:text-text-secondary-dark", children: [
         /* @__PURE__ */ jsx(CloudUploadIcon, {}),
         /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-4", children: "File upload config" })
       ] });
@@ -2779,7 +2779,7 @@ function PropertyFieldPreview(t0) {
   }
   const propertyConfig = t1;
   editableProperty(property);
-  const borderColorClass = hasError ? "border-red-500 dark:border-red-500 border-opacity-100 dark:border-opacity-100 ring-0 dark:ring-0" : selected ? "border-primary" : "border-transparent";
+  const borderColorClass = hasError ? "border-red-500 dark:border-red-500 border-opacity-100 dark:border-opacity-100 border-red-500/100 dark:border-red-500/100 ring-0 dark:ring-0" : selected ? "border-primary" : "border-transparent";
   let t2;
   if ($[3] !== propertyConfig) {
     t2 = /* @__PURE__ */ jsx("div", { className: "m-4", children: /* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig }) });
@@ -7497,7 +7497,7 @@ function CollectionPropertiesEditorForm({
     setSelectedPropertyKey(propertyKey_2);
     setSelectedPropertyNamespace(namespace_5);
   };
-  const body = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 h-full bg-white dark:bg-surface-950", children: [
+  const body = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 h-full bg-surface dark:bg-surface-dark", children: [
     /* @__PURE__ */ jsxs("div", { className: cls("bg-surface-50 dark:bg-surface-900", "p-4 md:p-8 pb-20 md:pb-20", "col-span-12 lg:col-span-5 h-full overflow-auto", !asDialog && "border-r " + defaultBorderMixin), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex my-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex-grow mb-4", children: [
@@ -8859,7 +8859,7 @@ function TemplateButton(t0) {
   } = t0;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = 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-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-surface-400 dark:border-surface-600 ");
+    t1 = 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-text-secondary dark:text-text-secondary-dark", "hover:border-primary-dark hover:text-primary-dark dark:hover:text-primary focus:ring-primary hover:ring-1 hover:ring-primary", "border-surface-400 dark:border-surface-600 ");
     $[0] = t1;
   } else {
     t1 = $[0];
@@ -11099,7 +11099,7 @@ function PropertyAddColumnComponent(t0) {
   }
   let t4;
   if ($[6] !== t2) {
-    t4 = /* @__PURE__ */ jsx("div", { 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: t2, children: t3 });
+    t4 = /* @__PURE__ */ jsx("div", { className: "p-0.5 w-20 h-full flex items-center justify-center cursor-pointer bg-surface-100 bg-opacity-40 bg-surface-100/40 hover:bg-surface-100 dark:bg-surface-950 dark:bg-opacity-40 dark:bg-surface-950/40 dark:hover:bg-surface-950", onClick: t2, children: t3 });
     $[6] = t2;
     $[7] = t4;
   } else {