@digdir/designsystemet-react 0.53.1 → 0.55.0

package/dist/cjs/utilities/AnimateHeight/AnimateHeight.module.css.js

@@ -1,6 +1,6 @@
 'use client';
 'use strict';
 
-var classes = {"root":"fds-animateheight-root-e875993d","openingOrClosing":"fds-animateheight-openingOrClosing-e875993d","closed":"fds-animateheight-closed-e875993d","open":"fds-animateheight-open-e875993d","content":"fds-animateheight-content-e875993d"};
+var classes = {"root":"fds-animateheight-root-a203211d","openingOrClosing":"fds-animateheight-openingOrClosing-a203211d","closed":"fds-animateheight-closed-a203211d","open":"fds-animateheight-open-a203211d","content":"fds-animateheight-content-a203211d"};
 
 module.exports = classes;

package/dist/cjs/utilities/utility.module.css.js

@@ -1,6 +1,6 @@
 'use client';
 'use strict';
 
-var utilityClasses = {"visuallyHidden":"fds-utility-visuallyHidden-1bd8d932","focusable":"fds-utility-focusable-1bd8d932"};
+var utilityClasses = {"visuallyHidden":"fds-utility-visuallyHidden-1ed11112","focusable":"fds-utility-focusable-1ed11112"};
 
 module.exports = utilityClasses;

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"accordion":"fds-accordion-accordion-cfa9e81d","border":"fds-accordion-border-cfa9e81d","expandIcon":"fds-accordion-expandIcon-cfa9e81d","content":"fds-accordion-content-cfa9e81d","header":"fds-accordion-header-cfa9e81d","accordionButton":"fds-accordion-accordionButton-cfa9e81d","item":"fds-accordion-item-cfa9e81d","neutral":"fds-accordion-neutral-cfa9e81d","subtle":"fds-accordion-subtle-cfa9e81d","first":"fds-accordion-first-cfa9e81d","second":"fds-accordion-second-cfa9e81d","third":"fds-accordion-third-cfa9e81d","open":"fds-accordion-open-cfa9e81d","filled":"fds-accordion-filled-cfa9e81d"};
+var classes = {"accordion":"fds-accordion-accordion-a8137c3d","border":"fds-accordion-border-a8137c3d","expandIcon":"fds-accordion-expandIcon-a8137c3d","content":"fds-accordion-content-a8137c3d","header":"fds-accordion-header-a8137c3d","accordionButton":"fds-accordion-accordionButton-a8137c3d","item":"fds-accordion-item-a8137c3d","open":"fds-accordion-open-a8137c3d","neutral":"fds-accordion-neutral-a8137c3d","subtle":"fds-accordion-subtle-a8137c3d","first":"fds-accordion-first-a8137c3d","second":"fds-accordion-second-a8137c3d","third":"fds-accordion-third-a8137c3d"};
 
 export { classes as default };

package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js

