@digdir/designsystemet-react 0.56.3-alpha.0 → 0.57.0

package/dist/esm/components/Chip/Chip.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"chip":"fds-chip-chip-4563db0f","chipButton":"fds-chip-chipButton-4563db0f","label":"fds-chip-label-4563db0f","removable":"fds-chip-removable-4563db0f","xMark":"fds-chip-xMark-4563db0f","icon":"fds-chip-icon-4563db0f","spacing":"fds-chip-spacing-4563db0f","small":"fds-chip-small-4563db0f","checkmarkIcon":"fds-chip-checkmarkIcon-4563db0f","medium":"fds-chip-medium-4563db0f","large":"fds-chip-large-4563db0f","groupContainer":"fds-chip-groupContainer-4563db0f"};
+var classes = {"chip":"fds-chip-chip-4563db0f","chipButton":"fds-chip-chipButton-4563db0f","label":"fds-chip-label-4563db0f","removable":"fds-chip-removable-4563db0f","small":"fds-chip-small-4563db0f","large":"fds-chip-large-4563db0f","xMark":"fds-chip-xMark-4563db0f","icon":"fds-chip-icon-4563db0f","spacing":"fds-chip-spacing-4563db0f","checkmarkIcon":"fds-chip-checkmarkIcon-4563db0f","medium":"fds-chip-medium-4563db0f","groupContainer":"fds-chip-groupContainer-4563db0f"};
 
 export { classes as default };

package/dist/esm/components/DropdownMenu/DropdownMenuTrigger.js

@@ -2,13 +2,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
 import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
 import { DropdownMenuContext } from './DropdownMenu.js';
 import { Button } from '../Button/Button.js';
 
-const DropdownMenuTrigger = forwardRef(({ ...rest }, ref) => {
+const DropdownMenuTrigger = forwardRef(({ asChild, ...rest }, ref) => {
     const { triggerRef, internalOpen, setInternalOpen, isControlled } = useContext(DropdownMenuContext);
     const mergedRefs = useMergeRefs([ref, triggerRef]);
-    return (jsx(Button, { ref: mergedRefs, onClick: () => {
+    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : Button;
+    return (jsx(Component, { ref: mergedRefs, onClick: () => {
             if (!isControlled)
                 setInternalOpen(!internalOpen);
         }, "aria-haspopup": 'menu', "aria-expanded": internalOpen, ...rest }));

package/dist/esm/components/Modal/ModalTrigger/ModalTrigger.js

@@ -1,12 +1,14 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../../node_modules/@radix-ui/react-slot/dist/index.js';
 import { ModalContext } from '../ModalRoot.js';
 import { Button } from '../../Button/Button.js';
 
-const ModalTrigger = forwardRef(({ ...rest }, ref) => {
+const ModalTrigger = forwardRef(({ asChild, ...rest }, ref) => {
     const { modalRef, open } = useContext(ModalContext);
-    return (jsx(Button, { ref: ref, onClick: () => modalRef?.current?.showModal(), "aria-expanded": open, "aria-haspopup": 'dialog', ...rest }));
+    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : Button;
+    return (jsx(Component, { ref: ref, onClick: () => modalRef?.current?.showModal(), "aria-expanded": open, "aria-haspopup": 'dialog', ...rest }));
 });
 ModalTrigger.displayName = 'ModalTrigger';
 

package/dist/esm/components/Popover/PopoverTrigger.js

@@ -2,19 +2,21 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext, useEffect } from 'react';
 import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
 import { PopoverContext } from './Popover.js';
 import { Button } from '../Button/Button.js';
 
-const PopoverTrigger = forwardRef(({ id, ...rest }, ref) => {
+const PopoverTrigger = forwardRef(({ id, asChild, ...rest }, ref) => {
     const { triggerRef, internalOpen, setInternalOpen, isControlled, popoverId, triggerId, setTriggerId, } = useContext(PopoverContext);
     const mergedRefs = useMergeRefs([ref, triggerRef]);
     useEffect(() => {
         id && setTriggerId?.(id);
     }, [id, setTriggerId]);
-    return (jsx(Button, { ref: mergedRefs, onClick: () => {
+    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : Button;
+    return (jsx(Component, { ref: mergedRefs, onClick: () => {
             if (!isControlled)
                 setInternalOpen(!internalOpen);
-        }, "aria-expanded": internalOpen, role: 'button', "aria-controls": internalOpen ? popoverId : undefined, id: triggerId, type: 'button', ...rest }));
+        }, "aria-expanded": internalOpen, "aria-controls": internalOpen ? popoverId : undefined, id: triggerId, ...rest }));
 });
 PopoverTrigger.displayName = 'PopoverTrigger';
 

package/dist/esm/hooks/useMediaQuery.js

@@ -2,7 +2,13 @@
 import { useState, useEffect } from 'react';
 
 function useMediaQuery(query) {
-    const getMatches = (query) => window?.matchMedia(query).matches ?? false;
+    const getMatches = (query) => {
+        /* Check if window is defined, if not - return false */
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        return window?.matchMedia(query).matches ?? false;
+    };
     const [matches, setMatches] = useState(getMatches(query));
     const eventListener = () => {
         setMatches(getMatches(query));