@lax-wp/design-system 0.7.1 → 0.8.0

package/dist/components/data-display/responsive-tags/ResponsiveTags.d.ts

@@ -1,18 +1,41 @@
+/**
+ * Represents a single tag item in the ResponsiveTags component.
+ */
 export interface ResponsiveTag {
+    /** Unique identifier for the tag */
     id?: string;
+    /** Display text for the tag */
     label: string;
+    /** Color variant for the tag */
     color?: string;
 }
+/**
+ * Size variants for responsive tags
+ */
 export type ResponsiveTagSize = 'xs' | 'sm' | 'lg' | 'md';
+/**
+ * Type for the popover title, can be a string or null to hide the title
+ */
 export type TitleProp = string | null;
+/**
+ * Props for the ResponsiveTags component.
+ */
 export interface ResponsiveTagsProps {
+    /** Array of tags to display */
     tags: ResponsiveTag[];
+    /** Size variant for all tags. @default 'sm' */
     size?: ResponsiveTagSize;
+    /** Additional CSS classes for the container */
     className?: string;
+    /** Maximum number of visible tags before showing "+X more" */
     maxVisible?: number;
+    /** Icon to display in each tag */
     icon?: React.ReactNode;
+    /** Title to display in the popover header. Set to null to hide. @default null */
     title?: TitleProp;
+    /** Maximum number of characters before truncating tag labels */
     truncate?: number;
+    /** Prevents tags from wrapping to a new line. @default false */
     noWrap?: boolean;
 }
 declare const ResponsiveTags: ({ tags, size, className, maxVisible, icon, title, truncate, noWrap, }: ResponsiveTagsProps) => import("react/jsx-runtime").JSX.Element | "-";

package/dist/components/navigation/tabs/TabDragOverlay.d.ts

@@ -5,7 +5,7 @@ type TabDragOverlayProps = {
     size?: TabSize;
     variant: TabVariant;
     selectedId: string;
-    parentContainer?: HTMLElement | null;
+    portalContainer?: HTMLElement | null;
 };
-declare const TabDragOverlay: ({ draggingTab, suffixRecord, size, variant, selectedId, parentContainer, }: TabDragOverlayProps) => import("react").ReactPortal;
+declare const TabDragOverlay: ({ draggingTab, suffixRecord, size, variant, selectedId, portalContainer, }: TabDragOverlayProps) => import("react").ReactPortal;
 export default TabDragOverlay;

package/dist/components/navigation/tabs/TabSwitch.d.ts

@@ -1,3 +1,3 @@
 import type { TabSwitchProps } from './types';
-declare const TabSwitch: ({ showCounts, title, icon, suffixRecord, classValue, isSelected, selectedClassValue, textClassValue, selectedId, iconsOnly, draggingTab, disableAnimation, tabOptions, color, href, onClick, }: TabSwitchProps) => import("react/jsx-runtime").JSX.Element;
+declare const TabSwitch: ({ showCounts, title, icon, suffixRecord, classValue, isSelected, selectedClassValue, textClassValue, selectedId, iconsOnly, draggingTab, disableAnimation, tabOptions, color, onClick, }: TabSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default TabSwitch;

package/dist/components/navigation/tabs/Tabs.d.ts

@@ -1,2 +1,2 @@
 import type { TabsProps } from './types';
-export declare const Tabs: <T extends string>({ variant, tabs, activeTab, onTabClick, suffixRecord, isLoading, size, className, draggable, showAllItems, copyLink, isDisabled, color, iconsOnly, tabIcons, height, fullWidth, fitContentWidth, disableAnimation, onDelete, onCopyLink, allowPin, isFullWidth, rightSection, initialTabs: initialTabsProp, tabConfig: tabConfigProp, onTabConfigChange, onTabsChange, parentContainer, tabKey, linkConfig, }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: <T extends string>({ variant, tabs, activeTab, onTabClick, suffixRecord, isLoading, size, className, draggable, showAllItems, copyLink, isDisabled, color, iconsOnly, tabIcons, height, fullWidth, fitContentWidth, disableAnimation, onDelete, onCopyLink, allowPin, isFullWidth, rightSection, initialTabs: initialTabsProp, tabConfig: tabConfigProp, onTabConfigChange, onTabsChange, portalContainer, tabKey, linkConfig, }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/tabs/types.d.ts

@@ -70,14 +70,12 @@ export type TabsProps<T extends string> = {
     allowPin?: boolean;
     /** Show all tabs without overflow truncation */
     showAllItems?: boolean;
-    /** Show copy link option in tab context menu.
-     *  Automatically enabled when `linkConfig` is provided. */
+    /** Show copy link option in tab context menu */
     copyLink?: boolean;
     /** Callback when a tab is deleted */
     onDelete?(name: T): void;
-    /** Called after the tab link is copied to the clipboard.
-     *  Receives the tab name and the full URL that was copied — useful for showing a toast or analytics. */
-    onCopyLink?(name: T, href: string): void;
+    /** Callback when copy link is triggered — receives tab name, should copy and return the URL */
+    onCopyLink?(name: T): Promise<string>;
     /** Redux/API persistence key — when provided and a DesignSystemProvider exists,
      *  tab state is automatically loaded and persisted via the provider's tab config */
     tabKey?: string;
@@ -86,8 +84,6 @@ export type TabsProps<T extends string> = {
     linkConfig?: {
         key: string;
         defaultLink: string;
-        /** Called with the URLSearchParams after the tab key is set — mutate to remove/add extra params before navigation */
-        onResolve?(searchParams: URLSearchParams): void;
     };
     /** Tabs with hidden state pre-configured (e.g. from API) */
     initialHiddenTabs?: readonly T[];
@@ -100,7 +96,7 @@ export type TabsProps<T extends string> = {
     /** Callback fired when tabs array changes (reorder, hide, pin — for external persistence) */
     onTabsChange?(tabs: Tab<T>[]): void;
     /** Container element for the drag overlay portal */
-    parentContainer?: HTMLElement | null;
+    portalContainer?: HTMLElement | null;
 };
 export type ChildrenProps = {
     isSelected?: boolean;
@@ -125,9 +121,6 @@ export type TabSwitchProps = {
     tabOptions?: ReactNode;
     color?: 'light' | 'dark';
     showCounts?: boolean;
-    /** When provided, renders as `<a>` instead of `<button>` for native link behaviour
-     *  (right-click → open in new tab, middle-click, Ctrl/Cmd+click). */
-    href?: string;
     onClick?(): void;
 };
 export declare const INITIAL_TAB_OPTION_CONFIG: TabOptionConfig;