@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
@@ -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