@navikt/ds-react 0.15.0-rc.45 → 0.15.0-rc.50

package/cjs/alert/Alert.js

@@ -41,13 +41,13 @@ const Icon = (_a) => {
     var { variant } = _a, props = __rest(_a, ["variant"]);
     switch (variant) {
         case "error":
-            return react_1.default.createElement(ds_icons_1.ErrorFilled, Object.assign({}, props));
+            return react_1.default.createElement(ds_icons_1.ErrorFilled, Object.assign({ title: "Feil" }, props));
         case "warning":
-            return react_1.default.createElement(ds_icons_1.WarningFilled, Object.assign({}, props));
+            return react_1.default.createElement(ds_icons_1.WarningFilled, Object.assign({ title: "Advarsel" }, props));
         case "info":
-            return react_1.default.createElement(ds_icons_1.InformationFilled, Object.assign({}, props));
+            return react_1.default.createElement(ds_icons_1.InformationFilled, Object.assign({ title: "Informasjon" }, props));
         case "success":
-            return react_1.default.createElement(ds_icons_1.SuccessFilled, Object.assign({}, props));
+            return react_1.default.createElement(ds_icons_1.SuccessFilled, Object.assign({ title: "Suksess" }, props));
         default:
             return null;
     }
@@ -55,7 +55,7 @@ const Icon = (_a) => {
 const Alert = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, variant, size = "medium", fullWidth = false, inline = false } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "inline"]);
     return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, { "navds-alert--full-width": fullWidth, "navds-alert--inline": inline }) }),
-        react_1.default.createElement(Icon, { title: `${variant}-ikon`, variant: variant, className: "navds-alert__icon" }),
+        react_1.default.createElement(Icon, { variant: variant, className: "navds-alert__icon" }),
         react_1.default.createElement(__1.BodyLong, { as: "div", size: size, className: "navds-alert__wrapper" }, children)));
 });
 exports.default = Alert;

package/cjs/form/checkbox/CheckboxGroup.js

@@ -42,9 +42,9 @@ const CheckboxGroup = (0, react_1.forwardRef)((_a, ref) => {
     var _b, _c;
     var { value, defaultValue, onChange = () => { }, children, className } = _a, rest = __rest(_a, ["value", "defaultValue", "onChange", "children", "className"]);
     const fieldset = (0, react_1.useContext)(__1.FieldsetContext);
-    const [state, setState] = (0, react_1.useState)([]);
-    const handleChange = (v) => {
-        const newValue = value ? value : state;
+    const [state, setState] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : []);
+    const toggleValue = (v) => {
+        const newValue = value !== null && value !== void 0 ? value : state;
         const newState = newValue.includes(v)
             ? newValue.filter((x) => x !== v)
             : [...newValue, v];
@@ -55,7 +55,7 @@ const CheckboxGroup = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement(exports.CheckboxGroupContext.Provider, { value: {
                 value,
                 defaultValue,
-                toggleValue: (value) => handleChange(value),
+                toggleValue,
             } },
             react_1.default.createElement("div", { className: "navds-checkboxes" }, children))));
 });

package/cjs/form/checkbox/useCheckbox.js

@@ -30,13 +30,14 @@ const useCheckbox = (_a) => {
             console.warn("A <Checkbox> element within a <CheckboxGroup> requires a `value` property.");
         }
     }
+    const value = props.value;
     return Object.assign(Object.assign({}, rest), { inputProps: Object.assign(Object.assign({}, inputProps), { checked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.value)
-                ? checkboxGroup.value.includes(props.value)
+                ? checkboxGroup.value.includes(value)
                 : props.checked, defaultChecked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.defaultValue)
-                ? checkboxGroup.defaultValue.includes(props.value)
+                ? checkboxGroup.defaultValue.includes(value)
                 : props.defaultChecked, onChange: (e) => {
                 props.onChange && props.onChange(e);
-                checkboxGroup && checkboxGroup.toggleValue(props.value);
+                checkboxGroup && checkboxGroup.toggleValue(value);
             } }) });
 };
 exports.default = useCheckbox;