@@ -19,7 +19,7 @@ const AccordionHeader = forwardRef(({ level = 1, children, className, onHeaderCl
         context.toggleOpen();
         onHeaderClick && onHeaderClick(e);
     };
-    return (jsx(Heading, { ref: ref, size: 'xsmall', level: level, className: clsx(classes.header, className), ...rest, children: jsxs("button", { type: 'button', className: clsx(classes.accordionButton, utilityClasses.focusable), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsx(ChevronDownIcon, { "aria-hidden": true, className: classes.expandIcon }), jsx(Paragraph, { asChild: true, size: 'small', children: jsx("span", { children: children }) })] }) }));
+    return (jsx(Heading, { ref: ref, size: 'xsmall', level: level, className: clsx(classes.header, className), ...rest, children: jsxs("button", { type: 'button', className: clsx(classes.accordionButton, utilityClasses.focusable), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsx(ChevronDownIcon, { "aria-hidden": true, className: classes.expandIcon, fontSize: '1.5rem' }), jsx(Paragraph, { asChild: true, size: 'small', children: jsx("span", { children: children }) })] }) }));
 });
 AccordionHeader.displayName = 'AccordionHeader';
 

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"xsmallShadow":"fds-box-xsmallShadow-22dfa097","smallShadow":"fds-box-smallShadow-22dfa097","mediumShadow":"fds-box-mediumShadow-22dfa097","largeShadow":"fds-box-largeShadow-22dfa097","xlargeShadow":"fds-box-xlargeShadow-22dfa097","defaultBorderColor":"fds-box-defaultBorderColor-22dfa097","subtleBorderColor":"fds-box-subtleBorderColor-22dfa097","strongBorderColor":"fds-box-strongBorderColor-22dfa097","smallBorderRadius":"fds-box-smallBorderRadius-22dfa097","mediumBorderRadius":"fds-box-mediumBorderRadius-22dfa097","largeBorderRadius":"fds-box-largeBorderRadius-22dfa097","xlargeBorderRadius":"fds-box-xlargeBorderRadius-22dfa097","xxlargeBorderRadius":"fds-box-xxlargeBorderRadius-22dfa097","xxxlargeBorderRadius":"fds-box-xxxlargeBorderRadius-22dfa097","xxxxlargeBorderRadius":"fds-box-xxxxlargeBorderRadius-22dfa097","fullBorderRadius":"fds-box-fullBorderRadius-22dfa097","defaultBackground":"fds-box-defaultBackground-22dfa097","subtleBackground":"fds-box-subtleBackground-22dfa097"};
+var classes = {"xsmallShadow":"fds-box-xsmallShadow-7eee64b7","smallShadow":"fds-box-smallShadow-7eee64b7","mediumShadow":"fds-box-mediumShadow-7eee64b7","largeShadow":"fds-box-largeShadow-7eee64b7","xlargeShadow":"fds-box-xlargeShadow-7eee64b7","defaultBorderColor":"fds-box-defaultBorderColor-7eee64b7","subtleBorderColor":"fds-box-subtleBorderColor-7eee64b7","strongBorderColor":"fds-box-strongBorderColor-7eee64b7","smallBorderRadius":"fds-box-smallBorderRadius-7eee64b7","mediumBorderRadius":"fds-box-mediumBorderRadius-7eee64b7","largeBorderRadius":"fds-box-largeBorderRadius-7eee64b7","xlargeBorderRadius":"fds-box-xlargeBorderRadius-7eee64b7","xxlargeBorderRadius":"fds-box-xxlargeBorderRadius-7eee64b7","xxxlargeBorderRadius":"fds-box-xxxlargeBorderRadius-7eee64b7","xxxxlargeBorderRadius":"fds-box-xxxxlargeBorderRadius-7eee64b7","fullBorderRadius":"fds-box-fullBorderRadius-7eee64b7","defaultBackground":"fds-box-defaultBackground-7eee64b7","subtleBackground":"fds-box-subtleBackground-7eee64b7"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"button":"fds-button-button-13ece2ef","small":"fds-button-small-13ece2ef","medium":"fds-button-medium-13ece2ef","large":"fds-button-large-13ece2ef","fullWidth":"fds-button-fullWidth-13ece2ef","secondary":"fds-button-secondary-13ece2ef","tertiary":"fds-button-tertiary-13ece2ef","onlyIcon":"fds-button-onlyIcon-13ece2ef","primary":"fds-button-primary-13ece2ef","first":"fds-button-first-13ece2ef","second":"fds-button-second-13ece2ef","success":"fds-button-success-13ece2ef","danger":"fds-button-danger-13ece2ef","inverted":"fds-button-inverted-13ece2ef"};
+var classes = {"button":"fds-button-button-8fa00f0f","small":"fds-button-small-8fa00f0f","medium":"fds-button-medium-8fa00f0f","large":"fds-button-large-8fa00f0f","fullWidth":"fds-button-fullWidth-8fa00f0f","secondary":"fds-button-secondary-8fa00f0f","tertiary":"fds-button-tertiary-8fa00f0f","onlyIcon":"fds-button-onlyIcon-8fa00f0f","primary":"fds-button-primary-8fa00f0f","first":"fds-button-first-8fa00f0f","second":"fds-button-second-8fa00f0f","success":"fds-button-success-8fa00f0f","danger":"fds-button-danger-8fa00f0f","inverted":"fds-button-inverted-8fa00f0f"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"media":"fds-card-media-cae746f","footer":"fds-card-footer-cae746f","content":"fds-card-content-cae746f","header":"fds-card-header-cae746f","card":"fds-card-card-cae746f","linkCard":"fds-card-linkCard-cae746f","neutral":"fds-card-neutral-cae746f","subtle":"fds-card-subtle-cae746f","first":"fds-card-first-cae746f","second":"fds-card-second-cae746f","third":"fds-card-third-cae746f"};
+var classes = {"media":"fds-card-media-a01cb08f","footer":"fds-card-footer-a01cb08f","content":"fds-card-content-a01cb08f","header":"fds-card-header-a01cb08f","card":"fds-card-card-a01cb08f","linkCard":"fds-card-linkCard-a01cb08f","neutral":"fds-card-neutral-a01cb08f","subtle":"fds-card-subtle-a01cb08f","first":"fds-card-first-a01cb08f","second":"fds-card-second-a01cb08f","third":"fds-card-third-a01cb08f"};
 
 export { classes as default };

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

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

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"divider":"fds-divider-divider-72ee397b","default":"fds-divider-default-72ee397b","strong":"fds-divider-strong-72ee397b","subtle":"fds-divider-subtle-72ee397b"};
+var classes = {"divider":"fds-divider-divider-ce86dd9b","default":"fds-divider-default-ce86dd9b","strong":"fds-divider-strong-ce86dd9b","subtle":"fds-divider-subtle-ce86dd9b"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"dropdown":"fds-dropdownmenu-dropdown-ef66056f","small":"fds-dropdownmenu-small-ef66056f","medium":"fds-dropdownmenu-medium-ef66056f","large":"fds-dropdownmenu-large-ef66056f"};
+var classes = {"dropdown":"fds-dropdownmenu-dropdown-cc18018f","small":"fds-dropdownmenu-small-cc18018f","medium":"fds-dropdownmenu-medium-cc18018f","large":"fds-dropdownmenu-large-cc18018f"};
 
 export { classes as default };

package/dist/esm/components/DropdownMenu/DropdownMenuGroup/DropdownMenuGroup.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"section":"fds-dropdownmenugroup-section-480ce10","heading":"fds-dropdownmenugroup-heading-480ce10"};
+var classes = {"section":"fds-dropdownmenugroup-section-79852df0","heading":"fds-dropdownmenugroup-heading-79852df0"};
 
 export { classes as default };

