pixelize-design-library 2.3.31 → 2.4.1-beta.10

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

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

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

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

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

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

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

package/dist/Theme/buildBrandTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildBrandTokens.d.ts","sourceRoot":"","sources":["../../src/Theme/buildBrandTokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAOhD;AAED,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM;;;;;;;;EAWrD;AAED,uFAAuF;AACvF,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAGjE"}

package/dist/Theme/chartColorsFromTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chartColorsFromTheme.d.ts","sourceRoot":"","sources":["../../src/Theme/chartColorsFromTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AAE3D,qFAAqF;AACrF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,EAAE,CAO1E;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,iBAAiB,EACzB,UAAU,CAAC,EAAE;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;WAJS,MAAM;cACH,MAAM;gBACJ,MAAM,GAAG,MAAM;gBACf,MAAM;EAUtB;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAErE;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAExE;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAExE"}

package/dist/Theme/common.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/Theme/common.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Theme/common.js

@@ -1,112 +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 space_1 = __importDefault(require("./space"));
-const 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: {
-        ...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.d.ts

@@ -1,10 +0,0 @@
-export declare const componentStyles: {
-    Checkbox: import("@chakra-ui/theme").ComponentStyleConfig;
-    Input: import("@chakra-ui/theme").ComponentStyleConfig;
-    Button: import("@chakra-ui/theme").ComponentStyleConfig;
-    Select: import("@chakra-ui/theme").ComponentStyleConfig;
-    Tag: import("@chakra-ui/theme").ComponentMultiStyleConfig;
-    Textarea: import("@chakra-ui/theme").ComponentStyleConfig;
-    NumberInput: import("@chakra-ui/theme").ComponentStyleConfig;
-};
-//# sourceMappingURL=componentStyles.d.ts.map

package/dist/Theme/componentStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"componentStyles.d.ts","sourceRoot":"","sources":["../../src/Theme/componentStyles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAC"}

package/dist/Theme/componentStyles.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentStyles = void 0;
-const Button_styles_1 = require("../Components/Button/Button.styles");
-const Checkbox_styles_1 = require("../Components/Checkbox/Checkbox.styles");
-const TextInput_styles_1 = require("../Components/Input/TextInput.styles");
-const Select_styles_1 = require("../Components/Select/Select.styles");
-const Tag_styles_1 = require("../Components/Tag/Tag.styles");
-const InputTextArea_style_1 = require("../Components/InputTextArea/InputTextArea.style");
-const NumberInput_styles_1 = require("../Components/NumberInput/NumberInput.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,
-    Textarea: InputTextArea_style_1.Textarea,
-    NumberInput: NumberInput_styles_1.NumberInput,
-};

package/dist/Theme/fonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/Theme/fonts.ts"],"names":[],"mappings":"AAAA,qGAAqG;AACrG,OAAO,sCAAsC,CAAC;AAE9C,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Theme/fonts.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/** Self-hosted Inter Variable (wght 100–900); required for theme fontWeights to render correctly. */
-require("@fontsource-variable/inter/index.css");
-const 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/space.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../src/Theme/space.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Theme/theme.d.ts

@@ -1,3 +0,0 @@
-export type ThemeName = "lavender" | "meadow" | "radiant" | "skyline" | "slate" | "emerald" | "rosewood";
-export declare const themes: Record<ThemeName, string>;
-//# sourceMappingURL=theme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Theme/theme.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,SAAS,GACjB,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAQ5C,CAAC"}

package/dist/Theme/theme.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.themes = void 0;
-exports.themes = {
-    lavender: "lavender",
-    meadow: "meadow",
-    radiant: "radiant",
-    skyline: "skyline",
-    slate: "slate",
-    emerald: "emerald",
-    rosewood: "rosewood",
-};