@eclass/ui-kit 1.54.17 → 1.54.19

package/dist/eclass-ui-kit.es.js

@@ -3386,8 +3386,7 @@ function BoxTraditional({
       transition: "box-shadow .3s",
       overflow: "hidden",
       _hover: cssActive,
-      _active: cssActive,
-      _focusWithin: {
+      _focusVisible: {
         boxShadow: `0 0 0 3px ${vars("colors-alert-deepSkyBlue")} inset`
       },
       tabIndex: 0,
@@ -3441,8 +3440,12 @@ function BoxImage({
   };
   return /* @__PURE__ */ jsx(WithRipples, {
     enabled: isCourseActive((_b = (_a = data == null ? void 0 : data.action) == null ? void 0 : _a.enabled) != null ? _b : false, (_c = data == null ? void 0 : data.Profile) == null ? void 0 : _c.id),
-    children: /* @__PURE__ */ jsxs(Box, {
+    children: /* @__PURE__ */ jsxs(LinkBox, {
       className: "CourseList-ImageBox",
+      _focusVisible: {
+        boxShadow: `0 0 0 3px ${vars("colors-alert-deepSkyBlue")} inset`
+      },
+      tabIndex: 0,
       sx: {
         backgroundImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${backgroundImg})`,
         color: vars("colors-neutral-white"),
@@ -3457,11 +3460,17 @@ function BoxImage({
         flexDirection: "column",
         margin: m2,
         justifyContent: "end",
-        textAlign: "left"
+        textAlign: "left",
+        a: {
+          "&:active": {
+            boxShadow: "none"
+          }
+        }
       },
       children: [!(data == null ? void 0 : data.hasFinanzeFreezed) && isCourseActive((_e = (_d = data == null ? void 0 : data.action) == null ? void 0 : _d.enabled) != null ? _e : false, (_f = data == null ? void 0 : data.Profile) == null ? void 0 : _f.id) && /* @__PURE__ */ jsx(LinkOverlay, {
         href: (_g = data == null ? void 0 : data.action) == null ? void 0 : _g.href,
-        isExternal: (_h = data == null ? void 0 : data.action) == null ? void 0 : _h.targetBlank
+        isExternal: (_h = data == null ? void 0 : data.action) == null ? void 0 : _h.targetBlank,
+        tabIndex: -1
       }), /* @__PURE__ */ jsxs(Box, {
         className: "textBox",
         bottom: "20px",
@@ -4171,7 +4180,8 @@ const Modal = ({
   title,
   withoutMargin = false,
   scrollBehavior = "outside",
-  fixedButtons = false
+  fixedButtons = false,
+  autoFocus = false
 }) => {
   const py = "32px";
   const px = "24px";
@@ -4185,6 +4195,7 @@ const Modal = ({
       motionPreset: "scale",
       onClose,
       scrollBehavior: isInside ? "inside" : "outside",
+      autoFocus,
       children: [/* @__PURE__ */ jsx(ModalOverlay, {}), /* @__PURE__ */ jsxs(ModalContent$1, {
         maxH: isInside ? "100dvh" : "auto",
         minH: isDesktop ? "300px" : "100dvh",
@@ -4337,6 +4348,7 @@ const Loading$1 = ({
   });
 };
 const ModalAlertNew = ({
+  autoFocus = false,
   type,
   isOpen,
   onClose,
@@ -4353,6 +4365,7 @@ const ModalAlertNew = ({
       motionPreset: "scale",
       onClose,
       closeOnEsc: type !== "loading",
+      autoFocus,
       children: [/* @__PURE__ */ jsx(ModalOverlay, {}), /* @__PURE__ */ jsxs(ModalContent$1, {
         borderRadius: "8px",
         p: 0,