@webority/ui-react 0.89.0 → 0.91.0

package/dist/guidance.json

@@ -2,7 +2,7 @@
   "format": "webority-guidance/1",
   "package": {
     "name": "@webority/ui-react",
-    "version": "0.89.0"
+    "version": "0.91.0"
   },
   "components": [
     {

package/dist/types/components/AppContextMenu.d.ts

@@ -21,6 +21,7 @@ import "@webority/ui-elements/elements/context-menu";
  * @param {import('react').ReactNode} [props.children] The region to attach to, when `target` is not used.
  * @param {string} [props.ariaLabel]
  * @param {boolean} [props.disabled]
+ * @param {boolean} [props.open] Shows the menu open at the top-left corner of its region, for a design preview or a controlled caller.
  * @param {(detail: { region: Element, origin: Element, x: number, y: number }) => void} [props.onOpen]
  *   Called as the menu opens. `region` is the matched target, `origin` the element the user acted on inside it.
  * @param {string} [props.menuClassName]
@@ -55,6 +56,8 @@ export default function AppContextMenu(props: {
      * @default false
      */
     disabled?: boolean;
+    /** Shows the panel open, for a design preview or a controlled caller. */
+    open?: boolean;
     onOpen?: (detail: {
         region: Element;
         origin: Element;

package/dist/types/components/AppDescriptions.d.ts

@@ -35,7 +35,7 @@ export default function AppDescriptions(props: {
      */
     size?: "sm" | "md";
     /**
-     * Adds horizontal dividing lines between rows.
+     * Draws a rule between rows, across every column.
      * @default false
      */
     bordered?: boolean;

package/dist/types/components/AppFileViewer.d.ts

@@ -1,7 +1,7 @@
 import "@webority/ui-elements/file-viewer";
 declare const AppFileViewer: import("react").ForwardRefExoticComponent<{
     /** The file's URL. Changing it opens the new file. Without one the viewer draws its frame with a "No file to show." message. */
-    src: string;
+    src?: string;
     /** The name shown in the toolbar and used for printing and download. Defaults to the last part of src. */
     name?: string;
     /** The file's MIME type. Defaults to a guess from the extension of name or src. */

package/dist/types/components/AppHoverCard.d.ts

@@ -12,6 +12,7 @@ import "@webority/ui-elements/elements/hover-card";
  * @param {import('react').ReactNode} props.trigger
  * @param {import('react').ReactNode} [props.children] The card's content. The card is phrasing content, so it can
  *   sit on a name inside a sentence; there, build the content from spans (a `<div>` cannot be inside a `<p>`).
+ * @param {boolean} [props.open] Shows the panel open, for a design preview or a controlled caller.
  * @param {boolean} [props.loading]
  * @param {string} [props.loadingLabel]
  * @param {string} [props.label]
@@ -24,6 +25,8 @@ export default function AppHoverCard(props: {
     /** The name or link the card belongs to. Make it a link or button so keyboard users can focus it. */
     trigger: import('react').ReactNode;
     children?: import('react').ReactNode;
+    /** Shows the panel open, for a design preview or a controlled caller. */
+    open?: boolean;
     /**
      * Shows a spinner and the loading label in place of the children while the preview is fetched; start the fetch when the card opens.
      * @default false

package/dist/types/components/AppLightbox.d.ts

@@ -14,6 +14,7 @@ import "@webority/ui-elements/elements/lightbox";
  * @param {{ src: string, thumb?: string, alt?: string, caption?: string, name?: string, key?: string }[]} props.items
  * @param {boolean} [props.download]
  * @param {string} [props.label]
+ * @param {number} [props.openIndex] Opens the viewer on this image, counted from 0.
  * @param {(index: number) => void} [props.onChange] Called with the position (from 0) of the
  *   image shown, when the view opens and each time it changes.
  * @param {() => void} [props.onClose] Called when the full-screen view closes.
@@ -39,6 +40,8 @@ export default function AppLightbox(props: {
      * @default "Image viewer"
      */
     label?: string;
+    /** Opens the viewer on this image, counted from 0. */
+    openIndex?: number;
     onChange?: (index: number) => void;
     onClose?: () => void;
     /** Extra classes on the gallery. */

package/dist/types/components/AppTooltip.d.ts

@@ -12,10 +12,11 @@
  * @param {'auto'|'top'|'bottom'|'start'|'end'} [props.placement]
  * @param {'default'|'dark'|'primary'|'success'|'warning'|'danger'} [props.tone]
  * @param {'sm'|'md'|'lg'} [props.size]
+ * @param {boolean} [props.open] Shows the panel open, for a design preview or a controlled caller.
  * @param {string} [props.shortcut]
  * @param {string} [props.className]
  */
-export default function AppTooltip({ content, children, placement, tone, size, shortcut, className, ...rest }: {
+export default function AppTooltip(props: {
     /** The tooltip text or node. */
     content: import('react').ReactNode;
     children: import('react').ReactElement;
@@ -34,6 +35,8 @@ export default function AppTooltip({ content, children, placement, tone, size, s
      * @default "md"
      */
     size?: 'sm' | 'md' | 'lg';
+    /** Shows the panel open, for a design preview or a controlled caller. */
+    open?: boolean;
     /** The key that runs the action ("A", "E", "/"), drawn as a key chip after the text ("Approve A"). One character is written in upper case. */
     shortcut?: string;
     /**

package/dist/types/components/iconGlyphs.g.d.ts

@@ -85,6 +85,7 @@ export declare const GLYPHS: {
     files: string;
     filter: string;
     flag: string;
+    flame: string;
     flash: string;
     folder: string;
     "folder-2": string;

package/dist/types/components/iconVariants.g.d.ts

@@ -86,6 +86,7 @@ export declare const VARIANT_GLYPHS: {
         files: string;
         filter: string;
         flag: string;
+        flame: string;
         flash: string;
         folder: string;
         "folder-2": string;
@@ -299,6 +300,7 @@ export declare const VARIANT_GLYPHS: {
         files: string;
         filter: string;
         flag: string;
+        flame: string;
         flash: string;
         folder: string;
         "folder-2": string;
@@ -512,6 +514,7 @@ export declare const VARIANT_GLYPHS: {
         files: string;
         filter: string;
         flag: string;
+        flame: string;
         flash: string;
         folder: string;
         "folder-2": string;
@@ -725,6 +728,7 @@ export declare const VARIANT_GLYPHS: {
         files: string;
         filter: string;
         flag: string;
+        flame: string;
         flash: string;
         folder: string;
         "folder-2": string;
@@ -938,6 +942,7 @@ export declare const VARIANT_GLYPHS: {
         files: string;
         filter: string;
         flag: string;
+        flame: string;
         flash: string;
         folder: string;
         "folder-2": string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.89.0",
+  "version": "0.91.0",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -29,8 +29,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/ui-elements": "0.89.0",
-    "@webority/theme": "0.89.0"
+    "@webority/ui-elements": "0.91.0",
+    "@webority/theme": "0.91.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.26.0",
@@ -56,8 +56,8 @@
     "typescript": "^7.0.2",
     "vite": "^8.0.12",
     "vitest": "5.0.1",
-    "@webority/canvas-kit": "0.89.0",
-    "@webority/tokens": "0.89.0"
+    "@webority/tokens": "0.91.0",
+    "@webority/canvas-kit": "0.91.0"
   },
   "scripts": {
     "build": "vite build && tsc -p tsconfig.json && node ../../scripts/inject-meta-docs.mjs && node ../canvas-kit/dist/cli.js build --config canvas-kit.json --out dist/canvas-kit && node ../canvas-kit/dist/cli.js guidance --config canvas-kit.json --out dist/guidance.json && node ../../scripts/sync-rcl-assets.mjs analytics",