package/cjs/index.js

@@ -28,6 +28,7 @@ __exportStar(require("./popover"), exports);
 __exportStar(require("./speech-bubble"), exports);
 __exportStar(require("./step-indicator"), exports);
 __exportStar(require("./tag"), exports);
+__exportStar(require("./toggle-group"), exports);
 __exportStar(require("./table"), exports);
 __exportStar(require("./typography"), exports);
 __exportStar(require("./util"), exports);

package/cjs/pagination/Pagination.js

@@ -30,22 +30,42 @@ const getSteps = ({ page, count, boundaryCount = 1, siblingCount = 1, }) => {
     ];
 };
 exports.getSteps = getSteps;
-const Pagination = ({ page, onPageChange, count, siblingCount, boundaryCount, className, size = "medium", prevNextTexts = false, }) => {
+const Pagination = ({ page, onPageChange, count, boundaryCount = 1, siblingCount = 1, className, size = "medium", prevNextTexts = false, }) => {
+    if (page < 1) {
+        console.error("page cannot be less than 1");
+        return null;
+    }
+    if (count < 1) {
+        console.error("count cannot be less than 1");
+        return null;
+    }
+    if (boundaryCount < 0) {
+        console.error("boundaryCount cannot be less than 0");
+        return null;
+    }
+    if (siblingCount < 0) {
+        console.error("siblingCount cannot be less than 0");
+        return null;
+    }
     return (react_1.default.createElement("nav", { className: (0, classnames_1.default)("navds-pagination", `navds-pagination--${size}`, className) },
+        prevNextTexts && page !== 1 && (react_1.default.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page - 1) },
+            react_1.default.createElement(ds_icons_1.Back, { className: "navds-pagination__prev-next-icon", role: "presentation" }),
+            react_1.default.createElement(__1.BodyShort, { size: size, className: "navds-pagination__prev-text" }, "Forrige"))),
         react_1.default.createElement("ul", { className: "navds-pagination__list" },
-            react_1.default.createElement("li", null,
-                react_1.default.createElement("button", { className: "navds-pagination__previous", disabled: page === 1, onClick: () => onPageChange(page - 1) },
-                    react_1.default.createElement(ds_icons_1.Back, { className: "navds-pagination__previous-icon", "aria-label": prevNextTexts ? undefined : "Tilbake", role: prevNextTexts ? "presentation" : undefined }),
-                    prevNextTexts && react_1.default.createElement(__1.BodyShort, { size: size }, "Tilbake"))),
+            !prevNextTexts && page !== 1 && (react_1.default.createElement("li", null,
+                react_1.default.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page - 1) },
+                    react_1.default.createElement(ds_icons_1.Back, { className: "navds-pagination__prev-next-icon", title: "Forrige" })))),
             (0, exports.getSteps)({ page, count, siblingCount, boundaryCount }).map((step, i) => {
                 const n = Number(step);
                 return isNaN(n) ? (react_1.default.createElement("li", { className: "navds-pagination__ellipsis", key: `${step}${i}` },
-                    react_1.default.createElement(__1.BodyShort, { size: size }, "..."))) : (react_1.default.createElement("li", null,
-                    react_1.default.createElement(__1.BodyShort, { size: size, as: "button", key: step, className: "navds-pagination__item", onClick: () => onPageChange(n), "aria-current": page === n ? true : undefined }, n)));
+                    react_1.default.createElement(__1.BodyShort, { size: size }, "..."))) : (react_1.default.createElement("li", { key: step },
+                    react_1.default.createElement(__1.BodyShort, { size: size, as: "button", className: "navds-pagination__item", onClick: () => onPageChange(n), "aria-current": page === n ? true : undefined }, n)));
             }),
