@ory/elements-react 1.0.0-next.28 → 1.0.0-next.29

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 1.0.0-next.29 (2025-02-27)
+
+### 🩹 Fixes
+
+- remove untranslated aria label from auth list item ([#365](https://github.com/ory/elements/pull/365))
+- spacing in auth method list ([#359](https://github.com/ory/elements/pull/359))
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
 ## 1.0.0-next.28 (2025-02-20)
 
 ### 🩹 Fixes

package/dist/index.d.mts

@@ -266,6 +266,12 @@ type OryFlowComponents = {
          * The HorizontalDivider component is rendered between groups.
          */
         Divider: ComponentType<OryCardDividerProps>;
+        /**
+         * The AuthMethodListContainer component is rendered around the "method" chooser step in the identifier_first login flow.
+         *
+         * This is only used, if login is configured to use identifier_first authentication.
+         */
+        AuthMethodListContainer: ComponentType<PropsWithChildren>;
         /**
          * The AuthMethodListItem component is rendered on the "method" chooser step in the identifier_first login flow.
          *

package/dist/index.d.ts

@@ -266,6 +266,12 @@ type OryFlowComponents = {
          * The HorizontalDivider component is rendered between groups.
          */
         Divider: ComponentType<OryCardDividerProps>;
+        /**
+         * The AuthMethodListContainer component is rendered around the "method" chooser step in the identifier_first login flow.
+         *
+         * This is only used, if login is configured to use identifier_first authentication.
+         */
+        AuthMethodListContainer: ComponentType<PropsWithChildren>;
         /**
          * The AuthMethodListItem component is rendered on the "method" chooser step in the identifier_first login flow.
          *

package/dist/index.js

@@ -1183,14 +1183,14 @@ function AuthMethodList({ options, setSelectedGroup }) {
       setSelectedGroup(group);
     }
   };
-  return options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Card.AuthMethodListContainer, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
     Card.AuthMethodListItem,
     {
       group: option,
       onClick: () => handleClick(option)
     },
     option
-  ));
+  )) });
 }
 function OryFormGroupDivider() {
   const { Card } = useComponents();