@mich8060/unified-design-system 0.2.10 → 0.2.13

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

@@ -0,0 +1,12 @@
+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

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

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

@@ -0,0 +1,8 @@
+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

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

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

@@ -0,0 +1,6 @@
+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

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

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,8 @@
+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

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

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

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

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

@@ -0,0 +1,8 @@
+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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,10 @@
+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

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

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

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

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,11 @@
+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

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

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

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

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

@@ -0,0 +1,13 @@
+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/TextInput/TextInput.spec.d.ts

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,8 @@
+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

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

package/dist/design-system/tokens/runtime/color.d.ts

@@ -0,0 +1,40 @@
+import type { TokenCategory } from "./types.js";
+type Tone11 = "25" | "50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "1000";
+type Tone10 = Exclude<Tone11, "1000">;
+type Scale11 = Record<Tone11, string>;
+type Scale10 = Record<Tone10, string>;
+export declare const colorTokens: {
+    readonly system: {
+        readonly black: "#111111";
+        readonly white: "#ffffff";
+        readonly transparent: "rgba(255, 255, 255, 0.0099999998)";
+    };
+    readonly neutrals: Scale11;
+    readonly brand: {
+        readonly primary: Scale10;
+        readonly secondary: Scale10;
+        readonly tertiary: Scale10;
+        readonly quaternary: Scale10;
+    };
+    readonly accent: {
+        readonly amber: Scale11;
+        readonly aqua: Scale11;
+        readonly blue: Scale11;
+        readonly cyan: Scale11;
+        readonly emerald: Scale11;
+        readonly fuchsia: Scale11;
+        readonly green: Scale11;
+        readonly indigo: Scale11;
+        readonly lime: Scale11;
+        readonly magenta: Scale11;
+        readonly orange: Scale11;
+        readonly purple: Scale11;
+        readonly red: Scale11;
+        readonly rose: Scale11;
+        readonly sky: Scale11;
+        readonly violet: Scale11;
+        readonly yellow: Scale11;
+    };
+};
+export declare const colorCategory: TokenCategory;
+export {};

package/dist/design-system/tokens/runtime/generateCss.d.ts

@@ -0,0 +1,2 @@
+import type { RuntimeTokens } from "./types.js";
+export declare const generateRuntimeTokensCss: (tokens: RuntimeTokens) => string;