npm - pixelize-design-library - Versions diffs - 2.2.147 → 2.2.149 - Mend

pixelize-design-library 2.2.147 → 2.2.149

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp.js +1 -1
package/dist/Components/PinInput/PinInput.js +1 -1
package/dist/Components/Table/Components/TableHeader.js +10 -10
package/dist/Theme/Default/palette.d.ts +12 -12
package/dist/Theme/Default/palette.js +276 -334
package/dist/Theme/Meadow/palette.js +52 -52
package/dist/Theme/Radiant/palette.js +82 -82
package/dist/Theme/Skyline/palette.js +82 -82
package/dist/Theme/Slate/palette.js +81 -81
package/package.json +1 -1

package/dist/Theme/Slate/palette.js CHANGED Viewed

@@ -16,102 +16,102 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var palette_1 = __importDefault(require("../Default/palette"));
 var buildBrandTokens_1 = require("../buildBrandTokens");
-var PRIMARY_500 = "#475569";
+var PRIMARY_500 = "#6b7280"; // was #475569 — pure neutral gray, no blue cast
 var primary = {
-    50: "#f8fafc",
-    100: "#f1f5f9",
-    200: "#e2e8f0",
-    300: "#cbd5e1",
-    400: "#94a3b8",
-    500: PRIMARY_500,
-    600: "#334155",
-    700: "#1e293b",
-    800: "#172033",
-    900: "#0f172a",
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: PRIMARY_500, // #6b7280
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827",
     opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(PRIMARY_500),
 };
 var palette = __assign(__assign({}, palette_1.default), { primary: primary, tertiary: __assign({}, primary), gray: {
-        50: "#f8fafc",
-        100: "#f1f5f9",
-        200: "#e2e8f0",
-        300: "#cbd5e1",
-        400: "#94a3b8",
-        500: "#64748b",
-        600: "#475569",
-        700: "#334155",
-        800: "#1e293b",
-        900: "#0f172a",
+        50: "#f9fafb",
+        100: "#f3f4f6",
+        200: "#e5e7eb",
+        300: "#d1d5db",
+        400: "#9ca3af",
+        500: "#6b7280",
+        600: "#4b5563",
+        700: "#374151",
+        800: "#1f2937",
+        900: "#111827",
     }, backgroundColor: {
-        main: "#f8fafc",
-        secondary: "#f1f5f9",
-        tertiary: "#eceff3",
-        quaternary: "#e2e8f0",
+        main: "#f9fafb",
+        secondary: "#f3f4f6",
+        tertiary: "#edeef1",
+        quaternary: "#e5e7eb",
         light: "#fcfcfd",
-        medium: "#e8ecf1",
-        accent: "#dfe5eb",
-        subtle: "#f5f7fa",
-        muted: "#d8dee6",
-        neutral: "#eef1f5",
-        base: "#fafbfc",
-        tableHeader: "#f1f5f9",
+        medium: "#eaebee",
+        accent: "#e1e3e7",
+        subtle: "#f5f6f7",
+        muted: "#d8dadf",
+        neutral: "#eeeef1",
+        base: "#fafafa",
+        tableHeader: "#f3f4f6",
     }, background: {
         50: "#ffffff",
-        100: "#fcfcfd",
-        200: "#f5f7fa",
-        300: "#f1f5f9",
-        400: "#eceff3",
-        500: "#e6eaef",
-        600: "#cfd6df",
-        700: "#94a3b8",
-        800: "#64748b",
-        900: "#475569",
+        100: "#fafafa",
+        200: "#f4f4f5",
+        300: "#f0f0f1",
+        400: "#eaeaec",
+        500: "#e4e4e7",
+        600: "#cdced2",
+        700: "#9a9ba1",
+        800: "#6b6d75",
+        900: "#4f5057",
     }, border: {
-        50: "#fcfcfd",
-        100: "#f4f6f8",
-        200: "#eceff3",
-        300: "#e4e8ed",
-        400: "#dce1e7",
-        500: "#d4dae1",
-        600: "#bfc6cf",
-        700: "#929aa3",
-        800: "#6b727a",
-        900: "#51565d",
+        50: "#fafafa",
+        100: "#f4f4f5",
+        200: "#ececee",
+        300: "#e4e4e7",
+        400: "#dcdcdf",
+        500: "#d4d4d8",
+        600: "#bebebf",
+        700: "#909096",
+        800: "#6b6b70",
+        900: "#505054",
     }, boxborder: {
-        50: "#fcfcfd",
-        100: "#f3f5f7",
-        200: "#eaeef2",
-        300: "#e2e7ec",
-        400: "#dadfe6",
-        500: "#d2d8e0",
-        600: "#bdc4cd",
-        700: "#90979f",
-        800: "#6a7077",
-        900: "#50555a",
+        50: "#fafafa",
+        100: "#f3f3f4",
+        200: "#eaeaec",
+        300: "#e1e1e4",
+        400: "#d9d9dc",
+        500: "#d0d0d4",
+        600: "#bcbcc0",
+        700: "#8e8e93",
+        800: "#6a6a6e",
+        900: "#4f4f52",
     }, table: {
         hover: {
-            50: "#feffff",
-            100: "#f8fafc",
-            200: "#f3f5f8",
-            300: "#eef1f5",
-            400: "#e9edf2",
-            500: "#e4e9ef",
-            600: "#cfd6df",
-            700: "#a3aab3",
-            800: "#7b8188",
-            900: "#5e6368",
+            50: "#fefefe",
+            100: "#f7f7f8",
+            200: "#f1f1f3",
+            300: "#ebebed",
+            400: "#e5e5e8",
+            500: "#dfdfе2",
+            600: "#cbcbcf",
+            700: "#a0a0a5",
+            800: "#787880",
+            900: "#5a5a60",
         },
     }, sidebar: {
         background: {
-            50: "#e8eef4",
-            100: "#d1dce8",
-            200: "#334155",
-            300: "#64748b",
-            400: "#475569",
-            500: "#0f172a",
-            600: "#0c1320",
-            700: "#090f18",
-            800: "#060b10",
-            900: "#04070c",
+            50: "#d4d4d8",
+            100: "#a1a1aa",
+            200: "#71717a", // hover surface
+            300: "#52525b",
+            400: "#3f3f46",
+            500: "#18181b", // ← near-black charcoal, pure gray no blue
+            600: "#141417",
+            700: "#101013",
+            800: "#0c0c0e",
+            900: "#08080a",
         },
     }, boxShadow: {
         primary: (0, buildBrandTokens_1.buildPrimaryShadowTint)(PRIMARY_500),

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.2.147",
+  "version": "2.2.149",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",