pixelize-design-library 2.2.151 → 2.2.152

package/dist/Theme/Radiant/palette.js

@@ -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 = "#d4724a"; // darker + warmer — terracotta coral
+var PRIMARY_500 = "#c9653f"; // slightly darker + warmer terracotta
 var primary = {
-    50: "#fdf0ea",
-    100: "#f9dace",
-    200: "#f3b49d",
-    300: "#eb8d6c",
-    400: "#de6e4a",
-    500: PRIMARY_500, // #d4724a
-    600: "#be5c35",
-    700: "#9e4727",
-    800: "#7c341b",
-    900: "#592310",
+    50: "#fceee8",
+    100: "#f6d4c3",
+    200: "#eea98e",
+    300: "#e57f5a",
+    400: "#d8653f",
+    500: PRIMARY_500, // #c9653f
+    600: "#b35433",
+    700: "#924129",
+    800: "#70301d",
+    900: "#4f2012",
     opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(PRIMARY_500),
 };
 var palette = __assign(__assign({}, palette_1.default), { primary: primary, gray: {
-        50: "#faf7f4",
-        100: "#f3ebe3",
-        200: "#e9ddd2",
-        300: "#d6c5b5",
-        400: "#bca290",
-        500: "#967b68",
-        600: "#715c4a",
-        700: "#57473a",
-        800: "#3d3229",
-        900: "#2a211a",
+        50: "#f7f7f6",
+        100: "#eeeeec",
+        200: "#dddcd9",
+        300: "#c6c4c0",
+        400: "#a9a7a2",
+        500: "#8a8883",
+        600: "#6a6863",
+        700: "#504e49",
+        800: "#373530",
+        900: "#24221e",
     }, backgroundColor: {
-        main: "#faf6f2",
-        secondary: "#f4ebe2",
-        tertiary: "#edded3",
-        quaternary: "#e6d4c7",
-        light: "#fdfbf9",
-        medium: "#ebdbd0",
-        accent: "#e4d0c2",
-        subtle: "#f7f1eb",
-        muted: "#ddc9ba",
-        neutral: "#eadbd0",
-        base: "#fcfaf8",
-        tableHeader: "#f4ebe2",
+        main: "#f8f3ee",
+        secondary: "#f1e6dc",
+        tertiary: "#e9dbcf",
+        quaternary: "#e1cfc2",
+        light: "#fdfaf7",
+        medium: "#e6d6c9",
+        accent: "#dcc6b7",
+        subtle: "#f5eee7",
+        muted: "#d6c0b0",
+        neutral: "#e6d6c9",
+        base: "#fbf8f5",
+        tableHeader: "#f1e6dc",
     }, background: {
         50: "#ffffff",
-        100: "#fdfbf8",
-        200: "#f7f1ea",
-        300: "#f2eae1",
-        400: "#ece2d7",
-        500: "#e5dacf",
-        600: "#d3c6b9",
-        700: "#a89a8e",
-        800: "#80736a",
-        900: "#615850",
+        100: "#fcf8f4",
+        200: "#f4ece4",
+        300: "#ede3da",
+        400: "#e6dacf",
+        500: "#decfc3",
+        600: "#cbbcae",
+        700: "#a19386",
+        800: "#7a6d63",
+        900: "#5c534c",
     }, border: {
         50: "#fefcfb",
-        100: "#f6f0ea",
-        200: "#efe6dc",
-        300: "#e7ddd2",
-        400: "#e0d3c7",
-        500: "#d8c9bc",
-        600: "#c4b5a8",
-        700: "#9b8f86",
-        800: "#776c64",
-        900: "#5b524c",
+        100: "#f4ede6",
+        200: "#ebdfd5",
+        300: "#e2d3c8",
+        400: "#d9c7bb",
+        500: "#cfb9ac",
+        600: "#b9a99c",
+        700: "#91857c",
+        800: "#6f655e",
+        900: "#544c46",
     }, boxborder: {
         50: "#fefcfb",
-        100: "#f5efe9",
-        200: "#eee4dc",
-        300: "#e5dbd2",
-        400: "#ddd1c7",
-        500: "#d5c8bc",
-        600: "#c1b4a8",
-        700: "#988e85",
-        800: "#746b63",
-        900: "#585049",
+        100: "#f3ece6",
+        200: "#e9dfd6",
+        300: "#dfd3c9",
+        400: "#d5c7bc",
+        500: "#cabaae",
+        600: "#b5a79b",
+        700: "#8e837b",
+        800: "#6c625c",
+        900: "#524a44",
     }, table: {
         hover: {
             50: "#fffefe",
-            100: "#faf6f1",
-            200: "#f5eeе8",
-            300: "#f0e7df",
-            400: "#ebe0d7",
-            500: "#e5dacf",
-            600: "#d2c5b8",
-            700: "#a99f94",
-            800: "#807870",
-            900: "#625c55",
+            100: "#f8f2ec",
+            200: "#f1e7df",
+            300: "#eadfd6",
+            400: "#e3d6cc",
+            500: "#dccdc2",
+            600: "#c8b9ac",
+            700: "#9f948a",
+            800: "#787069",
+            900: "#5b5550",
         },
     }, sidebar: {
         background: {
-            50: "#f2ebe5",
-            100: "#e4d4ca",
-            200: "#7a5f50", // hover surface
-            300: "#9c7a68",
-            400: "#6a4e3e",
-            500: "#1c110b", // deep warm near-black — richer than before
-            600: "#160d08",
-            700: "#110a06",
-            800: "#0c0704",
-            900: "#070402",
+            50: "#efe6df",
+            100: "#dcc8bb",
+            200: "#6f5546",
+            300: "#8e6d5c",
+            400: "#5d4436",
+            500: "#160d08", // deeper espresso tone
+            600: "#120a06",
+            700: "#0d0704",
+            800: "#090503",
+            900: "#050302",
         },
     }, boxShadow: {
         primary: (0, buildBrandTokens_1.buildPrimaryShadowTint)(PRIMARY_500),

package/package.json

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