@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.
- package/dist/components/Tabs.d.ts +1 -1
- 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 +7301 -5991
- 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
|
@@ -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
|
|