Compare commits

...
Author SHA1 Message Date
navikt c085f58d8a Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.10
2021-02-25 15:03:58 +00:00
Ken 9b8ef0bcb5 fjernet layout (#1010) 2021-02-25 15:48:45 +01:00
navikt 2f087f50be Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.9
2021-02-25 13:36:14 +00:00
Ken 222c5d9ccb Update build-publish.yml 2021-02-25 14:19:43 +01:00
navikt faeff6ef39 Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.8
2021-02-25 11:53:45 +00:00
Ken 821d656d0d Update build-publish.yml (#1007) 2021-02-25 12:38:45 +01:00
navikt c5f067a143 Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.7
2021-02-25 10:37:36 +00:00
Ken 1b62d1f365 Fikset feilpublisering av storybook 2021-02-25 11:06:24 +01:00
navikt 6055538cae Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.6
 - nav-frontend-alertstriper-style@2.0.37
 - nav-frontend-alertstriper@3.0.50
 - nav-frontend-snakkeboble@2.0.35
2021-02-25 09:42:29 +00:00
Ken 24ae31d6fc Publiserer storybook til gh-pages under navikt/designsystemet repo (#1003)
* workflow for storybook publishing

* navn på workflows
2021-02-25 10:24:15 +01:00
Ken 4b90561e8c Paneler version fix (#1006)
* fikset panaler versions

* yarn update
2021-02-25 10:21:58 +01:00
navikt 8c0e103b5b Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.5
 - @navikt/ds-icons@0.1.6
2021-02-23 20:01:59 +00:00
Ken 74b59a7e27 Update package.json 2021-02-23 20:44:36 +01:00
navikt e46a68458d Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.4
2021-02-23 19:27:49 +00:00
Ken 358352ef07 Updated icons from figma (#1004) 2021-02-23 20:11:22 +01:00
navikt bfe25f7832 Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.3
 - nav-frontend-skjema-style@2.0.32
 - nav-frontend-skjema@3.0.52
2021-02-22 10:41:26 +00:00
Andreas Nordahl 6be9e7a377 change some colors to account for background contrast (#1002) 2021-02-22 11:26:16 +01:00
19 changed files with 84 additions and 74 deletions

No files matched your search

+13 -1
View File
@@ -120,8 +120,10 @@ jobs:
run: yarn boot
- name: Building Gatsby
run: yarn build:gatsby
- name: Building Storybook
run: yarn build-storybook
- name: Deploy 🚀
- name: Deploy to Design.nav.no 🚀
uses: JamesIves/github-pages-deploy-action@3.6.2
with:
GITHUB_TOKEN: $NAV_DS_TOKEN
@@ -129,3 +131,13 @@ jobs:
FOLDER: website/public
env:
NAV_DS_TOKEN: ${{secrets.GIT_REPO}}
- name: Deploy storybook
uses: peaceiris/actions-gh-pages@v3
with:
github_token: $NAV_DS_TOKEN
external_repository: navikt/designsystemet
publish_dir: ./storybook-static
env:
NAV_DS_TOKEN: ${{secrets.GIT_REPO}}
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-css",
"version": "0.1.2",
"version": "0.1.10",
"private": false,
"description": "Css for NAV Designsystem components",
"author": "NAV Designsystem team",
+12 -12
View File
@@ -507,7 +507,7 @@
"name": "DialogDots",
"description": "",
"created_at": "2020-07-01T10:37:43.133Z",
"updated_at": "2021-01-28T14:18:12.403Z",
"updated_at": "2021-02-23T08:58:14.310Z",
"pageName": "Communication",
"visible": true
},
@@ -915,7 +915,7 @@
"name": "Filter",
"description": "",
"created_at": "2020-07-01T10:37:42.891Z",
"updated_at": "2020-12-08T09:58:27.629Z",
"updated_at": "2021-02-23T08:58:14.284Z",
"pageName": "Interface",
"visible": true
},
@@ -923,7 +923,7 @@
"name": "FilterFilled",
"description": "",
"created_at": "2021-01-11T13:37:55.605Z",
"updated_at": "2021-01-28T14:51:50.930Z",
"updated_at": "2021-02-23T08:58:14.297Z",
"pageName": "Interface",
"visible": true
},
@@ -1235,7 +1235,7 @@
"name": "Laptop",
"description": "",
"created_at": "2020-07-01T10:37:42.660Z",
"updated_at": "2020-07-01T10:37:42.660Z",
"updated_at": "2021-02-09T13:20:24.925Z",
"pageName": "Device",
"visible": true
},
@@ -1467,7 +1467,7 @@
"name": "MonitorFilled",
"description": "",
"created_at": "2021-01-11T13:37:55.526Z",
"updated_at": "2021-01-25T10:37:34.902Z",
"updated_at": "2021-02-23T18:47:13.465Z",
"pageName": "Device",
"visible": true
},
@@ -1507,7 +1507,7 @@
"name": "Neutral",
"description": "",
"created_at": "2020-07-01T10:37:42.832Z",
"updated_at": "2020-11-24T11:50:38.568Z",
"updated_at": "2021-02-04T13:05:20.928Z",
"pageName": "Gender",
"visible": true
},
@@ -1579,7 +1579,7 @@
"name": "Office2Filled",
"description": "",
"created_at": "2021-01-11T13:37:55.393Z",
"updated_at": "2021-01-30T16:27:27.156Z",
"updated_at": "2021-02-23T08:58:14.273Z",
"pageName": "Building",
"visible": true
},
@@ -1699,7 +1699,7 @@
"name": "Plane",
"description": "",
"created_at": "2020-07-01T10:37:43.153Z",
"updated_at": "2020-07-01T10:37:43.153Z",
"updated_at": "2021-02-04T08:50:51.279Z",
"pageName": "International",
"visible": true
},
@@ -1763,7 +1763,7 @@
"name": "Receipt",
"description": "",
"created_at": "2020-07-01T10:37:42.904Z",
"updated_at": "2020-07-01T10:37:42.904Z",
"updated_at": "2021-02-22T11:08:16.519Z",
"pageName": "Money",
"visible": true
},
@@ -1955,7 +1955,7 @@
"name": "Settings",
"description": "",
"created_at": "2020-07-01T10:37:43.062Z",
"updated_at": "2020-07-01T10:37:43.062Z",
"updated_at": "2021-02-04T10:27:43.426Z",
"pageName": "Settings",
"visible": true
},
@@ -2027,7 +2027,7 @@
"name": "SightFilled",
"description": "",
"created_at": "2021-01-28T14:00:38.604Z",
"updated_at": "2021-01-28T14:00:38.604Z",
"updated_at": "2021-02-23T18:47:13.472Z",
"pageName": "Fyrstikkalleen",
"visible": true
},
@@ -2163,7 +2163,7 @@
"name": "System",
"description": "",
"created_at": "2020-07-01T10:37:42.766Z",
"updated_at": "2020-07-01T10:37:42.766Z",
"updated_at": "2021-02-04T12:57:42.991Z",
"pageName": "Settings",
"visible": true
},
+2 -2
View File
@@ -1,7 +1,7 @@
{
"name": "@navikt/ds-icons",
"version": "0.1.5",
"private": true,
"version": "0.1.6",
"private": false,
"description": "NAVs egne ikoner i SVG og React format",
"keywords": [
"NAV",
+1 -1
View File
@@ -1,3 +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="M23 4V0H1V5L9 13V24L15 21V13L22 6H13V4H23Z" fill="#3E3832"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 6H0V2H24V6ZM18 14L6 14L6 10L18 10V14ZM10 22H14V18H10V22Z" fill="#3E3832"/>
</svg>

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 231 B

+1 -1
View File
@@ -1,3 +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="M22 3H6V4H21V8H22V3ZM21 14V10H22V14H21ZM2 1C0.895431 1 0 1.89543 0 3V16C0 17.1046 0.89543 18 2 18H11V21H7C5.89543 21 5 21.8954 5 23H19C19 21.8954 18.1046 21 17 21H13V18H22C23.1046 18 24 17.1046 24 16V3C24 1.89543 23.1046 1 22 1H2Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 3H6V4H21V8H22V3ZM21 14V10H22V14H21ZM2 1C0.895431 1 0 1.89543 0 3V16C0 17.1046 0.89543 18 2 18H11V21H7C5.89543 21 5 21.8954 5 23H19C19 21.8954 18.1046 21 17 21H13V18H22C23.1046 18 24 17.1046 24 16V3C24 1.89543 23.1046 1 22 1H2Z" fill="#3E3832"/>
</svg>

Before

Width:  |  Height:  |  Size: 399 B

After

Width:  |  Height:  |  Size: 401 B

+1 -2
View File
@@ -1,4 +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 5C16.4183 5 20.4183 7.33333 24 12C20.4183 16.6667 16.4183 19 12 19C7.58172 19 3.58172 16.6667 0 12C3.58172 7.33333 7.58172 5 12 5ZM17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" fill="#3E3832"/>
<circle cx="12" cy="12" r="1" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C20.4183 7.33333 16.4183 5 12 5C7.58172 5 3.58172 7.33333 0 12C3.58172 16.6667 7.58172 19 12 19C16.4183 19 20.4183 16.6667 24 12ZM12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" fill="#3E3832"/>
</svg>

Before

Width:  |  Height:  |  Size: 576 B

After

Width:  |  Height:  |  Size: 651 B

+1 -1
View File
@@ -1,3 +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="M23 0V5L15 13V21L9 24V13L1 5V0H23ZM21 2H3V4.171L11 12.1716V20.764L13 19.764V12.1716L19.17 6H13V4H21V2Z" fill="#3E3832"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 5H0V3H24V5ZM18 13L6 13V11L18 11V13ZM10 21H14V19H10V21Z" fill="#3E3832"/>
</svg>

Before

Width:  |  Height:  |  Size: 273 B

After

Width:  |  Height:  |  Size: 229 B

@@ -1,6 +1,6 @@
{
"name": "nav-frontend-alertstriper-style",
"version": "2.0.36",
"version": "2.0.37",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -17,13 +17,13 @@
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-ikoner-assets": "^2.0.10",
"nav-frontend-paneler-style": "^0.3.34",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-typografi-style": "^1.0.34"
},
"peerDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-ikoner-assets": "^2.0.9",
"nav-frontend-paneler-style": "^0.3.34",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-typografi-style": "^1.0.33"
}
}
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-alertstriper",
"version": "3.0.49",
"version": "3.0.50",
"main": "lib/alertstripe.js",
"types": "lib/alertstripe.d.ts",
"license": "MIT",
@@ -27,7 +27,7 @@
"devDependencies": {
"@types/classnames": "^2.2.3",
"@types/react": "15.0.23 || ^16.0.0",
"nav-frontend-alertstriper-style": "^2.0.36",
"nav-frontend-alertstriper-style": "^2.0.37",
"nav-frontend-ikoner-assets": "^2.0.10",
"nav-frontend-typografi": "^3.0.3",
"react": "^16.8.0 || ^17.0.0"
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-skjema-style",
"version": "2.0.31",
"version": "2.0.32",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -26,6 +26,14 @@
background-color: @navGronnLighten80;
border-color: @navGronnLighten80;
.bekreftCheckboksPanel__innhold {
.lenke {
&:not(:focus) {
color: @navMorkGra;
}
}
}
.checkboks {
+ .skjemaelement__label {
&::before {
@@ -36,9 +44,12 @@
}
&:hover {
color: @navMorkGra;
text-decoration: underline;
&::before {
background-color: @navGronnLighten40;
border-color: @navGronnLighten40;
background-color: @navGronnDarken40;
border-color: @navGronnDarken40;
}
}
}
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-skjema",
"version": "3.0.51",
"version": "3.0.52",
"main": "lib/index.js",
"types": "lib/index.d.ts",
"license": "MIT",
@@ -31,7 +31,7 @@
"classnames": "^2.2.5",
"nav-frontend-js-utils": "^1.0.17",
"nav-frontend-lenker": "^1.0.60",
"nav-frontend-skjema-style": "^2.0.31",
"nav-frontend-skjema-style": "^2.0.32",
"nav-frontend-typografi": "^3.0.3",
"prop-types": "^15.5.10",
"react": "^16.8.0 || ^17.0.0"
@@ -1,5 +1,6 @@
import React from "react";
import React, { useState } from "react";
import { BekreftCheckboksPanel } from "../src/index";
import Lenke from "nav-frontend-lenker";
import { Meta } from "@storybook/react/types-6-0";
export default {
@@ -8,6 +9,8 @@ export default {
} as Meta;
export const BekreftCheckboks = () => {
const [isChecked, setIsChecked] = useState(false);
return (
<div
style={{
@@ -17,14 +20,24 @@ export const BekreftCheckboks = () => {
gridAutoColumns: "fit-content",
}}
>
<BekreftCheckboksPanel
label="Ja, jeg samtykker"
checked={isChecked}
onChange={() => setIsChecked((isChecked) => !isChecked)}
>
For å gå videre må du samtykke til at vi får lov til å innhente og
behandle persondata om deg. <Lenke href="wat">Les mer</Lenke> om hvilke
data vi henter og hvordan vi behandler disse dataene.
</BekreftCheckboksPanel>
<BekreftCheckboksPanel
label="Ja, jeg samtykker"
checked
onChange={() => null}
>
For å gå videre må du samtykke til at vi får lov til å innhente og
behandle persondata om deg. Les mer om hvilke data vi henter og hvordan
vi behandler disse dataene.
behandle persondata om deg. <Lenke href="wat">Les mer</Lenke> om hvilke
data vi henter og hvordan vi behandler disse dataene.
</BekreftCheckboksPanel>
<BekreftCheckboksPanel
@@ -33,8 +46,8 @@ export const BekreftCheckboks = () => {
onChange={() => null}
>
For å gå videre må du samtykke til at vi får lov til å innhente og
behandle persondata om deg. Les mer om hvilke data vi henter og hvordan
vi behandler disse dataene.
behandle persondata om deg. <Lenke href="wat">Les mer</Lenke> om hvilke
data vi henter og hvordan vi behandler disse dataene.
</BekreftCheckboksPanel>
<BekreftCheckboksPanel
@@ -44,8 +57,8 @@ export const BekreftCheckboks = () => {
onChange={() => null}
>
For å gå videre må du samtykke til at vi får lov til å innhente og
behandle persondata om deg. Les mer om hvilke data vi henter og hvordan
vi behandler disse dataene.
behandle persondata om deg. <Lenke href="wat">Les mer</Lenke> om hvilke
data vi henter og hvordan vi behandler disse dataene.
</BekreftCheckboksPanel>
</div>
);
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-snakkeboble",
"version": "2.0.34",
"version": "2.0.35",
"main": "lib/snakkeboble.js",
"types": "lib/snakkeboble.d.ts",
"license": "MIT",
@@ -19,7 +19,7 @@
"peerDependencies": {
"classnames": "^2.2.5",
"nav-frontend-paneler": "^2.0.29",
"nav-frontend-paneler-style": "^0.3.34",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-snakkeboble-style": "^1.0.0",
"nav-frontend-typografi": "^3.0.2",
"prop-types": "^15.5.10",
@@ -27,7 +27,7 @@
},
"devDependencies": {
"nav-frontend-paneler": "^2.0.31",
"nav-frontend-paneler-style": "^0.3.34",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-snakkeboble-style": "^1.0.2",
"nav-frontend-typografi": "^3.0.3",
"react": "^16.8.0 || ^17.0.0"
Binary file not shown.

Before

Width:  |  Height:  |  Size: 591 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

-28
View File
@@ -1,28 +0,0 @@
---
title: Layout
ingress: Vår grid er oppbygd av 12 responsive kolonner med fast 16 px gutter og 32px margins.
rank: 7
---
import { Ingress } from "nav-frontend-typografi";
import Grid from "../../components/assets/images/grid.png";
import GridLayout from "../../components/assets/images/grid-layout.png";
# Layout
<Ingress>
Vår grid er oppbygd av 12 responsive kolonner med fast 16 px gutter og 32px
margins.
</Ingress>
<br />
<img
src={Grid}
alt="12 responsive kolonner med fast 16 px gutter og 32px margins"
/>
## Layout-eksempler
<img src={GridLayout} alt="Eksempler på layout" />
+8 -5
View File
@@ -2608,6 +2608,14 @@
"@navikt/ds-tokens" "0.1.0-beta.1"
normalize.css "^8.0.1"
"@navikt/ds-css@0.1.0-beta.6":
version "0.1.0-beta.6"
resolved "https://registry.yarnpkg.com/@navikt/ds-css/-/ds-css-0.1.0-beta.6.tgz#c5402322a3013138457702857b70901a99e526e5"
integrity sha512-ZFJpAhSm1qEHhgFb+j+HBU8UHubixGEx9nNGCyzCsIjx0xPGX9+oOZR1UbVfKCQXghEcwmp/2VMo4NQ3T7gZVA==
dependencies:
"@navikt/ds-tokens" "0.1.0-beta.6"
normalize.css "^8.0.1"
"@navikt/ds-tokens@0.1.0-beta.1":
version "0.1.0-beta.1"
resolved "https://registry.yarnpkg.com/@navikt/ds-tokens/-/ds-tokens-0.1.0-beta.1.tgz#23d861897ef2c9e3d69cf77760a5d2eb854c9646"
@@ -16355,11 +16363,6 @@ natural-compare@^1.4.0:
resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
nav-frontend-paneler-style@^0.3.34:
version "0.3.34"
resolved "https://registry.yarnpkg.com/nav-frontend-paneler-style/-/nav-frontend-paneler-style-0.3.34.tgz#48bc6a4331262658490644976c65258d6b3cbcec"
integrity sha512-ufqCAPGofVHrof7yh7TGdby9hMHI6HPr4x4KegeTSXg83jPsW5ElynznkBtfMpsGWTD8MoxBxIJkSOlqEvzbvg==
needle@^2.5.2:
version "2.6.0"
resolved "https://registry.yarnpkg.com/needle/-/needle-2.6.0.tgz#24dbb55f2509e2324b4a99d61f413982013ccdbe"