@norges-domstoler/dds-components 21.2.1 → 21.2.2

package/dist/index.js

@@ -5379,9 +5379,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",
@@ -5426,6 +5426,7 @@ function CalendarCell({ date, state, onClose }) {
       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}`],
@@ -5613,6 +5614,11 @@ var CalendarPopoverContent = ({
     }
   };
   if (!isOpen) return null;
+  const paperStyleProps = {
+    elevation: 2,
+    border: "border-default",
+    padding: "x0.75"
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_jsx_runtime220.Fragment, { children: [
     portalTarget && hasBreakpoint && (0, import_react_dom2.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(ShowHide, { showBelow: smallScreenBreakpoint, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Backdrop, { zIndex: "modal", isMounted, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
@@ -5620,9 +5626,7 @@ var CalendarPopoverContent = ({
         {
           ref: modalRef,
           className: cn(DateInput_default.popover, className),
-          elevation: 2,
-          border: "border-default",
-          padding: "x0.5",
+          ...paperStyleProps,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { className: DateInput_default["modal-close-button-wrapper"], children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
               Button,
@@ -5649,8 +5653,7 @@ var CalendarPopoverContent = ({
         hideBelow: hasBreakpoint ? smallScreenBreakpoint : void 0,
         className: cn(DateInput_default.popover, className),
         style: floatingStyles.floating,
-        elevation: 2,
-        border: "border-default",
+        ...paperStyleProps,
         children
       }
     )
@@ -5685,10 +5688,16 @@ function CalendarGrid({ state, ...props }) {
       cellPadding: "0",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("thead", { ...headerProps, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("tr", { children: [
-          showWeekNumbers && /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("th", { className: cn(...typographyCn), children: [
-            "# ",
-            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(VisuallyHidden, { as: "span", children: "Ukenummer" })
-          ] }),
+          showWeekNumbers && /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
+            "th",
+            {
+              className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
+              children: [
+                "# ",
+                /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(VisuallyHidden, { as: "span", children: "Ukenummer" })
+              ]
+            }
+          ),
           weekDays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("th", { className: cn(...typographyCn), children: day }, index))
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("tbody", { children: [...new Array(weeksInMonth).keys()].map((weekIndex) => {
@@ -5700,6 +5709,7 @@ function CalendarGrid({ state, ...props }) {
               "td",
               {
                 className: cn(
+                  DateInput_default["calendar__grid-element"],
                   DateInput_default["calendar__week-number"],
                   ...typographyCn
                 ),
@@ -5758,7 +5768,7 @@ function Calendar(props) {
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { ...calendarProps, className: DateInput_default.calendar, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: DateInput_default.calendar__header, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(HStack, { justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
         Button,
         {
@@ -11581,7 +11591,8 @@ var SplitButton = ({
           className: cn(
             SplitButton_default.option,
             purpose === "primary" && SplitButton_default["option--primary"]
-          )
+          ),
+          type: "button"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(OverflowMenu, { placement: "bottom-end", children: /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(OverflowMenuList, { children: secondaryActions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime294.jsx)(OverflowMenuButton, { ...item, children: item.children }, index)) }) })