@kashi-ui/tokens 0.8.0 → 0.9.1

package/dist/index.d.ts

@@ -126,13 +126,13 @@ export declare const palette: {
     "500": "#687491",
     "550": "#5a637a",
     "600": "#535d78",
-    "700": "#444c62",
-    "800": "#2a2f3d",
-    "850": "#1e222c",
-    "900": "#161921",
-    "925": "#111319",
-    "950": "#0d0f14",
-    "1000": "#08090c"
+    "700": "#3e4350",
+    "800": "#262a33",
+    "850": "#1c1f26",
+    "900": "#15171c",
+    "925": "#111317",
+    "950": "#0d0e11",
+    "1000": "#09090b"
   }
 };
 
@@ -182,8 +182,8 @@ export declare const themes: {
     "bg-elevated": "var(--k-shab-925)",
     "bg-hover": "rgb(255 255 255 / 0.05)",
     "bg-active": "rgb(255 255 255 / 0.08)",
-    "bg-brand": "var(--k-brand-400)",
-    "bg-brand-hover": "var(--k-brand-300)",
+    "bg-brand": "var(--k-brand-600)",
+    "bg-brand-hover": "var(--k-brand-700)",
     "bg-brand-subtle": "color-mix(in srgb, var(--k-brand-500) 14%, transparent)",
     "bg-error": "var(--k-anar-600)",
     "bg-error-hover": "var(--k-anar-700)",
@@ -195,7 +195,7 @@ export declare const themes: {
     "text-secondary": "var(--k-shab-200)",
     "text-tertiary": "var(--k-shab-400)",
     "text-quaternary": "var(--k-shab-500)",
-    "text-on-brand": "var(--k-shab-1000)",
+    "text-on-brand": "var(--k-shab-0)",
     "text-on-error": "var(--k-shab-0)",
     "text-brand": "var(--k-brand-300)",
     "text-error": "var(--k-anar-400)",

package/dist/tokens.css

@@ -68,13 +68,13 @@
   --k-shab-500: #687491;
   --k-shab-550: #5a637a;
   --k-shab-600: #535d78;
-  --k-shab-700: #444c62;
-  --k-shab-800: #2a2f3d;
-  --k-shab-850: #1e222c;
-  --k-shab-900: #161921;
-  --k-shab-925: #111319;
-  --k-shab-950: #0d0f14;
-  --k-shab-1000: #08090c;
+  --k-shab-700: #3e4350;
+  --k-shab-800: #262a33;
+  --k-shab-850: #1c1f26;
+  --k-shab-900: #15171c;
+  --k-shab-925: #111317;
+  --k-shab-950: #0d0e11;
+  --k-shab-1000: #09090b;
   --k-brand-50: var(--k-firoozeh-50);
   --k-brand-100: var(--k-firoozeh-100);
   --k-brand-200: var(--k-firoozeh-200);
@@ -157,8 +157,8 @@
   --k-bg-elevated: var(--k-shab-925);
   --k-bg-hover: rgb(255 255 255 / 0.05);
   --k-bg-active: rgb(255 255 255 / 0.08);
-  --k-bg-brand: var(--k-brand-400);
-  --k-bg-brand-hover: var(--k-brand-300);
+  --k-bg-brand: var(--k-brand-600);
+  --k-bg-brand-hover: var(--k-brand-700);
   --k-bg-brand-subtle: color-mix(in srgb, var(--k-brand-500) 14%, transparent);
   --k-bg-error: var(--k-anar-600);
   --k-bg-error-hover: var(--k-anar-700);
@@ -170,7 +170,7 @@
   --k-text-secondary: var(--k-shab-200);
   --k-text-tertiary: var(--k-shab-400);
   --k-text-quaternary: var(--k-shab-500);
-  --k-text-on-brand: var(--k-shab-1000);
+  --k-text-on-brand: var(--k-shab-0);
   --k-text-on-error: var(--k-shab-0);
   --k-text-brand: var(--k-brand-300);
   --k-text-error: var(--k-anar-400);

package/dist/tokens.js

@@ -32,8 +32,9 @@ export const palette = {
   // ۴۵۰ و ۵۵۰ کم‌رنگ‌ترین خاکستری‌هایی‌اند که هنوز کنتراست ۳:۱ حاشیهٔ فیلد را دارند (روشن و تیره)
   shab: {
     0: "#ffffff", 50: "#f6f7f9", 100: "#eceef2", 200: "#d5d9e2", 300: "#b1b9c9", 400: "#8792ab",
-    450: "#848fa7", 500: "#687491", 550: "#5a637a", 600: "#535d78", 700: "#444c62", 800: "#2a2f3d",
-    850: "#1e222c", 900: "#161921", 925: "#111319", 950: "#0d0f14", 1000: "#08090c",
+    450: "#848fa7", 500: "#687491", 550: "#5a637a", 600: "#535d78", 700: "#3e4350", 800: "#262a33",
+    // سطوح تیره کم‌رنگ‌مایه‌تر از قبل؛ خاکستری خیلی آبی ارزان دیده می‌شد
+    850: "#1c1f26", 900: "#15171c", 925: "#111317", 950: "#0d0e11", 1000: "#09090b",
   },
 };
 
@@ -111,8 +112,9 @@ export const themes = {
     "bg-elevated": p("shab", 925),
     "bg-hover": "rgb(255 255 255 / 0.05)",
     "bg-active": "rgb(255 255 255 / 0.08)",
-    "bg-brand": p("brand", 400),
-    "bg-brand-hover": p("brand", 300),
+    // رنگ برند پررنگ با متن سفید، مثل Untitled UI و Linear؛ فیروزه‌ای روشن روی تیره اسباب‌بازی‌گونه دیده می‌شد
+    "bg-brand": p("brand", 600),
+    "bg-brand-hover": p("brand", 700),
     "bg-brand-subtle": "color-mix(in srgb, var(--k-brand-500) 14%, transparent)",
     "bg-error": p("anar", 600),
     "bg-error-hover": p("anar", 700),
@@ -125,7 +127,7 @@ export const themes = {
     "text-secondary": p("shab", 200),
     "text-tertiary": p("shab", 400),
     "text-quaternary": p("shab", 500),
-    "text-on-brand": p("shab", 1000),
+    "text-on-brand": p("shab", 0),
     "text-on-error": p("shab", 0),
     "text-brand": p("brand", 300),
     "text-error": p("anar", 400),

package/dist/tokens.json

@@ -124,13 +124,13 @@
       "500": "#687491",
       "550": "#5a637a",
       "600": "#535d78",
-      "700": "#444c62",
-      "800": "#2a2f3d",
-      "850": "#1e222c",
-      "900": "#161921",
-      "925": "#111319",
-      "950": "#0d0f14",
-      "1000": "#08090c"
+      "700": "#3e4350",
+      "800": "#262a33",
+      "850": "#1c1f26",
+      "900": "#15171c",
+      "925": "#111317",
+      "950": "#0d0e11",
+      "1000": "#09090b"
     }
   },
   "radius": {
@@ -176,8 +176,8 @@
       "bg-elevated": "var(--k-shab-925)",
       "bg-hover": "rgb(255 255 255 / 0.05)",
       "bg-active": "rgb(255 255 255 / 0.08)",
-      "bg-brand": "var(--k-brand-400)",
-      "bg-brand-hover": "var(--k-brand-300)",
+      "bg-brand": "var(--k-brand-600)",
+      "bg-brand-hover": "var(--k-brand-700)",
       "bg-brand-subtle": "color-mix(in srgb, var(--k-brand-500) 14%, transparent)",
       "bg-error": "var(--k-anar-600)",
       "bg-error-hover": "var(--k-anar-700)",
@@ -189,7 +189,7 @@
       "text-secondary": "var(--k-shab-200)",
       "text-tertiary": "var(--k-shab-400)",
       "text-quaternary": "var(--k-shab-500)",
-      "text-on-brand": "var(--k-shab-1000)",
+      "text-on-brand": "var(--k-shab-0)",
       "text-on-error": "var(--k-shab-0)",
       "text-brand": "var(--k-brand-300)",
       "text-error": "var(--k-anar-400)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kashi-ui/tokens",
-  "version": "0.8.0",
+  "version": "0.9.1",
   "description": "توکن‌های طراحی کاشی — رنگ، فاصله، فونت",
   "type": "module",
   "main": "./dist/index.js",