@dynamic-mockups/design-system 0.2.15 → 0.2.18

package/dist/src/components/atoms/HoverCard/HoverCard.stories.d.ts

@@ -1,86 +0,0 @@
-import React from "react";
-import type { StoryObj } from "@storybook/react-vite";
-import type { ColorToken } from "./HoverCard";
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./HoverCard").HoverCardProps & React.RefAttributes<HTMLDivElement>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        trigger: {
-            control: false;
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        children: {
-            control: false;
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        backgroundColorToken: {
-            control: "select";
-            options: ColorToken[];
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        textColorToken: {
-            control: "select";
-            options: ColorToken[];
-            description: string;
-            table: {
-                category: string;
-            };
-        };
-        m: {
-            table: {
-                disable: boolean;
-            };
-        };
-        mx: {
-            table: {
-                disable: boolean;
-            };
-        };
-        my: {
-            table: {
-                disable: boolean;
-            };
-        };
-        mt: {
-            table: {
-                disable: boolean;
-            };
-        };
-        mr: {
-            table: {
-                disable: boolean;
-            };
-        };
-        mb: {
-            table: {
-                disable: boolean;
-            };
-        };
-        ml: {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const UserProfile: Story;
-export declare const ProductInfo: Story;
-export declare const Tooltip: Story;
-export declare const LinkPreview: Story;
-export declare const InteractiveColorPicker: Story;

package/dist/src/components/atoms/HoverCard/index.d.ts

@@ -1,2 +0,0 @@
-export { HoverCard } from "./HoverCard";
-export type { HoverCardProps } from "./HoverCard";

package/dist/src/components/atoms/Label/Label.d.ts

@@ -1,19 +0,0 @@
-/**
- * Label Component
- * A label component that extends Radix UI Label
- */
-import React from "react";
-import type { TextProps } from "@radix-ui/themes";
-import { type ColorToken } from "../../../tokens";
-import "./Label.scss";
-export type { ColorToken } from "../../../tokens";
-export type LabelSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
-export type LabelWeight = "light" | "regular" | "medium" | "bold";
-export interface LabelProps extends Omit<TextProps, "size" | "weight" | "as" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
-    size?: LabelSize;
-    weight?: LabelWeight;
-    textColorToken?: ColorToken;
-    htmlFor?: string;
-    required?: boolean;
-}
-export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/src/components/atoms/Label/index.d.ts

@@ -1,2 +0,0 @@
-export { Label } from "./Label";
-export type { LabelProps, LabelSize, LabelWeight } from "./Label";

package/dist/src/components/atoms/Popover/Popover.d.ts

@@ -1,44 +0,0 @@
-/**
- * Popover Component
- * A popover component that extends Radix UI Popover
- */
-import React from "react";
-import { Popover as RadixPopover } from "@radix-ui/themes";
-import { type ColorToken } from "../../../tokens";
-import "./Popover.scss";
-export type { ColorToken } from "../../../tokens";
-export type PopoverSize = "1" | "2" | "3" | "4";
-type PopoverRootProps = React.ComponentPropsWithoutRef<typeof RadixPopover.Root>;
-type PopoverContentProps = React.ComponentPropsWithoutRef<typeof RadixPopover.Content>;
-export interface PopoverProps extends Omit<PopoverRootProps, "children"> {
-    /**
-     * Trigger element that opens the popover
-     */
-    trigger: React.ReactNode;
-    /**
-     * Content to display in the popover
-     */
-    children: React.ReactNode;
-    /**
-     * Popover size
-     * @default '1'
-     */
-    size?: PopoverSize;
-    /**
-     * Color token for popover background
-     */
-    backgroundColorToken?: ColorToken;
-    /**
-     * Color token for popover text
-     */
-    textColorToken?: ColorToken;
-    /**
-     * Content props for positioning
-     */
-    contentProps?: Partial<PopoverContentProps>;
-    /**
-     * Custom className
-     */
-    className?: string;
-}
-export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/atoms/Popover/index.d.ts

@@ -1,2 +0,0 @@
-export { Popover } from "./Popover";
-export type { PopoverProps, PopoverSize } from "./Popover";

package/dist/src/components/atoms/Progress/Progress.d.ts

@@ -1,45 +0,0 @@
-/**
- * Progress Component
- * A progress component that extends Radix UI Progress
- */
-import React from "react";
-import type { ProgressProps as RadixProgressProps } from "@radix-ui/themes";
-import { type ColorToken } from "../../../tokens";
-import "./Progress.scss";
-export type { ColorToken } from "../../../tokens";
-export type ProgressSize = "1" | "2" | "3";
-export type ProgressVariant = "classic" | "surface" | "soft";
-export interface ProgressProps extends Omit<RadixProgressProps, "size" | "variant" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
-    /**
-     * Progress size
-     * @default '2'
-     */
-    size?: ProgressSize;
-    /**
-     * Progress variant
-     * @default 'classic'
-     */
-    variant?: ProgressVariant;
-    /**
-     * Progress value (0-100)
-     */
-    value?: number;
-    /**
-     * Maximum value
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Color token for progress bar background
-     */
-    backgroundColorToken?: ColorToken;
-    /**
-     * Color token for progress bar fill
-     */
-    fillColorToken?: ColorToken;
-    /**
-     * Custom className
-     */
-    className?: string;
-}
-export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/atoms/Progress/index.d.ts

@@ -1,2 +0,0 @@
-export { Progress } from "./Progress";
-export type { ProgressProps, ProgressSize, ProgressVariant } from "./Progress";

package/dist/src/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -1,66 +0,0 @@
-/**
- * ProgressBar Component
- * A flexible progress bar component that extends Radix UI with custom variants and colors
- */
-import React from "react";
-import type { ProgressProps as RadixProgressProps } from "@radix-ui/themes";
-import { type ColorToken } from "../../../tokens";
-import "./ProgressBar.scss";
-export type { ColorToken } from "../../../tokens";
-export type ProgressBarVariant = "classic" | "surface" | "soft";
-export type ProgressBarSize = "1" | "2" | "3";
-export type ProgressBarColor = "primary" | "secondary" | "accent" | "success" | "error" | "warning" | "info" | "neutral" | "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky";
-export interface ProgressBarProps extends Omit<RadixProgressProps, "color" | "variant" | "size" | "duration" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
-    /**
-     * Progress bar variant style
-     * @default 'surface'
-     */
-    variant?: ProgressBarVariant;
-    /**
-     * Progress bar size
-     * @default '2'
-     */
-    size?: ProgressBarSize;
-    /**
-     * Progress bar color - supports custom brand colors and Radix UI colors
-     * @default 'primary'
-     */
-    color?: ProgressBarColor;
-    /**
-     * Enable high contrast mode
-     * @default false
-     */
-    highContrast?: boolean;
-    /**
-     * Current progress value (0-100)
-     * @default 0
-     */
-    value?: number;
-    /**
-     * Maximum value
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Animation duration (e.g., "300ms", "1s")
-     */
-    duration?: `${number}ms` | `${number}s`;
-    /**
-     * Border radius preset
-     */
-    radius?: "none" | "small" | "medium" | "large" | "full";
-    /**
-     * Whether the progress is indeterminate (loading state)
-     * @default false
-     */
-    indeterminate?: boolean;
-    /**
-     * Color token for the progress bar track/background
-     */
-    backgroundColorToken?: ColorToken;
-    /**
-     * Color token for the progress bar fill/indicator
-     */
-    fillColorToken?: ColorToken;
-}
-export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;