-            react_1.default.createElement("li", null,
-                react_1.default.createElement("button", { className: "navds-pagination__next", disabled: page === count, onClick: () => onPageChange(page + 1) },
-                    prevNextTexts && react_1.default.createElement(__1.BodyShort, { size: size }, "Neste"),
-                    react_1.default.createElement(ds_icons_1.Next, { className: "navds-pagination__next-icon", title: prevNextTexts ? undefined : "Neste", role: prevNextTexts ? "presentation" : undefined }))))));
+            !prevNextTexts && page !== count && (react_1.default.createElement("li", null,
+                react_1.default.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page + 1) },
+                    react_1.default.createElement(ds_icons_1.Next, { className: "navds-pagination__prev-next-icon", title: "Neste" }))))),
+        prevNextTexts && page !== count && (react_1.default.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page + 1) },
+            react_1.default.createElement(__1.BodyShort, { size: size, className: "navds-pagination__next-text" }, "Neste"),
+            react_1.default.createElement(ds_icons_1.Next, { className: "navds-pagination__prev-next-icon", role: "presentation" })))));
 };
 exports.default = Pagination;

package/cjs/table/ColumnHeader.js

@@ -49,7 +49,7 @@ const ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
                 ? (_c = context === null || context === void 0 ? void 0 : context.sort) === null || _c === void 0 ? void 0 : _c.direction
                 : "none"
             : undefined }, rest), sortable ? (react_1.default.createElement("button", { className: "navds-table__sort-button", onClick: sortable && sortKey
-            ? () => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.toggleColumnSort) === null || _a === void 0 ? void 0 : _a.call(context, sortKey); }
+            ? () => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.onSortChange) === null || _a === void 0 ? void 0 : _a.call(context, sortKey); }
             : undefined },
         children,
         ((_d = context === null || context === void 0 ? void 0 : context.sort) === null || _d === void 0 ? void 0 : _d.orderBy) === sortKey &&

package/cjs/table/Table.js

@@ -45,18 +45,7 @@ const DataCell_1 = __importDefault(require("./DataCell"));
 exports.TableContext = (0, react_1.createContext)(null);
 const Table = (0, react_1.forwardRef)((_a, ref) => {
     var { className, zebraStripes = false, size = "medium", onSortChange, sort } = _a, rest = __rest(_a, ["className", "zebraStripes", "size", "onSortChange", "sort"]);
-    return (react_1.default.createElement(exports.TableContext.Provider, { value: {
-            size,
-            toggleColumnSort: (sortKey) => onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange((sort === null || sort === void 0 ? void 0 : sort.orderBy) === sortKey && sort.direction === "descending"
-                ? undefined
-                : {
-                    orderBy: sortKey,
-                    direction: (sort === null || sort === void 0 ? void 0 : sort.direction) === "ascending"
-                        ? "descending"
-                        : "ascending",
-                }),
-            sort,
-        } },
+    return (react_1.default.createElement(exports.TableContext.Provider, { value: { size, onSortChange, sort } },
         react_1.default.createElement("table", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-table", `navds-table--${size}`, className, {
                 "navds-table--zebra-stripes": zebraStripes,
             }) }))));

package/cjs/toggle-group/ToggleGroup.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleGroupContext = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const ToggleItem_1 = __importDefault(require("./ToggleItem"));
+const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
+const __1 = require("..");
+exports.ToggleGroupContext = (0, react_1.createContext)(null);
+const ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, children, onChange, size = "medium", label, value, defaultValue, id, "aria-describedby": desc } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "id", "aria-describedby"]);
+    const [groupValue, setGroupValue] = (0, react_1.useState)(defaultValue);
+    const labelId = `toggle-group-label-${(0, __1.useId)()}`;
+    const handleValueChange = (v) => {
+        if (v !== "") {
+            setGroupValue(v);
+            onChange === null || onChange === void 0 ? void 0 : onChange(v);
+        }
+    };
+    if (!value && !defaultValue) {
+        console.error("ToggleGroup without value/defaultvalue is not allowed");
+    }
+    const describeBy = (0, classnames_1.default)({
+        [desc !== null && desc !== void 0 ? desc : ""]: !!desc,
+        [labelId]: !!label,
+    });
+    if (!value && !defaultValue) {
+        console.error("ToggleGroup needs either a value or defaultValue");
+    }
+    return (react_1.default.createElement(exports.ToggleGroupContext.Provider, { value: {
+            size,
+        } },
+        react_1.default.createElement("div", null,
+            label && (react_1.default.createElement(__1.Label, { size: size, className: "navds-toggle-group__label", id: labelId }, label)),
+            react_1.default.createElement(RadixToggleGroup.Root, Object.assign({}, rest, { onValueChange: handleValueChange, value: value !== null && value !== void 0 ? value : groupValue, defaultValue: defaultValue, ref: ref, className: (0, classnames_1.default)("navds-toggle-group", className, `navds-toggle-group--${size}`) }, (describeBy && { "aria-describedby": describeBy }), { role: "toolbar", type: "single" }), children))));
+});
+ToggleGroup.Item = ToggleItem_1.default;
+exports.default = ToggleGroup;

