@openwarelabs/blocks 0.10.0 → 0.11.0

package/dist/index.js

@@ -6823,14 +6823,24 @@ function Files({ files, open, onToggle, labels }) {
           ]
         }
       ),
-      expanded ? /* @__PURE__ */ jsx91(Text83, { 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__ */ jsxs91("span", { className: `ow-chat03__line ow-chat03__line--${kind}`, "data-sign": sign, children: [
-          kind === "hunk" ? line : line.slice(1),
-          "\n"
-        ] }, index);
-      }) }) : null
+      expanded ? /* @__PURE__ */ jsx91(
+        Text83,
+        {
+          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__ */ jsxs91("span", { className: `ow-chat03__line ow-chat03__line--${kind}`, "data-sign": sign, children: [
+              kind === "hunk" ? line : line.slice(1),
+              "\n"
+            ] }, index);
+          })
+        }
+      ) : null
     ] }, file.path);
   }) });
 }
@@ -7440,7 +7450,7 @@ function ErrorPage03({
 
 // blocks/src/notifications/Notifications01/Notifications01.tsx
 import { useState as useState52 } from "react";
-import { Avatar as Avatar15, Badge as Badge20, Button as Button49, cx as cx94, Link as Link37, Popover as Popover4, ScrollShadow as ScrollShadow3, Tab as Tab4, TabList as TabList4, TabPanel as TabPanel4, Tabs as Tabs4, Text as Text90 } from "@openwarelabs/ui";
+import { Avatar as Avatar15, Badge as Badge20, Button as Button49, cx as cx94, Link as Link37, Popover as Popover4, ScrollShadow as ScrollShadow3, Tab as Tab4, TabList as TabList4, TabPanel as TabPanel4, Tabs as Tabs4, Text as Text90, VisuallyHidden as VisuallyHidden8 } from "@openwarelabs/ui";
 import { jsx as jsx98, jsxs as jsxs98 } from "react/jsx-runtime";
 function Sender({ item }) {
   if (item.icon) {
@@ -7460,12 +7470,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__ */ jsx98(VisuallyHidden8, { children: labels.unread ?? "Unread: " }) : null,
           /* @__PURE__ */ jsx98(Sender, { item }),
           /* @__PURE__ */ jsxs98("span", { className: "ow-notifications01__text", children: [
             /* @__PURE__ */ jsx98(Text90, { as: "span", tone: "muted", children: item.message }),
@@ -7643,7 +7653,7 @@ function Notifications02({ title, description, days, kinds, onLoadEarlier, label
 
 // blocks/src/notifications/Notifications03/Notifications03.tsx
 import { useEffect as useEffect22, useId as useId79, useRef as useRef18, useState as useState54 } from "react";
-import { cx as cx96, Select as Select7, SettingsRow as SettingsRow2, Switch, Text as Text92, VisuallyHidden as VisuallyHidden8 } from "@openwarelabs/ui";
+import { cx as cx96, Select as Select7, SettingsRow as SettingsRow2, Switch, Text as Text92, VisuallyHidden as VisuallyHidden9 } from "@openwarelabs/ui";
 import { Fragment as Fragment45, jsx as jsx100, jsxs as jsxs100 } from "react/jsx-runtime";
 function Notifications03({
   title,
@@ -7719,7 +7729,7 @@ function Notifications03({
             ] }),
             channels.map((channel) => /* @__PURE__ */ jsx100("td", { children: /* @__PURE__ */ jsx100("span", { className: "ow-notifications03__cell", children: event.unavailable?.includes(channel.id) ? /* @__PURE__ */ jsxs100("span", { className: "ow-notifications03__unavailable", children: [
               /* @__PURE__ */ jsx100("span", { "aria-hidden": "true", children: "\u2013" }),
-              /* @__PURE__ */ jsx100(VisuallyHidden8, { children: labels.unavailable ? labels.unavailable(channel.label) : `Not sent by ${channel.label.toLowerCase()}` })
+              /* @__PURE__ */ jsx100(VisuallyHidden9, { children: labels.unavailable ? labels.unavailable(channel.label) : `Not sent by ${channel.label.toLowerCase()}` })
             ] }) : /* @__PURE__ */ jsx100(
               Switch,
               {