@mich8060/unified-design-system 0.2.13 → 0.2.14

package/dist/design-system/components/Breadcrumb/Breadcrumb.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const BreadcrumbSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/Button/Button.spec.d.ts

@@ -1,12 +0,0 @@
-export declare const ButtonSpec: {
-    readonly allowedVariants: {
-        readonly layout: readonly ["label-only", "icon-left", "icon-right", "icon-only", "only"];
-        readonly appearance: readonly ["primary", "soft", "outline", "text", "ghost", "disabled", "destructive"];
-        readonly size: readonly ["large", "default", "small", "xsmall"];
-    };
-    readonly defaults: {
-        readonly appearance: "primary";
-        readonly layout: "label-only";
-        readonly size: "default";
-    };
-};

package/dist/design-system/components/Calendar/Calendar.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const CalendarSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/Card/Card.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const CardSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/Checkbox/Checkbox.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const CheckboxSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/Chip/Chip.spec.d.ts

@@ -1,13 +0,0 @@
-export declare const ChipSpec: {
-    readonly allowedVariants: {
-        readonly appearance: readonly ["outline", "primary"];
-        readonly shape: readonly ["pill", "rounded"];
-        readonly iconplacement: readonly ["both", "left", "right", "none"];
-    };
-    readonly defaults: {
-        readonly appearance: "outline";
-        readonly shape: "pill";
-        readonly iconPlacement: "none";
-        readonly badgeVariant: "red";
-    };
-};

package/dist/design-system/components/Code/Code.spec.d.ts

@@ -1,10 +0,0 @@
-export declare const CodeSpec: {
-    readonly allowedVariants: {
-        readonly language: readonly ["markup", "css", "clike", "javascript", "typescript", "tsx", "jsx", "json", "bash", "sql"];
-        readonly inline: readonly [true, false];
-    };
-    readonly defaults: {
-        readonly language: "javascript";
-        readonly inline: false;
-    };
-};

package/dist/design-system/components/Container/Container.spec.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentSpec } from "../../specs/spec.types";
-export declare const ContainerSpec: ComponentSpec;

package/dist/design-system/components/Datepicker/Datepicker.spec.d.ts

@@ -1,6 +0,0 @@
-export declare const DatepickerSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly size: "desktop";
-    };
-};

package/dist/design-system/components/Dialog/Dialog.spec.d.ts

@@ -1,8 +0,0 @@
-export declare const DialogSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly intent: "info";
-        readonly confirmLabel: "Confirm";
-        readonly cancelLabel: "Cancel";
-    };
-};

package/dist/design-system/components/Divider/Divider.spec.d.ts

@@ -1,10 +0,0 @@
-export declare const DividerSpec: {
-    readonly allowedVariants: {
-        readonly alignment: readonly ["left", "center", "right"];
-        readonly variant: readonly ["line", "solid"];
-    };
-    readonly defaults: {
-        readonly variant: "line";
-        readonly alignment: "center";
-    };
-};

package/dist/design-system/components/DotStatus/DotStatus.spec.d.ts

@@ -1,10 +0,0 @@
-export declare const DotStatusSpec: {
-    readonly allowedVariants: {
-        readonly variant: readonly ["light-gray", "red", "orange", "yellow", "light-green", "green", "blue", "dark-blue", "teal", "purple", "pink", "magenta", "dark-red", "dark-gray"];
-        readonly size: readonly ["small", "medium", "large"];
-    };
-    readonly defaults: {
-        readonly variant: "blue";
-        readonly size: "medium";
-    };
-};

package/dist/design-system/components/Dropdown/Dropdown.spec.d.ts

@@ -1,12 +0,0 @@
-export declare const DropdownSpec: {
-    readonly allowedVariants: {
-        readonly size: readonly ["compact", "default"];
-        readonly state: readonly ["default", "focused", "error", "disabled"];
-    };
-    readonly defaults: {
-        readonly placeholder: "Select an option";
-        readonly size: "default";
-        readonly state: "default";
-        readonly placement: "bottom-start";
-    };
-};

package/dist/design-system/components/EmptyState/EmptyState.spec.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentSpec } from "../../specs/spec.types";
-export declare const EmptyStateSpec: ComponentSpec;

package/dist/design-system/components/EventCard/EventCard.spec.d.ts

@@ -1,8 +0,0 @@
-export declare const EventCardSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly title: "Title";
-        readonly type: "travel";
-        readonly status: "active";
-    };
-};

package/dist/design-system/components/Field/Field.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const FieldSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/FileUpload/FileUpload.spec.d.ts

@@ -1,6 +0,0 @@
-export declare const FileUploadSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly instructionText: "Drop files here or click to upload";
-    };
-};

package/dist/design-system/components/Flex/Flex.spec.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentSpec } from "../../specs/spec.types";
-export declare const FlexSpec: ComponentSpec;

package/dist/design-system/components/Icon/Icon.spec.d.ts

@@ -1,6 +0,0 @@
-export declare const IconSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly appearance: "regular";
-    };
-};

