@lateralus-ai/shipping-ui 2.0.0-dev.0 → 2.0.0-dev.11
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/EmptyState.d.ts +1 -1
- package/dist/components/Entry.d.ts +27 -7
- package/dist/components/Modal.d.ts +36 -0
- package/dist/components/Tabs.d.ts +23 -8
- package/dist/components/index.d.ts +3 -2
- package/dist/index.cjs +32 -32
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +4209 -3711
- package/dist/patterns/Search/ResultRow.d.ts +16 -7
- package/dist/patterns/Search/SearchModal.d.ts +84 -2
- package/dist/patterns/Search/index.d.ts +2 -2
- package/dist/primitives/Badge.d.ts +7 -4
- package/dist/primitives/Button.d.ts +17 -8
- package/dist/primitives/button-styles.d.ts +4 -0
- package/dist/primitives/index.d.ts +4 -2
- package/dist/style.css +1 -1
- package/dist/tailwind-theme.d.ts +4 -4
- package/dist/theme-entry-BUK3MJUJ.mjs +261 -0
- package/dist/theme-entry-ygTpGaNC.js +1 -0
- package/dist/theme-entry.d.ts +2 -0
- package/dist/theme.cjs +1 -0
- package/dist/theme.d.ts +2 -0
- package/dist/theme.esm.js +5 -0
- package/package.json +10 -3
- package/src/components/EmptyState.tsx +2 -2
- package/src/components/Entry.tsx +119 -45
- package/src/components/Modal.tsx +141 -0
- package/src/components/Tabs.tsx +146 -48
- package/src/components/index.ts +43 -13
- 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 +76 -50
- package/src/patterns/Search/ResultRow.tsx +44 -52
- package/src/patterns/Search/SearchModal.tsx +310 -88
- package/src/patterns/Search/index.ts +31 -5
- 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 -57
- package/src/primitives/Badge.tsx +20 -10
- package/src/primitives/Button.tsx +206 -37
- package/src/primitives/button-styles.ts +92 -0
- package/src/primitives/index.ts +7 -2
- package/src/stories/canvases/ButtonsCanvas.tsx +94 -44
- package/src/stories/canvases/ButtonsMatrixCanvas.tsx +8 -7
- package/src/stories/canvases/ContentCanvas.tsx +157 -88
- package/src/stories/canvases/SearchCanvas.tsx +150 -65
- package/src/stories/canvases/figma-buttons-layout.ts +83 -0
- package/src/stories/canvases/helpers.tsx +26 -43
- 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 +4 -4
- package/src/theme-entry.ts +2 -0
- package/tailwind.config.ts +12 -0
|
@@ -4,7 +4,7 @@ export type EmptyStateProps = {
|
|
|
4
4
|
illustration?: ReactNode;
|
|
5
5
|
title: string;
|
|
6
6
|
description?: string;
|
|
7
|
-
action?: Pick<ButtonProps, "children" | "onClick" | "hierarchy" | "
|
|
7
|
+
action?: Pick<ButtonProps, "children" | "onClick" | "hierarchy" | "icon" | "startIcon">;
|
|
8
8
|
className?: string;
|
|
9
9
|
};
|
|
10
10
|
export declare const EmptyState: ({ illustration, title, description, action, className, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +1,33 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export type
|
|
3
|
-
|
|
2
|
+
export type EntryVariant = "chat" | "issue" | "report";
|
|
3
|
+
/** @deprecated Prefer `EntryVariant`. */
|
|
4
|
+
export type EntryType = EntryVariant;
|
|
5
|
+
export type EntryState = "idle" | "active";
|
|
4
6
|
export type EntryProps = {
|
|
5
|
-
type
|
|
7
|
+
/** Visual type — drives the default leading icon. */
|
|
8
|
+
variant?: EntryVariant;
|
|
9
|
+
/** @deprecated Use `variant`. */
|
|
10
|
+
type?: EntryVariant;
|
|
6
11
|
state?: EntryState;
|
|
7
|
-
title
|
|
8
|
-
|
|
9
|
-
|
|
12
|
+
title?: ReactNode;
|
|
13
|
+
/** Secondary line — excerpt, metadata, or highlighted query match. */
|
|
14
|
+
subtitle?: ReactNode;
|
|
15
|
+
/** Unread count badge in the title row (Figma red pill). */
|
|
16
|
+
count?: number;
|
|
17
|
+
/** Trailing actions (e.g. ellipsis menu). Shown on hover / when forced. */
|
|
18
|
+
trailing?: ReactNode;
|
|
19
|
+
/** Override the default variant icon. */
|
|
20
|
+
icon?: ReactNode;
|
|
10
21
|
onClick?: () => void;
|
|
11
22
|
className?: string;
|
|
23
|
+
/** @deprecated Use `count` or `trailing`. */
|
|
24
|
+
meta?: ReactNode;
|
|
12
25
|
};
|
|
13
|
-
|
|
26
|
+
/**
|
|
27
|
+
* List entry row — Figma `Entry` (389:10001).
|
|
28
|
+
* Shared by search results and activity lists.
|
|
29
|
+
*
|
|
30
|
+
* Renders a `div` (not `<button>`) so trailing controls can be real buttons
|
|
31
|
+
* without nested-button issues. Whole-row click uses `onClick` + keyboard.
|
|
32
|
+
*/
|
|
33
|
+
export declare const Entry: ({ variant, type, state, title, subtitle, count, trailing, icon, onClick, className, meta, }: EntryProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
|
+
export type ModalProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
|
|
4
|
+
/** Generic dialog shell — portal, backdrop, focus trap, Escape. */
|
|
5
|
+
export declare const Modal: import('react').FC<DialogPrimitive.DialogProps>;
|
|
6
|
+
export declare const ModalTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
export declare const ModalClose: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export type ModalPortalProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
|
|
9
|
+
export declare const ModalPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
|
|
10
|
+
export type ModalOverlayProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
|
|
11
|
+
/** Dark gray backdrop (app convention; Figma search frames omit overlay). */
|
|
12
|
+
export declare const ModalOverlay: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export type ModalContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
14
|
+
/** When false, backdrop is omitted. Defaults to true. */
|
|
15
|
+
showOverlay?: boolean;
|
|
16
|
+
overlayClassName?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const ModalContent: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
19
|
+
/** When false, backdrop is omitted. Defaults to true. */
|
|
20
|
+
showOverlay?: boolean;
|
|
21
|
+
overlayClassName?: string;
|
|
22
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export type ModalTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
|
|
24
|
+
export declare const ModalTitle: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
25
|
+
export type ModalDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
|
|
26
|
+
export declare const ModalDescription: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
27
|
+
export type ModalHeaderSlotProps = {
|
|
28
|
+
children: ReactNode;
|
|
29
|
+
className?: string;
|
|
30
|
+
};
|
|
31
|
+
export declare const ModalHeaderSlot: ({ children, className, }: ModalHeaderSlotProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export type ModalBodyProps = {
|
|
33
|
+
children: ReactNode;
|
|
34
|
+
className?: string;
|
|
35
|
+
};
|
|
36
|
+
export declare const ModalBody: ({ children, className }: ModalBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +1,27 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
1
3
|
export type TabsType = "tabs" | "pills";
|
|
4
|
+
/** Soft = search filters (filled idle). Solid = workflow shell (ghost idle, blue active). */
|
|
5
|
+
export type TabsAppearance = "soft" | "solid";
|
|
6
|
+
export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
|
|
7
|
+
type?: TabsType;
|
|
8
|
+
/** Only applies when `type="pills"`. Defaults to `soft`. */
|
|
9
|
+
appearance?: TabsAppearance;
|
|
10
|
+
};
|
|
11
|
+
export declare const Tabs: ({ type, appearance, className, children, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
|
|
13
|
+
export declare const TabsList: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export type TabsTriggerProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
};
|
|
17
|
+
export declare const TabsTrigger: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
} & import('react').RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export type TabsContentProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
|
|
21
|
+
export declare const TabsContent: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
22
|
+
/** @deprecated Prefer Tabs + TabsTrigger. Kept for Storybook atom demos. */
|
|
2
23
|
export type TabsItem = {
|
|
3
24
|
label: string;
|
|
25
|
+
value?: string;
|
|
26
|
+
count?: number;
|
|
4
27
|
};
|
|
5
|
-
export type TabsProps = {
|
|
6
|
-
type?: TabsType;
|
|
7
|
-
items: TabsItem[];
|
|
8
|
-
activeIndex: number;
|
|
9
|
-
onChange: (index: number) => void;
|
|
10
|
-
className?: string;
|
|
11
|
-
};
|
|
12
|
-
export declare const Tabs: ({ type, items, activeIndex, onChange, className, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,10 +4,11 @@ export { InputType, type InputTypeProps, type InputTypeKind, type InputTypeState
|
|
|
4
4
|
export { Chip, type ChipProps, type ChipVariant } from './Chip';
|
|
5
5
|
export { Checkbox, type CheckboxProps } from './Checkbox';
|
|
6
6
|
export { Tab, type TabProps, type TabState } from './Tab';
|
|
7
|
-
export { Tabs, type TabsProps, type TabsItem, type TabsType } from './Tabs';
|
|
7
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentProps, type TabsItem, type TabsType, type TabsAppearance, } from './Tabs';
|
|
8
8
|
export { Header, type HeaderProps, type HeaderVariant } from './Header';
|
|
9
|
-
export { Entry, type EntryProps, type EntryType, type EntryState } from './Entry';
|
|
9
|
+
export { Entry, type EntryProps, type EntryType, type EntryState, type EntryVariant } from './Entry';
|
|
10
10
|
export { EmptyState, type EmptyStateProps } from './EmptyState';
|
|
11
|
+
export { Modal, ModalTrigger, ModalClose, ModalPortal, ModalOverlay, ModalContent, ModalTitle, ModalDescription, ModalHeaderSlot, ModalBody, type ModalProps, type ModalOverlayProps, type ModalContentProps, type ModalTitleProps, type ModalDescriptionProps, type ModalBodyProps, } from './Modal';
|
|
11
12
|
export { ModalPanel } from './ModalPanel';
|
|
12
13
|
export * from './PdfViewer/';
|
|
13
14
|
export * from './DocumentEditor';
|