@navikt/ds-react 0.18.5 → 0.19.0

package/_docs.json

@@ -804,21 +804,21 @@
       },
       "description": {
         "defaultValue": null,
-        "description": "Adds a description to extend labling of a field",
+        "description": "Adds a description to extend labling of Checkbox",
         "name": "description",
         "parent": {
-          "fileName": "react/src/form/useFormField.ts",
-          "name": "FormFieldProps"
+          "fileName": "react/src/form/checkbox/Checkbox.tsx",
+          "name": "CheckboxProps"
         },
         "declarations": [
           {
-            "fileName": "react/src/form/useFormField.ts",
-            "name": "FormFieldProps"
+            "fileName": "react/src/form/checkbox/Checkbox.tsx",
+            "name": "CheckboxProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "ReactNode"
+          "name": "string"
         }
       },
       "id": {
@@ -1201,29 +1201,29 @@
           "name": "\"left\" | \"right\""
         }
       },
-      "size": {
+      "description": {
         "defaultValue": null,
-        "description": "Changes font-size, padding and gaps",
-        "name": "size",
+        "description": "Adds a description to extend labling of Switch",
+        "name": "description",
         "parent": {
-          "fileName": "react/src/form/useFormField.ts",
-          "name": "FormFieldProps"
+          "fileName": "src/form/Switch.tsx",
+          "name": "SwitchProps"
         },
         "declarations": [
           {
-            "fileName": "react/src/form/useFormField.ts",
-            "name": "FormFieldProps"
+            "fileName": "src/form/Switch.tsx",
+            "name": "SwitchProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "\"medium\" | \"small\""
+          "name": "string"
         }
       },
-      "disabled": {
+      "size": {
         "defaultValue": null,
-        "description": "Disables element\n@note Avoid using if possible for accessibility purposes",
-        "name": "disabled",
+        "description": "Changes font-size, padding and gaps",
+        "name": "size",
         "parent": {
           "fileName": "react/src/form/useFormField.ts",
           "name": "FormFieldProps"
@@ -1236,13 +1236,13 @@
         ],
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "\"medium\" | \"small\""
         }
       },
-      "description": {
+      "disabled": {
         "defaultValue": null,
-        "description": "Adds a description to extend labling of a field",
-        "name": "description",
+        "description": "Disables element\n@note Avoid using if possible for accessibility purposes",
+        "name": "disabled",
         "parent": {
           "fileName": "react/src/form/useFormField.ts",
           "name": "FormFieldProps"
@@ -1255,7 +1255,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactNode"
+          "name": "boolean"
         }
       },
       "id": {
@@ -4186,7 +4186,7 @@
     "props": {
       "children": {
         "defaultValue": null,
-        "description": "Content inside read more",
+        "description": "Content inside ReadMore",
         "name": "children",
         "parent": {
           "fileName": "src/read-more/ReadMore.tsx",
@@ -4205,7 +4205,7 @@
       },
       "header": {
         "defaultValue": null,
-        "description": "Read more header content",
+        "description": "ReadMore header content",
         "name": "header",
         "parent": {
           "fileName": "src/read-more/ReadMore.tsx",
@@ -4283,6 +4283,27 @@
           "name": "boolean"
         }
       },
+      "size": {
+        "defaultValue": {
+          "value": "medium"
+        },
+        "description": "Changes fontsize for content",
+        "name": "size",
+        "parent": {
+          "fileName": "src/read-more/ReadMore.tsx",
+          "name": "ReadMoreProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/read-more/ReadMore.tsx",
+            "name": "ReadMoreProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"medium\" | \"small\""
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",
@@ -7728,29 +7749,29 @@
           "name": "boolean"
         }
       },
-      "size": {
+      "description": {
         "defaultValue": null,
-        "description": "Changes font-size, padding and gaps",
-        "name": "size",
+        "description": "Adds a description to extend labling of Checkbox",
+        "name": "description",
         "parent": {
-          "fileName": "react/src/form/useFormField.ts",
-          "name": "FormFieldProps"
+          "fileName": "src/form/checkbox/Checkbox.tsx",
+          "name": "CheckboxProps"
         },
         "declarations": [
           {
-            "fileName": "react/src/form/useFormField.ts",
-            "name": "FormFieldProps"
+            "fileName": "src/form/checkbox/Checkbox.tsx",
+            "name": "CheckboxProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "\"medium\" | \"small\""
+          "name": "string"
         }
       },
-      "disabled": {
+      "size": {
         "defaultValue": null,
-        "description": "Disables element\n@note Avoid using if possible for accessibility purposes",
-        "name": "disabled",
+        "description": "Changes font-size, padding and gaps",
+        "name": "size",
         "parent": {
           "fileName": "react/src/form/useFormField.ts",
           "name": "FormFieldProps"
@@ -7763,13 +7784,13 @@
         ],
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "\"medium\" | \"small\""
         }
       },
-      "description": {
+      "disabled": {
         "defaultValue": null,
-        "description": "Adds a description to extend labling of a field",
-        "name": "description",
+        "description": "Disables element\n@note Avoid using if possible for accessibility purposes",
+        "name": "disabled",
         "parent": {
           "fileName": "react/src/form/useFormField.ts",
           "name": "FormFieldProps"
@@ -7782,7 +7803,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactNode"
+          "name": "boolean"
         }
       },
       "id": {
@@ -8347,29 +8368,29 @@
           "name": "any"
         }
       },
-      "size": {
+      "description": {
         "defaultValue": null,
-        "description": "Changes font-size, padding and gaps",
-        "name": "size",
+        "description": "Adds a description to extend labling of Radio",
+        "name": "description",
         "parent": {
-          "fileName": "react/src/form/useFormField.ts",
-          "name": "FormFieldProps"
+          "fileName": "src/form/radio/Radio.tsx",
+          "name": "RadioProps"
         },
         "declarations": [
           {
-            "fileName": "react/src/form/useFormField.ts",
-            "name": "FormFieldProps"
+            "fileName": "src/form/radio/Radio.tsx",
+            "name": "RadioProps"
           }
         ],
         "required": false,
         "type": {
-          "name": "\"medium\" | \"small\""
+          "name": "string"
         }
       },
-      "disabled": {
+      "size": {
         "defaultValue": null,
-        "description": "Disables element\n@note Avoid using if possible for accessibility purposes",
-        "name": "disabled",
+        "description": "Changes font-size, padding and gaps",
+        "name": "size",
         "parent": {
           "fileName": "react/src/form/useFormField.ts",
           "name": "FormFieldProps"
@@ -8382,13 +8403,13 @@
         ],
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "\"medium\" | \"small\""
         }
       },
-      "description": {
+      "disabled": {
         "defaultValue": null,
-        "description": "Adds a description to extend labling of a field",
-        "name": "description",
+        "description": "Disables element\n@note Avoid using if possible for accessibility purposes",
+        "name": "disabled",
         "parent": {
           "fileName": "react/src/form/useFormField.ts",
           "name": "FormFieldProps"
@@ -8401,7 +8422,7 @@
         ],
         "required": false,
         "type": {
-          "name": "ReactNode"
+          "name": "boolean"
         }
       },
       "id": {

package/cjs/form/useFormField.js

@@ -32,7 +32,7 @@ const useFormField = (props, prefix) => {
             id,
             "aria-invalid": hasError,
             "aria-describedby": (0, classnames_1.default)(props["aria-describedby"], {
-                [inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description),
+                [inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description) && typeof (props === null || props === void 0 ? void 0 : props.description) === "string",
                 [errorId]: showErrorMsg,
                 [(_c = fieldset === null || fieldset === void 0 ? void 0 : fieldset.errorId) !== null && _c !== void 0 ? _c : ""]: hasError && !!(fieldset === null || fieldset === void 0 ? void 0 : fieldset.error),
             }) || undefined,

package/cjs/read-more/ReadMore.js

@@ -43,16 +43,18 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_collapse_1 = require("react-collapse");
 const ds_icons_1 = require("@navikt/ds-icons");
 const typography_1 = require("../typography");
+const ds_icons_2 = require("@navikt/ds-icons");
 exports.ReadMore = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, header, renderContentWhenClosed = false, children, open, defaultOpen = false, onClick } = _a, rest = __rest(_a, ["className", "header", "renderContentWhenClosed", "children", "open", "defaultOpen", "onClick"]);
+    var { className, header, renderContentWhenClosed = false, children, open, defaultOpen = false, onClick, size = "medium" } = _a, rest = __rest(_a, ["className", "header", "renderContentWhenClosed", "children", "open", "defaultOpen", "onClick", "size"]);
     const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
     const CollapseComponent = renderContentWhenClosed
         ? react_collapse_1.Collapse
         : react_collapse_1.UnmountClosed;
     const isOpened = open !== null && open !== void 0 ? open : internalOpen;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("button", Object.assign({ type: "button" }, rest, { className: (0, classnames_1.default)("navds-read-more", "navds-body-short", "navds-body-short--small", className, {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("button", Object.assign({ type: "button" }, rest, { className: (0, classnames_1.default)("navds-read-more", "navds-body-short", `navds-read-more--${size}`, className, {
                 "navds-read-more--open": isOpened,
+                "navds-body-short--small": size === "small",
             }), onClick: (e) => {
                 if (open === undefined) {
                     setInternalOpen((isOpen) => !isOpen);
@@ -60,9 +62,10 @@ exports.ReadMore = (0, react_1.forwardRef)((_a, ref) => {
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
             }, "aria-expanded": isOpened, ref: ref }),
             react_1.default.createElement(ds_icons_1.Expand, { className: "navds-read-more__expand-icon", "aria-hidden": true }),
+            react_1.default.createElement(ds_icons_2.ExpandFilled, { className: "navds-read-more__expand-icon navds-read-more__expand-icon--filled", "aria-hidden": true }),
             react_1.default.createElement("span", null, header)),
         react_1.default.createElement(CollapseComponent, { isOpened: isOpened },
             react_1.default.createElement("div", { className: "navds-read-more__content" },
-                react_1.default.createElement(typography_1.BodyLong, { size: "small" }, children)))));
+                react_1.default.createElement(typography_1.BodyLong, { size: size }, children)))));
 });
 exports.default = exports.ReadMore;

package/esm/form/Switch.d.ts

@@ -18,6 +18,10 @@ export interface SwitchProps extends Omit<FormFieldProps, "error" | "errorId">,
      * @default "left"
      */
     position?: "left" | "right";
+    /**
+     * Adds a description to extend labling of Switch
+     */
+    description?: string;
 }
 export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 export default Switch;

package/esm/form/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/form/Switch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/form/Switch.tsx"],"names":[],"mappings":"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"}

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

@@ -23,6 +23,10 @@ export interface CheckboxProps extends Omit<FormFieldProps, "errorId">, Omit<Inp
      * @default false
      */
     indeterminate?: boolean;
+    /**
+     * Adds a description to extend labling of Checkbox
+     */
+    description?: string;
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AA6BhD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,SAAS,EACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;SAChD,CACF;QAED,+CACM,IAAI,CAAC,KAAK,EAAE;YACd,UAAU;YACV,MAAM;YACN,OAAO;YACP,aAAa;YACb,WAAW;YACX,eAAe;SAChB,CAAC,EACE,UAAU,IACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uBAAuB,kBACnB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAChE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;;gBACV,IAAI,EAAE,EAAE;oBACN,EAAE,CAAC,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC;iBACjD;gBAED,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,EAAE,CAAC,CAAC;iBACT;qBAAM,IAAI,GAAG,IAAI,IAAI,EAAE;oBACtB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;iBAClB;YACH,CAAC,IACD;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,uBAAuB;YAC9D,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;oBACvC,eAAe,EAAE,KAAK,CAAC,SAAS;iBACjC,CAAC;gBAEF,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,IAC3B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,WAAW,IACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,IAEtC,KAAK,CAAC,WAAW,CACN,CACf,CACG,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAiChD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,SAAS,EACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;SAChD,CACF;QAED,+CACM,IAAI,CAAC,KAAK,EAAE;YACd,UAAU;YACV,MAAM;YACN,OAAO;YACP,aAAa;YACb,WAAW;YACX,eAAe;SAChB,CAAC,EACE,UAAU,IACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uBAAuB,kBACnB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAChE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;;gBACV,IAAI,EAAE,EAAE;oBACN,EAAE,CAAC,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC;iBACjD;gBAED,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,EAAE,CAAC,CAAC;iBACT;qBAAM,IAAI,GAAG,IAAI,IAAI,EAAE;oBACtB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;iBAClB;YACH,CAAC,IACD;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,uBAAuB;YAC9D,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;oBACvC,eAAe,EAAE,KAAK,CAAC,SAAS;iBACjC,CAAC;gBAEF,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,IAC3B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,WAAW,IACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,IAEtC,KAAK,CAAC,WAAW,CACN,CACf,CACG,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -9,6 +9,10 @@ export interface RadioProps extends Omit<FormFieldProps, "error" | "errorId">, O
      * The value of the HTML element
      */
     value: any;
+    /**
+     * Adds a description to extend labling of Radio
+     */
+    description?: string;
 }
 export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
 export default Radio;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAetC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;SAC7C,CAAC;QAEF,+CACM,IAAI,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,EAChD,UAAU,IACd,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,IACR;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,oBAAoB;YAC3D,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,IAC3B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,WAAW,IACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,0BAA0B,IAEnC,KAAK,CAAC,WAAW,CACN,CACf,CACG,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAmBtC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;SAC7C,CAAC;QAEF,+CACM,IAAI,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,EAChD,UAAU,IACd,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,IACR;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,oBAAoB;YAC3D,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,IAC3B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,WAAW,IACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,0BAA0B,IAEnC,KAAK,CAAC,WAAW,CACN,CACf,CACG,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/esm/form/useFormField.js

@@ -26,7 +26,7 @@ export const useFormField = (props, prefix) => {
             id,
             "aria-invalid": hasError,
             "aria-describedby": cl(props["aria-describedby"], {
-                [inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description),
+                [inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description) && typeof (props === null || props === void 0 ? void 0 : props.description) === "string",
                 [errorId]: showErrorMsg,
                 [(_c = fieldset === null || fieldset === void 0 ? void 0 : fieldset.errorId) !== null && _c !== void 0 ? _c : ""]: hasError && !!(fieldset === null || fieldset === void 0 ? void 0 : fieldset.error),
             }) || undefined,

package/esm/form/useFormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormField.js","sourceRoot":"","sources":["../../src/form/useFormField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA8BjC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,MAAc,EAAE,EAAE;;IACpE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;IAEtB,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,GAAG,MAAM,UAAU,KAAK,EAAE,CAAC;IAC1D,MAAM,kBAAkB,GAAG,GAAG,MAAM,gBAAgB,KAAK,EAAE,CAAC;IAE5D,MAAM,QAAQ,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,KAAI,KAAK,CAAC,QAAQ,CAAC;IACtD,MAAM,QAAQ,GAAY,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,KAAK,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;IAExE,OAAO;QACL,YAAY;QACZ,QAAQ;QACR,OAAO;QACP,kBAAkB;QAClB,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ;QACxC,UAAU,EAAE;YACV,EAAE;YACF,cAAc,EAAE,QAAQ;YACxB,kBAAkB,EAChB,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;gBAC5B,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAA;gBAC1C,CAAC,OAAO,CAAC,EAAE,YAAY;gBACvB,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,mCAAI,EAAE,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA;aACzD,CAAC,IAAI,SAAS;YACjB,QAAQ;SACT;KACF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useFormField.js","sourceRoot":"","sources":["../../src/form/useFormField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA8BjC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,MAAc,EAAE,EAAE;;IACpE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;IAEtB,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,GAAG,MAAM,UAAU,KAAK,EAAE,CAAC;IAC1D,MAAM,kBAAkB,GAAG,GAAG,MAAM,gBAAgB,KAAK,EAAE,CAAC;IAE5D,MAAM,QAAQ,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,KAAI,KAAK,CAAC,QAAQ,CAAC;IACtD,MAAM,QAAQ,GAAY,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,KAAK,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;IAExE,OAAO;QACL,YAAY;QACZ,QAAQ;QACR,OAAO;QACP,kBAAkB;QAClB,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ;QACxC,UAAU,EAAE;YACV,EAAE;YACF,cAAc,EAAE,QAAQ;YACxB,kBAAkB,EAChB,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;gBAC5B,CAAC,kBAAkB,CAAC,EAClB,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAA,IAAI,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAA,KAAK,QAAQ;gBAChE,CAAC,OAAO,CAAC,EAAE,YAAY;gBACvB,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,mCAAI,EAAE,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA;aACzD,CAAC,IAAI,SAAS;YACjB,QAAQ;SACT;KACF,CAAC;AACJ,CAAC,CAAC"}

package/esm/read-more/ReadMore.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
-     * Content inside read more
+     * Content inside ReadMore
      */
     children: React.ReactNode;
     /**
-     * Read more header content
+     * ReadMore header content
      */
     header: React.ReactNode;
     /**
@@ -23,6 +23,11 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
      * @default false
      */
     renderContentWhenClosed?: boolean;
+    /**
+     * Changes fontsize for content
+     * @default false
+     */
+    size?: "medium" | "small";
 }
 export declare const ReadMore: React.ForwardRefExoticComponent<ReadMoreProps & React.RefAttributes<HTMLButtonElement>>;
 export default ReadMore;

package/esm/read-more/ReadMore.js

@@ -14,16 +14,18 @@ import cl from "classnames";
 import { Collapse, UnmountClosed } from "react-collapse";
 import { Expand } from "@navikt/ds-icons";
 import { BodyLong } from "../typography";
+import { ExpandFilled } from "@navikt/ds-icons";
 export const ReadMore = forwardRef((_a, ref) => {
-    var { className, header, renderContentWhenClosed = false, children, open, defaultOpen = false, onClick } = _a, rest = __rest(_a, ["className", "header", "renderContentWhenClosed", "children", "open", "defaultOpen", "onClick"]);
+    var { className, header, renderContentWhenClosed = false, children, open, defaultOpen = false, onClick, size = "medium" } = _a, rest = __rest(_a, ["className", "header", "renderContentWhenClosed", "children", "open", "defaultOpen", "onClick", "size"]);
     const [internalOpen, setInternalOpen] = useState(defaultOpen);
     const CollapseComponent = renderContentWhenClosed
         ? Collapse
         : UnmountClosed;
     const isOpened = open !== null && open !== void 0 ? open : internalOpen;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("button", Object.assign({ type: "button" }, rest, { className: cl("navds-read-more", "navds-body-short", "navds-body-short--small", className, {
+    return (React.createElement("div", null,
+        React.createElement("button", Object.assign({ type: "button" }, rest, { className: cl("navds-read-more", "navds-body-short", `navds-read-more--${size}`, className, {
                 "navds-read-more--open": isOpened,
+                "navds-body-short--small": size === "small",
             }), onClick: (e) => {
                 if (open === undefined) {
                     setInternalOpen((isOpen) => !isOpen);
@@ -31,10 +33,11 @@ export const ReadMore = forwardRef((_a, ref) => {
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
             }, "aria-expanded": isOpened, ref: ref }),
             React.createElement(Expand, { className: "navds-read-more__expand-icon", "aria-hidden": true }),
+            React.createElement(ExpandFilled, { className: "navds-read-more__expand-icon navds-read-more__expand-icon--filled", "aria-hidden": true }),
             React.createElement("span", null, header)),
         React.createElement(CollapseComponent, { isOpened: isOpened },
             React.createElement("div", { className: "navds-read-more__content" },
-                React.createElement(BodyLong, { size: "small" }, children)))));
+                React.createElement(BodyLong, { size: size }, children)))));
 });
 export default ReadMore;
 //# sourceMappingURL=ReadMore.js.map

package/esm/read-more/ReadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA6BzC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,MAAM,EACN,uBAAuB,GAAG,KAAK,EAC/B,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cART,gGASC,CADQ;IAIT,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IACvE,MAAM,iBAAiB,GAAG,uBAAuB;QAC/C,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,aAAa,CAAC;IAElB,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC;IAEtC,OAAO,CACL;QACE,8CACE,IAAI,EAAC,QAAQ,IACT,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,EACT;gBACE,uBAAuB,EAAE,QAAQ;aAClC,CACF,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,IAAI,KAAK,SAAS,EAAE;oBACtB,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;iBACtC;gBACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,mBACc,QAAQ,EACvB,GAAG,EAAE,GAAG;YAER,oBAAC,MAAM,IAAC,SAAS,EAAC,8BAA8B,wBAAe;YAC/D,kCAAO,MAAM,CAAQ,CACd;QACT,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ;YACnC,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,IAAE,QAAQ,CAAY,CACxC,CACY,CACnB,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkChD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,uBAAuB,GAAG,KAAK,EAC/B,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IACvE,MAAM,iBAAiB,GAAG,uBAAuB;QAC/C,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,aAAa,CAAC;IAElB,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC;IAEtC,OAAO,CACL;QACE,8CACE,IAAI,EAAC,QAAQ,IACT,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT;gBACE,uBAAuB,EAAE,QAAQ;gBACjC,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CACF,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,IAAI,KAAK,SAAS,EAAE;oBACtB,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;iBACtC;gBACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,mBACc,QAAQ,EACvB,GAAG,EAAE,GAAG;YAER,oBAAC,MAAM,IAAC,SAAS,EAAE,8BAA8B,wBAAgB;YACjE,oBAAC,YAAY,IACX,SAAS,EACP,mEAAmE,wBAGrE;YACF,kCAAO,MAAM,CAAQ,CACd;QACT,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ;YACnC,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAY,CACvC,CACY,CAChB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/read-more/index.d.ts

@@ -1 +1,2 @@
-export { default as ReadMore, ReadMoreProps } from "./ReadMore";
+export { default as ReadMore } from "./ReadMore";
+export { ReadMoreProps } from "./ReadMore";

package/esm/read-more/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/read-more/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAiB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/read-more/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "0.18.5",
+  "version": "0.19.0",
   "private": false,
   "description": "NAV designsystem react components",
   "author": "NAV Designsystem team",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@floating-ui/react-dom": "0.6.0",
     "@material-ui/core": "^4.12.3",
-    "@navikt/ds-icons": "^0.8.11",
+    "@navikt/ds-icons": "^0.8.13",
     "@popperjs/core": "^2.10.1",
     "@radix-ui/react-tabs": "0.1.5",
     "@radix-ui/react-toggle-group": "0.1.5",
@@ -74,5 +74,5 @@
     "@types/react": "^17.0.30 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0"
   },
-  "gitHead": "7fb0ac1e3de0ea6e17bc436ea75c389ae236ac65"
+  "gitHead": "17f35836538a5956def85cefe08ba956c71ba3b2"
 }

package/src/form/Switch.tsx

@@ -50,6 +50,10 @@ export interface SwitchProps
    * @default "left"
    */
   position?: "left" | "right";
+  /**
+   * Adds a description to extend labling of Switch
+   */
+  description?: string;
 }
 
 export const Switch = forwardRef<HTMLInputElement, SwitchProps>(

package/src/form/checkbox/Checkbox.tsx

@@ -29,6 +29,10 @@ export interface CheckboxProps
    * @default false
    */
   indeterminate?: boolean;
+  /**
+   * Adds a description to extend labling of Checkbox
+   */
+  description?: string;
 }
 
 export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(

package/src/form/checkbox/checkbox.stories.tsx

@@ -14,48 +14,52 @@ export const Default = (props) => {
   const [state, setState] = useState(["checkbox1"]);
 
   return (
-    <CheckboxGroup
-      legend={props.legend}
-      description={props.description}
-      value={props.controlled ? state : undefined}
-      onChange={props.controlled ? setState : undefined}
-      hideLegend={props.hideLegend}
-      error={props.errorGroup ? "Errormelding" : undefined}
-      {...props}
-    >
-      <Checkbox
-        value="checkbox1"
-        indeterminate={props.indeterminate}
-        hideLabel={props.hideLabel}
-      >
-        {props.children || "Apple"}
-      </Checkbox>
-      <Checkbox
-        value="checkbox2"
-        error={props.errorSingle}
-        description={
-          props.checkboxDescription ? "Orange description" : undefined
-        }
-        indeterminate={props.indeterminate}
-        hideLabel={props.hideLabel}
-      >
-        {props.children || "Orange"}
-      </Checkbox>
-      <Checkbox
-        value="checkbox3"
-        indeterminate={props.indeterminate}
-        hideLabel={props.hideLabel}
-      >
-        {props.children || "Banana"}
-      </Checkbox>
-      <Checkbox
-        value="checkbox4"
-        indeterminate={props.indeterminate}
-        hideLabel={props.hideLabel}
+    <div>
+      <CheckboxGroup
+        legend={props.legend}
+        description={props.description}
+        value={props.controlled ? state : undefined}
+        onChange={props.controlled ? setState : undefined}
+        hideLegend={props.hideLegend}
+        error={props.errorGroup ? "Errormelding" : undefined}
+        {...props}
       >
-        {props.children || "Melon"}
-      </Checkbox>
-    </CheckboxGroup>
+        <Checkbox
+          value="checkbox1"
+          indeterminate={props.indeterminate}
+          hideLabel={props.hideLabel}
+        >
+          {props.children || "Apple"}
+        </Checkbox>
+        <Checkbox
+          value="checkbox2"
+          error={props.errorSingle}
+          description={
+            props.checkboxDescription
+              ? "Quis laborum culpa enim amet cillum veniam."
+              : undefined
+          }
+          indeterminate={props.indeterminate}
+          hideLabel={props.hideLabel}
+        >
+          {props.children || "Orange"}
+        </Checkbox>
+        <Checkbox
+          value="checkbox3"
+          indeterminate={props.indeterminate}
+          hideLabel={props.hideLabel}
+        >
+          {props.children || "Banana"}
+        </Checkbox>
+        <Checkbox
+          value="checkbox4"
+          indeterminate={props.indeterminate}
+          hideLabel={props.hideLabel}
+        >
+          {props.children || "Melon"}
+        </Checkbox>
+      </CheckboxGroup>
+    </div>
   );
 };
 
@@ -63,6 +67,7 @@ Default.args = {
   controlled: false,
   legend: "Legend-tekst",
   checkboxDescription: false,
+  hideLabel: false,
   hideLegend: false,
   errorSingle: false,
   children: "",

package/src/form/radio/Radio.tsx

@@ -15,6 +15,10 @@ export interface RadioProps
    * The value of the HTML element
    */
   value: any;
+  /**
+   * Adds a description to extend labling of Radio
+   */
+  description?: string;
 }
 
 export const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {

package/src/form/radio/radio.stories.tsx

@@ -1,6 +1,6 @@
+import { Meta } from "@storybook/react/types-6-0";
 import React, { useState } from "react";
 import { Radio, RadioGroup } from "../../index";
-import { Meta } from "@storybook/react/types-6-0";
 
 export default {
   title: "ds-react/Form/Radio",

package/src/form/useFormField.ts

@@ -60,7 +60,8 @@ export const useFormField = (props: FormFieldProps, prefix: string) => {
       "aria-invalid": hasError,
       "aria-describedby":
         cl(props["aria-describedby"], {
-          [inputDescriptionId]: !!props?.description,
+          [inputDescriptionId]:
+            !!props?.description && typeof props?.description === "string",
           [errorId]: showErrorMsg,
           [fieldset?.errorId ?? ""]: hasError && !!fieldset?.error,
         }) || undefined,

package/src/read-more/ReadMore.tsx

@@ -3,15 +3,16 @@ import cl from "classnames";
 import { Collapse, UnmountClosed } from "react-collapse";
 import { Expand } from "@navikt/ds-icons";
 import { BodyLong } from "../typography";
+import { ExpandFilled } from "@navikt/ds-icons";
 
 export interface ReadMoreProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
-   * Content inside read more
+   * Content inside ReadMore
    */
   children: React.ReactNode;
   /**
-   * Read more header content
+   * ReadMore header content
    */
   header: React.ReactNode;
   /**
@@ -29,6 +30,11 @@ export interface ReadMoreProps
    * @default false
    */
   renderContentWhenClosed?: boolean;
+  /**
+   * Changes fontsize for content
+   * @default false
+   */
+  size?: "medium" | "small";
 }
 
 export const ReadMore = forwardRef<HTMLButtonElement, ReadMoreProps>(
@@ -41,6 +47,7 @@ export const ReadMore = forwardRef<HTMLButtonElement, ReadMoreProps>(
       open,
       defaultOpen = false,
       onClick,
+      size = "medium",
       ...rest
     },
     ref
@@ -53,17 +60,18 @@ export const ReadMore = forwardRef<HTMLButtonElement, ReadMoreProps>(
     const isOpened = open ?? internalOpen;
 
     return (
-      <>
+      <div>
         <button
           type="button"
           {...rest}
           className={cl(
             "navds-read-more",
             "navds-body-short",
-            "navds-body-short--small",
+            `navds-read-more--${size}`,
             className,
             {
               "navds-read-more--open": isOpened,
+              "navds-body-short--small": size === "small",
             }
           )}
           onClick={(e) => {
@@ -75,15 +83,21 @@ export const ReadMore = forwardRef<HTMLButtonElement, ReadMoreProps>(
           aria-expanded={isOpened}
           ref={ref}
         >
-          <Expand className="navds-read-more__expand-icon" aria-hidden />
+          <Expand className={"navds-read-more__expand-icon"} aria-hidden />
+          <ExpandFilled
+            className={
+              "navds-read-more__expand-icon navds-read-more__expand-icon--filled"
+            }
+            aria-hidden
+          />
           <span>{header}</span>
         </button>
         <CollapseComponent isOpened={isOpened}>
           <div className="navds-read-more__content">
-            <BodyLong size="small">{children}</BodyLong>
+            <BodyLong size={size}>{children}</BodyLong>
           </div>
         </CollapseComponent>
-      </>
+      </div>
     );
   }
 );

package/src/read-more/index.ts

@@ -1 +1,2 @@
-export { default as ReadMore, ReadMoreProps } from "./ReadMore";
+export { default as ReadMore } from "./ReadMore";
+export { ReadMoreProps } from "./ReadMore";

package/src/read-more/readmore.stories.tsx

@@ -0,0 +1,56 @@
+import React, { useState } from "react";
+import { ReadMore } from ".";
+
+export default {
+  title: "ds-react/ReadMore",
+  component: ReadMore,
+  argTypes: {
+    size: {
+      control: {
+        type: "radio",
+        options: ["medium", "small"],
+      },
+    },
+  },
+};
+
+export const Default = (props) => {
+  const [state, setState] = useState(false);
+
+  return (
+    <ReadMore
+      open={props.controlled ? state : undefined}
+      onClick={() => setState((x) => !x)}
+      header="Grunnen til at vi spør om dette og i tillegg ber om vedlegg"
+      {...props}
+    >
+      Command station, this is ST 321. Code Clearance Blue. We're starting our
+      approach. Deactivate the security shield.
+    </ReadMore>
+  );
+};
+
+Default.args = {
+  controlled: false,
+  size: "medium",
+};
+
+export const Small = () => (
+  <ReadMore
+    header="Grunnen til at vi spør om dette og i tillegg ber om vedlegg"
+    size="small"
+  >
+    Command station, this is ST 321. Code Clearance Blue. We're starting our
+    approach. Deactivate the security shield.
+  </ReadMore>
+);
+
+export const Open = () => (
+  <ReadMore
+    header="Grunnen til at vi spør om dette og i tillegg ber om vedlegg"
+    defaultOpen
+  >
+    Command station, this is ST 321. Code Clearance Blue. We're starting our
+    approach. Deactivate the security shield.
+  </ReadMore>
+);

package/src/table/stories/table-async.stories.tsx

@@ -1,5 +1,4 @@
 import React, { useState } from "react";
-import { rest } from "msw";
 import useSWR from "swr";
 import people from "./people.json";
 import { Table } from "../index";
@@ -21,6 +20,42 @@ const queryString = (obj) =>
     .map((key) => key + "=" + obj[key])
     .join("&");
 
+const updateData = async (url: string) => {
+  const newUrl = new URL(`https://www.example.com/${url}`);
+  const comparator = (a, b, orderBy) => {
+    if (b[orderBy] < a[orderBy]) {
+      return -1;
+    }
+    if (b[orderBy] > a[orderBy]) {
+      return 1;
+    }
+    return 0;
+  };
+
+  const page = Number(newUrl.searchParams.get("page"));
+  const sort = newUrl.searchParams.get("sort");
+
+  await new Promise((resolve) =>
+    setTimeout(resolve, Math.round(Math.random() * (1000 - 200) + 200))
+  );
+
+  return {
+    count: people.length,
+    results: people
+      .slice()
+      .sort((a, b) => {
+        if (sort) {
+          const [orderBy, direction] = sort.split(":");
+          return direction === "ascending"
+            ? comparator(b, a, orderBy)
+            : comparator(a, b, orderBy);
+        }
+        return 1;
+      })
+      .slice((page - 1) * rowsPerPage, page * rowsPerPage),
+  };
+};
+
 export const Async = () => {
   const [page, setPage] = useState(1);
   const [sort, setSort] = useState<SortState>();
@@ -30,7 +65,7 @@ export const Async = () => {
       page,
       sort: sort ? `${sort.orderBy}:${sort.direction}` : undefined,
     })}`,
-    (url) => fetch(url).then((res) => res.json())
+    (url) => updateData(url)
   );
 
   if (!data) {
@@ -128,42 +163,3 @@ export const Async = () => {
     </div>
   );
 };
-
-Async.parameters = {
-  msw: {
-    handlers: [
-      rest.get("/people", (req, res, ctx) => {
-        const comparator = (a, b, orderBy) => {
-          if (b[orderBy] < a[orderBy]) {
-            return -1;
-          }
-          if (b[orderBy] > a[orderBy]) {
-            return 1;
-          }
-          return 0;
-        };
-
-        const page = Number(req.url.searchParams.get("page"));
-        const sort = req.url.searchParams.get("sort");
-        return res(
-          //ctx.delay(),
-          ctx.json({
-            count: people.length,
-            results: people
-              .slice()
-              .sort((a, b) => {
-                if (sort) {
-                  const [orderBy, direction] = sort.split(":");
-                  return direction === "ascending"
-                    ? comparator(b, a, orderBy)
-                    : comparator(a, b, orderBy);
-                }
-                return 1;
-              })
-              .slice((page - 1) * rowsPerPage, page * rowsPerPage),
-          })
-        );
-      }),
-    ],
-  },
-};

package/src/read-more/read-more.stories.tsx

@@ -1,60 +0,0 @@
-import React, { useState } from "react";
-import { ReadMore } from ".";
-import { Link } from "..";
-
-export default {
-  title: "ds-react/read-more",
-  component: ReadMore,
-};
-
-export const All = () => {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <>
-      <h1>Read more</h1>
-      <h2>Controlled</h2>
-      <ReadMore
-        open={open}
-        onClick={() => setOpen(!open)}
-        header="ReadMore header text ReadMore header text ReadMore header text ReadMore header text ReadMore header text"
-      >
-        Magna aliquip aliquip fugiat nostrud nostrud velit pariatur veniam
-        officia laboris voluptate officia pariatur.Lorem est ex anim velit
-        occaecat nisi qui nostrud sit consectetur consectetur officia nostrud
-        ullamco. Est ex duis proident nostrud elit qui laborum anim minim eu
-        eiusmod. Veniam in nostrud sunt tempor velit incididunt sint ex dolor
-        qui velit id eu.{" "}
-        <Link href="example.com">Deserunt magna sunt velit in</Link>. Est
-        exercitation id cillum qui do. Minim adipisicing nostrud commodo
-        proident occaecat aliquip nulla anim proident reprehenderit. Magna ipsum
-        officia veniam cupidatat duis veniam dolore reprehenderit mollit
-        velit.Ut consequat commodo minim occaecat id pariatur. Nisi enim tempor
-        laborum commodo. Tempor sit quis nostrud eu cupidatat sunt commodo
-        reprehenderit irure deserunt eiusmod ipsum. Exercitation quis commodo
-        cillum eiusmod eiusmod. Do laborum qui proident commodo adipisicing
-        eiusmod id.
-      </ReadMore>
-      <h2>Un-controlled</h2>
-      <ReadMore header="ReadMore header text">
-        Magna aliquip aliquip fugiat nostrud nostrud velit pariatur veniam
-        officia laboris voluptate officia pariatur.Lorem est ex anim velit
-        occaecat nisi qui nostrud sit consectetur consectetur officia nostrud
-        ullamco. Est ex duis proident nostrud elit qui laborum anim minim eu
-        eiusmod. Veniam in nostrud sunt tempor velit incididunt sint ex dolor
-        qui velit id eu. Deserunt magna sunt velit in. Est exercitation id
-        cillum qui do. Minim adipisicing nostrud commodo proident occaecat
-        aliquip nulla anim proident reprehenderit. Magna ipsum officia veniam
-        cupidatat duis veniam dolore reprehenderit mollit velit.Ut consequat
-        commodo minim occaecat id pariatur. Nisi enim tempor laborum commodo.
-        Tempor sit quis nostrud eu cupidatat sunt commodo reprehenderit irure
-        deserunt eiusmod ipsum. Exercitation quis commodo cillum eiusmod
-        eiusmod. Do laborum qui proident commodo adipisicing eiusmod id.
-      </ReadMore>
-      <h2>Default open</h2>
-      <ReadMore header="ReadMore header text" defaultOpen>
-        Body
-      </ReadMore>
-    </>
-  );
-};