@lateralus-ai/shipping-ui 2.0.0-dev.20 → 2.0.0-dev.22

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 +18 -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 +7300 -5990
  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 +34 -0
  19. package/src/domain/Filters/FilteredPill.tsx +48 -28
  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
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { ReportLayoutCanvas } from "../canvases/ReportLayoutCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Components/Report Layout",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <ReportLayoutCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { ReportLayoutCanvas } from "../canvases/ReportLayoutCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Components/Report Layout",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <ReportLayoutCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { SearchCanvas } from "../canvases/SearchCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Components/Search",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <SearchCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { SearchCanvas } from "../canvases/SearchCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Components/Search",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <SearchCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { SettingsCanvas } from "../canvases/SettingsCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Components/Settings",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <SettingsCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { SettingsCanvas } from "../canvases/SettingsCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Components/Settings",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <SettingsCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { ShipsCanvas } from "../canvases/ShipsCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Components/Ships",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <ShipsCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { ShipsCanvas } from "../canvases/ShipsCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Components/Ships",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <ShipsCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { SidebarLayoutsCanvas } from "../canvases/SidebarLayoutsCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Components/Sidebar Layouts",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <SidebarLayoutsCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { SidebarLayoutsCanvas } from "../canvases/SidebarLayoutsCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Components/Sidebar Layouts",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <SidebarLayoutsCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { SkeletonsCanvas } from "../canvases/SkeletonsCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Components/Skeletons",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <SkeletonsCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { SkeletonsCanvas } from "../canvases/SkeletonsCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Components/Skeletons",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <SkeletonsCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { WorkflowsCanvas } from "../canvases/WorkflowsCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Components/Workflows",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <WorkflowsCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { WorkflowsCanvas } from "../canvases/WorkflowsCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Components/Workflows",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <WorkflowsCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { ButtonsMatrixCanvas } from "../canvases/ButtonsMatrixCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Style Guide/Buttons",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <ButtonsMatrixCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { ButtonsMatrixCanvas } from "../canvases/ButtonsMatrixCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Style Guide/Buttons",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <ButtonsMatrixCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { ColorTokensCanvas } from "../canvases/ColorTokensCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Style Guide/Color Tokens",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <ColorTokensCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { ColorTokensCanvas } from "../canvases/ColorTokensCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Style Guide/Color Tokens",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <ColorTokensCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { ColorsCanvas } from "../canvases/ColorsCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Style Guide/Colors",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <ColorsCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { ColorsCanvas } from "../canvases/ColorsCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Style Guide/Colors",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <ColorsCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { RaiseLevelsCanvas } from "../canvases/RaiseLevelsCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Style Guide/Raise Levels",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <RaiseLevelsCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { RaiseLevelsCanvas } from "../canvases/RaiseLevelsCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Style Guide/Raise Levels",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <RaiseLevelsCanvas /> };
12
12
 
@@ -1,12 +1,12 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { TypographyCanvas } from "../canvases/TypographyCanvas";
3
-
4
- const meta: Meta = {
5
- title: "Style Guide/Typography",
6
- parameters: { layout: "fullscreen" },
7
- };
8
- export default meta;
9
-
10
- type Story = StoryObj;
11
- export const Canvas: Story = { render: () => <TypographyCanvas /> };
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { TypographyCanvas } from "../canvases/TypographyCanvas";
3
+
4
+ const meta: Meta = {
5
+ title: "Style Guide/Typography",
6
+ parameters: { layout: "fullscreen" },
7
+ };
8
+ export default meta;
9
+
10
+ type Story = StoryObj;
11
+ export const Canvas: Story = { render: () => <TypographyCanvas /> };
12
12