@ory/elements-react 1.0.0-next.40 → 1.0.0-next.41

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.
@@ -1024,6 +1024,7 @@ function DefaultButtonSocial({
1024
1024
  setClicked(false);
1025
1025
  }
1026
1026
  }, [isSubmitting, setClicked]);
1027
+ const label = node.meta.label ? uiTextToFormattedMessage(node.meta.label, intl) : "";
1027
1028
  return /* @__PURE__ */ jsxs19(
1028
1029
  "button",
1029
1030
  {
@@ -1036,10 +1037,11 @@ function DefaultButtonSocial({
1036
1037
  onClick: localOnClick,
1037
1038
  "data-loading": clicked,
1038
1039
  disabled: isSubmitting,
1040
+ "aria-label": label,
1039
1041
  children: [
1040
1042
  /* @__PURE__ */ jsx27("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ jsx27(Logo, { size: 20 }) : /* @__PURE__ */ jsx27("span", { className: "flex aspect-square items-center justify-center rounded-[999px] border text-xs", children: provider.slice(0, 2) }) : /* @__PURE__ */ jsx27(Spinner, { className: "size-5" }) }),
1041
1043
  showLabel && node.meta.label ? /* @__PURE__ */ jsxs19(Fragment2, { children: [
1042
- /* @__PURE__ */ jsx27("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: uiTextToFormattedMessage(node.meta.label, intl) }),
1044
+ /* @__PURE__ */ jsx27("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: label }),
1043
1045
  /* @__PURE__ */ jsx27("span", { className: "size-5 block" })
1044
1046
  ] }) : null
1045
1047
  ]
@@ -1566,8 +1568,9 @@ function DefaultHorizontalDivider() {
1566
1568
 
1567
1569
  // src/theme/default/components/form/image.tsx
1568
1570
  import { jsx as jsx42 } from "react/jsx-runtime";
1569
- function DefaultImage({ attributes }) {
1570
- return /* @__PURE__ */ jsx42("figure", { children: /* @__PURE__ */ jsx42("img", { ...attributes }) });
1571
+ function DefaultImage({ attributes, node }) {
1572
+ var _a;
1573
+ return /* @__PURE__ */ jsx42("figure", { children: /* @__PURE__ */ jsx42("img", { ...attributes, alt: ((_a = node.meta.label) == null ? void 0 : _a.text) || "" }) });
1571
1574
  }
1572
1575
 
1573
1576
  // src/theme/default/components/form/input.tsx
@@ -1699,6 +1702,7 @@ function PasswordToggle({
1699
1702
  onClick: handleClick,
1700
1703
  className: "absolute right-0 h-full w-12 flex items-center justify-center",
1701
1704
  type: "button",
1705
+ "aria-label": "Toggle password visibility",
1702
1706
  children: shown ? /* @__PURE__ */ jsx45(eye_off_default, {}) : /* @__PURE__ */ jsx45(eye_default, {})
1703
1707
  }
1704
1708
  );
@@ -2176,7 +2180,7 @@ var UserMenu = ({ session }) => {
2176
2180
  const initials = getUserInitials(session);
2177
2181
  const logoutFlow = useClientLogout(config);
2178
2182
  return /* @__PURE__ */ jsxs30(DropdownMenu, { children: [
2179
- /* @__PURE__ */ jsx57(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(UserAvatar, { initials }) }),
2183
+ /* @__PURE__ */ jsx57(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(UserAvatar, { initials, title: "User Menu" }) }),
2180
2184
  /* @__PURE__ */ jsxs30(DropdownMenuContent, { children: [
2181
2185
  /* @__PURE__ */ jsxs30(DropdownMenuLabel2, { className: "flex gap-3 px-5 py-4.5", children: [
2182
2186
  /* @__PURE__ */ jsx57(UserAvatar, { disabled: true, initials }),