@veevarts/design-system 2.26.0 → 2.27.0
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/index.cjs +8 -8
- package/dist/index.js +895 -865
- package/dist/patterns/EntityRow/styles.d.ts +15 -0
- package/dist/patterns/EntityRow/types.d.ts +7 -0
- package/package.json +1 -1
|
@@ -20,6 +20,21 @@ export declare const entityRowClass: {
|
|
|
20
20
|
readonly side: "relative z-10 flex shrink-0 items-center gap-1";
|
|
21
21
|
readonly chevron: "flex shrink-0 text-default-500";
|
|
22
22
|
readonly menuTrigger: "text-default-600";
|
|
23
|
+
/** The menu otherwise grows to its longest line; a description wraps instead. */
|
|
24
|
+
readonly menuWithDescriptions: "max-w-xs";
|
|
25
|
+
/**
|
|
26
|
+
* HeroUI truncates a string description; a reason cut short is no reason.
|
|
27
|
+
* default-600 like the row's subtitle, sized by the same per-size token.
|
|
28
|
+
*/
|
|
29
|
+
readonly menuItemDescription: "whitespace-normal text-default-600";
|
|
30
|
+
/**
|
|
31
|
+
* A disabled item with a description. HeroUI dims the whole item, which
|
|
32
|
+
* would take the description to about 2:1, and opacity cannot be undone by
|
|
33
|
+
* a child. So the item stays opaque and the label and icon are dimmed.
|
|
34
|
+
*/
|
|
35
|
+
readonly menuItemDisabledWithDescription: "opacity-100";
|
|
36
|
+
readonly menuItemDimmed: "opacity-disabled";
|
|
37
|
+
readonly menuItemDimmedIcon: "flex shrink-0 opacity-disabled";
|
|
23
38
|
readonly avatar: "shrink-0 bg-default-200 text-default-700";
|
|
24
39
|
readonly dangerItem: "text-danger";
|
|
25
40
|
};
|
|
@@ -33,6 +33,13 @@ export interface EntityRowAction {
|
|
|
33
33
|
icon?: ReactNode;
|
|
34
34
|
tone?: 'default' | 'danger';
|
|
35
35
|
isDisabled?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Second line under the label, typically why a disabled action is
|
|
38
|
+
* unavailable. It stays readable on a disabled item. react-aria never
|
|
39
|
+
* focuses a disabled item, so the descriptions of disabled actions also
|
|
40
|
+
* describe the `⋯` trigger (`aria-describedby`).
|
|
41
|
+
*/
|
|
42
|
+
description?: string;
|
|
36
43
|
onAction: () => void;
|
|
37
44
|
/** Defaults to `<row testid>-menu-<key>`. */
|
|
38
45
|
'data-testid'?: string;
|