package/cjs/toggle-group/ToggleItem.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 classnames_1 = __importDefault(require("classnames"));
+const __1 = require("..");
+const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
+const ToggleGroup_1 = require("./ToggleGroup");
+const ToggleItem = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    const context = (0, react_1.useContext)(ToggleGroup_1.ToggleGroupContext);
+    return (react_1.default.createElement(RadixToggleGroup.Item, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-toggle-group__button", className) }),
+        react_1.default.createElement(__1.Label, { as: "span", className: "navds-toggle-group__button-inner", size: context === null || context === void 0 ? void 0 : context.size }, children)));
+});
+exports.default = ToggleItem;

package/cjs/toggle-group/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleGroup = void 0;
+var ToggleGroup_1 = require("./ToggleGroup");
+Object.defineProperty(exports, "ToggleGroup", { enumerable: true, get: function () { return __importDefault(ToggleGroup_1).default; } });

package/cjs/toggle-group/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../esm/toggle-group/index.js",
+  "types": "../../esm/toggle-group/index.d.ts"
+}

package/esm/alert/Alert.js

@@ -17,13 +17,13 @@ const Icon = (_a) => {
     var { variant } = _a, props = __rest(_a, ["variant"]);
     switch (variant) {
         case "error":
-            return React.createElement(ErrorFilled, Object.assign({}, props));
+            return React.createElement(ErrorFilled, Object.assign({ title: "Feil" }, props));
         case "warning":
-            return React.createElement(WarningFilled, Object.assign({}, props));
+            return React.createElement(WarningFilled, Object.assign({ title: "Advarsel" }, props));
         case "info":
-            return React.createElement(InformationFilled, Object.assign({}, props));
+            return React.createElement(InformationFilled, Object.assign({ title: "Informasjon" }, props));
         case "success":
-            return React.createElement(SuccessFilled, Object.assign({}, props));
+            return React.createElement(SuccessFilled, Object.assign({ title: "Suksess" }, props));
         default:
             return null;
     }
@@ -31,7 +31,7 @@ const Icon = (_a) => {
 const Alert = forwardRef((_a, ref) => {
     var { children, className, variant, size = "medium", fullWidth = false, inline = false } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "inline"]);
     return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, { "navds-alert--full-width": fullWidth, "navds-alert--inline": inline }) }),
-        React.createElement(Icon, { title: `${variant}-ikon`, variant: variant, className: "navds-alert__icon" }),
+        React.createElement(Icon, { variant: variant, className: "navds-alert__icon" }),
         React.createElement(BodyLong, { as: "div", size: size, className: "navds-alert__wrapper" }, children)));
 });
 export default Alert;

