@dynamic-mockups/design-system 0.1.0

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

@@ -0,0 +1,2 @@
+export { Badge } from "./Badge";
+export type { BadgeProps, BadgeVariant, BadgeSize, BadgeColor } from "./Badge";

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

@@ -0,0 +1,63 @@
+/**
+ * Button Component
+ * A flexible button component that extends Radix UI with custom variants and colors
+ */
+import React from "react";
+import type { ButtonProps as RadixButtonProps } from "@radix-ui/themes";
+import { type ColorToken } from "../../../tokens";
+import "./Button.scss";
+export type { ColorToken } from "../../../tokens";
+export type ButtonVariant = "solid" | "soft" | "outline" | "ghost" | "surface";
+export type ButtonSize = "1" | "2" | "3" | "4";
+export type ButtonColor = "primary" | "secondary" | "accent" | "success" | "error" | "warning" | "info" | "neutral" | "blue" | "cyan" | "green" | "orange" | "pink" | "purple" | "red" | "yellow";
+export interface ButtonProps extends Omit<RadixButtonProps, "color" | "variant" | "size" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    /**
+     * Button variant style
+     * @default 'solid'
+     */
+    variant?: ButtonVariant;
+    /**
+     * Button size
+     * @default '2'
+     */
+    size?: ButtonSize;
+    /**
+     * Button color - supports custom brand colors and Radix UI colors
+     * @default 'primary'
+     */
+    color?: ButtonColor;
+    /**
+     * Color token for the button background
+     * @default undefined (uses color prop)
+     */
+    backgroundColorToken?: ColorToken;
+    /**
+     * Color token for the button text
+     * @default undefined (uses variant defaults)
+     */
+    textColorToken?: ColorToken;
+    /**
+     * Color token for the button border
+     * @default undefined (uses variant defaults)
+     */
+    borderColorToken?: ColorToken;
+    /**
+     * Whether the button is in a loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Icon to display before the button text
+     */
+    leftIcon?: React.ReactNode;
+    /**
+     * Icon to display after the button text
+     */
+    rightIcon?: React.ReactNode;
+    /**
+     * Make button full width
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;