@tecsinapse/cortex-core 1.3.0-beta.1 → 1.3.0-beta.3

package/dist/cjs/components/card/card.js

@@ -3,7 +3,7 @@
 var tailwindVariants = require('tailwind-variants');
 
 const card = tailwindVariants.tv({
-  base: "rounded-mili shadow-default bg-white p-deca"
+  base: "rounded-mili shadow-default bg-surface-overlay p-deca"
 });
 
 exports.card = card;

package/dist/cjs/components/drawer/drawer.js

@@ -3,7 +3,7 @@
 var tailwindVariants = require('tailwind-variants');
 
 const drawerStyles = tailwindVariants.tv({
-  base: "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform overflow-y-scroll",
+  base: "bg-surface-overlay fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform overflow-y-scroll",
   variants: {
     position: {
       left: "left-0 -translate-x-full rounded-r-mili",

package/dist/cjs/components/input/input.js

@@ -4,7 +4,7 @@ var clsx = require('clsx');
 var tailwindVariants = require('tailwind-variants');
 
 const inputBaseStyles = tailwindVariants.tv({
-  base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
+  base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-surface-overlay focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
   variants: {
     intent: {
       default: [

package/dist/cjs/components/manager/manager.js

@@ -3,7 +3,7 @@
 var tailwindVariants = require('tailwind-variants');
 
 const manager = tailwindVariants.tv({
-  base: "fixed rounded-micro p-deca bg-white shadow-xl flex transition bottom-deca right-deca z-modal",
+  base: "fixed rounded-micro p-deca bg-surface-overlay shadow-xl flex transition bottom-deca right-deca z-modal",
   variants: {
     open: {
       true: "scale-100 visible",

package/dist/cjs/components/modal/modal.js

@@ -3,7 +3,7 @@
 var tailwindVariants = require('tailwind-variants');
 
 const modal = tailwindVariants.tv({
-  base: "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0 z-modal",
+  base: "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal",
   variants: {
     open: {
       true: "scale-100 visible",

package/dist/cjs/components/select/select.js

@@ -15,7 +15,7 @@ const option = tailwindVariants.tv({
 });
 const selectVariants = tailwindVariants.tv({
   slots: {
-    button: "disabled:pointer-events-none disabled:text-secondary-light flex w-full justify-between items-center bg-white relative min-h-[44px] h-auto flex px-centi py-1.5 text-base font-bold items-center border border-secondary-light rounded-mili",
+    button: "disabled:pointer-events-none disabled:text-secondary-light flex w-full justify-between items-center bg-surface-overlay relative min-h-[44px] h-auto flex px-centi py-1.5 text-base font-bold items-center border border-secondary-light rounded-mili",
     groupedTitle: "font-bold text-secondary-medium mx-centi",
     list: "list-none p-0"
   },

package/dist/cjs/components/table/table.js

@@ -18,10 +18,10 @@ const tFoot = tailwindVariants.tv({
   base: "[&>tr]:rounded-none [&>tr]:shadow-none"
 });
 const tRoot = tailwindVariants.tv({
-  base: "min-w-fit border-separate border-spacing-x-[22px] border-spacing-y-mili rounded-mili bg-white shadow-default"
+  base: "min-w-fit border-separate border-spacing-x-[22px] border-spacing-y-mili rounded-mili bg-surface-overlay shadow-default"
 });
 const hr = tailwindVariants.tv({
-  base: "-mx-[24px] -mb-[4px] -mt-[50px] h-[42px] border-0 bg-secondary-xlight"
+  base: "-mx-[24px] -mb-[4px] -mt-[50px] h-[42px] border-0 bg-surface-base"
 });
 
 exports.hr = hr;

package/dist/cjs/components/tag/tag.js

@@ -21,7 +21,7 @@ const tagStyles = myTV({
       success: "bg-success-medium text-white",
       warning: "bg-warning-medium text-white",
       error: "bg-error-medium text-white",
-      white: "bg-white text-secondary-medium"
+      white: "bg-surface-overlay text-secondary-medium"
     }
   },
   defaultVariants: {

package/dist/cjs/components/toggle/toggle.js

@@ -3,7 +3,7 @@
 var tailwindVariants = require('tailwind-variants');
 
 const toggleStyles = tailwindVariants.tv({
-  base: "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none",
+  base: "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-surface-overlay after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none",
   variants: {
     intent: {
       primary: "peer-focus:primary-medium peer-checked:bg-primary-medium",

package/dist/cjs/index.js

@@ -69,6 +69,7 @@ exports.borderRadius = definitions.borderRadius;
 exports.borderWidth = definitions.borderWidth;
 exports.boxShadow = definitions.boxShadow;
 exports.colors = definitions.colors;
+exports.darkColors = definitions.darkColors;
 exports.fontFamily = definitions.fontFamily;
 exports.fontSize = definitions.fontSize;
 exports.spacing = definitions.spacing;

package/dist/cjs/provider/DarkThemeContext.js

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var definitions = require('../tokens/definitions.js');
 
 const ThemeContext = react.createContext(null);
 const ThemeProvider = ({ children }) => {
@@ -9,9 +10,36 @@ const ThemeProvider = ({ children }) => {
   react.useEffect(() => {
     const style = document.documentElement.style;
     if (theme === "dark") {
-      style.setProperty("--color-body", "#1e1e1e");
+      style.setProperty("--color-body", definitions.darkColors.body);
+      style.setProperty("--color-text-default", definitions.darkColors.text.default);
+      style.setProperty("--color-surface-base", definitions.darkColors.surface.base);
+      style.setProperty("--color-surface-raised", definitions.darkColors.surface.raised);
+      style.setProperty("--color-surface-overlay", definitions.darkColors.surface.overlay);
+      style.setProperty("--color-content-primary", definitions.darkColors.content.primary);
+      style.setProperty(
+        "--color-content-secondary",
+        definitions.darkColors.content.secondary
+      );
+      style.setProperty(
+        "--color-content-tertiary",
+        definitions.darkColors.content.tertiary
+      );
+      style.setProperty(
+        "--color-content-disabled",
+        definitions.darkColors.content.disabled
+      );
+      style.setProperty("--color-content-inverse", definitions.darkColors.content.inverse);
     } else {
-      style.setProperty("--color-body", "#f8f7f7");
+      style.setProperty("--color-body", definitions.colors.miscellaneous.body);
+      style.setProperty("--color-text-default", definitions.textColor.default);
+      style.setProperty("--color-surface-base", definitions.colors.surface.base);
+      style.setProperty("--color-surface-raised", definitions.colors.surface.raised);
+      style.setProperty("--color-surface-overlay", definitions.colors.surface.overlay);
+      style.setProperty("--color-content-primary", definitions.colors.content.primary);
+      style.setProperty("--color-content-secondary", definitions.colors.content.secondary);
+      style.setProperty("--color-content-tertiary", definitions.colors.content.tertiary);
+      style.setProperty("--color-content-disabled", definitions.colors.content.disabled);
+      style.setProperty("--color-content-inverse", definitions.colors.content.inverse);
     }
   }, [theme]);
   const toggleTheme = () => setTheme((t) => t === "light" ? "dark" : "light");

package/dist/cjs/tokens/definitions.js

@@ -1,5 +1,23 @@
 'use strict';
 
+const darkColors = {
+  body: "#1e1e1e",
+  text: {
+    default: "#fff"
+  },
+  surface: {
+    base: "#1e1e1e",
+    raised: "#252526",
+    overlay: "#2d2d30"
+  },
+  content: {
+    primary: "#f8f7f7",
+    secondary: "#c2bfbc",
+    tertiary: "#85807a",
+    disabled: "#5d5955",
+    inverse: "#353231"
+  }
+};
 const colors = {
   primary: {
     xlight: "var(--color-primary-xlight, #fef9f0)",
@@ -36,6 +54,18 @@ const colors = {
     dark: "#cc9f00",
     xdark: "#665000"
   },
+  surface: {
+    base: "var(--color-surface-base, #f8f7f7)",
+    raised: "var(--color-surface-raised, #fbfbfb)",
+    overlay: "var(--color-surface-overlay, #ffffff)"
+  },
+  content: {
+    primary: "var(--color-content-primary, #353231)",
+    secondary: "var(--color-content-secondary, #5d5955)",
+    tertiary: "var(--color-content-tertiary, #85807a)",
+    disabled: "var(--color-content-disabled, #c2bfbc)",
+    inverse: "var(--color-content-inverse, #ffffff)"
+  },
   error: {
     xlight: "#fdf3f2",
     light: "#ee9891",
@@ -153,6 +183,7 @@ const fontFamily = {
   mono: "Consolas, monaco, monospace"
 };
 const textColor = {
+  default: "var(--color-text-default, #000)",
   light: "#fff",
   medium: "#85807a",
   dark: "#353231",
@@ -177,6 +208,7 @@ exports.borderRadius = borderRadius;
 exports.borderWidth = borderWidth;
 exports.boxShadow = boxShadow;
 exports.colors = colors;
+exports.darkColors = darkColors;
 exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;
 exports.spacing = spacing;

package/dist/esm/components/card/card.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 
 const card = tv({
-  base: "rounded-mili shadow-default bg-white p-deca"
+  base: "rounded-mili shadow-default bg-surface-overlay p-deca"
 });
 
 export { card };

package/dist/esm/components/drawer/drawer.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 
 const drawerStyles = tv({
-  base: "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform overflow-y-scroll",
+  base: "bg-surface-overlay fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform overflow-y-scroll",
   variants: {
     position: {
       left: "left-0 -translate-x-full rounded-r-mili",

package/dist/esm/components/input/input.js

@@ -2,7 +2,7 @@ import { clsx } from 'clsx';
 import { tv } from 'tailwind-variants';
 
 const inputBaseStyles = tv({
-  base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
+  base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-surface-overlay focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
   variants: {
     intent: {
       default: [

package/dist/esm/components/manager/manager.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 
 const manager = tv({
-  base: "fixed rounded-micro p-deca bg-white shadow-xl flex transition bottom-deca right-deca z-modal",
+  base: "fixed rounded-micro p-deca bg-surface-overlay shadow-xl flex transition bottom-deca right-deca z-modal",
   variants: {
     open: {
       true: "scale-100 visible",

package/dist/esm/components/modal/modal.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 
 const modal = tv({
-  base: "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0 z-modal",
+  base: "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal",
   variants: {
     open: {
       true: "scale-100 visible",

package/dist/esm/components/select/select.js

@@ -13,7 +13,7 @@ const option = tv({
 });
 const selectVariants = tv({
   slots: {
-    button: "disabled:pointer-events-none disabled:text-secondary-light flex w-full justify-between items-center bg-white relative min-h-[44px] h-auto flex px-centi py-1.5 text-base font-bold items-center border border-secondary-light rounded-mili",
+    button: "disabled:pointer-events-none disabled:text-secondary-light flex w-full justify-between items-center bg-surface-overlay relative min-h-[44px] h-auto flex px-centi py-1.5 text-base font-bold items-center border border-secondary-light rounded-mili",
     groupedTitle: "font-bold text-secondary-medium mx-centi",
     list: "list-none p-0"
   },

package/dist/esm/components/table/table.js

@@ -16,10 +16,10 @@ const tFoot = tv({
   base: "[&>tr]:rounded-none [&>tr]:shadow-none"
 });
 const tRoot = tv({
-  base: "min-w-fit border-separate border-spacing-x-[22px] border-spacing-y-mili rounded-mili bg-white shadow-default"
+  base: "min-w-fit border-separate border-spacing-x-[22px] border-spacing-y-mili rounded-mili bg-surface-overlay shadow-default"
 });
 const hr = tv({
-  base: "-mx-[24px] -mb-[4px] -mt-[50px] h-[42px] border-0 bg-secondary-xlight"
+  base: "-mx-[24px] -mb-[4px] -mt-[50px] h-[42px] border-0 bg-surface-base"
 });
 
 export { hr, tCell, tFoot, tHead, tHeadCell, tRoot, tRow };

package/dist/esm/components/tag/tag.js

@@ -19,7 +19,7 @@ const tagStyles = myTV({
       success: "bg-success-medium text-white",
       warning: "bg-warning-medium text-white",
       error: "bg-error-medium text-white",
-      white: "bg-white text-secondary-medium"
+      white: "bg-surface-overlay text-secondary-medium"
     }
   },
   defaultVariants: {

package/dist/esm/components/toggle/toggle.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 
 const toggleStyles = tv({
-  base: "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none",
+  base: "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-surface-overlay after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none",
   variants: {
     intent: {
       primary: "peer-focus:primary-medium peer-checked:bg-primary-medium",

package/dist/esm/index.js

@@ -18,6 +18,6 @@ export { styleInputElement, styleLabelElement, toggle } from './components/toggl
 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 { borderColor, borderRadius, borderWidth, boxShadow, colors, darkColors, fontFamily, fontSize, spacing, textColor, zIndex } from './tokens/definitions.js';
 export { setDarkMode, updateThemeColors } from './utils/index.js';
 export { ThemeProvider, useDarkTheme } from './provider/DarkThemeContext.js';

package/dist/esm/provider/DarkThemeContext.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useEffect, useContext } from 'react';
+import { darkColors, colors, textColor } from '../tokens/definitions.js';
 
 const ThemeContext = createContext(null);
 const ThemeProvider = ({ children }) => {
@@ -7,9 +8,36 @@ const ThemeProvider = ({ children }) => {
   useEffect(() => {
     const style = document.documentElement.style;
     if (theme === "dark") {
-      style.setProperty("--color-body", "#1e1e1e");
+      style.setProperty("--color-body", darkColors.body);
+      style.setProperty("--color-text-default", darkColors.text.default);
+      style.setProperty("--color-surface-base", darkColors.surface.base);
+      style.setProperty("--color-surface-raised", darkColors.surface.raised);
+      style.setProperty("--color-surface-overlay", darkColors.surface.overlay);
+      style.setProperty("--color-content-primary", darkColors.content.primary);
+      style.setProperty(
+        "--color-content-secondary",
+        darkColors.content.secondary
+      );
+      style.setProperty(
+        "--color-content-tertiary",
+        darkColors.content.tertiary
+      );
+      style.setProperty(
+        "--color-content-disabled",
+        darkColors.content.disabled
+      );
+      style.setProperty("--color-content-inverse", darkColors.content.inverse);
     } else {
-      style.setProperty("--color-body", "#f8f7f7");
+      style.setProperty("--color-body", colors.miscellaneous.body);
+      style.setProperty("--color-text-default", textColor.default);
+      style.setProperty("--color-surface-base", colors.surface.base);
+      style.setProperty("--color-surface-raised", colors.surface.raised);
+      style.setProperty("--color-surface-overlay", colors.surface.overlay);
+      style.setProperty("--color-content-primary", colors.content.primary);
+      style.setProperty("--color-content-secondary", colors.content.secondary);
+      style.setProperty("--color-content-tertiary", colors.content.tertiary);
+      style.setProperty("--color-content-disabled", colors.content.disabled);
+      style.setProperty("--color-content-inverse", colors.content.inverse);
     }
   }, [theme]);
   const toggleTheme = () => setTheme((t) => t === "light" ? "dark" : "light");

package/dist/esm/tokens/definitions.js

@@ -1,3 +1,21 @@
+const darkColors = {
+  body: "#1e1e1e",
+  text: {
+    default: "#fff"
+  },
+  surface: {
+    base: "#1e1e1e",
+    raised: "#252526",
+    overlay: "#2d2d30"
+  },
+  content: {
+    primary: "#f8f7f7",
+    secondary: "#c2bfbc",
+    tertiary: "#85807a",
+    disabled: "#5d5955",
+    inverse: "#353231"
+  }
+};
 const colors = {
   primary: {
     xlight: "var(--color-primary-xlight, #fef9f0)",
@@ -34,6 +52,18 @@ const colors = {
     dark: "#cc9f00",
     xdark: "#665000"
   },
+  surface: {
+    base: "var(--color-surface-base, #f8f7f7)",
+    raised: "var(--color-surface-raised, #fbfbfb)",
+    overlay: "var(--color-surface-overlay, #ffffff)"
+  },
+  content: {
+    primary: "var(--color-content-primary, #353231)",
+    secondary: "var(--color-content-secondary, #5d5955)",
+    tertiary: "var(--color-content-tertiary, #85807a)",
+    disabled: "var(--color-content-disabled, #c2bfbc)",
+    inverse: "var(--color-content-inverse, #ffffff)"
+  },
   error: {
     xlight: "#fdf3f2",
     light: "#ee9891",
@@ -151,6 +181,7 @@ const fontFamily = {
   mono: "Consolas, monaco, monospace"
 };
 const textColor = {
+  default: "var(--color-text-default, #000)",
   light: "#fff",
   medium: "#85807a",
   dark: "#353231",
@@ -170,4 +201,4 @@ const zIndex = {
   modal: 1e3
 };
 
-export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor, zIndex };
+export { borderColor, borderRadius, borderWidth, boxShadow, colors, darkColors, fontFamily, fontSize, spacing, textColor, zIndex };

package/dist/types/components/card/card.d.ts

@@ -1 +1 @@
-export declare const card: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "rounded-mili shadow-default bg-white p-deca", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "rounded-mili shadow-default bg-white p-deca", unknown, unknown, undefined>>;
+export declare const card: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "rounded-mili shadow-default bg-surface-overlay p-deca", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "rounded-mili shadow-default bg-surface-overlay p-deca", unknown, unknown, undefined>>;

package/dist/types/components/drawer/drawer.d.ts

@@ -8,7 +8,7 @@ declare const drawerStyles: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform overflow-y-scroll", {
+}, undefined, "bg-surface-overlay fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform overflow-y-scroll", {
     position: {
         left: string;
         right: string;
@@ -26,7 +26,7 @@ declare const drawerStyles: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform overflow-y-scroll", unknown, unknown, undefined>>;
+}, undefined, "bg-surface-overlay fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform overflow-y-scroll", unknown, unknown, undefined>>;
 export type DrawerVariants = VariantProps<typeof drawerStyles> & ClassProp;
 export declare const drawer: (props: DrawerVariants) => string;
 export {};

package/dist/types/components/input/input.d.ts

@@ -6,7 +6,7 @@ export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
         warning: string[];
         error: string[];
     };
-}, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", {
+}, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-surface-overlay focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", {
     intent: {
         default: string[];
         success: string[];
@@ -20,7 +20,7 @@ export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
         warning: string[];
         error: string[];
     };
-}, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", unknown, unknown, undefined>>;
+}, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-surface-overlay focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", unknown, unknown, undefined>>;
 declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         default: string[];

package/dist/types/components/manager/manager.d.ts

@@ -3,7 +3,7 @@ export declare const manager: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "fixed rounded-micro p-deca bg-white shadow-xl flex transition bottom-deca right-deca z-modal", {
+}, undefined, "fixed rounded-micro p-deca bg-surface-overlay shadow-xl flex transition bottom-deca right-deca z-modal", {
     open: {
         true: string;
         false: string;
@@ -13,4 +13,4 @@ export declare const manager: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "fixed rounded-micro p-deca bg-white shadow-xl flex transition bottom-deca right-deca z-modal", unknown, unknown, undefined>>;
+}, undefined, "fixed rounded-micro p-deca bg-surface-overlay shadow-xl flex transition bottom-deca right-deca z-modal", unknown, unknown, undefined>>;

package/dist/types/components/modal/modal.d.ts

@@ -3,7 +3,7 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0 z-modal", {
+}, undefined, "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal", {
     open: {
         true: string;
         false: string;
@@ -13,4 +13,4 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0 z-modal", unknown, unknown, undefined>>;
+}, undefined, "fixed rounded-micro p-kilo bg-surface-overlay shadow-default flex transition inset-0 z-modal", unknown, unknown, undefined>>;

package/dist/types/components/table/table.d.ts

@@ -3,5 +3,5 @@ export declare const tRow: import("tailwind-variants").TVReturnType<{} | {} | {}
 export declare const tHeadCell: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "truncate px-deca py-centi text-start text-sub font-bold text-medium", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "truncate px-deca py-centi text-start text-sub font-bold text-medium", unknown, unknown, undefined>>;
 export declare const tCell: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "p-deca text-base font-bold text-dark", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "p-deca text-base font-bold text-dark", unknown, unknown, undefined>>;
 export declare const tFoot: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "[&>tr]:rounded-none [&>tr]:shadow-none", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "[&>tr]:rounded-none [&>tr]:shadow-none", unknown, unknown, undefined>>;
-export declare const tRoot: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "min-w-fit border-separate border-spacing-x-[22px] border-spacing-y-mili rounded-mili bg-white shadow-default", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "min-w-fit border-separate border-spacing-x-[22px] border-spacing-y-mili rounded-mili bg-white shadow-default", unknown, unknown, undefined>>;
-export declare const hr: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "-mx-[24px] -mb-[4px] -mt-[50px] h-[42px] border-0 bg-secondary-xlight", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "-mx-[24px] -mb-[4px] -mt-[50px] h-[42px] border-0 bg-secondary-xlight", unknown, unknown, undefined>>;
+export declare const tRoot: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "min-w-fit border-separate border-spacing-x-[22px] border-spacing-y-mili rounded-mili bg-surface-overlay shadow-default", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "min-w-fit border-separate border-spacing-x-[22px] border-spacing-y-mili rounded-mili bg-surface-overlay shadow-default", unknown, unknown, undefined>>;
+export declare const hr: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "-mx-[24px] -mb-[4px] -mt-[50px] h-[42px] border-0 bg-surface-base", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "-mx-[24px] -mb-[4px] -mt-[50px] h-[42px] border-0 bg-surface-base", unknown, unknown, undefined>>;

package/dist/types/components/toggle/toggle.d.ts

@@ -8,7 +8,7 @@ declare const toggleStyles: import("tailwind-variants").TVReturnType<{
         warning: string;
         error: string;
     };
-}, undefined, "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none", {
+}, undefined, "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-surface-overlay after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none", {
     intent: {
         primary: string;
         secondary: string;
@@ -26,7 +26,7 @@ declare const toggleStyles: import("tailwind-variants").TVReturnType<{
         warning: string;
         error: string;
     };
-}, undefined, "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none", unknown, unknown, undefined>>;
+}, undefined, "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-surface-overlay after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none", unknown, unknown, undefined>>;
 export declare const styleLabelElement: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative inline-flex cursor-pointer items-center", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative inline-flex cursor-pointer items-center", unknown, unknown, undefined>>;
 export declare const styleInputElement: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "peer sr-only", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "peer sr-only", unknown, unknown, undefined>>;
 type ToggleVariants = VariantProps<typeof toggleStyles> & ClassProp;

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

@@ -41,6 +41,18 @@ declare const preset: {
                     dark: string;
                     xdark: string;
                 };
+                surface: {
+                    base: string;
+                    raised: string;
+                    overlay: string;
+                };
+                content: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    disabled: string;
+                    inverse: string;
+                };
                 error: {
                     xlight: string;
                     light: string;
@@ -53,6 +65,7 @@ declare const preset: {
                 };
             };
             textColor: {
+                default: string;
                 light: string;
                 medium: string;
                 dark: string;

package/dist/types/tokens/definitions.d.ts

@@ -1,3 +1,21 @@
+declare const darkColors: {
+    body: string;
+    text: {
+        default: string;
+    };
+    surface: {
+        base: string;
+        raised: string;
+        overlay: string;
+    };
+    content: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        disabled: string;
+        inverse: string;
+    };
+};
 declare const colors: {
     primary: {
         xlight: string;
@@ -34,6 +52,18 @@ declare const colors: {
         dark: string;
         xdark: string;
     };
+    surface: {
+        base: string;
+        raised: string;
+        overlay: string;
+    };
+    content: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        disabled: string;
+        inverse: string;
+    };
     error: {
         xlight: string;
         light: string;
@@ -97,6 +127,7 @@ declare const fontFamily: {
     mono: string;
 };
 declare const textColor: {
+    default: string;
     light: string;
     medium: string;
     dark: string;
@@ -115,4 +146,4 @@ declare const zIndex: {
     sidebar: number;
     modal: number;
 };
-export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor, zIndex, };
+export { borderColor, borderRadius, borderWidth, boxShadow, colors, darkColors, fontFamily, fontSize, spacing, textColor, zIndex, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-core",
-  "version": "1.3.0-beta.1",
+  "version": "1.3.0-beta.3",
   "license": "MIT",
   "description": "Core library for tailwindcss based design",
   "main": "dist/esm/index.js",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "tailwindcss": ">=3.3.0"
   },
-  "gitHead": "c976f6fea2c049735ce9fcacfc61583a552c10e1"
+  "gitHead": "f13be73645bde5042aeb082331dc6c6d80fb506e"
 }