pixelize-design-library 2.4.1-beta.2 → 2.4.1-beta.4

package/dist/Theme/Emerald/palette.js

@@ -1,125 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const palette_1 = __importDefault(require("../Default/palette"));
-const buildBrandTokens_1 = require("../buildBrandTokens");
-const PRIMARY_500 = "#0f9d8a"; // teal-emerald core (balanced, not too green/blue)
-const primary = {
-    50: "#e6f7f5",
-    100: "#c2ebe6",
-    200: "#8eddd4",
-    300: "#5acfc2",
-    400: "#2fb7a9",
-    500: PRIMARY_500,
-    600: "#0c8575",
-    700: "#096b5e",
-    800: "#065248",
-    900: "#043b35",
-    opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(PRIMARY_500),
-};
-const palette = {
-    ...palette_1.default,
-    gradient: { from: "#0f9d8a", to: "#06b6d4" }, // teal → cyan
-    primary,
-    // 🌫️ Neutral gray (slightly cool to match teal)
-    gray: {
-        50: "#f6f8f8",
-        100: "#edf2f2",
-        200: "#dce5e5",
-        300: "#c3d2d2",
-        400: "#9fb3b3",
-        500: "#7c9191",
-        600: "#5e7070",
-        700: "#475555",
-        800: "#2f3a3a",
-        900: "#1f2626",
-    },
-    // 🌊 Background system (very subtle teal tint)
-    backgroundColor: {
-        main: "#f7fbfb",
-        secondary: "#eef7f6",
-        tertiary: "#e5f1ef",
-        quaternary: "#dcebea",
-        light: "#fcfefe",
-        medium: "#e2efee",
-        accent: "#d5e7e5",
-        subtle: "#f4f9f9",
-        muted: "#cfe2e0",
-        neutral: "#e2efee",
-        base: "#fafdfd",
-        tableHeader: "#eef7f6",
-    },
-    background: {
-        50: "#ffffff",
-        100: "#fbfefe",
-        200: "#eef7f6",
-        300: "#e5f1ef",
-        400: "#dcebea",
-        500: "#d2e4e2",
-        600: "#bdd1cf",
-        700: "#96a9a7",
-        800: "#707f7e",
-        900: "#545f5f",
-    },
-    border: {
-        50: "#fafeff",
-        100: "#edf5f4",
-        200: "#ddebea",
-        300: "#cde1df",
-        400: "#bdd6d4",
-        500: "#accbc9",
-        600: "#99b7b5",
-        700: "#788f8e",
-        800: "#5b6e6d",
-        900: "#455454",
-    },
-    boxborder: {
-        50: "#fafeff",
-        100: "#ecf4f3",
-        200: "#d9e7e5",
-        300: "#c6dad8",
-        400: "#b3cdcb",
-        500: "#a0c0be",
-        600: "#8dadab",
-        700: "#6e8786",
-        800: "#546868",
-        900: "#3f5050",
-    },
-    table: {
-        hover: {
-            50: "#fbfefe",
-            100: "#f0f7f7",
-            200: "#e6f1f1",
-            300: "#dceaea",
-            400: "#d2e3e3",
-            500: "#c8dcdc",
-            600: "#b4c7c7",
-            700: "#909f9f",
-            800: "#6c7777",
-            900: "#525b5b",
-        },
-    },
-    // 🌑 Sidebar (deep teal-black)
-    sidebar: {
-        background: {
-            50: "#eaf4f3",
-            100: "#cfe3e1",
-            200: "#3e6f6a",
-            300: "#5a8c86",
-            400: "#2f5a55",
-            500: "#0e1f1e", // charcoal teal (instead of near-black)
-            600: "#0b1918",
-            700: "#081312",
-            800: "#060e0d",
-            900: "#040908",
-        },
-    },
-    boxShadow: {
-        primary: (0, buildBrandTokens_1.buildPrimaryShadowTint)(PRIMARY_500),
-        error: palette_1.default.boxShadow.error,
-        default: palette_1.default.boxShadow.default,
-    },
-};
-exports.default = palette;

package/dist/Theme/Emerald/theme.d.ts

@@ -1,3 +0,0 @@
-declare const _default: Record<string, any>;
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

package/dist/Theme/Emerald/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Theme/Emerald/theme.ts"],"names":[],"mappings":";AAaA,wBAGG"}

package/dist/Theme/Emerald/theme.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@chakra-ui/react");
-const palette_1 = __importDefault(require("./palette"));
-const fonts_1 = __importDefault(require("../fonts"));
-const common_1 = __importDefault(require("../common"));
-const componentStyles_1 = require("../componentStyles");
-const emerald = {
-    ...fonts_1.default,
-    colors: palette_1.default,
-    ...common_1.default,
-};
-exports.default = (0, react_1.extendTheme)({
-    ...emerald,
-    components: componentStyles_1.componentStyles,
-});

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

