@trops/dash-core 0.1.112 → 0.1.114

package/dist/index.esm.js

@@ -1897,11 +1897,7 @@ var themes = {
     dark: {
       "bg-primary-very-dark": "bg-black" // override test
     },
-    light: {
-      "bg-primary-very-light": "bg-white",
-      // override test
-      "bg-primary-very-dark": "bg-gray-600" // override test
-    }
+    light: {}
   },
   "theme-2": {
     name: "Default 2",
@@ -1914,11 +1910,7 @@ var themes = {
     dark: {
       "bg-primary-very-dark": "bg-black" // override test
     },
-    light: {
-      "bg-primary-very-light": "bg-white",
-      // override test
-      "bg-primary-very-dark": "bg-gray-600" // override test
-    }
+    light: {}
   }
 };
 var ThemeWrapper = function ThemeWrapper(_ref) {
@@ -21641,8 +21633,8 @@ var ThemeModel = function ThemeModel() {
         "very-light": 100,
         light: 200,
         medium: 300,
-        dark: 400,
-        "very-dark": 500
+        dark: 200,
+        "very-dark": 100
       },
       dark: {
         "very-light": 500,
@@ -21738,8 +21730,14 @@ var ThemeModel = function ThemeModel() {
       });
     }
     if (overrideLight !== null) {
+      // Strip stale light overrides from pre-fix saved themes.
+      // These were band-aids for the old linear shade mapping and
+      // conflict with the corrected light variant (100-300 range).
+      var staleKeys = ["bg-primary-very-light", "bg-primary-very-dark"];
       Object.keys(overrideLight).forEach(function (key) {
-        theme["light"][key] = overrideLight[key];
+        if (!staleKeys.includes(key)) {
+          theme["light"][key] = overrideLight[key];
+        }
       });
     }
 
@@ -21753,6 +21751,14 @@ var ThemeModel = function ThemeModel() {
     });
     theme["dark"]["name"] = theme.name;
 
+    // Darkest shade (950 dark / 50 light) for stage backgrounds.
+    // Added outside the variant loop to avoid generating invalid text/border
+    // classes (invert(950) would be negative).
+    colorTypes.forEach(function (type) {
+      theme["dark"]["bg-".concat(type, "-darkest")] = "bg-".concat(theme[type], "-950");
+      theme["light"]["bg-".concat(type, "-darkest")] = "bg-".concat(theme[type], "-50");
+    });
+
     // transparent colors
     theme["dark"]["bg-none"] = "bg-transparent";
     theme["dark"]["border-none"] = "border-transparent";
@@ -41138,8 +41144,8 @@ var DashboardHeader = function DashboardHeader(_ref) {
           onChange: onNameChange,
           textSize: "text-lg",
           placeholder: "My Workspace",
-          bgColor: "bg-gray-800",
-          textColor: "text-gray-400",
+          bgColor: currentTheme["bg-primary-very-dark"],
+          textColor: currentTheme["text-primary-medium"],
           hasBorder: false,
           autoFocus: true
         }), onFolderChange && menuItems.length > 0 && /*#__PURE__*/jsx(SelectInput, {
@@ -41153,9 +41159,9 @@ var DashboardHeader = function DashboardHeader(_ref) {
           }),
           onChange: onFolderChange,
           placeholder: "Folder",
-          backgroundColor: "bg-gray-800",
-          textColor: "text-gray-400",
-          borderColor: "border-gray-700",
+          backgroundColor: currentTheme["bg-primary-very-dark"],
+          textColor: currentTheme["text-primary-medium"],
+          borderColor: currentTheme["border-primary-dark"],
           inputClassName: "py-1 text-sm",
           className: "w-40 shrink-0"
         }), onThemeChange && Object.keys(resolvedThemes).length > 0 && /*#__PURE__*/jsx(SelectInput, {
@@ -41172,9 +41178,9 @@ var DashboardHeader = function DashboardHeader(_ref) {
           }),
           onChange: onThemeChange,
           placeholder: "Theme",
-          backgroundColor: "bg-gray-800",
-          textColor: "text-gray-400",
-          borderColor: "border-gray-700",
+          backgroundColor: currentTheme["bg-primary-very-dark"],
+          textColor: currentTheme["text-primary-medium"],
+          borderColor: currentTheme["border-primary-dark"],
           inputClassName: "py-1 text-sm",
           className: "w-40 shrink-0"
         }), onScrollableChange && /*#__PURE__*/jsx(Toggle, {