@norges-domstoler/dds-components 21.19.0 → 21.19.1

package/dist/index.mjs

@@ -4300,20 +4300,25 @@ var OverflowMenuSpan = ({
 OverflowMenuSpan.displayName = "OverflowMenuSpan";
 
 // src/components/OverflowMenu/components/OverflowMenuListHeader.tsx
+import { useContext as useContext6 } from "react";
 import { jsx as jsx203 } from "react/jsx-runtime";
 var OverflowMenuListHeader = ({
   className,
   ...rest
-}) => /* @__PURE__ */ jsx203(
-  Box,
-  {
-    as: "h2",
-    paddingInline: "x0.75",
-    paddingBlock: "x0.75 0",
-    ...rest,
-    className: cn(className, typographyStyles_default["heading-xxsmall"])
-  }
-);
+}) => {
+  const themeContext = useContext6(ThemeContext);
+  const headingStyle = (themeContext == null ? void 0 : themeContext.theme) === "core" ? "heading-xsmall" : "heading-xxsmall";
+  return /* @__PURE__ */ jsx203(
+    Box,
+    {
+      as: "h2",
+      paddingInline: "x0.75",
+      paddingBlock: "x0.75 0",
+      ...rest,
+      className: cn(className, typographyStyles_default[headingStyle])
+    }
+  );
+};
 OverflowMenuListHeader.displayName = "OverflowMenuListHeader";
 
 // src/components/OverflowMenu/OverflowMenuGroup.tsx
@@ -4781,10 +4786,10 @@ CardExpandableBody.displayName = "CardExpandableBody";
 import { useId as useId4 } from "react";
 
 // src/components/SelectionControl/Checkbox/CheckboxGroupContext.tsx
-import { createContext as createContext6, useContext as useContext6 } from "react";
+import { createContext as createContext6, useContext as useContext7 } from "react";
 var CheckboxGroupContext = createContext6(null);
 var useCheckboxGroup = () => {
-  return useContext6(CheckboxGroupContext);
+  return useContext7(CheckboxGroupContext);
 };
 
 // src/components/SelectionControl/SelectionControl.module.css
@@ -5135,10 +5140,10 @@ CheckboxGroup.displayName = "CheckboxGroup";
 import { useId as useId6 } from "react";
 
 // src/components/SelectionControl/RadioButton/RadioButtonGroupContext.tsx
