Lerna versionbump [ci skip]

- @navikt/ds-css@0.9.1 - @navikt/ds-react@0.10.2 - @navikt/ds-react-internal@0.2.1
[FIX] La til ClearButton i import/export, fikset styling (#1274 )
2026-10-13 09:12:03 +00:00 · 2021-10-05 11:16:02 +00:00 · 2021-10-05 13:00:38 +02:00 · 2021-10-04 14:06:10 +00:00 · 2021-10-04 15:49:47 +02:00 · 2021-10-01 13:13:45 +00:00
45 changed files with 507 additions and 347 deletions
@@ -30,12 +30,15 @@ jobs:
      - name: install
        if: steps.node-cache.outputs.cache-hit != 'true'
        run: yarn install
-      - name: test
-        run: yarn test
+      - name: postinstall
+        if: steps.node-cache.outputs.cache-hit == 'true'
+        run: yarn postinstall
      - name: Boot
        run: yarn boot
      - name: Eslint and Stylelint
        run: yarn lint
+      - name: Test
+        run: yarn test
      - name: add access token to .env
        run: echo "ACCESS_TOKEN=${{ secrets.VERKTOYKASSE_INNHOLD_TOKEN }}" >> website/.env
      - name: add branch token to .env
@@ -1,46 +0,0 @@
-{
-  "repository": "@nav/designsystem",
-  "head": "specify-sync",
-  "base": "specify-token-parsing",
-  "rules": [
-    {
-      "name": "Color sync",
-      "path": "@navikt/core/tokens/src/colors.js",
-      "filter": {
-        "types": ["color"]
-      },
-      "parsers": [
-        {
-          "name": "to-theme-ui",
-          "options": {
-            "formatConfig": {
-              "module": "commonjs"
-            },
-            "formatTokens": {
-              "colorFormat": {
-                "format": "rgb"
-              }
-            }
-          }
-        }
-      ]
-    },
-    {
-      "name": "Spacing sync",
-      "path": "@navikt/core/tokens/src/spacing.js",
-      "filter": {
-        "types": ["measurement"]
-      },
-      "parsers": [
-        {
-          "name": "to-theme-ui",
-          "options": {
-            "formatConfig": {
-              "module": "commonjs"
-            }
-          }
-        }
-      ]
-    }
-  ]
-}
@@ -1,5 +1,6 @@
 import "nav-frontend-core";
 import "@navikt/ds-css/index.css";
+import "@navikt/ds-css-internal/index.css";

 export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
@@ -29,6 +29,10 @@
  border-bottom-left-radius: 0;
 }

+.navds-search-field__input-wrapper > :last-child:first-child {
+  border-radius: 4px;
+}
+
 .navds-search-field__input-wrapper :focus {
  z-index: var(--navds-z-index-focus);
 }
@@ -8,7 +8,6 @@
@import "button.css";
@import "content-container.css";
@import "copy-to-clipboard.css";
-@import "internal-header.css";
@import "guide-panel.css";
@import "form/index.css";
@import "help-text.css";
@@ -1,66 +0,0 @@
-:root {
-  --navds-internal-header-color-background: var(--navds-color-darkgray);
-  --navds-internal-header-color-border: var(--navds-color-gray-40);
-  --navds-internal-header-color-text: var(--navds-color-text-inverse);
-}
-
-/**************************
- * .navds-header *
- **************************/
-
-.navds-interal-header {
-  display: flex;
-  align-items: center;
-  background: var(--navds-internal-header-color-background);
-  color: var(--navds-internal-header-color-text);
-  max-width: 100vw;
-  min-height: 50px;
-}
-
-.navds-interal-header__column {
-  display: flex;
-  align-items: center;
-}
-
-/**************************
-  * .navds-interal-header__title *
-  **************************/
-
-.navds-interal-header__title {
-  padding: 0 var(--navds-spacing-6);
-  border-right: 1px solid var(--navds-internal-header-color-border);
-  display: flex;
-  align-self: stretch;
-  align-items: center;
-  text-decoration: none;
-  margin: 0;
-  color: var(--navds-internal-header-color-text);
-}
-
-.navds-interal-header__title > span > a {
-  text-decoration: none;
-  color: inherit;
-}
-
-.navds-interal-header__title > span > a:focus {
-  box-shadow: var(--navds-shadow-focus-on-dark);
-  outline: none;
-}
-
-/**************************
-  * .navds-interal-header__user *
-  **************************/
-
-.navds-interal-header__user {
-  color: var(--navds-internal-header-color-text);
-  padding: 0 var(--navds-spacing-6);
-  margin-left: auto;
-  border-left: 1px solid var(--navds-internal-header-color-border);
-  display: flex;
-  align-self: stretch;
-  align-items: center;
-}
-
-.navds-interal-header__name.navds-body-short {
-  margin-right: var(--navds-spacing-4);
-}
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "0.8.4",
+  "version": "0.9.1",
  "private": false,
  "description": "Css for NAV Designsystem components",
  "author": "NAV Designsystem team",
@@ -1,6 +1,6 @@
 # @navikt/ds-icons