package/dist/esm/components/DropdownMenu/DropdownMenuItem/DropdownMenuItem.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"item":"fds-dropdownmenuitem-item-bfb771d0"};
+var classes = {"item":"fds-dropdownmenuitem-item-e01249b0"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"errorSummary":"fds-errorsummary-errorSummary-3a4ecaaf"};
+var classes = {"errorSummary":"fds-errorsummary-errorSummary-1700c6cf"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"helpTextButton":"fds-helptext-helpTextButton-1937672f","helpTextIconFilled":"fds-helptext-helpTextIconFilled-1937672f","helpTextIcon":"fds-helptext-helpTextIcon-1937672f","helpTextContent":"fds-helptext-helpTextContent-1937672f","small":"fds-helptext-small-1937672f","medium":"fds-helptext-medium-1937672f","large":"fds-helptext-large-1937672f"};
+var classes = {"helpTextButton":"fds-helptext-helpTextButton-f137834f","helpTextIconFilled":"fds-helptext-helpTextIconFilled-f137834f","helpTextIcon":"fds-helptext-helpTextIcon-f137834f","helpTextContent":"fds-helptext-helpTextContent-f137834f","small":"fds-helptext-small-f137834f","medium":"fds-helptext-medium-f137834f","large":"fds-helptext-large-f137834f"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"link":"fds-link-link-74840a2f","inverted":"fds-link-inverted-74840a2f"};
+var classes = {"link":"fds-link-link-7f2464f","inverted":"fds-link-inverted-7f2464f"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"small":"fds-list-small-f2433af","medium":"fds-list-medium-f2433af","large":"fds-list-large-f2433af","listItem":"fds-list-listItem-f2433af","heading":"fds-list-heading-f2433af"};
+var classes = {"small":"fds-list-small-a2926fcf","medium":"fds-list-medium-a2926fcf","large":"fds-list-large-a2926fcf","listItem":"fds-list-listItem-a2926fcf","heading":"fds-list-heading-a2926fcf"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"modal":"fds-modal-modal-999bed53","fade-in":"fds-modal-fade-in-999bed53","slide-in":"fds-modal-slide-in-999bed53","lockScroll":"fds-modal-lockScroll-999bed53"};
+var classes = {"modal":"fds-modal-modal-a6ba173","fade-in":"fds-modal-fade-in-a6ba173","slide-in":"fds-modal-slide-in-a6ba173","lockScroll":"fds-modal-lockScroll-a6ba173"};
 
 export { classes as default };

package/dist/esm/components/Modal/ModalContent/ModalContent.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"modalContent":"fds-modalcontent-modalContent-37ec52f1"};
+var classes = {"modalContent":"fds-modalcontent-modalContent-4af8b711"};
 
 export { classes as default };

package/dist/esm/components/Modal/ModalFooter/ModalFooter.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"modalFooter":"fds-modalfooter-modalFooter-d697f79f"};
+var classes = {"modalFooter":"fds-modalfooter-modalFooter-d3aee3bf"};
 
 export { classes as default };

package/dist/esm/components/Modal/ModalHeader/ModalHeader.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"modalHeader":"fds-modalheader-modalHeader-4ace023b","noCloseButton":"fds-modalheader-noCloseButton-4ace023b"};
+var classes = {"modalHeader":"fds-modalheader-modalHeader-47e4ee5b","noCloseButton":"fds-modalheader-noCloseButton-47e4ee5b"};
 
 export { classes as default };

package/dist/esm/components/Pagination/Pagination.js

@@ -12,6 +12,11 @@ import classes from './Pagination.module.css.js';
 import { PaginationPrevious, PaginationNext } from './PaginationNextPrev.js';
 import { usePagination } from './usePagination.js';
 
