Compare commits

..
15 changed files with 65 additions and 29 deletions

No files matched your search

+3 -3
View File
@@ -1,12 +1,12 @@
import { addons } from "@storybook/addons";
import NavTheme from "./theme.js";
import logoUrl from "./public/logo.svg";
/* import logoUrl from "./public/logo.svg"; */
addons.setConfig({
theme: NavTheme,
});
const link = document.createElement("link");
/* const link = document.createElement("link");
link.setAttribute("rel", "shortcut icon");
link.setAttribute("href", logoUrl);
document.head.appendChild(link);
document.head.appendChild(link); */
+7 -1
View File
@@ -2,7 +2,7 @@ import { Meta, Canvas } from "@storybook/addon-docs";
<Meta title="Intro/Velkommen" />
# NAV designsystem-komponenter
# NAV designsystem
- [Dokumentasjon](https://aksel.nav.no/designsystem)
- [Komponenter](https://aksel.nav.no/designsystem/side/oversikt-komponenter)
@@ -21,6 +21,12 @@ yarn add @navikt/ds-react @navikt/ds-css @navikt/ds-icons
yarn add @navikt/ds-react-internal @navikt/ds-css-internal
```
### Ikonpakke
```bash
yarn add @navikt/ds-icons
```
### Bruk
```jsx
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-css",
"version": "0.18.27",
"version": "0.18.28",
"description": "Css for NAV Designsystem components",
"author": "NAV Designsystem team",
"keywords": [
@@ -20,7 +20,7 @@
"watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
},
"devDependencies": {
"@navikt/ds-tokens": "^0.9.7",
"@navikt/ds-tokens": "^0.9.8",
"normalize.css": "^8.0.1",
"postcss": "^8.3.6",
"postcss-cli": "^8.3.1",
+12
View File
@@ -1763,6 +1763,18 @@
"created_at": "2021-01-12T13:29:09.125Z",
"pageName": "People"
},
{
"name": "PeopleInCircle",
"description": "",
"created_at": "2022-07-07T09:09:15.789Z",
"pageName": "People"
},
{
"name": "PeopleInCircleFilled",
"description": "",
"created_at": "2022-07-07T09:09:15.782Z",
"pageName": "People"
},
{
"name": "Picture",
"description": "",
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-icons",
"version": "0.8.19",
"version": "0.8.20",
"description": "NAVs egne ikoner i SVG og React format",
"repository": {
"type": "git",
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 14.7218 19.7918 17.1615 17.8824 18.8118C17.331 16.0672 14.9069 14 12 14C9.09309 14 6.669 16.0672 6.11764 18.8118C4.20824 17.1615 3 14.7218 3 12ZM8 20.0645C9.20496 20.6633 10.5632 21 12 21C13.4368 21 14.795 20.6633 16 20.0645V20C16 17.7909 14.2091 16 12 16C9.79086 16 8 17.7909 8 20V20.0645ZM12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 11C10.8954 11 10 10.1046 10 9C10 7.89543 10.8954 7 12 7C13.1046 7 14 7.89543 14 9C14 10.1046 13.1046 11 12 11ZM8 9C8 11.2091 9.79086 13 12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5C9.79086 5 8 6.79086 8 9Z" fill="#262626"/>
</svg>

After

Width:  |  Height:  |  Size: 857 B

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12C13.6569 12 15 10.6569 15 9ZM6.11764 18.8118C6.669 16.0672 9.09309 14 12 14C14.9069 14 17.331 16.0672 17.8824 18.8118C16.3048 20.1753 14.2487 21 12 21C9.75127 21 7.69516 20.1753 6.11764 18.8118Z" fill="#262626"/>
</svg>

After

Width:  |  Height:  |  Size: 560 B

+3 -3
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-react",
"version": "0.19.22",
"version": "0.19.25",
"description": "NAV designsystem react components",
"author": "NAV Designsystem team",
"license": "MIT",
@@ -37,14 +37,14 @@
"dependencies": {
"@floating-ui/react-dom": "0.6.0",
"@material-ui/core": "^4.12.3",
"@navikt/ds-icons": "^0.8.19",
"@navikt/ds-icons": "^0.8.20",
"@popperjs/core": "^2.10.1",
"@radix-ui/react-tabs": "0.1.5",
"@radix-ui/react-toggle-group": "0.1.5",
"classnames": "^2.2.6",
"react-collapse": "^5.1.0",
"react-merge-refs": "^1.1.0",
"react-modal": "3.14.3",
"react-modal": "3.15.1",
"react-popper": "^2.2.5",
"uuid": "^8.3.2"
},
@@ -21,7 +21,7 @@ export const Default = (props) => {
value={props.controlled ? state : undefined}
onChange={props.controlled ? setState : undefined}
hideLegend={props.hideLegend}
error={props.errorGroup ? "Errormelding" : undefined}
error={props.errorGroup ? "Errormelding for checkboxgruppe" : undefined}
{...props}
>
<Checkbox
@@ -70,6 +70,7 @@ Default.args = {
hideLabel: false,
hideLegend: false,
errorSingle: false,
errorGroup: false,
children: "",
description: "",
};
@@ -1,2 +1,3 @@
export { default as GuidePanel, GuidePanelProps } from "./GuidePanel";
export { GuideProps } from "./Guide";
export { DefaultIllustration as GuideDefaultIllustration } from "./Illustration";
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-tailwind",
"version": "0.2.8",
"version": "0.2.9",
"description": "Auto-generated tailwind config based on @navikt/ds-tokens",
"author": "NAV Designsystem team",
"keywords": [
@@ -22,7 +22,7 @@
"directory": "@navikt/core/tailwind"
},
"devDependencies": {
"@navikt/ds-tokens": "^0.9.7",
"@navikt/ds-tokens": "^0.9.8",
"@types/jest": "^27.0.1",
"@types/node": "^17.0.35",
"jest": "^27.2.0",
+10
View File
@@ -34,6 +34,16 @@ module.exports = {
},
],
},
ts: {
transformGroup: "js",
buildPath: "dist/",
files: [
{
destination: "tokens.d.ts",
format: "typescript/es6-declarations",
},
],
},
js: {
transformGroup: "js",
buildPath: "dist/",
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-tokens",
"version": "0.9.7",
"version": "0.9.8",
"description": "Auto-generated design-tokens for NAV design-systems framework",
"author": "NAV Designsystem team",
"keywords": [
+3 -3
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-react-internal",
"version": "0.14.23",
"version": "0.14.26",
"description": "NAV internal designsystem react components",
"author": "NAV Designsystem team",
"license": "MIT",
@@ -34,8 +34,8 @@
"watch": "tsc --watch -p tsconfig.esm.json"
},
"dependencies": {
"@navikt/ds-icons": "^0.8.19",
"@navikt/ds-react": "^0.19.22",
"@navikt/ds-icons": "^0.8.20",
"@navikt/ds-react": "^0.19.25",
"@popperjs/core": "^2.10.1",
"classnames": "^2.3.1",
"copy-to-clipboard": "^3.3.1",
+12 -12
View File
@@ -3191,7 +3191,7 @@ __metadata:
languageName: unknown
linkType: soft
"@navikt/ds-icons@*, @navikt/ds-icons@^0.8.18, @navikt/ds-icons@workspace:@navikt/core/icons":
"@navikt/ds-icons@*, @navikt/ds-icons@^0.8.20, @navikt/ds-icons@workspace:@navikt/core/icons":
version: 0.0.0-use.local
resolution: "@navikt/ds-icons@workspace:@navikt/core/icons"
dependencies:
@@ -3221,8 +3221,8 @@ __metadata:
version: 0.0.0-use.local
resolution: "@navikt/ds-react-internal@workspace:@navikt/internal/react"
dependencies:
"@navikt/ds-icons": ^0.8.18
"@navikt/ds-react": ^0.19.20
"@navikt/ds-icons": ^0.8.20
"@navikt/ds-react": ^0.19.25
"@popperjs/core": ^2.10.1
"@types/node": ^17.0.35
classnames: ^2.3.1
@@ -3238,13 +3238,13 @@ __metadata:
languageName: unknown
linkType: soft
"@navikt/ds-react@*, @navikt/ds-react@^0.19.20, @navikt/ds-react@workspace:@navikt/core/react":
"@navikt/ds-react@*, @navikt/ds-react@^0.19.25, @navikt/ds-react@workspace:@navikt/core/react":
version: 0.0.0-use.local
resolution: "@navikt/ds-react@workspace:@navikt/core/react"
dependencies:
"@floating-ui/react-dom": 0.6.0
"@material-ui/core": ^4.12.3
"@navikt/ds-icons": ^0.8.18
"@navikt/ds-icons": ^0.8.20
"@popperjs/core": ^2.10.1
"@radix-ui/react-tabs": 0.1.5
"@radix-ui/react-toggle-group": 0.1.5
@@ -3267,7 +3267,7 @@ __metadata:
react-docgen-typescript: 2.2.2
react-dom: ^18.0.0
react-merge-refs: ^1.1.0
react-modal: 3.14.3
react-modal: 3.15.1
react-popper: ^2.2.5
react-router-dom: ^6.3.0
rimraf: 3.0.2
@@ -19307,18 +19307,18 @@ __metadata:
languageName: node
linkType: hard
"react-modal@npm:3.14.3":
version: 3.14.3
resolution: "react-modal@npm:3.14.3"
"react-modal@npm:3.15.1":
version: 3.15.1
resolution: "react-modal@npm:3.15.1"
dependencies:
exenv: ^1.2.0
prop-types: ^15.7.2
react-lifecycles-compat: ^3.0.0
warning: ^4.0.3
peerDependencies:
react: ^0.14.0 || ^15.0.0 || ^16 || ^17
react-dom: ^0.14.0 || ^15.0.0 || ^16 || ^17
checksum: 025605ad33c6eb743522d9e3f935bb7b1aef6b5b54dea3daa63c8599266c00d16993839c8d3f4bfcc959595e1391b78c0786e2579e272c165fe8057d5c1cebe4
react: ^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18
react-dom: ^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18
checksum: ee99ca312c35bcec9ef0868babf970ce03c52801731e29be336bb6bdc867a1ecf00a73e1fb5bc3b1b1ef66ceb0c9b4a0199fadb85b1b9829f731409951b018f0
languageName: node
linkType: hard