@tecsinapse/cortex-core 2.0.2-beta.1 → 2.0.2-beta.2

package/dist/cjs/components/button/button.js

@@ -3,7 +3,7 @@
 var tailwindVariants = require('tailwind-variants');
 
 const buttonStyles = tailwindVariants.tv({
-  base: "text-base h-fit font-bold disabled:text-white enabled:active:scale-95 transform transition hover:text-white text-white cursor-pointer items-center flex justify-center",
+  base: "text-base h-fit font-bold disabled:text-light enabled:active:scale-95 transform transition hover:text-light text-light cursor-pointer items-center flex justify-center",
   variants: {
     intent: {
       primary: "bg-primary-medium disabled:bg-primary-light active:bg-primary-dark enabled:hover:border-primary-dark hover:bg-primary-dark",

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

@@ -15,7 +15,7 @@ const tagStyles = myTV({
   base: "rounded-micro px-micro py-nano w-fit font-bold text-label items-center flex gap-1",
   variants: {
     intent: {
-      primary: "bg-primary-medium text-white",
+      primary: "bg-primary-medium text-light",
       secondary: "bg-secondary-medium text-white",
       info: "bg-info-medium text-white",
       success: "bg-success-medium text-white",

package/dist/cjs/utils/index.js

@@ -9,14 +9,10 @@ const updateThemeColors = (theme) => {
     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)
-        );
+      if (colorName === "primary" && shade === "medium") {
+        if (polished.getContrast(hexValue, "#fff") < 4.5) {
+          root.style.setProperty("--color-text-light", polished.readableColor(hexValue));
+        }
       }
     });
   });

package/dist/esm/components/button/button.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 
 const buttonStyles = tv({
-  base: "text-base h-fit font-bold disabled:text-white enabled:active:scale-95 transform transition hover:text-white text-white cursor-pointer items-center flex justify-center",
+  base: "text-base h-fit font-bold disabled:text-light enabled:active:scale-95 transform transition hover:text-light text-light cursor-pointer items-center flex justify-center",
   variants: {
     intent: {
       primary: "bg-primary-medium disabled:bg-primary-light active:bg-primary-dark enabled:hover:border-primary-dark hover:bg-primary-dark",

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

@@ -13,7 +13,7 @@ const tagStyles = myTV({
   base: "rounded-micro px-micro py-nano w-fit font-bold text-label items-center flex gap-1",
   variants: {
     intent: {
-      primary: "bg-primary-medium text-white",
+      primary: "bg-primary-medium text-light",
       secondary: "bg-secondary-medium text-white",
       info: "bg-info-medium text-white",
       success: "bg-success-medium text-white",

package/dist/esm/utils/index.js

@@ -7,14 +7,10 @@ const updateThemeColors = (theme) => {
     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)
-        );
+      if (colorName === "primary" && shade === "medium") {
+        if (getContrast(hexValue, "#fff") < 4.5) {
+          root.style.setProperty("--color-text-light", readableColor(hexValue));
+        }
       }
     });
   });

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

@@ -20,7 +20,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
         circle: string;
         base: string;
     };
-}, undefined, "text-base h-fit font-bold disabled:text-white enabled:active:scale-95 transform transition hover:text-white text-white cursor-pointer items-center flex justify-center", {
+}, undefined, "text-base h-fit font-bold disabled:text-light enabled:active:scale-95 transform transition hover:text-light text-light cursor-pointer items-center flex justify-center", {
     intent: {
         primary: string;
         secondary: string;
@@ -62,7 +62,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
         circle: string;
         base: string;
     };
-}, undefined, "text-base h-fit font-bold disabled:text-white enabled:active:scale-95 transform transition hover:text-white text-white cursor-pointer items-center flex justify-center", unknown, unknown, undefined>>;
+}, undefined, "text-base h-fit font-bold disabled:text-light enabled:active:scale-95 transform transition hover:text-light text-light cursor-pointer items-center flex justify-center", unknown, unknown, undefined>>;
 export type ButtonVariants = VariantProps<typeof buttonStyles> & {
     className?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-core",
-  "version": "2.0.2-beta.1",
+  "version": "2.0.2-beta.2",
   "license": "MIT",
   "description": "Core library for tailwindcss based design",
   "main": "dist/esm/index.js",
@@ -35,5 +35,5 @@
   "peerDependencies": {
     "tailwindcss": "^4.1.16"
   },
-  "gitHead": "7312335a32c082dd8cf3b264bae6cda03678f5f1"
+  "gitHead": "206d1de1e16b2cc748feff799ab53fc3306248f3"
 }