@veevarts/design-system 2.0.0-alpha.61 → 2.0.0-alpha.62

package/dist/patterns/ActionsMenu/ActionsMenu.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ActionsMenuProps } from './types';
+export declare const ActionsMenu: React.FC<ActionsMenuProps>;

package/dist/patterns/ActionsMenu/icons.d.ts

@@ -0,0 +1,2 @@
+/** Inline so the default renders offline and without an icon registry. */
+export declare const MoreActionsIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/ActionsMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionsMenu } from './ActionsMenu';
+export type { ActionsMenuProps, ActionsMenuSize, MenuAction } from './types';

package/dist/patterns/ActionsMenu/styles.d.ts

@@ -0,0 +1,20 @@
+import { ActionsMenuSize } from './types';
+export declare const actionsMenuSizeClass: Record<ActionsMenuSize, string>;
+export declare const actionsMenuClass: {
+    readonly trigger: "text-default-600";
+    /** The menu otherwise grows to its longest line; a description wraps instead. */
+    readonly menuWithDescriptions: "max-w-xs";
+    /**
+     * HeroUI truncates a string description; a reason cut short is no reason.
+     */
+    readonly itemDescription: "whitespace-normal text-default-600";
+    /**
+     * A disabled item with a description. HeroUI dims the whole item, which
+     * would take the description to about 2:1, and opacity cannot be undone
+     * by a child. So the item stays opaque and the label and icon are dimmed.
+     */
+    readonly itemDisabledWithDescription: "opacity-100";
+    readonly itemDimmed: "opacity-disabled";
+    readonly itemDimmedIcon: "flex shrink-0 opacity-disabled";
+    readonly dangerItem: "text-danger";
+};

package/dist/patterns/ActionsMenu/types.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export interface MenuAction {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    tone?: 'default' | 'danger';
+    isDisabled?: boolean;
+    /**
+     * Second line under the label, typically why a disabled action is
+     * unavailable. react-aria never focuses a disabled item, so the
+     * descriptions of disabled actions also describe the trigger
+     * (`aria-describedby`), the same convention as `EntityRow`.
+     */
+    description?: string;
+    onAction: () => void;
+    /** Defaults to `<data-testid>-<key>`. */
+    'data-testid'?: string;
+}
+export type ActionsMenuSize = 'sm' | 'md';
+export interface ActionsMenuProps {
+    /** Menu items. An empty array renders no trigger. */
+    actions: MenuAction[];
+    /**
+     * Accessible name of the `⋯` trigger and of the menu. Include the
+     * subject: "Actions for Spring Exhibit TBD", not "Actions" — a page with
+     * several of these otherwise reads as a column of identical buttons.
+     */
+    label: string;
+    /** Overrides the default `⋯` glyph. */
+    icon?: ReactNode;
+    size?: ActionsMenuSize;
+    isDisabled?: boolean;
+    className?: string;
+    'data-testid'?: string;
+}

package/dist/patterns/index.d.ts

@@ -180,3 +180,5 @@ export { SessionExpiredCard } from './SessionExpiredCard';
 export type { SessionExpiredCardProps } from './SessionExpiredCard';
 export { Notice } from './Notice';
 export type { NoticeProps, NoticeTone, NoticeVariant } from './Notice';
+export { ActionsMenu } from './ActionsMenu';
+export type { ActionsMenuProps, ActionsMenuSize, MenuAction } from './ActionsMenu';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "2.0.0-alpha.61",
+    "version": "2.0.0-alpha.62",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",