@navikt/ds-react 5.2.1 → 5.3.1

package/_docs.json

@@ -4423,90 +4423,6 @@
       }
     }
   },
-  {
-    "filePath": "src/guide-panel/Guide.tsx",
-    "displayName": "Guide",
-    "props": {
-      "illustration": {
-        "defaultValue": null,
-        "description": "Custom svg/img element",
-        "name": "illustration",
-        "parent": {
-          "fileName": "src/guide-panel/Guide.tsx",
-          "name": "GuideProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/guide-panel/Guide.tsx",
-            "name": "GuideProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "size": {
-        "defaultValue": {
-          "value": "medium"
-        },
-        "description": "Predefined size properties for illustration",
-        "name": "size",
-        "parent": {
-          "fileName": "src/guide-panel/Guide.tsx",
-          "name": "GuideProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/guide-panel/Guide.tsx",
-            "name": "GuideProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "\"small\" | \"medium\""
-        }
-      },
-      "className": {
-        "defaultValue": null,
-        "description": "",
-        "name": "className",
-        "parent": {
-          "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
-          "name": "HTMLAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
-            "name": "HTMLAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "ref": {
-        "defaultValue": null,
-        "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
-        "name": "ref",
-        "parent": {
-          "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
-          "name": "RefAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
-            "name": "RefAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Ref<HTMLDivElement>"
-        }
-      }
-    }
-  },
   {
     "filePath": "src/guide-panel/GuidePanel.tsx",
     "displayName": "GuidePanel",
@@ -4551,9 +4467,9 @@
       },
       "poster": {
         "defaultValue": {
-          "value": "false"
+          "value": "true on mobile (<480px)"
         },
-        "description": "Poster positions guide-illustation above content",
+        "description": "Render illustation above content",
         "name": "poster",
         "parent": {
           "fileName": "src/guide-panel/GuidePanel.tsx",
@@ -9665,7 +9581,7 @@
         "defaultValue": {
           "value": "medium"
         },
-        "description": "medium: 18px, small: 16px",
+        "description": "large: 20px, medium: 18px, small: 16px",
         "name": "size",
         "parent": {
           "fileName": "src/typography/BodyLong.tsx",
@@ -9679,12 +9595,12 @@
         ],
         "required": false,
         "type": {
-          "name": "\"medium\" | \"small\""
+          "name": "\"large\" | \"medium\" | \"small\""
         }
       },
       "children": {
         "defaultValue": null,
-        "description": "Paragraph text",
+        "description": "Text",
         "name": "children",
         "parent": {
           "fileName": "src/typography/BodyLong.tsx",
@@ -9701,18 +9617,76 @@
           "name": "ReactNode"
         }
       },
+      "truncate": {
+        "defaultValue": null,
+        "description": "Truncate text overflow with ellipsis.",
+        "name": "truncate",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "weight": {
+        "defaultValue": {
+          "value": "regular"
+        },
+        "description": "Adjusts font-weight.",
+        "name": "weight",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"regular\" | \"semibold\""
+        }
+      },
+      "align": {
+        "defaultValue": null,
+        "description": "Adjust text-align.",
+        "name": "align",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"start\" | \"center\" | \"end\""
+        }
+      },
+      "visuallyHidden": {
+        "defaultValue": null,
+        "description": "Visually hide text. Text will still be accessible for screenreaders",
+        "name": "visuallyHidden",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "spacing": {
         "defaultValue": null,
-        "description": "Adds margin-bottom",
+        "description": "Adds spacing below text",
         "name": "spacing",
-        "parent": {
-          "fileName": "src/typography/BodyLong.tsx",
-          "name": "BodyLongProps"
-        },
         "declarations": [
           {
-            "fileName": "src/typography/BodyLong.tsx",
-            "name": "BodyLongProps"
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -9720,6 +9694,21 @@
           "name": "boolean"
         }
       },
+      "textColor": {
+        "defaultValue": null,
+        "description": "Adjusts color",
+        "name": "textColor",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"default\" | \"subtle\""
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",
@@ -9768,7 +9757,7 @@
         "defaultValue": {
           "value": "medium"
         },
-        "description": "medium: 18px, small: 16px",
+        "description": "large: 20px, medium: 18px, small: 16px",
         "name": "size",
         "parent": {
           "fileName": "src/typography/BodyShort.tsx",
@@ -9782,7 +9771,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"medium\" | \"small\""
+          "name": "\"large\" | \"medium\" | \"small\""
         }
       },
       "children": {
@@ -9804,18 +9793,76 @@
           "name": "ReactNode"
         }
       },
+      "truncate": {
+        "defaultValue": null,
+        "description": "Truncate text overflow with ellipsis.",
+        "name": "truncate",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "weight": {
+        "defaultValue": {
+          "value": "regular"
+        },
+        "description": "Adjusts font-weight.",
+        "name": "weight",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"regular\" | \"semibold\""
+        }
+      },
+      "align": {
+        "defaultValue": null,
+        "description": "Adjust text-align.",
+        "name": "align",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"start\" | \"center\" | \"end\""
+        }
+      },
+      "visuallyHidden": {
+        "defaultValue": null,
+        "description": "Visually hide text. Text will still be accessible for screenreaders",
+        "name": "visuallyHidden",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "spacing": {
         "defaultValue": null,
-        "description": "Adds margin-bottom",
+        "description": "Adds spacing below text",
         "name": "spacing",
-        "parent": {
-          "fileName": "src/typography/BodyShort.tsx",
-          "name": "BodyShortProps"
-        },
         "declarations": [
           {
-            "fileName": "src/typography/BodyShort.tsx",
-            "name": "BodyShortProps"
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -9823,6 +9870,21 @@
           "name": "boolean"
         }
       },
+      "textColor": {
+        "defaultValue": null,
+        "description": "Adjusts color",
+        "name": "textColor",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"default\" | \"subtle\""
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",
@@ -9907,10 +9969,10 @@
           "name": "ReactNode"
         }
       },
-      "spacing": {
+      "uppercase": {
         "defaultValue": null,
-        "description": "Adds margin-bottom",
-        "name": "spacing",
+        "description": "All caps",
+        "name": "uppercase",
         "parent": {
           "fileName": "src/typography/Detail.tsx",
           "name": "DetailProps"
@@ -9926,18 +9988,76 @@
           "name": "boolean"
         }
       },
-      "uppercase": {
+      "truncate": {
         "defaultValue": null,
-        "description": "All caps",
-        "name": "uppercase",
-        "parent": {
-          "fileName": "src/typography/Detail.tsx",
-          "name": "DetailProps"
+        "description": "Truncate text overflow with ellipsis.",
+        "name": "truncate",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "weight": {
+        "defaultValue": {
+          "value": "regular"
         },
+        "description": "Adjusts font-weight.",
+        "name": "weight",
         "declarations": [
           {
-            "fileName": "src/typography/Detail.tsx",
-            "name": "DetailProps"
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"regular\" | \"semibold\""
+        }
+      },
+      "align": {
+        "defaultValue": null,
+        "description": "Adjust text-align.",
+        "name": "align",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"start\" | \"center\" | \"end\""
+        }
+      },
+      "visuallyHidden": {
+        "defaultValue": null,
+        "description": "Visually hide text. Text will still be accessible for screenreaders",
+        "name": "visuallyHidden",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "spacing": {
+        "defaultValue": null,
+        "description": "Adds spacing below text",
+        "name": "spacing",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -9945,6 +10065,21 @@
           "name": "boolean"
         }
       },
+      "textColor": {
+        "defaultValue": null,
+        "description": "Adjusts color",
+        "name": "textColor",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"default\" | \"subtle\""
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",
@@ -10031,16 +10166,12 @@
       },
       "spacing": {
         "defaultValue": null,
-        "description": "Adds margin-bottom",
+        "description": "Adds spacing below text",
         "name": "spacing",
-        "parent": {
-          "fileName": "src/typography/ErrorMessage.tsx",
-          "name": "ErrorMessageProps"
-        },
         "declarations": [
           {
-            "fileName": "src/typography/ErrorMessage.tsx",
-            "name": "ErrorMessageProps"
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -10152,19 +10283,28 @@
         }
       },
       "spacing": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "Adds margin-bottom",
+        "defaultValue": null,
+        "description": "Adds spacing below text",
         "name": "spacing",
-        "parent": {
-          "fileName": "src/typography/Heading.tsx",
-          "name": "HeadingProps"
-        },
         "declarations": [
           {
-            "fileName": "src/typography/Heading.tsx",
-            "name": "HeadingProps"
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "visuallyHidden": {
+        "defaultValue": null,
+        "description": "Visually hide text. Text will still be accessible for screenreaders",
+        "name": "visuallyHidden",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -10172,6 +10312,36 @@
           "name": "boolean"
         }
       },
+      "align": {
+        "defaultValue": null,
+        "description": "Adjust text-align.",
+        "name": "align",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"start\" | \"center\" | \"end\""
+        }
+      },
+      "textColor": {
+        "defaultValue": null,
+        "description": "Adjusts color",
+        "name": "textColor",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"default\" | \"subtle\""
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",
@@ -10338,18 +10508,29 @@
           "name": "ReactNode"
         }
       },
+      "visuallyHidden": {
+        "defaultValue": null,
+        "description": "Visually hide text. Text will still be accessible for screenreaders",
+        "name": "visuallyHidden",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "spacing": {
         "defaultValue": null,
-        "description": "Adds margin-bottom",
+        "description": "Adds spacing below text",
         "name": "spacing",
-        "parent": {
-          "fileName": "src/typography/Label.tsx",
-          "name": "LabelProps"
-        },
         "declarations": [
           {
-            "fileName": "src/typography/Label.tsx",
-            "name": "LabelProps"
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -10357,6 +10538,21 @@
           "name": "boolean"
         }
       },
+      "textColor": {
+        "defaultValue": null,
+        "description": "Adjusts color",
+        "name": "textColor",
+        "declarations": [
+          {
+            "fileName": "react/src/typography/types.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"default\" | \"subtle\""
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",

package/cjs/date/DateInput.js

@@ -75,7 +75,7 @@ const DateInput = (0, react_1.forwardRef)((props, ref) => {
                 "navds-sr-only": hideLabel,
             }), id: inputDescriptionId, size: size }, description)),
         react_1.default.createElement("div", { className: "navds-date__field-wrapper" },
-            react_1.default.createElement("input", Object.assign({ ref: ref }, (0, __1.omit)(rest, ["error", "errorId", "size"]), inputProps, { autoComplete: "off", "aria-controls": open ? ariaId : undefined, readOnly: readOnly, className: (0, clsx_1.default)("navds-date__field-input", "navds-text-field__input", "navds-body-short", `navds-body-${size}`), size: 14 })),
+            react_1.default.createElement("input", Object.assign({ ref: ref }, (0, __1.omit)(rest, ["error", "errorId", "size"]), inputProps, { autoComplete: "off", "aria-controls": open ? ariaId : undefined, readOnly: readOnly, className: (0, clsx_1.default)("navds-date__field-input", "navds-text-field__input", "navds-body-short", `navds-body-short--${size}`), size: 14 })),
             react_1.default.createElement("button", { disabled: inputProps.disabled || readOnly, tabIndex: readOnly ? -1 : open ? -1 : 0, onClick: () => onOpen(), type: "button", className: "navds-date__field-button" },
                 react_1.default.createElement(aksel_icons_1.CalendarIcon, { pointerEvents: "none", title: open
                         ? conditionalVariables.iconTitle.close

package/cjs/date/monthpicker/MonthButton.js

@@ -28,10 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthButton = void 0;
 const clsx_1 = __importDefault(require("clsx"));
-const compareAsc_1 = __importDefault(require("date-fns/compareAsc"));
-const compareDesc_1 = __importDefault(require("date-fns/compareDesc"));
 const format_1 = __importDefault(require("date-fns/format"));
 const isSameMonth_1 = __importDefault(require("date-fns/isSameMonth"));
+const isSameYear_1 = __importDefault(require("date-fns/isSameYear"));
 const setYear_1 = __importDefault(require("date-fns/setYear"));
 const react_1 = __importStar(require("react"));
 const react_day_picker_1 = require("react-day-picker");
@@ -39,13 +38,14 @@ const context_1 = require("../context");
 const utils_1 = require("../utils");
 const disableMonth = (month, fromDate, toDate) => {
     if (fromDate && toDate) {
-        return ((0, compareAsc_1.default)(month, fromDate) === -1 || (0, compareDesc_1.default)(month, toDate) === -1);
+        return ((0, isSameMonth_1.default)(month, fromDate) && (0, isSameYear_1.default)(month, fromDate))
+            || ((0, isSameMonth_1.default)(month, toDate) && (0, isSameYear_1.default)(month, toDate));
     }
     else if (fromDate) {
-        return (0, compareAsc_1.default)(month, fromDate) === -1;
+        return (0, isSameMonth_1.default)(month, fromDate) && (0, isSameYear_1.default)(month, fromDate);
     }
     else if (toDate) {
-        return (0, compareDesc_1.default)(month, toDate) === -1;
+        return (0, isSameMonth_1.default)(month, toDate) && (0, isSameYear_1.default)(month, toDate);
     }
     return false;
 };

package/cjs/form/Textarea.js

@@ -94,10 +94,7 @@ exports.Textarea = (0, react_1.forwardRef)((props, ref) => {
                     "navds-textarea--counter": hasMaxLength,
                 }) }, (describedBy ? { "aria-describedby": describedBy } : {}))),
             hasMaxLength && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("span", { id: maxLengthId, className: "navds-sr-only" },
-                    "Tekstomr\u00E5de med plass til ",
-                    maxLength,
-                    " tegn."),
+                react_1.default.createElement("span", { id: maxLengthId, className: "navds-sr-only" }, `Tekstområde med plass til ${maxLength} tegn.`),
                 react_1.default.createElement(exports.Counter, { maxLength: maxLength, currentLength: (_c = (_b = props.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : controlledValue === null || controlledValue === void 0 ? void 0 : controlledValue.length, size: size, i18n: i18n })))),
         react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(__1.ErrorMessage, { size: size }, props.error)))));
 });