Lerna versionbump [ci skip]

- @navikt/ds-css@0.8.3
 - @navikt/ds-icons@0.5.3
 - @navikt/ds-react@0.8.3
 - @navikt/ds-tokens@0.5.1
 - nav-frontend-ekspanderbartpanel@4.0.2
 - nav-frontend-hjelpetekst@3.1.2
 - nav-frontend-ikonknapper@2.1.2
 - nav-frontend-js-utils@1.0.20
 - nav-frontend-knapper@3.1.2
 - nav-frontend-lesmerpanel@2.0.2
 - nav-frontend-popover@2.0.3
 - nav-frontend-skjema-style@3.0.2
 - nav-frontend-skjema@4.0.4
 - nav-frontend-stegindikator@2.0.2
 - nav-frontend-tabs@2.0.2
 - nav-frontend-toggle@2.1.2
 - nav-frontend-veileder@3.0.2
 - nav-frontend-veilederpanel@2.0.2

@navikt/ds-css/button.css

@@ -61,7 +61,6 @@
   border-radius: 2px;
   min-width: 48px;
   padding: var(--navds-spacing-3);
-  flex-shrink: 0;
 }
 
 .navds-button--small {

@navikt/ds-css/form/search-field.css

@@ -33,6 +33,11 @@
   z-index: var(--navds-z-index-focus);
 }
 
+.navds-search-field__button,
+.navds-search-field__clear-button {
+  flex-shrink: 0;
+}
+
 .navds-search-field--error
   .navds-search-field__input:not(:hover):not(:focus):not(:disabled) {
   box-shadow: 0 0 0 1px var(--navds-search-field-color-shadow-error) inset;

@navikt/ds-css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "private": false,
   "description": "Css for NAV Designsystem components",
   "author": "NAV Designsystem team",
@@ -18,13 +18,13 @@
   "main": "./dist/index.css",
   "scripts": {
     "build": "postcss --use postcss-import -o dist/index.css index.css",
-    "watch-css": "postcss -w --use postcss-import -o dist/index.css index.css"
+    "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^0.5.0",
+    "@navikt/ds-tokens": "^0.5.1",
     "normalize.css": "^8.0.1",
-    "postcss": "^8.2.7",
+    "postcss": "^8.3.6",
     "postcss-cli": "^8.3.1",
-    "postcss-import": "^14.0.0"
+    "postcss-import": "^14.0.2"
   }
 }

@navikt/ds-icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-icons",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "private": false,
   "description": "NAVs egne ikoner i SVG og React format",
   "repository": {
@@ -29,22 +29,22 @@
     "dl-icons": "FILE_KEY=UmEVH3pZ71uJPsSz9ilP3Y node --experimental-modules --es-module-specifier-resolution=node -r dotenv/config figma-api/index.mjs dotenv_config_path=figma-api/.env",
     "create-icons": "svgr --silent --typescript --ref --icon --title-prop --replace-attr-values \"#262626=currentColor\" -d src svg",
     "convert-icons": "node figma-api/pngConverter.mjs",
-    "clean": "rimraf src esm cjs png NAV-ikonpakke-png.zip NAV-ikonpakke-svg.zip",
+    "clean": "rimraf src png NAV-ikonpakke-png.zip NAV-ikonpakke-svg.zip",
     "zip-icons": "node figma-api/zipIcons.mjs",
-    "build": "npm run clean && npm run create-icons && tsc && tsc -p tsconfig-esm.json && yarn create-package-json-pointers-to-esm && npm run convert-icons && yarn zip-icons"
+    "build": "yarn clean && yarn create-icons && tsc && tsc -p tsconfig-esm.json && yarn create-package-json-pointers-to-esm && yarn run convert-icons && yarn zip-icons"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@svgr/cli": "^5.4.0",
+    "@svgr/cli": "^5.5.0",
     "copyfiles": "^2.4.1",
-    "dotenv": "^8.2.0",
+    "dotenv": "^10.0.0",
     "lodash.kebabcase": "^4.1.1",
     "lodash.startcase": "4.4.0",
     "react": "^16.8.0 || ^17.0.0",
     "rimraf": "3.0.2",
-    "sharp": "0.27.1",
+    "sharp": "0.29.1",
     "zip-dir": "^2.0.0"
   }
 }

@navikt/ds-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "private": false,
   "description": "NAV designsystem react components",
   "author": "NAV Designsystem team",
