@mich8060/unified-design-system 0.2.14 → 0.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ai/discovery.json +14 -0
- package/dist/ai/examples/training.examples.cjs +1 -1
- package/dist/ai/examples/training.examples.js +1 -1
- package/dist/ai/figma-make.contract.json +190 -0
- package/dist/ai/figma-make.md +71 -0
- package/dist/ai/icons/catalog.json +76 -0
- package/dist/ai/index.cjs +1 -1
- package/dist/ai/index.js +1 -1
- package/dist/ai/manifest/components.manifest.cjs +1 -1
- package/dist/ai/manifest/components.manifest.js +1 -1
- package/dist/ai/manifest/index.cjs +1 -1
- package/dist/ai/manifest/index.js +1 -1
- package/dist/ai/manifest/intent-mappings.manifest.cjs +1 -0
- package/dist/ai/manifest/intent-mappings.manifest.js +1 -0
- package/dist/ai/manifest/system.manifest.cjs +1 -1
- package/dist/ai/manifest/system.manifest.js +1 -1
- package/dist/ai/manifest.json +366 -2
- package/dist/ai/policies/policy.engine.cjs +1 -1
- package/dist/ai/policies/policy.engine.js +1 -1
- package/dist/ai/policies/rules/props.rules.cjs +1 -1
- package/dist/ai/policies/rules/props.rules.js +1 -1
- package/dist/ai/policies/rules/tailwind.rules.cjs +1 -0
- package/dist/ai/policies/rules/tailwind.rules.js +1 -0
- package/dist/ai/policies/rules/token-variable.rules.cjs +1 -0
- package/dist/ai/policies/rules/token-variable.rules.js +1 -0
- package/dist/ai/prompts/figma-make.prompt.md +59 -0
- package/dist/ai/prompts/repair.prompt.md +13 -0
- package/dist/ai/prompts/starter.prompt.md +59 -0
- package/dist/ai/prompts/system.prompt.md +33 -0
- package/dist/ai/templates/layouts.json +272 -37
- package/dist/ai/validation/deterministicFeedback.cjs +1 -1
- package/dist/ai/validation/deterministicFeedback.js +1 -1
- package/dist/ai/validation/driftDetection.cjs +1 -1
- package/dist/ai/validation/driftDetection.js +1 -1
- package/dist/app-shell/AppShell.d.ts +8 -0
- package/dist/charts/BizChartsAdapters.cjs +1 -0
- package/dist/charts/BizChartsAdapters.js +1 -0
- package/dist/charts-bizcharts/index.cjs +1 -0
- package/dist/charts-bizcharts/index.js +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.cjs +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.js +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.cjs +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -0
- package/dist/components/Checklist/Checklist.cjs +1 -0
- package/dist/components/Checklist/Checklist.js +1 -0
- package/dist/components/Chip/Chip.cjs +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.cjs +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +1 -0
- package/dist/components/DateInput/DateInput.cjs +1 -0
- package/dist/components/DateInput/DateInput.js +1 -0
- package/dist/components/DateRangeInput/DateRangeInput.cjs +1 -0
- package/dist/components/DateRangeInput/DateRangeInput.js +1 -0
- package/dist/components/Icon/Icon.cjs +1 -1
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/Menu/Menu.cjs +1 -1
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/NumberInput/NumberInput.cjs +1 -0
- package/dist/components/NumberInput/NumberInput.js +1 -0
- package/dist/components/PasswordInput/PasswordInput.cjs +1 -0
- package/dist/components/PasswordInput/PasswordInput.js +1 -0
- package/dist/components/PhoneInput/PhoneInput.cjs +1 -0
- package/dist/components/PhoneInput/PhoneInput.js +1 -0
- package/dist/components/RadioGroup/RadioGroup.cjs +1 -0
- package/dist/components/RadioGroup/RadioGroup.js +1 -0
- package/dist/components/SearchInput/SearchInput.cjs +1 -0
- package/dist/components/SearchInput/SearchInput.js +1 -0
- package/dist/components/SectionHeader/SectionHeader.cjs +1 -0
- package/dist/components/SectionHeader/SectionHeader.js +1 -0
- package/dist/components/Statistics/Statistics.cjs +1 -0
- package/dist/components/Statistics/Statistics.js +1 -0
- package/dist/components/Status/Status.cjs +1 -1
- package/dist/components/Status/Status.js +1 -1
- package/dist/components/Table/Table.cjs +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Tabs/Tabs.cjs +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/TimeInput/TimeInput.cjs +1 -0
- package/dist/components/TimeInput/TimeInput.js +1 -0
- package/dist/components/TokenInput/TokenInput.cjs +1 -0
- package/dist/components/TokenInput/TokenInput.js +1 -0
- package/dist/components/Toolbar/Toolbar.cjs +1 -0
- package/dist/components/Toolbar/Toolbar.js +1 -0
- package/dist/design-system/ai/index.d.ts +2 -1
- package/dist/design-system/ai/manifest/index.d.ts +1 -0
- package/dist/design-system/ai/manifest/intent-mappings.manifest.d.ts +63 -0
- package/dist/design-system/ai/manifest/types.d.ts +8 -0
- package/dist/design-system/ai/policies/rules/tailwind.rules.d.ts +2 -0
- package/dist/design-system/ai/policies/rules/token-variable.rules.d.ts +2 -0
- package/dist/design-system/charts/BizChartsAdapters.d.ts +40 -0
- package/dist/design-system/charts/index.d.ts +1 -0
- package/dist/design-system/components/ButtonGroup/ButtonGroup.d.ts +3 -0
- package/dist/design-system/components/ButtonGroup/ButtonGroup.types.d.ts +19 -0
- package/dist/design-system/components/ButtonGroup/index.d.ts +2 -0
- package/dist/design-system/components/CheckboxGroup/CheckboxGroup.d.ts +3 -0
- package/dist/design-system/components/CheckboxGroup/CheckboxGroup.types.d.ts +15 -0
- package/dist/design-system/components/CheckboxGroup/index.d.ts +2 -0
- package/dist/design-system/components/Checklist/Checklist.d.ts +3 -0
- package/dist/design-system/components/Checklist/Checklist.types.d.ts +13 -0
- package/dist/design-system/components/Checklist/index.d.ts +2 -0
- package/dist/design-system/components/Chip/Chip.d.ts +1 -1
- package/dist/design-system/components/Chip/Chip.types.d.ts +1 -1
- package/dist/design-system/components/CurrencyInput/CurrencyInput.d.ts +2 -0
- package/dist/design-system/components/CurrencyInput/CurrencyInput.types.d.ts +3 -0
- package/dist/design-system/components/CurrencyInput/index.d.ts +2 -0
- package/dist/design-system/components/DateInput/DateInput.d.ts +2 -0
- package/dist/design-system/components/DateInput/DateInput.types.d.ts +3 -0
- package/dist/design-system/components/DateInput/index.d.ts +2 -0
- package/dist/design-system/components/DateRangeInput/DateRangeInput.d.ts +3 -0
- package/dist/design-system/components/DateRangeInput/DateRangeInput.types.d.ts +15 -0
- package/dist/design-system/components/DateRangeInput/index.d.ts +2 -0
- package/dist/design-system/components/Menu/index.d.ts +3 -0
- package/dist/design-system/components/NumberInput/NumberInput.d.ts +3 -0
- package/dist/design-system/components/NumberInput/NumberInput.types.d.ts +2 -0
- package/dist/design-system/components/NumberInput/index.d.ts +2 -0
- package/dist/design-system/components/PasswordInput/PasswordInput.d.ts +2 -0
- package/dist/design-system/components/PasswordInput/PasswordInput.types.d.ts +5 -0
- package/dist/design-system/components/PasswordInput/index.d.ts +2 -0
- package/dist/design-system/components/PhoneInput/PhoneInput.d.ts +2 -0
- package/dist/design-system/components/PhoneInput/PhoneInput.types.d.ts +5 -0
- package/dist/design-system/components/PhoneInput/index.d.ts +2 -0
- package/dist/design-system/components/RadioGroup/RadioGroup.d.ts +3 -0
- package/dist/design-system/components/RadioGroup/RadioGroup.types.d.ts +16 -0
- package/dist/design-system/components/RadioGroup/index.d.ts +2 -0
- package/dist/design-system/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/design-system/components/SearchInput/SearchInput.types.d.ts +3 -0
- package/dist/design-system/components/SearchInput/index.d.ts +2 -0
- package/dist/design-system/components/SectionHeader/SectionHeader.d.ts +3 -0
- package/dist/design-system/components/SectionHeader/SectionHeader.types.d.ts +9 -0
- package/dist/design-system/components/SectionHeader/index.d.ts +2 -0
- package/dist/design-system/components/Statistics/Statistics.d.ts +3 -0
- package/dist/design-system/components/Statistics/Statistics.types.d.ts +18 -0
- package/dist/design-system/components/Statistics/index.d.ts +2 -0
- package/dist/design-system/components/Status/Status.types.d.ts +4 -2
- package/dist/design-system/components/Tabs/Tabs.d.ts +1 -1
- package/dist/design-system/components/Tabs/Tabs.types.d.ts +4 -1
- package/dist/design-system/components/TimeInput/TimeInput.d.ts +2 -0
- package/dist/design-system/components/TimeInput/TimeInput.types.d.ts +3 -0
- package/dist/design-system/components/TimeInput/index.d.ts +2 -0
- package/dist/design-system/components/Toggle/index.d.ts +2 -0
- package/dist/design-system/components/TokenInput/TokenInput.d.ts +4 -0
- package/dist/design-system/components/TokenInput/TokenInput.types.d.ts +17 -0
- package/dist/design-system/components/TokenInput/index.d.ts +3 -0
- package/dist/design-system/components/Toolbar/Toolbar.d.ts +3 -0
- package/dist/design-system/components/Toolbar/Toolbar.types.d.ts +8 -0
- package/dist/design-system/components/Toolbar/index.d.ts +2 -0
- package/dist/design-system/figma-make/index.d.ts +42 -0
- package/dist/design-system/generated/component-api.d.ts +477 -2
- package/dist/design-system/index.d.ts +17 -0
- package/dist/figma-make/index.cjs +1 -0
- package/dist/figma-make/index.js +1 -0
- package/dist/generated/component-api.cjs +1 -1
- package/dist/generated/component-api.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/src/app-shell/AppShell.cjs +1 -1
- package/dist/src/app-shell/AppShell.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +52 -2
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { type CSSProperties } from "react";
|
|
2
|
+
type ChartDatum = Record<string, string | number>;
|
|
3
|
+
interface BaseChartProps {
|
|
4
|
+
data: ChartDatum[];
|
|
5
|
+
height?: number;
|
|
6
|
+
autoFit?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
interface CartesianChartProps extends BaseChartProps {
|
|
11
|
+
xField?: string;
|
|
12
|
+
yField?: string;
|
|
13
|
+
seriesField?: string;
|
|
14
|
+
}
|
|
15
|
+
interface PieChartProps extends BaseChartProps {
|
|
16
|
+
angleField?: string;
|
|
17
|
+
colorField?: string;
|
|
18
|
+
}
|
|
19
|
+
interface ScatterChartProps extends BaseChartProps {
|
|
20
|
+
xField?: string;
|
|
21
|
+
yField?: string;
|
|
22
|
+
colorField?: string;
|
|
23
|
+
sizeField?: string;
|
|
24
|
+
}
|
|
25
|
+
declare function UDSLineChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare const UDSLineChart: import("react").MemoExoticComponent<typeof UDSLineChartComponent>;
|
|
27
|
+
declare function UDSBarChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare const UDSBarChart: import("react").MemoExoticComponent<typeof UDSBarChartComponent>;
|
|
29
|
+
declare function UDSPieChartComponent({ data, angleField, colorField, height, autoFit, className, style, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare const UDSPieChart: import("react").MemoExoticComponent<typeof UDSPieChartComponent>;
|
|
31
|
+
declare function UDSDoughnutChartComponent({ data, angleField, colorField, height, autoFit, className, style, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare const UDSDoughnutChart: import("react").MemoExoticComponent<typeof UDSDoughnutChartComponent>;
|
|
33
|
+
declare function UDSScatterChartComponent({ data, xField, yField, colorField, sizeField, height, autoFit, className, style, }: ScatterChartProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare const UDSScatterChart: import("react").MemoExoticComponent<typeof UDSScatterChartComponent>;
|
|
35
|
+
export declare function UDSBubbleChart(props: ScatterChartProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
declare function UDSRadarChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare const UDSRadarChart: import("react").MemoExoticComponent<typeof UDSRadarChartComponent>;
|
|
38
|
+
declare function UDSPolarAreaChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare const UDSPolarAreaChart: import("react").MemoExoticComponent<typeof UDSPolarAreaChartComponent>;
|
|
40
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { UDSBarChart, UDSBubbleChart, UDSDoughnutChart, UDSLineChart, UDSPieChart, UDSPolarAreaChart, UDSRadarChart, UDSScatterChart, } from "./BizChartsAdapters";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
import type { ButtonLayout, ButtonProps, ButtonSize } from "../Button/Button.types";
|
|
3
|
+
export interface ButtonGroupOption {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
layout?: ButtonLayout;
|
|
7
|
+
size?: ButtonSize;
|
|
8
|
+
icon?: ButtonProps["icon"];
|
|
9
|
+
iconSize?: number;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
onClick?: ButtonProps["onClick"];
|
|
13
|
+
}
|
|
14
|
+
export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
options?: ButtonGroupOption[];
|
|
16
|
+
orientation?: "horizontal" | "vertical";
|
|
17
|
+
size?: ButtonSize;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import "./_checkbox-group.scss";
|
|
2
|
+
import type { CheckboxGroupProps } from "./CheckboxGroup.types";
|
|
3
|
+
export declare function CheckboxGroup({ options, values, defaultValues, onChange, label, orientation, disabled, className, ...rest }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export interface CheckboxGroupOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
options: CheckboxGroupOption[];
|
|
9
|
+
values?: string[];
|
|
10
|
+
defaultValues?: string[];
|
|
11
|
+
onChange?: (values: string[]) => void;
|
|
12
|
+
label?: ReactNode;
|
|
13
|
+
orientation?: "vertical" | "horizontal";
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export interface ChecklistItem {
|
|
3
|
+
id: string;
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
completed?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface ChecklistProps extends HTMLAttributes<HTMLElement> {
|
|
9
|
+
title: ReactNode;
|
|
10
|
+
items: ChecklistItem[];
|
|
11
|
+
activeItemId?: string;
|
|
12
|
+
onItemSelect?: (item: ChecklistItem, index: number) => void;
|
|
13
|
+
}
|
|
@@ -5,7 +5,7 @@ import type { ChipProps } from "./Chip.types";
|
|
|
5
5
|
* @param {string} label - The text content of the chip
|
|
6
6
|
* @param {boolean} selected - Selected state (unselected by default)
|
|
7
7
|
* @param {boolean} rounded - Shape toggle: true (fully rounded), false (less rounded)
|
|
8
|
-
* @param {string} size - Size variant: 'default' or '
|
|
8
|
+
* @param {string} size - Size variant: 'default', 'compact', or 'mini'
|
|
9
9
|
* @param {string} iconPlacement - Icon placement: 'both', 'left', 'right', or 'none'
|
|
10
10
|
* @param {string} icon - Icon name to display (when iconPlacement is not 'none')
|
|
11
11
|
* @param {number|string} badge - Badge count to display
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
|
|
2
2
|
import type { BadgeVariant } from "../Badge/Badge.types";
|
|
3
|
-
export type ChipSize = "default" | "compact";
|
|
3
|
+
export type ChipSize = "default" | "compact" | "mini";
|
|
4
4
|
export type ChipIconPlacement = "both" | "left" | "right" | "none";
|
|
5
5
|
export interface ChipProps extends HTMLAttributes<HTMLElement> {
|
|
6
6
|
label?: ReactNode;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { DateRangeInputProps } from "./DateRangeInput.types";
|
|
2
|
+
import "./_date-range-input.scss";
|
|
3
|
+
export declare function DateRangeInput({ startValue, endValue, onStartChange, onEndChange, startPlaceholder, endPlaceholder, startLabel, endLabel, size, state, disabled, className, ...rest }: DateRangeInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import type { TextInputProps, TextInputSize, TextInputState } from "../TextInput";
|
|
3
|
+
export interface DateRangeInputProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
startValue?: TextInputProps["value"];
|
|
5
|
+
endValue?: TextInputProps["value"];
|
|
6
|
+
onStartChange?: TextInputProps["onChange"];
|
|
7
|
+
onEndChange?: TextInputProps["onChange"];
|
|
8
|
+
startPlaceholder?: string;
|
|
9
|
+
endPlaceholder?: string;
|
|
10
|
+
startLabel?: ReactNode;
|
|
11
|
+
endLabel?: ReactNode;
|
|
12
|
+
size?: TextInputSize;
|
|
13
|
+
state?: TextInputState;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import "./_number-input.scss";
|
|
2
|
+
import type { NumberInputProps } from "./NumberInput.types";
|
|
3
|
+
export declare function NumberInput({ value, onChange, placeholder, size, state, disabled, id, label, helperText, errorText, className, "aria-describedby": ariaDescribedBy, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import "./_radio-group.scss";
|
|
2
|
+
import type { RadioGroupProps } from "./RadioGroup.types";
|
|
3
|
+
export declare function RadioGroup({ options, value, defaultValue, onChange, name, label, orientation, disabled, className, ...rest }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export interface RadioGroupOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface RadioGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
options: RadioGroupOption[];
|
|
9
|
+
value?: string;
|
|
10
|
+
defaultValue?: string;
|
|
11
|
+
onChange?: (value: string) => void;
|
|
12
|
+
name?: string;
|
|
13
|
+
label?: ReactNode;
|
|
14
|
+
orientation?: "vertical" | "horizontal";
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import "./_section-header.scss";
|
|
2
|
+
import type { SectionHeaderProps } from "./SectionHeader.types";
|
|
3
|
+
export declare function SectionHeader({ eyebrow, title, description, meta, actions, divider, className, ...rest }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
3
|
+
eyebrow?: ReactNode;
|
|
4
|
+
title: ReactNode;
|
|
5
|
+
description?: ReactNode;
|
|
6
|
+
meta?: ReactNode;
|
|
7
|
+
actions?: ReactNode;
|
|
8
|
+
divider?: boolean;
|
|
9
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import "./_statistics.scss";
|
|
2
|
+
import type { StatisticsProps } from "./Statistics.types";
|
|
3
|
+
export declare function Statistics({ label, value, helperText, statusLabel, changeText, trend, icon, actionIcon, showAccentRail, accent, progressValue, progressLabel, progressDelta, className, ...rest }: StatisticsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export type StatisticsTrend = "up" | "down" | "neutral";
|
|
3
|
+
export type StatisticsAccent = "brand" | "success" | "warning" | "danger" | "neutral";
|
|
4
|
+
export interface StatisticsProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
label?: ReactNode;
|
|
6
|
+
value?: ReactNode;
|
|
7
|
+
helperText?: ReactNode;
|
|
8
|
+
statusLabel?: ReactNode;
|
|
9
|
+
changeText?: ReactNode;
|
|
10
|
+
trend?: StatisticsTrend;
|
|
11
|
+
icon?: string;
|
|
12
|
+
actionIcon?: string;
|
|
13
|
+
showAccentRail?: boolean;
|
|
14
|
+
accent?: StatisticsAccent;
|
|
15
|
+
progressValue?: number;
|
|
16
|
+
progressLabel?: ReactNode;
|
|
17
|
+
progressDelta?: ReactNode;
|
|
18
|
+
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import type { HTMLAttributes } from "react";
|
|
2
|
+
export type StatusAppearance = "light-gray" | "white" | "transparent";
|
|
3
|
+
export type StatusShape = "pill" | "rounded";
|
|
2
4
|
export interface StatusProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
5
|
label?: unknown;
|
|
4
6
|
variant?: string;
|
|
5
|
-
appearance?:
|
|
6
|
-
shape?:
|
|
7
|
+
appearance?: StatusAppearance;
|
|
8
|
+
shape?: StatusShape;
|
|
7
9
|
className?: string;
|
|
8
10
|
onClick?: (...args: unknown[]) => void;
|
|
9
11
|
disabled?: boolean;
|
|
@@ -13,6 +13,6 @@ import type { TabsProps } from "./Tabs.types";
|
|
|
13
13
|
* @param {string} className - Additional CSS classes
|
|
14
14
|
* @param {object} props - Additional props to pass to the tabs container
|
|
15
15
|
*/
|
|
16
|
-
declare function Tabs({ tabs, appearance, activeTab, fill, scrollable, onTabChange, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
16
|
+
declare function Tabs({ tabs, appearance, orientation, activeTab, fill, scrollable, onTabChange, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
17
17
|
declare const _default: React.MemoExoticComponent<typeof Tabs>;
|
|
18
18
|
export default _default;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import type { HTMLAttributes } from "react";
|
|
2
|
+
export type TabsAppearance = "underline" | "block" | "block-inverted";
|
|
3
|
+
export type TabsOrientation = "horizontal" | "vertical";
|
|
2
4
|
export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
5
|
tabs?: unknown[];
|
|
4
|
-
appearance?:
|
|
6
|
+
appearance?: TabsAppearance;
|
|
7
|
+
orientation?: TabsOrientation;
|
|
5
8
|
activeTab?: unknown;
|
|
6
9
|
fill?: boolean;
|
|
7
10
|
scrollable?: boolean;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import "./_token-input.scss";
|
|
2
|
+
import type { TokenInputProps } from "./TokenInput.types";
|
|
3
|
+
export declare function TokenInput({ tokens, defaultTokens, onTokensChange, inputValue, defaultInputValue, onInputValueChange, allowDuplicates, maxTokens, size, state, disabled, placeholder, label, helperText, errorText, className, id, "aria-describedby": ariaDescribedBy, ...props }: TokenInputProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default TokenInput;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { InputHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import type { TextInputSize, TextInputState } from "../TextInput/TextInput.types";
|
|
3
|
+
export interface TokenInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange"> {
|
|
4
|
+
tokens?: string[];
|
|
5
|
+
defaultTokens?: string[];
|
|
6
|
+
onTokensChange?: (tokens: string[]) => void;
|
|
7
|
+
inputValue?: string;
|
|
8
|
+
defaultInputValue?: string;
|
|
9
|
+
onInputValueChange?: (value: string) => void;
|
|
10
|
+
allowDuplicates?: boolean;
|
|
11
|
+
maxTokens?: number;
|
|
12
|
+
size?: TextInputSize;
|
|
13
|
+
state?: TextInputState;
|
|
14
|
+
label?: ReactNode;
|
|
15
|
+
helperText?: ReactNode;
|
|
16
|
+
errorText?: ReactNode;
|
|
17
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export { AppShell } from "../../app-shell/AppShell";
|
|
2
|
+
export type { AppShellProps, AppShellSlots, AppShellSectionProps } from "../../app-shell/AppShell";
|
|
3
|
+
export { ActionMenu } from "../components/ActionMenu";
|
|
4
|
+
export { Avatar } from "../components/Avatar";
|
|
5
|
+
export { Badge } from "../components/Badge";
|
|
6
|
+
export { Button } from "../components/Button";
|
|
7
|
+
export { Card } from "../components/Card";
|
|
8
|
+
export { Checkbox } from "../components/Checkbox";
|
|
9
|
+
export { Checklist } from "../components/Checklist";
|
|
10
|
+
export { Code } from "../components/Code";
|
|
11
|
+
export { Container } from "../components/Container";
|
|
12
|
+
export { DateInput } from "../components/DateInput";
|
|
13
|
+
export { DateRangeInput } from "../components/DateRangeInput";
|
|
14
|
+
export { Divider } from "../components/Divider";
|
|
15
|
+
export { Dropdown } from "../components/Dropdown";
|
|
16
|
+
export { Field } from "../components/Field";
|
|
17
|
+
export { FileUpload } from "../components/FileUpload";
|
|
18
|
+
export { Flex } from "../components/Flex";
|
|
19
|
+
export { Icon } from "../components/Icon";
|
|
20
|
+
export { Menu } from "../components/Menu";
|
|
21
|
+
export { Modal } from "../components/Modal";
|
|
22
|
+
export { Pagination } from "../components/Pagination";
|
|
23
|
+
export { ProgressIndicator } from "../components/ProgressIndicator";
|
|
24
|
+
export { SearchInput } from "../components/SearchInput";
|
|
25
|
+
export { Slider } from "../components/Slider";
|
|
26
|
+
export { Status } from "../components/Status";
|
|
27
|
+
export { Steps } from "../components/Steps";
|
|
28
|
+
export { Table } from "../components/Table";
|
|
29
|
+
export { Tabs } from "../components/Tabs";
|
|
30
|
+
export { Tag } from "../components/Tag";
|
|
31
|
+
export { Text } from "../components/Text";
|
|
32
|
+
export { TextInput } from "../components/TextInput";
|
|
33
|
+
export { Textarea } from "../components/Textarea";
|
|
34
|
+
export { TimeInput } from "../components/TimeInput";
|
|
35
|
+
export { Toolbar } from "../components/Toolbar";
|
|
36
|
+
export { Toggle } from "../components/Toggle";
|
|
37
|
+
export { Tooltip } from "../components/Tooltip";
|
|
38
|
+
export { ThemeProvider, createBrand, createTheme, useTheme, useThemeController } from "../theme";
|
|
39
|
+
export { createUDSRuntimeHelperSDK } from "../ai/sdk";
|
|
40
|
+
export { validateAIOutput } from "../ai/validation/validateAIOutput";
|
|
41
|
+
export declare const FIGMA_MAKE_CONTRACT_ENTRYPOINT = "@mich8060/unified-design-system/ai/figma-make";
|
|
42
|
+
export declare const FIGMA_MAKE_PROMPT_ENTRYPOINT = "@mich8060/unified-design-system/ai/prompts/figma-make";
|