package/esm/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AA2B9B,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,OAAO;YACV,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;QACpC,KAAK,SAAS;YACZ,OAAO,oBAAC,aAAa,oBAAK,KAAK,EAAI,CAAC;QACtC,KAAK,MAAM;YACT,OAAO,oBAAC,iBAAiB,oBAAK,KAAK,EAAI,CAAC;QAC1C,KAAK,SAAS;YACZ,OAAO,oBAAC,aAAa,oBAAK,KAAK,EAAI,CAAC;QACtC;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAMF,MAAM,KAAK,GAAG,UAAU,CACtB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,OAEf,EADI,IAAI,cAPT,mEAQC,CADQ;IAGN,OAAA,CACH,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB,EAAE,yBAAyB,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,EAAE,CACxE;QAED,oBAAC,IAAI,IACH,KAAK,EAAE,GAAG,OAAO,OAAO,EACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,mBAAmB,GAC7B;QACF,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,QAAQ,CACA,CACP,CACP,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AA2B9B,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,OAAO;YACV,OAAO,oBAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QACjD,KAAK,SAAS;YACZ,OAAO,oBAAC,aAAa,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACvD,KAAK,MAAM;YACT,OAAO,oBAAC,iBAAiB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QAC9D,KAAK,SAAS;YACZ,OAAO,oBAAC,aAAa,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QACtD;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAMF,MAAM,KAAK,GAAG,UAAU,CACtB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,OAEf,EADI,IAAI,cAPT,mEAQC,CADQ;IAGN,OAAA,CACH,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB,EAAE,yBAAyB,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,EAAE,CACxE;QAED,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACxD,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,QAAQ,CACA,CACP,CACP,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/form/checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React, { InputHTMLAttributes } from "react";
 import { FormFieldProps } from "../useFormField";
-export interface CheckboxProps extends Omit<FormFieldProps, "errorId">, Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+export interface CheckboxProps extends Omit<FormFieldProps, "errorId">, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> {
     /**
      * Checkbox has error
      * @default false
@@ -17,7 +17,7 @@ export interface CheckboxProps extends Omit<FormFieldProps, "errorId">, Omit<Inp
     /**
      * The value of the HTML element.
      */
-    value?: string;
+    value?: string | number | boolean;
     /**
      * Specify whether the Checkbox is in an indeterminate state
      * @default false

package/esm/form/checkbox/CheckboxGroup.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import { FieldsetProps } from "..";
 export interface CheckboxGroupState {
-    readonly defaultValue?: readonly string[];
-    readonly value?: readonly string[];
-    toggleValue(value: string): void;
+    readonly defaultValue?: ReadonlyArray<string | number | boolean>;
+    readonly value?: ReadonlyArray<string | number | boolean>;
+    toggleValue(value: string | number | boolean): void;
 }
 export declare const CheckboxGroupContext: React.Context<CheckboxGroupState | null>;
-export interface CheckboxGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation"> {
+export interface CheckboxGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation" | "defaultValue"> {
     /**
      * Checkboxes
      */
@@ -14,15 +14,15 @@ export interface CheckboxGroupProps extends Omit<FieldsetProps, "onChange" | "er
     /**
      * Controlled state for group
      */
-    value?: string[];
+    value?: Array<string | number | boolean>;
     /**
      * Default checked checkboxes on render
      */
-    defaultValue?: string[];
+    defaultValue?: Array<string | number | boolean>;
     /**
      * Returns current checked checkboxes in group
      */
-    onChange?: (value: string[]) => void;
+    onChange?: (value: Array<string | number | boolean>) => void;
 }
 declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
 export default CheckboxGroup;

package/esm/form/checkbox/CheckboxGroup.js

