Lerna versionbump [ci skip]

- @navikt/ds-css-internal@0.7.6
[fix] updated dropdown paddings (#1551 )
2026-10-17 11:12:03 +00:00 · 2022-06-10 14:29:10 +00:00 · 2022-06-10 16:17:09 +02:00 · 2022-06-09 14:17:43 +02:00 · 2022-06-09 08:29:40 +00:00 · 2022-06-09 10:19:11 +02:00
31 changed files with 191 additions and 189 deletions
@@ -16,22 +16,13 @@
    --navds-semantic-color-feedback-success-border
  );
  --navds-alert-color-success-background: var(--navds-global-color-green-50);
-  --navds-alert-color-error-icon: var(
-    --navds-semantic-color-feedback-danger-icon
-  );
-  --navds-alert-color-warning-icon: var(--navds-global-color-orange-600);
-  --navds-alert-color-info-icon: var(--navds-semantic-color-feedback-info-icon);
-  --navds-alert-color-success-icon: var(
-    --navds-semantic-color-feedback-success-icon
-  );
-  --navds-alert-color-icon-background: var(--navds-global-color-white);
 }

 .navds-alert {
  border-radius: var(--navds-border-radius-medium);
  border: 1px solid;
  border-color: var(--navds-alert-color-border);
-  padding: calc(var(--navds-spacing-4) + 1px) calc(var(--navds-spacing-4) + 1px);
+  padding: var(--navds-spacing-4);
  display: flex;
  gap: var(--navds-spacing-3);
  align-items: center;
@@ -42,13 +33,19 @@
 }

 .navds-alert--small {
-  padding: calc(var(--navds-spacing-1) - 1px) var(--navds-spacing-4);
+  padding: var(--navds-spacing-2);
+  gap: var(--navds-spacing-2);
 }

 .navds-alert--full-width {
  border-radius: 0;
 }

+.navds-alert--full-width.navds-alert--small {
+  padding-right: var(--navds-spacing-4);
+  padding-left: var(--navds-spacing-4);
+}
+
 .navds-alert > .navds-alert__icon {
  flex-shrink: 0;
  font-size: 1.5rem;
@@ -66,60 +63,21 @@
  background-color: var(--navds-alert-color-error-background);
 }

-.navds-alert--error > .navds-alert__icon {
-  color: var(--navds-alert-color-error-icon);
-  background: radial-gradient(
-    circle,
-    var(--navds-alert-color-icon-background) 50%,
-    0,
-    transparent
-  );
-}
-
 .navds-alert--warning {
  border-color: var(--navds-alert-color-warning-border);
  background-color: var(--navds-alert-color-warning-background);
 }

-.navds-alert--warning > .navds-alert__icon {
-  color: var(--navds-alert-color-warning-icon);
-  background: linear-gradient(
-      var(--navds-alert-color-icon-background),
-      var(--navds-alert-color-icon-background)
-    )
-    center / 16% 60% no-repeat;
-}
-
 .navds-alert--info {
  border-color: var(--navds-alert-color-info-border);
  background-color: var(--navds-alert-color-info-background);
 }

-.navds-alert--info > .navds-alert__icon {
-  color: var(--navds-alert-color-info-icon);
-  background: radial-gradient(
-    circle,
-    var(--navds-alert-color-icon-background) 50%,
-    0,
-    transparent
-  );
-}
-
 .navds-alert--success {
  border-color: var(--navds-alert-color-success-border);
  background-color: var(--navds-alert-color-success-background);
 }

