pixelize-design-library 2.1.18 → 2.1.20

package/dist/Pages/timeline.js

@@ -1,74 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var Timeline_1 = __importDefault(require("../Components/Timeline/Timeline"));
-var TimelinePage = function () {
-    var timeline = [
-        {
-            logs_id: 1,
-            title: "Created",
-            primary_id: 66,
-            is_from: "Accounts",
-            action_from: "Accounts",
-            action_by: "pixelize technology",
-            created_at: 1723104998797,
-            changes: null,
-        },
-        {
-            logs_id: 2,
-            title: "Updated",
-            primary_id: 66,
-            is_from: "Accounts",
-            action_from: "Accounts",
-            action_by: "pixelize technology",
-            created_at: 1723105040247,
-            changes: null,
-        },
-        {
-            logs_id: 10,
-            title: "Created",
-            primary_id: 66,
-            is_from: "Accounts",
-            action_from: "Notes",
-            action_by: "pixelize technology",
-            created_at: 1723202829694,
-            changes: null,
-        },
-        {
-            logs_id: 3,
-            title: "Created",
-            primary_id: 66,
-            is_from: "Accounts",
-            action_from: "Notes",
-            action_by: "pixelize technology",
-            created_at: 1723105099207,
-            changes: null,
-        },
-        {
-            logs_id: 7,
-            title: "Created",
-            primary_id: 66,
-            is_from: "Accounts",
-            action_from: "Notes",
-            action_by: "pixelize technology",
-            created_at: 1723105603033,
-            changes: null,
-        },
-        {
-            logs_id: 8,
-            title: "Created",
-            primary_id: 66,
-            is_from: "Accounts",
-            action_from: "Notes",
-            action_by: "pixelize technology",
-            created_at: 1723202829694,
-            changes: '{"shipping_code":{"original":null,"updated":"aaa"},"shipping_country":{"original":null,"updated":"QQdd"},"description":{"original":null,"updated":"ssAA"},"profile":{"updated":"profile updated"}}',
-        },
-    ];
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Timeline_1.default, { timelineEvents: timeline })));
-};
-exports.default = TimelinePage;

package/dist/Pages/tooltip.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const TooltipPage: () => React.JSX.Element;
-export default TooltipPage;

package/dist/Pages/tooltip.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ToolTip_1 = __importDefault(require("../Components/ToolTip/ToolTip"));
-var TooltipPage = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(ToolTip_1.default, { label: "Hello", placement: "top", hasArrow: true }, "hai")));
-};
-exports.default = TooltipPage;

package/dist/Pages/toster.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const TosterPage: () => React.JSX.Element;
-export default TosterPage;

package/dist/Pages/toster.js

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var Button_1 = __importDefault(require("../Components/Button/Button"));
-var Toaster_1 = require("../Components/Toaster/Toaster");
-var TosterPage = function () {
-    var showToast = (0, Toaster_1.useToaster)().showToast;
-    var handleOnclick = function () {
-        showToast({
-            title: "Hello",
-            duration: 3000,
-            status: "success",
-        });
-        //setIsOpen(true);
-    };
-    var handleOnclick1 = function () {
-        showToast({
-            title: "Hello",
-            duration: 3000,
-            status: "error",
-        });
-        //setIsOpen(true);
-    };
-    var handleOnclick2 = function () {
-        showToast({
-            title: "Hello",
-            duration: 3000,
-            status: "warning",
-        });
-        //setIsOpen(true);
-    };
-    var handleOnclick3 = function () {
-        showToast({
-            title: "Hello",
-            duration: 3000,
-            status: "info",
-        });
-        //setIsOpen(true);
-    };
-    var handleOnclick4 = function () {
-        showToast({
-            title: "Hello",
-            duration: 3000,
-            status: "loading",
-        });
-        //setIsOpen(true);
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick, variant: "solid", size: "md", width: 100 }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick1, variant: "solid", size: "md", width: 100 }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick2, variant: "solid", size: "md", width: 100 }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick3, variant: "solid", size: "md", width: 100 }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick4, variant: "solid", size: "md", width: 100 }),
-        react_1.default.createElement("br", null)));
-};
-exports.default = TosterPage;

package/dist/Pages/verifyEmail.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const VerifyEmailPage: () => React.JSX.Element;
-export default VerifyEmailPage;

package/dist/Pages/verifyEmail.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var VerifyEmailOtp_1 = __importDefault(require("../Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp"));
-var VerifyEmailPage = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(VerifyEmailOtp_1.default, { resendMail: function () {
-                console.log("hello");
-            }, onChange: function (val) {
-                console.log("onchange", val);
-            }, onComplete: function (val) {
-                console.log("onComplete", val);
-            }, pins: 6, title: "Please Verify Account", description: "Enter the six digit code we sent to your email address to verify", styles: { width: "70%", padding: "2px" } })));
-};
-exports.default = VerifyEmailPage;

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

@@ -1,2 +0,0 @@
-declare const darkTheme: Record<string, any>;
-export default darkTheme;

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

@@ -1,35 +0,0 @@
-import "@fontsource/ubuntu-sans";
-declare const fontOptions: {
-    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 fontOptions;

package/dist/Theme/Default/fonts.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("@fontsource/ubuntu-sans");
-var fontOptions = {
-    fonts: {
-        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 = fontOptions;

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

@@ -1,370 +0,0 @@
-declare const palette: {
-    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;
-        };
-    };
-    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;
-        };
-    };
-    gray: {
-        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;
-    };
-    background: {
-        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;
-    };
-    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;
-    };
-    boxShadow: {
-        primary: string;
-        error: string;
-        default: string;
-    };
-    sidebar: {
-        background: {
-            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;
-    };
-    border: {
-        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;
-        };
-    };
-    disabled: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-};
-export default palette;