-Denne pakken leverer [NAV sine ikoner](https://design.nav.no/resources/icons) i en pakke med React-komponenter og SVG er.
+Denne pakken leverer [NAVs ikoner](https://design.nav.no/resources/icons) i en pakke med React-komponenter og SVGer.

 ## Installering

@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "0.9.3",
+  "version": "0.10.2",
  "private": false,
  "description": "NAV designsystem react components",
  "author": "NAV Designsystem team",
@@ -15,6 +15,8 @@ export {
  SearchFieldProps,
  SearchFieldInput,
  SearchFieldInputProps,
+  SearchFieldClearButton,
+  SearchFieldClearButtonProps,
 } from "./search-field";
 export { default as Select, SelectProps } from "./Select";
 export {
@@ -6,7 +6,6 @@ export * from "./copy-to-clipboard";
 export * from "./form";
 export * from "./grid";
 export * from "./help-text";
-export * from "./internal-header";
 export * from "./guide-panel";
 export * from "./link";
 export * from "./link-panel";
@@ -1,23 +0,0 @@
-import React, { forwardRef, HTMLAttributes } from "react";
-import cl from "classnames";
-
-export interface InternalHeaderProps extends HTMLAttributes<HTMLElement> {
-  /**
-   * Component content
-   */
-  children?: React.ReactNode;
-}
-
-const InternalHeader = forwardRef<HTMLElement, InternalHeaderProps>(
-  ({ children, className, ...rest }, ref) => (
-    <header
-      ref={ref}
-      className={cl("navds-interal-header", className)}
-      {...rest}
-    >
-      {children}
-    </header>
-  )
-);
-
-export default InternalHeader;
@@ -1,26 +0,0 @@
-import React, { forwardRef, HTMLAttributes, createElement } from "react";
-import cl from "classnames";
-
-export interface InternalHeaderTitleProps extends HTMLAttributes<HTMLElement> {
-  /**
-   * Component content
-   */
-  children?: React.ReactNode;
-  /**
-   * Tag this component will use. Usefull for defining a button/link
-   * @default "h1"
-   */
-  element?: keyof React.ReactHTML;
-}
-
-const InternalHeaderTitle = forwardRef<HTMLElement, InternalHeaderTitleProps>(
-  ({ element = "h1", children, className, ...rest }, ref) =>
-    createElement(element, {
-      ...rest,
-      ref,
-      className: cl("navds-interal-header__title", "navds-label", className),
-      children: <span>{children}</span>,
-    })
-);
-
-export default InternalHeaderTitle;
@@ -1,31 +0,0 @@
-import React, { forwardRef, HTMLAttributes } from "react";
-import cl from "classnames";
-
-export interface InternalHeaderUserProps
-  extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * user name
-   */
-  name: string;
-  /**
-   * user ident
-   */
-  ident: string;
-}
-
-const InternalHeaderUser = forwardRef<HTMLDivElement, InternalHeaderUserProps>(
-  ({ className, name, ident, ...rest }, ref) => (
-    <div
-      ref={ref}
-      className={cl("navds-interal-header__user", className)}
-      {...rest}
-    >
-      <span className="navds-interal-header__name navds-body-short navds-body--s">
-        {name}
-      </span>
-      <span className="navds-detail navds-detail--s">{ident}</span>
-    </div>
-  )
-);
-
-export default InternalHeaderUser;
@@ -1,6 +0,0 @@
-export { default as InternalHeader } from "./InternalHeader";
-export * from "./InternalHeader";
-export { default as InternalHeaderTitle } from "./InternalHeaderTitle";
-export * from "./InternalHeaderTitle";
-export { default as InternalHeaderUser } from "./InternalHeaderUser";
-export * from "./InternalHeaderUser";
@@ -1,56 +0,0 @@
-import React from "react";
-import { HashRouter as Router, Link } from "react-router-dom";
-import {
-  InternalHeader,
-  InternalHeaderTitle,
-  InternalHeaderUser,
-} from "../index";
-
-export default {
-  title: "ds-react/internal-header",
-  component: InternalHeader,
-};
-
-export const All = () => (
-  <div>
-    <InternalHeader>
-      <InternalHeaderTitle>NAV Sykepenger</InternalHeaderTitle>
-      <InternalHeaderUser name="Kong Harald" ident="D123456" />
-    </InternalHeader>
-
-    <h1>Uten innhold</h1>
-    <InternalHeader />
-
-    <h1>Title</h1>
-    <InternalHeader>
-      <InternalHeaderTitle>Tittel</InternalHeaderTitle>
-    </InternalHeader>
-
-    <h1>Title but not heading</h1>
-    <InternalHeader>
-      <InternalHeaderTitle element="span">Tittel</InternalHeaderTitle>
-    </InternalHeader>
-
-    <h1>Title with link</h1>
-    <InternalHeader>
-      <InternalHeaderTitle>
-        <a href="/#">Tittel med lenke</a>
-      </InternalHeaderTitle>
-    </InternalHeader>
-
-    <h1>Title with react-router link</h1>
-    <Router>
-      <InternalHeader>
-        <InternalHeaderTitle>
-          <Link to="/">Tittel med lenke</Link>
-        </InternalHeaderTitle>
-      </InternalHeader>
-    </Router>
-
-    <h1>Title + User</h1>
-    <InternalHeader>
-      <InternalHeaderTitle>NAV Sykepenger</InternalHeaderTitle>
-      <InternalHeaderUser name="Kong Harald" ident="D123456" />
-    </InternalHeader>
-  </div>
-);
@@ -1,71 +0,0 @@
-import { Meta, Canvas } from "@storybook/addon-docs";
-import {
-  InternalHeader,
-  InternalHeaderTitle,
-  InternalHeaderUser,
-} from "../../index.ts";
-
-<Meta title="ds-react/internal-header/intro" />
-
-# Hvordan ta i bruk InternalHeader
-
-Denne header-komponenten vil forgå en del endringer og er for det meste nå
-bare en enkel wrapper med lit enkel styling. Bruk på egen risiko
-
-```jsx
-<InternalHeader>
-  <InternalHeaderTitle>NAV Internside</InternalHeaderTitle>
-  <InternalHeaderUser name="Ola Normann" ident="D123456" />
-</InternalHeader>
-```
-
-<Canvas>
-  <InternalHeader>
-    <InternalHeaderTitle>NAV Internside</InternalHeaderTitle>
-    <InternalHeaderUser name="Ola Normann" ident="D123456" />
-  </InternalHeader>
-</Canvas>
-
-## Uten innhold (wrapper)
-
-```jsx
-<InternalHeader></InternalHeader>
-```
-
-<Canvas>
-  <InternalHeader />
-</Canvas>
-
-## Tittel, men ikke heading (h-element)
-
-```jsx
-<InternalHeader>
-  <InternalHeaderTitle element="span">NAV Internside</InternalHeaderTitle>
-</InternalHeader>
-```
-
-<Canvas>
-  <InternalHeader>
-    <InternalHeaderTitle element="span">NAV Internside</InternalHeaderTitle>
-  </InternalHeader>
-</Canvas>
-
-## Heading med link
-
-Focus-stylingen her er bare placeholder for nå
-
-```jsx
-<InternalHeader>
-  <InternalHeaderTitle>
-    <a href="/#">NAV Internside med lenke</a>
-  </InternalHeaderTitle>
-</InternalHeader>
-```
-
-<Canvas>
-  <InternalHeader>
-    <InternalHeaderTitle>
-      <a href="/#">NAV Internside med lenke</a>
-    </InternalHeaderTitle>
-  </InternalHeader>
-</Canvas>
@@ -16,7 +16,7 @@ export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
  /**
   * Element popover anchors to
   */
-  anchorEl: HTMLElement | null;
+  anchorEl: Element | null;
  /**
   * Open state
   */
@@ -0,0 +1,64 @@
+:root {
+  --navdsi-header-color-background: var(--navds-color-darkgray);
+  --navdsi-header-color-border: var(--navds-color-gray-40);
+  --navdsi-header-color-text: var(--navds-color-text-inverse);
+}
+
+/**************************
+ * .navdsi-header *
+ **************************/
+
+.navdsi-header {
+  display: flex;
+  align-items: center;
+  background: var(--navdsi-header-color-background);
+  color: var(--navdsi-header-color-text);
+  max-width: 100vw;
+  min-height: 50px;
+}
+
+.navdsi-header__column {
+  display: flex;
+  align-items: center;
+}
+
+/**************************
+  * .navdsi-header__title *
+  **************************/
+
+.navdsi-header__title {
+  padding: 0 var(--navds-spacing-6);
+  border-right: 1px solid var(--navdsi-header-color-border);
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  text-decoration: none;
+  margin: 0;
+  color: var(--navdsi-header-color-text);
+  font-size: var(--navds-font-size-l);
+  font-weight: var(--navds-font-weight-bold);
+  line-height: var(--navds-font-line-height-l);
+}
+
+.navdsi-header__title:focus {
+  box-shadow: inset var(--navds-shadow-focus-on-dark);
+  outline: none;
+}
+
+/**************************
+  * .navdsi-header__user *
+  **************************/
+
+.navdsi-header__user {
+  color: var(--navdsi-header-color-text);
+  padding: 0 var(--navds-spacing-6);
+  margin-left: auto;
+  border-left: 1px solid var(--navdsi-header-color-border);
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+}
+
+.navdsi-header__name.navds-body-short {
+  margin-right: var(--navds-spacing-4);
+}
@@ -0,0 +1 @@
+@import "header.css";
@@ -0,0 +1,28 @@
+{
+  "name": "@navikt/ds-css-internal",
+  "version": "0.2.0",
+  "private": false,
+  "description": "Css for NAV internal Designsystem components",
+  "author": "NAV Designsystem team",
+  "keywords": [
+    "css"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
+  },
+  "main": "./dist/index.css",
+  "scripts": {
+    "build": "postcss --use postcss-import -o dist/index.css index.css",
+    "watch": "yarn build --watch"
+  },
+  "devDependencies": {
+    "postcss": "^8.3.8",
+    "postcss-cli": "^9.0.0",
+    "postcss-import": "^14.0.2"
+  }
+}
@@ -0,0 +1,45 @@
+{
+  "name": "@navikt/ds-react-internal",
+  "version": "0.2.1",
+  "private": false,
+  "description": "NAV internal designsystem react components",
+  "author": "NAV Designsystem team",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "typescript",
+    "javascript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/navikt/nav-frontend-moduler"
+  },
+  "sideEffects": false,
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "typings": "./esm/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "/cjs",
+    "/esm",
+    "/src"
+  ],
+  "scripts": {
+    "create-package-json-pointers-to-esm": "node ../../../utilities/scripts/createPackageJsonsWithESMPointers.js",
+    "clean": "rimraf cjs esm",
+    "build": "yarn run clean && tsc && tsc -p tsconfig-esm.json && yarn create-package-json-pointers-to-esm",
+    "watch": "tsc --watch -p tsconfig-esm.json"
+  },
+  "dependencies": {
+    "@navikt/ds-react": "^0.10.2",
+    "classnames": "^2.3.1"
+  },
+  "devDependencies": {
+    "rimraf": "^3.0.2"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0"
+  }
+}
@@ -0,0 +1,32 @@
+import React, { forwardRef, HTMLAttributes } from "react";
+import HeaderTitle, { HeaderTitleType } from "./HeaderTitle";
+import HeaderUser, { HeaderUserType } from "./HeaderUser";
+import cl from "classnames";
+
+export interface HeaderProps extends HTMLAttributes<HTMLElement> {
+  /**
+   * Component content
+   */
+  children?: React.ReactNode;
+}
+
+interface HeaderComponent
+  extends React.ForwardRefExoticComponent<
+    HeaderProps & React.RefAttributes<HTMLDivElement>
+  > {
+  Title: HeaderTitleType;
+  User: HeaderUserType;
+}
+
+const Header = forwardRef<HTMLElement, HeaderProps>(
+  ({ children, className, ...rest }, ref) => (
+    <header ref={ref} className={cl("navdsi-header", className)} {...rest}>
+      {children}
+    </header>
+  )
+) as HeaderComponent;
+
+Header.Title = HeaderTitle;
+Header.User = HeaderUser;
+
+export default Header;
@@ -0,0 +1,32 @@
+import React, { forwardRef } from "react";
+import cl from "classnames";
+import { Heading, OverridableComponent } from "@navikt/ds-react";
+
+export interface HeaderTitleProps
+  extends React.HTMLAttributes<HTMLHeadingElement> {
+  /**
+   * Application title
+   */
+  children: React.ReactNode;
+}
+
+export type HeaderTitleType = OverridableComponent<
+  HeaderTitleProps,
+  HTMLAnchorElement
+>;
+
+const HeaderTitle: HeaderTitleType = forwardRef(
+  ({ as = "h1", children, className, ...rest }, ref) => (
+    <Heading
+      {...rest}
+      ref={ref}
+      size="xsmall"
+      as={as}
+      className={cl("navdsi-header__title", className)}
+    >
+      <span>{children}</span>
+    </Heading>
+  )
+);
+
+export default HeaderTitle;
@@ -0,0 +1,31 @@
+import React, { forwardRef, HTMLAttributes } from "react";
+import cl from "classnames";
+import { BodyShort, Detail } from "@navikt/ds-react";
+
+export interface HeaderUserProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * user name
+   */
+  name: string;
+  /**
+   * user ident
+   */
+  ident: string;
+}
+
+export type HeaderUserType = React.ForwardRefExoticComponent<
+  HeaderUserProps & React.RefAttributes<HTMLDivElement>
+>;
+
+const HeaderUser = forwardRef<HTMLDivElement, HeaderUserProps>(
+  ({ className, name, ident, ...rest }, ref) => (
+    <div {...rest} ref={ref} className={cl("navdsi-header__user", className)}>
+      <BodyShort size="small" className="navdsi-header__name">
+        {name}
+      </BodyShort>
+      <Detail size="small">{ident}</Detail>
+    </div>
+  )
+);
+
+export default HeaderUser;
@@ -0,0 +1,6 @@
+export { default as Header } from "./Header";
+export * from "./Header";
+export { default as HeaderTitle } from "./HeaderTitle";
+export * from "./HeaderTitle";
+export { default as HeaderUser } from "./HeaderUser";
+export * from "./HeaderUser";
@@ -0,0 +1,67 @@
+import { Meta, Canvas } from "@storybook/addon-docs";
+import { Header, HeaderTitle, HeaderUser } from "../../index.ts";
+
+<Meta title="ds-react-internal/header/intro" />
+
+# Hvordan ta i bruk Header
+
+Denne header-komponenten vil forgå en del endringer og er for det meste nå
+bare en enkel wrapper med lit enkel styling. Bruk på egen risiko
+
+```jsx
+<Header>
+  <Header.Title>NAV Sykepenger</Header.Title>
+  <Header.User name="Kong Harald" ident="D123456" />
+</Header>
+```
+
+<Canvas>
+  <Header>
+    <Header.Title>NAV Sykepenger</Header.Title>
+    <Header.User name="Kong Harald" ident="D123456" />
+  </Header>
+</Canvas>
+
+## Uten innhold (wrapper)
+
+```jsx
+<Header></Header>
+```
+
+<Canvas>
+  <Header />
+</Canvas>
+
+## Tittel, men ikke heading (h-element)
+
+```jsx
+<Header>
+  <Header.Title>Tittel</Header.Title>
+</Header>
+```
+
+<Canvas>
+  <Header>
+    <Header.Title as="span">Tittel</Header.Title>
+  </Header>
+</Canvas>
+
+## Heading med link
+
+Focus-stylingen her er bare placeholder for nå
+
+```jsx
+<Header>
+  <Header.Title as="a" href="/#home">
+    Tittel med lenke
+  </Header.Title>
+</Header>
+```
+
+<Canvas>
+  <Header>
+    <Header.Title as="a" href="/#home">
+      Tittel med lenke
+    </Header.Title>
+  </Header>
+</Canvas>
@@ -0,0 +1,52 @@
+import React from "react";
+import { HashRouter as Router, Link } from "react-router-dom";
+import { Header } from "..";
+
+export default {
+  title: "ds-react-internal/header",
+  component: Header,
+};
+
+export const All = () => (
+  <div>
+    <Header>
+      <Header.Title>NAV Sykepenger</Header.Title>
+      <Header.User name="Kong Harald" ident="D123456" />
+    </Header>
+
+    <h1>Uten innhold</h1>
+    <Header />
+
+    <h1>Title</h1>
+    <Header>
+      <Header.Title>Tittel</Header.Title>
+    </Header>
+
+    <h1>Title as span</h1>
+    <Header>
+      <Header.Title as="span">Tittel</Header.Title>
+    </Header>
+
+    <h1>Title as link</h1>
+    <Header>
+      <Header.Title as="a" href="/#home">
+        Tittel med lenke
+      </Header.Title>
+    </Header>
+
+    <h1>Title as react-router link</h1>
+    <Router>
+      <Header>
+        <Header.Title as={Link} to="/home">
+          Tittel med lenke
+        </Header.Title>
+      </Header>
+    </Router>
+
+    <h1>Title + User</h1>
+    <Header>
+      <Header.Title>NAV Sykepenger</Header.Title>
+      <Header.User name="Kong Harald" ident="D123456" />
+    </Header>
+  </div>
+);
@@ -0,0 +1 @@
+export * from "./header";
@@ -0,0 +1,14 @@
+{
+  "extends": "../../../utilities/build/tsconfig-pakker.json",
+  "compilerOptions": {
+    "outDir": "./esm",
+    "rootDir": "./src",
+    "esModuleInterop": true,
+    "module": "ES2020",
+    "target": "ES2015",
+    "sourceMap": true,
+    "declaration": true
+  },
+  "include": ["./src"],
+  "exclude": ["./src/**/stories", "**/*.test.ts", "**/*.test.tsx"]
+}
@@ -0,0 +1,14 @@
+{
+  "extends": "../../../utilities/build/tsconfig-pakker.json",
+  "compilerOptions": {
+    "outDir": "./cjs",
+    "rootDir": "./src",
+    "esModuleInterop": true,
+    "module": "commonjs",
+    "target": "es2015",
+    "sourceMap": false,
+    "declaration": false
+  },
+  "include": ["./src"],
+  "exclude": ["./src/**/stories", "**/*.test.ts", "**/*.test.tsx"]
+}
@@ -1,6 +1,6 @@
 <h1 align="center">
    <img src="https://www.nav.no/_/asset/no.nav.navno:1575554845/img/navno/logo.svg" />
