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

package/dist/Theme/Rosewood/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;
-        };
-    };
-    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;
-        };
-    };
-    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;
-    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/Rosewood/palette.d.ts.map

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

package/dist/Theme/Rosewood/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 = "#d16a7e"; // muted warm rose (not neon pink)
-const primary = {
-    50: "#fdf2f5",
-    100: "#f9d6de",
-    200: "#f2aaba",
-    300: "#ea7f96",
-    400: "#de627d",
-    500: PRIMARY_500,
-    600: "#b9556b",
-    700: "#984558",
-    800: "#763646",
-    900: "#552634",
-    opacity: (0, buildBrandTokens_1.buildPrimaryOpacity)(PRIMARY_500),
-};
-const palette = {
-    ...palette_1.default,
-    gradient: { from: "#d16a7e", to: "#fb7185" }, // rose → coral pink
-    primary,
-    // 🌫️ Neutral gray (slightly warm, avoids purple tint)
-    gray: {
-        50: "#f9f7f7",
-        100: "#f1ecec",
-        200: "#e4dada",
-        300: "#d0c1c1",
-        400: "#b4a2a2",
-        500: "#927f7f",
-        600: "#6e5e5e",
-        700: "#534747",
-        800: "#3a3030",
-        900: "#272020",
-    },
-    // 🌸 Background system (soft rose tint)
-    backgroundColor: {
-        main: "#fdf8fa",
-        secondary: "#f6ecef",
-        tertiary: "#efe0e5",
-        quaternary: "#e8d4db",
-        light: "#fffafb",
-        medium: "#ecd9df",
-        accent: "#e2c7cf",
-        subtle: "#fbf4f7",
-        muted: "#d9bfc6",
-        neutral: "#ecd9df",
-        base: "#fefbfd",
-        tableHeader: "#f6ecef",
-    },
-    background: {
-        50: "#ffffff",
-        100: "#fdf9fb",
-        200: "#f6ecef",
-        300: "#efe0e5",
-        400: "#e8d4db",
-        500: "#e0c8d0",
-        600: "#cab3bc",
-        700: "#a38f97",
-        800: "#7c6b73",
-        900: "#5e5157",
-    },
-    border: {
-        50: "#fffafb",
-        100: "#f6edef",
-        200: "#eddcdf",
-        300: "#e4ccd0",
-        400: "#dbbcc1",
-        500: "#d1acb2",
-        600: "#bd9aa0",
-        700: "#948086",
-        800: "#706266",
-        900: "#564a4d",
-    },
-    boxborder: {
-        50: "#fffafb",
-        100: "#f5ecef",
-        200: "#ebdade",
-        300: "#e1c9ce",
-        400: "#d7b9bf",
-        500: "#cda8af",
-        600: "#b9979e",
-        700: "#90777f",
-        800: "#6d5a61",
-        900: "#534347",
-    },
-    table: {
-        hover: {
-            50: "#fffefe",
-            100: "#faf2f5",
-            200: "#f4e6ea",
-            300: "#eedadf",
-            400: "#e7cdd4",
-            500: "#e1c1c9",
-            600: "#caaeb6",
-            700: "#a28d94",
-            800: "#7b6e73",
-            900: "#5d5457",
-        },
-    },
-    // 🌑 Sidebar (charcoal rose, not black)
-    sidebar: {
-        background: {
-            50: "#f3eaed",
-            100: "#e0c9cf",
-            200: "#7a4f57",
-            300: "#9a6a73",
-            400: "#5e3a41",
-            500: "#1a1013", // rose-tinted charcoal
-            600: "#140c0e",
-            700: "#0f0809",
-            800: "#0a0506",
-            900: "#060303",
-        },
-    },
-    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/Rosewood/theme.d.ts

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

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

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

package/dist/Theme/Rosewood/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 rosewood = {
-    ...fonts_1.default,
-    colors: palette_1.default,
-    ...common_1.default,
-};
-exports.default = (0, react_1.extendTheme)({
-    ...rosewood,
-    components: componentStyles_1.componentStyles,
-});