beth-clarity 1.1.2 → 1.1.5
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/clarity-design-system.es.js +1184 -1038
- package/dist/clarity-design-system.umd.js +2 -2
- package/dist/components/Accordion/Accordion.d.ts +45 -0
- package/dist/components/Accordion/index.d.ts +3 -0
- package/dist/components/Badge/Badge.d.ts +19 -0
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Button/Button.d.ts +21 -0
- package/dist/components/Button/index.d.ts +3 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts +22 -0
- package/dist/components/ButtonIcon/index.d.ts +3 -0
- package/dist/components/ButtonLink/ButtonLink.d.ts +21 -0
- package/dist/components/ButtonLink/index.d.ts +3 -0
- package/dist/components/CheckInput/CheckInput.d.ts +22 -0
- package/dist/components/CheckInput/index.d.ts +3 -0
- package/dist/components/Command/Command.d.ts +17 -0
- package/dist/components/Command/index.d.ts +2 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +38 -0
- package/dist/components/ConfirmationDialog/index.d.ts +2 -0
- package/dist/components/Dropdown/Dropdown.d.ts +22 -0
- package/dist/components/Dropdown/index.d.ts +2 -0
- package/dist/components/Input/Input.d.ts +24 -0
- package/dist/components/Input/index.d.ts +3 -0
- package/dist/components/InputSwitch/InputSwitch.d.ts +20 -0
- package/dist/components/InputSwitch/index.d.ts +3 -0
- package/dist/components/Modal/Modal.d.ts +18 -0
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +31 -0
- package/dist/components/MultiSelect/index.d.ts +3 -0
- package/dist/components/Offcanvas/Offcanvas.d.ts +16 -0
- package/dist/components/Offcanvas/index.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +51 -0
- package/dist/components/Select/index.d.ts +3 -0
- package/dist/components/Spinner/Spinner.d.ts +17 -0
- package/dist/components/Spinner/index.d.ts +3 -0
- package/dist/components/Table/Table.d.ts +4 -0
- package/dist/components/Table/index.d.ts +3 -0
- package/dist/components/Tabs/Tabs.d.ts +10 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Textarea/Textarea.d.ts +30 -0
- package/dist/components/Textarea/index.d.ts +3 -0
- package/dist/components/Toast/Toast.d.ts +7 -0
- package/dist/components/Toast/index.d.ts +2 -0
- package/dist/components/Tooltip/Tooltip.d.ts +24 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/index.d.ts +22 -0
- package/dist/index.d.ts +4 -1
- package/dist/styles/index.css +1 -1
- package/dist/tokens/colors.d.ts +51 -0
- package/dist/tokens/index.d.ts +4 -0
- package/dist/tokens/spacing.d.ts +10 -0
- package/dist/tokens/typography.d.ts +22 -0
- package/dist/types/table.d.ts +40 -0
- package/dist/utils/index.d.ts +3 -0
- package/package.json +1 -1
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export declare const colors: {
|
|
2
|
+
readonly primary: {
|
|
3
|
+
readonly 50: "#f0f9ff";
|
|
4
|
+
readonly 100: "#e0f2fe";
|
|
5
|
+
readonly 200: "#bae6fd";
|
|
6
|
+
readonly 300: "#7dd3fc";
|
|
7
|
+
readonly 400: "#38bdf8";
|
|
8
|
+
readonly 500: "#0ea5e9";
|
|
9
|
+
readonly 600: "#0284c7";
|
|
10
|
+
readonly 700: "#0369a1";
|
|
11
|
+
readonly 800: "#075985";
|
|
12
|
+
readonly 900: "#0c4a6e";
|
|
13
|
+
};
|
|
14
|
+
readonly secondary: {
|
|
15
|
+
readonly 50: "#f8fafc";
|
|
16
|
+
readonly 100: "#f1f5f9";
|
|
17
|
+
readonly 200: "#e2e8f0";
|
|
18
|
+
readonly 300: "#cbd5e1";
|
|
19
|
+
readonly 400: "#94a3b8";
|
|
20
|
+
readonly 500: "#64748b";
|
|
21
|
+
readonly 600: "#475569";
|
|
22
|
+
readonly 700: "#334155";
|
|
23
|
+
readonly 800: "#1e293b";
|
|
24
|
+
readonly 900: "#0f172a";
|
|
25
|
+
};
|
|
26
|
+
readonly danger: {
|
|
27
|
+
readonly 50: "#fef2f2";
|
|
28
|
+
readonly 100: "#fee2e2";
|
|
29
|
+
readonly 200: "#fecaca";
|
|
30
|
+
readonly 300: "#fca5a5";
|
|
31
|
+
readonly 400: "#f87171";
|
|
32
|
+
readonly 500: "#ef4444";
|
|
33
|
+
readonly 600: "#dc2626";
|
|
34
|
+
readonly 700: "#b91c1c";
|
|
35
|
+
readonly 800: "#991b1b";
|
|
36
|
+
readonly 900: "#7f1d1d";
|
|
37
|
+
};
|
|
38
|
+
readonly success: {
|
|
39
|
+
readonly 50: "#ecfdf5";
|
|
40
|
+
readonly 100: "#d1fae5";
|
|
41
|
+
readonly 200: "#a7f3d0";
|
|
42
|
+
readonly 300: "#6ee7b7";
|
|
43
|
+
readonly 400: "#34d399";
|
|
44
|
+
readonly 500: "#10b981";
|
|
45
|
+
readonly 600: "#059669";
|
|
46
|
+
readonly 700: "#047857";
|
|
47
|
+
readonly 800: "#065f46";
|
|
48
|
+
readonly 900: "#064e3b";
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const typography: {
|
|
2
|
+
readonly fontFamily: {
|
|
3
|
+
readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
|
|
4
|
+
readonly mono: readonly ["Fira Code", "monospace"];
|
|
5
|
+
};
|
|
6
|
+
readonly fontSize: {
|
|
7
|
+
readonly xs: "12px";
|
|
8
|
+
readonly sm: "14px";
|
|
9
|
+
readonly base: "16px";
|
|
10
|
+
readonly lg: "18px";
|
|
11
|
+
readonly xl: "20px";
|
|
12
|
+
readonly '2xl': "24px";
|
|
13
|
+
readonly '3xl': "30px";
|
|
14
|
+
};
|
|
15
|
+
readonly fontWeight: {
|
|
16
|
+
readonly normal: 400;
|
|
17
|
+
readonly medium: 500;
|
|
18
|
+
readonly semibold: 600;
|
|
19
|
+
readonly bold: 700;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ProductVariant, SystemVariant } from './common';
|
|
3
|
+
export interface TableProps {
|
|
4
|
+
variant?: ProductVariant | SystemVariant;
|
|
5
|
+
columns: TableColumn[];
|
|
6
|
+
data: TableData[];
|
|
7
|
+
viewMode?: 'table' | 'card';
|
|
8
|
+
isScrollable?: boolean;
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface TableHeaderProps {
|
|
12
|
+
variant?: ProductVariant | SystemVariant;
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
export interface TableBodyProps {
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export interface TableRowProps {
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export interface TableHeaderCellProps {
|
|
22
|
+
children: ReactNode;
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
26
|
+
export interface TableCellProps {
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
className?: string;
|
|
29
|
+
}
|
|
30
|
+
export interface TableData {
|
|
31
|
+
[key: string]: any;
|
|
32
|
+
}
|
|
33
|
+
export interface TableColumn {
|
|
34
|
+
key: string;
|
|
35
|
+
header: string;
|
|
36
|
+
sortable?: boolean;
|
|
37
|
+
minWidth?: string;
|
|
38
|
+
}
|
|
39
|
+
export type SortDirection = 'asc' | 'desc' | 'none';
|
|
40
|
+
//# sourceMappingURL=table.d.ts.map
|
package/package.json
CHANGED