+const iconSize = {
+    small: '1rem',
+    medium: '1.5rem',
+    large: '2rem',
+};
 const Pagination = forwardRef(({ nextLabel = '', previousLabel = '', size = 'medium', compact = false, hideLabels = false, currentPage = 1, totalPages, onChange, itemLabel = (num) => `Side ${num}`, ...rest }, ref) => {
     const { pages, showNextPage, showPreviousPage } = usePagination({
         compact,
@@ -20,13 +25,13 @@ const Pagination = forwardRef(({ nextLabel = '', previousLabel = '', size = 'med
     });
     return (jsx(PaginationRoot, { ref: ref, "aria-label": 'Pagination', size: size, compact: compact, ...rest, children: jsxs(PaginationContent, { children: [jsx(PaginationItem, { children: jsxs(PaginationPrevious, { className: clsx({ [classes.hidden]: !showPreviousPage }), onClick: () => {
                             onChange(currentPage - 1);
-                        }, "aria-label": previousLabel, children: [jsx(ChevronLeftIcon, { "aria-hidden": true }), !hideLabels && previousLabel] }) }), pages.map((page, i) => (jsx(PaginationItem, { children: page === 'ellipsis' ? (jsx(PaginationEllipsis, {})) : (jsx(PaginationButton, { "aria-current": currentPage === page, isActive: currentPage === page, "aria-label": itemLabel(page), onClick: () => {
+                        }, "aria-label": previousLabel, children: [jsx(ChevronLeftIcon, { "aria-hidden": true, fontSize: iconSize[size] }), !hideLabels && previousLabel] }) }), pages.map((page, i) => (jsx(PaginationItem, { children: page === 'ellipsis' ? (jsx(PaginationEllipsis, {})) : (jsx(PaginationButton, { "aria-current": currentPage === page, isActive: currentPage === page, "aria-label": itemLabel(page), onClick: () => {
                             onChange(page);
                         }, children: page })) }, `${page}${i}`))), jsx(PaginationItem, { children: jsxs(PaginationNext, { "aria-label": nextLabel, onClick: () => {
                             onChange(currentPage + 1);
                         }, className: clsx({
                             [classes.hidden]: !showNextPage,
-                        }), children: [!hideLabels && nextLabel, jsx(ChevronRightIcon, { "aria-hidden": true })] }) })] }) }));
+                        }), children: [!hideLabels && nextLabel, jsx(ChevronRightIcon, { "aria-hidden": true, fontSize: iconSize[size] })] }) })] }) }));
 });
 Pagination.displayName = 'Pagination';
 

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"pagination":"fds-pagination-pagination-796b1b6f","hidden":"fds-pagination-hidden-796b1b6f","small":"fds-pagination-small-796b1b6f","medium":"fds-pagination-medium-796b1b6f","large":"fds-pagination-large-796b1b6f","listitem":"fds-pagination-listitem-796b1b6f","compact":"fds-pagination-compact-796b1b6f","ellipsis":"fds-pagination-ellipsis-796b1b6f"};
+var classes = {"pagination":"fds-pagination-pagination-ddc0278f","hidden":"fds-pagination-hidden-ddc0278f","small":"fds-pagination-small-ddc0278f","medium":"fds-pagination-medium-ddc0278f","large":"fds-pagination-large-ddc0278f","listitem":"fds-pagination-listitem-ddc0278f","compact":"fds-pagination-compact-ddc0278f","ellipsis":"fds-pagination-ellipsis-ddc0278f"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"popover":"fds-popover-popover-baea8f63","small":"fds-popover-small-baea8f63","medium":"fds-popover-medium-baea8f63","large":"fds-popover-large-baea8f63","default":"fds-popover-default-baea8f63","info":"fds-popover-info-baea8f63","warning":"fds-popover-warning-baea8f63","danger":"fds-popover-danger-baea8f63","arrow":"fds-popover-arrow-baea8f63","top":"fds-popover-top-baea8f63","bottom":"fds-popover-bottom-baea8f63","right":"fds-popover-right-baea8f63","left":"fds-popover-left-baea8f63"};
+var classes = {"popover":"fds-popover-popover-16833383","small":"fds-popover-small-16833383","medium":"fds-popover-medium-16833383","large":"fds-popover-large-16833383","default":"fds-popover-default-16833383","info":"fds-popover-info-16833383","warning":"fds-popover-warning-16833383","danger":"fds-popover-danger-16833383","arrow":"fds-popover-arrow-16833383","top":"fds-popover-top-16833383","bottom":"fds-popover-bottom-16833383","right":"fds-popover-right-16833383","left":"fds-popover-left-16833383"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"skeleton":"fds-skeleton-skeleton-14bc844f","opacity-fade":"fds-skeleton-opacity-fade-14bc844f","circle":"fds-skeleton-circle-14bc844f","rectangle":"fds-skeleton-rectangle-14bc844f","text":"fds-skeleton-text-14bc844f","hasChildren":"fds-skeleton-hasChildren-14bc844f"};
+var classes = {"skeleton":"fds-skeleton-skeleton-ecbca06f","opacity-fade":"fds-skeleton-opacity-fade-ecbca06f","circle":"fds-skeleton-circle-ecbca06f","rectangle":"fds-skeleton-rectangle-ecbca06f","text":"fds-skeleton-text-ecbca06f","hasChildren":"fds-skeleton-hasChildren-ecbca06f"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"skiplink":"fds-skiplink-skiplink-fcabcecf"};
+var classes = {"skiplink":"fds-skiplink-skiplink-d4abeaef"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"spinner":"fds-spinner-spinner-ecd53b7b","rotate-animation":"fds-spinner-rotate-animation-ecd53b7b","spinnerCircle":"fds-spinner-spinnerCircle-ecd53b7b","stroke-animation":"fds-spinner-stroke-animation-ecd53b7b","default":"fds-spinner-default-ecd53b7b","interaction":"fds-spinner-interaction-ecd53b7b","inverted":"fds-spinner-inverted-ecd53b7b","background":"fds-spinner-background-ecd53b7b","invertedBackground":"fds-spinner-invertedBackground-ecd53b7b"};
+var classes = {"spinner":"fds-spinner-spinner-486ddf9b","rotate-animation":"fds-spinner-rotate-animation-486ddf9b","spinnerCircle":"fds-spinner-spinnerCircle-486ddf9b","stroke-animation":"fds-spinner-stroke-animation-486ddf9b","default":"fds-spinner-default-486ddf9b","interaction":"fds-spinner-interaction-486ddf9b","inverted":"fds-spinner-inverted-486ddf9b","background":"fds-spinner-background-486ddf9b","invertedBackground":"fds-spinner-invertedBackground-486ddf9b"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"table":"fds-table-table-c4ff6291","stickyHeader":"fds-table-stickyHeader-c4ff6291","border":"fds-table-border-c4ff6291","row":"fds-table-row-c4ff6291","small":"fds-table-small-c4ff6291","medium":"fds-table-medium-c4ff6291","large":"fds-table-large-c4ff6291","head":"fds-table-head-c4ff6291","headerCell":"fds-table-headerCell-c4ff6291","sortable":"fds-table-sortable-c4ff6291","sorted":"fds-table-sorted-c4ff6291","cell":"fds-table-cell-c4ff6291","zebra":"fds-table-zebra-c4ff6291"};
+var classes = {"table":"fds-table-table-35cf16b1","stickyHeader":"fds-table-stickyHeader-35cf16b1","border":"fds-table-border-35cf16b1","row":"fds-table-row-35cf16b1","small":"fds-table-small-35cf16b1","medium":"fds-table-medium-35cf16b1","large":"fds-table-large-35cf16b1","head":"fds-table-head-35cf16b1","headerCell":"fds-table-headerCell-35cf16b1","sortable":"fds-table-sortable-35cf16b1","sorted":"fds-table-sorted-35cf16b1","cell":"fds-table-cell-35cf16b1","zebra":"fds-table-zebra-35cf16b1"};
 
 export { classes as default };

