@sesamehr/react-design-system 3.8.0 → 3.9.0

package/README.md

@@ -2,7 +2,9 @@
 
 React components and design tokens for the Sesame HR design system.
 
-📖 **[Component documentation](https://reactds.sesametime.com)**
+📖 **[Component documentation](https://storybook.sesametime.com)** — this package's
+Storybook. The Vue source of truth has its own at
+[vue-storybook.sesametime.com](https://vue-storybook.sesametime.com).
 
 ## Install
 
@@ -97,7 +99,6 @@ to retheme, not `--color-brand-500`. Unprefixed, those are the names Tailwind
 itself uses, and declaring them at `:root` would change what every `rounded-2xl`
 in your application means.
 
-
 ## License
 
 MIT © Sesame HR

package/dist/Display/Avatar/AvatarRounded/AvatarRounded.d.ts

@@ -15,6 +15,12 @@ export interface AvatarRoundedProps extends React.HTMLAttributes<HTMLSpanElement
     action?: React.ReactNode;
     /** Rendered centred on the bottom edge */
     label?: React.ReactNode;
+    /**
+     * Who the avatar is, shown in a tooltip on hover and on focus. Passing it
+     * is what turns the tooltip on, which keeps the switch out of the prop
+     * budget and lets the tooltip carry more than a name.
+     */
+    tooltip?: React.ReactNode;
     dataTestid: string;
 }
 /**

package/dist/Display/Avatar/AvatarSquare/AvatarSquare.d.ts

@@ -15,6 +15,12 @@ export interface AvatarSquareProps extends React.HTMLAttributes<HTMLSpanElement>
     action?: React.ReactNode;
     /** Rendered centred on the bottom edge */
     label?: React.ReactNode;
+    /**
+     * Who the avatar is, shown in a tooltip on hover and on focus. Passing it
+     * is what turns the tooltip on, which keeps the switch out of the prop
+     * budget and lets the tooltip carry more than a name.
+     */
+    tooltip?: React.ReactNode;
     dataTestid: string;
 }
 /**

package/dist/Display/AvatarGroup/AvatarGroup.d.ts

@@ -16,6 +16,20 @@ export interface AvatarGroupProps extends Omit<React.ButtonHTMLAttributes<HTMLBu
     avatars: AvatarItem[];
     /** Maximum number of avatars to show before collapsing */
     max?: number;
+    /**
+     * How many people the stack stands for, when that is not the length of
+     * `avatars`. Three faces and a `total` of 25 draw three avatars and `+22`,
+     * so a caller holding one page of a long list no longer has to pad it with
+     * empty items to make the counter read right.
+     *
+     * The counter is `total` minus what is *shown*, never minus `max`: the two
+     * differ whenever there are fewer faces than `max`, and `shown + counter`
+     * has to come to `total` for the number to mean anything. A `total` under
+     * the number of faces is an ordinary race — the list refreshed and the
+     * count did not — so it drops the counter and never a face; `max` stays the
+     * only thing that caps the pile.
+     */
+    total?: number;
     /** Whether the group is interactive (clickable) */
     interactive?: boolean;
     /** The size every avatar in the stack is drawn at. */