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

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

@@ -1,6 +1,6 @@
 'use client';
 'use strict';
 
-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"};
 
 module.exports = classes;

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

@@ -4,13 +4,15 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
 var DropdownMenu = require('./DropdownMenu.js');
 var Button = require('../Button/Button.js');
 
-const DropdownMenuTrigger = React.forwardRef(({ ...rest }, ref) => {
+const DropdownMenuTrigger = React.forwardRef(({ asChild, ...rest }, ref) => {
     const { triggerRef, internalOpen, setInternalOpen, isControlled } = React.useContext(DropdownMenu.DropdownMenuContext);
     const mergedRefs = floatingUi_react.useMergeRefs([ref, triggerRef]);
-    return (jsxRuntime.jsx(Button.Button, { ref: mergedRefs, onClick: () => {
+    const Component = asChild ? index.Slot : Button.Button;
+    return (jsxRuntime.jsx(Component, { ref: mergedRefs, onClick: () => {
             if (!isControlled)
                 setInternalOpen(!internalOpen);
         }, "aria-haspopup": 'menu', "aria-expanded": internalOpen, ...rest }));

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

@@ -3,12 +3,14 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
 var ModalRoot = require('../ModalRoot.js');
 var Button = require('../../Button/Button.js');
 
-const ModalTrigger = React.forwardRef(({ ...rest }, ref) => {
+const ModalTrigger = React.forwardRef(({ asChild, ...rest }, ref) => {
     const { modalRef, open } = React.useContext(ModalRoot.ModalContext);
-    return (jsxRuntime.jsx(Button.Button, { ref: ref, onClick: () => modalRef?.current?.showModal(), "aria-expanded": open, "aria-haspopup": 'dialog', ...rest }));
+    const Component = asChild ? index.Slot : Button.Button;
+    return (jsxRuntime.jsx(Component, { ref: ref, onClick: () => modalRef?.current?.showModal(), "aria-expanded": open, "aria-haspopup": 'dialog', ...rest }));
 });
 ModalTrigger.displayName = 'ModalTrigger';
 

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

@@ -4,19 +4,21 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
 var Popover = require('./Popover.js');
 var Button = require('../Button/Button.js');
 
-const PopoverTrigger = React.forwardRef(({ id, ...rest }, ref) => {
+const PopoverTrigger = React.forwardRef(({ id, asChild, ...rest }, ref) => {
     const { triggerRef, internalOpen, setInternalOpen, isControlled, popoverId, triggerId, setTriggerId, } = React.useContext(Popover.PopoverContext);
     const mergedRefs = floatingUi_react.useMergeRefs([ref, triggerRef]);
     React.useEffect(() => {
         id && setTriggerId?.(id);
     }, [id, setTriggerId]);
-    return (jsxRuntime.jsx(Button.Button, { ref: mergedRefs, onClick: () => {
+    const Component = asChild ? index.Slot : Button.Button;
+    return (jsxRuntime.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/cjs/hooks/useMediaQuery.js

@@ -4,7 +4,13 @@
 var React = require('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] = React.useState(getMatches(query));
     const eventListener = () => {
         setMatches(getMatches(query));