package/dist/esm/components/Tabs/Tab/Tab.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"tabItem":"fds-tab-tabItem-cb5410d6","small":"fds-tab-small-cb5410d6","medium":"fds-tab-medium-cb5410d6","large":"fds-tab-large-cb5410d6","isActive":"fds-tab-isActive-cb5410d6"};
+var classes = {"tabItem":"fds-tab-tabItem-747ae0b6","small":"fds-tab-small-747ae0b6","medium":"fds-tab-medium-747ae0b6","large":"fds-tab-large-747ae0b6","isActive":"fds-tab-isActive-747ae0b6"};
 
 export { classes as default };

package/dist/esm/components/Tabs/TabContent/TabContent.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"tabContent":"fds-tabcontent-tabContent-627713c2","small":"fds-tabcontent-small-627713c2","medium":"fds-tabcontent-medium-627713c2","large":"fds-tabcontent-large-627713c2","onlyText":"fds-tabcontent-onlyText-627713c2"};
+var classes = {"tabContent":"fds-tabcontent-tabContent-1c049ba2","small":"fds-tabcontent-small-1c049ba2","medium":"fds-tabcontent-medium-1c049ba2","large":"fds-tabcontent-large-1c049ba2","onlyText":"fds-tabcontent-onlyText-1c049ba2"};
 
 export { classes as default };

package/dist/esm/components/Tabs/TabList/TabList.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"tabItemList":"fds-tablist-tabItemList-382bc5da"};
+var classes = {"tabItemList":"fds-tablist-tabItemList-6cf4b5ba"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"tag":"fds-tag-tag-e4c97db9","small":"fds-tag-small-e4c97db9","medium":"fds-tag-medium-e4c97db9","large":"fds-tag-large-e4c97db9","neutral":"fds-tag-neutral-e4c97db9","info":"fds-tag-info-e4c97db9","success":"fds-tag-success-e4c97db9","warning":"fds-tag-warning-e4c97db9","danger":"fds-tag-danger-e4c97db9","first":"fds-tag-first-e4c97db9","second":"fds-tag-second-e4c97db9","third":"fds-tag-third-e4c97db9"};
+var classes = {"tag":"fds-tag-tag-40d841d9","small":"fds-tag-small-40d841d9","medium":"fds-tag-medium-40d841d9","large":"fds-tag-large-40d841d9","neutral":"fds-tag-neutral-40d841d9","info":"fds-tag-info-40d841d9","success":"fds-tag-success-40d841d9","warning":"fds-tag-warning-40d841d9","danger":"fds-tag-danger-40d841d9","first":"fds-tag-first-40d841d9","second":"fds-tag-second-40d841d9","third":"fds-tag-third-40d841d9"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"toggleGroupContainer":"fds-togglegroup-toggleGroupContainer-acca2b17","groupContent":"fds-togglegroup-groupContent-acca2b17"};
+var classes = {"toggleGroupContainer":"fds-togglegroup-toggleGroupContainer-500caf37","groupContent":"fds-togglegroup-groupContent-500caf37"};
 
 export { classes as default };

package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"toggleGroupItem":"fds-togglegroupitem-toggleGroupItem-4bc7b95"};
+var classes = {"toggleGroupItem":"fds-togglegroupitem-toggleGroupItem-e4b3afb5"};
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"wrapper":"fds-tooltip-wrapper-47dedd27","inverted":"fds-tooltip-inverted-47dedd27","arrow":"fds-tooltip-arrow-47dedd27"};
+var classes = {"wrapper":"fds-tooltip-wrapper-a3778147","inverted":"fds-tooltip-inverted-a3778147","arrow":"fds-tooltip-arrow-a3778147"};
 
 export { classes as default };

package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"errorMessage":"fds-errormessage-errorMessage-a030a5d1","error":"fds-errormessage-error-a030a5d1","spacing":"fds-errormessage-spacing-a030a5d1","large":"fds-errormessage-large-a030a5d1","medium":"fds-errormessage-medium-a030a5d1","small":"fds-errormessage-small-a030a5d1","xsmall":"fds-errormessage-xsmall-a030a5d1"};
+var classes = {"errorMessage":"fds-errormessage-errorMessage-6fddd5b1","error":"fds-errormessage-error-6fddd5b1","spacing":"fds-errormessage-spacing-6fddd5b1","large":"fds-errormessage-large-6fddd5b1","medium":"fds-errormessage-medium-6fddd5b1","small":"fds-errormessage-small-6fddd5b1","xsmall":"fds-errormessage-xsmall-6fddd5b1"};
 
 export { classes as default };

package/dist/esm/components/Typography/Heading/Heading.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"heading":"fds-heading-heading-f77d34ab","spacing":"fds-heading-spacing-f77d34ab","size-3xlarge":"fds-heading-size-3xlarge-f77d34ab","size-2xlarge":"fds-heading-size-2xlarge-f77d34ab","size-xlarge":"fds-heading-size-xlarge-f77d34ab","size-large":"fds-heading-size-large-f77d34ab","size-medium":"fds-heading-size-medium-f77d34ab","size-small":"fds-heading-size-small-f77d34ab","size-xsmall":"fds-heading-size-xsmall-f77d34ab","size-xxsmall":"fds-heading-size-xxsmall-f77d34ab"};
+var classes = {"heading":"fds-heading-heading-b10abc8b","spacing":"fds-heading-spacing-b10abc8b","size-3xlarge":"fds-heading-size-3xlarge-b10abc8b","size-2xlarge":"fds-heading-size-2xlarge-b10abc8b","size-xlarge":"fds-heading-size-xlarge-b10abc8b","size-large":"fds-heading-size-large-b10abc8b","size-medium":"fds-heading-size-medium-b10abc8b","size-small":"fds-heading-size-small-b10abc8b","size-xsmall":"fds-heading-size-xsmall-b10abc8b","size-xxsmall":"fds-heading-size-xxsmall-b10abc8b"};
 
 export { classes as default };