@@ -17,9 +17,9 @@ const CheckboxGroup = forwardRef((_a, ref) => {
     var _b, _c;
     var { value, defaultValue, onChange = () => { }, children, className } = _a, rest = __rest(_a, ["value", "defaultValue", "onChange", "children", "className"]);
     const fieldset = useContext(FieldsetContext);
-    const [state, setState] = useState([]);
-    const handleChange = (v) => {
-        const newValue = value ? value : state;
+    const [state, setState] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : []);
+    const toggleValue = (v) => {
+        const newValue = value !== null && value !== void 0 ? value : state;
         const newState = newValue.includes(v)
             ? newValue.filter((x) => x !== v)
             : [...newValue, v];
@@ -30,7 +30,7 @@ const CheckboxGroup = forwardRef((_a, ref) => {
         React.createElement(CheckboxGroupContext.Provider, { value: {
                 value,
                 defaultValue,
-                toggleValue: (value) => handleChange(value),
+                toggleValue,
             } },
             React.createElement("div", { className: "navds-checkboxes" }, children))));
 });

package/esm/form/checkbox/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAiB,eAAe,EAAE,MAAM,IAAI,CAAC;AAQ9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAC/C,IAAI,CACL,CAAC;AAsBF,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAA0E,EAC1E,GAAG,EACH,EAAE;;QAFF,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAxE,8DAA0E,CAAF;IAGxE,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEjD,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,EAAE;QACjC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACvC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QAErB,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,sBAAsB,EACtB,yBAAyB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CACnE;QAED,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,KAAK;gBACL,YAAY;gBACZ,WAAW,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;aACpD;YAED,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CACpB,CACvB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAiB,eAAe,EAAE,MAAM,IAAI,CAAC;AAQ9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAC/C,IAAI,CACL,CAAC;AAyBF,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAA0E,EAC1E,GAAG,EACH,EAAE;;QAFF,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAxE,8DAA0E,CAAF;IAGxE,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CACnB,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAA4B,EAAE,EAAE;QACnD,MAAM,QAAQ,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC;QAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QAErB,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,sBAAsB,EACtB,yBAAyB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CACnE;QAED,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,KAAK;gBACL,YAAY;gBACZ,WAAW;aACZ;YAED,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CACpB,CACvB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/form/checkbox/useCheckbox.js

@@ -28,13 +28,14 @@ const useCheckbox = (_a) => {
             console.warn("A <Checkbox> element within a <CheckboxGroup> requires a `value` property.");
         }
     }
+    const value = props.value;
     return Object.assign(Object.assign({}, rest), { inputProps: Object.assign(Object.assign({}, inputProps), { checked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.value)
-                ? checkboxGroup.value.includes(props.value)
+                ? checkboxGroup.value.includes(value)
                 : props.checked, defaultChecked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.defaultValue)
-                ? checkboxGroup.defaultValue.includes(props.value)
+                ? checkboxGroup.defaultValue.includes(value)
                 : props.defaultChecked, onChange: (e) => {
                 props.onChange && props.onChange(e);
-                checkboxGroup && checkboxGroup.toggleValue(props.value);
+                checkboxGroup && checkboxGroup.toggleValue(value);
             } }) });
 };
 export default useCheckbox;

package/esm/form/checkbox/useCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/useCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,QAAQ,OAA2B,EAAtB,KAAK,cAApB,YAAsB,CAAF;IACvC,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,MAAM,KAA0B,YAAY,CAC1C,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,EAC5B,UAAU,CACX,EAHK,EAAE,UAAU,OAGjB,EAHsB,IAAI,cAArB,cAAuB,CAG5B,CAAC;IAEF,IAAI,aAAa,EAAE;QACjB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;SACH;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;SACH;KACF;IAED,uCACK,IAAI,KACP,UAAU,kCACL,UAAU,KACb,OAAO,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK;gBAC3B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAe,CAAC;gBACrD,CAAC,CAAC,KAAK,CAAC,OAAO,EACjB,cAAc,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY;gBACzC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAe,CAAC;gBAC5D,CAAC,CAAC,KAAK,CAAC,cAAc,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACpC,aAAa,IAAI,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,KAAe,CAAC,CAAC;YACpE,CAAC,OAEH;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/useCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,QAAQ,OAA2B,EAAtB,KAAK,cAApB,YAAsB,CAAF;IACvC,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,MAAM,KAA0B,YAAY,CAC1C,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,EAC5B,UAAU,CACX,EAHK,EAAE,UAAU,OAGjB,EAHsB,IAAI,cAArB,cAAuB,CAG5B,CAAC;IAEF,IAAI,aAAa,EAAE;QACjB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;SACH;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;SACH;KACF;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,KAAkC,CAAC;IAEvD,uCACK,IAAI,KACP,UAAU,kCACL,UAAU,KACb,OAAO,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK;gBAC3B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACrC,CAAC,CAAC,KAAK,CAAC,OAAO,EACjB,cAAc,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY;gBACzC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC5C,CAAC,CAAC,KAAK,CAAC,cAAc,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACpC,aAAa,IAAI,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACpD,CAAC,OAEH;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/form/radio/Radio.d.ts