-    <br/>nav-frontend-moduler
+    <br/>Designsystemet
 </h1>

 <div align="center">
@@ -17,6 +17,8 @@
    "@navikt/core/css",
    "@navikt/core/react",
    "@navikt/core/icons",
-    "@navikt/core/tokens"
+    "@navikt/core/tokens",
+    "@navikt/internal/css",
+    "@navikt/internal/react"
  ]
 }
@@ -5,7 +5,7 @@
  "private": true,
  "scripts": {
    "test": "yarn workspace @navikt/ds-react test",
-    "postinstall": "husky install && yarn build:ds",
+    "postinstall": "husky install",
    "start": "yarn workspace website start",
    "boot": "yarn clean:lib && yarn build:packages --stream",
    "clean": "yarn workspace website clean",
@@ -29,6 +29,7 @@
    "website",
    "packages/*",
    "@navikt/core/*",
+    "@navikt/internal/*",
    "utilities/build/from-git-fix"
  ],
  "prettier": {},
@@ -1,6 +1,6 @@
 {
  "name": "nav-frontend-skjema",
-  "version": "4.0.4",
+  "version": "4.0.5",
  "main": "lib/index.js",
  "types": "lib/index.d.ts",
  "license": "MIT",
@@ -7,7 +7,7 @@ import { SkjemaGruppeFeilContext, SkjemaGruppeFeilContextProps } from ".";
 export interface CheckboksPanelProps
  extends React.InputHTMLAttributes<HTMLInputElement> {
  label: React.ReactNode;
-  subtext?: string;
+  subtext?: React.ReactNode;
  feil?: boolean;
 }

@@ -12,6 +12,7 @@ export interface RadioPanelProps
   */
  radioRef?: (element: HTMLInputElement | null) => any;
  feil?: boolean;
+  subtext?: React.ReactNode;
 }

 export interface RadioPanelState {
@@ -39,6 +40,7 @@ export class RadioPanel extends React.Component<
      disabled,
      radioRef,
      feil,
+      subtext,
      ...other
    } = this.props;
    const { hasFocus } = this.state;
