@openwarelabs/blocks 0.10.0 → 0.10.1

package/README.md

@@ -2,6 +2,8 @@
 
 Whole page sections built from [Openware UI](https://github.com/openwarelabs/ui) (`@openwarelabs/ui`), as React components that take their content as props. Drop one in, pass your words, actions and screenshots, and it follows the theme, the brand colour and every screen width.
 
+See every block live, at every width, with its props: [openwarelabs.github.io/ui/#/blocks](https://openwarelabs.github.io/ui/#/blocks).
+
 ```sh
 npm install @openwarelabs/ui @openwarelabs/blocks
 ```

package/dist/index.cjs

@@ -6910,14 +6910,24 @@ function Files({ files, open, onToggle, labels }) {
           ]
         }
       ),
-      expanded ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui91.Text, { as: "pre", variant: "code", className: "ow-chat03__diff", "aria-label": labels.diff?.(file.path) ?? `Changes to ${file.path}`, children: file.diff.map((line, index) => {
-        const kind = line.startsWith("@@") ? "hunk" : line[0] === "+" ? "add" : line[0] === "-" ? "remove" : "context";
-        const sign = kind === "add" ? "+" : kind === "remove" ? "\u2212" : "";
-        return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: `ow-chat03__line ow-chat03__line--${kind}`, "data-sign": sign, children: [
-          kind === "hunk" ? line : line.slice(1),
-          "\n"
-        ] }, index);
-      }) }) : null
+      expanded ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        import_ui91.Text,
+        {
+          as: "pre",
+          variant: "code",
+          className: "ow-chat03__diff",
+          tabIndex: 0,
+          "aria-label": labels.diff?.(file.path) ?? `Changes to ${file.path}`,
+          children: file.diff.map((line, index) => {
+            const kind = line.startsWith("@@") ? "hunk" : line[0] === "+" ? "add" : line[0] === "-" ? "remove" : "context";
+            const sign = kind === "add" ? "+" : kind === "remove" ? "\u2212" : "";
+            return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: `ow-chat03__line ow-chat03__line--${kind}`, "data-sign": sign, children: [
+              kind === "hunk" ? line : line.slice(1),
+              "\n"
+            ] }, index);
+          })
+        }
+      ) : null
     ] }, file.path);
   }) });
 }
@@ -7547,12 +7557,12 @@ function NotificationList({ items, isUnread, onOpen, labels }) {
         href: item.href ?? "#",
         variant: "standalone",
         className: "ow-notifications01__item",
-        "aria-label": `${unread ? labels.unread ?? "Unread: " : ""}${item.summary}, ${item.where}, ${item.when}`,
         onClick: (event) => {
           if (item.href === void 0) event.preventDefault();
           onOpen(item);
         },
         children: [
+          unread ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_ui98.VisuallyHidden, { children: labels.unread ?? "Unread: " }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Sender, { item }),
           /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "ow-notifications01__text", children: [
             /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_ui98.Text, { as: "span", tone: "muted", children: item.message }),