altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
566 lines • 15.8 kB
JSON
{
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "",
"icon-extra-class": "",
"icon-text": "",
"icon-id": false,
"sr-only": false,
"aria-hidden": false,
"stacked-background": false,
"icon-post-text": false,
"icon-title": false,
"icon-sr-only-text": false,
"themeCss": "../../css/style.dist.altinnett.css",
"themeJs": "../../js/altinnettPrototyping.js",
"themeJsVendor": "../../js/altinnettPrototyping.vendor.js",
"print-form-tag": false,
"text-input-id": "text-input-generic",
"isHidden": false,
"top-label": "Label: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks placeholder",
"input-type": "text",
"isRequired": false,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "input-field",
"form-control-class": "",
"icon-list-items": [
{
"list-item-name": "Forretningsplan.ods",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment-ods ai-md ai-nw pr-1"
},
{
"list-item-name": "Oppdragsavtale.doc",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment ai-md ai-nw pr-1"
},
{
"list-item-name": "Driftsbudsjett.pdf",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment-pdf ai-md ai-nw pr-1"
}
],
"button-text": "En standard knapp",
"button-class": "a-btn a-btn-icon a-btn-shadow",
"button-disabled": false,
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"aria-label": "knapp med popover",
"button-list": [
{
"button-class": "a-modal-back",
"aria-label": "Gå tilbake",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"icon-class": "ai-back",
"icon-extra-class": ""
},
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon"
}
],
"login-name": "JAN PETTERSEN",
"display-as-dropdown": false,
"personlogin-isDropdown": "dropdown",
"variation": "",
"login-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private-circle-big",
"icon-extra-class": "a-personSwitcher-icon a-js-onboardingTarget-1",
"icon-sr-only-text": "Min profil"
},
"logo": {
"logo": "../../images/a-logo-black.svg"
},
"logo-class": "a-modal-top-logo",
"show-login": false,
"login-show": {
"login-name": "Kari Nordmann",
"login-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private-circle-big",
"icon-extra-class": "a-personSwitcher-icon"
}
},
"modal-id": "modal-singel",
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-back",
"aria-label": "Tilbake",
"icon-prefix": "ai",
"icon-class": "ai-back",
"icon-extra-class": "",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-back": {
"data-target": "#modal"
}
},
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
}
}
]
},
"page-url": "../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html",
"footerHeading": "Vil du vite mer?",
"footer-search": {
"text-input-id": "text-input-search-footer",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isLarge": false,
"isDark": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"form-input-button-action": "Utfør søk",
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"contactLinks": [
{
"text": "800 33 840",
"icon": {
"icon-prefix": "ai",
"icon-class": "ai-phone"
}
},
{
"contact": {
"text": "Kontakt oss",
"icon": {
"icon-prefix": "ai",
"icon-class": "ai-send"
}
}
}
],
"address": "Brønnøysundregistrene, 8910 Brønnøysund",
"infoLinks": [
{
"text": "Altinns rolle"
},
{
"text": "Altinn i fremtiden"
},
{
"text": "Innovation"
}
],
"smallLinks": [
{
"text": "Driftsmeldinger"
},
{
"text": "Personvern"
},
{
"text": "Hjelp"
}
],
"singelmodal": {
"modal-id": "modal-singel",
"modal-isSingel": true,
"show-login": false,
"display-as-dropdown": false,
"logo": {
"logo": "../../images/an-logo-darkBlue.svg"
},
"submit": {
"button-text": "Send",
"button-class": "a-btn",
"button-id": "a-js-contactForm-submit",
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"data-is-success": true,
"data-action": "load",
"data-toggle": "altinn-modal",
"data-target": "modal-singel",
"page-url": "../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html"
},
"logo-class": "a-modal-top-logo",
"login-show": false,
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
},
"onclick": "goBack()"
}
]
}
},
"link-text": "En lenke ser slik ut",
"link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html",
"sr-text": false,
"enable-popover": true,
"popover-placement": "bottom",
"popover-content-id": "popoverWithIconToggle",
"popover-class": "",
"popover-text": "Dette er en popover tekst",
"popover-buttons": [
{
"button-text": "knapp",
"button-class": "a-btn a-btn-danger"
},
{
"button-text": "link",
"button-class": "a-btn-link a-linkDanger",
"display-as-link": true
}
],
"checkbuttons": [
{
"checkbuttons-title": " Kun lese",
"checkbuttons-id": "checkbutton-read",
"checkbuttons-class": "",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-read"
}
},
{
"checkbuttons-title": " Fylle ut",
"checkbuttons-id": "checkbutton-edit",
"checkbuttons-class": "",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-write"
}
},
{
"checkbuttons-title": " Signere",
"checkbuttons-id": "checkbutton-sign",
"checkbuttons-class": "",
"role": "button",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-sign"
},
"stacked-background": false,
"enable-popover": true,
"popover-placement": "bottom",
"popover-content-id": "conditionalPopover",
"popover-class": "popover-warning",
"popover-text": "Dette er en popover tekst",
"data-trigger": "onchange",
"popover-buttons": [
{
"button-text": "knapp",
"button-class": "a-btn a-btn-danger"
}
]
},
{
"checkbuttons-title": " Toggle state icon",
"checkbuttons-id": "checkbutton-toggle",
"checkbuttons-class": "a-toggle-icon",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-plus"
},
"checkbuttons-toggle-icon": {
"checkbuttons-class": "a-toggle-icon",
"icon-prefix": "ai",
"icon-class": "ai-check"
}
},
{
"checkbuttons-title": "Eksempel uten ikon",
"checkbuttons-id": "checkbutton-example",
"checkbuttons-class": "",
"hasIcon": false
},
{
"checkbuttons-title": "Eksempel på deaktivert",
"checkbuttons-id": "checkbutton-deactivated",
"checkbuttons-class": "disabled",
"isDisabled": true,
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-sign"
}
},
{
"checkbuttons-title": "Eksempel med veldig veldig veldig lang tekst som blir kuttet av på mobilvisning",
"checkbuttons-id": "checkbutton-longtext",
"checkbuttons-class": "",
"hasIcon": false
}
],
"header-text": "Forklarende tittel",
"intro-text": "Beskrivelse av innholdet i listen:",
"rows": [
{
"additional-classes": "a-dotted a-list a-list-noIcon",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Første rad"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-list a-list-noIcon",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Andre rad"
}
}
]
}
]
}
],
"popover-aria-label": "valid",
"open-popover-class": "a-helpIconButton a-helpIconButton--blue a-js-togglePopoverIcons",
"popover-data-target": "myPopup",
"popover-title": false,
"popover-content": false,
"popover-link-text": "",
"popover-various-content": {
"alert-items": [
{
"alert-text": {
"text": "Dette er en tekst "
}
},
{
"alert-link": {
"link-text": "med en lenke som står i løpende tekst",
"link-url": "http://www.altinn.no"
}
},
{
"alert-text": {
"text": "og man kan ha mer tekst etter."
}
}
]
},
"popover-link-icon": [
{
"icon-prefix": "ai",
"icon-class": "ai-circle-plus",
"icon-extra-class": "a-js-popoverIconInitial"
},
{
"icon-prefix": "ai",
"icon-class": "ai-circle-minus",
"icon-extra-class": "a-js-popoverIconExpanded"
}
],
"altText": {
"altText": "Vis mer info"
},
"bulletListItems": [
{
"listItemDescription": "Første punkt i bullet-listen.",
"listItemFootnote": true
},
{
"listItemDescription": "Andre punkt i bullet-listen."
},
{
"listItemDescription": "Tredje punkt i bullet-listen."
}
],
"paragraph-content": "Standard tekststørrelse på avsnitt er 16px. Dersom avsnittet plasseres i en artikkemal som har klassen a-text, vil teksten i avsnitet bli 18px. Lenker vil da få 1px border-bottom, og lenker i bold vil få 2px border-bottom. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ",
"byline-tekst": "Sist oppdatert",
"byline-dato": "11.10.2016",
"lead-text-id": "leadText",
"lead-text-content": "Ingress er et kort innledende avsnitt som vanligvis plasseres mellom overskriften og brødteksten. Ingressen brukes ofte til å \"gripe\" fatt i leseren, for at personen skal bli interessert i å lese resten av teksten. Den fungerer også som et visuelt skille mellom resten av teksten. Ingressen bør være lettlest og fri for vanskelige faguttrykk.",
"section-title": "Tittel på seksjon",
"extra-class": false,
"breadcrumb-item": [
{
"breadcrumb-title": "Første nivå"
},
{
"breadcrumb-title": "Andre nivå"
},
{
"breadcrumb-title": "Tredje nivå",
"breadcrumb-class": "breadcrumb-mobile"
},
{
"breadcrumb-title": "Fjerde nivå som er siden du står på",
"breadcrumb-class": "active"
}
],
"header-color": "",
"url-logo": "/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html",
"headerlogo": "../../images/an-logo-blue.svg",
"button-colorClass": "",
"dropdown-class": "a-dropdown-languages",
"hide-header": true,
"header-mobilesearch": {
"text-input-id": "dropdown-input-search",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"url-aktuelt": "/patterns/04-sider-altinnett-96-nyhetssider-00-nyheter-oversikt/04-sider-altinnett-96-nyhetssider-00-nyheter-oversikt.html",
"ekstra-menypunkt-1": "Ekstra menypunkt 1",
"tel-icon": {
"icon-prefix": "ai ai-nw ai-nw-pr",
"icon-class": "ai-phone"
},
"title": "Altinnett",
"bodyClass": "project-altinnett a-bgWhite",
"header": {
"headerlogo": "../../images/an-logo-blue.svg"
},
"preTitle": "Nyhet",
"pageTitle": "Forbedring av søk (v 18.5)",
"crumbs": {
"breadcrumb-item": [
{
"breadcrumb-title": "Nyheter"
},
{
"breadcrumb-title": "Forbedring av søk (v. 18.6)",
"breadcrumb-class": "active"
}
]
},
"ingress": {
"section-title": "Hva blir nytt?",
"lead-text-content": "I uke 24 kom Altinn i ny versjon. Denne versjonen inneholder flere store endringer, blant annet en ny tjenestetype, og store forandringer i registrering av kontaktinformasjon.",
"extra-class": "a-fontSizeXL a-fontBold a-blueDarkerText"
},
"listContent": {
"section-title": "Endringer som kommer:",
"paragraph-content": "Endringene for kontaktinformasjon gjøres for å sikre at Altinn skal være godt egnet for tjenesteeiere som benytter tjenester til virksomheter som krever varsling. Her gjøres det endringer både på brukersiden med et forenklet, moderne design, og mot tjenesteeierne for å sikre kontroll på at varsel sendes ut til de riktige varslingsadressene.",
"bulletListItems": [
{
"listItemDescription": "Det er utviklet en ny tjenestetype som vil kunne brukes i tilfeller der det er behov for utveksling av store datafiler mellom ulike aktører."
},
{
"listItemDescription": "I tillegg inneholder versjonen flere større og mindre endringer i resten av løsningen, blant annet for å gjøre klart for kommende tjenester."
},
{
"listItemDescription": "For første gang i Altinns historie ble den nye versjon tilgjengeliggjort på en hverdag. Løsningen var åpen under produksjonssettingen."
}
]
},
"footer": {
"styleModifier": "mt-0",
"footer-search": {
"text-input-id": "text-input-search-11",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isLarge": false,
"isDark": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"form-input-button-action": "Utfør søk",
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"menuItem1": "innovation@altinn",
"urlMenuItem1": "/patterns/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside.html"
}
}