package/dist/design-system/components/ImageAspect/ImageAspect.spec.d.ts

@@ -1,8 +0,0 @@
-export declare const ImageAspectSpec: {
-    readonly allowedVariants: {
-        readonly aspectratio: readonly ["square", "video", "4-3", "3-2", "21-9", "portrait", "auto"];
-    };
-    readonly defaults: {
-        readonly ratio: "square";
-    };
-};

package/dist/design-system/components/Key/Key.spec.d.ts

@@ -1,8 +0,0 @@
-export declare const KeySpec: {
-    readonly allowedVariants: {
-        readonly appearance: readonly ["light", "dark"];
-    };
-    readonly defaults: {
-        readonly appearance: "light";
-    };
-};

package/dist/design-system/components/Menu/Menu.spec.d.ts

@@ -1,6 +0,0 @@
-export declare const MenuSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly identity: "design-system";
-    };
-};

package/dist/design-system/components/MicroCalendar/MicroCalendar.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const MicroCalendarSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/Modal/Modal.spec.d.ts

@@ -1,8 +0,0 @@
-export declare const ModalSpec: {
-    readonly allowedVariants: {
-        readonly size: readonly ["small", "default", "large", "fullscreen"];
-    };
-    readonly defaults: {
-        readonly size: "default";
-    };
-};

package/dist/design-system/components/Pagination/Pagination.spec.d.ts

@@ -1,6 +0,0 @@
-export declare const PaginationSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly variant: "default";
-    };
-};

package/dist/design-system/components/PillToggle/PillToggle.d.ts

@@ -1,13 +0,0 @@
-import "./_pill-toggle.scss";
-import type { PillToggleProps } from "./PillToggle.types";
-/**
- * PillToggle component for switching between selected and unselected states
- * @param {string} label - The text content of the toggle
- * @param {boolean} selected - Whether the toggle is selected
- * @param {function} onChange - Callback function when toggle state changes
- * @param {string} id - Unique identifier for the toggle input
- * @param {boolean} disabled - Whether the toggle is disabled
- * @param {string} className - Additional CSS classes
- * @param {object} props - Additional props to pass to the toggle
- */
-export default function PillToggle({ label, selected, onChange, id, disabled, className, ...props }: PillToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/PillToggle/PillToggle.spec.d.ts

@@ -1,6 +0,0 @@
-export declare const PillToggleSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly label: "Label States";
-    };
-};

package/dist/design-system/components/PillToggle/PillToggle.types.d.ts

@@ -1,9 +0,0 @@
-import type { InputHTMLAttributes } from "react";
-export interface PillToggleProps extends InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    selected?: boolean;
-    onChange?: (...args: unknown[]) => void;
-    id?: unknown;
-    disabled?: boolean;
-    className?: string;
-}

package/dist/design-system/components/PillToggle/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from "./PillToggle";
-export { default as PillToggle } from "./PillToggle";
-export type { PillToggleProps } from "./PillToggle.types";

package/dist/design-system/components/Playground/Playground.d.ts

@@ -1,12 +0,0 @@
-import "./_playground.scss";
-import type { PlaygroundProps } from "./Playground.types";
-/**
- * Playground component for interactive component prop manipulation
- * Matches Figma design with Canvas + Inspector/Code Panel layout
- * @param {React.Component} component - The component to render
- * @param {object} propDefinitions - Object defining props and their controls
- * @param {string} title - Optional title for the playground
- * @param {object} initialProps - Initial prop values
- * @param {function} renderComponent - Optional custom render function
- */
-export default function Playground({ component: Component, propDefinitions, title, initialProps, renderComponent, }: PlaygroundProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/Playground/Playground.spec.d.ts

@@ -1,6 +0,0 @@
-export declare const PlaygroundSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly title: "Playground";
-    };
-};

package/dist/design-system/components/Playground/Playground.types.d.ts

@@ -1,7 +0,0 @@
-import type { ButtonHTMLAttributes } from "react";
-export interface PlaygroundProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    propDefinitions?: Record<string, unknown>;
-    title?: string;
-    initialProps?: Record<string, unknown>;
-    renderComponent?: unknown;
-}

package/dist/design-system/components/Playground/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from "./Playground";
-export { default as Playground } from "./Playground";
-export type { PlaygroundProps } from "./Playground.types";

package/dist/design-system/components/ProgressCircle/ProgressCircle.spec.d.ts

@@ -1,10 +0,0 @@
-export declare const ProgressCircleSpec: {
-    readonly allowedVariants: {
-        readonly size: readonly ["xxs", "xs", "sm", "md", "lg"];
-        readonly shape: readonly ["circle", "half-circle"];
-    };
-    readonly defaults: {
-        readonly size: "md";
-        readonly shape: "circle";
-    };
-};

package/dist/design-system/components/ProgressIndicator/ProgressIndicator.spec.d.ts

