@norges-domstoler/dds-components 8.0.0 → 8.0.1

package/dist/cjs/components/OverflowMenu/OverflowMenu.tokens.d.ts

@@ -23,10 +23,10 @@ export declare const overflowMenuTokens: {
     };
     link: {
         hover: {
-            color: string;
+            backgroundColor: string;
         };
         active: {
-            color: string;
+            backgroundColor: string;
         };
     };
     divider: {

package/dist/cjs/components/Popover/Popover.d.ts

@@ -31,8 +31,6 @@ export declare type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement
     sizeProps?: PopoverSizeProps;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: () => void;
-    /**Spesifiserer hvilken DOM node `<Popover />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement;
 }>;
 export declare const Popover: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /**Tittel. */
@@ -55,8 +53,6 @@ export declare const Popover: import("react").ForwardRefExoticComponent<Pick<imp
     sizeProps?: PopoverSizeProps | undefined;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: (() => void) | undefined;
-    /**Spesifiserer hvilken DOM node `<Popover />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement | undefined;
 } & {
     children?: ReactNode;
 } & {

package/dist/cjs/components/Popover/Popover.stories.d.ts

@@ -13,7 +13,6 @@ declare const _default: {
         onBlur?: (() => void) | undefined;
         sizeProps?: import("./Popover").PopoverSizeProps | undefined;
         onClose?: (() => void) | undefined;
-        parentElement?: HTMLElement | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {

package/dist/cjs/index.js

@@ -8787,17 +8787,17 @@ var element$1 = {
     color: colors$4.DdsColorNeutralsGray9,
     textDecoration: 'none',
     backgroundColor: colors$4.DdsColorNeutralsWhite,
-    padding: "".concat(spacing$7.SizesDdsSpacingLocalX075, " ").concat(spacing$7.SizesDdsSpacingLocalX15),
+    padding: "".concat(spacing$7.SizesDdsSpacingLocalX075, " ").concat(spacing$7.SizesDdsSpacingLocalX1),
     gap: spacing$7.SizesDdsSpacingLocalX025,
     font: fontPackages$2.body_sans_01.base
   }
 };
 var link$1 = {
   hover: {
-    color: colors$4.DdsColorInteractiveDark
+    backgroundColor: colors$4.DdsColorInteractiveLightest
   },
   active: {
-    color: colors$4.DdsColorInteractiveDark
+    backgroundColor: colors$4.DdsColorInteractiveLightest
   }
 };
 var container$1 = {
@@ -8827,7 +8827,7 @@ var Span = styled__default["default"].span.withConfig({
 var Link$2 = styled__default["default"].a.withConfig({
   displayName: "OverflowMenuItem__Link",
   componentId: "sc-1ka2asi-1"
-})(["user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{color:", ";}&:active{color:", ";}&:focus-visible,&.focus-visible{", "}"], elementBaseCSS, link.hover.color, link.active.color, focusVisibleLink);
+})(["user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{background-color:", ";}&:active{background-color:", ";}&:focus-visible,&.focus-visible{", "}"], elementBaseCSS, link.hover.backgroundColor, link.active.backgroundColor, focusVisibleLink);
 
 var isAnchorProps = function isAnchorProps(props) {
   return props.href !== undefined;
@@ -10111,15 +10111,13 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children = props.children,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-      _props$parentElement = props.parentElement,
-      parentElement = _props$parentElement === void 0 ? document.body : _props$parentElement,
       _props$offset = props.offset,
       offset = _props$offset === void 0 ? Spacing$2.SizesDdsSpacingLocalX05NumberPx : _props$offset,
       id = props.id,
       className = props.className,
       _props$htmlProps = props.htmlProps,
       htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-      rest = tslib.__rest(props, ["title", "isOpen", "withCloseButton", "onBlur", "onCloseButtonClick", "onClose", "anchorElement", "children", "placement", "parentElement", "offset", "id", "className", "htmlProps"]);
+      rest = tslib.__rest(props, ["title", "isOpen", "withCloseButton", "onBlur", "onCloseButtonClick", "onClose", "anchorElement", "children", "placement", "offset", "id", "className", "htmlProps"]);
 
   var popoverRef = useReturnFocusOnBlur(isOpen, function () {
     onClose && onClose();
@@ -10152,7 +10150,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: Object.assign(Object.assign({}, htmlProps.style), styles.floating),
     role: 'dialog'
   });
-  return isOpen || hasTransitionedIn ? /*#__PURE__*/reactDom$1.createPortal(jsxRuntime.jsxs(Wrapper$2, Object.assign({}, wrapperProps, {
+  return isOpen || hasTransitionedIn ? jsxRuntime.jsxs(Wrapper$2, Object.assign({}, wrapperProps, {
     elevation: 3,
     border: "light"
   }, {
@@ -10175,7 +10173,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClick: onCloseButtonClick,
       "aria-label": "Lukk"
     })]
-  })), parentElement) : null;
+  })) : null;
 });
 
 var PopoverGroup = function PopoverGroup(_ref) {

package/dist/components/OverflowMenu/OverflowMenu.tokens.d.ts

@@ -23,10 +23,10 @@ export declare const overflowMenuTokens: {
     };
     link: {
         hover: {
-            color: string;
+            backgroundColor: string;
         };
         active: {
-            color: string;
+            backgroundColor: string;
         };
     };
     divider: {

package/dist/components/OverflowMenu/OverflowMenu.tokens.js

@@ -10,17 +10,17 @@ var element = {
     color: colors.DdsColorNeutralsGray9,
     textDecoration: 'none',
     backgroundColor: colors.DdsColorNeutralsWhite,
-    padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX15),
+    padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX1),
     gap: spacing.SizesDdsSpacingLocalX025,
     font: fontPackages.body_sans_01.base
   }
 };
 var link = {
   hover: {
-    color: colors.DdsColorInteractiveDark
+    backgroundColor: colors.DdsColorInteractiveLightest
   },
   active: {
-    color: colors.DdsColorInteractiveDark
+    backgroundColor: colors.DdsColorInteractiveLightest
   }
 };
 var container = {

package/dist/components/OverflowMenu/OverflowMenuItem.js

@@ -25,7 +25,7 @@ var Span = styled.span.withConfig({
 var Link = styled.a.withConfig({
   displayName: "OverflowMenuItem__Link",
   componentId: "sc-1ka2asi-1"
-})(["user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{color:", ";}&:active{color:", ";}&:focus-visible,&.focus-visible{", "}"], elementBaseCSS, link.hover.color, link.active.color, focusVisibleLink);
+})(["user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{background-color:", ";}&:active{background-color:", ";}&:focus-visible,&.focus-visible{", "}"], elementBaseCSS, link.hover.backgroundColor, link.active.backgroundColor, focusVisibleLink);
 
 var isAnchorProps = function isAnchorProps(props) {
   return props.href !== undefined;

package/dist/components/Popover/Popover.d.ts

@@ -31,8 +31,6 @@ export declare type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement
     sizeProps?: PopoverSizeProps;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: () => void;
-    /**Spesifiserer hvilken DOM node `<Popover />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement;
 }>;
 export declare const Popover: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
     /**Tittel. */
@@ -55,8 +53,6 @@ export declare const Popover: import("react").ForwardRefExoticComponent<Pick<imp
     sizeProps?: PopoverSizeProps | undefined;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: (() => void) | undefined;
-    /**Spesifiserer hvilken DOM node `<Popover />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
-    parentElement?: HTMLElement | undefined;
 } & {
     children?: ReactNode;
 } & {

package/dist/components/Popover/Popover.js

@@ -30,7 +30,6 @@ import '../Typography/Link/Link.js';
 import { popoverTokens } from './Popover.tokens.js';
 import '../../icons/utils/StyledSvg.js';
 import { CloseIcon } from '../../icons/tsx/close.js';
-import { createPortal } from 'react-dom';
 
 var Spacing = ddsBaseTokens.spacing;
 var wrapper = popoverTokens.wrapper,
@@ -77,15 +76,13 @@ var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       children = props.children,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-      _props$parentElement = props.parentElement,
-      parentElement = _props$parentElement === void 0 ? document.body : _props$parentElement,
       _props$offset = props.offset,
       offset = _props$offset === void 0 ? Spacing.SizesDdsSpacingLocalX05NumberPx : _props$offset,
       id = props.id,
       className = props.className,
       _props$htmlProps = props.htmlProps,
       htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-      rest = __rest(props, ["title", "isOpen", "withCloseButton", "onBlur", "onCloseButtonClick", "onClose", "anchorElement", "children", "placement", "parentElement", "offset", "id", "className", "htmlProps"]);
+      rest = __rest(props, ["title", "isOpen", "withCloseButton", "onBlur", "onCloseButtonClick", "onClose", "anchorElement", "children", "placement", "offset", "id", "className", "htmlProps"]);
 
   var popoverRef = useReturnFocusOnBlur(isOpen, function () {
     onClose && onClose();
@@ -118,7 +115,7 @@ var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
     style: Object.assign(Object.assign({}, htmlProps.style), styles.floating),
     role: 'dialog'
   });
-  return isOpen || hasTransitionedIn ? /*#__PURE__*/createPortal(jsxs(Wrapper, Object.assign({}, wrapperProps, {
+  return isOpen || hasTransitionedIn ? jsxs(Wrapper, Object.assign({}, wrapperProps, {
     elevation: 3,
     border: "light"
   }, {
@@ -141,7 +138,7 @@ var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       onClick: onCloseButtonClick,
       "aria-label": "Lukk"
     })]
-  })), parentElement) : null;
+  })) : null;
 });
 
 export { Popover };

package/dist/components/Popover/Popover.stories.d.ts

@@ -13,7 +13,6 @@ declare const _default: {
         onBlur?: (() => void) | undefined;
         sizeProps?: import("./Popover").PopoverSizeProps | undefined;
         onClose?: (() => void) | undefined;
-        parentElement?: HTMLElement | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "8.0.0",
+  "version": "8.0.1",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",