@navikt/ds-react 5.12.4 → 5.13.0

package/_docs.json

@@ -335,6 +335,25 @@
           "name": "boolean"
         }
       },
+      "onOpenChange": {
+        "defaultValue": null,
+        "description": "Callback for current open-state",
+        "name": "onOpenChange",
+        "parent": {
+          "fileName": "src/accordion/AccordionItem.tsx",
+          "name": "AccordionItemProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/accordion/AccordionItem.tsx",
+            "name": "AccordionItemProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((open: boolean) => void)"
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",
@@ -1879,6 +1898,25 @@
         "type": {
           "name": "boolean"
         }
+      },
+      "onOpenChange": {
+        "defaultValue": null,
+        "description": "Change handler for open",
+        "name": "onOpenChange",
+        "parent": {
+          "fileName": "src/dropdown/Dropdown.tsx",
+          "name": "DropdownProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/dropdown/Dropdown.tsx",
+            "name": "DropdownProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((open: boolean) => void)"
+        }
       }
     }
   },
@@ -6611,6 +6649,25 @@
           "name": "boolean"
         }
       },
+      "onOpenChange": {
+        "defaultValue": null,
+        "description": "Callback for current open-state",
+        "name": "onOpenChange",
+        "parent": {
+          "fileName": "src/read-more/ReadMore.tsx",
+          "name": "ReadMoreProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/read-more/ReadMore.tsx",
+            "name": "ReadMoreProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((open: boolean) => void)"
+        }
+      },
       "size": {
         "defaultValue": {
           "value": "medium"
@@ -9034,6 +9091,25 @@
           "name": "boolean"
         }
       },
