@digdir/designsystemet-react 1.0.0-next.14 → 1.0.0-next.16

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

@@ -1,11 +1,11 @@
 'use client';
 'use strict';
 
-var ModalRoot = require('./ModalRoot.js');
 var ModaContent = require('./ModaContent.js');
 var ModalDialog = require('./ModalDialog.js');
 var ModalFooter = require('./ModalFooter.js');
 var ModalHeader = require('./ModalHeader.js');
+var ModalRoot = require('./ModalRoot.js');
 var ModalTrigger = require('./ModalTrigger.js');
 
 const Modal = {};
@@ -26,5 +26,6 @@ exports.ModalContent = ModaContent.ModalContent;
 exports.ModalDialog = ModalDialog.ModalDialog;
 exports.ModalFooter = ModalFooter.ModalFooter;
 exports.ModalHeader = ModalHeader.ModalHeader;
+exports.ModalRoot = ModalRoot.ModalRoot;
 exports.ModalTrigger = ModalTrigger.ModalTrigger;
 exports.Modal = Modal;

package/dist/cjs/components/Pagination/Pagination.js

@@ -2,15 +2,15 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
 var akselIcons = require('@navikt/aksel-icons');
-var PaginationRoot = require('./PaginationRoot.js');
-var PaginationContent = require('./PaginationContent.js');
-var PaginationItem = require('./PaginationItem.js');
+var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var PaginationButton = require('./PaginationButton.js');
+var PaginationContent = require('./PaginationContent.js');
 var PaginationEllipsis = require('./PaginationEllipsis.js');
+var PaginationItem = require('./PaginationItem.js');
 var PaginationNextPrev = require('./PaginationNextPrev.js');
