@attrus-ds/core 0.2.0 → 0.3.1
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/LICENSE +27 -27
- package/dist/assets/flags/Brazil-rounded.svg +15 -15
- package/dist/assets/flags/Brazil-square.svg +16 -16
- package/dist/assets/flags/Chile-rounded.svg +10 -10
- package/dist/assets/flags/Chile-square.svg +10 -10
- package/dist/assets/flags/Colombia-rounded.svg +9 -9
- package/dist/assets/flags/Colombia-square.svg +9 -9
- package/dist/assets/flags/EUA-rounded.svg +10 -10
- package/dist/assets/flags/EUA-square.svg +10 -10
- package/dist/assets/flags/EUR-rounded.svg +8 -8
- package/dist/assets/flags/EUR-square.svg +8 -8
- package/dist/assets/flags/Mexico-rounded.svg +18 -18
- package/dist/assets/flags/Mexico-square.svg +18 -18
- package/dist/assets/icon-attrus-dark.svg +2 -2
- package/dist/assets/icon-attrus-light.svg +2 -2
- package/dist/assets/logo-attrus-dark.svg +7 -7
- package/dist/assets/logo-attrus-light.svg +7 -7
- package/dist/css/components/buttons.css +301 -301
- package/dist/css/components/callout.css +195 -195
- package/dist/css/components/cards.css +272 -272
- package/dist/css/components/combobox.css +319 -319
- package/dist/css/components/empty-states.css +61 -61
- package/dist/css/components/inputs.css +975 -975
- package/dist/css/components/number-input.css +138 -138
- package/dist/css/components/overlays.css +374 -374
- package/dist/css/components/primitives.css +314 -314
- package/dist/css/components/sidebar.css +179 -179
- package/dist/css/components/smart-search.css +91 -91
- package/dist/css/components/status-pills.css +207 -207
- package/dist/css/components/stepper.css +309 -309
- package/dist/css/components/table.css +602 -602
- package/dist/css/components/tabs.css +319 -319
- package/dist/css/components/toast.css +243 -243
- package/dist/css/components/tooltip.css +231 -231
- package/dist/css/components/topbar.css +148 -148
- package/dist/css/tokens.css +666 -666
- package/dist/react/AppSidebar/AppSidebar.d.ts +50 -50
- package/dist/react/AppSidebar/AppSidebar.tsx +197 -197
- package/dist/react/AppTopbar/AppTopbar.d.ts +58 -58
- package/dist/react/AppTopbar/AppTopbar.tsx +203 -203
- package/dist/react/Atoms/Atoms.d.ts +149 -149
- package/dist/react/Atoms/Atoms.tsx +407 -407
- package/dist/react/Button/Button.d.ts +25 -25
- package/dist/react/Button/Button.tsx +83 -83
- package/dist/react/Callout/Callout.d.ts +29 -29
- package/dist/react/Callout/Callout.tsx +98 -98
- package/dist/react/Card/Card.d.ts +38 -38
- package/dist/react/Card/Card.tsx +93 -93
- package/dist/react/Combobox/Combobox.d.ts +52 -52
- package/dist/react/Combobox/Combobox.tsx +254 -254
- package/dist/react/DataTable/DataTable.d.ts +81 -81
- package/dist/react/DataTable/DataTable.tsx +308 -308
- package/dist/react/Drawer/Drawer.d.ts +35 -35
- package/dist/react/Drawer/Drawer.tsx +226 -226
- package/dist/react/Input/Input.d.ts +155 -155
- package/dist/react/Input/Input.tsx +478 -478
- package/dist/react/Modal/Modal.d.ts +27 -27
- package/dist/react/Modal/Modal.tsx +173 -173
- package/dist/react/NumberInput/NumberInput.d.ts +25 -25
- package/dist/react/NumberInput/NumberInput.tsx +117 -117
- package/dist/react/Pill/Pill.d.ts +31 -31
- package/dist/react/Pill/Pill.tsx +104 -104
- package/dist/react/SearchPill/SearchPill.d.ts +14 -14
- package/dist/react/SearchPill/SearchPill.tsx +40 -40
- package/dist/react/SmartSearch/SmartSearch.d.ts +65 -65
- package/dist/react/SmartSearch/SmartSearch.tsx +271 -271
- package/dist/react/Stepper/Stepper.d.ts +25 -25
- package/dist/react/Stepper/Stepper.tsx +94 -94
- package/dist/react/Tabs/Tabs.d.ts +32 -32
- package/dist/react/Tabs/Tabs.tsx +147 -147
- package/dist/react/Toast/Toast.d.ts +30 -30
- package/dist/react/Toast/Toast.tsx +94 -94
- package/dist/react/Tooltip/Tooltip.d.ts +23 -23
- package/dist/react/Tooltip/Tooltip.tsx +80 -80
- package/dist/react/ZeroState/ZeroState.d.ts +17 -17
- package/dist/react/ZeroState/ZeroState.tsx +45 -45
- package/dist/react/index.ts +35 -35
- package/dist/tokens/attrus-tokens.flat.json +1234 -1234
- package/dist/tokens/attrus-tokens.json +1089 -1089
- package/package.json +64 -64
|
@@ -1,65 +1,65 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface SSItem {
|
|
4
|
-
key: string;
|
|
5
|
-
/** Leading 28px tile glyph (`.icon-leading`). */
|
|
6
|
-
icon?: React.ReactNode;
|
|
7
|
-
title: React.ReactNode;
|
|
8
|
-
/** Muted second line (`.text .meta`). */
|
|
9
|
-
sub?: React.ReactNode;
|
|
10
|
-
/** Right-aligned mono hint (id). */
|
|
11
|
-
trailing?: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export interface SSSection {
|
|
15
|
-
/** Uppercase section label (e.g. "Counterparties"). */
|
|
16
|
-
label?: React.ReactNode;
|
|
17
|
-
items: SSItem[];
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export interface SSTypeButton {
|
|
21
|
-
key: string;
|
|
22
|
-
icon?: React.ReactNode;
|
|
23
|
-
label: React.ReactNode;
|
|
24
|
-
/** Muted right hint (e.g. "transaction"). */
|
|
25
|
-
hint?: React.ReactNode;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export interface SmartSearchProps {
|
|
29
|
-
value: string;
|
|
30
|
-
onChange?: (value: string) => void;
|
|
31
|
-
placeholder?: string;
|
|
32
|
-
/** Leading input glyph (search icon). */
|
|
33
|
-
icon?: React.ReactNode;
|
|
34
|
-
/** Shows the × clear button when value is non-empty. */
|
|
35
|
-
onClear?: () => void;
|
|
36
|
-
/** Esc inside the input. */
|
|
37
|
-
onClose?: () => void;
|
|
38
|
-
/** Suggestion chips row (active state — `.ss-chips`). */
|
|
39
|
-
chips?: Array<{ key: string; icon?: React.ReactNode; label: React.ReactNode }>;
|
|
40
|
-
onChipClick?: (key: string) => void;
|
|
41
|
-
/** Grouped result rows (`.ss-section` + `.ss-list`). */
|
|
42
|
-
sections?: SSSection[];
|
|
43
|
-
onSelect?: (key: string) => void;
|
|
44
|
-
/** "RESULTS (N)" line above the list (`.ss-result-label`). */
|
|
45
|
-
resultLabel?: React.ReactNode;
|
|
46
|
-
/** Tip card — similar match / ID format hint (`.ss-hint`). */
|
|
47
|
-
hint?: React.ReactNode;
|
|
48
|
-
/** ID-disambiguation buttons (`.ss-typebtns`). */
|
|
49
|
-
typeButtons?: SSTypeButton[];
|
|
50
|
-
onTypeSelect?: (key: string) => void;
|
|
51
|
-
/** No-results state (`.ss-illo`). */
|
|
52
|
-
empty?: { title: React.ReactNode; sub?: React.ReactNode; illo?: React.ReactNode };
|
|
53
|
-
/** Skeleton rows while fetching (`.ss-skeleton`). */
|
|
54
|
-
loading?: boolean;
|
|
55
|
-
/** Fetch failed — retry. */
|
|
56
|
-
error?: { title: React.ReactNode; sub?: React.ReactNode; retryLabel?: React.ReactNode; onRetry?: () => void; illo?: React.ReactNode };
|
|
57
|
-
/** Kbd hint footer (`.ss-foot`). Default: true when the popover has content. */
|
|
58
|
-
footer?: boolean;
|
|
59
|
-
className?: string;
|
|
60
|
-
style?: React.CSSProperties;
|
|
61
|
-
'aria-label'?: string;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
export declare const SmartSearch: React.FC<SmartSearchProps>;
|
|
65
|
-
export default SmartSearch;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export interface SSItem {
|
|
4
|
+
key: string;
|
|
5
|
+
/** Leading 28px tile glyph (`.icon-leading`). */
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
title: React.ReactNode;
|
|
8
|
+
/** Muted second line (`.text .meta`). */
|
|
9
|
+
sub?: React.ReactNode;
|
|
10
|
+
/** Right-aligned mono hint (id). */
|
|
11
|
+
trailing?: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export interface SSSection {
|
|
15
|
+
/** Uppercase section label (e.g. "Counterparties"). */
|
|
16
|
+
label?: React.ReactNode;
|
|
17
|
+
items: SSItem[];
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export interface SSTypeButton {
|
|
21
|
+
key: string;
|
|
22
|
+
icon?: React.ReactNode;
|
|
23
|
+
label: React.ReactNode;
|
|
24
|
+
/** Muted right hint (e.g. "transaction"). */
|
|
25
|
+
hint?: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export interface SmartSearchProps {
|
|
29
|
+
value: string;
|
|
30
|
+
onChange?: (value: string) => void;
|
|
31
|
+
placeholder?: string;
|
|
32
|
+
/** Leading input glyph (search icon). */
|
|
33
|
+
icon?: React.ReactNode;
|
|
34
|
+
/** Shows the × clear button when value is non-empty. */
|
|
35
|
+
onClear?: () => void;
|
|
36
|
+
/** Esc inside the input. */
|
|
37
|
+
onClose?: () => void;
|
|
38
|
+
/** Suggestion chips row (active state — `.ss-chips`). */
|
|
39
|
+
chips?: Array<{ key: string; icon?: React.ReactNode; label: React.ReactNode }>;
|
|
40
|
+
onChipClick?: (key: string) => void;
|
|
41
|
+
/** Grouped result rows (`.ss-section` + `.ss-list`). */
|
|
42
|
+
sections?: SSSection[];
|
|
43
|
+
onSelect?: (key: string) => void;
|
|
44
|
+
/** "RESULTS (N)" line above the list (`.ss-result-label`). */
|
|
45
|
+
resultLabel?: React.ReactNode;
|
|
46
|
+
/** Tip card — similar match / ID format hint (`.ss-hint`). */
|
|
47
|
+
hint?: React.ReactNode;
|
|
48
|
+
/** ID-disambiguation buttons (`.ss-typebtns`). */
|
|
49
|
+
typeButtons?: SSTypeButton[];
|
|
50
|
+
onTypeSelect?: (key: string) => void;
|
|
51
|
+
/** No-results state (`.ss-illo`). */
|
|
52
|
+
empty?: { title: React.ReactNode; sub?: React.ReactNode; illo?: React.ReactNode };
|
|
53
|
+
/** Skeleton rows while fetching (`.ss-skeleton`). */
|
|
54
|
+
loading?: boolean;
|
|
55
|
+
/** Fetch failed — retry. */
|
|
56
|
+
error?: { title: React.ReactNode; sub?: React.ReactNode; retryLabel?: React.ReactNode; onRetry?: () => void; illo?: React.ReactNode };
|
|
57
|
+
/** Kbd hint footer (`.ss-foot`). Default: true when the popover has content. */
|
|
58
|
+
footer?: boolean;
|
|
59
|
+
className?: string;
|
|
60
|
+
style?: React.CSSProperties;
|
|
61
|
+
'aria-label'?: string;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export declare const SmartSearch: React.FC<SmartSearchProps>;
|
|
65
|
+
export default SmartSearch;
|