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

package/dist/Theme/common.d.ts

@@ -1,167 +0,0 @@
-declare const common: {
-    lineHeights: {
-        normal: string;
-        none: number;
-        shorter: number;
-        short: number;
-        base: number;
-        tall: number;
-        taller: string;
-        "3": string;
-        "4": string;
-        "5": string;
-        "6": string;
-        "7": string;
-        "8": string;
-        "9": string;
-        "10": string;
-    };
-    letterSpacings: {
-        tighter: string;
-        tight: string;
-        normal: string;
-        wide: string;
-        wider: string;
-        widest: string;
-    };
-    space: {
-        px: string;
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        12: string;
-        14: string;
-        16: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-    };
-    sizes: {
-        full: string;
-        screenW: string;
-        screenH: string;
-        max: string;
-        min: string;
-        '3xs': string;
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-        '5xl': string;
-        '6xl': string;
-        '7xl': string;
-        '8xl': string;
-        container: {
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-        px: string;
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        12: string;
-        14: string;
-        16: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-    };
-    breakpoints: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-    };
-    shadows: {
-        xs: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        outline: string;
-        inner: string;
-        none: string;
-        darkLg: string;
-    };
-    radii: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-        full: string;
-    };
-    zIndices: {
-        hide: number;
-        auto: string;
-        base: number;
-        docked: number;
-        dropdown: number;
-        sticky: number;
-        banner: number;
-        overlay: number;
-        modal: number;
-        popover: number;
-        skipLink: number;
-        toast: number;
-        tooltip: number;
-    };
-    config: {
-        cssVarPrefix: string;
-    };
-};
-export default common;
-//# sourceMappingURL=common.d.ts.map

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

@@ -1,37 +0,0 @@
-/** Self-hosted Inter Variable (wght 100–900); required for theme fontWeights to render correctly. */
-import "@fontsource-variable/inter/index.css";
-declare const fonts: {
-    fonts: {
-        body: string;
-        heading: string;
-        mono: string;
-    };
-    fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-        "4xl": string;
-        "5xl": string;
-        "6xl": string;
-        "7xl": string;
-        "8xl": string;
-        "9xl": string;
-    };
-    fontWeights: {
-        hairline: number;
-        thin: number;
-        light: number;
-        normal: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-        extrabold: number;
-        black: number;
-    };
-};
-export default fonts;
-//# sourceMappingURL=fonts.d.ts.map

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

@@ -1,34 +0,0 @@
-declare const space: {
-    px: string;
-    0: string;
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
-};
-export default space;
-//# sourceMappingURL=space.d.ts.map

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/space.js

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

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",
-};

package/eslint.config.js

@@ -1,48 +0,0 @@
-import js from "@eslint/js";
-import globals from "globals";
-import reactPlugin from "eslint-plugin-react";
-import reactHooksPlugin from "eslint-plugin-react-hooks";
-import tseslint from "typescript-eslint";
-
-export default [
-  js.configs.recommended,
-
-  ...tseslint.configs.recommended,
-
-  {
-    files: ["**/*.{ts,tsx,js,jsx}"],
-
-    languageOptions: {
-      parserOptions: {
-        ecmaVersion: "latest",
-        sourceType: "module",
-        ecmaFeatures: {
-          jsx: true,
-        },
-      },
-      globals: {
-        ...globals.browser,
-        ...globals.node,
-      },
-    },
-
-    plugins: {
-      react: reactPlugin,
-      "react-hooks": reactHooksPlugin,
-    },
-
-    settings: {
-      react: {
-        version: "detect",
-      },
-    },
-
-    rules: {
-      "@typescript-eslint/no-explicit-any": "error",
-      "@typescript-eslint/no-unused-vars": "error",
-      "react/react-in-jsx-scope": "off",
-      "react-hooks/rules-of-hooks": "error",
-      "react-hooks/exhaustive-deps": "warn",
-    },
-  },
-];

package/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Pixelize Design System</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <script type="module" src="/src/bootstrap.tsx"></script>
-  </body>
-</html>

package/vite.config.ts

@@ -1,13 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import path from 'path'
-
-export default defineConfig({
-  plugins: [react()],
-  resolve: {
-    alias: {
-      src: path.resolve(__dirname, './src'),
-    },
-  },
-  publicDir: 'public',
-})