pixelize-design-library 2.1.7 → 2.1.8

package/dist/Theme/Skyline/palette.js

@@ -1,356 +0,0 @@
-"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_1 = __importDefault(require("../Default/palette"));
-var palette = __assign(__assign({}, palette_1.default), { primary: {
-        50: "#e3f2f9",
-        100: "#c5e4f3",
-        200: "#a2d4ec",
-        300: "#7ac1e4",
-        400: "#47a9da",
-        500: "#0088cc",
-        600: "#007ab8",
-        700: "#006ba1",
-        800: "#005885",
-        900: "#003f5e",
-        opacity: {
-            4: "#9A4FE50a",
-            8: "#9A4FE514",
-            16: "#9A4FE529",
-            24: "#9A4FE53d",
-            32: "#9A4FE552",
-            40: "#9A4FE566",
-            48: "#9A4FE57a",
-        }
-    }, secondary: {
-        50: "#e3f2f9",
-        100: "#c5e4f3",
-        200: "#a2d4ec",
-        300: "#7ac1e4",
-        400: "#47a9da",
-        500: "#0088cc",
-        600: "#007ab8",
-        700: "#006ba1",
-        800: "#005885",
-        900: "#003f5e",
-        opacity: {
-            4: "#9A4FE50a",
-            8: "#9A4FE514",
-            16: "#9A4FE529",
-            24: "#9A4FE53d",
-            32: "#9A4FE552",
-            40: "#9A4FE566",
-            48: "#9A4FE57a",
-        }
-    }, tertiary: {
-        50: "#e3f2f9",
-        100: "#c5e4f3",
-        200: "#a2d4ec",
-        300: "#7ac1e4",
-        400: "#47a9da",
-        500: "#0088cc",
-        600: "#007ab8",
-        700: "#006ba1",
-        800: "#005885",
-        900: "#003f5e",
-        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",
-            200: "#8be6bb",
-            300: "#5bdb9e",
-            400: "#33d181",
-            500: "#00b768",
-            600: "#00a05a",
-            700: "#00854b",
-            800: "#006b3c",
-            900: "#004c28",
-        },
-        error: {
-            50: "#ffe6e6",
-            100: "#fbbcbc",
-            200: "#f28f8f",
-            300: "#e66060",
-            400: "#db3a3a",
-            500: "#c21e1e",
-            600: "#a01919",
-            700: "#7e1313",
-            800: "#5c0d0d",
-            900: "#3d0909",
-        },
-        warning: {
-            50: "#fff4e6",
-            100: "#ffe1b8",
-            200: "#ffcc85",
-            300: "#ffb653",
-            400: "#ffa31a",
-            500: "#ff8a00",
-            600: "#db7000",
-            700: "#b75800",
-            800: "#934300",
-            900: "#702f00",
-        },
-        info: {
-            50: "#e3f5ff",
-            100: "#b8e4ff",
-            200: "#85d1ff",
-            300: "#52bdff",
-            400: "#1fa9ff",
-            500: "#008df5",
-            600: "#0077db",
-            700: "#005cb3",
-            800: "#004489",
-            900: "#002d5c",
-        },
-    }, gray: {
-        50: "#f7fafc",
-        100: "#edf2f7",
-        200: "#e2e8f0",
-        300: "#cbd5e0",
-        400: "#a0aec0",
-        500: "#718096",
-        600: "#4a5568",
-        700: "#2d3748",
-        800: "#1a202c",
-        900: "#171923",
-    }, red: {
-        50: "#fff5f5",
-        100: "#fed7d7",
-        200: "#feb2b2",
-        300: "#fc8181",
-        400: "#f56565",
-        500: "#e53e3e",
-        600: "#c53030",
-        700: "#9b2c2c",
-        800: "#822727",
-        900: "#63171b",
-    }, orange: {
-        50: "#fffaf0",
-        100: "#feebc8",
-        200: "#fbd38d",
-        300: "#f6ad55",
-        400: "#ed8936",
-        500: "#dd6b20",
-        600: "#c05621",
-        700: "#9c4221",
-        800: "#7b341e",
-        900: "#652b19",
-    }, yellow: {
-        50: "#fffff0",
-        100: "#fefcbf",
-        200: "#faf089",
-        300: "#f6e05e",
-        400: "#ecc94b",
-        500: "#d69e2e",
-        600: "#b7791f",
-        700: "#975a16",
-        800: "#744210",
-        900: "#5f370e",
-    }, green: {
-        50: "#f0fff4",
-        100: "#c6f6d5",
-        200: "#9ae6b4",
-        300: "#68d391",
-        400: "#48bb78",
-        500: "#38a169",
-        600: "#2f855a",
-        700: "#276749",
-        800: "#22543d",
-        900: "#1c4532",
-    }, teal: {
-        50: "#e6fffa",
-        100: "#b2f5ea",
-        200: "#81e6d9",
-        300: "#4fd1c5",
-        400: "#38b2ac",
-        500: "#319795",
-        600: "#2c7a7b",
-        700: "#285e61",
-        800: "#234e52",
-        900: "#1d4044",
-    }, blue: {
-        50: "#ebf8ff",
-        100: "#bee3f8",
-        200: "#90cdf4",
-        300: "#63b3ed",
-        400: "#4299e1",
-        500: "#3182ce",
-        600: "#2b6cb0",
-        700: "#2c5282",
-        800: "#2a4365",
-        900: "#1a365d",
-    }, cyan: {
-        50: "#edfdfd",
-        100: "#c4f1f9",
-        200: "#9decf9",
-        300: "#76e4f7",
-        400: "#0bc5ea",
-        500: "#00b5d8",
-        600: "#00a3c4",
-        700: "#0987a0",
-        800: "#086f83",
-        900: "#065666",
-    }, purple: {
-        50: "#faf5ff",
-        100: "#e9d8fd",
-        200: "#d6bcfa",
-        300: "#b794f4",
-        400: "#9f7aea",
-        500: "#805ad5",
-        600: "#6b46c1",
-        700: "#553c9a",
-        800: "#44337a",
-        900: "#322659",
-    }, pink: {
-        50: "#fff5f7",
-        100: "#fed7e2",
-        200: "#fbb6ce",
-        300: "#f687b3",
-        400: "#ed64a6",
-        500: "#d53f8c",
-        600: "#b83280",
-        700: "#97266d",
-        800: "#702459",
-        900: "#521b41",
-    }, 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",
-        quaternary: "#e2e6ea",
-        light: "#fafafa",
-        medium: "#eaeaea",
-        accent: "#e5e5e5",
-        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/Skyline/theme.js

@@ -1,23 +0,0 @@
-"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 react_1 = require("@chakra-ui/react");
-var palette_1 = __importDefault(require("./palette"));
-var common_1 = __importDefault(require("../common"));
-var fonts_1 = __importDefault(require("../fonts"));
-var componentStyles_1 = require("../componentStyles");
-var skyline = __assign(__assign({ colors: palette_1.default }, fonts_1.default), common_1.default);
-exports.default = (0, react_1.extendTheme)(__assign(__assign({}, skyline), { components: componentStyles_1.componentStyles }));

package/dist/Theme/common.js

@@ -1,101 +0,0 @@
-"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 space_1 = __importDefault(require("./space"));
-var common = {
-    lineHeights: {
-        normal: "normal",
-        none: 1,
-        shorter: 1.25,
-        short: 1.375,
-        base: 1.5,
-        tall: 1.625,
-        taller: "2",
-        "3": ".75rem",
-        "4": "1rem",
-        "5": "1.25rem",
-        "6": "1.5rem",
-        "7": "1.75rem",
-        "8": "2rem",
-        "9": "2.25rem",
-        "10": "2.5rem",
-    },
-    letterSpacings: {
-        tighter: "-0.05em",
-        tight: "-0.025em",
-        normal: "0",
-        wide: "0.025em",
-        wider: "0.05em",
-        widest: "0.1em",
-    },
-    space: space_1.default,
-    sizes: __assign(__assign({}, space_1.default), { full: "100%", screenW: "100vw", screenH: "100vh", max: 'max-content', min: 'min-content', '3xs': '14rem', '2xs': '16rem', xs: '20rem', sm: '24rem', md: '28rem', lg: '32rem', xl: '36rem', '2xl': '42rem', '3xl': '48rem', '4xl': '56rem', '5xl': '64rem', '6xl': '72rem', '7xl': '80rem', '8xl': '90rem', container: {
-            sm: '640px',
-            md: '768px',
-            lg: '1024px',
-            xl: '1280px',
-        } }),
-    breakpoints: {
-        sm: "30em",
-        md: "48em",
-        lg: "62em",
-        xl: "80em",
-        "2xl": "96em",
-    },
-    shadows: {
-        xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
-        sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-        base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
-        md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-        lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
-        xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-        "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
-        outline: "0 0 0 3px rgba(66, 153, 225, 0.6)",
-        inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
-        none: "none",
-        darkLg: "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.5)",
-    },
-    radii: {
-        none: "0",
-        sm: "0.125rem",
-        base: "0.25rem",
-        md: "0.375rem",
-        lg: "0.5rem",
-        xl: "0.75rem",
-        "2xl": "1rem",
-        "3xl": "1.5rem",
-        full: "9999px",
-    },
-    zIndices: {
-        hide: -1,
-        auto: "auto",
-        base: 0,
-        docked: 10,
-        dropdown: 1000,
-        sticky: 1100,
-        banner: 1200,
-        overlay: 1300,
-        modal: 1400,
-        popover: 1500,
-        skipLink: 1600,
-        toast: 1700,
-        tooltip: 1800,
-    },
-    config: {
-        cssVarPrefix: 'ck',
-    }
-};
-exports.default = common;

package/dist/Theme/componentStyles.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentStyles = void 0;
-var Button_styles_1 = require("../Components/Button/Button.styles");
-var Checkbox_styles_1 = require("../Components/Checkbox/Checkbox.styles");
-var TextInput_styles_1 = require("../Components/Input/TextInput.styles");
-var Select_styles_1 = require("../Components/Select/Select.styles");
-var Tag_styles_1 = require("../Components/Tag/Tag.styles");
-exports.componentStyles = {
-    Checkbox: Checkbox_styles_1.Checkbox,
-    Input: TextInput_styles_1.Input,
-    Button: Button_styles_1.Button,
-    Select: Select_styles_1.Select,
-    Tag: Tag_styles_1.Tag,
-};

package/dist/Theme/fonts.js

@@ -1,41 +0,0 @@
-"use strict";
-// Supports weights 100-900
-// import "@fontsource-variable/inter";
-Object.defineProperty(exports, "__esModule", { value: true });
-var fonts = {
-    fonts: {
-        body: "Inter Variable, sans-serif",
-        heading: "Inter Variable, sans-serif",
-        mono: "Inter Variable, sans-serif",
-        // body: "Ubuntu Sans, serif",
-        // heading: "Ubuntu Sans, serif",
-        // mono: "Ubuntu Sans, monospace",
-    },
-    fontSizes: {
-        xs: "0.75rem",
-        sm: "0.875rem",
-        md: "1rem",
-        lg: "1.125rem",
-        xl: "1.25rem",
-        "2xl": "1.5rem",
-        "3xl": "1.875rem",
-        "4xl": "2.25rem",
-        "5xl": "3rem",
-        "6xl": "3.75rem",
-        "7xl": "4.5rem",
-        "8xl": "6rem",
-        "9xl": "8rem",
-    },
-    fontWeights: {
-        hairline: 100,
-        thin: 200,
-        light: 300,
-        normal: 400,
-        medium: 500,
-        semibold: 600,
-        bold: 700,
-        extrabold: 800,
-        black: 900,
-    },
-};
-exports.default = fonts;

package/dist/Theme/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemesList = exports.lavender = exports.radiant = exports.meadow = exports.skyline = void 0;
-var theme_1 = __importDefault(require("./Default/theme"));
-exports.lavender = theme_1.default;
-var theme_2 = __importDefault(require("./Meadow/theme"));
-exports.meadow = theme_2.default;
-var theme_3 = __importDefault(require("./Radiant/theme"));
-exports.radiant = theme_3.default;
-var theme_4 = __importDefault(require("./Skyline/theme"));
-exports.skyline = theme_4.default;
-exports.ThemesList = {
-    skyline: theme_4.default,
-    meadow: theme_2.default,
-    radiant: theme_3.default,
-    lavender: theme_1.default,
-};

package/dist/Theme/space.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var space = {
-    px: "1px",
-    0: "0",
-    1: "0.25rem",
-    2: "0.5rem",
-    3: "0.75rem",
-    4: "1rem",
-    5: "1.25rem",
-    6: "1.5rem",
-    7: "1.75rem",
-    8: "2rem",
-    9: "2.25rem",
-    10: "2.5rem",
-    12: "3rem",
-    14: "3.5rem",
-    16: "4rem",
-    20: "5rem",
-    24: "6rem",
-    28: "7rem",
-    32: "8rem",
-    36: "9rem",
-    40: "10rem",
-    44: "11rem",
-    48: "12rem",
-    52: "13rem",
-    56: "14rem",
-    60: "15rem",
-    64: "16rem",
-    72: "18rem",
-    80: "20rem",
-    96: "24rem", // 384px
-};
-exports.default = space;

package/dist/Theme/theme.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.themes = void 0;
-exports.themes = {
-    skyline: 'skyline',
-    midnight: 'midnight',
-    sunset: 'sunset',
-    lavender: 'lavender',
-};

package/dist/Theme/themeProps.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("@chakra-ui/react");

package/dist/Theme/useCustomTheme.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCustomTheme = void 0;
-var react_1 = require("@chakra-ui/react");
-var useCustomTheme = function () {
-    return (0, react_1.useTheme)();
-};
-exports.useCustomTheme = useCustomTheme;