@@ -1,6 +1,6 @@
 import React, { InputHTMLAttributes } from "react";
 import { FormFieldProps } from "../useFormField";
-export interface RadioProps extends Omit<FormFieldProps, "error" | "errorId">, Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+export interface RadioProps extends Omit<FormFieldProps, "error" | "errorId">, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> {
     /**
      * Label for radio
      */
@@ -8,7 +8,7 @@ export interface RadioProps extends Omit<FormFieldProps, "error" | "errorId">, O
     /**
      * The value of the HTML element
      */
-    value: string;
+    value: string | number | boolean;
 }
 declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
 export default Radio;

package/esm/form/radio/RadioGroup.d.ts

@@ -2,13 +2,13 @@ import React from "react";
 import { FieldsetProps } from "..";
 export interface RadioGroupContextProps {
     name: string;
-    defaultValue?: string;
-    value?: string;
-    onChange: (value: string) => void;
+    defaultValue?: string | number | boolean;
+    value?: string | number | boolean;
+    onChange: (value: string | number | boolean) => void;
     required?: boolean;
 }
 export declare const RadioGroupContext: React.Context<RadioGroupContextProps | null>;
-export interface RadioGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation"> {
+export interface RadioGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation" | "defaultValue"> {
     /**
      * Collection of <Radio>-elements
      */
@@ -20,15 +20,15 @@ export interface RadioGroupProps extends Omit<FieldsetProps, "onChange" | "error
     /**
      * Default checked radiobutton
      */
-    defaultValue?: string;
+    defaultValue?: string | number | boolean;
     /**
      * Controlled state for Radiobutton
      */
-    value?: string;
+    value?: string | number | boolean;
     /**
      * Returns current checked radiobutton in group
      */
-    onChange?: (value: string) => void;
+    onChange?: (value: string | number | boolean) => void;
     /**
      * Tells Fieldset if group is required
      */

package/esm/form/radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAiB,MAAM,IAAI,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAU9B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAClD,IAAI,CACL,CAAC;AA8BF,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EASC,EACD,GAAG,EACH,EAAE;;QAXF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,OAET,EADI,IAAI,cART,kFASC,CADQ;IAIT,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE;QAED,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,kBAAkB,MAAM,EAAE;gBACxC,YAAY;gBACZ,KAAK;gBACL,QAAQ;gBACR,QAAQ;aACT;YAED,6BAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC1B,CACpB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAiB,MAAM,IAAI,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAU9B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAClD,IAAI,CACL,CAAC;AAiCF,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EASC,EACD,GAAG,EACH,EAAE;;QAXF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,OAET,EADI,IAAI,cART,kFASC,CADQ;IAIT,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE;QAED,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,kBAAkB,MAAM,EAAE;gBACxC,YAAY;gBACZ,KAAK;gBACL,QAAQ;gBACR,QAAQ;aACT;YAED,6BAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC1B,CACpB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/index.d.ts

@@ -16,6 +16,7 @@ export * from "./popover";
 export * from "./speech-bubble";
 export * from "./step-indicator";
 export * from "./tag";
+export * from "./toggle-group";
 export * from "./table";
 export * from "./typography";
 export * from "./util";

package/esm/index.js

@@ -16,6 +16,7 @@ export * from "./popover";
 export * from "./speech-bubble";
 export * from "./step-indicator";
 export * from "./tag";
+export * from "./toggle-group";
 export * from "./table";
 export * from "./typography";
 export * from "./util";

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAEvB,6BAA6B;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAEvB,6BAA6B;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/esm/pagination/Pagination.d.ts

@@ -39,5 +39,5 @@ export declare const getSteps: ({ page, count, boundaryCount, siblingCount, }: {
     boundaryCount?: number | undefined;
     siblingCount?: number | undefined;
 }) => (string | number)[];
-declare const Pagination: ({ page, onPageChange, count, siblingCount, boundaryCount, className, size, prevNextTexts, }: PaginationProps) => JSX.Element;
+declare const Pagination: ({ page, onPageChange, count, boundaryCount, siblingCount, className, size, prevNextTexts, }: PaginationProps) => JSX.Element | null;
 export default Pagination;

