@lateralus-ai/shipping-ui 2.0.0-dev.20 → 2.0.0-dev.21
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/domain/Filters/FilterDropdown.d.ts +93 -0
- package/dist/domain/Filters/FilterPill.d.ts +12 -5
- package/dist/domain/Filters/FilterPills.d.ts +21 -0
- package/dist/domain/Filters/FilteredPill.d.ts +15 -5
- package/dist/domain/Filters/formatActiveFilterChipLabel.d.ts +11 -0
- package/dist/domain/Filters/index.d.ts +8 -3
- package/dist/index.cjs +33 -33
- package/dist/index.esm.js +7299 -5989
- package/package.json +2 -1
- package/src/components/EmptyState.tsx +44 -44
- package/src/components/Modal.tsx +141 -141
- package/src/components/PageHeader.tsx +132 -132
- package/src/components/ScrollableList.tsx +61 -61
- package/src/components/Tabs.tsx +146 -146
- package/src/components/index.ts +56 -56
- package/src/domain/Filters/FilterDropdown.tsx +438 -0
- package/src/domain/Filters/FilterPill.tsx +54 -18
- package/src/domain/Filters/FilterPills.tsx +41 -0
- package/src/domain/Filters/FilteredPill.tsx +40 -23
- package/src/domain/Filters/FiltersBar.tsx +15 -19
- package/src/domain/Filters/formatActiveFilterChipLabel.ts +23 -0
- package/src/domain/Filters/index.ts +35 -3
- package/src/icons/arrow-paths.ts +8 -8
- package/src/icons/chevron-paths.ts +17 -17
- package/src/icons/icons-data.ts +656 -656
- package/src/index.ts +85 -85
- package/src/patterns/Search/ResultRow.tsx +44 -44
- package/src/patterns/Search/SearchModal.tsx +310 -310
- package/src/patterns/Search/index.ts +31 -31
- package/src/patterns/Sidebar/assets/logo-compliance-mark.png +5 -5
- package/src/patterns/Sidebar/assets/logo-compliance-mask.png +13 -13
- package/src/patterns/Sidebar/assets/logo-compliance.svg +17 -17
- package/src/patterns/Sidebar/assets/logo-technical-avatar.svg +17 -17
- package/src/patterns/Sidebar/assets/logo-technical-mark.png +5 -5
- package/src/patterns/Sidebar/assets/logo-technical.svg +16 -16
- package/src/patterns/Skeleton/Skeleton.tsx +56 -56
- package/src/primitives/button-styles.ts +92 -92
- package/src/stories/canvases/ButtonsCanvas.tsx +107 -107
- package/src/stories/canvases/ButtonsMatrixCanvas.tsx +65 -65
- package/src/stories/canvases/ContentCanvas.tsx +353 -353
- package/src/stories/canvases/FiltersCanvas.tsx +156 -30
- package/src/stories/canvases/SearchCanvas.tsx +150 -150
- package/src/stories/canvases/figma-buttons-layout.ts +83 -83
- package/src/stories/canvases/figma-widths.ts +28 -28
- package/src/stories/canvases/helpers.tsx +146 -146
- package/src/stories/components/Buttons.stories.tsx +11 -11
- package/src/stories/components/Chat.stories.tsx +11 -11
- package/src/stories/components/Content.stories.tsx +11 -11
- package/src/stories/components/Core.stories.tsx +11 -11
- package/src/stories/components/DomainForms.stories.tsx +11 -11
- package/src/stories/components/Filters.stories.tsx +11 -11
- package/src/stories/components/Forms.stories.tsx +11 -11
- package/src/stories/components/Icons.stories.tsx +11 -11
- package/src/stories/components/Illustrations.stories.tsx +11 -11
- package/src/stories/components/Library.stories.tsx +11 -11
- package/src/stories/components/Modals.stories.tsx +11 -11
- package/src/stories/components/Report.stories.tsx +11 -11
- package/src/stories/components/ReportLayout.stories.tsx +11 -11
- package/src/stories/components/Search.stories.tsx +11 -11
- package/src/stories/components/Settings.stories.tsx +11 -11
- package/src/stories/components/Ships.stories.tsx +11 -11
- package/src/stories/components/SidebarLayouts.stories.tsx +11 -11
- package/src/stories/components/Skeletons.stories.tsx +11 -11
- package/src/stories/components/Workflows.stories.tsx +11 -11
- package/src/stories/style-guide/Buttons.stories.tsx +11 -11
- package/src/stories/style-guide/ColorTokens.stories.tsx +11 -11
- package/src/stories/style-guide/Colors.stories.tsx +11 -11
- package/src/stories/style-guide/RaiseLevels.stories.tsx +11 -11
- package/src/stories/style-guide/Typography.stories.tsx +11 -11
- package/src/tailwind-theme.ts +186 -186
- package/src/theme-entry.ts +2 -2
package/src/index.ts
CHANGED
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
import "./style.css";
|
|
2
|
-
|
|
3
|
-
export { theme as tailwindTheme } from "./tailwind-theme";
|
|
4
|
-
|
|
5
|
-
export * from "./tokens";
|
|
6
|
-
export * from "./icons";
|
|
7
|
-
export * from "./primitives";
|
|
8
|
-
export * from "./illustrations";
|
|
9
|
-
|
|
10
|
-
export {
|
|
11
|
-
Input,
|
|
12
|
-
ReportInput,
|
|
13
|
-
InputType,
|
|
14
|
-
Chip,
|
|
15
|
-
Checkbox,
|
|
16
|
-
Tab,
|
|
17
|
-
Tabs,
|
|
18
|
-
TabsList,
|
|
19
|
-
TabsTrigger,
|
|
20
|
-
TabsContent,
|
|
21
|
-
Header,
|
|
22
|
-
PageHeader,
|
|
23
|
-
Entry,
|
|
24
|
-
EmptyState,
|
|
25
|
-
Modal,
|
|
26
|
-
ModalTrigger,
|
|
27
|
-
ModalClose,
|
|
28
|
-
ModalPortal,
|
|
29
|
-
ModalOverlay,
|
|
30
|
-
ModalContent,
|
|
31
|
-
ModalTitle,
|
|
32
|
-
ModalDescription,
|
|
33
|
-
ModalHeaderSlot,
|
|
34
|
-
ModalBody,
|
|
35
|
-
ModalPanel,
|
|
36
|
-
PdfViewer,
|
|
37
|
-
ImageViewer,
|
|
38
|
-
DocumentEditor,
|
|
39
|
-
ScrollableList,
|
|
40
|
-
} from "./components";
|
|
41
|
-
|
|
42
|
-
export type {
|
|
43
|
-
InputProps,
|
|
44
|
-
InputState,
|
|
45
|
-
ReportInputProps,
|
|
46
|
-
ReportInputState,
|
|
47
|
-
InputTypeProps,
|
|
48
|
-
InputTypeKind,
|
|
49
|
-
InputTypeState,
|
|
50
|
-
ChipProps,
|
|
51
|
-
ChipVariant,
|
|
52
|
-
CheckboxProps,
|
|
53
|
-
TabProps,
|
|
54
|
-
TabState,
|
|
55
|
-
TabsProps,
|
|
56
|
-
TabsListProps,
|
|
57
|
-
TabsTriggerProps,
|
|
58
|
-
TabsContentProps,
|
|
59
|
-
TabsItem,
|
|
60
|
-
TabsType,
|
|
61
|
-
TabsAppearance,
|
|
62
|
-
HeaderProps,
|
|
63
|
-
HeaderVariant,
|
|
64
|
-
PageHeaderProps,
|
|
65
|
-
PageHeaderCrumb,
|
|
66
|
-
PageHeaderShellProps,
|
|
67
|
-
PageHeaderBodyProps,
|
|
68
|
-
ScrollableListProps,
|
|
69
|
-
ScrollableListHeaderProps,
|
|
70
|
-
ScrollableListBodyProps,
|
|
71
|
-
EntryProps,
|
|
72
|
-
EntryType,
|
|
73
|
-
EntryState,
|
|
74
|
-
EntryVariant,
|
|
75
|
-
EmptyStateProps,
|
|
76
|
-
ModalProps,
|
|
77
|
-
ModalOverlayProps,
|
|
78
|
-
ModalContentProps,
|
|
79
|
-
ModalTitleProps,
|
|
80
|
-
ModalDescriptionProps,
|
|
81
|
-
ModalBodyProps,
|
|
82
|
-
} from "./components";
|
|
83
|
-
|
|
84
|
-
export * as Patterns from "./patterns";
|
|
85
|
-
export * as Domain from "./domain";
|
|
1
|
+
import "./style.css";
|
|
2
|
+
|
|
3
|
+
export { theme as tailwindTheme } from "./tailwind-theme";
|
|
4
|
+
|
|
5
|
+
export * from "./tokens";
|
|
6
|
+
export * from "./icons";
|
|
7
|
+
export * from "./primitives";
|
|
8
|
+
export * from "./illustrations";
|
|
9
|
+
|
|
10
|
+
export {
|
|
11
|
+
Input,
|
|
12
|
+
ReportInput,
|
|
13
|
+
InputType,
|
|
14
|
+
Chip,
|
|
15
|
+
Checkbox,
|
|
16
|
+
Tab,
|
|
17
|
+
Tabs,
|
|
18
|
+
TabsList,
|
|
19
|
+
TabsTrigger,
|
|
20
|
+
TabsContent,
|
|
21
|
+
Header,
|
|
22
|
+
PageHeader,
|
|
23
|
+
Entry,
|
|
24
|
+
EmptyState,
|
|
25
|
+
Modal,
|
|
26
|
+
ModalTrigger,
|
|
27
|
+
ModalClose,
|
|
28
|
+
ModalPortal,
|
|
29
|
+
ModalOverlay,
|
|
30
|
+
ModalContent,
|
|
31
|
+
ModalTitle,
|
|
32
|
+
ModalDescription,
|
|
33
|
+
ModalHeaderSlot,
|
|
34
|
+
ModalBody,
|
|
35
|
+
ModalPanel,
|
|
36
|
+
PdfViewer,
|
|
37
|
+
ImageViewer,
|
|
38
|
+
DocumentEditor,
|
|
39
|
+
ScrollableList,
|
|
40
|
+
} from "./components";
|
|
41
|
+
|
|
42
|
+
export type {
|
|
43
|
+
InputProps,
|
|
44
|
+
InputState,
|
|
45
|
+
ReportInputProps,
|
|
46
|
+
ReportInputState,
|
|
47
|
+
InputTypeProps,
|
|
48
|
+
InputTypeKind,
|
|
49
|
+
InputTypeState,
|
|
50
|
+
ChipProps,
|
|
51
|
+
ChipVariant,
|
|
52
|
+
CheckboxProps,
|
|
53
|
+
TabProps,
|
|
54
|
+
TabState,
|
|
55
|
+
TabsProps,
|
|
56
|
+
TabsListProps,
|
|
57
|
+
TabsTriggerProps,
|
|
58
|
+
TabsContentProps,
|
|
59
|
+
TabsItem,
|
|
60
|
+
TabsType,
|
|
61
|
+
TabsAppearance,
|
|
62
|
+
HeaderProps,
|
|
63
|
+
HeaderVariant,
|
|
64
|
+
PageHeaderProps,
|
|
65
|
+
PageHeaderCrumb,
|
|
66
|
+
PageHeaderShellProps,
|
|
67
|
+
PageHeaderBodyProps,
|
|
68
|
+
ScrollableListProps,
|
|
69
|
+
ScrollableListHeaderProps,
|
|
70
|
+
ScrollableListBodyProps,
|
|
71
|
+
EntryProps,
|
|
72
|
+
EntryType,
|
|
73
|
+
EntryState,
|
|
74
|
+
EntryVariant,
|
|
75
|
+
EmptyStateProps,
|
|
76
|
+
ModalProps,
|
|
77
|
+
ModalOverlayProps,
|
|
78
|
+
ModalContentProps,
|
|
79
|
+
ModalTitleProps,
|
|
80
|
+
ModalDescriptionProps,
|
|
81
|
+
ModalBodyProps,
|
|
82
|
+
} from "./components";
|
|
83
|
+
|
|
84
|
+
export * as Patterns from "./patterns";
|
|
85
|
+
export * as Domain from "./domain";
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import { type ReactNode } from "react";
|
|
2
|
-
import {
|
|
3
|
-
Entry,
|
|
4
|
-
type EntryProps,
|
|
5
|
-
type EntryState,
|
|
6
|
-
type EntryVariant,
|
|
7
|
-
} from "../../components/Entry";
|
|
8
|
-
|
|
9
|
-
/** @deprecated Prefer `EntryVariant`. */
|
|
10
|
-
export type ResultRowVariant = EntryVariant;
|
|
11
|
-
/** @deprecated Prefer `EntryState`. */
|
|
12
|
-
export type ResultRowState = EntryState;
|
|
13
|
-
|
|
14
|
-
export type ResultRowProps = {
|
|
15
|
-
variant?: EntryVariant;
|
|
16
|
-
state?: EntryState;
|
|
17
|
-
title?: ReactNode;
|
|
18
|
-
subtitle?: ReactNode;
|
|
19
|
-
onClick?: () => void;
|
|
20
|
-
className?: string;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* @deprecated Prefer `Entry` — ResultRow is a thin alias for search lists.
|
|
25
|
-
*/
|
|
26
|
-
export const ResultRow = ({
|
|
27
|
-
variant = "report",
|
|
28
|
-
state = "idle",
|
|
29
|
-
title = "Search result",
|
|
30
|
-
subtitle,
|
|
31
|
-
onClick,
|
|
32
|
-
className,
|
|
33
|
-
}: ResultRowProps) => (
|
|
34
|
-
<Entry
|
|
35
|
-
variant={variant}
|
|
36
|
-
state={state}
|
|
37
|
-
title={title}
|
|
38
|
-
subtitle={subtitle}
|
|
39
|
-
onClick={onClick}
|
|
40
|
-
className={className}
|
|
41
|
-
/>
|
|
42
|
-
);
|
|
43
|
-
|
|
44
|
-
export type { EntryProps };
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import {
|
|
3
|
+
Entry,
|
|
4
|
+
type EntryProps,
|
|
5
|
+
type EntryState,
|
|
6
|
+
type EntryVariant,
|
|
7
|
+
} from "../../components/Entry";
|
|
8
|
+
|
|
9
|
+
/** @deprecated Prefer `EntryVariant`. */
|
|
10
|
+
export type ResultRowVariant = EntryVariant;
|
|
11
|
+
/** @deprecated Prefer `EntryState`. */
|
|
12
|
+
export type ResultRowState = EntryState;
|
|
13
|
+
|
|
14
|
+
export type ResultRowProps = {
|
|
15
|
+
variant?: EntryVariant;
|
|
16
|
+
state?: EntryState;
|
|
17
|
+
title?: ReactNode;
|
|
18
|
+
subtitle?: ReactNode;
|
|
19
|
+
onClick?: () => void;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated Prefer `Entry` — ResultRow is a thin alias for search lists.
|
|
25
|
+
*/
|
|
26
|
+
export const ResultRow = ({
|
|
27
|
+
variant = "report",
|
|
28
|
+
state = "idle",
|
|
29
|
+
title = "Search result",
|
|
30
|
+
subtitle,
|
|
31
|
+
onClick,
|
|
32
|
+
className,
|
|
33
|
+
}: ResultRowProps) => (
|
|
34
|
+
<Entry
|
|
35
|
+
variant={variant}
|
|
36
|
+
state={state}
|
|
37
|
+
title={title}
|
|
38
|
+
subtitle={subtitle}
|
|
39
|
+
onClick={onClick}
|
|
40
|
+
className={className}
|
|
41
|
+
/>
|
|
42
|
+
);
|
|
43
|
+
|
|
44
|
+
export type { EntryProps };
|