fds-vue-core 7.1.0 → 7.1.1

package/dist/fds-vue-core.cjs.js

@@ -14772,7 +14772,7 @@ const checkIfDateIsBeforeToday = (date) => {
   return isAfter(startOfToday, startOfDate);
 };
 const checkIfDateIsEnabled = (date, enabledDates) => enabledDates.some((enabledDate) => isSameDay(enabledDate, date));
-const _hoisted_1$6 = ["disabled"];
+const _hoisted_1$6 = ["disabled", "aria-label"];
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekDay",
   props: {
@@ -14810,11 +14810,24 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       const value = new Intl.DateTimeFormat(locale.value, { weekday: "short" }).format(props.date);
       return value.charAt(0).toUpperCase() + value.slice(1).replace(".", "");
     });
+    const dateAriaLabel = vue.computed(() => {
+      const spokenDate = new Intl.DateTimeFormat(locale.value, {
+        day: "numeric",
+        month: "long",
+        weekday: "long"
+      }).format(props.date);
+      const normalizedDate = spokenDate.charAt(0).toUpperCase() + spokenDate.slice(1);
+      if (props.isToday) {
+        return `${t("FdsWeekCalendar.today")}. ${normalizedDate}.`;
+      }
+      return `${normalizedDate}.`;
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("button", {
         type: "button",
         class: vue.normalizeClass(classes.value),
         disabled: __props.disabled,
+        "aria-label": dateAriaLabel.value,
         onClick
       }, [
         vue.createElementVNode("span", {
@@ -15504,7 +15517,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   }, [
                     vue.createElementVNode("button", {
                       type: "button",
-                      class: vue.normalizeClass(["relative flex flex-col items-center", { "cursor-not-allowed": !canGoToStep(currentStepIndex.value, entry.index) }]),
+                      class: vue.normalizeClass(["relative flex flex-col items-center focus-visible:outline-2 focus-visible:outline-dashed focus-visible:outline-offset-4 focus-visible:outline-blue-500", { "cursor-not-allowed": !canGoToStep(currentStepIndex.value, entry.index) }]),
                       onClick: ($event) => __props.disableStepJump ? null : goToStep(entry.index),
                       disabled: !canGoToStep(currentStepIndex.value, entry.index)
                     }, [