@@ -33,22 +33,22 @@
     "watch": "tsc --watch -p tsconfig-esm.json"
   },
   "dependencies": {
-    "@material-ui/core": "^4.12.2",
-    "@navikt/ds-icons": "^0.5.2",
-    "@popperjs/core": "^2.5.4",
+    "@material-ui/core": "^4.12.3",
+    "@navikt/ds-icons": "^0.5.3",
+    "@popperjs/core": "^2.10.1",
     "classnames": "^2.2.6",
     "copy-to-clipboard": "^3.3.1",
     "react-collapse": "^5.1.0",
     "react-merge-refs": "^1.1.0",
-    "react-modal": "3.12.1",
-    "react-popper": "^2.2.4",
+    "react-modal": "3.14.3",
+    "react-popper": "^2.2.5",
     "uuid": "^8.3.2"
   },
   "devDependencies": {
-    "@types/react-router-dom": "^5.1.8",
+    "@types/react-router-dom": "^5.1.9",
     "@types/styled-components": "^5.1.14",
     "copyfiles": "^2.4.1",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^5.3.0",
     "rimraf": "3.0.2",
     "styled-components": "^5.3.1"
   },

@navikt/ds-tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "private": false,
   "description": "Auto-generated design-tokens for NAV design-systems framework",
   "author": "NAV Designsystem team",
@@ -28,10 +28,10 @@
     "directory": "@navikt/ds-tokens"
   },
   "devDependencies": {
-    "color": "^3.1.3",
-    "jest": "^26.6.3",
+    "color": "^4.0.1",
+    "jest": "^27.2.0",
     "lodash": "^4.17.21",
-    "nodemon": "^2.0.6",
-    "style-dictionary": "^2.10.2"
+    "nodemon": "^2.0.12",
+    "style-dictionary": "^3.0.2"
   }
 }

package.json

@@ -4,29 +4,25 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "postinstall": "husky install",
+    "postinstall": "husky install && yarn build:ds",
     "start": "yarn workspace website start",
-    "boot": "yarn clean:lib && yarn lerna:build",
+    "boot": "yarn clean:lib && yarn build:packages --stream",
     "clean": "yarn workspace website clean",
-    "build:gatsby": "yarn react-docgen && yarn workspace website build:gatsby",
     "serve": "yarn workspace website serve",
     "storybook": "yarn run start-storybook --loglevel warn --quiet -p 6006",
-    "build-storybook": "build-storybook",
-    "watch-css": "yarn workspace @navikt/ds-css run watch",
+    "build:storybook": "build-storybook",
+    "build:packages": "yarn run --silent lerna run build",
+    "build:ds": "yarn run --silent lerna run --ignore nav-frontend-* build",
+    "build:gatsby": "yarn react-docgen && yarn workspace website build:gatsby",
     "chromatic": "STORYBOOK_CHROMATIC=true npx chromatic --project-token x3xqdfgkujg",
     "lerna:watch": "yarn run lerna run watch --stream",
-    "lerna:build": "yarn run --silent lerna run build",
-    "lerna:token": "yarn run lerna run token",
-    "lerna:icons": "yarn run lerna run dl-icons",
+    "lerna:dl-icons": "yarn run lerna run dl-icons",
     "lint": "yarn lint:jsts && yarn lint:less && yarn lint:css",
-    "lint:jsts": "npx eslint .",
-    "lint:less": "npx stylelint --syntax less **/*.less",
-    "lint:css": "npx stylelint --syntax css @navikt/**/*.css",
+    "lint:jsts": "yarn eslint .",
+    "lint:less": "yarn stylelint --syntax less **/*.less",
+    "lint:css": "yarn stylelint --syntax css @navikt/**/*.css",
     "clean:lib": "node utilities/scripts/clean.js",
-    "fix:versions": "node utilities/scripts/fixDependencyVersions.js",
-    "gen:docs": "node utilities/scripts/generateReadmes.js",
-    "react-docgen": "node utilities/scripts/react-docgen.js",
-    "react-docgen-docs": "node utilities/scripts/react-docgen-docs.js"
+    "react-docgen": "node utilities/scripts/react-docgen.js"
   },
   "workspaces": [
     "website",
@@ -137,13 +133,13 @@
     "less-loader": "^7.0.2",
     "mini-css-extract-plugin": "^1.3.0",
     "prettier": "2.2.1",
-    "stylelint-config-prettier": "^8.0.2",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0",
     "react-docgen-typescript": "^1.21.0",
     "react-is": "^16.13.1",
-    "stylelint": "^13.7.2",
-    "stylelint-config-standard": "^20.0.0",
+    "stylelint": "^13.13.1",
+    "stylelint-config-standard": "^22.0.0",
+    "stylelint-config-prettier": "^8.0.2",
     "svg-url-loader": "^7.1.1",
     "typescript": "^4.3.5",
     "webpack": "^5.4.0",

packages/nav-frontend-ekspanderbartpanel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-ekspanderbartpanel",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "main": "lib/index.js",
   "license": "MIT",
   "types": "lib/index.d.ts",
@@ -30,7 +30,7 @@
     "@types/react-collapse": "^5.0.0",
     "classnames": "^2.2.5",
     "nav-frontend-ekspanderbartpanel-style": "^2.0.1",
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "react": "^16.8.0 || ^17.0.0",
     "react-collapse": "^5.0.0"
   },

