Lerna versionbump [ci skip]

- @navikt/ds-css@0.17.1 - @navikt/ds-react@0.18.5 - @navikt/ds-react-internal@0.13.5
[fix] add confirmation error msg (#1521 )
2026-10-16 02:32:02 +00:00 · 2022-05-04 12:14:02 +00:00 · 2022-05-04 14:01:13 +02:00 · 2022-05-04 07:02:59 +00:00 · 2022-05-04 08:48:24 +02:00 · 2022-04-30 12:14:37 +00:00
53 changed files with 191 additions and 649 deletions
@@ -34,7 +34,7 @@
  );
 }

-.navds-confirmation-panel {
+.navds-confirmation-panel__inner {
  display: flex;
  flex-direction: column;
  gap: var(--navds-spacing-4);
@@ -49,17 +49,17 @@
  max-width: 80ch;
 }

-.navds-confirmation-panel--small {
+.navds-confirmation-panel--small .navds-confirmation-panel__inner {
  padding: var(--navds-spacing-3);
  gap: var(--navds-spacing-2);
 }

-.navds-confirmation-panel--checked {
+.navds-confirmation-panel--checked .navds-confirmation-panel__inner {
  background-color: var(--navds-confirmation-panel-color-background-checked);
  border-color: var(--navds-confirmation-panel-color-border-checked);
 }

-.navds-confirmation-panel--error {
+.navds-confirmation-panel--error .navds-confirmation-panel__inner {
  background-color: var(--navds-confirmation-panel-color-background-error);
  border: 1px solid transparent;
 }
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "0.17.0",
+  "version": "0.17.1",
  "private": false,
  "description": "Css for NAV Designsystem components",
  "author": "NAV Designsystem team",
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "0.18.2",
+  "version": "0.18.5",
  "private": false,
  "description": "NAV designsystem react components",
  "author": "NAV Designsystem team",
@@ -15,7 +15,7 @@ interface AccordionComponent

 export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
  /**
-   * Content inside accordion
+   * Instances of Accordion.Item
   */
  children: React.ReactNode;
 }
@@ -6,7 +6,9 @@ import { AccordionItemContext } from "./AccordionItem";
 export interface AccordionContentProps
  extends React.HTMLAttributes<HTMLDivElement> {
  /**
-   * Accordion panel content
+   * Content inside Accordion.Content
+   * If renderContentWhenClosed is false in Accordion.Item,
+   * this will be removed from dom when Accordion is closed
   */
  children: React.ReactNode;
 }
@@ -7,7 +7,7 @@ import { useClientLayoutEffect, useId } from "..";
 export interface AccordionHeaderProps
  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  /**
-   * Accordion button content
+   * Text inside Accordion.Header
   */
  children: React.ReactNode;
 }
@@ -4,21 +4,22 @@ import React, { createContext, forwardRef, useState } from "react";
 export interface AccordionItemProps
  extends React.HTMLAttributes<HTMLDivElement> {
  /**
-   * Content inside Accordion.Item
+   * Content in Accordion.Item
+   * Should include one Accordion.Header and one Accordion.Content
   */
  children: React.ReactNode;
  /**
-   * Opens component if 'true', closes if 'false'
-   * Using this props removes automatic control of open-state
+   * Controlled open-state
+   * Using this removes automatic control of open-state
   */
  open?: boolean;
  /**
-   * Defaults the accordion to opened state if not controlled
+   * Defaults the accordion to open if not controlled
   * @default false
   */
  defaultOpen?: boolean;
  /**
-   * Removes content-element from dom when closed
+   * Removes content inside Accordion.Content if false from dom when closed
   * @default false
   */
  renderContentWhenClosed?: boolean;
@@ -14,12 +14,12 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
   */
  children: React.ReactNode;
  /**
-   * Decides what design the alert will have
+   * Changes colors and icon usage when changed
   */
  variant: "error" | "warning" | "info" | "success";
  /**
   * Changes padding and font-sizes
-   * @default "medium"
+   * @default medium
   */
  size?: "medium" | "small";
  /**
@@ -29,6 +29,7 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
  fullWidth?: boolean;
  /**
   * Removes background from Alert
+   * @default false
   */
  inline?: boolean;
 }
@@ -17,13 +17,12 @@ export interface ButtonProps
  variant?: "primary" | "secondary" | "tertiary" | "danger";
  /**
   * Changes padding, height and font-size
-   * @default "medium"
+   * @default medium
   */
  size?: "medium" | "small" | "xsmall";
  /**
   * Prevent the user from interacting with the button: it cannot be pressed or focused.
   * @note Avoid using if possible for accessibility purposes
-   * @default false
   */
  disabled?: boolean;
  /**
@@ -1,9 +1,14 @@
 import React, { forwardRef } from "react";
 import cl from "classnames";
 import { BodyLong, Checkbox, CheckboxProps } from "..";
+import ErrorMessage from "./ErrorMessage";
+import { useFormField } from "./useFormField";

 export interface ConfirmationPanelProps
-  extends Omit<CheckboxProps, "children"> {
+  extends Omit<
+    CheckboxProps,
+    "children" | "indeterminate" | "hideLabel" | "error"
+  > {
  /**
   * Additional information on panel
   */
@@ -12,30 +17,50 @@ export interface ConfirmationPanelProps
   * Checkbox label
   */
  label: React.ReactNode;
+  /**
+   * Error message for element
+   */
+  error?: React.ReactNode;
+  /**
+   * Override internal errorId
+   */
+  errorId?: string;
 }

 export const ConfirmationPanel = forwardRef<
  HTMLDivElement,
  ConfirmationPanelProps
 >(({ className, children, label, ...props }, ref) => {
+  const { errorId, showErrorMsg, hasError, size, inputProps } = useFormField(
+    props,
+    "confirmationPanel"
+  );
+
  return (
    <div
      ref={ref}
-      className={cl("navds-confirmation-panel", className, {
-        "navds-confirmation-panel--small": props.size === "small",
-        "navds-confirmation-panel--error": !!props.error,
+      className={cl("navds-confirmation-panel", "navds-form-field", className, {
+        "navds-confirmation-panel--small": size === "small",
+        "navds-confirmation-panel--error": hasError,
        "navds-confirmation-panel--checked": !!props.checked,
      })}
    >
-      {children && (
-        <BodyLong
-          size={props.size}
-          className="navds-confirmation-panel__content"
-        >
-          {children}
-        </BodyLong>
-      )}
-      <Checkbox {...props}>{label}</Checkbox>
+      <div className="navds-confirmation-panel__inner">
+        {children && (
+          <BodyLong
+            size={props.size}
+            className="navds-confirmation-panel__content"
+          >
+            {children}
+          </BodyLong>
+        )}
+        <Checkbox {...props} {...inputProps} error={hasError} size={size}>
+          {label}
+        </Checkbox>
+      </div>
+      <div id={errorId} aria-relevant="additions removals" aria-live="polite">
+        {showErrorMsg && <ErrorMessage size={size}>{props.error}</ErrorMessage>}
+      </div>
    </div>
  );
 });
@@ -7,7 +7,7 @@ import { useFieldset } from "./useFieldset";

 export type FieldsetContextProps = {
  /**
-   * Error message applied to element
+   * Error message applied to element,
   */
  error?: React.ReactNode;
  /**
@@ -18,6 +18,9 @@ export type FieldsetContextProps = {
   * Changes paddings, margins and font-sizes
   */
  size: "medium" | "small";
+  /**
+   * Sets fieldset and all form-children to disabled
+   */
  disabled: boolean;
 };

@@ -9,11 +9,11 @@ export interface SelectProps
  extends FormFieldProps,
    Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
  /**
-   * Collection of <option>-elements
+   * Collection of <option />-elements
   */
  children: React.ReactNode;
  /**
-   * Expose the HTML size attribute
+   * Exposes the HTML size attribute
   */
  htmlSize?: number;
  /**
@@ -47,6 +47,7 @@ export interface SwitchProps
  loading?: boolean;
  /**
   * Positions switch on left/right side of label
+   * @default "left"
   */
  position?: "left" | "right";
 }
@@ -8,15 +8,15 @@ export interface TextFieldProps
  extends FormFieldProps,
    Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
  /**
-   * The current value (controlled).
+   * Controlled value
   */
  value?: string;
  /**
-   * The default value (uncontrolled).
+   * Defaults input-value without needing controlled-state
   */
  defaultValue?: string;
  /**
-   * Expose the HTML size attribute
+   * Exposes the HTML size attribute
   */
  htmlSize?: number;
  /**
@@ -28,7 +28,7 @@ export interface TextFieldProps
   */
  label: React.ReactNode;
  /**
-   * Type of form control
+   * Type of form control. Picking the correct type helps user fill inn their required information
   * @default "text"
   */
  type?: "email" | "number" | "password" | "tel" | "text" | "url";
@@ -13,18 +13,25 @@ export interface TextareaProps
  extends FormFieldProps,
    React.TextareaHTMLAttributes<HTMLTextAreaElement> {
  /**
-   * Visually allowed length of content
+   * Allowed character-count for content
+   * @note This is just a visual validator, you need to set actual character-limits if needed
   */
  maxLength?: number;
+  /**
+   * Controlled value
+   */
  value?: string;
+  /**
+   * Defaults input-value without needing controlled-state
+   */
  defaultValue?: string;
  /**
-   * Maximum number of rows to display.
+   * Maximum number of character rows to display.
   * @bug Internal scrolling with `maxLength` scrolls over maxLength-text
   */
  maxRows?: number;
  /**
-   * Minimum number of rows to display.
+   * Minimum number of character-rows to display when empty.
   */
  minRows?: number;
  /**
@@ -8,12 +8,12 @@ export interface CheckboxProps
  extends Omit<FormFieldProps, "errorId">,
    Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> {
  /**
-   * Checkbox has error
+   * Adds error indication on checkbox
   * @default false
   */
  error?: boolean;
  /**
-   * Label for checkbox
+   * Checkbox label
   */
  children: React.ReactNode;
  /**
@@ -18,11 +18,11 @@ export interface CheckboxGroupProps
    "onChange" | "errorPropagation" | "defaultValue"
  > {
  /**
-   * Checkboxes
+   * Collection of <Checkbox/>
   */
  children: React.ReactNode;
  /**
-   * Controlled state for group
+   * Controlled state for checkboxes.
   */
  value?: any[];
  /**
@@ -5,7 +5,7 @@ import ErrorSummaryItem, { ErrorSummaryItemType } from "./ErrorSummaryItem";

 export interface ErrorSummaryProps extends HTMLAttributes<HTMLDivElement> {
  /**
-   * ErrorSummaryItems
+   * Collectipn of ErrorSummary.Item
   */
  children: React.ReactNode;
  /**
@@ -18,7 +18,7 @@ export interface ErrorSummaryProps extends HTMLAttributes<HTMLDivElement> {
   */
  heading?: React.ReactNode;
  /**
-   * Allows setting a different HTML <tag>
+   * Allows setting a different HTML h-tag
   * @default "h2"
   */
  headingTag?: React.ElementType<any>;
@@ -8,7 +8,7 @@ export interface RadioProps
  extends Omit<FormFieldProps, "error" | "errorId">,
    Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> {
  /**
-   * Label for radio
+   * Radio label
   */
  children: React.ReactNode;
  /**
@@ -21,7 +21,7 @@ export interface RadioGroupProps
    "onChange" | "errorPropagation" | "defaultValue"
  > {
  /**
-   * Collection of <Radio>-elements
+   * Collection of <Radio />-elements
   */
  children: React.ReactNode;
  /**
@@ -29,15 +29,15 @@ export interface RadioGroupProps
   */
  name?: string;
  /**
-   * Default checked radiobutton
+   * Default checked Radio
   */
  defaultValue?: any;
  /**
-   * Controlled state for Radiobutton
+   * Controlled state for Radio
   */
  value?: any;
  /**
-   * Returns current checked radiobutton in group
+   * Returns current checked Radio in group
   */
  onChange?: (value: any) => void;
  /**
@@ -26,7 +26,7 @@ export interface SearchProps
  children?: React.ReactNode;
  /**
   * Search label
-   * @info Will be hidden by default, is required for accessibility reasons.
+   * @note Will be hidden by default, is required for accessibility reasons.
   */
  label: React.ReactNode;
  /**
@@ -53,7 +53,7 @@ export interface SearchProps
   */
  clearButton?: boolean;
  /**
-   * Changes button-variant
+   * Changes button-variant, "simple" removes button
   * @default "primary"
   */
  variant?: "primary" | "secondary" | "simple";
@@ -18,6 +18,7 @@ export interface FormFieldProps {
  size?: "medium" | "small";
  /**
   * Disables element
+   * @note Avoid using if possible for accessibility purposes
   */
  disabled?: boolean;
  /**
@@ -1,4 +1,5 @@
 import { Helptext as HelpTextIcon } from "@navikt/ds-icons";
+import { Placement } from "@popperjs/core";
 import cl from "classnames";
 import React, { forwardRef, useRef, useState } from "react";
 import mergeRefs from "react-merge-refs";
@@ -8,9 +9,19 @@ export interface HelpTextProps
  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
    Pick<PopoverProps, "strategy" | "placement"> {
  /**
-   * Component content
+   * Helptext-dialog content
   */
  children: React.ReactNode;
+  /**
+   * Adds a title-tooltip with the given text
+   * @default "hjelp"
+   */
+  title?: string;
+  /**
+   * Default dialog-placement on open
+   * @default "top"
+   */
+  placement?: Placement;
 }

 export const HelpText = forwardRef<HTMLButtonElement, HelpTextProps>(
@@ -15,7 +15,8 @@ export interface LinkPanelProps
   */
  children?: React.ReactNode;
  /**
-   * Toggles border on panel
+   * Adds border to panel if true
+   * @default true
   */
  border?: boolean;
 }
@@ -4,7 +4,7 @@ import { useId } from "..";

 export interface LoaderProps extends SVGProps<SVGSVGElement> {
  /**
-   * Changes sizing
+   * Changes Loader width/height
   * 64px | 40px | 32px | 24px | 20px | 16px
   * @default "medium"
   */
@@ -14,12 +14,13 @@ export interface LoaderProps extends SVGProps<SVGSVGElement> {
   * @default "venter..."
   */
  title?: React.ReactNode;
-  /*
-   * Background-circle in svg set to transparent
+  /**
+   * Sets svg-background to transparent
+   * @default false
   */
  transparent?: boolean;
  /**
-   * Colored variants for loader
+   * Colored variants for Loader
   * @default "neutral"
   */
  variant?: "neutral" | "interaction" | "inverted";
@@ -16,11 +16,11 @@ export interface ModalProps {
   */
  open: boolean;
  /**
-   * Called when modal wants to close
+   * Callback for modal wanting to close
   */
  onClose: () => void;
  /**
-   * If modal should close on overlay click
+   * If modal should close on overlay click (click outside Modal)
   * @default true
   */
  shouldCloseOnOverlayClick?: boolean;
@@ -29,12 +29,12 @@ export interface ModalProps {
   */
  className?: string;
  /**
-   * Toggles addition of a X-button on modal
+   * Removes close-button(X) when false
   * @default true
   */
  closeButton?: boolean;
  /**
-   * Callback for getting parent element modal will attach to
+   * Callback for setting parent element modal will attach to
   */
  parentSelector?(): HTMLElement;
  "aria-labelledby"?: string;
@@ -6,6 +6,7 @@ import { BodyShort } from "..";
 export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * Current page
+   * @note Pagination indexing starts at 1
   */
  page: number;
  /**
@@ -8,7 +8,7 @@ export interface PanelProps extends React.HTMLAttributes<HTMLElement> {
   */
  children: React.ReactNode;
  /**
-   * Toggles border on panel
+   * Adds a border to panel when true
   * @default false
   */
  border?: boolean;
@@ -13,6 +13,10 @@ import { useClientLayoutEffect } from "..";
 import PopoverContent, { PopoverContentType } from "./PopoverContent";

 export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * Popover content
+   */
+  children: React.ReactNode;
  /**
   * Element popover anchors to
   */
@@ -25,18 +29,15 @@ export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
   * onClose callback
   */
  onClose: () => void;
-  /**
-   * Popover content
-   */
-  children: React.ReactNode;
  /**
   * Orientation for popover
+   * @note Try to keep general usage to "top", "bottom", "left", "right"
   * @default "right"
   */
  placement?: Placement;
  /**
-   *  Toggles rendering of arrow
-   *  @default true
+   * Adds a arrow from dialog to anchor when true
+   * @default true
   */
  arrow?: boolean;
  /**
@@ -4,7 +4,7 @@ import Bubble, { BubbleType } from "./Bubble";

 export interface SpeechBubbleProps extends HTMLAttributes<HTMLDivElement> {
  /**
-   * Children of type <Bubble />
+   * Children of type <SpeechBubble.Bubble />
   */
  children: React.ReactNode;
  /**
@@ -12,11 +12,11 @@ export interface SpeechBubbleProps extends HTMLAttributes<HTMLDivElement> {
   */
  topText?: React.ReactNode;
  /**
-   * Illustration for messenger
+   * Illustration for messenger. Regular text for initials works to
   */
  illustration: React.ReactNode;
  /**
-   * Background color bubbles
+   * Background color on bubbles
   */
  backgroundColor?: string;
  /**
@@ -11,10 +11,12 @@ export interface StepIndicatorStepProps
  children: React.ReactNode;
  /**
   * Disables interaction with element
+   * @note We recommend not using disabled if possible
   */
  disabled?: boolean;
  /**
   * Handled by StepIndicator
+   * @private
   */
  index?: number;
 }
@@ -6,11 +6,12 @@ import { Label, OverridableComponent } from "..";
 export interface StepperStepProps
  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
  /**
-   * Text content under indicator
+   * Text content by indicator
   */
  children: string;
  /**
   * Handled by Stepper
+   * @private
   */
  index?: number;
 }
@@ -9,7 +9,7 @@ export interface ColumnHeaderProps extends HeaderCellProps {
   */
  sortKey?: string;
  /**
-   * Column is sortable
+   * Column is sortable, adds indicators to show sorting
   * @default false
   */
  sortable?: boolean;
@@ -6,7 +6,7 @@ import { TableContext } from "./Table";
 export interface DataCellProps
  extends React.TdHTMLAttributes<HTMLTableCellElement> {
  /**
-   * Content alignment
+   * Content alignment inside cell
   * @default "left"
   */
  align?: "left" | "center" | "right";
@@ -31,7 +31,7 @@ export interface ExpandableRowProps extends RowProps {
   */
  onOpenChange?: (open: boolean) => void;
  /**
-   * Disable expansion
+   * Disable expansio
   * @default false
   */
  expansionDisabled?: boolean;
@@ -7,7 +7,7 @@ export interface HeaderCellProps
  extends React.ThHTMLAttributes<HTMLTableCellElement> {
  scope?: string;
  /**
-   * Content alignment
+   * Content alignment inside cell
   * @default "left"
   */
  align?: "left" | "center" | "right";
@@ -5,4 +5,4 @@ export { ExpandableRowProps } from "./ExpandableRow";
 export { HeaderProps } from "./Header";
 export { HeaderCellProps } from "./HeaderCell";
 export { RowProps } from "./Row";
-export { default as Table, TableProps } from "./Table";
+export { default as Table, TableProps, SortState } from "./Table";
@@ -7,11 +7,11 @@ import { TabsContext } from "./Tabs";
 export interface TabProps
  extends Omit<React.HTMLAttributes<HTMLButtonElement>, "children"> {
  /**
-   * Content
+   * Tab label
   */
  label?: React.ReactNode;
  /**
-   * Icon
+   * Tab Icon
   */
  icon?: React.ReactNode;
  /**
@@ -7,7 +7,7 @@ import mergeRefs from "react-merge-refs";

 export interface TabListProps extends React.HTMLAttributes<HTMLDivElement> {
  /**
-   * Tab elements
+   * <Tabs.Tab /> elements
   */
  children: React.ReactNode;
  /**
@@ -4,7 +4,7 @@ import React, { forwardRef } from "react";

 export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
  /**
-   * Tab panel
+   * Tab panel content
   */
  children: React.ReactNode;
  /**
@@ -7,9 +7,6 @@ import TabPanel, { TabPanelType } from "./TabPanel";

 export interface TabsProps
  extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
-  /**
-   * Tabs elements
-   */
  children: React.ReactNode;
  /**
   * Changes padding and font-size
@@ -17,7 +14,7 @@ export interface TabsProps
   */
  size?: "medium" | "small";
  /**
-   * onChange
+   * onChange callback for selected Tab
   */
  onChange?: (value: string) => void;
  /**
@@ -4,16 +4,15 @@ import { BodyShort, Detail } from "..";

 export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
  /**
-   * Tag
+   * Tag label
   */
  children: React.ReactNode;
  /**
-   * Changes background-color and border-color
-   *
+   * Changes background and border color
   */
  variant: "warning" | "error" | "info" | "success";
  /**
-   * Changes sizing of tag
+   * Changes padding and font-sizes
   * @default "medium"
   */
  size?: "medium" | "small";
@@ -29,7 +29,7 @@ export interface ToggleGroupProps
   */
  defaultValue?: string;
  /**
-   * Returns elements that wants to be active
+   * Callback for selected toggle
   */
  onChange: (value: string) => void;
  /**
@@ -25,6 +25,7 @@ import { useId } from "../util";
 export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
  /**
   * Element tooltip anchors to
+   * @note Needs to be React.ReactElement, does not support multiple children/react fragment
   */
  children: React.ReactElement & React.RefAttributes<HTMLElement>;
  /**
@@ -32,7 +33,8 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
   */
  open?: boolean;
  /**
-   * Tells tooltip to start in open state
+   * Tells tooltip to start in open state.
+   * Use sparingly synce hover/focus on other elements will close it
   * @note "open"-prop overwrites this
   */
  defaultOpen?: boolean;
@@ -42,8 +44,8 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
   */
  placement?: "top" | "right" | "bottom" | "left";
  /**
-   *  Toggles rendering of arrow
-   *  @default true
+   * Toggles rendering of arrow
+   * @default true
   */
  arrow?: boolean;
  /**
@@ -52,17 +54,17 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
   */
  offset?: number;
  /**
-   * Content shown in tooltip
+   * Text-content inside tooltip
   */
  content: string;
  /**
-   * Sets max allowed character length
+   * Sets max allowed character length.
   * @default 80
   */
  maxChar?: number;
  /**
   * Adds a delay in milliseconds before opening tooltip
-   * @default 300
+   * @default 150
   */
  delay?: number;
  /**
@@ -14,7 +14,7 @@ export interface BodyLongProps
   */
  children: React.ReactNode;
  /**
-   * Adds margins to typo
+   * Adds margin-bottom
   */
  spacing?: boolean;
 }
@@ -14,7 +14,7 @@ export interface BodyShortProps
   */
  children: React.ReactNode;
  /**
-   * Adds margins to typo
+   * Adds margin-bottom
   */
  spacing?: boolean;
 }
@@ -14,7 +14,7 @@ export interface DetailProps
   */
  children: React.ReactNode;
  /**
-   * Adds margins to typo
+   * Adds margin-bottom
   */
  spacing?: boolean;
 }
@@ -9,7 +9,7 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
   */
  level?: "1" | "2" | "3" | "4" | "5" | "6";
  /**
-   * Sizes from largest "2xl" to smallest "s"
+   * Changes text-sizing
   */
  size: "xlarge" | "large" | "medium" | "small" | "xsmall";
  /**
@@ -17,7 +17,7 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
   */
  children: React.ReactNode;
  /**
-   * Adds margins to typo
+   * Adds margin-bottom
   * @default false
   */
  spacing?: boolean;
@@ -9,7 +9,7 @@ export interface IngressProps
   */
  children: React.ReactNode;
  /**
-   * Adds margins to typo
+   * Adds margin-bottom
   */
  spacing?: boolean;
 }
@@ -13,7 +13,7 @@ export interface LabelProps extends React.HTMLAttributes<HTMLParagraphElement> {
   */
  children: React.ReactNode;
  /**
-   * Adds margins to typo
+   * Adds margin-bottom
   */
  spacing?: boolean;
 }
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react-internal",
-  "version": "0.13.2",
+  "version": "0.13.5",
  "private": false,
  "description": "NAV internal designsystem react components",
  "author": "NAV Designsystem team",
@@ -36,7 +36,7 @@
  },
  "dependencies": {
    "@navikt/ds-icons": "^0.8.11",
-    "@navikt/ds-react": "^0.18.2",
+    "@navikt/ds-react": "^0.18.5",
    "@popperjs/core": "^2.10.1",
    "classnames": "^2.3.1",
    "copy-to-clipboard": "^3.3.1",
@@ -85,7 +85,7 @@
    "@typescript-eslint/parser": "^4.3.0",
    "babel-eslint": "^10.1.0",
    "babel-loader": "^8.1.0",
-    "chromatic": "^5.2.0",
+    "chromatic": "^6.5.0",
    "css-loader": "^5.0.1",
    "eslint": "^7.10.0",
    "eslint-config-react-app": "^5.2.1",
Author	SHA1	Message	Date
github-actions[bot]	7fb0ac1e3d	Lerna versionbump [ci skip] - @navikt/ds-css@0.17.1 - @navikt/ds-react@0.18.5 - @navikt/ds-react-internal@0.13.5	2022-05-04 12:14:02 +00:00
Andreas Nordahl	d203e86aed	[fix] add confirmation error msg (#1521 ) * [fix] add confirmation error msg * rename panel__panel to panel__inner * remove empty block	2022-05-04 14:01:13 +02:00
github-actions[bot]	ce0e15166d	Lerna versionbump [ci skip] - @navikt/ds-react@0.18.4 - @navikt/ds-react-internal@0.13.4	2022-05-04 07:02:59 +00:00
Ken	32c4316288	[FIX] Pusset opp i litt props (#1518 ) * accordion props docs * alert props * form prop comments * form prop comments * form to popover comments * popover -> typo prop-comments	2022-05-04 08:48:24 +02:00
github-actions[bot]	b390573946	Lerna versionbump [ci skip] - @navikt/ds-react@0.18.3 - @navikt/ds-react-internal@0.13.3	2022-04-30 12:14:37 +00:00
Ken	49cb003e0a	[FIX] La tilbake sortstate i export	2022-04-30 14:01:25 +02:00
Ken	a2812ef47f	oppdatert chromatic versjon for dependabot	2022-04-29 10:20:45 +02:00