package/dist/esm/components/Typography/Ingress/Ingress.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"ingress":"fds-ingress-ingress-e1a65285","spacing":"fds-ingress-spacing-e1a65285","medium":"fds-ingress-medium-e1a65285"};
+var classes = {"ingress":"fds-ingress-ingress-9b33da65","spacing":"fds-ingress-spacing-9b33da65","medium":"fds-ingress-medium-9b33da65"};
 
 export { classes as default };

package/dist/esm/components/Typography/Label/Label.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"label":"fds-label-label-b9d81987","spacing":"fds-label-spacing-b9d81987","large":"fds-label-large-b9d81987","medium":"fds-label-medium-b9d81987","small":"fds-label-small-b9d81987","xsmall":"fds-label-xsmall-b9d81987","regularWeight":"fds-label-regularWeight-b9d81987","mediumWeight":"fds-label-mediumWeight-b9d81987","semiboldWeight":"fds-label-semiboldWeight-b9d81987"};
+var classes = {"label":"fds-label-label-e0249167","spacing":"fds-label-spacing-e0249167","large":"fds-label-large-e0249167","medium":"fds-label-medium-e0249167","small":"fds-label-small-e0249167","xsmall":"fds-label-xsmall-e0249167","regularWeight":"fds-label-regularWeight-e0249167","mediumWeight":"fds-label-mediumWeight-e0249167","semiboldWeight":"fds-label-semiboldWeight-e0249167"};
 
 export { classes as default };

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

@@ -6,12 +6,12 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../../node
 import classes from './Paragraph.module.css.js';
 
 /** Use `Paragraph` to display text with paragraph text styles. */
-const Paragraph = forwardRef(({ className, size = 'medium', spacing, as = 'p', asChild, short, ...rest }, ref) => {
+const Paragraph = forwardRef(({ className, size = 'medium', spacing, as = 'p', asChild, short, variant, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : as;
     return (jsx(Component, { ref: ref, className: clsx(classes.paragraph, classes[size], {
             [classes.spacing]: !!spacing,
             [classes.short]: short,
-        }, className), ...rest }));
+        }, variant && classes[variant], className), ...rest }));
 });
 Paragraph.displayName = 'Paragraph';
 

package/dist/esm/components/Typography/Paragraph/Paragraph.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"paragraph":"fds-paragraph-paragraph-10d75e13","spacing":"fds-paragraph-spacing-10d75e13","large":"fds-paragraph-large-10d75e13","short":"fds-paragraph-short-10d75e13","medium":"fds-paragraph-medium-10d75e13","small":"fds-paragraph-small-10d75e13","xsmall":"fds-paragraph-xsmall-10d75e13"};
+var classes = {"paragraph":"fds-paragraph-paragraph-b69df5f3","spacing":"fds-paragraph-spacing-b69df5f3","large":"fds-paragraph-large-b69df5f3","short":"fds-paragraph-short-b69df5f3","long":"fds-paragraph-long-b69df5f3","medium":"fds-paragraph-medium-b69df5f3","small":"fds-paragraph-small-b69df5f3","xsmall":"fds-paragraph-xsmall-b69df5f3"};
 
 export { classes as default };

package/dist/esm/components/form/Checkbox/Checkbox.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"container":"fds-checkbox-container-874e13bc","label":"fds-checkbox-label-874e13bc","description":"fds-checkbox-description-874e13bc","input":"fds-checkbox-input-874e13bc","disabled":"fds-checkbox-disabled-874e13bc","readonly":"fds-checkbox-readonly-874e13bc","error":"fds-checkbox-error-874e13bc","small":"fds-checkbox-small-874e13bc","medium":"fds-checkbox-medium-874e13bc","large":"fds-checkbox-large-874e13bc"};
+var classes = {"container":"fds-checkbox-container-ad9a8b9c","label":"fds-checkbox-label-ad9a8b9c","description":"fds-checkbox-description-ad9a8b9c","input":"fds-checkbox-input-ad9a8b9c","disabled":"fds-checkbox-disabled-ad9a8b9c","readonly":"fds-checkbox-readonly-ad9a8b9c","error":"fds-checkbox-error-ad9a8b9c","small":"fds-checkbox-small-ad9a8b9c","medium":"fds-checkbox-medium-ad9a8b9c","large":"fds-checkbox-large-ad9a8b9c"};
 
 export { classes as default };

package/dist/esm/components/form/Combobox/Combobox.js

@@ -19,7 +19,7 @@ import { autoUpdate } from '../../../node_modules/@floating-ui/dom/dist/floating
 import { flip, size, offset } from '../../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
 import { omit } from '../../../utilities/objectUtils.js';
 