+var PaginationRoot = require('./PaginationRoot.js');
 var usePagination = require('./usePagination.js');
 
 const iconSize = {

package/dist/cjs/components/Pagination/PaginationContent.js

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var PaginationRoot = require('./PaginationRoot.js');
 
 const PaginationContent = React.forwardRef(({ asChild, className, ...rest }, ref) => {

package/dist/cjs/components/Pagination/PaginationEllipsis.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var PaginationRoot = require('./PaginationRoot.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 

package/dist/cjs/components/Pagination/PaginationItem.js

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var PaginationRoot = require('./PaginationRoot.js');
 
 const PaginationItem = React.forwardRef(({ asChild, className, ...rest }, ref) => {

package/dist/cjs/components/Pagination/index.js

@@ -2,10 +2,10 @@
 'use strict';
 
 var Pagination$1 = require('./Pagination.js');
+var PaginationButton = require('./PaginationButton.js');
 var PaginationContent = require('./PaginationContent.js');
 var PaginationEllipsis = require('./PaginationEllipsis.js');
 var PaginationItem = require('./PaginationItem.js');
-var PaginationButton = require('./PaginationButton.js');
 var PaginationNextPrev = require('./PaginationNextPrev.js');
 var PaginationRoot = require('./PaginationRoot.js');
 
@@ -25,10 +25,10 @@ Pagination.Ellipsis.displayName = 'Pagination.Ellipsis';
 Pagination.Previous.displayName = 'Pagination.Previous';
 Pagination.Next.displayName = 'Pagination.Next';
 
+exports.PaginationButton = PaginationButton.PaginationButton;
 exports.PaginationContent = PaginationContent.PaginationContent;
 exports.PaginationEllipsis = PaginationEllipsis.PaginationEllipsis;
 exports.PaginationItem = PaginationItem.PaginationItem;
-exports.PaginationButton = PaginationButton.PaginationButton;
 exports.PaginationNext = PaginationNextPrev.PaginationNext;
 exports.PaginationPrevious = PaginationNextPrev.PaginationPrevious;
 exports.PaginationRoot = PaginationRoot.PaginationRoot;

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

@@ -2,12 +2,11 @@
 'use strict';
 
 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 lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var PopoverRoot = require('./PopoverRoot.js');
 var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 var floatingUi_reactDom = require('../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js');
 var useIsomorphicLayoutEffect = require('../../utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
@@ -47,13 +46,13 @@ const PopoverContent = React.forwardRef(({ className, children, style, id, ...re
     React.useEffect(() => {
         id && setPopoverId?.(id);
     }, [id, setPopoverId]);
-    const { context, update, refs, floatingStyles, placement: flPlacement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }, } = floatingUi_react.useFloating({
+    const { context, update, refs, floatingStyles, placement: flPlacement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {}, }, } = floatingUi_react.useFloating({
         placement,
         open: internalOpen,
         onOpenChange: (localOpen) => {
-            onOpenChange && onOpenChange(localOpen);
+            onOpenChange?.(localOpen);
             if (!localOpen)
-                onClose && onClose();
+                onClose?.();
             if (!isControlled)
                 setInternalOpen(localOpen);
         },
@@ -63,11 +62,11 @@ const PopoverContent = React.forwardRef(({ className, children, style, id, ...re
             floating: floatingEl.current,
         },
         middleware: [
-            floatingUi_core.offset(ARROW_HEIGHT + ARROW_GAP),
-            floatingUi_dom.flip({
+            floatingUi_reactDom.offset(ARROW_HEIGHT + ARROW_GAP),
+            floatingUi_reactDom.flip({
                 fallbackAxisSideDirection: 'start',
             }),
-            floatingUi_dom.shift(),
+            floatingUi_reactDom.shift(),
             floatingUi_reactDom.arrow({
                 element: arrowRef,
             }),

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

@@ -2,9 +2,9 @@
 'use strict';
 
 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 React = require('react');
 var PopoverRoot = require('./PopoverRoot.js');
 var Button = require('../Button/Button.js');
 

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

@@ -1,8 +1,8 @@
 'use client';
 'use strict';
 
-var PopoverRoot = require('./PopoverRoot.js');
 var PopoverContent = require('./PopoverContent.js');
+var PopoverRoot = require('./PopoverRoot.js');
 var PopoverTrigger = require('./PopoverTrigger.js');
 
 const Popover = {};
@@ -13,7 +13,7 @@ Popover.Root.displayName = 'Popover.Root';
 Popover.Content.displayName = 'Popover.Content';
 Popover.Trigger.displayName = 'Popover.Trigger';
 
-exports.PopoverRoot = PopoverRoot.PopoverRoot;
 exports.PopoverContent = PopoverContent.PopoverContent;
+exports.PopoverRoot = PopoverRoot.PopoverRoot;
 exports.PopoverTrigger = PopoverTrigger.PopoverTrigger;
 exports.Popover = Popover;

package/dist/cjs/components/Table/Table.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 
 function _interopNamespaceDefault(e) {

package/dist/cjs/components/Table/TableCell.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);

package/dist/cjs/components/Table/TableHead.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);

package/dist/cjs/components/Table/TableHeaderCell.js

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var akselIcons = require('@navikt/aksel-icons');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);

package/dist/cjs/components/Table/TableRow.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);

package/dist/cjs/components/Table/index.js

@@ -2,11 +2,11 @@
 'use strict';
 
 var Table$1 = require('./Table.js');
-var TableHead = require('./TableHead.js');
 var TableBody = require('./TableBody.js');
-var TableRow = require('./TableRow.js');
 var TableCell = require('./TableCell.js');
+var TableHead = require('./TableHead.js');
 var TableHeaderCell = require('./TableHeaderCell.js');
+var TableRow = require('./TableRow.js');
 
 const Table = Table$1.Table;
 Table.Head = TableHead.TableHead;
@@ -21,9 +21,9 @@ Table.Row.displayName = 'Table.Row';
 Table.Cell.displayName = 'Table.Cell';
 Table.HeaderCell.displayName = 'Table.HeaderCell';
 
-exports.TableHead = TableHead.TableHead;
 exports.TableBody = TableBody.TableBody;
-exports.TableRow = TableRow.TableRow;
 exports.TableCell = TableCell.TableCell;
+exports.TableHead = TableHead.TableHead;
 exports.TableHeaderCell = TableHeaderCell.TableHeaderCell;
+exports.TableRow = TableRow.TableRow;
 exports.Table = Table;

package/dist/cjs/components/Tabs/Tab.js

@@ -2,10 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
-var useTab = require('./useTab.js');
+var React = require('react');
 var RovingFocusItem = require('../../utilities/RovingFocus/RovingFocusItem.js');
+var useTab = require('./useTab.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 
 /**

package/dist/cjs/components/Tabs/TabContent.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var TabsRoot = require('./TabsRoot.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 

package/dist/cjs/components/Tabs/TabList.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var TabsRoot = require('./TabsRoot.js');
 var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
 
@@ -19,7 +19,7 @@ var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
  */
 const TabList = React.forwardRef(({ children, className, ...rest }, ref) => {
     const { value } = React.useContext(TabsRoot.TabsContext);
-    return (jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { role: 'tablist', activeValue: value, className: lite.clsx('ds-tabs__tablist', className), ref: ref, ...rest, children: children }));
+    return (jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { role: 'tablist', activeValue: value, className: lite.clsx('ds-tabs__tablist', className), orientation: 'ambiguous', ref: ref, ...rest, children: children }));
 });
 TabList.displayName = 'TabList';
 

package/dist/cjs/components/Tabs/TabsRoot.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 const TabsContext = React.createContext({});
 /**

package/dist/cjs/components/Tabs/index.js

@@ -1,10 +1,10 @@
 'use client';
 'use strict';
 
-var TabsRoot = require('./TabsRoot.js');
 var Tab = require('./Tab.js');
-var TabList = require('./TabList.js');
 var TabContent = require('./TabContent.js');
+var TabList = require('./TabList.js');
+var TabsRoot = require('./TabsRoot.js');
 
 /**
  * Display a group of tabs that can be toggled between.
@@ -32,8 +32,8 @@ Tabs.Tab.displayName = 'Tabs.Tab';
 Tabs.List.displayName = 'Tabs.List';
 Tabs.Content.displayName = 'Tabs.Content';
 
-exports.TabsRoot = TabsRoot.TabsRoot;
 exports.Tab = Tab.Tab;
-exports.TabList = TabList.TabList;
 exports.TabContent = TabContent.TabContent;
+exports.TabList = TabList.TabList;
+exports.TabsRoot = TabsRoot.TabsRoot;
 exports.Tabs = Tabs;

package/dist/cjs/components/Tag/Tag.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 
 /**

package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js

@@ -2,10 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../../node_modules/clsx/dist/lite.js');
-var useToggleGroupitem = require('./useToggleGroupitem.js');
+var React = require('react');
 var RovingFocusItem = require('../../../utilities/RovingFocus/RovingFocusItem.js');
+var useToggleGroupitem = require('./useToggleGroupitem.js');
 var Button = require('../../Button/Button.js');
 
 /**

package/dist/cjs/components/ToggleGroup/ToggleGroupRoot.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
 
 const ToggleGroupContext = React.createContext({});
@@ -34,7 +34,7 @@ const ToggleGroupRoot = React.forwardRef(({ size = 'md', children, value, defaul
                 name: name ?? `togglegroup-name-${nameId}`,
                 onChange: onValueChange,
                 size,
-            }, children: [name && (jsxRuntime.jsx("input", { className: 'ds-togglegroup__input', name: name, value: value })), jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { asChild: true, activeValue: value, children: jsxRuntime.jsx("div", { className: 'ds-togglegroup__content', role: 'radiogroup', children: children }) })] }) }));
+            }, children: [name && (jsxRuntime.jsx("input", { className: 'ds-togglegroup__input', name: name, value: value })), jsxRuntime.jsx(RovingFocusRoot.RovingFocusRoot, { asChild: true, activeValue: value, orientation: 'ambiguous', children: jsxRuntime.jsx("div", { className: 'ds-togglegroup__content', role: 'radiogroup', children: children }) })] }) }));
 });
 ToggleGroupRoot.displayName = 'ToggleGroupRoot';
 

package/dist/cjs/components/ToggleGroup/index.js

@@ -1,8 +1,8 @@
 'use client';
 'use strict';
 
-var ToggleGroupRoot = require('./ToggleGroupRoot.js');
 var ToggleGroupItem = require('./ToggleGroupItem/ToggleGroupItem.js');
+var ToggleGroupRoot = require('./ToggleGroupRoot.js');
 
 /**
  * Display a group of buttons that can be toggled between.
@@ -21,6 +21,6 @@ ToggleGroup.Item = ToggleGroupItem.ToggleGroupItem;
 ToggleGroup.Root.displayName = 'ToggleGroup.Root';
 ToggleGroup.Item.displayName = 'ToggleGroup.Item';
 
-exports.ToggleGroupRoot = ToggleGroupRoot.ToggleGroupRoot;
 exports.ToggleGroupItem = ToggleGroupItem.ToggleGroupItem;
+exports.ToggleGroupRoot = ToggleGroupRoot.ToggleGroupRoot;
 exports.ToggleGroup = ToggleGroup;

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -2,11 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
 var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 var floatingUi_reactDom = require('../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 
@@ -49,11 +48,11 @@ const Tooltip = React.forwardRef(({ children, content, placement = 'top', delay
         placement,
         whileElementsMounted: floatingUi_dom.autoUpdate,
         middleware: [
-            floatingUi_core.offset(ARROW_HEIGHT + ARROW_GAP),
-            floatingUi_dom.flip({
+            floatingUi_reactDom.offset(ARROW_HEIGHT + ARROW_GAP),
+            floatingUi_reactDom.flip({
                 fallbackAxisSideDirection: 'start',
             }),
-            floatingUi_dom.shift(),
+            floatingUi_reactDom.shift(),
             floatingUi_reactDom.arrow({
                 element: arrowRef,
             }),

package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 /** Use `ErrorMessage` to display text as error message. */
 const ErrorMessage = React.forwardRef(({ size = 'md', className, spacing, asChild, error = true, ...rest }, ref) => {

package/dist/cjs/components/Typography/Heading/Heading.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 /**
  * Use `Heading` to render h1-6 elements with heading text styles.

package/dist/cjs/components/Typography/Ingress/Ingress.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 /**
  * Use `Ingress` to display text as ingress.

package/dist/cjs/components/Typography/Label/Label.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 /**
  * Use `Label` for labels.

package/dist/cjs/components/Typography/Paragraph/Paragraph.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 const lineHeightMap = {
     short: 'ds-line-height--sm',

package/dist/cjs/components/form/Checkbox/Checkbox.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var floatingUi_react = require('../../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var useCheckbox = require('./useCheckbox.js');
 var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
 var omit = require('../../../utilities/omit/omit.js');

package/dist/cjs/components/form/Checkbox/{Group/Group.js → CheckboxGroup.js}

@@ -2,8 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
 var React = require('react');
-var Fieldset = require('../../Fieldset/Fieldset.js');
+var Fieldset = require('../Fieldset/Fieldset.js');
 
 const CheckboxGroupContext = React.createContext(null);
 const CheckboxGroup = React.forwardRef(({ onChange, children, value, readOnly, defaultValue, size = 'md', ...rest }, ref) => {
@@ -22,7 +23,7 @@ const CheckboxGroup = React.forwardRef(({ onChange, children, value, readOnly, d
                 value,
                 defaultValue,
                 toggleValue,
-            }, children: jsxRuntime.jsx("div", { className: 'ds-checkbox__group', children: children }) }) }));
+            }, children: jsxRuntime.jsx("div", { className: lite.clsx('ds-checkbox__group', `ds-checkbox__group--${size}`), children: children }) }) }));
 });
 CheckboxGroup.displayName = 'CheckboxGroup';
 

package/dist/cjs/components/form/Checkbox/index.js

@@ -2,12 +2,12 @@
 'use strict';
 
 var Checkbox$1 = require('./Checkbox.js');
-var Group = require('./Group/Group.js');
+var CheckboxGroup = require('./CheckboxGroup.js');
 
 /** `<input> element with `type="checkbox"` used for selecting one option */
 const Checkbox = Checkbox$1.Checkbox;
-Checkbox.Group = Group.CheckboxGroup;
+Checkbox.Group = CheckboxGroup.CheckboxGroup;
 Checkbox.Group.displayName = 'Checkbox.Group';
 
-exports.CheckboxGroup = Group.CheckboxGroup;
+exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
 exports.Checkbox = Checkbox;

package/dist/cjs/components/form/Checkbox/useCheckbox.js

@@ -3,11 +3,11 @@
 
 var React = require('react');
 var useFormField = require('../useFormField.js');
-var Group = require('./Group/Group.js');
+var CheckboxGroup = require('./CheckboxGroup.js');
 
 /** Handles props for `Checkbox` in context with `Checkbox.Group` (and `Fieldset`) */
 const useCheckbox = (props) => {
-    const checkboxGroup = React.useContext(Group.CheckboxGroupContext);
+    const checkboxGroup = React.useContext(CheckboxGroup.CheckboxGroupContext);
     const { inputProps, readOnly, ...rest } = useFormField.useFormField(props, 'checkbox');
     return {
         ...rest,