Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
11261c204b | ||
|
|
1ce56c5ae3 | ||
|
|
928b08155d | ||
|
|
fb1dfbc4de | ||
|
|
ae24846137 | ||
|
|
8311183f57 | ||
|
|
20189f136e | ||
|
|
96f4ca1ddf | ||
|
|
c085f58d8a | ||
|
|
9b8ef0bcb5 | ||
|
|
2f087f50be | ||
|
|
222c5d9ccb | ||
|
|
faeff6ef39 | ||
|
|
821d656d0d | ||
|
|
c5f067a143 | ||
|
|
1b62d1f365 | ||
|
|
6055538cae | ||
|
|
24ae31d6fc | ||
|
|
4b90561e8c | ||
|
|
8c0e103b5b | ||
|
|
74b59a7e27 | ||
|
|
e46a68458d | ||
|
|
358352ef07 | ||
|
|
bfe25f7832 | ||
|
|
6be9e7a377 |
No files matched your search
@@ -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,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",
|
||||
|
||||
@@ -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
|
||||
},
|
||||
|
||||
@@ -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,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,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,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,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,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";
|
||||
@@ -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;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export * from "./OverridableComponent";
|
||||
@@ -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
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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"
|
||||
},
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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"
|
||||
}
|
||||
}
|
||||
@@ -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"
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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"
|
||||
},
|
||||
|
||||
|
Before Width: | Height: | Size: 591 KiB |
|
Before Width: | Height: | Size: 38 KiB |
@@ -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" />
|
||||
@@ -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"
|
||||
|
||||