@@ -1,10 +0,0 @@
-export declare const ProgressIndicatorSpec: {
-    readonly allowedVariants: {
-        readonly variant: readonly ["default", "blue", "green", "success", "orange", "warning", "red", "error", "purple"];
-        readonly size: readonly ["small", "medium", "large"];
-    };
-    readonly defaults: {
-        readonly variant: "default";
-        readonly size: "medium";
-    };
-};

package/dist/design-system/components/Radio/Radio.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const RadioSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/Slider/Slider.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const SliderSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/Status/Status.spec.d.ts

@@ -1,11 +0,0 @@
-export declare const StatusSpec: {
-    readonly allowedVariants: {
-        readonly appearance: readonly ["light-gray", "white"];
-        readonly shape: readonly ["pill", "rounded"];
-    };
-    readonly defaults: {
-        readonly variant: "blue";
-        readonly appearance: "light-gray";
-        readonly shape: "pill";
-    };
-};

package/dist/design-system/components/Steps/Steps.spec.d.ts

@@ -1,11 +0,0 @@
-export declare const StepsSpec: {
-    readonly allowedVariants: {
-        readonly orientation: readonly ["horizontal", "vertical"];
-        readonly status: readonly ["complete", "active", "incomplete", "disabled", "error", "warning"];
-        readonly size: readonly ["default", "compact"];
-    };
-    readonly defaults: {
-        readonly orientation: "horizontal";
-        readonly size: "default";
-    };
-};

package/dist/design-system/components/Table/Table.spec.d.ts

@@ -1,4 +0,0 @@
-export declare const TableSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {};
-};

package/dist/design-system/components/Tabs/Tabs.spec.d.ts

@@ -1,7 +0,0 @@
-export declare const TabsSpec: {
-    readonly allowedVariants: {};
-    readonly defaults: {
-        readonly appearance: "underline";
-        readonly tagVariant: "red";
-    };
-};

package/dist/design-system/components/Tag/Tag.spec.d.ts

@@ -1,13 +0,0 @@
-export declare const TagSpec: {
-    readonly allowedVariants: {
-        readonly appearance: readonly ["label-only", "icon-left"];
-        readonly size: readonly ["compact", "default"];
-        readonly color: readonly ["transparent", "neutral", "red", "orange", "yellow", "emerald", "green", "sky", "cyan", "blue", "indigo", "purple", "fuchsia", "magenta", "inverse"];
-    };
-    readonly defaults: {
-        readonly label: "Label";
-        readonly appearance: "label-only";
-        readonly size: "compact";
-        readonly color: "transparent";
-    };
-};

package/dist/design-system/components/Text/Text.spec.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentSpec } from "../../specs/spec.types";
-export declare const TextSpec: ComponentSpec;

package/dist/design-system/components/TextInput/TextInput.spec.d.ts

@@ -1,12 +0,0 @@
-export declare const TextInputSpec: {
-    readonly allowedVariants: {
-        readonly size: readonly ["compact", "default"];
-        readonly state: readonly ["default", "focused", "error", "disabled"];
-    };
-    readonly defaults: {
-        readonly type: "text";
-        readonly size: "default";
-        readonly state: "default";
-        readonly iconPosition: "right";
-    };
-};

package/dist/design-system/components/Textarea/Textarea.spec.d.ts

@@ -1,10 +0,0 @@
-export declare const TextareaSpec: {
-    readonly allowedVariants: {
-        readonly size: readonly ["compact", "default"];
-        readonly state: readonly ["default", "focused", "error", "disabled"];
-    };
-    readonly defaults: {
-        readonly size: "default";
-        readonly state: "default";
-    };
-};

package/dist/design-system/components/Toast/Toast.spec.d.ts

@@ -1,8 +0,0 @@
-export declare const ToastSpec: {
-    readonly allowedVariants: {
-        readonly variant: readonly ["success", "error", "warning", "info"];
-    };
-    readonly defaults: {
-        readonly variant: "info";
-    };
-};

package/dist/design-system/components/Toggle/Toggle.spec.d.ts

@@ -1,8 +0,0 @@
-export declare const ToggleSpec: {
-    readonly allowedVariants: {
-        readonly size: readonly ["large", "small"];
-    };
-    readonly defaults: {
-        readonly size: "large";
-    };
-};

package/dist/design-system/components/Tooltip/Tooltip.spec.d.ts

@@ -1,8 +0,0 @@
-export declare const TooltipSpec: {
-    readonly allowedVariants: {
-        readonly placement: readonly ["top", "bottom", "left", "right"];
-    };
-    readonly defaults: {
-        readonly placement: "top";
-    };
-};

package/dist/design-system/specs/spec.types.d.ts

@@ -1,18 +0,0 @@
-export type ComponentTier = 1 | 2 | 3 | 4;
-export interface ComponentSpec {
-    name: string;
-    tier: ComponentTier;
-    purpose: string;
-    variants: Record<string, {
-        type: "enum" | "boolean";
-        values?: string[];
-        default: string | boolean;
-    }>;
-    states: string[];
-    tokensUsed: string[];
-    accessibility: {
-        role: string;
-        keyboard: string[];
-    };
-    antiPatterns?: string[];
-}