Compare commits

...
Author SHA1 Message Date
github-actions[bot] 11261c204b Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.13
2021-03-02 12:30:09 +00:00
Ken 1ce56c5ae3 Endret workflow til å bruke bot, flyttet chromatic (#1011)
* endret kenahoh -> github bot

* flyttet chromatic workflow

* fetch depth

* Stopper lerna fra å bruke workspaces
2021-03-02 13:15:47 +01:00
Ken 928b08155d Oppdatert changelog 2021-03-02 11:31:42 +01:00
navikt fb1dfbc4de Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.12
 - nav-frontend-alertstriper-style@2.0.38
 - nav-frontend-alertstriper@3.0.51
 - nav-frontend-ekspanderbartpanel-style@1.0.42
 - nav-frontend-ekspanderbartpanel@3.0.56
 - nav-frontend-etiketter@2.0.32
 - nav-frontend-hjelpetekst-style@2.0.42
 - nav-frontend-hjelpetekst@2.0.55
 - nav-frontend-ikonknapper@1.0.38
 - nav-frontend-knapper-style@1.0.17
 - nav-frontend-knapper@2.0.32
 - nav-frontend-lenkepanel@1.0.75
 - nav-frontend-paneler@2.0.32
 - nav-frontend-skjema-style@2.0.33
 - nav-frontend-skjema@3.0.53
 - nav-frontend-snakkeboble-style@1.0.3
 - nav-frontend-snakkeboble@2.0.36
 - nav-frontend-stegindikator-style@1.0.47
 - nav-frontend-stegindikator@1.0.3
 - nav-frontend-tabell-style@1.0.7
 - nav-frontend-tabs-style@1.0.3
 - nav-frontend-tabs@1.0.3
 - nav-frontend-tekstomrade@2.0.76
 - nav-frontend-toggle-style@1.0.3
 - nav-frontend-toggle@1.0.3
 - nav-frontend-typografi-style@1.0.35
 - nav-frontend-typografi@3.0.4
 - nav-frontend-veilederpanel-style@1.0.3
 - nav-frontend-veilederpanel@1.0.3
2021-03-01 15:33:49 +00:00
Andreas Nordahl ae24846137 Make all division in less parens-division to be compatible with v4 (#1014) 2021-03-01 15:58:28 +01:00
Ken 8311183f57 Flyttet OverridableComponent (Util) ut i egen PR (#1013)
* la til OverridableComponent

* oppdatert deps
2021-03-01 15:57:09 +01:00
navikt 20189f136e Lerna versionbump [ci skip]
- @navikt/ds-css@0.1.11
2021-02-26 09:53:51 +00:00
Ken 96f4ca1ddf git-token -> personal-token for storybook CD 2021-02-26 10:38:06 +01:00
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
49 changed files with 299 additions and 205 deletions

No files matched your search

+22 -30
View File
@@ -13,30 +13,6 @@ jobs:
build:
if: "!contains(github.event.head_commit.message, '[ci skip]')"
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v1
with:
node-version: 14
- name: Node-modules cache
uses: actions/cache@v2
id: node-cache
with:
path: "**/node_modules"
key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
- name: Install deps
if: steps.node-cache.outputs.cache-hit != 'true'
run: yarn install --frozen-lockfile
- name: Gulp-build
run: yarn boot
- name: Eslint and Stylelint
run: yarn lint
- name: Test gatsby-build
run: yarn build:gatsby
chromatic:
needs: build
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
with:
@@ -55,14 +31,19 @@ jobs:
run: yarn install --frozen-lockfile
- name: Gulp-build
run: yarn boot
- uses: chromaui/action@v1
- name: Eslint and Stylelint
run: yarn lint
- name: Test gatsby-build
run: yarn build:gatsby
- name: Test chromatic
uses: chromaui/action@v1
with:
token: ${{ secrets.GIT_REPO }}
projectToken: ${{ secrets.CHROMATIC }}
exitZeroOnChanges: true
publish-npm:
needs: chromatic
needs: build
runs-on: ubuntu-latest
if: github.event_name == 'push'
steps:
@@ -85,9 +66,9 @@ jobs:
run: yarn install --frozen-lockfile
- name: Gulp-build
run: yarn boot
- run: git config --global user.email "ken.aleksander.johansen@nav.no"
- run: git config --global user.name "navikt"
- run: git remote set-url origin https://KenAJoh:$NAV_DS_TOKEN@github.com/$GITHUB_REPOSITORY.git
- run: git config --global user.email "github-actions[bot]@users.noreply.github.com"
- run: git config --global user.name "github-actions[bot]"
- run: git remote set-url origin https://github-actions[bot]:$NAV_DS_TOKEN@github.com/$GITHUB_REPOSITORY.git
env:
NAV_DS_TOKEN: ${{secrets.GIT_REPO}}
- run: yarn lerna version patch --include-merged-tags --no-private --yes
@@ -120,8 +101,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 +112,12 @@ jobs:
FOLDER: website/public
env:
NAV_DS_TOKEN: ${{secrets.GIT_REPO}}
- name: Deploy storybook
uses: peaceiris/actions-gh-pages@v3
with:
personal_token: ${{secrets.GIT_REPO}}
external_repository: navikt/designsystemet
publish_dir: ./storybook-static
user_name: "github-actions[bot]"
user_email: "github-actions[bot]@users.noreply.github.com"
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-css",
"version": "0.1.2",
"version": "0.1.13",
"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

+17 -19
View File
@@ -1,13 +1,11 @@
export { default as Accordion, AccordionProps } from "./accordion/src/index";
export { default as Alert, AlertProps } from "./alert/src/index";
export { default as Button, ButtonProps } from "./button/src/index";
export { default as Link, LinkProps } from "./link/src/index";
export { default as Modal, ModalProps } from "./modal/src/index";
export { default as Popover, PopoverProps } from "./popover/src/index";
export { default as Tag, TagProps } from "./tag/src/index";
export { Grid, Cell, GridProps, CellProps } from "./grid/src/index";
export { Layout, LayoutProps, SectionProps } from "./layout/src/index";
export { AccordionProps, default as Accordion } from "./accordion/src/index";
export { AlertProps, default as Alert } from "./alert/src/index";
export { ButtonProps, default as Button } from "./button/src/index";
export {
ContentContainer,
ContentContainerProps,
} from "./content-container/src/index";
export { Cell, CellProps, Grid, GridProps } from "./grid/src/index";
export {
InternalHeader,
InternalHeaderProps,
@@ -16,17 +14,17 @@ export {
InternalHeaderUser,
InternalHeaderUserProps,
} from "./internal-header/src/index";
export { Layout, LayoutProps, SectionProps } from "./layout/src/index";
export { default as Link, LinkProps } from "./link/src/index";
export { default as Modal, ModalProps } from "./modal/src/index";
export { default as Popover, PopoverProps } from "./popover/src/index";
export { default as Tag, TagProps } from "./tag/src/index";
export {
Heading,
Text,
Paragraph,
Lead,
HeadingProps,
Lead,
Paragraph,
Text,
TextProps,
} from "./typography/src/index";
export {
ContentContainer,
ContentContainerProps,
} from "./content-container/src/index";
export { OverridableComponent } from "./util/src/index";
+12
View File
@@ -0,0 +1,12 @@
{
"name": "@navikt/ds-react-util",
"author": "NAV Designsystem team",
"license": "MIT",
"repository": {
"type": "git",
"url": "git+https://github.com/navikt/nav-frontend-moduler.git"
},
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0"
}
}
@@ -0,0 +1,47 @@
import React from "react";
/**
* A component whose root component can be controlled via a `component` prop.
*/
export interface OverridableComponent<M extends OverridableTypeMap> {
(props: DefaultComponentProps<M>): React.ReactElement | null;
<C extends React.ElementType>(
props: {
component: C;
} & OverrideProps<M, C>
): React.ReactElement | null;
}
/**
* Props of the component if `component={Component}` is used.
*/
// prettier-ignore
export type OverrideProps<
M extends OverridableTypeMap,
C extends React.ElementType
> = (
& BaseProps<M>
& Omit<React.ComponentPropsWithRef<C>, keyof BaseProps<M>>
);
/**
* Props if `component={Component}` is NOT used.
*/
// prettier-ignore
export type DefaultComponentProps<
M extends OverridableTypeMap
> = (
& BaseProps<M>
& Omit<React.ComponentPropsWithRef<M['defaultComponent']>, keyof BaseProps<M>>
)
/**
* Props defined on the component.
*/
export type BaseProps<M extends OverridableTypeMap> = M["props"];
export interface OverridableTypeMap {
props: {};
defaultComponent: React.ElementType;
}
+1
View File
@@ -0,0 +1 @@
export * from "./OverridableComponent";
+47
View File
@@ -1,5 +1,52 @@
# Endringslogg
## 01. Mars 2021
### Nav-frontend-typografi-style støtter nå Less v4
[#1014](https://github.com/navikt/nav-frontend-moduler/pull/1014)
- Alle divisjoner i Less-filer er nå wrappet i parentes
## 22. Februar 2021
### Kan nå vise label på checkbox i første column i tabell
[#1000](https://github.com/navikt/nav-frontend-moduler/pull/1000)
- Ved å sette `data-label="true"` på <Checkbox/> som blir brukt i tabell, kan man nå vise label om ønsket
### Oppdatert Bekreftcheckboxpanel for bedre UU
[#1002](https://github.com/navikt/nav-frontend-moduler/pull/1002)
- Styling for Lenke blir nå endret ved bruk på Bekreftcheckboxpanel for å sikre god kontrast
## 19. Februar 2021
### Oppdatert animasjon Ekspanderbartpanel
[#993](https://github.com/navikt/nav-frontend-moduler/pull/993)
- Animasjonen er nå på 250ms, erstatter 400ms
## 15. Februar 2021
### Oppdatert dokumentasjon om obligatoriske felt i skjema
[#996](https://github.com/navikt/nav-frontend-moduler/pull/996)
- https://design.nav.no/patterns/form-validation
## 12. Februar 2021
### Proptable viser nå riktige default-values for props
[#988](https://github.com/navikt/nav-frontend-moduler/pull/988)
- Man kan nå se hva default-value er for props under teknisk side for komponenter
- Eks: https://design.nav.no/components/alertstripe/technical
## 05. Februar 2021
### Komponenter støtter nå React v17
-1
View File
@@ -12,7 +12,6 @@
"ignore": "*"
}
},
"useWorkspaces": "true",
"packages": [
"packages/*",
"@navikt/ds-css",
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-alertstriper-style",
"version": "2.0.36",
"version": "2.0.38",
"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-typografi-style": "^1.0.34"
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-typografi-style": "^1.0.35"
},
"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.51",
"main": "lib/alertstripe.js",
"types": "lib/alertstripe.d.ts",
"license": "MIT",
@@ -27,9 +27,9 @@
"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.38",
"nav-frontend-ikoner-assets": "^2.0.10",
"nav-frontend-typografi": "^3.0.3",
"nav-frontend-typografi": "^3.0.4",
"react": "^16.8.0 || ^17.0.0"
},
"defaultExport": "AlertStripe"
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-ekspanderbartpanel-style",
"version": "1.0.41",
"version": "1.0.42",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -24,6 +24,6 @@
"nav-frontend-chevron-style": "^1.0.4",
"nav-frontend-core": "^5.0.11",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-typografi-style": "^1.0.35"
}
}
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-ekspanderbartpanel",
"version": "3.0.55",
"version": "3.0.56",
"main": "lib/index.js",
"license": "MIT",
"types": "lib/index.d.ts",
@@ -29,7 +29,7 @@
"@types/react": "15.0.23 || ^16.0.0",
"@types/react-collapse": "^5.0.0",
"classnames": "^2.2.5",
"nav-frontend-ekspanderbartpanel-style": "^1.0.41",
"nav-frontend-ekspanderbartpanel-style": "^1.0.42",
"nav-frontend-js-utils": "^1.0.17",
"react": "^16.8.0 || ^17.0.0",
"react-collapse": "^5.0.0"
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-etiketter",
"version": "2.0.31",
"version": "2.0.32",
"main": "lib/index.js",
"types": "lib/index.d.ts",
"license": "MIT",
@@ -20,7 +20,7 @@
"classnames": "^2.2.5",
"nav-frontend-core": "^5.0.11",
"nav-frontend-etiketter-style": "^1.0.19",
"nav-frontend-typografi": "^3.0.3",
"nav-frontend-typografi": "^3.0.4",
"prop-types": "^15.5.10",
"react": "^16.8.0 || ^17.0.0"
},
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-hjelpetekst-style",
"version": "2.0.41",
"version": "2.0.42",
"main": "src/hjelpetekst-style.less",
"license": "MIT",
"files": [
@@ -16,7 +16,7 @@
},
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-typografi-style": "^1.0.35"
},
"peerDependencies": {
"nav-frontend-core": "^5.0.11",
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-hjelpetekst",
"version": "2.0.54",
"version": "2.0.55",
"main": "lib/hjelpetekst.js",
"types": "lib/hjelpetekst.d.ts",
"license": "MIT",
@@ -29,7 +29,7 @@
"@types/classnames": "^2.2.3",
"@types/react": "15.0.23 || ^16.0.0",
"classnames": "^2.2.5",
"nav-frontend-hjelpetekst-style": "^2.0.41",
"nav-frontend-hjelpetekst-style": "^2.0.42",
"nav-frontend-ikoner-assets": "^2.0.10",
"nav-frontend-js-utils": "^1.0.17",
"nav-frontend-popover": "^1.0.2",
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-ikonknapper",
"version": "1.0.37",
"version": "1.0.38",
"main": "lib/index.js",
"types": "lib/index.d.ts",
"license": "MIT",
@@ -25,7 +25,7 @@
"devDependencies": {
"nav-frontend-chevron": "^1.0.28",
"nav-frontend-ikoner-assets": "^2.0.10",
"nav-frontend-knapper": "^2.0.31",
"nav-frontend-knapper": "^2.0.32",
"react": "^16.8.0 || ^17.0.0"
}
}
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-knapper-style",
"version": "1.0.16",
"version": "1.0.17",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -16,7 +16,7 @@
},
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-typografi-style": "^1.0.35"
},
"peerDependencies": {
"nav-frontend-core": "^5.0.11",
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-knapper",
"version": "2.0.31",
"version": "2.0.32",
"main": "lib/index.js",
"types": "lib/index.d.ts",
"license": "MIT",
@@ -28,7 +28,7 @@
"@types/react": "15.0.23 || ^16.0.0",
"classnames": "^2.2.5",
"nav-frontend-js-utils": "^1.0.17",
"nav-frontend-knapper-style": "^1.0.16",
"nav-frontend-knapper-style": "^1.0.17",
"prop-types": "^15.5.10",
"react": "^16.8.0 || ^17.0.0"
},
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-lenkepanel",
"version": "1.0.74",
"version": "1.0.75",
"main": "lib/index.js",
"types": "lib/index.d.ts",
"license": "MIT",
@@ -28,7 +28,7 @@
"@types/react": "15.0.23 || ^16.0.0",
"classnames": "^2.2.5",
"nav-frontend-lenkepanel-style": "^1.0.2",
"nav-frontend-typografi": "^3.0.3",
"nav-frontend-typografi": "^3.0.4",
"prop-types": "^15.5.10",
"react": "^16.8.0 || ^17.0.0"
},
+3 -3
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-paneler",
"version": "2.0.31",
"version": "2.0.32",
"main": "lib/index.js",
"types": "lib/index.d.ts",
"license": "MIT",
@@ -27,8 +27,8 @@
"devDependencies": {
"classnames": "^2.2.5",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-typografi": "^3.0.3",
"nav-frontend-typografi-style": "^1.0.34",
"nav-frontend-typografi": "^3.0.4",
"nav-frontend-typografi-style": "^1.0.35",
"prop-types": "^15.5.10",
"react": "^16.8.0 || ^17.0.0"
},
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-skjema-style",
"version": "2.0.31",
"version": "2.0.33",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -17,7 +17,7 @@
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-typografi-style": "^1.0.35"
},
"peerDependencies": {
"nav-frontend-core": "^5.0.11",
@@ -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;
}
}
}
+3 -3
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-skjema",
"version": "3.0.51",
"version": "3.0.53",
"main": "lib/index.js",
"types": "lib/index.d.ts",
"license": "MIT",
@@ -31,8 +31,8 @@
"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-typografi": "^3.0.3",
"nav-frontend-skjema-style": "^2.0.33",
"nav-frontend-typografi": "^3.0.4",
"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-style",
"version": "1.0.2",
"version": "1.0.3",
"main": "src/snakkeboble-style.less",
"license": "MIT",
"files": [
@@ -16,7 +16,7 @@
},
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-typografi-style": "^1.0.35"
},
"peerDependencies": {
"nav-frontend-core": "^5.0.11",
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-snakkeboble",
"version": "2.0.34",
"version": "2.0.36",
"main": "lib/snakkeboble.js",
"types": "lib/snakkeboble.d.ts",
"license": "MIT",
@@ -19,17 +19,17 @@
"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",
"react": "^16.8.0 || ^17.0.0"
},
"devDependencies": {
"nav-frontend-paneler": "^2.0.31",
"nav-frontend-paneler-style": "^0.3.34",
"nav-frontend-snakkeboble-style": "^1.0.2",
"nav-frontend-typografi": "^3.0.3",
"nav-frontend-paneler": "^2.0.32",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-snakkeboble-style": "^1.0.3",
"nav-frontend-typografi": "^3.0.4",
"react": "^16.8.0 || ^17.0.0"
},
"defaultExport": "Snakkeboble"
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-stegindikator-style",
"version": "1.0.46",
"version": "1.0.47",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -16,6 +16,6 @@
},
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-typografi-style": "^1.0.35"
}
}
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-stegindikator",
"version": "1.0.2",
"version": "1.0.3",
"main": "lib/stegindikator.js",
"types": "lib/stegindikator.d.js",
"license": "MIT",
@@ -20,7 +20,7 @@
},
"devDependencies": {
"nav-frontend-js-utils": "^1.0.17",
"nav-frontend-stegindikator-style": "^1.0.46",
"nav-frontend-stegindikator-style": "^1.0.47",
"react": "^16.8.0 || ^17.0.0"
},
"defaultExport": "Stegindikator"
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-tabell-style",
"version": "1.0.6",
"version": "1.0.7",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -21,7 +21,7 @@
},
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-knapper-style": "^1.0.16",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-knapper-style": "^1.0.17",
"nav-frontend-typografi-style": "^1.0.35"
}
}
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-tabs-style",
"version": "1.0.2",
"version": "1.0.3",
"main": "src/tabs-style.less",
"license": "MIT",
"files": [
@@ -16,6 +16,6 @@
},
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-typografi-style": "^1.0.35"
}
}
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-tabs",
"version": "1.0.2",
"version": "1.0.3",
"main": "lib/tabs.js",
"types": "lib/tabs.d.ts",
"license": "MIT",
@@ -21,7 +21,7 @@
"devDependencies": {
"classnames": "^2.2.5",
"nav-frontend-js-utils": "^1.0.17",
"nav-frontend-tabs-style": "^1.0.2",
"nav-frontend-tabs-style": "^1.0.3",
"react": "^16.8.0 || ^17.0.0"
},
"defaultExport": "Tabs"
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-tekstomrade",
"version": "2.0.75",
"version": "2.0.76",
"main": "lib/tekstomrade.js",
"types": "lib/tekstomrade.d.ts",
"license": "MIT",
@@ -27,7 +27,7 @@
},
"devDependencies": {
"nav-frontend-lenker": "^1.0.60",
"nav-frontend-typografi": "^3.0.3",
"nav-frontend-typografi": "^3.0.4",
"prop-types": "^15.5.10",
"react": "^16.8.0 || ^17.0.0"
},
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-toggle-style",
"version": "1.0.2",
"version": "1.0.3",
"main": "src/toggle-style.less",
"license": "MIT",
"files": [
@@ -17,7 +17,7 @@
},
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-knapper-style": "^1.0.16",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-knapper-style": "^1.0.17",
"nav-frontend-typografi-style": "^1.0.35"
}
}
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-toggle",
"version": "1.0.2",
"version": "1.0.3",
"main": "lib/index.js",
"types": "lib/index.d.ts",
"license": "MIT",
@@ -22,7 +22,7 @@
"devDependencies": {
"classnames": "^2.2.5",
"nav-frontend-js-utils": "^1.0.17",
"nav-frontend-toggle-style": "^1.0.2",
"nav-frontend-toggle-style": "^1.0.3",
"prop-types": "^15.5.10",
"react": "^16.8.0 || ^17.0.0"
}
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-typografi-style",
"version": "1.0.34",
"version": "1.0.35",
"main": "src/index.less",
"license": "SEE LICENSE IN LICENSE",
"files": [
@@ -1,88 +1,88 @@
.typo-sidetittel-mixin() {
font-family: @font-family;
font-size: 30rem / @remUnit;
line-height: 34rem / @remUnit;
font-size: (30rem / @remUnit);
line-height: (34rem / @remUnit);
font-weight: @fontWeightBold;
@media (min-width: 30em) {
font-size: 40rem / @remUnit;
line-height: 44rem / @remUnit;
font-size: (40rem / @remUnit);
line-height: (44rem / @remUnit);
}
}
.typo-innholdstittel-mixin() {
font-family: @font-family;
font-size: 24rem / @remUnit;
font-size: (24rem / @remUnit);
font-weight: @fontWeightBold;
@media (min-width: 30em) {
font-size: 32rem / @remUnit;
line-height: 36rem / @remUnit;
font-size: (32rem / @remUnit);
line-height: (36rem / @remUnit);
}
}
.typo-systemtittel-mixin() {
font-family: @font-family;
font-size: 22rem / @remUnit;
line-height: 26rem / @remUnit;
font-size: (22rem / @remUnit);
line-height: (26rem / @remUnit);
font-weight: @fontWeightBold;
@media (min-width: 30em) {
font-size: 24rem / @remUnit;
line-height: 28rem / @remUnit;
font-size: (24rem / @remUnit);
line-height: (28rem / @remUnit);
}
}
.typo-undertittel-mixin() {
font-family: @font-family;
font-size: 20rem / @remUnit;
line-height: 25rem / @remUnit;
font-size: (20rem / @remUnit);
line-height: (25rem / @remUnit);
font-weight: @fontWeightBold;
}
.typo-ingress-mixin() {
font-family: @font-family;
font-size: 18rem / @remUnit;
line-height: 24rem / @remUnit;
font-size: (18rem / @remUnit);
line-height: (24rem / @remUnit);
font-weight: @fontWeightNormal;
@media (min-width: 30em) {
font-size: 20rem / @remUnit;
line-height: 26rem / @remUnit;
font-size: (20rem / @remUnit);
line-height: (26rem / @remUnit);
}
}
.typo-element-mixin() {
font-family: @font-family;
font-size: 16rem / @remUnit;
line-height: 22rem / @remUnit;
font-size: (16rem / @remUnit);
line-height: (22rem / @remUnit);
font-weight: @fontWeightBold;
}
.typo-normal-mixin() {
font-family: @font-family;
font-size: 16rem / @remUnit;
line-height: 22rem / @remUnit;
font-size: (16rem / @remUnit);
line-height: (22rem / @remUnit);
font-weight: 400;
}
.typo-etikett-liten-mixin() {
font-family: @font-family;
font-size: 14rem / @remUnit;
line-height: 20rem / @remUnit;
font-size: (14rem / @remUnit);
line-height: (20rem / @remUnit);
font-weight: @fontWeightNormal;
}
.typo-undertekst-bold-mixin() {
font-family: @font-family;
font-size: 14rem / @remUnit;
line-height: 18rem / @remUnit;
font-size: (14rem / @remUnit);
line-height: (18rem / @remUnit);
font-weight: @fontWeightBold;
}
.typo-undertekst-mixin() {
font-size: 14rem / @remUnit;
line-height: 20rem / @remUnit;
font-size: (14rem / @remUnit);
line-height: (20rem / @remUnit);
font-family: @font-family;
font-weight: @fontWeightNormal;
}
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-typografi",
"version": "3.0.3",
"version": "3.0.4",
"types": "lib/index.d.ts",
"main": "lib/index.js",
"license": "MIT",
@@ -25,7 +25,7 @@
},
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-typografi-style": "^1.0.34",
"nav-frontend-typografi-style": "^1.0.35",
"prop-types": "^15.5.10",
"react": "^16.8.0 || ^17.0.0"
},
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-veilederpanel-style",
"version": "1.0.2",
"version": "1.0.3",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -13,7 +13,7 @@
"devDependencies": {
"nav-frontend-core": "^5.0.11",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-typografi-style": "^1.0.34"
"nav-frontend-typografi-style": "^1.0.35"
},
"peerDependencies": {
"nav-frontend-core": "^5.0.11",
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-veilederpanel",
"version": "1.0.2",
"version": "1.0.3",
"main": "lib/veilederpanel.js",
"types": "lib/veilederpanel.d.ts",
"license": "MIT",
@@ -22,7 +22,7 @@
"devDependencies": {
"classnames": "^2.2.5",
"nav-frontend-veileder": "^2.0.40",
"nav-frontend-veilederpanel-style": "^1.0.2",
"nav-frontend-veilederpanel-style": "^1.0.3",
"prop-types": "^15.5.10",
"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"