+      "onOpenChange": {
+        "defaultValue": null,
+        "description": "Change handler for open",
+        "name": "onOpenChange",
+        "parent": {
+          "fileName": "src/tooltip/Tooltip.tsx",
+          "name": "TooltipProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/tooltip/Tooltip.tsx",
+            "name": "TooltipProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((open: boolean) => void)"
+        }
+      },
       "placement": {
         "defaultValue": {
           "value": "\"top\""
@@ -17444,7 +17520,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"bg-default\" | \"bg-subtle\""
+          "name": "\"bg-default\" | \"bg-subtle\" | \"surface-subtle\""
         }
       },
       "footer": {
@@ -19393,7 +19469,7 @@
         "defaultValue": {
           "value": "max-width: 100%;"
         },
-        "description": "Predefined max-width\n@example md:  768px\nlg:  1024px\nxl:  1280px\n2xl: 1440px",
+        "description": "Predefined max-width\n@example text: 576px + dynamic gutters\nmd:   768px\nlg:   1024px\nxl:   1280px\n2xl:  1440px",
         "name": "width",
         "parent": {
           "fileName": "src/layout/page/parts/PageBlock.tsx",
@@ -19407,7 +19483,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"md\" | \"lg\" | \"xl\" | \"2xl\""
+          "name": "\"text\" | \"md\" | \"lg\" | \"xl\" | \"2xl\""
         }
       },
       "gutters": {

package/cjs/accordion/Accordion.js

@@ -40,10 +40,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const AccordionItem_1 = __importDefault(require("./AccordionItem"));
 const AccordionContent_1 = __importDefault(require("./AccordionContent"));
-const AccordionHeader_1 = __importDefault(require("./AccordionHeader"));
 const AccordionContext_1 = require("./AccordionContext");
+const AccordionHeader_1 = __importDefault(require("./AccordionHeader"));
+const AccordionItem_1 = __importDefault(require("./AccordionItem"));
 /**
  * A component that displays collapsible content sections.
  *

package/cjs/accordion/AccordionHeader.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const typography_1 = require("../typography");
 const AccordionContext_1 = require("./AccordionContext");
 const AccordionItem_1 = require("./AccordionItem");

package/cjs/accordion/AccordionItem.js

@@ -40,36 +40,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionItemContext = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const AccordionContext_1 = require("./AccordionContext");
 const util_1 = require("../util");
+const useControllableState_1 = require("../util/hooks/useControllableState");
+const AccordionContext_1 = require("./AccordionContext");
 exports.AccordionItemContext = (0, react_1.createContext)(null);
 const AccordionItem = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, className, open, defaultOpen = false } = _a, rest = __rest(_a, ["children", "className", "open", "defaultOpen"]);
-    const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
+    var { children, className, open, defaultOpen = false, onOpenChange } = _a, rest = __rest(_a, ["children", "className", "open", "defaultOpen", "onOpenChange"]);
+    const [_open, _setOpen] = (0, useControllableState_1.useControllableState)({
+        defaultValue: defaultOpen,
+        value: open,
+        onChange: onOpenChange,
+    });
     const context = (0, react_1.useContext)(AccordionContext_1.AccordionContext);
-    const [_open, _setOpen] = (0, react_1.useState)(defaultOpen);
     const shouldAnimate = (0, react_1.useRef)(!(Boolean(open) || defaultOpen));
     const handleOpen = () => {
-        if (open === undefined) {
-            const newOpen = !_open;
-            _setOpen(newOpen);
-            setInternalOpen(newOpen);
-        }
-        else {
-            setInternalOpen(!open);
-        }
+        _setOpen((x) => !x);
         shouldAnimate.current = true;
     };
     if (!(context === null || context === void 0 ? void 0 : context.mounted)) {
         console.error("<Accordion.Item> has to be used within an <Accordion>");
     }
     return (react_1.default.createElement("div", Object.assign({ className: (0, clsx_1.default)("navds-accordion__item", className, {
-            "navds-accordion__item--open": open !== null && open !== void 0 ? open : internalOpen,
+            "navds-accordion__item--open": _open,
             "navds-accordion__item--neutral": (context === null || context === void 0 ? void 0 : context.variant) === "neutral",
             "navds-accordion__item--no-animation": !shouldAnimate.current,
         }), ref: ref }, (0, util_1.omit)(rest, ["onClick"])),
         react_1.default.createElement(exports.AccordionItemContext.Provider, { value: {
-                open: open !== null && open !== void 0 ? open : internalOpen,
+                open: _open,
                 toggleOpen: handleOpen,
             } }, children)));
 });

package/cjs/alert/Alert.js

@@ -38,11 +38,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const typography_1 = require("../typography");
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const button_1 = require("../button");
+const typography_1 = require("../typography");
 const Icon = (_a) => {
     var { variant } = _a, props = __rest(_a, ["variant"]);
     switch (variant) {

package/cjs/chat/Bubble.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
 const typography_1 = require("../typography");
 const Bubble = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, name, timestamp, backgroundColor, toptextPosition } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "backgroundColor", "toptextPosition"]);

package/cjs/chat/Chat.js

@@ -38,10 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chat = exports.SIZES = exports.POSITIONS = void 0;
-const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
-const Bubble_1 = __importDefault(require("./Bubble"));
+const react_1 = __importStar(require("react"));
 const typography_1 = require("../typography");
+const Bubble_1 = __importDefault(require("./Bubble"));
 exports.POSITIONS = ["left", "right"];
 exports.SIZES = ["medium", "small"];
 /**

package/cjs/chips/Chips.js

@@ -40,8 +40,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chips = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const Toggle_1 = __importDefault(require("./Toggle"));
 const Removable_1 = __importDefault(require("./Removable"));
+const Toggle_1 = __importDefault(require("./Toggle"));
 /**
  * A component that displays a list of items as chips.
  *

package/cjs/chips/Removable.js

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RemovableChips = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 exports.RemovableChips = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, variant = "action", removeLabel = "slett", onDelete, type = "button" } = _a, rest = __rest(_a, ["className", "children", "variant", "removeLabel", "onDelete", "type"]);
     return (react_1.default.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: (0, clsx_1.default)("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${removeLabel}`, onClick: (e) => {

package/cjs/copybutton/CopyButton.js

@@ -38,11 +38,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyButton = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const copy_1 = __importDefault(require("../util/copy"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const typography_1 = require("../typography");
+const copy_1 = __importDefault(require("../util/copy"));
 /**
  * A button component that copies text to the clipboard when clicked.
  *

package/cjs/date/datepicker/parts/Caption.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerCaption = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
-const WeekRow_1 = __importDefault(require("./WeekRow"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const button_1 = require("../../../button");
 const typography_1 = require("../../../typography");
+const WeekRow_1 = __importDefault(require("./WeekRow"));
 /**
  * https://github.com/gpbl/react-day-picker/tree/main/src/components/Caption
  */

package/cjs/date/datepicker/parts/DropdownCaption.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownCaption = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const date_fns_1 = require("date-fns");
 const setMonth_1 = __importDefault(require("date-fns/setMonth"));
 const setYear_1 = __importDefault(require("date-fns/setYear"));
 const startOfMonth_1 = __importDefault(require("date-fns/startOfMonth"));
 const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const button_1 = require("../../../button");
 const Select_1 = require("../../../form/Select");
 const get_dates_1 = require("../../utils/get-dates");

package/cjs/date/datepicker/parts/HeadRow.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWeekdays = exports.HeadRow = void 0;
-const react_1 = __importDefault(require("react"));
 const date_fns_1 = require("date-fns");
+const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
 const responsive_1 = require("../../../layout/responsive");
 /**

package/cjs/date/datepicker/parts/Row.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
 const date_fns_1 = require("date-fns");
+const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
-const WeekNumber_1 = __importDefault(require("./WeekNumber"));
 const responsive_1 = require("../../../layout/responsive");
+const WeekNumber_1 = __importDefault(require("./WeekNumber"));
 /**
  * https://github.com/gpbl/react-day-picker/tree/main/src/components/Row
  */

package/cjs/date/monthpicker/MonthCaption.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthCaption = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const date_fns_1 = require("date-fns");
 const setYear_1 = __importDefault(require("date-fns/setYear"));
 const startOfMonth_1 = __importDefault(require("date-fns/startOfMonth"));
 const startOfYear_1 = __importDefault(require("date-fns/startOfYear"));
 const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const button_1 = require("../../button");
 const Select_1 = require("../../form/Select");
 const context_1 = require("../context");
@@ -35,20 +35,20 @@ const MonthCaption = () => {
         const newYear = Number(year.getFullYear() + val);
         toYear((0, setYear_1.default)(year, newYear));
     };
-    const hasPrevYear = () => {
+    const disablePreviousYear = () => {
         return fromDate
             ? (0, date_fns_1.isBefore)((year === null || year === void 0 ? void 0 : year.getFullYear()) - 1, fromDate === null || fromDate === void 0 ? void 0 : fromDate.getFullYear())
-            : true;
+            : false;
     };
-    const hasNextYear = () => {
+    const disableNextYear = () => {
         return toDate
             ? (0, date_fns_1.isAfter)((year === null || year === void 0 ? void 0 : year.getFullYear()) + 1, toDate === null || toDate === void 0 ? void 0 : toDate.getFullYear())
-            : true;
+            : false;
     };
     return (react_1.default.createElement("div", { className: "navds-date__caption" },
-        react_1.default.createElement(button_1.Button, { className: "navds-date__caption-button", disabled: hasPrevYear(), onClick: () => handleButtonClick(-1), "aria-label": (0, utils_1.labelPrevYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" }),
+        react_1.default.createElement(button_1.Button, { className: "navds-date__caption-button", disabled: disablePreviousYear(), onClick: () => handleButtonClick(-1), "aria-label": (0, utils_1.labelPrevYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" }),
         hasDropdown ? (react_1.default.createElement(Select_1.Select, { label: "velg \u00E5r", hideLabel: true, value: year === null || year === void 0 ? void 0 : year.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((yearOpt) => (react_1.default.createElement("option", { key: yearOpt.getFullYear(), value: yearOpt.getFullYear() }, formatYearCaption(yearOpt, { locale })))))) : (react_1.default.createElement("span", { className: "navds-date__year-label", "aria-live": "polite" }, year.getFullYear())),
-        react_1.default.createElement(button_1.Button, { className: "navds-date__caption-button", disabled: hasNextYear(), onClick: () => handleButtonClick(1), "aria-label": (0, utils_1.labelNextYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" })));
+        react_1.default.createElement(button_1.Button, { className: "navds-date__caption-button", disabled: disableNextYear(), onClick: () => handleButtonClick(1), "aria-label": (0, utils_1.labelNextYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" })));
 };
 exports.MonthCaption = MonthCaption;
 exports.default = exports.MonthCaption;

package/cjs/date/parts/DateInput.js

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthPickerInput = exports.DatePickerInput = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const ReadOnlyIcon_1 = require("../../form/ReadOnlyIcon");
 const useFormField_1 = require("../../form/useFormField");
 const typography_1 = require("../../typography");

package/cjs/date/utils/check-dates.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidDate = exports.dateIsInCurrentMonth = void 0;
-const setYear_1 = __importDefault(require("date-fns/setYear"));
 const isThisMonth_1 = __importDefault(require("date-fns/isThisMonth"));
+const setYear_1 = __importDefault(require("date-fns/setYear"));
 const dateIsInCurrentMonth = (date, dateToCompare) => {
     return (0, isThisMonth_1.default)((0, setYear_1.default)(date, Number(dateToCompare.getFullYear())));
 };

package/cjs/date/utils/is-match.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isDateInRange = exports.isMatch = void 0;
-const isSameDay_1 = __importDefault(require("date-fns/isSameDay"));
-const isDate_1 = __importDefault(require("date-fns/isDate"));
 const differenceInCalendarDays_1 = __importDefault(require("date-fns/differenceInCalendarDays"));
+const isDate_1 = __importDefault(require("date-fns/isDate"));
+const isSameDay_1 = __importDefault(require("date-fns/isSameDay"));
 const isSameMonth_1 = __importDefault(require("date-fns/isSameMonth"));
 const react_day_picker_1 = require("react-day-picker");
 function isDateType(value) {

package/cjs/date/utils/parse-date.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_STRING_FORMAT_DATE = void 0;
-const parse_1 = __importDefault(require("date-fns/parse"));
 const isBefore_1 = __importDefault(require("date-fns/isBefore"));
+const parse_1 = __importDefault(require("date-fns/parse"));
 const sub_1 = __importDefault(require("date-fns/sub"));
 const check_dates_1 = require("./check-dates");
 exports.INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";

package/cjs/dropdown/Dropdown.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
 const react_1 = __importStar(require("react"));
+const useControllableState_1 = require("../util/hooks/useControllableState");
 const Menu_1 = __importDefault(require("./Menu"));
 const Toggle_1 = __importDefault(require("./Toggle"));
 const context_1 = require("./context");
@@ -62,24 +63,21 @@ const context_1 = require("./context");
  * </Dropdown>
  * ```
  */
-exports.Dropdown = (({ children, onSelect, closeOnSelect = true, defaultOpen = false, open, }) => {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(defaultOpen);
+exports.Dropdown = (({ children, onSelect, closeOnSelect = true, defaultOpen = false, open, onOpenChange, }) => {
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const handleToggle = (v) => {
-        if (open === undefined) {
-            setIsOpen(v);
-        }
-    };
+    const [_open, _setOpen] = (0, useControllableState_1.useControllableState)({
+        defaultValue: defaultOpen,
+        value: open,
+        onChange: onOpenChange,
+    });
     return (react_1.default.createElement(context_1.DropdownContext.Provider, { value: {
-            isOpen: open !== null && open !== void 0 ? open : isOpen,
-            handleToggle,
+            isOpen: _open,
+            handleToggle: _setOpen,
             anchorEl,
             setAnchorEl,
             onSelect: (event) => {
                 onSelect === null || onSelect === void 0 ? void 0 : onSelect(event);
-                if (closeOnSelect) {
-                    open === undefined && setIsOpen(false);
-                }
+                closeOnSelect && _setOpen(false);
             },
         } }, children));
 });

package/cjs/dropdown/Menu/Divider.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
-const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
 exports.Divider = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (react_1.default.createElement("hr", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-dropdown__divider", className) })));

package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupedHeading = void 0;
-const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
 exports.GroupedHeading = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (react_1.default.createElement("dt", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-dropdown__list-heading", "navds-heading", "navds-heading--xsmall", className) })));

package/cjs/expansion-card/ExpansionCardHeader.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const context_1 = require("./context");
 const ExpansionCardHeader = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);

package/cjs/form/ReadOnlyIcon.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadOnlyIcon = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const react_1 = __importDefault(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const ReadOnlyIcon = ({ readOnly, nativeReadOnly = true, }) => {
     if (readOnly) {
         return (react_1.default.createElement(aksel_icons_1.PadlockLockedFillIcon, Object.assign({}, (nativeReadOnly ? { "aria-hidden": true } : { title: "readonly" }), { className: "navds-form-field__readonly-icon" })));

package/cjs/form/Select.js

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const typography_1 = require("../typography");
 const util_1 = require("../util");
 const ReadOnlyIcon_1 = require("./ReadOnlyIcon");

package/cjs/form/combobox/Combobox.js

@@ -40,17 +40,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Combobox = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const typography_1 = require("../../typography");
+const util_1 = require("../../util");
 const ClearButton_1 = __importDefault(require("./ClearButton"));
+const ComboboxWrapper_1 = __importDefault(require("./ComboboxWrapper"));
 const FilteredOptions_1 = __importDefault(require("./FilteredOptions/FilteredOptions"));
 const filteredOptionsContext_1 = require("./FilteredOptions/filteredOptionsContext");
+const Input_1 = __importDefault(require("./Input/Input"));
+const inputContext_1 = require("./Input/inputContext");
 const SelectedOptions_1 = __importDefault(require("./SelectedOptions/SelectedOptions"));
-const ToggleListButton_1 = __importDefault(require("./ToggleListButton"));
 const selectedOptionsContext_1 = require("./SelectedOptions/selectedOptionsContext");
-const ComboboxWrapper_1 = __importDefault(require("./ComboboxWrapper"));
-const inputContext_1 = require("./Input/inputContext");
-const Input_1 = __importDefault(require("./Input/Input"));
-const util_1 = require("../../util");
-const typography_1 = require("../../typography");
+const ToggleListButton_1 = __importDefault(require("./ToggleListButton"));
 exports.Combobox = (0, react_1.forwardRef)((props, ref) => {
     const { className, hideLabel = false, description, label, clearButton = true, clearButtonLabel, toggleListButton = true, toggleListButtonLabel, inputClassName, shouldShowSelectedOptions = true } = props, rest = __rest(props, ["className", "hideLabel", "description", "label", "clearButton", "clearButtonLabel", "toggleListButton", "toggleListButtonLabel", "inputClassName", "shouldShowSelectedOptions"]);
     const toggleListButtonRef = (0, react_1.useRef)(null);

package/cjs/form/combobox/ComboboxProvider.js

@@ -40,9 +40,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const Combobox_1 = __importDefault(require("./Combobox"));
 const filteredOptionsContext_1 = require("./FilteredOptions/filteredOptionsContext");
-const customOptionsContext_1 = require("./customOptionsContext");
-const selectedOptionsContext_1 = require("./SelectedOptions/selectedOptionsContext");
 const inputContext_1 = require("./Input/inputContext");
+const selectedOptionsContext_1 = require("./SelectedOptions/selectedOptionsContext");
+const customOptionsContext_1 = require("./customOptionsContext");
 /**
  * A component that allows the user to search in a list of options
  *

package/cjs/form/combobox/FilteredOptions/FilteredOptions.js

@@ -3,15 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importDefault(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
-const filteredOptionsContext_1 = require("./filteredOptionsContext");
-const selectedOptionsContext_1 = require("../SelectedOptions/selectedOptionsContext");
-const inputContext_1 = require("../Input/inputContext");
 const loader_1 = require("../../../loader");
 const typography_1 = require("../../../typography");
+const inputContext_1 = require("../Input/inputContext");
+const selectedOptionsContext_1 = require("../SelectedOptions/selectedOptionsContext");
 const filtered_options_util_1 = __importDefault(require("./filtered-options-util"));
+const filteredOptionsContext_1 = require("./filteredOptionsContext");
 const FilteredOptions = () => {
     const { inputProps: { id }, size, value, } = (0, inputContext_1.useInputContext)();
     const { allowNewValues, isLoading, isListOpen, filteredOptions, setFilteredOptionsRef, isMouseLastUsedInputDevice, setIsMouseLastUsedInputDevice, isValueNew, toggleIsListOpen, activeDecendantId, virtualFocus, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();

package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFilteredOptionsContext = exports.FilteredOptionsProvider = void 0;
-const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
-const customOptionsContext_1 = require("../customOptionsContext");
-const inputContext_1 = require("../Input/inputContext");
-const usePrevious_1 = __importDefault(require("../../../util/usePrevious"));
+const react_1 = __importStar(require("react"));
 const util_1 = require("../../../util");
+const usePrevious_1 = __importDefault(require("../../../util/usePrevious"));
+const inputContext_1 = require("../Input/inputContext");
+const customOptionsContext_1 = require("../customOptionsContext");
 const filtered_options_util_1 = __importDefault(require("./filtered-options-util"));
 const useVirtualFocus_1 = __importDefault(require("./useVirtualFocus"));
 const FilteredOptionsContext = (0, react_1.createContext)({});