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

package/dist/index.js

@@ -6785,7 +6785,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",
@@ -6801,8 +6800,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"
 };
 
@@ -6829,28 +6828,31 @@ function CalendarCell({ date, state, onClose }) {
     isDisabled,
     isUnavailable
   } = (0, import_calendar.useCalendarCell)({ date }, state, ref);
-  if (isDisabled) {
+  if (isOutsideVisibleRange) {
     return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("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 && (0, import_date.isToday)(date, timezone);
   return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("td", { ...cellProps, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
     "button",
     {
       ...buttonProps,
       type: "button",
       ref,
-      hidden: isOutsideVisibleRange,
       onKeyDown: closeOnKeyboardBlurForward,
       className: cn(
         DateInput_default["calendar__grid-element"],
         DateInput_default["calendar__cell-button"],
         (0, import_date.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
       ),
@@ -7223,6 +7225,8 @@ function Calendar(props) {
     nextButtonProps: { onPress: onNext },
     title
   } = (0, import_calendar3.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 } = (0, import_react43.useContext)(CalendarPopoverContext);
   const closeOnKeyboardBlurBack = (event) => {
     var _a;
@@ -7237,6 +7241,7 @@ function Calendar(props) {
       /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         Button,
         {
+          "aria-hidden": optAttr(isPrevDisabled),
           type: "button",
           "aria-label": t(texts7.previousMonth),
           onClick: (e) => onPrev == null ? void 0 : onPrev(e),
@@ -7244,7 +7249,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__ */ (0, import_jsx_runtime244.jsx)(
@@ -7260,12 +7268,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
+          )
         }
       )
     ] }),
@@ -7760,7 +7772,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
         }
@@ -11397,7 +11409,6 @@ var import_react76 = require("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"
 };
@@ -12288,7 +12299,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnFirstPage && Pagination_default["list__item--hidden"]
+                    isOnFirstPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnFirstPage,
                   children: previousPageButton
@@ -12300,7 +12311,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnLastPage && Pagination_default["list__item--hidden"]
+                    isOnLastPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnLastPage,
                   children: nextPageButton
@@ -12321,7 +12332,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnFirstPage && Pagination_default["list__item--hidden"]
+                    isOnFirstPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnFirstPage,
                   children: /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(
@@ -12343,7 +12354,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnFirstPage && Pagination_default["list__item--hidden"]
+                    isOnFirstPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnFirstPage,
                   children: previousPageButton
@@ -12364,7 +12375,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnLastPage && Pagination_default["list__item--hidden"]
+                    isOnLastPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnLastPage,
                   children: nextPageButton
@@ -12375,7 +12386,7 @@ var Pagination = ({
                 {
                   className: cn(
                     Pagination_default.list__item,
-                    isOnLastPage && Pagination_default["list__item--hidden"]
+                    isOnLastPage && utilStyles_default.invisible
                   ),
                   "aria-hidden": isOnLastPage,
                   children: /* @__PURE__ */ (0, import_jsx_runtime310.jsx)(