-import { createContext as createContext7, useContext as useContext7 } from "react";
+import { createContext as createContext7, useContext as useContext8 } from "react";
 var RadioButtonGroupContext = createContext7(null);
 var useRadioButtonGroup = () => {
-  return useContext7(RadioButtonGroupContext);
+  return useContext8(RadioButtonGroupContext);
 };
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
@@ -5325,9 +5330,9 @@ var RadioButtonGroup = ({
 RadioButtonGroup.displayName = "RadioButtonGroup";
 
 // src/components/Card/CardSelectionControl/CardSelectable.context.tsx
-import { createContext as createContext8, useContext as useContext8 } from "react";
+import { createContext as createContext8, useContext as useContext9 } from "react";
 var CardSelectableContext = createContext8({});
-var useCardSelectableContext = () => useContext8(CardSelectableContext);
+var useCardSelectableContext = () => useContext9(CardSelectableContext);
 
 // src/components/Card/CardSelectionControl/CardSelectable.tsx
 import { jsx as jsx217 } from "react/jsx-runtime";
@@ -5703,7 +5708,7 @@ import {
 import { useLocale as useLocale2 } from "@react-aria/i18n";
 import { useCalendarState } from "@react-stately/calendar";
 import {
-  useContext as useContext11
+  useContext as useContext12
 } from "react";
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarGrid.tsx
@@ -5712,7 +5717,7 @@ import {
   useCalendarGrid
 } from "@react-aria/calendar";
 import { useLocale } from "@react-aria/i18n";
-import { useContext as useContext10 } from "react";
+import { useContext as useContext11 } from "react";
 
 // src/components/date-inputs/DatePicker/Calendar/CalendarCell.tsx
 import { isToday } from "@internationalized/date";
@@ -5873,7 +5878,7 @@ function isLeapYear(date) {
 // src/components/date-inputs/DatePicker/CalendarPopover.tsx
 import {
   createContext as createContext9,
-  useContext as useContext9,
+  useContext as useContext10,
   useEffect as useEffect18,
   useRef as useRef12
 } from "react";
@@ -5905,7 +5910,7 @@ var CalendarPopover = ({
 var CalendarPopoverAnchor = ({
   children
 }) => {
-  const { anchorRef } = useContext9(CalendarPopoverContext);
+  const { anchorRef } = useContext10(CalendarPopoverContext);
   return /* @__PURE__ */ jsx226("div", { ref: anchorRef != null ? anchorRef : void 0, children });
 };
 var CalendarPopoverContent = ({
@@ -5918,13 +5923,13 @@ var CalendarPopoverContent = ({
   const { refs, styles: floatingStyles } = useFloatPosition(null, {
     placement: "bottom-start"
   });
-  const themeContext = useContext9(ThemeContext);
+  const themeContext = useContext10(ThemeContext);
   if (!themeContext) {
     throw new Error("DatePicker must be used within a ThemeProvider");
   }
   const portalTarget = themeContext.el;
   const { t } = useTranslation();
-  const { isOpen, onClose, anchorRef, closeButtonRef } = useContext9(
+  const { isOpen, onClose, anchorRef, closeButtonRef } = useContext10(
     CalendarPopoverContext
   );
   const hasTransitionedIn = useMountTransition(isOpen, 500);
@@ -6018,7 +6023,7 @@ function CalendarGrid({ state, ...props }) {
     { short: t(texts6.sa), full: t(texts6.saturday) },
     { short: t(texts6.su), full: t(texts6.sunday) }
   ];
-  const { showWeekNumbers, onClose } = useContext10(CalendarPopoverContext);
+  const { showWeekNumbers, onClose } = useContext11(CalendarPopoverContext);
   const typographyCn = [
     typographyStyles_default["body-xsmall"],
     typographyStyles_default["text-color--subtle"]
@@ -6217,7 +6222,7 @@ function Calendar(props) {
     nextButtonProps: { onPress: onNext },
     title
   } = useCalendar(props, state);
-  const { onClose, closeButtonRef } = useContext11(CalendarPopoverContext);
+  const { onClose, closeButtonRef } = useContext12(CalendarPopoverContext);
   const closeOnKeyboardBlurBack = (event) => {
     var _a;
     if (event.key === "Tab" && event.shiftKey === true) {
@@ -6518,7 +6523,7 @@ var ClearButton = ({
 ClearButton.displayName = "ClearButton";
 
 // src/components/date-inputs/common/DateInput.tsx
-import { useContext as useContext12 } from "react";
+import { useContext as useContext13 } from "react";
 
 // src/components/helpers/Input/Input.tsx
 import { jsx as jsx233 } from "react/jsx-runtime";
@@ -6608,7 +6613,7 @@ function DateInput({
   ...props
 }) {
   const hasErrorMessage = !!errorMessage;
-  const { isOpen } = useContext12(CalendarPopoverContext);
+  const { isOpen } = useContext13(CalendarPopoverContext);
   return /* @__PURE__ */ jsxs46(
     "div",
     {
@@ -7101,9 +7106,9 @@ var DetailList_default = {
 };
 
 // src/components/DetailList/DetailList.context.tsx
-import { createContext as createContext10, useContext as useContext13 } from "react";
+import { createContext as createContext10, useContext as useContext14 } from "react";
 var DetailListContext = createContext10({});
-var useDetailListContext = () => useContext13(DetailListContext);
+var useDetailListContext = () => useContext14(DetailListContext);
 
 // src/components/DetailList/DetailList.tsx
 import { jsx as jsx243 } from "react/jsx-runtime";
@@ -7177,7 +7182,7 @@ DetailListTerm.displayName = "DetailListTerm";
 
 // src/components/Drawer/Drawer.tsx
 import {
-  useContext as useContext15,
+  useContext as useContext16,
   useEffect as useEffect19,
   useRef as useRef19
 } from "react";
@@ -7198,9 +7203,9 @@ var Drawer_default = {
 };
 
 // src/components/Drawer/Drawer.context.tsx
-import { createContext as createContext11, useContext as useContext14 } from "react";
+import { createContext as createContext11, useContext as useContext15 } from "react";
 var DrawerContext = createContext11({});
-var useDrawerContext = () => useContext14(DrawerContext);
+var useDrawerContext = () => useContext15(DrawerContext);
 
 // src/components/Drawer/Drawer.tsx
 import { jsx as jsx247, jsxs as jsxs50 } from "react/jsx-runtime";
@@ -7218,7 +7223,7 @@ var Drawer = ({
   ref,
   ...rest
 }) => {
-  const themeContext = useContext15(ThemeContext);
+  const themeContext = useContext16(ThemeContext);
   if (!themeContext) {
     throw new Error("Drawer must be used within a ThemeProvider");
   }
@@ -9078,14 +9083,14 @@ import { useRef as useRef25 } from "react";
 // src/components/InlineEdit/InlineEdit.context.tsx
 import {
   createContext as createContext12,
-  useContext as useContext16,
+  useContext as useContext17,
   useState as useState18
 } from "react";
 import { jsx as jsx274 } from "react/jsx-runtime";
 var InlineEditContext = createContext12(
   {}
 );
-var useInlineEditContext = () => useContext16(InlineEditContext);
+var useInlineEditContext = () => useContext17(InlineEditContext);
 var InlineEditContextProvider = (props) => {
   const {
     emptiable,
@@ -9766,7 +9771,7 @@ LocalMessage.displayName = "LocalMessage";
 
 // src/components/Modal/Modal.tsx
 import {
-  useContext as useContext17,
+  useContext as useContext18,
   useEffect as useEffect24,
   useId as useId19,
   useRef as useRef28
@@ -9812,7 +9817,7 @@ var Modal = ({
       onClose();
     }
   };
-  const themeContext = useContext17(ThemeContext);
+  const themeContext = useContext18(ThemeContext);
   if (!themeContext) {
     throw new Error("Modal must be used within a ThemeProvider");
   }
@@ -9990,7 +9995,7 @@ function PaginationGenerator(pagesAmount, activePage) {
 // src/components/Select/Select.tsx
 import {
   useCallback as useCallback7,
-  useContext as useContext18,
+  useContext as useContext19,
   useId as useId20
 } from "react";
 import {
@@ -10422,7 +10427,7 @@ function Select({
   afterLabelContent,
   ...rest
 }) {
-  const themeContext = useContext18(ThemeContext);
+  const themeContext = useContext19(ThemeContext);
   if (!themeContext) {
     throw new Error("Select must be used within a ThemeProvider");
   }
@@ -11752,7 +11757,7 @@ var texts22 = createTexts({
 
 // src/components/Popover/Popover.tsx
 import {
-  useContext as useContext20,
+  useContext as useContext21,
   useEffect as useEffect27,
   useId as useId23
 } from "react";
@@ -11769,10 +11774,10 @@ var Popover_default = {
 // src/components/Popover/Popover.context.tsx
 import {
   createContext as createContext13,
-  useContext as useContext19
+  useContext as useContext20
 } from "react";
 var PopoverContext = createContext13({});
-var usePopoverContext = () => useContext19(PopoverContext);
+var usePopoverContext = () => useContext20(PopoverContext);
 
 // src/components/Popover/Popover.tsx
 import { jsx as jsx292, jsxs as jsxs72 } from "react/jsx-runtime";
@@ -11802,7 +11807,7 @@ var Popover = ({
   });
   const { maxHeight, maxWidth, minHeight, minWidth, height, width } = sizeProps;
   const context = usePopoverContext();
-  const themeContext = useContext20(ThemeContext);
+  const themeContext = useContext21(ThemeContext);
   const portalTarget = parentElement != null ? parentElement : themeContext == null ? void 0 : themeContext.el;
   const {
     floatStyling: contextFloatStyling,
@@ -12019,14 +12024,14 @@ import {
 } from "react";
 
 // src/components/ProgressTracker/ProgressTracker.context.tsx
-import { createContext as createContext14, useContext as useContext21 } from "react";
+import { createContext as createContext14, useContext as useContext22 } from "react";
 var ProgressTrackerContext = createContext14(
   {
     activeStep: 0,
     direction: "column"
   }
 );
-var useProgressTrackerContext = () => useContext21(ProgressTrackerContext);
+var useProgressTrackerContext = () => useContext22(ProgressTrackerContext);
 
 // src/components/ProgressTracker/ProgressTracker.module.css
 var ProgressTracker_default = {
@@ -12383,11 +12388,11 @@ import {
 // src/components/Search/AutocompleteSearch.context.tsx
 import {
   createContext as createContext15,
-  useContext as useContext22
+  useContext as useContext23
 } from "react";
 var AutocompleteSearchContext = createContext15({});
 var useAutocompleteSearch = () => {
-  return useContext22(AutocompleteSearchContext);
+  return useContext23(AutocompleteSearchContext);
 };
 
 // src/components/Search/Search.module.css
@@ -12949,12 +12954,12 @@ import {
 } from "react";
 
 // src/components/Table/collapsible/Table.context.tsx
-import { createContext as createContext16, useContext as useContext23 } from "react";
+import { createContext as createContext16, useContext as useContext24 } from "react";
 var CollapsibleTableContext = createContext16({
   headerValues: [],
   definingColumnIndex: [0]
 });
-var useCollapsibleTableContext = () => useContext23(CollapsibleTableContext);
+var useCollapsibleTableContext = () => useContext24(CollapsibleTableContext);
 
 // src/components/Table/normal/Body.tsx
 import { jsx as jsx304 } from "react/jsx-runtime";
@@ -12962,12 +12967,12 @@ var Body = (props) => /* @__PURE__ */ jsx304("tbody", { ...props });
 Body.displayName = "Table.Body";
 
 // src/components/Table/normal/Head.tsx
-import { createContext as createContext17, useContext as useContext24 } from "react";
+import { createContext as createContext17, useContext as useContext25 } from "react";
 import { jsx as jsx305 } from "react/jsx-runtime";
 var Head = ({ children, ...rest }) => /* @__PURE__ */ jsx305("thead", { ...rest, children: /* @__PURE__ */ jsx305(HeadContext, { value: true, children }) });
 var HeadContext = createContext17(false);
 function useIsInTableHead() {
-  const isInTableHead = useContext24(HeadContext);
+  const isInTableHead = useContext25(HeadContext);
   return isInTableHead;
 }
 
@@ -13145,14 +13150,14 @@ Table.displayName = "Table";
 
 // src/components/Table/normal/TableWrapper.tsx
 import {
-  useContext as useContext25,
+  useContext as useContext26,
   useEffect as useEffect31,
   useRef as useRef34,
   useState as useState29
 } from "react";
 import { jsx as jsx311 } from "react/jsx-runtime";
 var TableWrapper = ({ className, ...rest }) => {
-  const themeContext = useContext25(ThemeContext);
+  const themeContext = useContext26(ThemeContext);
   const container2 = themeContext == null ? void 0 : themeContext.el;
   const containerWidth = container2 ? container2.clientWidth : 0;
   const [overflowX, setOverflowX] = useState29(false);
@@ -13346,7 +13351,7 @@ CollapsibleTable2.Row = CollapsibleRow;
 import { useRef as useRef35 } from "react";
 
 // src/components/Tabs/Tabs.context.tsx
-import { createContext as createContext18, useContext as useContext26 } from "react";
+import { createContext as createContext18, useContext as useContext27 } from "react";
 var TabsContext = createContext18({
   activeTab: 0,
   tabsId: "",
@@ -13359,7 +13364,7 @@ var TabsContext = createContext18({
   tabContentDirection: "row",
   addTabButtonProps: void 0
 });
-var useTabsContext = () => useContext26(TabsContext);
+var useTabsContext = () => useContext27(TabsContext);
 
 // src/components/Tabs/Tabs.module.css
 var Tabs_default = {
@@ -13379,7 +13384,7 @@ var Tabs_default = {
 // src/components/Tabs/TabWidthContext.tsx
 import {
   createContext as createContext19,
-  useContext as useContext27,
+  useContext as useContext28,
   useLayoutEffect as useLayoutEffect3
 } from "react";
 import { jsx as jsx314 } from "react/jsx-runtime";
@@ -13412,7 +13417,7 @@ function TabWidthContextProvider({
   );
 }
 function useSetTabWidth(index, width) {
-  const context = useContext27(TabContext);
+  const context = useContext28(TabContext);
   useLayoutEffect3(() => {
     context == null ? void 0 : context.updateWidth(index, width);
     return () => context == null ? void 0 : context.removeTab(index);
@@ -14142,11 +14147,11 @@ Toggle.displayName = "Toggle";
 import { useId as useId30, useState as useState34 } from "react";
 
 // src/components/ToggleBar/ToggleBar.context.tsx
-import { createContext as createContext20, useContext as useContext28 } from "react";
+import { createContext as createContext20, useContext as useContext29 } from "react";
 var ToggleBarContext = createContext20({
   size: "medium"
 });
-var useToggleBarContext = () => useContext28(ToggleBarContext);
+var useToggleBarContext = () => useContext29(ToggleBarContext);
 
 // src/components/ToggleBar/ToggleBar.module.css
 var ToggleBar_default = {