@tecsinapse/cortex-core 1.2.1-beta.1 → 1.3.0-beta.0

package/dist/cjs/index.js

@@ -73,4 +73,5 @@ exports.fontSize = definitions.fontSize;
 exports.spacing = definitions.spacing;
 exports.textColor = definitions.textColor;
 exports.zIndex = definitions.zIndex;
+exports.setDarkMode = index$1.setDarkMode;
 exports.updateThemeColors = index$1.updateThemeColors;

package/dist/cjs/tokens/definitions.js

@@ -44,7 +44,7 @@ const colors = {
     xdark: "#58240e"
   },
   miscellaneous: {
-    body: "#f8f7f7"
+    body: "var(--color-body, #f8f7f7)"
   }
 };
 const spacing = {
@@ -153,9 +153,9 @@ const fontFamily = {
   mono: "Consolas, monaco, monospace"
 };
 const textColor = {
-  light: "var(--color-text-light, #fff)",
-  medium: "var(--color-text-medium, #85807a)",
-  dark: "var(--color-text-dark, #353231)",
+  light: "#fff",
+  medium: "#85807a",
+  dark: "#353231",
   orange: "#f89907"
 };
 const zIndex = {

package/dist/cjs/utils/index.js

@@ -1,33 +1,24 @@
 'use strict';
 
-var polished = require('polished');
-
 const updateThemeColors = (theme) => {
   const root = document.documentElement;
-  console.log(
-    "Primary Medium: ",
-    root.style.getPropertyValue("--color-primary-medium")
-  );
-  console.log(
-    "Text Medium: ",
-    root.style.getPropertyValue("--color-text-medium")
-  );
   Object.entries(theme).forEach(([colorName, colorShades]) => {
     if (!colorShades) return;
     Object.entries(colorShades).forEach(([shade, hexValue]) => {
       if (!hexValue) return;
       root.style.setProperty(`--color-${colorName}-${shade}`, hexValue);
-      if (shade !== "xlight" && shade !== "xdark" && polished.getContrast(
-        root.style.getPropertyValue(`--color-text-${shade}`),
-        hexValue
-      ) < 4.5) {
-        root.style.setProperty(
-          `--color-text-${shade}`,
-          polished.readableColor(hexValue)
-        );
-      }
     });
   });
 };
+const setDarkMode = () => {
+  const style = document.documentElement.style;
+  const isDark = style.getPropertyValue("--color-body") !== "#f8f7f7";
+  if (!isDark) {
+    style.setProperty("--color-body", "#1e1e1e");
+  } else {
+    style.setProperty("--color-body", "#f8f7f7");
+  }
+};
 
+exports.setDarkMode = setDarkMode;
 exports.updateThemeColors = updateThemeColors;

package/dist/esm/index.js

@@ -19,4 +19,4 @@ export { tooltip, tooltipContainer } from './components/tooltip/tooltip.js';
 export { manager } from './components/manager/manager.js';
 export { default as preset } from './preset/index.js';
 export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor, zIndex } from './tokens/definitions.js';
-export { updateThemeColors } from './utils/index.js';
+export { setDarkMode, updateThemeColors } from './utils/index.js';

package/dist/esm/tokens/definitions.js

@@ -42,7 +42,7 @@ const colors = {
     xdark: "#58240e"
   },
   miscellaneous: {
-    body: "#f8f7f7"
+    body: "var(--color-body, #f8f7f7)"
   }
 };
 const spacing = {
@@ -151,9 +151,9 @@ const fontFamily = {
   mono: "Consolas, monaco, monospace"
 };
 const textColor = {
-  light: "var(--color-text-light, #fff)",
-  medium: "var(--color-text-medium, #85807a)",
-  dark: "var(--color-text-dark, #353231)",
+  light: "#fff",
+  medium: "#85807a",
+  dark: "#353231",
   orange: "#f89907"
 };
 const zIndex = {

package/dist/esm/utils/index.js

@@ -1,31 +1,21 @@
-import { getContrast, readableColor } from 'polished';
-
 const updateThemeColors = (theme) => {
   const root = document.documentElement;
-  console.log(
-    "Primary Medium: ",
-    root.style.getPropertyValue("--color-primary-medium")
-  );
-  console.log(
-    "Text Medium: ",
-    root.style.getPropertyValue("--color-text-medium")
-  );
   Object.entries(theme).forEach(([colorName, colorShades]) => {
     if (!colorShades) return;
     Object.entries(colorShades).forEach(([shade, hexValue]) => {
       if (!hexValue) return;
       root.style.setProperty(`--color-${colorName}-${shade}`, hexValue);
-      if (shade !== "xlight" && shade !== "xdark" && getContrast(
-        root.style.getPropertyValue(`--color-text-${shade}`),
-        hexValue
-      ) < 4.5) {
-        root.style.setProperty(
-          `--color-text-${shade}`,
-          readableColor(hexValue)
-        );
-      }
     });
   });
 };
+const setDarkMode = () => {
+  const style = document.documentElement.style;
+  const isDark = style.getPropertyValue("--color-body") !== "#f8f7f7";
+  if (!isDark) {
+    style.setProperty("--color-body", "#1e1e1e");
+  } else {
+    style.setProperty("--color-body", "#f8f7f7");
+  }
+};
 
-export { updateThemeColors };
+export { setDarkMode, updateThemeColors };

package/dist/types/utils/index.d.ts

@@ -1,2 +1,3 @@
 import { colors } from '../tokens/definitions';
 export declare const updateThemeColors: (theme: Partial<typeof colors>) => void;
+export declare const setDarkMode: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-core",
-  "version": "1.2.1-beta.1",
+  "version": "1.3.0-beta.0",
   "license": "MIT",
   "description": "Core library for tailwindcss based design",
   "main": "dist/esm/index.js",
@@ -17,7 +17,6 @@
   },
   "dependencies": {
     "clsx": "2.1.1",
-    "polished": "^4.3.1",
     "tailwind-variants": "1.0.0"
   },
   "repository": {
@@ -32,5 +31,5 @@
   "peerDependencies": {
     "tailwindcss": ">=3.3.0"
   },
-  "gitHead": "588758fc26e21e75393c8349311f0633d9e7b5c7"
+  "gitHead": "c267542fbb45c9c598be530f2c2d4211365a816e"
 }