@eclass/ui-kit 1.54.18 → 1.54.19

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.
@@ -3386,8 +3386,7 @@ function BoxTraditional({
3386
3386
  transition: "box-shadow .3s",
3387
3387
  overflow: "hidden",
3388
3388
  _hover: cssActive,
3389
- _active: cssActive,
3390
- _focusWithin: {
3389
+ _focusVisible: {
3391
3390
  boxShadow: `0 0 0 3px ${vars("colors-alert-deepSkyBlue")} inset`
3392
3391
  },
3393
3392
  tabIndex: 0,
@@ -3441,8 +3440,12 @@ function BoxImage({
3441
3440
  };
3442
3441
  return /* @__PURE__ */ jsx(WithRipples, {
3443
3442
  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),
3444
- children: /* @__PURE__ */ jsxs(Box, {
3443
+ children: /* @__PURE__ */ jsxs(LinkBox, {
3445
3444
  className: "CourseList-ImageBox",
3445
+ _focusVisible: {
3446
+ boxShadow: `0 0 0 3px ${vars("colors-alert-deepSkyBlue")} inset`
3447
+ },
3448
+ tabIndex: 0,
3446
3449
  sx: {
3447
3450
  backgroundImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${backgroundImg})`,
3448
3451
  color: vars("colors-neutral-white"),
@@ -3457,11 +3460,17 @@ function BoxImage({
3457
3460
  flexDirection: "column",
3458
3461
  margin: m2,
3459
3462
  justifyContent: "end",
3460
- textAlign: "left"
3463
+ textAlign: "left",
3464
+ a: {
3465
+ "&:active": {
3466
+ boxShadow: "none"
3467
+ }
3468
+ }
3461
3469
  },
3462
3470
  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, {
3463
3471
  href: (_g = data == null ? void 0 : data.action) == null ? void 0 : _g.href,
3464
- isExternal: (_h = data == null ? void 0 : data.action) == null ? void 0 : _h.targetBlank
3472
+ isExternal: (_h = data == null ? void 0 : data.action) == null ? void 0 : _h.targetBlank,
3473
+ tabIndex: -1
3465
3474
  }), /* @__PURE__ */ jsxs(Box, {
3466
3475
  className: "textBox",
3467
3476
  bottom: "20px",