-const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, description, multiple = false, size: size$1 = 'medium', disabled = false, readOnly = false, hideChips = false, cleanButtonLabel = 'Fjern alt', error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, loading, loadingLabel = 'Laster...', filter = (inputValue, option) => {
+const Combobox = forwardRef(({ value, initialValue = [], onValueChange, label, hideLabel = false, description, multiple = false, size: size$1 = 'medium', disabled = false, readOnly = false, hideChips = false, cleanButtonLabel = 'Fjern alt', clearButtonLabel = 'Fjern alt', hideClearButton = false, error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, loading, loadingLabel = 'Laster...', filter = (inputValue, option) => {
     return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
 }, chipSrLabel = (option) => 'Slett ' + option.label, className, ...rest }, forwareddRef) => {
     const inputRef = useRef(null);
@@ -28,9 +28,14 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
     const [open, setOpen] = useState(false);
     const [inputValue, setInputValue] = useState(rest.inputValue || '');
     const [activeIndex, setActiveIndex] = useState(null);
-    const [selectedOptions, setSelectedOptions] = useState([]);
+    const { selectedOptions, setSelectedOptions, options, optionsChildren, restChildren, optionValues, customIds, prevSelectedHash, setPrevSelectedHash, } = useCombobox({
+        children,
+        inputValue,
+        filter,
+        multiple,
+        initialValue,
+    });
     const [activeDescendant, setActiveDescendant] = useState(undefined);
-    const [prevSelectedHash, setPrevSelectedHash] = useState(JSON.stringify(selectedOptions));
     useEffect(() => {
         if (rest.inputValue !== undefined) {
             setInputValue(rest.inputValue);
@@ -46,13 +51,6 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
         id,
     }, 'combobox');
     const listRef = useRef([]);
-    const { options, optionsChildren, restChildren, optionValues, customIds } = useCombobox({
-        children,
-        inputValue,
-        filter,
-        multiple,
-        selectedOptions,
-    });
     // if value is set, set input value to the label of the value
     useEffect(() => {
         if (value && value.length > 0 && !multiple) {
@@ -108,7 +106,7 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
         const values = selectedOptions.map((option) => option.value);
         onValueChange?.(values);
         setPrevSelectedHash(selectedHash);
-    }, [onValueChange, selectedOptions, prevSelectedHash]);
+    }, [onValueChange, selectedOptions, prevSelectedHash, setPrevSelectedHash]);
     useEffect(() => {
         if (value && options.length > 0) {
             const updatedSelectedOptions = value.map((option) => {
@@ -117,7 +115,7 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
             });
             setSelectedOptions(updatedSelectedOptions);
         }
-    }, [multiple, prevSelectedHash, value, options]);
+    }, [multiple, prevSelectedHash, value, options, setSelectedOptions]);
     // handle click on option, either select or deselect - Handles single or multiple
     const handleSelectOption = (option) => {
         // if option is already selected, remove it
@@ -248,7 +246,8 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
             htmlSize,
             optionValues,
             hideChips,
-            cleanButtonLabel,
+            clearButtonLabel: cleanButtonLabel || clearButtonLabel,
+            hideClearButton,
             listId,
             setInputValue,
             setActiveIndex,

package/dist/esm/components/form/Combobox/Combobox.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"combobox":"fds-combobox-combobox-fe4dfa7c","optionsWrapper":"fds-combobox-optionsWrapper-fe4dfa7c","readOnly":"fds-combobox-readOnly-fe4dfa7c","inputWrapper":"fds-combobox-inputWrapper-fe4dfa7c","small":"fds-combobox-small-fe4dfa7c","medium":"fds-combobox-medium-fe4dfa7c","large":"fds-combobox-large-fe4dfa7c","error":"fds-combobox-error-fe4dfa7c","chipAndInput":"fds-combobox-chipAndInput-fe4dfa7c","chips":"fds-combobox-chips-fe4dfa7c","arrow":"fds-combobox-arrow-fe4dfa7c","readonly":"fds-combobox-readonly-fe4dfa7c","label":"fds-combobox-label-fe4dfa7c","description":"fds-combobox-description-fe4dfa7c","clearButton":"fds-combobox-clearButton-fe4dfa7c","disabled":"fds-combobox-disabled-fe4dfa7c","padlock":"fds-combobox-padlock-fe4dfa7c","errorMessage":"fds-combobox-errorMessage-fe4dfa7c","loading":"fds-combobox-loading-fe4dfa7c","inFocus":"fds-combobox-inFocus-fe4dfa7c","showChecked":"fds-combobox-showChecked-fe4dfa7c"};
+var classes = {"combobox":"fds-combobox-combobox-249a725c","optionsWrapper":"fds-combobox-optionsWrapper-249a725c","readOnly":"fds-combobox-readOnly-249a725c","inputWrapper":"fds-combobox-inputWrapper-249a725c","small":"fds-combobox-small-249a725c","medium":"fds-combobox-medium-249a725c","large":"fds-combobox-large-249a725c","error":"fds-combobox-error-249a725c","chipAndInput":"fds-combobox-chipAndInput-249a725c","chips":"fds-combobox-chips-249a725c","arrow":"fds-combobox-arrow-249a725c","readonly":"fds-combobox-readonly-249a725c","label":"fds-combobox-label-249a725c","description":"fds-combobox-description-249a725c","clearButton":"fds-combobox-clearButton-249a725c","disabled":"fds-combobox-disabled-249a725c","padlock":"fds-combobox-padlock-249a725c","errorMessage":"fds-combobox-errorMessage-249a725c","loading":"fds-combobox-loading-249a725c","inFocus":"fds-combobox-inFocus-249a725c","showChecked":"fds-combobox-showChecked-249a725c"};
 
 export { classes as default };

package/dist/esm/components/form/Combobox/Custom/Custom.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"custom":"fds-custom-custom-385f0b36","large":"fds-custom-large-385f0b36","medium":"fds-custom-medium-385f0b36","small":"fds-custom-small-385f0b36"};
+var classes = {"custom":"fds-custom-custom-b0827f56","large":"fds-custom-large-b0827f56","medium":"fds-custom-medium-b0827f56","small":"fds-custom-small-b0827f56"};
 
 export { classes as default };

