@navikt/ds-react 8.9.0 → 8.10.0

package/cjs/form/checkbox/Checkbox.js

@@ -42,47 +42,33 @@ const typography_1 = require("../../typography");
 const utils_external_1 = require("../../utils-external");
 const helpers_1 = require("../../utils/helpers");
 const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
+const CheckboxInput_1 = require("./checkbox-input/CheckboxInput");
 const useCheckbox_1 = __importDefault(require("./useCheckbox"));
-exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
+exports.Checkbox = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { inputProps, hasError, size, readOnly, nested } = (0, useCheckbox_1.default)(props);
     const descriptionId = (0, utils_external_1.useId)();
-    return (react_1.default.createElement("div", { className: (0, helpers_1.cl)(props.className, "aksel-checkbox", `aksel-checkbox--${size}`, {
+    const { className, description, children, indeterminate, hideLabel } = props;
+    return (react_1.default.createElement("div", { className: (0, helpers_1.cl)(className, "aksel-checkbox", `aksel-checkbox--${size}`, {
             "aksel-checkbox--error": hasError,
             "aksel-checkbox--disabled": inputProps.disabled,
             "aksel-checkbox--readonly": readOnly,
         }), "data-color": hasError ? "danger" : props["data-color"] },
-        react_1.default.createElement("div", { className: "aksel-checkbox__input-wrapper" },
-            react_1.default.createElement("input", Object.assign({}, (0, utils_external_1.omit)(props, [
-                "children",
-                "size",
-                "error",
-                "description",
-                "hideLabel",
-                "indeterminate",
-                "errorId",
-                "readOnly",
-            ]), (0, utils_external_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": (0, helpers_1.cl)(inputProps["aria-describedby"], {
-                    [descriptionId]: props.description,
-                }) || undefined, type: "checkbox", className: "aksel-checkbox__input", ref: (el) => {
-                    var _a;
-                    if (el) {
-                        el.indeterminate = (_a = props.indeterminate) !== null && _a !== void 0 ? _a : false;
-                    }
-                    if (typeof ref === "function") {
-                        ref(el);
-                    }
-                    else if (ref != null) {
-                        ref.current = el;
-                    }
-                } })),
-            react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 13 10", fill: "none", focusable: false, role: "img", "aria-hidden": true, className: "aksel-checkbox__icon" },
-                react_1.default.createElement("path", { d: "M4.03524 6.41478L10.4752 0.404669C11.0792 -0.160351 12.029 -0.130672 12.5955 0.47478C13.162 1.08027 13.1296 2.03007 12.5245 2.59621L5.02111 9.59934C4.74099 9.85904 4.37559 10 4.00025 10C3.60651 10 3.22717 9.84621 2.93914 9.56111L0.439143 7.06111C-0.146381 6.47558 -0.146381 5.52542 0.439143 4.93989C1.02467 4.35437 1.97483 4.35437 2.56036 4.93989L4.03524 6.41478Z", fill: "currentColor" }))),
-        react_1.default.createElement(typography_1.BodyShort, { as: "label", htmlFor: inputProps.id, size: size, className: (0, helpers_1.cl)("aksel-checkbox__label", {
-                "aksel-sr-only": props.hideLabel,
-            }) },
+        react_1.default.createElement(CheckboxInput_1.CheckboxInput, Object.assign({ ref: forwardedRef }, (0, utils_external_1.omit)(props, [
+            "children",
+            "size",
+            "error",
+            "description",
+            "hideLabel",
+            "indeterminate",
+            "errorId",
+            "readOnly",
+        ]), (0, utils_external_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": (0, helpers_1.cl)(inputProps["aria-describedby"], {
+                [descriptionId]: description,
+            }) || undefined, indeterminate: indeterminate !== null && indeterminate !== void 0 ? indeterminate : false, standalone: false })),
+        react_1.default.createElement(typography_1.BodyShort, { as: "label", htmlFor: inputProps.id, size: size, className: "aksel-checkbox__label", visuallyHidden: hideLabel },
             !nested && readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
-            props.children),
-        props.description && (react_1.default.createElement(typography_1.BodyShort, { id: descriptionId, size: size, className: "aksel-form-field__subdescription aksel-checkbox__description" }, props.description))));
+            children),
+        description && (react_1.default.createElement(typography_1.BodyShort, { id: descriptionId, size: size, className: "aksel-form-field__subdescription aksel-checkbox__description", visuallyHidden: hideLabel }, description))));
 });
 exports.default = exports.Checkbox;
 //# sourceMappingURL=Checkbox.js.map

