@navikt/ds-react 6.8.0 → 6.9.0

package/esm/timeline/AxisLabels.js

@@ -62,12 +62,10 @@ const axisLabels = (start, end, direction, templates) => {
     if (totalDays < 40) {
         return dayLabels(start, end, totalDays, direction, templates === null || templates === void 0 ? void 0 : templates.day);
     }
-    else if (totalDays < 370) {
+    if (totalDays < 370) {
         return monthLabels(start, end, direction, templates === null || templates === void 0 ? void 0 : templates.month);
     }
-    else {
-        return yearLabels(start, end, direction, templates === null || templates === void 0 ? void 0 : templates.year);
-    }
+    return yearLabels(start, end, direction, templates === null || templates === void 0 ? void 0 : templates.year);
 };
 export const AxisLabels = ({ templates, }) => {
     const { endDate, startDate, direction } = useTimelineContext();

package/esm/timeline/AxisLabels.js.map

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

package/esm/util/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/util/debounce.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,oFAAoF;AACpF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,GAAG;IAC/C,IAAI,OAAO,CAAC;IACZ,SAAS,SAAS,CAAY,GAAG,IAAI;QACnC,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC;QACF,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,SAAS,CAAC,KAAK,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/util/debounce.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,oFAAoF;AACpF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,GAAG;IAC/C,IAAI,OAAsC,CAAC;IAC3C,SAAS,SAAS,CAAY,GAAG,IAAI;QACnC,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC;QACF,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,SAAS,CAAC,KAAK,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/esm/util/hooks/descendants/utils.js

@@ -22,9 +22,7 @@ export function sortNodes(nodes) {
             compare & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC) {
             throw Error("Cannot sort the given nodes.");
         }
-        else {
-            return 0;
-        }
+        return 0;
     });
 }
 export const isElement = (el) => typeof el == "object" &&

package/esm/util/hooks/descendants/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa;IACrC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,OAAO,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAE7C,IACE,OAAO,GAAG,IAAI,CAAC,2BAA2B;YAC1C,OAAO,GAAG,IAAI,CAAC,8BAA8B,EAC7C,CAAC;YACD,QAAQ;YACR,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QAED,IACE,OAAO,GAAG,IAAI,CAAC,2BAA2B;YAC1C,OAAO,GAAG,IAAI,CAAC,0BAA0B,EACzC,CAAC;YACD,QAAQ;YACR,OAAO,CAAC,CAAC;QACX,CAAC;QAED,IACE,OAAO,GAAG,IAAI,CAAC,8BAA8B;YAC7C,OAAO,GAAG,IAAI,CAAC,yCAAyC,EACxD,CAAC;YACD,MAAM,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,CAAC;QACX,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAO,EAAqB,EAAE,CACtD,OAAO,EAAE,IAAI,QAAQ;IACrB,UAAU,IAAI,EAAE;IAChB,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC;AAEpC,MAAM,UAAU,YAAY,CAAC,OAAe,EAAE,GAAW,EAAE,IAAa;IACtE,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;IACvB,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;QAAE,IAAI,GAAG,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAe,EAAE,GAAW,EAAE,IAAa;IACtE,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;IACvB,IAAI,IAAI,IAAI,IAAI,GAAG,CAAC;QAAE,IAAI,GAAG,GAAG,CAAC;IACjC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,CAAI,KAAU,EAAE,EAAE,CAAC,KAAU,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa;IACrC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,OAAO,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAE7C,IACE,OAAO,GAAG,IAAI,CAAC,2BAA2B;YAC1C,OAAO,GAAG,IAAI,CAAC,8BAA8B,EAC7C,CAAC;YACD,QAAQ;YACR,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QAED,IACE,OAAO,GAAG,IAAI,CAAC,2BAA2B;YAC1C,OAAO,GAAG,IAAI,CAAC,0BAA0B,EACzC,CAAC;YACD,QAAQ;YACR,OAAO,CAAC,CAAC;QACX,CAAC;QAED,IACE,OAAO,GAAG,IAAI,CAAC,8BAA8B;YAC7C,OAAO,GAAG,IAAI,CAAC,yCAAyC,EACxD,CAAC;YACD,MAAM,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC9C,CAAC;QAED,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAO,EAAqB,EAAE,CACtD,OAAO,EAAE,IAAI,QAAQ;IACrB,UAAU,IAAI,EAAE;IAChB,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC;AAEpC,MAAM,UAAU,YAAY,CAAC,OAAe,EAAE,GAAW,EAAE,IAAa;IACtE,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;IACvB,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;QAAE,IAAI,GAAG,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAe,EAAE,GAAW,EAAE,IAAa;IACtE,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;IACvB,IAAI,IAAI,IAAI,IAAI,GAAG,CAAC;QAAE,IAAI,GAAG,GAAG,CAAC;IACjC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,CAAI,KAAU,EAAE,EAAE,CAAC,KAAU,CAAC"}