package/dist/esm/components/form/Combobox/Empty/Empty.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"empty":"fds-empty-empty-a5131d3a","large":"fds-empty-large-a5131d3a","medium":"fds-empty-medium-a5131d3a","small":"fds-empty-small-a5131d3a"};
+var classes = {"empty":"fds-empty-empty-81c5195a","large":"fds-empty-large-81c5195a","medium":"fds-empty-medium-81c5195a","small":"fds-empty-small-81c5195a"};
 
 export { classes as default };

package/dist/esm/components/form/Combobox/Option/Description/Description.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"description":"fds-description-description-10814aaa"};
+var classes = {"description":"fds-description-description-2f709a8a"};
 
 export { classes as default };

package/dist/esm/components/form/Combobox/Option/Option.module.css.js

@@ -1,4 +1,4 @@
 'use client';
-var classes = {"option":"fds-option-option-6c39c7b6","active":"fds-option-active-6c39c7b6","multiple":"fds-option-multiple-6c39c7b6","optionText":"fds-option-optionText-6c39c7b6","checkbox":"fds-option-checkbox-6c39c7b6","selectIconWrapper":"fds-option-selectIconWrapper-6c39c7b6","small":"fds-option-small-6c39c7b6","medium":"fds-option-medium-6c39c7b6","large":"fds-option-large-6c39c7b6","selected":"fds-option-selected-6c39c7b6","selectIcon":"fds-option-selectIcon-6c39c7b6"};
+var classes = {"option":"fds-option-option-e45d3bd6","active":"fds-option-active-e45d3bd6","multiple":"fds-option-multiple-e45d3bd6","optionText":"fds-option-optionText-e45d3bd6","checkbox":"fds-option-checkbox-e45d3bd6","selectIconWrapper":"fds-option-selectIconWrapper-e45d3bd6","small":"fds-option-small-e45d3bd6","medium":"fds-option-medium-e45d3bd6","large":"fds-option-large-e45d3bd6","selected":"fds-option-selected-e45d3bd6","selectIcon":"fds-option-selectIcon-e45d3bd6"};
 
 export { classes as default };

package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js

@@ -12,7 +12,7 @@ const ComboboxClearButton = () => {
     if (!context) {
         throw new Error('ComboboxContext is missing');
     }
-    const { size, readOnly, disabled, cleanButtonLabel, inputRef, setSelectedOptions, setInputValue, } = context;
+    const { size, readOnly, disabled, clearButtonLabel, inputRef, setSelectedOptions, setInputValue, } = context;
     return (jsx("button", { disabled: disabled, className: clsx(classes.clearButton, classes[size], utilityClasses.focusable), onClick: () => {
             if (readOnly)
                 return;
@@ -31,7 +31,7 @@ const ComboboxClearButton = () => {
                 setInputValue('');
                 inputRef.current?.focus();
             }
-        }, type: 'button', "aria-label": cleanButtonLabel, children: jsx(XMarkIcon, { fontSize: '1.5em', title: 'Clear selection' }) }));
+        }, type: 'button', "aria-label": clearButtonLabel, children: jsx(XMarkIcon, { fontSize: '1.5em', title: 'Clear selection' }) }));
 };
 ComboboxClearButton.displayName = 'ComboboxClearButton';
 var ComboboxClearButton$1 = ComboboxClearButton;

package/dist/esm/components/form/Combobox/internal/ComboboxInput.js

@@ -17,7 +17,7 @@ const ComboboxInput = ({ ...rest }) => {
     if (!context) {
         throw new Error('ComboboxContext is missing');
     }
-    const { forwareddRef, listId, size, readOnly, disabled, open, inputRef, refs, inputValue, activeDescendant, error, multiple, selectedOptions, formFieldProps, htmlSize, options, hideChips, setOpen, setActiveIndex, handleKeyDown, getReferenceProps, setInputValue, handleSelectOption, } = context;
+    const { forwareddRef, listId, size, readOnly, disabled, open, inputRef, refs, inputValue, activeDescendant, error, multiple, selectedOptions, formFieldProps, htmlSize, options, hideChips, hideClearButton, setOpen, setActiveIndex, handleKeyDown, getReferenceProps, setInputValue, handleSelectOption, } = context;
     const mergedRefs = useMergeRefs([forwareddRef, inputRef]);
     // we need to check if input is in focus, to add focus styles to the wrapper
     const [inputInFocus, setInputInFocus] = useState(false);
@@ -64,6 +64,7 @@ const ComboboxInput = ({ ...rest }) => {
             }, 0);
         }
     };
+    const showClearButton = multiple && !hideClearButton && selectedOptions.length > 0;
     return (jsxs(Box
     /* Props from floating-ui */
     , { ...getReferenceProps({
@@ -95,7 +96,7 @@ const ComboboxInput = ({ ...rest }) => {
         }), "aria-disabled": disabled, className: clsx(textFieldClasses.input, classes.inputWrapper, classes[size], inputInFocus && classes.inFocus, readOnly && classes.readonly, error && classes.error), children: [jsxs("div", { className: classes.chipAndInput, children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": activeDescendant, readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, onChange: (e) => {
                             onChange(e);
                             rest.onChange && rest.onChange(e);
-                        } })] }), multiple && selectedOptions.length > 0 && jsx(ComboboxClearButton, {}), jsx("div", { className: classes.arrow, children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
+                        } })] }), showClearButton && jsx(ComboboxClearButton, {}), jsx("div", { className: classes.arrow, children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
 };
 ComboboxInput.displayName = 'ComboboxInput';
 var ComboboxInput$1 = ComboboxInput;