-.navds-alert--success > .navds-alert__icon {
-  color: var(--navds-alert-color-success-icon);
-  background: radial-gradient(
-    circle,
-    var(--navds-alert-color-icon-background) 50%,
-    0,
-    transparent
-  );
-}
-
 .navds-alert--inline {
  background-color: transparent;
  border-color: transparent;
@@ -1,15 +0,0 @@
-:root {
-  --navds-error-message-color-text: var(
-    --navds-semantic-color-feedback-danger-text
-  );
-}
-
-.navds-error-message {
-  color: var(--navds-error-message-color-text);
-  display: flex;
-  gap: var(--navds-spacing-2);
-}
-
-.navds-error-message::before {
-  content: "•";
-}
@@ -8,3 +8,14 @@
 .navds-form-field > .navds-sr-only + input:not(:first-child) {
  margin-top: 0;
 }
+
+.navds-form-field .navds-error-message,
+.navds-fieldset .navds-error-message {
+  display: flex;
+  gap: var(--navds-spacing-2);
+}
+
+.navds-form-field .navds-error-message::before,
+.navds-fieldset .navds-error-message::before {
+  content: "•";
+}
@@ -5,7 +5,6 @@
@import "form.css";
@import "error-summary.css";
@import "confirmation-panel.css";
-@import "error-message.css";
@import "radio-checkbox.css";
@import "select.css";
@import "switch.css";
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "0.18.2",
+  "version": "0.18.7",
  "description": "Css for NAV Designsystem components",
  "author": "NAV Designsystem team",
  "keywords": [
@@ -12,7 +12,7 @@
  },
  "repository": {
    "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
+    "url": "git+https://github.com/navikt/Designsystemet.git"
  },
  "main": "./dist/index.css",
  "scripts": {
@@ -20,7 +20,7 @@
    "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^0.9.2",
+    "@navikt/ds-tokens": "^0.9.5",
    "normalize.css": "^8.0.1",
    "postcss": "^8.3.6",
    "postcss-cli": "^8.3.1",
@@ -1,3 +1,9 @@
+:root {
+  --navds-error-message-color-text: var(
+    --navds-semantic-color-feedback-danger-text
+  );
+}
+
 /* Heading */
 .navds-heading {
  font-weight: var(--navds-font-weight-bold);
@@ -161,7 +167,6 @@
 /* Small text */
 .navds-detail {
  font-size: var(--navds-font-size-small);
-  font-weight: var(--navds-font-weight-bold);
  letter-spacing: 0.004em;
  line-height: var(--navds-font-line-height-medium);
  margin: 0;
@@ -171,6 +176,10 @@
  margin-bottom: var(--navds-spacing-2);
 }

+.navds-detail.navds-typo--uppercase {
+  text-transform: uppercase;
+}
+
 .navds-detail--small {
  font-weight: var(--navds-font-weight-regular);
 }
@@ -178,3 +187,7 @@
 .navds-detail--small.navds-typo--spacing {
  margin-bottom: var(--navds-spacing-2);
 }
+
+.navds-error-message {
+  color: var(--navds-error-message-color-text);
+}
@@ -1,10 +1,10 @@
 {
  "name": "@navikt/ds-icons",
-  "version": "0.8.15",
+  "version": "0.8.16",
  "description": "NAVs egne ikoner i SVG og React format",
  "repository": {
    "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler/tree/master/%40navikt/ds-icons"
+    "url": "git+https://github.com/navikt/Designsystemet.git"
  },
  "keywords": [
    "NAV",
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "0.19.3",
+  "version": "0.19.7",
  "description": "NAV designsystem react components",
  "author": "NAV Designsystem team",
  "license": "MIT",
@@ -11,7 +11,7 @@
  ],
  "repository": {
    "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler/tree/master/%40navikt/ds-react"
+    "url": "git+https://github.com/navikt/Designsystemet.git"
  },
  "sideEffects": false,
  "main": "./cjs/index.js",
@@ -37,7 +37,7 @@
  "dependencies": {
    "@floating-ui/react-dom": "0.6.0",
    "@material-ui/core": "^4.12.3",
-    "@navikt/ds-icons": "^0.8.15",
+    "@navikt/ds-icons": "^0.8.16",
    "@popperjs/core": "^2.10.1",
    "@radix-ui/react-tabs": "0.1.5",
    "@radix-ui/react-toggle-group": "0.1.5",
@@ -1,8 +1,8 @@
 import {
-  ErrorFilled,
-  InformationFilled,
-  SuccessFilled,
-  WarningFilled,
+  ErrorColored,
+  InformationColored,
+  SuccessColored,
+  WarningColored,
 } from "@navikt/ds-icons";
 import cl from "classnames";
 import React, { forwardRef } from "react";
@@ -37,13 +37,13 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
 const Icon = ({ variant, ...props }) => {
  switch (variant) {
    case "error":
-      return <ErrorFilled title="Feil" {...props} />;
+      return <ErrorColored title="Feil" {...props} />;
    case "warning":
-      return <WarningFilled title="Advarsel" {...props} />;
+      return <WarningColored title="Advarsel" {...props} />;
    case "info":
-      return <InformationFilled title="Informasjon" {...props} />;
+      return <InformationColored title="Informasjon" {...props} />;
    case "success":
-      return <SuccessFilled title="Suksess" {...props} />;
+      return <SuccessColored title="Suksess" {...props} />;
    default:
      return null;
  }
@@ -74,6 +74,16 @@ export const XSmall = () => (
  </div>
 );

+export const Link = () => (
+  <div className="rowgap">
+    {variants.map((variant) => (
+      <Button key={variant} variant={variant} as="a" href="#thecakeisalie">
+        {varSwitch[variant]}
+      </Button>
+    ))}
+  </div>
+);
+
 export const Loading = () => (
  <div className="colgap">
    <div className="rowgap">
@@ -105,21 +115,24 @@ export const Icon = () => (
    <div className="rowgap">
      {variants.map((variant) => (
        <Button key={variant} variant={variant}>
-          <Star />
+          <Star aria-hidden />
+          <span className="navds-sr-only">Stjerne</span>
        </Button>
      ))}
    </div>
    <div className="rowgap">
      {variants.map((variant) => (
        <Button key={variant} variant={variant} size="small">
-          <Star />
+          <Star aria-hidden />
+          <span className="navds-sr-only">Stjerne</span>
        </Button>
      ))}
    </div>
    <div className="rowgap">
      {variants.map((variant) => (
        <Button key={variant} variant={variant} size="xsmall">
-          <Star />
+          <Star aria-hidden />
+          <span className="navds-sr-only">Stjerne</span>
        </Button>
      ))}
    </div>
@@ -131,39 +144,29 @@ export const IconWText = () => (
    <div className="rowgap">
      {variants.map((variant) => (
        <Button key={variant} variant={variant}>
-          <Star />
+          <Star aria-hidden />
          {varSwitch[variant]}
-          <Star />
+          <Star aria-hidden />
        </Button>
      ))}
    </div>
    <div className="rowgap">
      {variants.map((variant) => (
        <Button key={variant} variant={variant} size="small">
-          <Star />
+          <Star aria-hidden />
          {varSwitch[variant]}
-          <Star />
+          <Star aria-hidden />
        </Button>
      ))}
    </div>
    <div className="rowgap">
      {variants.map((variant) => (
        <Button key={variant} variant={variant} size="xsmall">
-          <Star />
+          <Star aria-hidden />
          {varSwitch[variant]}
-          <Star />
+          <Star aria-hidden />
        </Button>
      ))}
    </div>
  </div>
 );
-
-export const Link = () => (
-  <div className="rowgap">
-    {variants.map((variant) => (
-      <Button key={variant} variant={variant} as="a" href="#thecakeisalie">
-        {varSwitch[variant]}
-      </Button>
-    ))}
-  </div>
-);
@@ -1,7 +1,6 @@
 import React, { forwardRef } from "react";
 import cl from "classnames";
-import { BodyLong, Checkbox, CheckboxProps } from "..";
-import ErrorMessage from "./ErrorMessage";
+import { BodyLong, Checkbox, CheckboxProps, ErrorMessage } from "..";
 import { useFormField } from "./useFormField";

 export interface ConfirmationPanelProps
@@ -1,17 +0,0 @@
-import React from "react";
-import cl from "classnames";
-import { Label } from "..";
-
-const ErrorMessage = (props) => (
-  <Label
-    {...props}
-    as="div"
-    className={cl(
-      "navds-error-message",
-      props.className,
-      `navds-error-message--${props.size ?? "medium"}`
-    )}
-  />
-);
-
-export default ErrorMessage;
@@ -1,7 +1,6 @@
 import cl from "classnames";
 import React, { FieldsetHTMLAttributes, forwardRef, useContext } from "react";
-import { BodyShort, Detail, Label, omit } from "../..";
-import ErrorMessage from "../ErrorMessage";
+import { BodyShort, Detail, Label, ErrorMessage, omit } from "../..";
 import { FormFieldProps } from "../useFormField";
 import { useFieldset } from "./useFieldset";

@@ -1,8 +1,7 @@
 import React, { forwardRef, SelectHTMLAttributes } from "react";
 import cl from "classnames";
 import { Expand } from "@navikt/ds-icons";
-import { BodyShort, Label, omit } from "..";
-import ErrorMessage from "./ErrorMessage";
+import { BodyShort, Label, ErrorMessage, omit } from "..";
 import { FormFieldProps, useFormField } from "./useFormField";

 export interface SelectProps
@@ -1,7 +1,6 @@
 import React, { forwardRef, InputHTMLAttributes } from "react";
 import cl from "classnames";
-import { BodyShort, Detail, Label, omit } from "..";
-import ErrorMessage from "./ErrorMessage";
+import { BodyShort, Detail, Label, ErrorMessage, omit } from "..";
 import { FormFieldProps, useFormField } from "./useFormField";

 export interface TextFieldProps
@@ -1,8 +1,7 @@
 import React, { forwardRef, useState } from "react";
 import cl from "classnames";
 import TextareaAutosize from "@material-ui/core/TextareaAutosize";
-import { BodyShort, Label, omit } from "..";
-import ErrorMessage from "./ErrorMessage";
+import { BodyShort, Label, ErrorMessage, omit } from "..";
 import { FormFieldProps, useFormField } from "./useFormField";
 import { useId } from "..";

@@ -93,9 +93,9 @@ export const ReadMore = forwardRef<HTMLButtonElement, ReadMoreProps>(
          <span>{header}</span>
        </button>
        <CollapseComponent isOpened={isOpened}>
-          <div className="navds-read-more__content">
-            <BodyLong size={size}>{children}</BodyLong>
-          </div>
+          <BodyLong as="div" className="navds-read-more__content" size={size}>
+            {children}
+          </BodyLong>
        </CollapseComponent>
      </div>
    );
@@ -17,25 +17,35 @@ export interface DetailProps
   * Adds margin-bottom
   */
  spacing?: boolean;
+  /**
+   * All caps
+   */
+  uppercase?: boolean;
 }

-export const Detail: OverridableComponent<
-  DetailProps,
-  HTMLParagraphElement
-> = forwardRef(
-  (
-    { className, size = "medium", spacing, as: Component = "p", ...rest },
-    ref
-  ) => (
-    <Component
-      {...rest}
-      ref={ref}
-      className={cl(className, "navds-detail", {
-        "navds-detail--small": size === "small",
-        "navds-typo--spacing": !!spacing,
-      })}
-    />
-  )
-);
+export const Detail: OverridableComponent<DetailProps, HTMLParagraphElement> =
+  forwardRef(
+    (
+      {
+        className,
+        size = "medium",
+        spacing,
+        uppercase,
+        as: Component = "p",
+        ...rest
+      },
+      ref
+    ) => (
+      <Component
+        {...rest}
+        ref={ref}
+        className={cl(className, "navds-detail", {
+          "navds-detail--small": size === "small",
+          "navds-typo--spacing": !!spacing,
+          "navds-typo--uppercase": !!uppercase,
+        })}
+      />
+    )
+  );

 export default Detail;
@@ -0,0 +1,26 @@
+import React from "react";
+import cl from "classnames";
+import { Label } from "..";
+
+export interface ErrorMessageProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * medium: 18px, small: 16px
+   * @default "medium"
+   */
+  size?: "medium" | "small";
+  /**
+   * Error text
+   */
+  children: React.ReactNode;
+}
+
+const ErrorMessage = (props) => (
+  <Label
+    {...props}
+    as="div"
+    className={cl("navds-error-message", props.className)}
+  />
+);
+
+export default ErrorMessage;
@@ -1,6 +1,7 @@
 export { BodyLongProps, default as BodyLong } from "./BodyLong";
 export { BodyShortProps, default as BodyShort } from "./BodyShort";
 export { default as Detail, DetailProps } from "./Detail";
+export { default as ErrorMessage, ErrorMessageProps } from "./ErrorMessage";
 export { default as Heading, HeadingProps } from "./Heading";
 export { default as Ingress, IngressProps } from "./Ingress";
 export { default as Label, LabelProps } from "./Label";
@@ -1,5 +1,13 @@
 import React from "react";
-import { Heading, BodyShort, BodyLong, Detail, Ingress, Label } from "../index";
+import {
+  Heading,
+  BodyShort,
+  BodyLong,
+  Detail,
+  Ingress,
+  Label,
+  ErrorMessage,
+} from "..";

 export default {
  title: "ds-react/typography",
@@ -51,14 +59,21 @@ const LabelTemplate = ({ spacing, size }) => (
 export const LabelStory = LabelTemplate.bind({});
 LabelStory.args = { spacing: false, size: "medium" };

-const DetailTemplate = ({ spacing, size }) => (
-  <Detail size={size} spacing={spacing}>
+const DetailTemplate = ({ spacing, size, uppercase }) => (
+  <Detail size={size} spacing={spacing} uppercase={uppercase}>
    {lorem()}
  </Detail>
 );

 export const DetailStory = DetailTemplate.bind({});
-DetailStory.args = { spacing: false, size: "medium" };
+DetailStory.args = { spacing: false, uppercase: false, size: "medium" };
+
+const ErrorMessageTemplate = ({ size }) => (
+  <ErrorMessage size={size}>{lorem()}</ErrorMessage>
+);
+
+export const ErrorMessageStory = ErrorMessageTemplate.bind({});
+ErrorMessageStory.args = { size: "medium" };

 export const SideInnholdEksempel = () => {
  return (
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tailwind",
-  "version": "0.2.3",
+  "version": "0.2.6",
  "description": "Auto-generated tailwind config based on @navikt/ds-tokens",
  "author": "NAV Designsystem team",
  "keywords": [
@@ -18,11 +18,11 @@
  },
  "repository": {
    "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler.git",
+    "url": "git+https://github.com/navikt/Designsystemet.git",
    "directory": "@navikt/core/tailwind"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^0.9.2",
+    "@navikt/ds-tokens": "^0.9.5",
    "@types/jest": "^27.0.1",
    "@types/node": "^17.0.35",
    "jest": "^27.2.0",
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tokens",
-  "version": "0.9.2",
+  "version": "0.9.5",
  "description": "Auto-generated design-tokens for NAV design-systems framework",
  "author": "NAV Designsystem team",
  "keywords": [
@@ -25,7 +25,7 @@
  },
  "repository": {
    "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler.git",
+    "url": "git+https://github.com/navikt/Designsystemet.git",
    "directory": "@navikt/core/tokens"
  },
  "devDependencies": {
@@ -343,7 +343,7 @@
          }
        },
        "divider": {
-          "value": "{navds.global.color.gray.200.value}"
+          "value": "{navds.global.color.gray.300.value}"
        },
        "feedback": {
          "danger": {
@@ -396,7 +396,7 @@
        },
        "focus": {
          "inverted": {
-            "value": "{navds.global.color.blue.300.value}"
+            "value": "{navds.global.color.blue.100.value}"
          },
          "@": {
            "value": "{navds.global.color.blue.800.value}"
@@ -12,11 +12,12 @@

 .navdsi-dropdown__menu {
  overflow: hidden;
-  padding: var(--navds-spacing-4) 0;
+  padding: var(--navds-spacing-2) 0;
  color: var(--navds-dropdown-menu-color);
  width: 27ch;
  max-height: 616px;
  overflow-y: auto;
+  border-color: var(--navds-global-color-gray-300);
 }

 .navdsi-dropdown__menu > :not(.navdsi-divider):not(.navdsi-dropdown__list) {
@@ -34,7 +35,7 @@
 }

 .navdsi-dropdown__list-heading {
-  margin: 0 var(--navds-spacing-4) var(--navds-spacing-4);
+  margin: var(--navds-spacing-1) var(--navds-spacing-4) var(--navds-spacing-3);
 }

 .navdsi-dropdown__item {
@@ -3,7 +3,7 @@
  --navdsi-header-color-background: var(
    --navds-semantic-color-component-background-inverted
  );
-  --navdsi-header-color-border: var(--navds-semantic-color-border-muted);
+  --navdsi-header-color-border: var(--navds-semantic-color-border);
  --navdsi-header-focus: inset 0 0 0 2px var(--navds-global-color-blue-100);
  --navdsi-header-color-hover: var(--navds-global-color-gray-800);
  --navdsi-header-color-active: var(--navds-global-color-gray-600);
@@ -21,6 +21,7 @@
  overflow: visible;
  background: transparent;
  font: inherit;
+  font-weight: var(--navds-font-weight-bold);
  line-height: normal;
  text-align: left;
  padding: 0 var(--navds-spacing-5) 0 var(--navds-spacing-6);
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css-internal",
-  "version": "0.7.4",
+  "version": "0.7.6",
  "description": "Css for NAV internal Designsystem components",
  "author": "NAV Designsystem team",
  "keywords": [
@@ -12,7 +12,7 @@
  },
  "repository": {
    "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
+    "url": "git+https://github.com/navikt/Designsystemet.git"
  },
  "main": "./dist/index.css",
  "scripts": {
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react-internal",
-  "version": "0.14.3",
+  "version": "0.14.7",
  "description": "NAV internal designsystem react components",
  "author": "NAV Designsystem team",
  "license": "MIT",
@@ -11,7 +11,7 @@
  ],
  "repository": {
    "type": "git",
-    "url": "git+https://github.com/navikt/nav-frontend-moduler"
+    "url": "git+https://github.com/navikt/Designsystemet"
  },
  "sideEffects": false,
  "main": "./cjs/index.js",
@@ -34,8 +34,8 @@
    "watch": "tsc --watch -p tsconfig.esm.json"
  },
  "dependencies": {
-    "@navikt/ds-icons": "^0.8.15",
-    "@navikt/ds-react": "^0.19.3",
+    "@navikt/ds-icons": "^0.8.16",
+    "@navikt/ds-react": "^0.19.7",
    "@popperjs/core": "^2.10.1",
    "classnames": "^2.3.1",
    "copy-to-clipboard": "^3.3.1",
@@ -21,12 +21,7 @@ export const HeaderTitle: HeaderTitleType = forwardRef(
      {...rest}
      ref={ref}
      size="xsmall"
-      className={cl(
-        "navdsi-header__title",
-        "navds-heading",
-        `navds-heading--xsmall`,
-        className
-      )}
+      className={cl("navdsi-header__title", "navds-body-short", className)}
    >
      <span>{children}</span>
    </Component>
@@ -126,10 +126,16 @@ const Initials = () => (
  <Header>
    <Header.Title href="/#home">NAV Sykepenger</Header.Title>
    <Dropdown>
-      <Header.Button as={Dropdown.Toggle} style={{ marginLeft: "auto" }}>
-        <BodyShort size="small" title="Kong Harald">
-          KH
-        </BodyShort>
+      <Header.Button
+        as={Dropdown.Toggle}
+        style={{
+          marginLeft: "auto",
+          paddingRight: "1.5rem",
+          paddingLeft: "1.5rem",
+          gap: "1rem",
+        }}
+      >
+        <BodyShort title="Kong Harald">KH</BodyShort>
        <Expand />
      </Header.Button>
      <Dropdown.Menu>
@@ -8,21 +8,21 @@
        Monorepo for Frontend-komponenter til Aksel.
    </p>
    <p>
-      <a href="https://github.com/navikt/nav-frontend-moduler/pulls">
+      <a href="https://github.com/navikt/Designsystemet/pulls">
          <img src="https://img.shields.io/badge/PRs-welcome-green.svg" />
      </a>
-         <img src="https://github.com/navikt/nav-frontend-moduler/actions/workflows/build-publish.yml/badge.svg" />
-        <img src="https://github.com/navikt/nav-frontend-moduler/actions/workflows/chromatic.yml/badge.svg" />
+         <img src="https://github.com/navikt/Designsystemet/actions/workflows/build-publish.yml/badge.svg" />
+        <img src="https://github.com/navikt/Designsystemet/actions/workflows/chromatic.yml/badge.svg" />
    </p>
   <img src="https://img.shields.io/endpoint?style=for-the-badge&url=https://runkit.io/fezvrasta/combined-npm-downloads/1.0.0?packages=@navikt/ds-react,@navikt/ds-css,@navikt/ds-icons,@navikt/ds-tokens,@navikt/ds-react-internal,@navikt/ds-css-internal,nav-frontend-alertstriper-style,nav-frontend-alertstriper,nav-frontend-chevron-style,nav-frontend-chevron,nav-frontend-core,nav-frontend-ekspanderbartpanel-style,nav-frontend-ekspanderbartpanel,nav-frontend-etiketter-style,nav-frontend-etiketter,nav-frontend-fullbreddeknapp-style,nav-frontend-grid-style,nav-frontend-grid,nav-frontend-hjelpetekst-style,nav-frontend-hjelpetekst,nav-frontend-ikoner-assets,nav-frontend-ikonknapper,nav-frontend-js-utils,nav-frontend-knapper-style,nav-frontend-knapper,nav-frontend-lenkepanel-style,nav-frontend-lenkepanel,nav-frontend-lenker-style,nav-frontend-lenker,nav-frontend-lesmerpanel-style,nav-frontend-lesmerpanel,nav-frontend-lukknapp-style,nav-frontend-lukknapp,nav-frontend-modal-style,nav-frontend-modal,nav-frontend-paneler-style,nav-frontend-paneler,nav-frontend-popover-style,nav-frontend-popover,nav-frontend-skjema-style,nav-frontend-skjema,nav-frontend-snakkeboble-style,nav-frontend-snakkeboble,nav-frontend-spinner-style,nav-frontend-spinner,nav-frontend-stegindikator-style,nav-frontend-stegindikator,nav-frontend-tabell-style,nav-frontend-tabs-style,nav-frontend-tabs,nav-frontend-tekstomrade,nav-frontend-toggle-style,nav-frontend-toggle,nav-frontend-typografi-style,nav-frontend-typografi,nav-frontend-veileder-style,nav-frontend-veileder,nav-frontend-veilederpanel-style,nav-frontend-veilederpanel" />
-    <h4><a href="https://aksel.nav.no">Nettside</a> | <a href="https://github.com/navikt/nav-frontend-moduler/blob/master/CONTRIBUTING.md">Bidra</a> | <a href="https://github.com/navikt/nav-frontend-moduler/issues">Bug-rapport</a>
+    <h4><a href="https://aksel.nav.no">Nettside</a> | <a href="https://github.com/navikt/Designsystemet/blob/master/CONTRIBUTING.md">Bidra</a> | <a href="https://github.com/navikt/Designsystemet/issues">Bug-rapport</a>
 </div>

 ## Innhold i repo

 Repoet inneholder følgende:

- [Felleskomponenter](https://github.com/navikt/nav-frontend-moduler/tree/master/@navikt/)
+- [Felleskomponenter](https://github.com/navikt/Designsystemet/tree/master/@navikt/)
 - [Storybook](https://master--5f801fb2aea7820022de2936.chromatic.com/) for komponenter.
 - [Gammel dokumentasjon](https://old-design-nav.vercel.app) for komponenter.

@@ -36,14 +36,14 @@ Repoet inneholder følgende:

 ## Bidra

-Gå til [CONTRIBUTING.md](https://github.com/navikt/nav-frontend-moduler/blob/master/CONTRIBUTING.md)
+Gå til [CONTRIBUTING.md](https://github.com/navikt/Designsystemet/blob/master/CONTRIBUTING.md)

 ## Lisenser

-Gå til [LICENSE](https://github.com/navikt/nav-frontend-moduler/blob/master/LICENCE)
+Gå til [LICENSE](https://github.com/navikt/Designsystemet/blob/master/LICENCE)

 ## Contributors

-<a href="https://github.com/navikt/nav-frontend-moduler/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=navikt/nav-frontend-moduler" />
+<a href="https://github.com/navikt/Designsystemet/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=navikt/Designsystemet" />
 </a>
Author	SHA1	Message	Date
github-actions[bot]	08d9780c97	Lerna versionbump [ci skip] - @navikt/ds-css-internal@0.7.6	2022-06-10 14:29:10 +00:00
Andreas Nordahl	d627093560	[fix] updated dropdown paddings (#1551 )	2022-06-10 16:17:09 +02:00
Ken	6f3126857a	Button stories	2022-06-09 14:17:43 +02:00
github-actions[bot]	731cae82c3	Lerna versionbump [ci skip] - @navikt/ds-css@0.18.7 - @navikt/ds-react@0.19.7 - @navikt/ds-react-internal@0.14.7	2022-06-09 08:29:40 +00:00
Andreas Nordahl	3440d2f0f7	[fix] Typo sync (#1548 ) * add error message component * add uppercase detail * dont default detail to bold * dot before fieldset error message	2022-06-09 10:19:11 +02:00
github-actions[bot]	49c3be36a8	Lerna versionbump [ci skip] - @navikt/ds-css@0.18.6 - @navikt/ds-icons@0.8.16 - @navikt/ds-react@0.19.6 - @navikt/ds-tailwind@0.2.6 - @navikt/ds-tokens@0.9.5 - @navikt/ds-css-internal@0.7.5 - @navikt/ds-react-internal@0.14.6	2022-06-08 13:16:33 +00:00
Andreas Nordahl	00370a1f61	[fix] internal header updates (#1547 ) * WIP * dropdown border color sync	2022-06-08 15:06:23 +02:00
Ken	a171f9b312	[FIX] GPR fix	2022-06-08 15:00:51 +02:00
github-actions[bot]	d05f495d6c	Lerna versionbump [ci skip] - @navikt/ds-css@0.18.5 - @navikt/ds-tailwind@0.2.5 - @navikt/ds-tokens@0.9.4	2022-06-08 12:55:56 +00:00
github-actions[bot]andandnorda	c2df47b776	[fix] Tokens synket fra figma (#1546 ) Co-authored-by: andnorda <andnorda@users.noreply.github.com>	2022-06-08 14:45:57 +02:00
github-actions[bot]	e8ee773bd8	Lerna versionbump [ci skip] - @navikt/ds-css@0.18.4 - @navikt/ds-tailwind@0.2.4 - @navikt/ds-tokens@0.9.3	2022-06-08 12:44:38 +00:00
github-actions[bot]andandnorda	7f7475eae5	[fix] Tokens synket fra figma (#1545 ) Co-authored-by: andnorda <andnorda@users.noreply.github.com>	2022-06-08 14:33:21 +02:00
github-actions[bot]	ff78616d85	Lerna versionbump [ci skip] - @navikt/ds-css@0.18.3 - @navikt/ds-react@0.19.5 - @navikt/ds-react-internal@0.14.5	2022-06-08 12:08:19 +00:00
Andreas Nordahl	c74a8469b6	[fix] update alert spacing (#1542 )	2022-06-08 13:57:51 +02:00
Ken	8df8bda149	[ci skip] Readme.md	2022-06-08 13:47:34 +02:00
github-actions[bot]	2e87ec1519	Lerna versionbump [ci skip] - @navikt/ds-react@0.19.4 - @navikt/ds-react-internal@0.14.4	2022-06-08 11:36:15 +00:00
Ken	669dbbac3b	[FIX] Fikset ReadMore slik at innholdet ikke er i en p-tag (#1544 )	2022-06-08 13:25:45 +02:00