@veevarts/design-system 2.25.0 → 2.27.0

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

@@ -20,6 +20,21 @@ export declare const entityRowClass: {
     readonly side: "relative z-10 flex shrink-0 items-center gap-1";
     readonly chevron: "flex shrink-0 text-default-500";
     readonly menuTrigger: "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.
+     * default-600 like the row's subtitle, sized by the same per-size token.
+     */
+    readonly menuItemDescription: "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 menuItemDisabledWithDescription: "opacity-100";
+    readonly menuItemDimmed: "opacity-disabled";
+    readonly menuItemDimmedIcon: "flex shrink-0 opacity-disabled";
     readonly avatar: "shrink-0 bg-default-200 text-default-700";
     readonly dangerItem: "text-danger";
 };

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

@@ -33,6 +33,13 @@ export interface EntityRowAction {
     icon?: ReactNode;
     tone?: 'default' | 'danger';
     isDisabled?: boolean;
+    /**
+     * Second line under the label, typically why a disabled action is
+     * unavailable. It stays readable on a disabled item. react-aria never
+     * focuses a disabled item, so the descriptions of disabled actions also
+     * describe the `⋯` trigger (`aria-describedby`).
+     */
+    description?: string;
     onAction: () => void;
     /** Defaults to `<row testid>-menu-<key>`. */
     'data-testid'?: string;

package/dist/patterns/SessionExpiredCard/SessionExpiredCard.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'react';
+import { SessionExpiredCardProps } from './type';
+/**
+ * What a Salesforce Canvas widget shows once its session is gone. There is no
+ * reload button: the Canvas frame is loaded by a POST, so the reload has to
+ * come from the Salesforce tab, not from inside the frame.
+ * The card is `role="alert"` so the change is announced, and `min-h-52` (208px)
+ * keeps it tall enough to be the first height the Salesforce wrapper reveals
+ * (its threshold is 200px). Copy comes in as props; the caller owns i18n.
+ */
+export declare function SessionExpiredCard({ testId, title, description }: Readonly<SessionExpiredCardProps>): JSX.Element;
+export declare namespace SessionExpiredCard {
+    var displayName: string;
+}

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

@@ -0,0 +1,2 @@
+export { SessionExpiredCard } from './SessionExpiredCard';
+export type * from './type';

package/dist/patterns/SessionExpiredCard/type.d.ts

@@ -0,0 +1,6 @@
+export type SessionExpiredCardProps = {
+    /** Stable selector for the state this card stands in for (`…-state`). */
+    testId: string;
+    title: string;
+    description: string;
+};

package/dist/patterns/index.d.ts

@@ -168,3 +168,5 @@ export { RecordTotals } from './RecordTotals';
 export type { RecordTotalsProps, RecordTotalsRow } from './RecordTotals';
 export { CellText, ChipStack } from './CellText';
 export type { CellTextProps, CellTextVariant, ChipStackProps } from './CellText';
+export { SessionExpiredCard } from './SessionExpiredCard';
+export type { SessionExpiredCardProps } from './SessionExpiredCard';

package/package.json

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