package/esm/util/omit.js

@@ -1,6 +1,5 @@
 export function omit(obj, props) {
-    return Object.entries(obj)
-        .filter(([key]) => !props.includes(key))
-        .reduce((prevObj, [key, value]) => (Object.assign(Object.assign({}, prevObj), { [key]: value })), {});
+    const filteredEntries = Object.entries(obj).filter(([key]) => !props.includes(key));
+    return Object.fromEntries(filteredEntries);
 }
 //# sourceMappingURL=omit.js.map

package/esm/util/omit.js.map

@@ -1 +1 @@
-{"version":3,"file":"omit.js","sourceRoot":"","sources":["../../src/util/omit.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,IAAI,CAClB,GAAM,EACN,KAAU;IAEV,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;SACvB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAQ,CAAC,CAAC;SAC5C,MAAM,CACL,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iCACtB,OAAO,KACV,CAAC,GAAG,CAAC,EAAE,KAAK,IACZ,EACF,EAAgB,CACjB,CAAC;AACN,CAAC"}
+{"version":3,"file":"omit.js","sourceRoot":"","sources":["../../src/util/omit.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,IAAI,CAClB,GAAM,EACN,KAAU;IAEV,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAChD,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAQ,CAAC,CACrC,CAAC;IAEF,OAAO,MAAM,CAAC,WAAW,CAAC,eAAe,CAAe,CAAC;AAC3D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "6.8.0",
+  "version": "6.9.0",
   "description": "React components from the Norwegian Labour and Welfare Administration.",
   "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
   "license": "MIT",
@@ -594,8 +594,8 @@
   "dependencies": {
     "@floating-ui/react": "0.25.4",
     "@floating-ui/react-dom": "^2.0.9",
-    "@navikt/aksel-icons": "^6.8.0",
-    "@navikt/ds-tokens": "^6.8.0",
+    "@navikt/aksel-icons": "^6.9.0",
+    "@navikt/ds-tokens": "^6.9.0",
     "clsx": "^2.1.0",
     "date-fns": "^3.0.0",
     "react-day-picker": "8.10.0"

package/src/chat/Bubble.tsx

@@ -4,19 +4,19 @@ import { Detail } from "../typography";
 
 export interface ChatBubbleProps extends HTMLAttributes<HTMLDivElement> {
   /**
-   * Bubble text
+   * Bubble text.
    */
   children: React.ReactNode;
   /**
-   * name/sender on bubble
+   * Name/sender on bubble.
    */
   name?: string;
   /**
-   * Timestamp for sent message
+   * Timestamp for sent message.
    */
   timestamp?: string;
   /**
-   * Overrides hoizontal position of toptext
+   * Overrides hoizontal position of toptext.
    */
   toptextPosition?: "left" | "right";
 }

package/src/chat/Chat.tsx

@@ -13,15 +13,17 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
    */
   children: React.ReactNode;
   /**
-   * Chat-message name.
+   * Name/sender on first bubble.
    */
   name?: string;
   /**
-   * Timestamp for sent message.
+   * Timestamp on first bubble.
    */
   timestamp?: string;
   /**
-   * Avatar for messenger. Regular text for initials works too, but it will be hidden for screen readers.
+   * We recommend using an SVG or plain text initials as avatar.
+   *
+   * **Hidden for screen readers.**
    */
   avatar?: React.ReactNode;
   /**
@@ -58,7 +60,7 @@ interface ChatComponent
 }
 
 /**
- * A component for communicating dialogs between two parties.
+ * A component for communicating a dialog between two or more parties.
  *
  * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/chat)
  * @see 🏷️ {@link ChatProps}

package/src/date/monthpicker/MonthButton.tsx

@@ -26,9 +26,13 @@ const disableMonth = (month: Date, fromDate?: Date, toDate?: Date) => {
       (compareAsc(month, fromDate) === -1 && !isSameMonth(month, fromDate)) ||
       (compareDesc(month, toDate) === -1 && !isSameMonth(month, toDate))
     );
-  } else if (fromDate) {
+  }
+
+  if (fromDate) {
     return compareAsc(month, fromDate) === -1 && !isSameMonth(month, fromDate);
-  } else if (toDate) {
+  }
+
+  if (toDate) {
     return compareDesc(month, toDate) === -1 && !isSameMonth(month, toDate);
   }
   return false;

package/src/date/utils/check-dates.ts

@@ -8,6 +8,6 @@ export const dateIsInCurrentMonth = (
 };
 
 /** @private */
-export function isValidDate(day: Date): boolean {
-  return day && !isNaN(day?.getTime()) && day.getFullYear() > 999;
+export function isValidDate(day?: Date): boolean {
+  return !!(day && !Number.isNaN(day.getTime()) && day.getFullYear() > 999);
 }

package/src/date/utils/dates-disabled.ts

@@ -9,7 +9,9 @@ export const disableDate = (
   let result: boolean = false;
   if (disabledSelection instanceof Date) {
     return isSameDay(disabledSelection, date);
-  } else if (disabledSelection instanceof Array) {
+  }
+
+  if (Array.isArray(disabledSelection)) {
     for (let i = 0; i < disabledSelection.length; i++) {
       const selection = disabledSelection[i];
       if (isDateRange(selection)) {

package/src/date/utils/navigation.ts

@@ -2,7 +2,7 @@ import { setYear } from "date-fns";
 import { Matcher, isMatch } from "./is-match";
 
 export const nextEnabled = (
-  months,
+  months: Date[],
   key: string,
   disabled: Matcher[],
   currentMonth: Date,
@@ -258,13 +258,13 @@ const isOutOfRange = (
 
 const nextOnRow = (
   currentIndex: number,
-  months,
+  months: Date[],
   yearState: Date,
   disabled: Matcher[],
   mode: "home" | "end",
 ) => {
   const row = getRow(currentIndex);
-  let monthsOfRow;
+  let monthsOfRow: Date[] = [];
 
   switch (row) {
     case 1:

package/src/date/utils/parse-date.ts

@@ -29,7 +29,7 @@ export const parseDate = (
   type: "date" | "month",
   allowTwoDigitYear: boolean,
 ): Date => {
-  let parsed;
+  let parsed: Date;
   const ALLOWED_FORMATS =
     type === "date" ? ALLOWED_INPUT_FORMATS_DATE : ALLOWED_INPUT_FORMATS_MONTH;
 
@@ -43,6 +43,7 @@ export const parseDate = (
         return parsed;
       }
     }
+
     for (const format of [
       ...ALLOWED_FORMATS.map((x) => x.replace("yyyy", "yy")),
     ]) {
@@ -55,28 +56,33 @@ export const parseDate = (
 
         if (isValidDate(new Date(convertedDate))) {
           return new Date(convertedDate);
-        } else {
-          return new Date("Invalid date");
         }
+        return new Date("Invalid date");
       }
     }
     return new Date("Invalid date");
-  } else {
-    for (const format of ALLOWED_FORMATS) {
-      parsed = parse(date, format, today, { locale });
-      if (
-        isValidDate(parsed) &&
-        !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)
-      ) {
-        return parsed;
-      }
+  }
+
+  for (const format of ALLOWED_FORMATS) {
+    parsed = parse(date, format, today, { locale });
+    if (
+      isValidDate(parsed) &&
+      !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)
+    ) {
+      return parsed;
     }
-    return new Date("Invalid date");
   }
+
+  return new Date("Invalid date");
 };
 
-function isTwoDigitYear(dateString, today, locale, formats) {
-  let parsed;
+function isTwoDigitYear(
+  dateString: string,
+  today: Date,
+  locale: Locale,
+  formats: string[],
+) {
+  let parsed: Date;
   const newFormat = formats.map((x) => x.replace("yyyy", "yy"));
   for (const format of newFormat) {
     parsed = parse(dateString, format, today, { locale });

package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx

@@ -83,29 +83,27 @@ const FilteredOptionsProvider = ({
   const [isMouseLastUsedInputDevice, setIsMouseLastUsedInputDevice] =
     useState(false);
 
-  const filteredOptionsMap = useMemo(
-    () =>
-      options.reduce(
-        (map, _option) => ({
-          ...map,
-          [filteredOptionsUtils.getOptionId(id, _option.label)]: _option,
-        }),
-        {
-          [filteredOptionsUtils.getAddNewOptionId(id)]: allowNewValues
-            ? toComboboxOption(value)
-            : undefined,
-          ...customOptions.reduce(
-            (acc, customOption) => ({
-              ...acc,
-              [filteredOptionsUtils.getOptionId(id, customOption.label)]:
-                customOption,
-            }),
-            {},
-          ),
-        },
-      ),
-    [allowNewValues, customOptions, id, options, value],
-  );
+  const filteredOptionsMap = useMemo(() => {
+    const initialMap = {
+      [filteredOptionsUtils.getAddNewOptionId(id)]: allowNewValues
+        ? toComboboxOption(value)
+        : undefined,
+      ...customOptions.reduce((acc, customOption) => {
+        const _id = filteredOptionsUtils.getOptionId(id, customOption.label);
+        acc[_id] = customOption;
+        return acc;
+      }, {}),
+    };
+
+    // Add the options to the map
+    const finalMap = options.reduce((map, _option) => {
+      const _id = filteredOptionsUtils.getOptionId(id, _option.label);
+      map[_id] = _option;
+      return map;
+    }, initialMap);
+
+    return finalMap;
+  }, [allowNewValues, customOptions, id, options, value]);
 
   useClientLayoutEffect(() => {
     if (
@@ -148,7 +146,7 @@ const FilteredOptionsProvider = ({
   );
 
   const ariaDescribedBy = useMemo(() => {
-    let activeOption;
+    let activeOption: string = "";
     if (!isLoading && filteredOptions.length === 0 && !allowNewValues) {
       activeOption = filteredOptionsUtils.getNoHitsId(id);
     } else if (value || isLoading) {
@@ -164,6 +162,7 @@ const FilteredOptionsProvider = ({
     const maybeMaxSelectedOptionsId =
       maxSelected?.isLimitReached &&
       filteredOptionsUtils.getMaxSelectedOptionsId(id);
+
     return (
       cl(activeOption, maybeMaxSelectedOptionsId, partialAriaDescribedBy) ||
       undefined

package/src/form/combobox/FilteredOptions/useVirtualFocus.ts

@@ -68,9 +68,9 @@ const useVirtualFocus = (
     const _currentIndex = elementsAbleToReceiveFocus.indexOf(activeElement);
     if (_currentIndex === elementsAbleToReceiveFocus.length - 1) {
       return;
-    } else {
-      _moveFocusAndScrollTo(elementsAbleToReceiveFocus[_currentIndex + 1]);
     }
+
+    _moveFocusAndScrollTo(elementsAbleToReceiveFocus[_currentIndex + 1]);
   };
 
   const moveFocusToTop = () => _moveFocusAndScrollTo(undefined);

package/src/form/combobox/combobox-utils.ts

@@ -10,12 +10,12 @@ const isInList = (option: ComboboxOption | string, list: ComboboxOption[]) => {
     return list.some(
       (listItem) => listItem.label === option || listItem.value === option,
     );
-  } else {
-    return list.some(
-      (listItem) =>
-        listItem.label === option.label && listItem.value === option.value,
-    );
   }
+
+  return list.some(
+    (listItem) =>
+      listItem.label === option.label && listItem.value === option.value,
+  );
 };
 
 const toComboboxOption = (value: string): ComboboxOption => ({

package/src/form/file-upload/parts/item/ItemIcon.tsx

@@ -30,7 +30,9 @@ function ItemIcon({ isLoading, file, showError }: ItemIconProps) {
         <Loader size="large" />
       </div>
     );
-  } else if (showError) {
+  }
+
+  if (showError) {
     return (
       <div className="navds-file-item__icon">
         <FileXMarkIcon {...iconProps} />

package/src/form/file-upload/utils/is-accepted-file-type.ts

@@ -15,11 +15,14 @@ export function isAcceptedFileType(
 
     if (isExtensionType) {
       return file.name.toLowerCase().endsWith(validType.toLowerCase());
-    } else if (isWildcardMimeType) {
+    }
+
+    if (isWildcardMimeType) {
       const baseMimeType = mimeType.replace(/\/.*$/, "");
       const baseValidType = validType.replace(/\/.*$/, "");
       return baseMimeType === baseValidType;
     }
+
     return mimeType === validType;
   });
 }

package/src/index.ts

@@ -53,7 +53,7 @@ export {
   type VStackProps,
 } from "./layout/stack";
 export { Link, type LinkProps } from "./link";
-export { List, type ListProps } from "./list";
+export { List, type ListProps, type ListItemProps } from "./list";
 export { Loader, type LoaderProps } from "./loader";
 export { Modal, type ModalProps } from "./modal";
 export { Pagination, type PaginationProps } from "./pagination";

package/src/layout/bleed/Bleed.tsx

@@ -8,8 +8,10 @@ export type BleedSpacingInline = "0" | "full" | "px" | SpacingScale;
 export type BleedSpacingBlock = "0" | "px" | SpacingScale;
 
 export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
-  /** **Negative** horizontal margin around children.
-   * Accepts a spacing token or an object of spacing tokens for different breakpoints.
+  /**
+   * **Negative** horizontal margin around children.
+   * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
+   * or an object of spacing tokens for different breakpoints.
    *
    * The `px` value is useful to nudge by just 1px.
    * The `full` value is used to extend the margin to the full width of the parent.
@@ -22,8 +24,10 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
   marginInline?: ResponsiveProp<
     BleedSpacingInline | `${BleedSpacingInline} ${BleedSpacingInline}`
   >;
-  /** **Negative** vertical margin around children.
-   *  Accepts a spacing token or an object of spacing tokens for different breakpoints.
+  /**
+   * **Negative** vertical margin around children.
+   * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
+   * or an object of spacing tokens for different breakpoints.
    *
    * The `px` value is useful to nudge by just 1px.
    * This prop does **not** accept the `full` value.

package/src/layout/box/Box.tsx

@@ -17,7 +17,10 @@ export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
   background?: BackgroundToken;
   /** CSS `border-color` property. Accepts a color token. */
   borderColor?: BorderColorToken;
-  /** CSS `border-radius` property. Accepts a radius token, or an object of radius tokens for different breakpoints.
+  /**
+   * CSS `border-radius` property.
+   * Accepts a [radius token](https://aksel.nav.no/grunnleggende/styling/design-tokens#6d79c5605d31)
+   * or an object of radius tokens for different breakpoints.
    * @example
    * borderRadius='full'
    * borderRadius='0 full large small'
@@ -31,13 +34,19 @@ export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
    * borderWidth='1 2 3 4'
    */
   borderWidth?: SpaceDelimitedAttribute<"0" | "1" | "2" | "3" | "4" | "5">;
-  /** Padding around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.
+  /**
+   * Padding around children.
+   * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
+   * or an object of spacing tokens for different breakpoints.
    * @example
    * padding='4'
    * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
    */
   padding?: ResponsiveProp<SpacingScale>;
-  /** Horizontal padding around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.
+  /**
+   * Horizontal padding around children.
+   * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
+   * or an object of spacing tokens for different breakpoints.
    * @example
    * paddingInline='4'
    * paddingInline='4 5'
@@ -46,7 +55,10 @@ export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
   paddingInline?: ResponsiveProp<
     SpacingScale | `${SpacingScale} ${SpacingScale}`
   >;
-  /** Vertical padding around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.
+  /**
+   * Vertical padding around children.
+   * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
+   * or an object of spacing tokens for different breakpoints.
    * @example
    * paddingBlock='4'
    * paddingBlock='4 5'

package/src/layout/grid/HGrid.tsx

@@ -6,7 +6,7 @@ import { ResponsiveProp, SpacingScale } from "../utilities/types";
 export interface HGridProps extends HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
   /**
-   * Number of columns to display. Can be a number, a string with a unit, or tokens for specific breakpoints.
+   * Number of columns to display. Can be a number, a string, or an object with values for specific breakpoints.
    * Sets `grid-template-columns`, so `fr`, `minmax` etc. works.
    * @example
    * columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}
@@ -14,12 +14,16 @@ export interface HGridProps extends HTMLAttributes<HTMLDivElement> {
    * columns="repeat(3, minmax(0, 1fr))"
    */
   columns?: ResponsiveProp<number | string>;
-  /** Spacing between columns. Based on spacing-tokens.
+  /**
+   * Spacing between columns.
+   * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
+   * or an object of spacing tokens for different breakpoints.
    * @example
    * gap="6"
+   * gap="8 4"
    * gap={{ sm: "2", md: "2", lg: "6", xl: "6"}}
    */
-  gap?: ResponsiveProp<SpacingScale>;
+  gap?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}`>;
   /**
    * Vertical alignment of children. Elements will by default stretch to the height of parent-element.
    */

package/src/layout/stack/Stack.tsx

@@ -35,6 +35,8 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
   wrap?: boolean;
   /**
    * CSS `gap` property.
+   * Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
+   * or an object of spacing tokens for different breakpoints.
    *
    * @example
    * gap='4'
@@ -49,7 +51,9 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
    * direction='row'
    * direction={{xs: 'row', sm: 'column'}}
    */
-  direction?: ResponsiveProp<"row" | "column">;
+  direction?: ResponsiveProp<
+    "row" | "column" | "row-reverse" | "column-reverse"
+  >;
 }
 
 export const Stack: OverridableComponent<StackProps, HTMLDivElement> =

package/src/layout/utilities/css.ts

@@ -44,7 +44,9 @@ const translateTokenStringToCSS = (
       if (componentProp === "margin-inline" && x === "full") {
         const width = 100 / arr.length;
         return `calc((100vw - ${width}%)/-2)`;
-      } else if (componentProp === "padding-inline" && x === "full") {
+      }
+
+      if (componentProp === "padding-inline" && x === "full") {
         const width = 100 / arr.length;
         return `calc((100vw - ${width}%)/2)`;
       }

package/src/list/List.tsx

@@ -10,12 +10,24 @@ export interface ListComponent
   extends React.ForwardRefExoticComponent<
     ListProps & React.RefAttributes<HTMLDivElement>
   > {
-  /**
-   * @see 🏷️ {@link ListItemProps}
-   */
   Item: typeof ListItem;
 }
 
+/**
+ * A list component
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/list)
+ * @see 🏷️ {@link ListProps | Props}
+ *
+ * @example
+ * ```jsx
+ * <List>
+ *   <List.Item>Coffee</List.Item>
+ *   <List.Item>Tea</List.Item>
+ *   <List.Item>Milk</List.Item>
+ * </List>
+ * ```
+ */
 export const List = forwardRef<HTMLDivElement, ListProps>(
   (
     {

package/src/list/ListItem.tsx

@@ -2,22 +2,11 @@ import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
 import { BodyShort, Label } from "../typography";
 import { ListContext } from "./context";
+import { ListItemProps } from "./types";
 
-export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
-  /**
-   * Content for description of the list item
-   */
-  children: React.ReactNode;
-  /**
-   * Title for the list item
-   */
-  title?: string;
-  /*
-   * Icon to be used as list marker for unordered lists.
-   */
-  icon?: React.ReactNode;
-}
-
+/**
+ * @see 🏷️ {@link ListItemProps}
+ */
 export const ListItem = forwardRef<HTMLLIElement, ListItemProps>(
   ({ className, children, title, icon, ...rest }, ref) => {
     const { listType, size } = useContext(ListContext);

package/src/list/index.ts

@@ -1,4 +1,4 @@
 "use client";
 export { default as List } from "./List";
-export type { ListProps } from "./types";
-export { default as ListItem, type ListItemProps } from "./ListItem";
+export type { ListProps, ListItemProps } from "./types";
+export { default as ListItem } from "./ListItem";