pixelize-design-library 1.1.94 → 2.0.1

package/dist/Theme/Meadow/palette.js

@@ -1,7 +1,41 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var palette = {
-    primary: {
+var palette_1 = __importDefault(require("../Default/palette"));
+var palette = __assign(__assign({}, palette_1.default), { primary: {
+        50: "#e3f9e5",
+        100: "#c1f0c0",
+        200: "#9ee4a1",
+        300: "#72d785",
+        400: "#48c15d",
+        500: "#2caa3d",
+        600: "#239c31",
+        700: "#1d8626",
+        800: "#16631c",
+        900: "#0d4b13",
+        opacity: {
+            4: "#9A4FE50a",
+            8: "#9A4FE514",
+            16: "#9A4FE529",
+            24: "#9A4FE53d",
+            32: "#9A4FE552",
+            40: "#9A4FE566",
+            48: "#9A4FE57a",
+        }
+    }, secondary: {
         50: "#e3f9e5",
         100: "#c1f0c0",
         200: "#9ee4a1",
@@ -11,12 +45,37 @@ var palette = {
         600: "#239c31",
         700: "#1d8626",
         800: "#16631c",
-        900: "#0d4b13", // Darkest green
-    },
-    transparent: "transparent",
-    black: "#000",
-    white: "#fff",
-    semantic: {
+        900: "#0d4b13",
+        opacity: {
+            4: "#9A4FE50a",
+            8: "#9A4FE514",
+            16: "#9A4FE529",
+            24: "#9A4FE53d",
+            32: "#9A4FE552",
+            40: "#9A4FE566",
+            48: "#9A4FE57a",
+        }
+    }, tertiary: {
+        50: "#e3f9e5",
+        100: "#c1f0c0",
+        200: "#9ee4a1",
+        300: "#72d785",
+        400: "#48c15d",
+        500: "#2caa3d",
+        600: "#239c31",
+        700: "#1d8626",
+        800: "#16631c",
+        900: "#0d4b13",
+        opacity: {
+            4: "#9A4FE50a",
+            8: "#9A4FE514",
+            16: "#9A4FE529",
+            24: "#9A4FE53d",
+            32: "#9A4FE552",
+            40: "#9A4FE566",
+            48: "#9A4FE57a",
+        }
+    }, transparent: "transparent", black: "#000", white: "#fff", semantic: {
         success: {
             50: "#e6f9f0",
             100: "#c0f0d8",
@@ -65,8 +124,7 @@ var palette = {
             800: "#004489",
             900: "#002d5c",
         },
-    },
-    gray: {
+    }, gray: {
         50: "#f7fafc",
         100: "#edf2f7",
         200: "#e2e8f0",
@@ -77,8 +135,7 @@ var palette = {
         700: "#2d3748",
         800: "#1a202c",
         900: "#171923",
-    },
-    red: {
+    }, red: {
         50: "#fff5f5",
         100: "#fed7d7",
         200: "#feb2b2",
@@ -89,8 +146,7 @@ var palette = {
         700: "#9b2c2c",
         800: "#822727",
         900: "#63171b",
-    },
-    orange: {
+    }, orange: {
         50: "#fffaf0",
         100: "#feebc8",
         200: "#fbd38d",
@@ -101,8 +157,7 @@ var palette = {
         700: "#9c4221",
         800: "#7b341e",
         900: "#652b19",
-    },
-    yellow: {
+    }, yellow: {
         50: "#fffff0",
         100: "#fefcbf",
         200: "#faf089",
@@ -113,8 +168,7 @@ var palette = {
         700: "#975a16",
         800: "#744210",
         900: "#5f370e",
-    },
-    green: {
+    }, green: {
         50: "#f0fff4",
         100: "#c6f6d5",
         200: "#9ae6b4",
@@ -125,8 +179,7 @@ var palette = {
         700: "#276749",
         800: "#22543d",
         900: "#1c4532",
-    },
-    teal: {
+    }, teal: {
         50: "#e6fffa",
         100: "#b2f5ea",
         200: "#81e6d9",
@@ -137,8 +190,7 @@ var palette = {
         700: "#285e61",
         800: "#234e52",
         900: "#1d4044",
-    },
-    blue: {
+    }, blue: {
         50: "#ebf8ff",
         100: "#bee3f8",
         200: "#90cdf4",
@@ -149,8 +201,7 @@ var palette = {
         700: "#2c5282",
         800: "#2a4365",
         900: "#1a365d",
-    },
-    cyan: {
+    }, cyan: {
         50: "#edfdfd",
         100: "#c4f1f9",
         200: "#9decf9",
@@ -161,8 +212,7 @@ var palette = {
         700: "#0987a0",
         800: "#086f83",
         900: "#065666",
-    },
-    purple: {
+    }, purple: {
         50: "#faf5ff",
         100: "#e9d8fd",
         200: "#d6bcfa",
@@ -173,8 +223,7 @@ var palette = {
         700: "#553c9a",
         800: "#44337a",
         900: "#322659",
-    },
-    pink: {
+    }, pink: {
         50: "#fff5f7",
         100: "#fed7e2",
         200: "#fbb6ce",
@@ -185,8 +234,18 @@ var palette = {
         700: "#97266d",
         800: "#702459",
         900: "#521b41",
-    },
-    backgroundColor: {
+    }, background: {
+        50: "#ffffff",
+        100: "#fefefe",
+        200: "#fdfdfd",
+        300: "#fcfcfc",
+        400: "#fcfcfc",
+        500: "#fbfbfb",
+        600: "#e4e4e4",
+        700: "#b2b2b2",
+        800: "#8a8a8a",
+        900: "#696969",
+    }, backgroundColor: {
         main: "#f8f9fa",
         secondary: "#f1f1f1",
         tertiary: "#ececec",
@@ -197,6 +256,101 @@ var palette = {
         subtle: "#f5f6f7",
         muted: "#dfe3e6",
         neutral: "#ebedef", // Neutral grey with a balanced tone
-    },
-};
+    }, text: {
+        50: "#eeeff0",
+        100: "#cacccf",
+        200: "#b1b3b8",
+        300: "#8d9097",
+        400: "#777b83",
+        500: "#555a64",
+        600: "#4d525b",
+        700: "#3c4047",
+        800: "#2f3237",
+        900: "#24262a",
+    }, header: {
+        50: "#ecedec",
+        100: "#c5c6ca",
+        200: "#a9abb0",
+        300: "#81848c",
+        400: "#696b75",
+        500: "#434853",
+        600: "#3d424c",
+        700: "#30333b",
+        800: "#25282e",
+        900: "#1c1e23",
+    }, placeholder: {
+        50: "#f1f1f2",
+        100: "#d3d5d8",
+        200: "#bec0c5",
+        300: "#a0a3aa",
+        400: "#8d9199",
+        500: "#717680",
+        600: "#676b74",
+        700: "#50545b",
+        800: "#3e4146",
+        900: "#2f3236",
+    }, boxShadow: {
+        primary: "#9A52E247",
+        error: "#F2463A47",
+        default: "",
+    }, sidebar: {
+        background: {
+            50: "#f1f1f2",
+            100: "#d3d5d8",
+            200: "#bec0c5",
+            300: "#a0a3aa",
+            400: "#8d9199",
+            500: "#161B32",
+            600: "#676b74",
+            700: "#50545b",
+            800: "#3e4146",
+            900: "#2f3236",
+        }
+    }, boxborder: {
+        50: "#fbfbfb",
+        100: "#f2f3f4",
+        200: "#ecedee",
+        300: "#e4e5e7",
+        400: "#dee0e2",
+        500: "#d6d8db",
+        600: "#c3c5c7",
+        700: "#98999b",
+        800: "#767778",
+        900: "#5a5b5c",
+    }, border: {
+        50: "#fdfdfd",
+        100: "#f8f8f8",
+        200: "#f4f4f4",
+        300: "#f0f0f0",
+        400: "#ededed",
+        500: "#e8e8e8",
+        600: "#d3d3d3",
+        700: "#a5a5a5",
+        800: "#808080",
+        900: "#616161",
+    }, table: {
+        hover: {
+            50: "#fefefe",
+            100: "#fcfcfc",
+            200: "#fbfbfb",
+            300: "#f9f9f9",
+            400: "#f8f8f8",
+            500: "#f6f6f6",
+            600: "#e0e0e0",
+            700: "#afafaf",
+            800: "#878787",
+            900: "#676767",
+        }
+    }, disabled: {
+        50: "#fcfcfc",
+        100: "#f7f7f7",
+        200: "#f3f3f3",
+        300: "#ededed",
+        400: "#e9e9e9",
+        500: "#e4e4e4",
+        600: "#cfcfcf",
+        700: "#a2a2a2",
+        800: "#7d7d7d",
+        900: "#606060",
+    } });
 exports.default = palette;

package/dist/Theme/Meadow/theme.js

@@ -18,5 +18,6 @@ var react_1 = require("@chakra-ui/react");
 var palette_1 = __importDefault(require("./palette"));
 var fonts_1 = __importDefault(require("../fonts"));
 var common_1 = __importDefault(require("../common"));
+var componentStyles_1 = require("../componentStyles");
 var meadow = __assign(__assign(__assign({}, fonts_1.default), { colors: palette_1.default }), common_1.default);
-exports.default = (0, react_1.extendTheme)(meadow);
+exports.default = (0, react_1.extendTheme)(__assign(__assign({}, meadow), { components: componentStyles_1.componentStyles }));

package/dist/Theme/Radiant/palette.d.ts

@@ -10,6 +10,57 @@ declare const palette: {
         700: string;
         800: string;
         900: string;
+        opacity: {
+            4: string;
+            8: string;
+            16: string;
+            24: string;
+            32: string;
+            40: string;
+            48: string;
+        };
+    };
+    secondary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        opacity: {
+            4: string;
+            8: string;
+            16: string;
+            24: string;
+            32: string;
+            40: string;
+            48: string;
+        };
+    };
+    tertiary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        opacity: {
+            4: string;
+            8: string;
+            16: string;
+            24: string;
+            32: string;
+            40: string;
+            48: string;
+        };
     };
     transparent: string;
     black: string;
@@ -184,6 +235,18 @@ declare const palette: {
         800: string;
         900: string;
     };
+    background: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
     backgroundColor: {
         main: string;
         secondary: string;
@@ -196,5 +259,110 @@ declare const palette: {
         muted: string;
         neutral: string;
     };
+    text: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    header: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    placeholder: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    boxShadow: {
+        primary: string;
+        error: string;
+        default: string;
+    };
+    sidebar: {
+        background: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    };
+    boxborder: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    border: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    table: {
+        hover: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    };
+    disabled: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
 };
 export default palette;