@lateralus-ai/shipping-ui 2.0.0-dev.19 → 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.
Files changed (72) hide show
  1. package/dist/components/Tabs.d.ts +1 -1
  2. package/dist/domain/Filters/FilterDropdown.d.ts +93 -0
  3. package/dist/domain/Filters/FilterPill.d.ts +12 -5
  4. package/dist/domain/Filters/FilterPills.d.ts +21 -0
  5. package/dist/domain/Filters/FilteredPill.d.ts +15 -5
  6. package/dist/domain/Filters/formatActiveFilterChipLabel.d.ts +11 -0
  7. package/dist/domain/Filters/index.d.ts +8 -3
  8. package/dist/index.cjs +33 -33
  9. package/dist/index.esm.js +7301 -5991
  10. package/package.json +2 -1
  11. package/src/components/EmptyState.tsx +44 -44
  12. package/src/components/Modal.tsx +141 -141
  13. package/src/components/PageHeader.tsx +132 -132
  14. package/src/components/ScrollableList.tsx +61 -61
  15. package/src/components/Tabs.tsx +146 -146
  16. package/src/components/index.ts +56 -56
  17. package/src/domain/Filters/FilterDropdown.tsx +438 -0
  18. package/src/domain/Filters/FilterPill.tsx +54 -18
  19. package/src/domain/Filters/FilterPills.tsx +41 -0
  20. package/src/domain/Filters/FilteredPill.tsx +40 -23
  21. package/src/domain/Filters/FiltersBar.tsx +15 -19
  22. package/src/domain/Filters/formatActiveFilterChipLabel.ts +23 -0
  23. package/src/domain/Filters/index.ts +35 -3
  24. package/src/icons/arrow-paths.ts +8 -8
  25. package/src/icons/chevron-paths.ts +17 -17
  26. package/src/icons/icons-data.ts +656 -656
  27. package/src/index.ts +85 -85
  28. package/src/patterns/Search/ResultRow.tsx +44 -44
  29. package/src/patterns/Search/SearchModal.tsx +310 -310
  30. package/src/patterns/Search/index.ts +31 -31
  31. package/src/patterns/Sidebar/assets/logo-compliance-mark.png +5 -5
  32. package/src/patterns/Sidebar/assets/logo-compliance-mask.png +13 -13
  33. package/src/patterns/Sidebar/assets/logo-compliance.svg +17 -17
  34. package/src/patterns/Sidebar/assets/logo-technical-avatar.svg +17 -17
  35. package/src/patterns/Sidebar/assets/logo-technical-mark.png +5 -5
  36. package/src/patterns/Sidebar/assets/logo-technical.svg +16 -16
  37. package/src/patterns/Skeleton/Skeleton.tsx +56 -56
  38. package/src/primitives/button-styles.ts +92 -92
  39. package/src/stories/canvases/ButtonsCanvas.tsx +107 -107
  40. package/src/stories/canvases/ButtonsMatrixCanvas.tsx +65 -65
  41. package/src/stories/canvases/ContentCanvas.tsx +353 -353
  42. package/src/stories/canvases/FiltersCanvas.tsx +156 -30
  43. package/src/stories/canvases/SearchCanvas.tsx +150 -150
  44. package/src/stories/canvases/figma-buttons-layout.ts +83 -83
  45. package/src/stories/canvases/figma-widths.ts +28 -28
  46. package/src/stories/canvases/helpers.tsx +146 -146
  47. package/src/stories/components/Buttons.stories.tsx +11 -11
  48. package/src/stories/components/Chat.stories.tsx +11 -11
  49. package/src/stories/components/Content.stories.tsx +11 -11
  50. package/src/stories/components/Core.stories.tsx +11 -11
  51. package/src/stories/components/DomainForms.stories.tsx +11 -11
  52. package/src/stories/components/Filters.stories.tsx +11 -11
  53. package/src/stories/components/Forms.stories.tsx +11 -11
  54. package/src/stories/components/Icons.stories.tsx +11 -11
  55. package/src/stories/components/Illustrations.stories.tsx +11 -11
  56. package/src/stories/components/Library.stories.tsx +11 -11
  57. package/src/stories/components/Modals.stories.tsx +11 -11
  58. package/src/stories/components/Report.stories.tsx +11 -11
  59. package/src/stories/components/ReportLayout.stories.tsx +11 -11
  60. package/src/stories/components/Search.stories.tsx +11 -11
  61. package/src/stories/components/Settings.stories.tsx +11 -11
  62. package/src/stories/components/Ships.stories.tsx +11 -11
  63. package/src/stories/components/SidebarLayouts.stories.tsx +11 -11
  64. package/src/stories/components/Skeletons.stories.tsx +11 -11
  65. package/src/stories/components/Workflows.stories.tsx +11 -11
  66. package/src/stories/style-guide/Buttons.stories.tsx +11 -11
  67. package/src/stories/style-guide/ColorTokens.stories.tsx +11 -11
  68. package/src/stories/style-guide/Colors.stories.tsx +11 -11
  69. package/src/stories/style-guide/RaiseLevels.stories.tsx +11 -11
  70. package/src/stories/style-guide/Typography.stories.tsx +11 -11
  71. package/src/tailwind-theme.ts +186 -186
  72. 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 };