@norges-domstoler/dds-components 21.2.1 → 21.2.2

package/dist/index.mjs

@@ -5030,9 +5030,9 @@ var DateInput_default = {
   popover: "DateInput_popover",
   "modal-close-button-wrapper": "DateInput_modal-close-button-wrapper",
   calendar: "DateInput_calendar",
-  calendar__header: "DateInput_calendar__header",
   calendar__header__month: "DateInput_calendar__header__month",
   "calendar__month-button": "DateInput_calendar__month-button",
+  "calendar__grid-element": "DateInput_calendar__grid-element",
   "calendar__week-number": "DateInput_calendar__week-number",
   "calendar__cell-button": "DateInput_calendar__cell-button",
   "calendar__cell-button--today": "DateInput_calendar__cell-button--today",
@@ -5077,6 +5077,7 @@ function CalendarCell({ date, state, onClose }) {
       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}`],
@@ -5279,6 +5280,11 @@ var CalendarPopoverContent = ({
     }
   };
   if (!isOpen) return null;
+  const paperStyleProps = {
+    elevation: 2,
+    border: "border-default",
+    padding: "x0.75"
+  };
   return /* @__PURE__ */ jsxs40(Fragment4, { children: [
     portalTarget && hasBreakpoint && createPortal(
       /* @__PURE__ */ jsx220(ShowHide, { showBelow: smallScreenBreakpoint, children: /* @__PURE__ */ jsx220(Backdrop, { zIndex: "modal", isMounted, children: /* @__PURE__ */ jsxs40(
@@ -5286,9 +5292,7 @@ var CalendarPopoverContent = ({
         {
           ref: modalRef,
           className: cn(DateInput_default.popover, className),
-          elevation: 2,
-          border: "border-default",
-          padding: "x0.5",
+          ...paperStyleProps,
           children: [
             /* @__PURE__ */ jsx220("div", { className: DateInput_default["modal-close-button-wrapper"], children: /* @__PURE__ */ jsx220(
               Button,
@@ -5315,8 +5319,7 @@ var CalendarPopoverContent = ({
         hideBelow: hasBreakpoint ? smallScreenBreakpoint : void 0,
         className: cn(DateInput_default.popover, className),
         style: floatingStyles.floating,
-        elevation: 2,
-        border: "border-default",
+        ...paperStyleProps,
         children
       }
     )
@@ -5351,10 +5354,16 @@ function CalendarGrid({ state, ...props }) {
       cellPadding: "0",
       children: [
         /* @__PURE__ */ jsx221("thead", { ...headerProps, children: /* @__PURE__ */ jsxs41("tr", { children: [
-          showWeekNumbers && /* @__PURE__ */ jsxs41("th", { className: cn(...typographyCn), children: [
-            "# ",
-            /* @__PURE__ */ jsx221(VisuallyHidden, { as: "span", children: "Ukenummer" })
-          ] }),
+          showWeekNumbers && /* @__PURE__ */ jsxs41(
+            "th",
+            {
+              className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
+              children: [
+                "# ",
+                /* @__PURE__ */ jsx221(VisuallyHidden, { as: "span", children: "Ukenummer" })
+              ]
+            }
+          ),
           weekDays.map((day, index) => /* @__PURE__ */ jsx221("th", { className: cn(...typographyCn), children: day }, index))
         ] }) }),
         /* @__PURE__ */ jsx221("tbody", { children: [...new Array(weeksInMonth).keys()].map((weekIndex) => {
@@ -5366,6 +5375,7 @@ function CalendarGrid({ state, ...props }) {
               "td",
               {
                 className: cn(
+                  DateInput_default["calendar__grid-element"],
                   DateInput_default["calendar__week-number"],
                   ...typographyCn
                 ),
@@ -5424,7 +5434,7 @@ function Calendar(props) {
     }
   };
   return /* @__PURE__ */ jsxs42("div", { ...calendarProps, className: DateInput_default.calendar, children: [
-    /* @__PURE__ */ jsxs42("div", { className: DateInput_default.calendar__header, children: [
+    /* @__PURE__ */ jsxs42(HStack, { justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ jsx222(
         Button,
         {
@@ -11333,7 +11343,8 @@ var SplitButton = ({
           className: cn(
             SplitButton_default.option,
             purpose === "primary" && SplitButton_default["option--primary"]
-          )
+          ),
+          type: "button"
         }
       ),
       /* @__PURE__ */ jsx293(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ jsx293(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ jsx293(OverflowMenuButton, { ...item, children: item.children }, index)) }) })