@@ -1,375 +0,0 @@
-declare const palette: {
-    gradient: {
-        from: string;
-        to: string;
-    };
-    primary: {
-        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;
-        };
-    };
-    gray: {
-        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;
-        tertiary: string;
-        quaternary: string;
-        light: string;
-        medium: string;
-        accent: string;
-        subtle: string;
-        muted: string;
-        neutral: string;
-        base: string;
-        tableHeader: string;
-    };
-    background: {
-        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;
-    };
-    boxborder: {
-        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;
-        };
-    };
-    sidebar: {
-        background: {
-            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;
-    };
-    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;
-        };
-    };
-    transparent: string;
-    black: string;
-    white: string;
-    semantic: {
-        success: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        error: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        warning: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        info: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-    };
-    red: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    orange: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    yellow: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    green: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    teal: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    blue: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    cyan: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    purple: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    pink: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: 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;
-    };
-    disabled: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-};
-export default palette;
-//# sourceMappingURL=palette.d.ts.map

package/dist/Theme/Meadow/palette.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../src/Theme/Meadow/palette.ts"],"names":[],"mappings":"AAkBA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Theme/Meadow/palette.js

@@ -1,123 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const palette_1 = __importDefault(require("../Default/palette"));
-const buildBrandTokens_1 = require("../buildBrandTokens");
-const PRIMARY_500 = "#2d6a4f"; // was #2caa3d — deeper, forest-toned
-const primary = {
-    50: "#edf7f2",
-    100: "#d0edde",
-    200: "#a3d9bc",
-    300: "#6dbf96",
-    400: "#3fa872",
-    500: PRIMARY_500, // #2d6a4f
-    600: "#245840",
-    700: "#1b4531",
-    800: "#123223",
-    900: "#0a2016",
-    opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(PRIMARY_500),
-};
-const palette = {
-    ...palette_1.default,
-    gradient: { from: "#2d6a4f", to: "#14b8a6" }, // forest green → teal
-    primary,
-    tertiary: { ...primary },
-    gray: {
-        50: "#f6f9f7",
-        100: "#ecf1ee",
-        200: "#dce5e0",
-        300: "#c4d2cb",
-        400: "#93a99f",
-        500: "#637d72",
-        600: "#445f52",
-        700: "#344a3f",
-        800: "#24342b",
-        900: "#16221c",
-    },
-    backgroundColor: {
-        main: "#f4f8f6",
-        secondary: "#ecf3ef",
-        tertiary: "#e4ede7",
-        quaternary: "#dae7e1",
-        light: "#f8fbf9",
-        medium: "#e3eae6",
-        accent: "#d8e4de",
-        subtle: "#f1f6f3",
-        muted: "#d2ddd7",
-        neutral: "#e5ece8",
-        base: "#f9fcfa",
-        tableHeader: "#ecf3ef",
-    },
-    background: {
-        50: "#ffffff",
-        100: "#f8fbf9",
-        200: "#f2f7f4",
-        300: "#ecf3ef",
-        400: "#e5ede8",
-        500: "#dfe8e2",
-        600: "#c9d5ce",
-        700: "#9eada6",
-        800: "#768178",
-        900: "#586259",
-    },
-    border: {
-        50: "#fbfcfb",
-        100: "#f3f6f4",
-        200: "#ecefec",
-        300: "#e5eae5",
-        400: "#dfe5df",
-        500: "#d7ded8",
-        600: "#c3cbc4",
-        700: "#99a39b",
-        800: "#757c76",
-        900: "#5a5f5b",
-    },
-    boxborder: {
-        50: "#fbfcfb",
-        100: "#f2f5f3",
-        200: "#ebeef0",
-        300: "#e4e8e5",
-        400: "#dee3df",
-        500: "#d6dcd7",
-        600: "#c3c9c4",
-        700: "#989d99",
-        800: "#767a76",
-        900: "#5a5d5b",
-    },
-    table: {
-        hover: {
-            50: "#fefffe",
-            100: "#f8fbf9",
-            200: "#f2f7f3",
-            300: "#edf3ef",
-            400: "#e7efe9",
-            500: "#e1eae3",
-            600: "#cdd8cf",
-            700: "#a3aea4",
-            800: "#7d857f",
-            900: "#5f6561",
-        },
-    },
-    sidebar: {
-        background: {
-            50: "#e8f0eb",
-            100: "#d0e0d6",
-            200: "#244030", // slightly lighter surface
-            300: "#5f7d6c",
-            400: "#3a5a47",
-            500: "#0f2318", // main sidebar bg — very deep forest
-            600: "#0c1c13",
-            700: "#09150e",
-            800: "#060e09",
-            900: "#030705",
-        },
-    },
-    boxShadow: {
-        primary: (0, buildBrandTokens_1.buildPrimaryShadowTint)(PRIMARY_500),
-        error: palette_1.default.boxShadow.error,
-        default: palette_1.default.boxShadow.default,
-    },
-};
-exports.default = palette;

package/dist/Theme/Meadow/theme.d.ts

@@ -1,3 +0,0 @@
-declare const _default: Record<string, any>;
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

package/dist/Theme/Meadow/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Theme/Meadow/theme.ts"],"names":[],"mappings":";AAaA,wBAGG"}

package/dist/Theme/Meadow/theme.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@chakra-ui/react");
-const palette_1 = __importDefault(require("./palette"));
-const fonts_1 = __importDefault(require("../fonts"));
-const common_1 = __importDefault(require("../common"));
-const componentStyles_1 = require("../componentStyles");
-const meadow = {
-    ...fonts_1.default,
-    colors: palette_1.default,
-    ...common_1.default,
-};
-exports.default = (0, react_1.extendTheme)({
-    ...meadow,
-    components: componentStyles_1.componentStyles,
-});