Compare commits

...
Author SHA1 Message Date
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
38 changed files with 168 additions and 138 deletions

No files matched your search

+1 -1
View File
@@ -135,7 +135,7 @@ jobs:
- name: Deploy storybook
uses: peaceiris/actions-gh-pages@v3
with:
github_token: $NAV_DS_TOKEN
personal_token: $NAV_DS_TOKEN
external_repository: navikt/designsystemet
publish_dir: ./storybook-static
env:
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@navikt/ds-css",
"version": "0.1.9",
"version": "0.1.12",
"private": false,
"description": "Css for NAV Designsystem components",
"author": "NAV Designsystem team",
+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";
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-alertstriper-style",
"version": "2.0.37",
"version": "2.0.38",
"main": "src/index.less",
"license": "MIT",
"files": [
@@ -18,7 +18,7 @@
"nav-frontend-core": "^5.0.11",
"nav-frontend-ikoner-assets": "^2.0.10",
"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-alertstriper",
"version": "3.0.50",
"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.37",
"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.32",
"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",
+3 -3
View File
@@ -1,6 +1,6 @@
{
"name": "nav-frontend-skjema",
"version": "3.0.52",
"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.32",
"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,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.35",
"version": "2.0.36",
"main": "lib/snakkeboble.js",
"types": "lib/snakkeboble.d.ts",
"license": "MIT",
@@ -26,10 +26,10 @@
"react": "^16.8.0 || ^17.0.0"
},
"devDependencies": {
"nav-frontend-paneler": "^2.0.31",
"nav-frontend-paneler": "^2.0.32",
"nav-frontend-paneler-style": "^1.0.2",
"nav-frontend-snakkeboble-style": "^1.0.2",
"nav-frontend-typografi": "^3.0.3",
"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" />