packages/nav-frontend-hjelpetekst/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-hjelpetekst",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "main": "lib/hjelpetekst.js",
   "types": "lib/hjelpetekst.d.ts",
   "license": "MIT",
@@ -31,8 +31,8 @@
     "classnames": "^2.2.5",
     "nav-frontend-hjelpetekst-style": "^3.0.1",
     "nav-frontend-ikoner-assets": "^3.0.1",
-    "nav-frontend-js-utils": "^1.0.19",
-    "nav-frontend-popover": "^2.0.2",
+    "nav-frontend-js-utils": "^1.0.20",
+    "nav-frontend-popover": "^2.0.3",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0"
   },

packages/nav-frontend-ikonknapper/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-ikonknapper",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",
@@ -25,7 +25,7 @@
   "devDependencies": {
     "nav-frontend-chevron": "^1.0.30",
     "nav-frontend-ikoner-assets": "^3.0.1",
-    "nav-frontend-knapper": "^3.1.1",
+    "nav-frontend-knapper": "^3.1.2",
     "react": "^16.8.0 || ^17.0.0"
   }
 }

packages/nav-frontend-js-utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-js-utils",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",

packages/nav-frontend-js-utils/src/index.ts

@@ -36,7 +36,7 @@ export function omit(obj: object, ...props) {
 
 function nativeRaf() {
   if (typeof window !== "undefined") {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame;
+    return window.requestAnimationFrame;
   }
   return undefined;
 }

packages/nav-frontend-knapper/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-knapper",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "@types/classnames": "^2.2.3",
     "@types/react": "15.0.23 || ^16.0.0",
     "classnames": "^2.2.5",
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "nav-frontend-knapper-style": "^2.1.1",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0"

packages/nav-frontend-lesmerpanel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-lesmerpanel",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "main": "lib/lesmerpanel.js",
   "types": "lib/lesmerpanel.d.ts",
   "license": "MIT",
@@ -29,7 +29,7 @@
     "@types/react-collapse": "^5.0.0",
     "classnames": "^2.2.5",
     "nav-frontend-chevron": "^1.0.30",
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "nav-frontend-lesmerpanel-style": "^2.0.1",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0",

packages/nav-frontend-popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-popover",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "main": "lib/popover.js",
   "types": "lib/popover.d.ts",
   "license": "MIT",
@@ -28,7 +28,7 @@
     "@types/classnames": "^2.2.3",
     "@types/react": "15.0.23 || ^16.0.0",
     "classnames": "^2.2.5",
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "nav-frontend-popover-style": "^2.0.1",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0",

packages/nav-frontend-skjema-style/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-skjema-style",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "src/index.less",
   "license": "MIT",
   "files": [

packages/nav-frontend-skjema-style/src/index.less

@@ -1,5 +1,17 @@
 @import (reference) "~nav-frontend-core/less/_variabler";
 @import (reference) "~nav-frontend-typografi-style/src/index";
+@import "checkbox";
+@import "radioknapp";
+@import "textarea";
+@import "select";
+@import "input";
+@import "input-fodselsnr";
+@import "validering";
+@import "toggle";
+@import "input-panel";
+@import "bekreft-checkboks-panel";
+@import "feiloppsummering";
+@import "skjema-gruppe";
 
 [autocomplete="off"]::-webkit-contacts-auto-fill-button {
   visibility: hidden;
@@ -30,16 +42,3 @@
     margin-bottom: 0.5rem;
   }
 }
-
-@import "checkbox";
-@import "radioknapp";
-@import "textarea";
-@import "select";
-@import "input";
-@import "input-fodselsnr";
-@import "validering";
-@import "toggle";
-@import "input-panel";
-@import "bekreft-checkboks-panel";
-@import "feiloppsummering";
-@import "skjema-gruppe";

packages/nav-frontend-skjema/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-skjema",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",
@@ -29,9 +29,9 @@
   "devDependencies": {
     "@navikt/fnrvalidator": "^1.1.0",
     "classnames": "^2.2.5",
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "nav-frontend-lenker": "^2.0.1",
-    "nav-frontend-skjema-style": "^3.0.1",
+    "nav-frontend-skjema-style": "^3.0.2",
     "nav-frontend-typografi": "^4.0.1",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0"

packages/nav-frontend-stegindikator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-stegindikator",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "main": "lib/stegindikator.js",
   "types": "lib/stegindikator.d.js",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "nav-frontend-stegindikator-style": "^2.0.1",
     "react": "^16.8.0 || ^17.0.0"
   },

packages/nav-frontend-tabs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-tabs",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "main": "lib/tabs.js",
   "types": "lib/tabs.d.ts",
   "license": "MIT",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "classnames": "^2.2.5",
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "nav-frontend-tabs-style": "^2.0.1",
     "react": "^16.8.0 || ^17.0.0"
   },