package/cjs/form/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,yDAAmD;AACnD,iDAAyC;AACzC,kDAAwD;AAExD,gEAAwC;AAE3B,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAW,EAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,aAAa,GAAG,IAAA,sBAAK,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,KAAK,CAAC,SAAS,EACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;YAC/C,0BAA0B,EAAE,QAAQ;SACrC,CACF,gBACW,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,yDACM,IAAA,qBAAI,EAAC,KAAK,EAAE;gBACd,UAAU;gBACV,MAAM;gBACN,OAAO;gBACP,aAAa;gBACb,WAAW;gBACX,eAAe;gBACf,SAAS;gBACT,UAAU;aACX,CAAC,EACE,IAAA,qBAAI,EAAC,UAAU,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,wBAExD,IAAA,YAAE,EAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;oBACjC,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW;iBACnC,CAAC,IAAI,SAAS,EAEjB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;;oBACV,IAAI,EAAE,EAAE,CAAC;wBACP,EAAE,CAAC,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC;oBAClD,CAAC;oBAED,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;wBAC9B,GAAG,CAAC,EAAE,CAAC,CAAC;oBACV,CAAC;yBAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;wBACvB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;oBACnB,CAAC;gBACH,CAAC,IACD;YACF,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,uBAEV,SAAS,EAAC,sBAAsB;gBAEhC,wCACE,CAAC,EAAC,6WAA6W,EAC/W,IAAI,EAAC,cAAc,GACnB,CACE,CACF;QACN,8BAAC,sBAAS,IACR,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,YAAE,EAAC,uBAAuB,EAAE;gBACrC,eAAe,EAAE,KAAK,CAAC,SAAS;aACjC,CAAC;YAED,CAAC,MAAM,IAAI,QAAQ,IAAI,8BAAC,oCAAqB,OAAG;YAChD,KAAK,CAAC,QAAQ,CACL;QACX,KAAK,CAAC,WAAW,IAAI,CACpB,8BAAC,sBAAS,IACR,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,8DAA8D,IAEvE,KAAK,CAAC,WAAW,CACR,CACb,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,yDAAmD;AACnD,iDAAyC;AACzC,kDAAwD;AACxD,kEAA+D;AAE/D,gEAAwC;AAE3B,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,KAAoB,EAAE,YAAY,EAAE,EAAE;IACrC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAW,EAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,aAAa,GAAG,IAAA,sBAAK,GAAE,CAAC;IAE9B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,GAClE,KAAK,CAAC;IAER,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,gBAAgB,EAAE,mBAAmB,IAAI,EAAE,EAAE;YACpE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;YAC/C,0BAA0B,EAAE,QAAQ;SACrC,CAAC,gBACU,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,8BAAC,6BAAa,kBACZ,GAAG,EAAE,YAAY,IACb,IAAA,qBAAI,EAAC,KAAK,EAAE;YACd,UAAU;YACV,MAAM;YACN,OAAO;YACP,aAAa;YACb,WAAW;YACX,eAAe;YACf,SAAS;YACT,UAAU;SACX,CAAC,EACE,IAAA,qBAAI,EAAC,UAAU,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,wBAExD,IAAA,YAAE,EAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;gBACjC,CAAC,aAAa,CAAC,EAAE,WAAW;aAC7B,CAAC,IAAI,SAAS,EAEjB,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK,EACrC,UAAU,EAAE,KAAK,IACjB;QACF,8BAAC,sBAAS,IACR,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,uBAAuB,EACjC,cAAc,EAAE,SAAS;YAExB,CAAC,MAAM,IAAI,QAAQ,IAAI,8BAAC,oCAAqB,OAAG;YAChD,QAAQ,CACC;QACX,WAAW,IAAI,CACd,8BAAC,sBAAS,IACR,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,8DAA8D,EACxE,cAAc,EAAE,SAAS,IAExB,WAAW,CACF,CACb,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}

package/cjs/form/checkbox/CheckboxGroup.context.d.ts

@@ -0,0 +1,6 @@
+export interface CheckboxGroupContextProps {
+    readonly defaultValue?: readonly any[];
+    readonly value?: readonly any[];
+    toggleValue(value: any): void;
+}
+export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupContextProps | null>;

package/cjs/form/checkbox/CheckboxGroup.context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroupContext = void 0;
+const react_1 = require("react");
+exports.CheckboxGroupContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=CheckboxGroup.context.js.map

package/cjs/form/checkbox/CheckboxGroup.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.context.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAQzB,QAAA,oBAAoB,GAC/B,IAAA,qBAAa,EAAmC,IAAI,CAAC,CAAC"}

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

@@ -1,11 +1,5 @@
 import React from "react";
 import { FieldsetProps } from "../fieldset";
