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