packages/nav-frontend-toggle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-toggle",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "classnames": "^2.2.5",
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "nav-frontend-toggle-style": "^2.1.1",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0"

packages/nav-frontend-veileder/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-veileder",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "lib/veileder.js",
   "types": "lib/veileder.d.ts",
   "license": "MIT",
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "classnames": "^2.2.5",
-    "nav-frontend-js-utils": "^1.0.19",
+    "nav-frontend-js-utils": "^1.0.20",
     "nav-frontend-veileder-style": "^3.0.1",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0"

packages/nav-frontend-veilederpanel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nav-frontend-veilederpanel",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "main": "lib/veilederpanel.js",
   "types": "lib/veilederpanel.d.ts",
   "license": "MIT",
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "classnames": "^2.2.5",
-    "nav-frontend-veileder": "^3.0.1",
+    "nav-frontend-veileder": "^3.0.2",
     "nav-frontend-veilederpanel-style": "^2.0.1",
     "prop-types": "^15.5.10",
     "react": "^16.8.0 || ^17.0.0"

utilities/scripts/DISCLAIMER.md

@@ -1,16 +0,0 @@
-### Disclaimer:
-
-NPM-pakken(e) publisert av NAV IT er midlertidig unscoped'e,
-men vil bli prefikset og scopet med @navikt i fremtiden. Vi
-gjør oppmerksom på at npm-pakkene i følgende lenke,
-og _kun_ disse npm-pakkene, er forvaltet og publisert offisielt av NAV IT:
-
-https://www.npmjs.com/org/navikt
-
-Oppdatert liste over gyldige pakker ligger til enhver tid beskrevet her.
-
-NAV IT tar ikke ansvar for eventuell bruk av annen programvare som
-fremstilles som om de skulle vært publisert av NAV.
-
-Vi refererer ellers til MIT-lisensen som ligger vedlagt i repository:
-https://github.com/navikt/nav-frontend-moduler/tree/master/packages/node_modules/<%name%>

utilities/scripts/react-docgen-docs.js

@@ -1,44 +0,0 @@
-const glob = require("glob");
-const fs = require("fs");
-const docgen = require("react-docgen-typescript").withDefaultConfig({
-  shouldExtractLiteralValuesFromEnum: true,
-  propFilter(prop) {
-    if (prop.parent) {
-      if (prop.name === "className") {
-        return true;
-      }
-      return !prop.parent.fileName.includes("node_modules");
-    }
-    return true;
-  },
-});
-
-const parseProps = (props) =>
-  Object.values(props).map(
-    ({ name, defaultValue, description, required, type }) => {
-      return {
-        name,
-        defaultValue,
-        description,
-        required,
-        type: type.name === "enum" ? type.raw : type.name,
-      };
-    }
-  );
-
-try {
-  const newComponents = glob.sync("@navikt/ds-react/**/*.tsx");
-  const oldComponents = glob.sync("packages/**/src/*.tsx");
-  const files = [...newComponents, ...oldComponents].filter(
-    (file) => !file.includes("stories")
-  );
-
-  const doc = docgen.parse(files).map(({ displayName, methods, props }) => {
-    return { displayName, methods, props: parseProps(props) };
-  });
-
-  fs.writeFileSync("./react-docgen-docs.json", JSON.stringify(doc));
-} catch (e) {
-  console.error(e);
-  console.log("Failed in generating docgen");
-}