-export interface CheckboxGroupState {
-    readonly defaultValue?: readonly any[];
-    readonly value?: readonly any[];
-    toggleValue(value: any): void;
-}
-export declare const CheckboxGroupContext: React.Context<CheckboxGroupState | null>;
 export interface CheckboxGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation" | "defaultValue" | "nativeReadOnly"> {
     /**
      * Collection of `<Checkbox/>`.

package/cjs/form/checkbox/CheckboxGroup.js

@@ -44,12 +44,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxGroup = exports.CheckboxGroupContext = void 0;
+exports.CheckboxGroup = void 0;
 const react_1 = __importStar(require("react"));
 const helpers_1 = require("../../utils/helpers");
 const fieldset_1 = require("../fieldset");
 const context_1 = require("../fieldset/context");
-exports.CheckboxGroupContext = (0, react_1.createContext)(null);
+const CheckboxGroup_context_1 = require("./CheckboxGroup.context");
 /**
  * A component that allows users to select one or more options from a list.
  *
@@ -78,12 +78,12 @@ exports.CheckboxGroup = (0, react_1.forwardRef)((_a, ref) => {
         value === undefined && setState(newState);
         onChange(newState);
     };
-    return (react_1.default.createElement(fieldset_1.Fieldset, Object.assign({}, rest, { ref: ref, className: (0, helpers_1.cl)(className, "aksel-checkbox-group", `aksel-checkbox-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`), _fieldsSupportNativeReadOnly: false }),
-        react_1.default.createElement(exports.CheckboxGroupContext.Provider, { value: {
-                value,
-                defaultValue,
-                toggleValue,
-            } },
+    return (react_1.default.createElement(CheckboxGroup_context_1.CheckboxGroupContext.Provider, { value: {
+            value,
+            defaultValue,
+            toggleValue,
+        } },
+        react_1.default.createElement(fieldset_1.Fieldset, Object.assign({}, rest, { ref: ref, className: (0, helpers_1.cl)(className, "aksel-checkbox-group", `aksel-checkbox-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`) }),
             react_1.default.createElement("div", { className: "aksel-checkboxes" }, children))));
 });
 exports.default = exports.CheckboxGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+E;AAC/E,iDAAyC;AACzC,0CAAsD;AACtD,iDAAsD;AAQzC,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAC/C,IAAI,CACL,CAAC;AAwBF;;;;;;;;;;;;;;GAcG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EAIrC,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,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAQ,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;QAC7B,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,8BAAC,mBAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,sBAAsB,EACtB,yBAAyB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CACnE,EACD,4BAA4B,EAAE,KAAK;QAEnC,8BAAC,4BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,KAAK;gBACL,YAAY;gBACZ,WAAW;aACZ;YAED,uCAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CACpB,CACvB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,qBAAa,CAAC"}
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/form/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,iDAAyC;AACzC,0CAAsD;AACtD,iDAAsD;AACtD,mEAA+D;AAwB/D;;;;;;;;;;;;;;GAcG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EAIrC,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,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAQ,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;QAC7B,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,8BAAC,4CAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,YAAY;YACZ,WAAW;SACZ;QAED,8BAAC,mBAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,sBAAsB,EACtB,yBAAyB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CACnE;YAED,uCAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CACzC,CACmB,CACjC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,qBAAa,CAAC"}

package/cjs/form/checkbox/checkbox-input/CheckboxInput.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+type CheckboxInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    indeterminate?: boolean;
+    children?: never;
+    standalone?: boolean;
+    /**
+     * Reduces pseudo-element target-size.
+     */
+    compact?: boolean;
+};
+declare const CheckboxInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    indeterminate?: boolean;
+    children?: never;
+    standalone?: boolean;
+    /**
+     * Reduces pseudo-element target-size.
+     */
+    compact?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+export { CheckboxInput };
+export type { CheckboxInputProps };

package/cjs/form/checkbox/checkbox-input/CheckboxInput.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxInput = void 0;
+const react_1 = __importStar(require("react"));
+const helpers_1 = require("../../../utils/helpers");
+const hooks_1 = require("../../../utils/hooks");
+const CheckboxInput = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { className, indeterminate, standalone = true, compact } = _a, rest = __rest(_a, ["className", "indeterminate", "standalone", "compact"]);
+    const indeterminateRef = (0, react_1.useCallback)((el) => {
+        if (el) {
+            el.indeterminate = indeterminate !== null && indeterminate !== void 0 ? indeterminate : false;
+        }
+    }, [indeterminate]);
+    const mergedRef = (0, hooks_1.useMergeRefs)(indeterminateRef, forwardedRef);
+    return (react_1.default.createElement("div", { className: "aksel-checkbox__input-wrapper", "data-standalone": standalone, "data-compact": compact },
+        react_1.default.createElement("input", Object.assign({}, rest, { className: (0, helpers_1.cl)("aksel-checkbox__input", className), type: "checkbox", ref: mergedRef })),
+        react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 13 10", fill: "none", focusable: false, role: "img", "aria-hidden": true, className: "aksel-checkbox__icon" },
+            react_1.default.createElement("path", { d: "M4.03524 6.41478L10.4752 0.404669C11.0792 -0.160351 12.029 -0.130672 12.5955 0.47478C13.162 1.08027 13.1296 2.03007 12.5245 2.59621L5.02111 9.59934C4.74099 9.85904 4.37559 10 4.00025 10C3.60651 10 3.22717 9.84621 2.93914 9.56111L0.439143 7.06111C-0.146381 6.47558 -0.146381 5.52542 0.439143 4.93989C1.02467 4.35437 1.97483 4.35437 2.56036 4.93989L4.03524 6.41478Z", fill: "currentColor" }))));
+});
+exports.CheckboxInput = CheckboxInput;
+//# sourceMappingURL=CheckboxInput.js.map

package/cjs/form/checkbox/checkbox-input/CheckboxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.js","sourceRoot":"","sources":["../../../../src/form/checkbox/checkbox-input/CheckboxInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,oDAA4C;AAC5C,gDAAoD;AAYpD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,CACE,EAMqB,EACrB,YAAY,EACZ,EAAE;QARF,EACE,SAAS,EACT,aAAa,EACb,UAAU,GAAG,IAAI,EACjB,OAAO,OAEY,EADhB,IAAI,cALT,uDAMC,CADQ;IAIT,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,EAA2B,EAAE,EAAE;QAC9B,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,CAAC,aAAa,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK,CAAC;QAC5C,CAAC;IACH,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAE/D,OAAO,CACL,uCACE,SAAS,EAAC,+BAA+B,qBACxB,UAAU,kBACb,OAAO;QAErB,yDACM,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,uBAAuB,EAAE,SAAS,CAAC,EACjD,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,SAAS,IACd;QACF,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,uBAEV,SAAS,EAAC,sBAAsB;YAEhC,wCACE,CAAC,EAAC,6WAA6W,EAC/W,IAAI,EAAC,cAAc,GACnB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,sCAAa"}

package/cjs/form/checkbox/types.d.ts

