pixelize-design-library 2.4.2-beta.65 → 2.4.2-beta.66

package/dist/esm/Components/Input/Input/Input.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-import { Box, Input as ChakraInput, IconButton } from "@chakra-ui/react";
-import { Eye, EyeOff } from "lucide-react";
-import { TextLabel } from "../../Common/FormLabel.js";
-import { FIELD_RADIUS } from "../../Common/fieldStyles.js";
-import ErrorComponent from "../../Common/ErrorComponent.js";
-import { accentTextOnCanvas } from "../../../Theme/tokens/builders/accentText.js";
-import { useCustomTheme } from "../../../Theme/useCustomTheme.js";
-const Input = ({ label, type, value, onChange, error, placeholder, className, inputBoxClassName, isRequired, isInformation, informationMessage, isDisabled, disabled, }) => {
-    const isFieldDisabled = isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled;
-    const { colors } = useCustomTheme();
-    const [showPassword, setShowPassword] = useState(false);
-    const isPassword = type === "password";
-    const inputType = isPassword ? (showPassword ? "text" : "password") : type;
-    const borderColor = error
-        ? colors.semanticText.error
-        : value
-            ? colors.primary[500]
-            : colors.boxborder[500];
-    const shadowPrimary = colors.boxShadow.primary;
-    const shadowError = colors.boxShadow.error;
-    return (_jsxs(Box, { className: inputBoxClassName, mb: 4, children: [_jsx(TextLabel, { label: label, isRequired: isRequired, isInformation: isInformation, informationMessage: informationMessage }), _jsxs(Box, { position: "relative", w: "100%", overflow: "hidden", children: [_jsx(ChakraInput, { type: inputType, value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder, className: className, px: 4, py: 2, borderRadius: FIELD_RADIUS, borderWidth: "1px", borderColor: borderColor, color: accentTextOnCanvas(colors.secondary, colors.backgroundColor.main), pr: isPassword ? 10 : 4, isDisabled: isFieldDisabled, _hover: {
-                            borderColor: error
-                                ? colors.semantic.error[600]
-                                : value
-                                    ? colors.primary[600]
-                                    : colors.gray[400],
-                        }, _focus: {
-                            borderColor: error ? colors.semanticText.error : colors.primary[500],
-                            boxShadow: error
-                                ? `0 0 0 0.125rem ${shadowError}`
-                                : `0 0 0 0.125rem ${shadowPrimary}`,
-                            outline: "none",
-                        }, required: isRequired }), isPassword && (_jsx(IconButton, { type: "button", "aria-label": showPassword ? "Hide password" : "Show password", variant: "ghost", size: "sm", position: "absolute", right: 2, top: "50%", transform: "translateY(-50%)", icon: showPassword ? _jsx(Eye, { size: 20 }) : _jsx(EyeOff, { size: 20 }), onClick: () => setShowPassword((prev) => !prev), color: colors.textMuted }))] }), error && _jsx(ErrorComponent, { error: error })] }));
-};
-export default React.memo(Input);

package/dist/esm/Components/Input/Input/InputProps.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/Components/ProductCard/productCardFixtures.js

@@ -1,58 +0,0 @@
-export const jacketMedia = [
-    { id: "indigo-front", src: "/p/indigo-front.webp", alt: "Jacket in indigo, front" },
-    { id: "indigo-back", src: "/p/indigo-back.webp", alt: "Jacket in indigo, back" },
-    { id: "ice-front", src: "/p/ice-front.webp", alt: "Jacket in ice blue, front" },
-    { id: "ice-back", src: "/p/ice-back.webp", alt: "Jacket in ice blue, back" },
-    { id: "black-front", src: "/p/black-front.webp", alt: "Jacket in black, front" },
-    { id: "olive-front", src: "/p/olive-front.webp", alt: "Jacket in olive, front" },
-];
-export const jacketAxes = [
-    {
-        id: "colour",
-        label: "Colour",
-        type: "swatch",
-        values: [
-            { id: "indigo", label: "Indigo Wash", swatch: "steelblue" },
-            { id: "ice", label: "Ice Blue", swatch: "lightsteelblue" },
-            { id: "black", label: "Washed Black", swatch: "black" },
-            { id: "olive", label: "Olive", swatch: "olive" },
-        ],
-    },
-    {
-        id: "size",
-        label: "Size",
-        type: "chip",
-        values: [
-            { id: "m", label: "M" },
-            { id: "l", label: "L" },
-        ],
-    },
-];
-const sized = (colour, size, stock) => ({
-    id: `jacket-${colour}-${size}`,
-    options: { colour, size },
-    price: 3499,
-    mrp: 4999,
-    stock,
-});
-export const jacketVariants = [
-    sized("indigo", "m", 10),
-    sized("indigo", "l", 4),
-    sized("ice", "m", 9),
-    sized("ice", "l", 9),
-    sized("black", "m", 0),
-    sized("black", "l", 0),
-    sized("olive", "m", 6),
-    sized("olive", "l", 6),
-];
-export const jacketMediaIds = {
-    "colour:indigo": ["indigo-front", "indigo-back"],
-    "colour:ice": ["ice-front", "ice-back"],
-    "colour:black": ["black-front"],
-    "colour:olive": ["olive-front"],
-};
-export const mugMedia = [
-    { id: "front", src: "/p/mug.webp", alt: "Mug, front" },
-    { id: "detail", src: "/p/mug-d.webp", alt: "Mug, glaze close-up" },
-];
-export const mugVariants = [{ id: "mug-default", options: {}, price: 699, stock: 46 }];

package/dist/esm/services/feedback.js

@@ -1,15 +0,0 @@
-export async function submitFeedback(options) {
-    const { endpoint, payload, headers } = options;
-    const res = await fetch(endpoint, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-            ...(headers !== null && headers !== void 0 ? headers : {}),
-        },
-        body: JSON.stringify(payload),
-    });
-    if (!res.ok) {
-        const text = await res.text().catch(() => "");
-        throw new Error(`Feedback submit failed: ${res.status} ${text}`);
-    }
-}

package/dist/services/feedback.d.ts

@@ -1,12 +0,0 @@
-export type SubmitFeedbackOptions = {
-    endpoint: string;
-    payload: {
-        type: "comments" | "suggestions" | "questions";
-        message: string;
-        firstName: string;
-        lastName: string;
-        email: string;
-    };
-    headers?: Record<string, string>;
-};
-export declare function submitFeedback(options: SubmitFeedbackOptions): Promise<void>;

package/dist/services/feedback.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.submitFeedback = submitFeedback;
-async function submitFeedback(options) {
-    const { endpoint, payload, headers } = options;
-    const res = await fetch(endpoint, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-            ...(headers !== null && headers !== void 0 ? headers : {}),
-        },
-        body: JSON.stringify(payload),
-    });
-    if (!res.ok) {
-        const text = await res.text().catch(() => "");
-        throw new Error(`Feedback submit failed: ${res.status} ${text}`);
-    }
-}