@@ -75,6 +77,7 @@ export class RadioPanel extends React.Component<
              onBlur={() => this.toggleOutline()}
            />
            <span className="inputPanel__label">{label}</span>
+            {subtext && <span className="inputPanel__subtext">{subtext}</span>}
          </label>
        )}
      </SkjemaGruppeFeilContext.Consumer>
@@ -16,6 +16,8 @@
    "@navikt/core/css",
    "@navikt/core/react",
    "@navikt/core/icons",
-    "@navikt/core/tokens"
+    "@navikt/core/tokens",
+    "@navikt/internal/css",
+    "@navikt/internal/react"
  ]
 }
@@ -33,7 +33,7 @@ const GetStartedPage = ({ ...props }) => (
    >
      <div>
        <Systemtittel>Ikoner</Systemtittel>
-        <p>NAV sine egne ikoner tilgjengelig i SVG og React.</p>
+        <p>NAVs egne ikoner tilgjengelig som SVGer og React-komponenter.</p>
      </div>
    </LenkepanelBase>
    <LenkepanelBase
@@ -55,7 +55,7 @@ const Forside = ({ ...props }) => (
        </li>
        <li>
          <Card
-            content="Vi gjør innholdsarbeidet åpent og tidlig tilgjengelig."
+            content="Metoder og prinsipper for tverrfaglig produktutvikling."
            title="God praksis"
            link="/god-praksis"
            icon={<Like focusable="false" />}
@@ -152,7 +152,7 @@ const Palette = () => {
        <Systemtittel id="bakgrunnsFarger">Bakgrunnsfarger</Systemtittel>
        <Alertstripe type="info">
          Vi ønsker at alle sider skal forholde seg til disse bakgrunnsfargene
-          da dette fører til et mer helhetlig design for NAV sine løsninger.
+          da dette fører til et mer helhetlig design for NAVs løsninger.
        </Alertstripe>
        <div className="color-group color-group--dark">
          <ColorSample
@@ -1,6 +1,6 @@
 ---
 title: Ikoner
-ingress: "NAV sine egendesignede ikoner er nå tilgjengelige i både SVG og React format"
+ingress: "NAVs egendesignede ikoner er nå tilgjengelige både som SVGer og React-komponenter"
 rank: 3
 ---

@@ -22,7 +22,7 @@ import Lenke from "nav-frontend-lenker";
 <br />

 <Alertstripe type="info">
-  Usikker på om bregrepene du bruker er riktige? Alle NAV sine godkjente begrep
+  Usikker på om bregrepene du bruker er riktige? Alle NAVs godkjente begrep
  finner du på{" "}
  <Lenke href="https://data.nav.no/?size=n_30_n&filters%5B0%5D%5Bfield%5D=tittel&filters%5B0%5D%5Bvalues%5D%5B0%5D=&filters%5B0%5D%5Btype%5D=any&filters%5B1%5D%5Bfield%5D=format&filters%5B1%5D%5Bvalues%5D%5B0%5D=godkjent_begrep&filters%5B1%5D%5Btype%5D=all">
    data.nav.no
@@ -88,7 +88,7 @@ Vi skriver klokkeslett slik:

 Vi skriver telefonnummer slik:

- Mobilnummer: 901 00 222
+- Mobilnummer: 90 10 02 22
 - Fasttelefon: 22 72 67 00
 - Med landkode: +47 22 72 67 00
 - Femsifret nummer: 04545
@@ -5800,6 +5800,11 @@ array-union@^2.1.0:
  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==

+array-union@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-3.0.1.tgz#da52630d327f8b88cfbfb57728e2af5cd9b6b975"
+  integrity sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==
+
 array-uniq@^1.0.1, array-uniq@^1.0.2:
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
@@ -8097,7 +8102,7 @@ class-utils@^0.3.5:
    isobject "^3.0.0"
    static-extend "^0.1.1"

-classnames@*, classnames@^2.2.5, classnames@^2.2.6:
+classnames@*, classnames@^2.2.5, classnames@^2.2.6, classnames@^2.3.1:
  version "2.3.1"
  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e"
  integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==
@@ -8407,6 +8412,11 @@ colorette@^1.2.1:
  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.4.0.tgz#5190fbb87276259a86ad700bff2c6d6faa3fca40"
  integrity sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==

+colorette@^2.0.0:
+  version "2.0.12"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.12.tgz#7938ab254e7bb1bba29b0fd1b4cc168889ca4d74"
+  integrity sha512-lHID0PU+NtFzeNCwTL6JzUKdb6kDpyEjrwTD1H0cDZswTbsjLh2wTV2Eo2sNZLc0oSg0a5W1AI4Nj7bX4iIdjA==
+
 colors@^1.1.2:
  version "1.4.0"
  resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
@@ -9712,6 +9722,11 @@ depd@^1.1.2, depd@~1.1.2:
  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
  integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=

+dependency-graph@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/dependency-graph/-/dependency-graph-0.11.0.tgz#ac0ce7ed68a54da22165a85e97a01d53f5eb2e27"
+  integrity sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==
+
 dependency-graph@^0.9.0:
  version "0.9.0"
  resolved "https://registry.yarnpkg.com/dependency-graph/-/dependency-graph-0.9.0.tgz#11aed7e203bc8b00f48356d92db27b265c445318"
@@ -12848,6 +12863,11 @@ get-stdin@^8.0.0:
  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-8.0.0.tgz#cbad6a73feb75f6eeb22ba9e01f89aa28aa97a53"
  integrity sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==

+get-stdin@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-9.0.0.tgz#3983ff82e03d56f1b2ea0d3e60325f39d703a575"
+  integrity sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==
+
 get-stream@3.0.0, get-stream@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -13200,6 +13220,18 @@ globby@^11.0.0, globby@^11.0.2, globby@^11.0.3:
    merge2 "^1.3.0"
    slash "^3.0.0"

+globby@^12.0.0:
+  version "12.0.2"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-12.0.2.tgz#53788b2adf235602ed4cabfea5c70a1139e1ab11"
+  integrity sha512-lAsmb/5Lww4r7MM9nCCliDZVIKbZTavrsunAsHLr9oHthrZP1qi7/gAnHOsUs9bLvEt2vKVJhHmxuL7QbDuPdQ==
+  dependencies:
+    array-union "^3.0.1"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.7"
+    ignore "^5.1.8"
+    merge2 "^1.4.1"
+    slash "^4.0.0"
+
 globby@^6.1.0:
  version "6.1.0"
  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
@@ -17885,7 +17917,7 @@ merge-stream@^2.0.0:
  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==

-merge2@^1.2.3, merge2@^1.3.0:
+merge2@^1.2.3, merge2@^1.3.0, merge2@^1.4.1:
  version "1.4.1"
  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -18440,6 +18472,11 @@ nanocolors@^0.1.0, nanocolors@^0.1.5:
  resolved "https://registry.yarnpkg.com/nanocolors/-/nanocolors-0.1.12.tgz#8577482c58cbd7b5bb1681db4cf48f11a87fd5f6"
  integrity sha512-2nMHqg1x5PU+unxX7PGY7AuYxl2qDx7PSrTRjizr8sxdd3l/3hBuWWaki62qmtYm2U5i4Z5E7GbjlyDFhs9/EQ==

+nanocolors@^0.2.2:
+  version "0.2.10"
+  resolved "https://registry.yarnpkg.com/nanocolors/-/nanocolors-0.2.10.tgz#a712df4d3c1bf12d9b4fb8b5aa61b5ba31337503"
+  integrity sha512-i+EDWGsJClQwR/bhLIG/CObZZwaYaS5qt+yjxZbfV+77QiNHNzE9nj4d9Ut1TGZ0R0eSwPcQWzReASzXuw/7oA==
+
 nanoid@^3.1.25:
  version "3.1.25"
  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.25.tgz#09ca32747c0e543f0e1814b7d3793477f9c8e152"
@@ -20276,6 +20313,24 @@ postcss-cli@^8.3.1:
    slash "^3.0.0"
    yargs "^16.0.0"

+postcss-cli@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-cli/-/postcss-cli-9.0.0.tgz#5e605987900bf6663f786e0e4de715a65603aadd"
+  integrity sha512-tg6MK/jYyO7Ye9PObPYkjCQa7Bh2K6dA3a3I0muczRuw4T4HAtOTpPR+nOCw+On+WDB2sdsbGOsjlwO8BNRbUw==
+  dependencies:
+    chokidar "^3.3.0"
+    colorette "^2.0.0"
+    dependency-graph "^0.11.0"
+    fs-extra "^10.0.0"
+    get-stdin "^9.0.0"
+    globby "^12.0.0"
+    postcss-load-config "^3.0.0"
+    postcss-reporter "^7.0.0"
+    pretty-hrtime "^1.0.3"
+    read-cache "^1.0.0"
+    slash "^4.0.0"
+    yargs "^17.0.0"
+
 postcss-colormin@^4.0.3:
  version "4.0.3"
  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-4.0.3.tgz#ae060bce93ed794ac71264f08132d550956bd381"
@@ -20776,6 +20831,15 @@ postcss@^8.2.15, postcss@^8.3.6:
    nanoid "^3.1.25"
    source-map-js "^0.6.2"

+postcss@^8.3.8:
+  version "8.3.8"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.8.tgz#9ebe2a127396b4b4570ae9f7770e7fb83db2bac1"
+  integrity sha512-GT5bTjjZnwDifajzczOC+r3FI3Cu+PgPvrsjhQdRqa2kTJ4968/X9CUce9xttIB0xOs5c6xf0TCWZo/y9lF6bA==
+  dependencies:
+    nanocolors "^0.2.2"
+    nanoid "^3.1.25"
+    source-map-js "^0.6.2"
+
 potrace@^2.1.8:
  version "2.1.8"
  resolved "https://registry.yarnpkg.com/potrace/-/potrace-2.1.8.tgz#50f6fba92e1e39ddef6f979b0a0f841809e0acf2"
@@ -23149,6 +23213,11 @@ slash@^3.0.0:
  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==

+slash@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
+  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
+
 slice-ansi@0.0.4:
  version "0.0.4"
  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
@@ -26947,6 +27016,19 @@ yargs@^15.4.1:
    y18n "^4.0.0"
    yargs-parser "^18.1.2"

+yargs@^17.0.0:
+  version "17.2.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.2.1.tgz#e2c95b9796a0e1f7f3bf4427863b42e0418191ea"
+  integrity sha512-XfR8du6ua4K6uLGm5S6fA+FIJom/MdJcFNVY8geLlp2v8GYbOXD4EB1tPNZsRn4vBzKGMgb5DRZMeWuFc2GO8Q==
+  dependencies:
+    cliui "^7.0.2"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.0"
+    y18n "^5.0.5"
+    yargs-parser "^20.2.2"
+
 yargs@^7.1.0:
  version "7.1.2"
  resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.2.tgz#63a0a5d42143879fdbb30370741374e0641d55db"
Author	SHA1	Message	Date
github-actions[bot]	9ec5d6a48e	Lerna versionbump [ci skip] - @navikt/ds-css@0.9.1 - @navikt/ds-react@0.10.2 - @navikt/ds-react-internal@0.2.1	2021-10-05 11:16:02 +00:00
Ken	755cb409be	[FIX] La til ClearButton i import/export, fikset styling (#1274 )	2021-10-05 13:00:38 +02:00
github-actions[bot]	7a9820ffa6	Lerna versionbump [ci skip] - nav-frontend-skjema@4.0.5	2021-10-04 14:06:10 +00:00
Ken	812e93a354	[FIX] Oppdatert subtext for radiopanel og checkboxpanel (#1275 )	2021-10-04 15:49:47 +02:00
github-actions[bot]	00e1e254f2	Lerna versionbump [ci skip] - @navikt/ds-css-internal@0.2.0 - @navikt/ds-react-internal@0.2.0	2021-10-01 13:13:45 +00:00
Andreas Nordahl	ee389a9497	[feature] Refactor internal header (#1272 ) * dot notation * refactor HeaderTitle * use heading component in header title * use typo components in header user * update header.stories.mdx	2021-10-01 15:00:10 +02:00
github-actions[bot]	4751e8048d	Lerna versionbump [ci skip] - @navikt/ds-react@0.10.1	2021-09-29 15:57:16 +00:00
Andreas Nordahl	78c29f06d5	[fix] make popover anchor element more generic (#1273 )	2021-09-29 17:41:26 +02:00
Terje Karlsen	58a25bbc00	Korrigerer garpegenitiv og div tekstforbedring (#1271 )	2021-09-29 13:00:19 +02:00
Ken	4048a0aba6	Update README.md	2021-09-29 10:57:11 +02:00
github-actions[bot]	006bd6f9ac	Lerna versionbump [ci skip] - @navikt/ds-css@0.9.0 - @navikt/ds-react@0.10.0 - @navikt/ds-css-internal@0.1.0 - @navikt/ds-react-internal@0.1.0	2021-09-28 10:43:10 +00:00
Andreas NordahlandKen	58c3351d2f	[feature] Internal header in separate package (#1268 ) * add internal css package * ds-react-internal package and move internal header * remove placeholder style! * move mdx story * oppdatert typo-styling * oppdatert lerna config * lurte inn oppdatering av scripts Co-authored-by: Ken <ken.aleksander@gmail.com>	2021-09-28 12:24:02 +02:00
Ken	27e11acc33	oppdatert tekst for god-praksis	2021-09-28 11:53:50 +02:00
Ken	e52a23fee9	Update build-publish.yml	2021-09-28 11:43:42 +02:00
Ken	017deefd77	Delete .specifyrc.json	2021-09-28 10:16:31 +02:00
Andreas Nordahl	99a4212f54	[FIX] force postinstall in workflow (#1267 )	2021-09-24 16:01:35 +02:00
Per Jørgen Walstrøm	12da298e87	[FIX] Mobilnummer bør følge Språkrådets formatanbefaling (#1266 ) Ref https://navno.sharepoint.com/sites/intranett-kommunikasjon/SitePages/Datoer,-symboler,-tall-og-valuta.aspx	2021-09-24 15:31:30 +02:00