@norges-domstoler/dds-components 0.0.0-dev-20260605084306 → 0.0.0-dev-20260608090013

package/dist/index.mjs

@@ -6415,7 +6415,6 @@ var DateInput_default = {
   segment: "DateInput_segment",
   segment__placeholder: "DateInput_segment__placeholder",
   "segment__placeholder--invisible": "DateInput_segment__placeholder--invisible",
-  "clear-button--inactive": "DateInput_clear-button--inactive",
   "icon-wrapper--disabled": "DateInput_icon-wrapper--disabled",
   "popover-button": "DateInput_popover-button",
   "icon-wrapper--readonly": "DateInput_icon-wrapper--readonly",
@@ -6431,8 +6430,8 @@ var DateInput_default = {
   "calendar__cell-button": "DateInput_calendar__cell-button",
   "calendar__cell-button--today": "DateInput_calendar__cell-button--today",
   "calendar__cell-button--default": "DateInput_calendar__cell-button--default",
-  "calendar__cell-button--selected": "DateInput_calendar__cell-button--selected",
   "calendar__cell-button--unavailable": "DateInput_calendar__cell-button--unavailable",
+  "calendar__cell-button--selected": "DateInput_calendar__cell-button--selected",
   "calendar__cell-button--unavailable--today": "DateInput_calendar__cell-button--unavailable--today"
 };
 
@@ -6459,28 +6458,31 @@ function CalendarCell({ date, state, onClose }) {
     isDisabled,
     isUnavailable
   } = useCalendarCell({ date }, state, ref);
-  if (isDisabled) {
+  if (isOutsideVisibleRange) {
     return /* @__PURE__ */ jsx241("td", { ...cellProps });
   }
-  const variant = isSelected ? "selected" : isUnavailable || isDisabled ? "unavailable" : "default";
   const closeOnKeyboardBlurForward = (event) => {
     if (event.key === "Tab" && event.shiftKey === false) {
       onClose();
     }
   };
+  const isEffectivelyUnavailable = isUnavailable || isDisabled;
+  const isUnavailableToday = isEffectivelyUnavailable && isToday(date, timezone);
   return /* @__PURE__ */ jsx241("td", { ...cellProps, children: /* @__PURE__ */ jsx241(
     "button",
     {
       ...buttonProps,
       type: "button",
       ref,
-      hidden: isOutsideVisibleRange,
       onKeyDown: closeOnKeyboardBlurForward,
       className: cn(
         DateInput_default["calendar__grid-element"],
         DateInput_default["calendar__cell-button"],
         isToday(date, timezone) && DateInput_default["calendar__cell-button--today"],
-        DateInput_default[`calendar__cell-button--${variant}`],
+        DateInput_default[`calendar__cell-button--default`],
+        isSelected && DateInput_default[`calendar__cell-button--selected`],
+        isEffectivelyUnavailable && DateInput_default[`calendar__cell-button--unavailable`],
+        isUnavailableToday && DateInput_default["calendar__cell-button--unavailable--today"],
         typographyStyles_default["body-short-small"],
         focusable
       ),
@@ -6862,6 +6864,8 @@ function Calendar(props) {
     nextButtonProps: { onPress: onNext },
     title
   } = useCalendar(props, state);
+  const isPrevDisabled = !!props.minValue && state.visibleRange.start.compare(props.minValue) <= 0;
+  const isNextDisabled = !!props.maxValue && state.visibleRange.end.compare(props.maxValue) >= 0;
   const { onClose, closeButtonRef } = useContext12(CalendarPopoverContext);
   const closeOnKeyboardBlurBack = (event) => {
     var _a;
@@ -6876,6 +6880,7 @@ function Calendar(props) {
       /* @__PURE__ */ jsx244(
         Button,
         {
+          "aria-hidden": optAttr(isPrevDisabled),
           type: "button",
           "aria-label": t(texts7.previousMonth),
           onClick: (e) => onPrev == null ? void 0 : onPrev(e),
@@ -6883,7 +6888,10 @@ function Calendar(props) {
           purpose: "tertiary",
           icon: ArrowLeftIcon,
           htmlProps: { onKeyDown: closeOnKeyboardBlurBack },
-          className: DateInput_default["calendar__month-button"]
+          className: cn(
+            DateInput_default["calendar__month-button"],
+            isPrevDisabled && utilStyles_default.invisible
+          )
         }
       ),
       /* @__PURE__ */ jsx244(
@@ -6899,12 +6907,16 @@ function Calendar(props) {
         Button,
         {
           type: "button",
+          "aria-hidden": optAttr(isNextDisabled),
           "aria-label": t(texts7.nextMonth),
           onClick: (e) => onNext == null ? void 0 : onNext(e),
           size: "small",
           purpose: "tertiary",
           icon: ArrowRightIcon,
-          className: DateInput_default["calendar__month-button"]
+          className: cn(
+            DateInput_default["calendar__month-button"],
+            isNextDisabled && utilStyles_default.invisible
+          )
         }
       )
     ] }),
@@ -7403,7 +7415,7 @@ function DateField({
           absolute: true,
           "aria-label": t(texts9.clearDate),
           "aria-hidden": !hasValue,
-          className: cn(!hasValue && DateInput_default["clear-button--inactive"]),
+          className: cn(!hasValue && utilStyles_default.invisible),
           size: componentSize,
           onClick: clearDate
         }
@@ -11078,7 +11090,6 @@ import { useState as useState23 } from "react";
 var Pagination_default = {
   list: "Pagination_list",
   list__item: "Pagination_list__item",
-  "list__item--hidden": "Pagination_list__item--hidden",
   indicators: "Pagination_indicators",
   "truncation-icon": "Pagination_truncation-icon"
 };
@@ -11977,7 +11988,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnFirstPage && Pagination_default["list__item--hidden"]
+                    isOnFirstPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnFirstPage,
                   children: previousPageButton
@@ -11989,7 +12000,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnLastPage && Pagination_default["list__item--hidden"]
+                    isOnLastPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnLastPage,
                   children: nextPageButton
@@ -12010,7 +12021,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnFirstPage && Pagination_default["list__item--hidden"]
+                    isOnFirstPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnFirstPage,
                   children: /* @__PURE__ */ jsx309(
@@ -12032,7 +12043,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnFirstPage && Pagination_default["list__item--hidden"]
+                    isOnFirstPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnFirstPage,
                   children: previousPageButton
@@ -12053,7 +12064,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnLastPage && Pagination_default["list__item--hidden"]
+                    isOnLastPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnLastPage,
                   children: nextPageButton
@@ -12064,7 +12075,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnLastPage && Pagination_default["list__item--hidden"]
+                    isOnLastPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnLastPage,
                   children: /* @__PURE__ */ jsx309(