package/esm/pagination/Pagination.js

@@ -23,23 +23,43 @@ export const getSteps = ({ page, count, boundaryCount = 1, siblingCount = 1, })
         ...endPages,
     ];
 };
-const Pagination = ({ page, onPageChange, count, siblingCount, boundaryCount, className, size = "medium", prevNextTexts = false, }) => {
+const Pagination = ({ page, onPageChange, count, boundaryCount = 1, siblingCount = 1, className, size = "medium", prevNextTexts = false, }) => {
+    if (page < 1) {
+        console.error("page cannot be less than 1");
+        return null;
+    }
+    if (count < 1) {
+        console.error("count cannot be less than 1");
+        return null;
+    }
+    if (boundaryCount < 0) {
+        console.error("boundaryCount cannot be less than 0");
+        return null;
+    }
+    if (siblingCount < 0) {
+        console.error("siblingCount cannot be less than 0");
+        return null;
+    }
     return (React.createElement("nav", { className: cl("navds-pagination", `navds-pagination--${size}`, className) },
+        prevNextTexts && page !== 1 && (React.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page - 1) },
+            React.createElement(Back, { className: "navds-pagination__prev-next-icon", role: "presentation" }),
+            React.createElement(BodyShort, { size: size, className: "navds-pagination__prev-text" }, "Forrige"))),
         React.createElement("ul", { className: "navds-pagination__list" },
-            React.createElement("li", null,
-                React.createElement("button", { className: "navds-pagination__previous", disabled: page === 1, onClick: () => onPageChange(page - 1) },
-                    React.createElement(Back, { className: "navds-pagination__previous-icon", "aria-label": prevNextTexts ? undefined : "Tilbake", role: prevNextTexts ? "presentation" : undefined }),
-                    prevNextTexts && React.createElement(BodyShort, { size: size }, "Tilbake"))),
+            !prevNextTexts && page !== 1 && (React.createElement("li", null,
+                React.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page - 1) },
+                    React.createElement(Back, { className: "navds-pagination__prev-next-icon", title: "Forrige" })))),
             getSteps({ page, count, siblingCount, boundaryCount }).map((step, i) => {
                 const n = Number(step);
                 return isNaN(n) ? (React.createElement("li", { className: "navds-pagination__ellipsis", key: `${step}${i}` },
-                    React.createElement(BodyShort, { size: size }, "..."))) : (React.createElement("li", null,
-                    React.createElement(BodyShort, { size: size, as: "button", key: step, className: "navds-pagination__item", onClick: () => onPageChange(n), "aria-current": page === n ? true : undefined }, n)));
+                    React.createElement(BodyShort, { size: size }, "..."))) : (React.createElement("li", { key: step },
+                    React.createElement(BodyShort, { size: size, as: "button", className: "navds-pagination__item", onClick: () => onPageChange(n), "aria-current": page === n ? true : undefined }, n)));
             }),
-            React.createElement("li", null,
-                React.createElement("button", { className: "navds-pagination__next", disabled: page === count, onClick: () => onPageChange(page + 1) },
-                    prevNextTexts && React.createElement(BodyShort, { size: size }, "Neste"),
-                    React.createElement(Next, { className: "navds-pagination__next-icon", title: prevNextTexts ? undefined : "Neste", role: prevNextTexts ? "presentation" : undefined }))))));
+            !prevNextTexts && page !== count && (React.createElement("li", null,
+                React.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page + 1) },
+                    React.createElement(Next, { className: "navds-pagination__prev-next-icon", title: "Neste" }))))),
+        prevNextTexts && page !== count && (React.createElement("button", { className: "navds-pagination__prev-next", onClick: () => onPageChange(page + 1) },
+            React.createElement(BodyShort, { size: size, className: "navds-pagination__next-text" }, "Neste"),
+            React.createElement(Next, { className: "navds-pagination__prev-next-icon", role: "presentation" })))));
 };
 export default Pagination;
 //# sourceMappingURL=Pagination.js.map