@@ -15,7 +15,7 @@ export interface CheckboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
      */
     children: React.ReactNode;
     /**
-     * Hides label and makes it viewable for screen-readers only.
+     * Visually hides label and description, and makes it viewable for screen-readers only.
      */
     hideLabel?: boolean;
     /**

package/cjs/form/checkbox/useCheckbox.js

@@ -14,12 +14,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const utils_external_1 = require("../../utils-external");
 const useFormField_1 = require("../useFormField");
-const CheckboxGroup_1 = require("./CheckboxGroup");
+const CheckboxGroup_context_1 = require("./CheckboxGroup.context");
 /**
  * Handles props for Checkboxes in context with Fieldset and CheckboxGroup
  */
 const useCheckbox = (props) => {
-    const checkboxGroup = (0, react_1.useContext)(CheckboxGroup_1.CheckboxGroupContext);
+    const checkboxGroup = (0, react_1.useContext)(CheckboxGroup_context_1.CheckboxGroupContext);
     const _a = (0, useFormField_1.useFormField)((0, utils_external_1.omit)(props, ["description", "children"]), "checkbox"), { inputProps, readOnly } = _a, rest = __rest(_a, ["inputProps", "readOnly"]);
     if (checkboxGroup) {
         if (props.checked) {

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

@@ -1 +1 @@
-{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/useCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,iCAAmC;AACnC,yDAA4C;AAC5C,kDAA+C;AAC/C,mDAAuD;AAGvD;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC3C,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,oCAAoB,CAAC,CAAC;IAEvD,MAAM,KAAoC,IAAA,2BAAY,EACpD,IAAA,qBAAI,EAAC,KAAK,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,EACxC,UAAU,CACX,EAHK,EAAE,UAAU,EAAE,QAAQ,OAG3B,EAHgC,IAAI,cAA/B,0BAAiC,CAGtC,CAAC;IAEF,IAAI,aAAa,EAAE,CAAC;QAClB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;QACJ,CAAC;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;QACJ,CAAC;IACH,CAAC;IAED,uCACK,IAAI,KACP,QAAQ,EACR,MAAM,EAAE,CAAC,CAAC,aAAa,EACvB,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,KAAK,CAAC;gBAC3C,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,KAAK,CAAC;gBAClD,CAAC,CAAC,KAAK,CAAC,cAAc,EACxB,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;;gBACvD,IAAI,QAAQ,EAAE,CAAC;oBACb,OAAO;gBACT,CAAC;gBACD,MAAA,KAAK,CAAC,QAAQ,sDAAG,KAAK,CAAC,CAAC;gBACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1C,CAAC,EACD,OAAO,EAAE,CAAC,KAAyC,EAAE,EAAE;;gBACrD,IAAI,QAAQ,EAAE,CAAC;oBACb,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO;gBACT,CAAC;gBACD,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,sDAAG,KAAK,CAAC,CAAC;YAC1B,CAAC,OAEH;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/useCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,iCAAmC;AACnC,yDAA4C;AAC5C,kDAA+C;AAC/C,mEAA+D;AAG/D;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC3C,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,4CAAoB,CAAC,CAAC;IAEvD,MAAM,KAAoC,IAAA,2BAAY,EACpD,IAAA,qBAAI,EAAC,KAAK,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,EACxC,UAAU,CACX,EAHK,EAAE,UAAU,EAAE,QAAQ,OAG3B,EAHgC,IAAI,cAA/B,0BAAiC,CAGtC,CAAC;IAEF,IAAI,aAAa,EAAE,CAAC;QAClB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;QACJ,CAAC;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;QACJ,CAAC;IACH,CAAC;IAED,uCACK,IAAI,KACP,QAAQ,EACR,MAAM,EAAE,CAAC,CAAC,aAAa,EACvB,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,KAAK,CAAC;gBAC3C,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,KAAK,CAAC;gBAClD,CAAC,CAAC,KAAK,CAAC,cAAc,EACxB,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;;gBACvD,IAAI,QAAQ,EAAE,CAAC;oBACb,OAAO;gBACT,CAAC;gBACD,MAAA,KAAK,CAAC,QAAQ,sDAAG,KAAK,CAAC,CAAC;gBACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1C,CAAC,EACD,OAAO,EAAE,CAAC,KAAyC,EAAE,EAAE;;gBACrD,IAAI,QAAQ,EAAE,CAAC;oBACb,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO;gBACT,CAAC;gBACD,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,sDAAG,KAAK,CAAC,CAAC;YAC1B,CAAC,OAEH;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/cjs/form/combobox/ComboboxWrapper.js

@@ -54,9 +54,7 @@ const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize,
             clearInput(event);
         }
     }
-    return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: Wrapper for combobox input and chips.
-    react_1.default.createElement("div", { ref: wrapperRef, className: (0, helpers_1.cl)(className, "aksel-form-field", `aksel-form-field--${inputSize}`, {
+    return (react_1.default.createElement("div", { ref: wrapperRef, className: (0, helpers_1.cl)(className, "aksel-form-field", `aksel-form-field--${inputSize}`, {
             "aksel-combobox--error": hasError,
             "aksel-combobox--disabled": !!inputProps.disabled,
             "aksel-combobox--focused": hasFocusWithin,

package/cjs/form/combobox/ComboboxWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,iDAAyC;AACzC,yDAAwD;AAaxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,GACY,EAAE,EAAE;IACzB,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAExE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,KAAuC;;QACnE,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,KAAK,CAAC,MAAM,EAC7C,CAAC;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAAuC;;QAC5D,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACvD,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO;IACL,4FAA4F;IAC5F,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,SAAS,EAAE,EAChC;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACjD,yBAAyB,EAAE,cAAc;YACzC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,QAAQ;SACvC,CACF,EACD,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,aAAa,IAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,iDAAyC;AACzC,yDAAwD;AAaxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,GACY,EAAE,EAAE;IACzB,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAExE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,KAAuC;;QACnE,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,KAAK,CAAC,MAAM,EAC7C,CAAC;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAAuC;;QAC5D,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACvD,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,CAEL,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,SAAS,EAAE,EAChC;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACjD,yBAAyB,EAAE,cAAc;YACzC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,QAAQ;SACvC,CACF,EACD,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,aAAa,IAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/cjs/form/error-summary/ErrorSummary.js

@@ -78,9 +78,7 @@ exports.ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
     const wrapperRef = (0, react_1.useRef)(null);
     const headingRef = (0, react_1.useRef)(null);
     const mergedRef = (0, hooks_1.useMergeRefs)(ref, wrapperRef);
-    return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: Allows focus-calls on div to move focus to heading.
-    react_1.default.createElement("div", Object.assign({ ref: mergedRef }, rest, { className: (0, helpers_1.cl)(className, "aksel-error-summary", `aksel-error-summary--${size}`), tabIndex: -1, onFocus: (0, helpers_1.composeEventHandlers)(rest.onFocus, (event) => {
+    return (react_1.default.createElement("div", Object.assign({ ref: mergedRef }, rest, { className: (0, helpers_1.cl)(className, "aksel-error-summary", `aksel-error-summary--${size}`), tabIndex: -1, onFocus: (0, helpers_1.composeEventHandlers)(rest.onFocus, (event) => {
             var _a;
             if (event.target === wrapperRef.current) {
                 (_a = headingRef === null || headingRef === void 0 ? void 0 : headingRef.current) === null || _a === void 0 ? void 0 : _a.focus();

package/cjs/form/error-summary/ErrorSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAClE,iDAAsD;AACtD,iDAA+D;AAC/D,6CAAiD;AACjD,4DAAsD;AACtD,0EAAkD;AA6ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,OAER,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO;IACL,0GAA0G;IAC1G,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,IAAA,8BAAoB,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACpD,IAAI,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,8BAAC,oBAAO,IACN,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,SAAS,CAAC,CACxB;QACV,8BAAC,sBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2BAA2B,IACjE,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}
+{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAClE,iDAAsD;AACtD,iDAA+D;AAC/D,6CAAiD;AACjD,4DAAsD;AACtD,0EAAkD;AA6ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,OAER,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO,CAEL,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,IAAA,8BAAoB,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACpD,IAAI,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,8BAAC,oBAAO,IACN,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,SAAS,CAAC,CACxB;QACV,8BAAC,sBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2BAA2B,IACjE,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}

package/cjs/form/fieldset/Fieldset.d.ts

@@ -18,10 +18,6 @@ export interface FieldsetProps extends FormFieldProps, FieldsetHTMLAttributes<HT
      * @default true
      */
     errorPropagation?: boolean;
-    /**
-     * @private
-     */
-    _fieldsSupportNativeReadOnly?: boolean;
 }
 /**
  * Component for grouping form fields.

package/cjs/form/fieldset/Fieldset.js

@@ -72,9 +72,9 @@ const useFieldset_1 = require("./useFieldset");
 exports.Fieldset = (0, react_1.forwardRef)((props, ref) => {
     var _a, _b, _c;
     const legendId = (0, utils_external_1.useId)();
-    const { inputProps, errorId, showErrorMsg, hasError, size, readOnly, inputDescriptionId, } = (0, useFieldset_1.useFieldset)(props, legendId);
+    const { inputProps, errorId, showErrorMsg, hasError, size, readOnly, inputDescriptionId, readOnlyIconNeedsTitle, } = (0, useFieldset_1.useFieldset)(props, legendId);
     const fieldset = (0, react_1.useContext)(context_1.FieldsetContext);
-    const { children, className, errorPropagation = true, legend, description, hideLegend, _fieldsSupportNativeReadOnly = true } = props, rest = __rest(props, ["children", "className", "errorPropagation", "legend", "description", "hideLegend", "_fieldsSupportNativeReadOnly"]);
+    const { children, className, errorPropagation = true, legend, description, hideLegend } = props, rest = __rest(props, ["children", "className", "errorPropagation", "legend", "description", "hideLegend"]);
     return (react_1.default.createElement(context_1.FieldsetContext.Provider, { value: {
             error: errorPropagation
                 ? ((_a = props.error) !== null && _a !== void 0 ? _a : fieldset === null || fieldset === void 0 ? void 0 : fieldset.error)
@@ -91,15 +91,11 @@ exports.Fieldset = (0, react_1.forwardRef)((props, ref) => {
                 "aksel-fieldset--error": hasError,
                 "aksel-fieldset--readonly": readOnly,
             }) }),
-            react_1.default.createElement(typography_1.Label, { id: legendId, size: size, as: "legend", className: (0, helpers_1.cl)("aksel-fieldset__legend", {
-                    "aksel-sr-only": !!hideLegend,
-                }) },
+            react_1.default.createElement(typography_1.Label, { id: legendId, size: size, as: "legend", className: "aksel-fieldset__legend", visuallyHidden: !!hideLegend },
                 readOnly &&
-                    (_fieldsSupportNativeReadOnly ? (react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null)) : (react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null))),
+                    (readOnlyIconNeedsTitle ? (react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null)) : (react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null))),
                 legend),
-            !!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, helpers_1.cl)("aksel-fieldset__description", {
-                    "aksel-sr-only": !!hideLegend,
-                }), id: inputDescriptionId, size: size !== null && size !== void 0 ? size : "medium", as: "div" }, props.description)),
+            !!description && (react_1.default.createElement(typography_1.BodyShort, { className: "aksel-fieldset__description", visuallyHidden: !!hideLegend, id: inputDescriptionId, size: size !== null && size !== void 0 ? size : "medium", as: "div" }, props.description)),
             children,
             react_1.default.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite", className: "aksel-fieldset__error" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error))))));
 });

package/cjs/form/fieldset/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/Fieldset.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,iDAAkE;AAClE,yDAAmD;AACnD,iDAAyC;AACzC,kDAAsE;AAEtE,uCAA4C;AAC5C,+CAA4C;AAuB5C;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACb,MAAM,QAAQ,GAAG,IAAA,sBAAK,GAAE,CAAC;IACzB,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAClB,sBAAsB,GACvB,GAAG,IAAA,yBAAW,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEjC,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,GAAG,IAAI,EACvB,MAAM,EACN,WAAW,EACX,UAAU,KAER,KAAK,EADJ,IAAI,UACL,KAAK,EARH,oFAQL,CAAQ,CAAC;IAEV,OAAO,CACL,8BAAC,yBAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,KAAK,EAAE,gBAAgB;gBACrB,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC;gBAClC,CAAC,CAAC,SAAS;YACb,OAAO,EAAE,IAAA,YAAE,EAAC;gBACV,CAAC,OAAO,CAAC,EAAE,YAAY;gBACvB,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,mCAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA;aAC7C,CAAC;YACF,IAAI;YACJ,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;YACjC,QAAQ;SACT;QAED,4DACM,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,EACpD,UAAU,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;gBACE,uBAAuB,EAAE,QAAQ;gBACjC,0BAA0B,EAAE,QAAQ;aACrC,CACF;YAED,8BAAC,kBAAK,IACJ,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,wBAAwB,EAClC,cAAc,EAAE,CAAC,CAAC,UAAU;gBAE3B,QAAQ;oBACP,CAAC,sBAAsB,CAAC,CAAC,CAAC,CACxB,8BAAC,oCAAqB,OAAG,CAC1B,CAAC,CAAC,CAAC,CACF,8BAAC,2BAAY,OAAG,CACjB,CAAC;gBACH,MAAM,CACD;YACP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,SAAS,EAAC,6BAA6B,EACvC,cAAc,EAAE,CAAC,CAAC,UAAU,EAC5B,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EACtB,EAAE,EAAC,KAAK,IAEP,KAAK,CAAC,WAAW,CACR,CACb;YACA,QAAQ;YACT,uCACE,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,EAClB,SAAS,EAAC,uBAAuB,IAEhC,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACG,CACc,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}

package/cjs/form/fieldset/useFieldset.d.ts

@@ -1,10 +1,12 @@
-import { type FormFieldProps } from "../useFormField";
+import type { FieldsetProps } from "./Fieldset";
 /**
  * Handles props for Fieldset in context with parent Fieldset.
  */
-export declare const useFieldset: (props: FormFieldProps, legendId: string) => {
+export declare const useFieldset: (props: FieldsetProps, legendId: string) => {
+    readOnlyIconNeedsTitle: import("../checkbox/CheckboxGroup.context").CheckboxGroupContextProps | import("../radio/RadioGroup.context").RadioGroupContextProps | null;
     inputProps: {
-        "aria-labelledby": any;
+        "aria-labelledby": string;
+        "aria-invalid"?: boolean | undefined;
     };
     showErrorMsg: boolean;
     hasError: boolean;

package/cjs/form/fieldset/useFieldset.js

@@ -1,21 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFieldset = void 0;
+const react_1 = require("react");
 const helpers_1 = require("../../utils/helpers");
+const CheckboxGroup_context_1 = require("../checkbox/CheckboxGroup.context");
+const RadioGroup_context_1 = require("../radio/RadioGroup.context");
 const useFormField_1 = require("../useFormField");
 /**
  * Handles props for Fieldset in context with parent Fieldset.
  */
 const useFieldset = (props, legendId) => {
     const formField = (0, useFormField_1.useFormField)(props, "fieldset");
-    return Object.assign(Object.assign({}, formField), { inputProps: {
+    const checkboxGroupContext = (0, react_1.useContext)(CheckboxGroup_context_1.CheckboxGroupContext);
+    const radioGroupContext = (0, react_1.useContext)(RadioGroup_context_1.RadioGroupContext);
+    return Object.assign(Object.assign({}, formField), { readOnlyIconNeedsTitle: checkboxGroupContext || radioGroupContext, inputProps: Object.assign(Object.assign({}, (checkboxGroupContext || radioGroupContext
+            ? { "aria-invalid": formField.inputProps["aria-invalid"] }
+            : {})), { 
             // Having both legend and description in labelledby seems to work best, ref. https://mortentollefsen.no/demo/radio-description.html
             "aria-labelledby": props["aria-labelledby"] ||
                 (0, helpers_1.cl)(legendId, {
                     [formField.inputDescriptionId]: props.description && !(0, useFormField_1.containsReadMore)(props.description),
-                }),
-            // We don't include errorId in labelledby/describedby on the fieldset, because it will be included on each input inside.
-        } });
+                }) }) });
 };
 exports.useFieldset = useFieldset;
 //# sourceMappingURL=useFieldset.js.map

package/cjs/form/fieldset/useFieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/useFieldset.ts"],"names":[],"mappings":";;;AAAA,iDAAyC;AACzC,kDAIyB;AAEzB;;GAEG;AACI,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,QAAgB,EAAE,EAAE;IACrE,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAElD,uCACK,SAAS,KACZ,UAAU,EAAE;YACV,mIAAmI;YACnI,iBAAiB,EACf,KAAK,CAAC,iBAAiB,CAAC;gBACxB,IAAA,YAAE,EAAC,QAAQ,EAAE;oBACX,CAAC,SAAS,CAAC,kBAAkB,CAAC,EAC5B,KAAK,CAAC,WAAW,IAAI,CAAC,IAAA,+BAAgB,EAAC,KAAK,CAAC,WAAW,CAAC;iBAC5D,CAAC;YACJ,wHAAwH;SACzH,IACD;AACJ,CAAC,CAAC;AAhBW,QAAA,WAAW,eAgBtB"}
+{"version":3,"file":"useFieldset.js","sourceRoot":"","sources":["../../../src/form/fieldset/useFieldset.ts"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,iDAAyC;AACzC,6EAAyE;AACzE,oEAAgE;AAChE,kDAAiE;AAGjE;;GAEG;AACI,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAE,QAAgB,EAAE,EAAE;IACpE,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAClD,MAAM,oBAAoB,GAAG,IAAA,kBAAU,EAAC,4CAAoB,CAAC,CAAC;IAC9D,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,sCAAiB,CAAC,CAAC;IAExD,uCACK,SAAS,KACZ,sBAAsB,EAAE,oBAAoB,IAAI,iBAAiB,EACjE,UAAU,kCACL,CAAC,oBAAoB,IAAI,iBAAiB;YAC3C,CAAC,CAAC,EAAE,cAAc,EAAE,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE;YAC1D,CAAC,CAAC,EAAE,CAAC;YAEP,mIAAmI;YACnI,iBAAiB,EACf,KAAK,CAAC,iBAAiB,CAAC;gBACxB,IAAA,YAAE,EAAC,QAAQ,EAAE;oBACX,CAAC,SAAS,CAAC,kBAAkB,CAAC,EAC5B,KAAK,CAAC,WAAW,IAAI,CAAC,IAAA,+BAAgB,EAAC,KAAK,CAAC,WAAW,CAAC;iBAC5D,CAAC,OAGN;AACJ,CAAC,CAAC;AAvBW,QAAA,WAAW,eAuBtB"}

package/cjs/form/radio/Radio.js

@@ -38,20 +38,22 @@ const react_1 = __importStar(require("react"));
 const typography_1 = require("../../typography");
 const utils_external_1 = require("../../utils-external");
 const helpers_1 = require("../../utils/helpers");
+const RadioInput_1 = require("./radio-input/RadioInput");
 const useRadio_1 = require("./useRadio");
-exports.Radio = (0, react_1.forwardRef)((props, ref) => {
+exports.Radio = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { inputProps, size, hasError, readOnly } = (0, useRadio_1.useRadio)(props);
     const descriptionId = (0, utils_external_1.useId)();
-    return (react_1.default.createElement("div", { className: (0, helpers_1.cl)(props.className, "aksel-radio", `aksel-radio--${size}`, {
+    const { className, description, children } = props;
+    return (react_1.default.createElement("div", { className: (0, helpers_1.cl)(className, "aksel-radio", `aksel-radio--${size}`, {
             "aksel-radio--error": hasError,
             "aksel-radio--disabled": inputProps.disabled,
             "aksel-radio--readonly": readOnly,
         }), "data-color": hasError ? "danger" : props["data-color"] },
-        react_1.default.createElement("input", Object.assign({}, (0, utils_external_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, utils_external_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": (0, helpers_1.cl)(inputProps["aria-describedby"], {
-                [descriptionId]: props.description,
-            }) || undefined, className: "aksel-radio__input", ref: ref })),
-        react_1.default.createElement(typography_1.BodyShort, { as: "label", htmlFor: inputProps.id, className: "aksel-radio__label", size: size }, props.children),
-        props.description && (react_1.default.createElement(typography_1.BodyShort, { id: descriptionId, size: size, className: "aksel-form-field__subdescription aksel-radio__description" }, props.description))));
+        react_1.default.createElement(RadioInput_1.RadioInput, Object.assign({ ref: forwardedRef }, (0, utils_external_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, utils_external_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": (0, helpers_1.cl)(inputProps["aria-describedby"], {
+                [descriptionId]: description,
+            }) || undefined, standalone: false })),
+        react_1.default.createElement(typography_1.BodyShort, { as: "label", htmlFor: inputProps.id, className: "aksel-radio__label", size: size }, children),
+        description && (react_1.default.createElement(typography_1.BodyShort, { id: descriptionId, size: size, className: "aksel-form-field__subdescription aksel-radio__description" }, description))));
 });
 exports.default = exports.Radio;
 //# sourceMappingURL=Radio.js.map

package/cjs/form/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,yDAAmD;AACnD,iDAAyC;AAEzC,yCAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,IAAA,sBAAK,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC,gBACU,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,yDACM,IAAA,qBAAI,EAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAA,qBAAI,EAAC,UAAU,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,wBAExD,IAAA,YAAE,EAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;gBACjC,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW;aACnC,CAAC,IAAI,SAAS,EAEjB,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,IACR;QACF,8BAAC,sBAAS,IACR,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAET,KAAK,CAAC,QAAQ,CACL;QACX,KAAK,CAAC,WAAW,IAAI,CACpB,8BAAC,sBAAS,IACR,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2DAA2D,IAEpE,KAAK,CAAC,WAAW,CACR,CACb,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,yDAAmD;AACnD,iDAAyC;AACzC,yDAAsD;AAEtD,yCAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,KAAiB,EAAE,YAAY,EAAE,EAAE;IAClC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,IAAA,sBAAK,GAAE,CAAC;IAE9B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YAC9D,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC,gBACU,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,8BAAC,uBAAU,kBACT,GAAG,EAAE,YAAY,IACb,IAAA,qBAAI,EAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAA,qBAAI,EAAC,UAAU,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,wBAExD,IAAA,YAAE,EAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;gBACjC,CAAC,aAAa,CAAC,EAAE,WAAW;aAC7B,CAAC,IAAI,SAAS,EAEjB,UAAU,EAAE,KAAK,IACjB;QACF,8BAAC,sBAAS,IACR,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAET,QAAQ,CACC;QACX,WAAW,IAAI,CACd,8BAAC,sBAAS,IACR,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2DAA2D,IAEpE,WAAW,CACF,CACb,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}

package/cjs/form/radio/RadioGroup.context.d.ts

@@ -0,0 +1,8 @@
+export interface RadioGroupContextProps {
+    name: string;
+    defaultValue?: any;
+    value?: any;
+    onChange: (value: any) => void;
+    required?: boolean;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextProps | null>;

package/cjs/form/radio/RadioGroup.context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupContext = void 0;
+const react_1 = require("react");
+exports.RadioGroupContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=RadioGroup.context.js.map

package/cjs/form/radio/RadioGroup.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.context.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAUzB,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAC5C,IAAI,CACL,CAAC"}

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

@@ -1,13 +1,5 @@
 import React from "react";
 import { FieldsetProps } from "../fieldset";
-export interface RadioGroupContextProps {
-    name: string;
-    defaultValue?: any;
-    value?: any;
-    onChange: (value: any) => void;
-    required?: boolean;
-}
-export declare const RadioGroupContext: React.Context<RadioGroupContextProps | null>;
 export interface RadioGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation" | "defaultValue" | "nativeReadOnly"> {
     /**
      * Collection of `<Radio />`-elements

package/cjs/form/radio/RadioGroup.js

@@ -44,13 +44,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = exports.RadioGroupContext = void 0;
+exports.RadioGroup = void 0;
 const react_1 = __importStar(require("react"));
 const utils_external_1 = require("../../utils-external");
 const helpers_1 = require("../../utils/helpers");
 const fieldset_1 = require("../fieldset");
 const context_1 = require("../fieldset/context");
-exports.RadioGroupContext = react_1.default.createContext(null);
+const RadioGroup_context_1 = require("./RadioGroup.context");
 /**
  * Form radio group
  * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/radio)
@@ -66,14 +66,14 @@ exports.RadioGroup = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, name, defaultValue, value, onChange = () => { }, required, readOnly } = _a, rest = __rest(_a, ["children", "className", "name", "defaultValue", "value", "onChange", "required", "readOnly"]);
     const fieldset = (0, react_1.useContext)(context_1.FieldsetContext);
     const nameId = (0, utils_external_1.useId)();
-    return (react_1.default.createElement(fieldset_1.Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className: (0, helpers_1.cl)(className, "aksel-radio-group", `aksel-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`), _fieldsSupportNativeReadOnly: false }),
-        react_1.default.createElement(exports.RadioGroupContext.Provider, { value: {
-                name: name !== null && name !== void 0 ? name : `radioGroupName-${nameId}`,
-                defaultValue,
-                value,
-                onChange,
-                required,
-            } },
+    return (react_1.default.createElement(RadioGroup_context_1.RadioGroupContext.Provider, { value: {
+            name: name !== null && name !== void 0 ? name : `radioGroupName-${nameId}`,
+            defaultValue,
+            value,
+            onChange,
+            required,
+        } },
+        react_1.default.createElement(fieldset_1.Fieldset, Object.assign({ role: "radiogroup" }, rest, { readOnly: readOnly, ref: ref, className: (0, helpers_1.cl)(className, "aksel-radio-group", `aksel-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`) }),
             react_1.default.createElement("div", { className: "aksel-radio-buttons" }, children))));
 });
 exports.default = exports.RadioGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,yDAA6C;AAC7C,iDAAyC;AACzC,0CAAsD;AACtD,iDAAsD;AAUzC,QAAA,iBAAiB,GAC5B,eAAK,CAAC,aAAa,CAAgC,IAAI,CAAC,CAAC;AAgC3D;;;;;;;;;GASG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAUC,EACD,GAAG,EACH,EAAE;;QAZF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,EACR,QAAQ,OAET,EADI,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,IAAA,sBAAK,GAAE,CAAC;IAEvB,OAAO,CACL,8BAAC,mBAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE,EACD,4BAA4B,EAAE,KAAK;QAEnC,8BAAC,yBAAiB,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,uCAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC1B,CACpB,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/form/radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,yDAA6C;AAC7C,iDAAyC;AACzC,0CAAsD;AACtD,iDAAsD;AACtD,6DAAyD;AAiCzD;;;;;;;;;GASG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAUC,EACD,GAAG,EACH,EAAE;;QAZF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,EACR,QAAQ,OAET,EADI,IAAI,cATT,8FAUC,CADQ;IAIT,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,IAAA,sBAAK,GAAE,CAAC;IAEvB,OAAO,CACL,8BAAC,sCAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,kBAAkB,MAAM,EAAE;YACxC,YAAY;YACZ,KAAK;YACL,QAAQ;YACR,QAAQ;SACT;QAED,8BAAC,mBAAQ,kBACP,IAAI,EAAC,YAAY,IACb,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,mBAAmB,EACnB,sBAAsB,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ,EAAE,CAChE;YAED,uCAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CAC5C,CACgB,CAC9B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}