altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
485 lines • 14.3 kB
JSON
{
"icon-prefix": "ai",
"iconClass": "ai-private",
"icon-size": "",
"iconExtraClass": "",
"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,
"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": "",
"button-text": "En standard knapp",
"buttonClass": "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": "Tilbake",
"button-list": [
{
"buttonClass": "a-modal-back",
"aria-label": "Gå tilbake",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"iconClass": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"iconClass": "ai-back",
"iconExtraClass": ""
},
{
"buttonClass": "a-modal-close",
"aria-label": "Lukk",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"iconClass": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"iconClass": "ai-exit",
"iconExtraClass": "a-modal-close-icon"
}
],
"login-name": "JAN PETTERSEN",
"display-as-dropdown": false,
"personlogin-isDropdown": "dropdown",
"variation": "",
"login-icon": {
"icon-prefix": "ai",
"iconClass": "ai-private-circle-big",
"iconExtraClass": "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",
"iconClass": "ai-private-circle-big",
"iconExtraClass": "a-personSwitcher-icon"
}
},
"modal-id": "modal-singel",
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"buttonClass": "a-modal-back",
"aria-label": "Tilbake",
"icon-prefix": "ai",
"iconClass": "ai-back",
"iconExtraClass": "",
"stacked-background": {
"icon-prefix": "ai",
"iconClass": "ai-plain-circle-big"
},
"is-modal-back": {
"data-target": "#modal"
}
},
{
"buttonClass": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"iconClass": "ai-exit",
"iconExtraClass": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"iconClass": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
}
}
]
},
"page-url": "../..link.organismer-altinnett-kontaktskjema",
"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",
"iconClass": "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='link.sider-altinnett-sokeside';"
}
},
"contactLinks": [
{
"text": "800 33 840",
"icon": {
"icon-prefix": "ai",
"iconClass": "ai-phone"
}
},
{
"contact": {
"text": "Kontakt oss",
"icon": {
"icon-prefix": "ai",
"iconClass": "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/a-logo-black.svg"
},
"submit": {
"button-text": "Send",
"buttonClass": "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": "../..link.organismer-altinnett-kontaktskjema"
},
"logo-class": "a-modal-top-logo",
"login-show": false,
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"buttonClass": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"iconClass": "ai-exit",
"iconExtraClass": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"iconClass": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
},
"onclick": "goBack()"
}
]
}
},
"link-text": "En lenke ser slik ut",
"link-url": "link.sider-altinnett-forside",
"sr-text": 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-class": "",
"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",
"iconClass": "ai-circle-plus",
"iconExtraClass": "a-js-popoverIconInitial"
},
{
"icon-prefix": "ai",
"iconClass": "ai-circle-minus",
"iconExtraClass": "a-js-popoverIconExpanded"
}
],
"popover-content-id": "popoverWithIconToggle",
"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."
}
],
"paragraphContent": "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. ",
"section-title": "Tittel på seksjon",
"extra-class": false,
"breadcrumb-item": [
{
"breadcrumb-title": "Første nivå"
},
{
"breadcrumb-title": "Andre nivå"
},
{
"breadcrumb-title": "Tredje nivå"
},
{
"breadcrumb-title": "Fjerde nivå som er siden du står på",
"breadcrumb-class": "active"
}
],
"dropdown-class": "a-dropdown-languages",
"logged-in": false,
"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",
"iconClass": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"onclick": "location.href='link.sider-altinnett-sokeside';"
}
},
"name": "JAN PETTERSEN",
"tjenesteutvikling": {
"iconClass": "ai-forward",
"iconExtraClass": "a-textBlue",
"extra-classes": "a-fontBold"
},
"oversikten": {
"iconClass": "ai-date",
"iconExtraClass": "a-textBlue",
"extra-classes": "a-fontBold"
},
"driftsmeldinger": {
"iconClass": "ai-deadline",
"iconExtraClass": "a-textBlue",
"extra-classes": "a-fontBold"
},
"dokumentasjon": {
"iconClass": "ai-document",
"iconExtraClass": "a-textBlue",
"extra-classes": "a-fontBold"
},
"produkter": {
"link": "link.maler-altinnett-produktoversikt"
},
"login-button": {
"button-text": "Logg inn",
"buttonClass": "a-btn btn-block",
"button-disabled": false,
"button-type": "button",
"onclick": {
"onclick": "location.href='link.sider-altinnett-forside-innlogget'"
},
"button-icon": false,
"display-as-link": false
},
"header-color": "",
"url-logo": "link.sider-altinnett-forside",
"headerlogo": "../../images/an-logo-blue.svg",
"button-colorClass": "",
"hide-header": true,
"url-aktuelt": "link.sider-altinnett-nyheter-oversikt",
"ekstra-menypunkt-1": "Ekstra menypunkt 1",
"tel-icon": {
"icon-prefix": "ai ai-nw ai-nw-pr",
"iconClass": "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": {
"styleModifier": "a-breadcrumb-open",
"breadcrumb-item": [
{
"breadcrumb-title": "Nyheter"
},
{
"breadcrumb-title": "Forbedring av søk (v. 18.6)",
"breadcrumb-class": "active"
}
]
},
"ingress": {
"paragraphContent": "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.",
"paragraphClass": "a-fontSizeS",
"section-title": "Hva blir nytt?",
"extra-class": "a-fontSizeXL a-fontBold a-blueDarkerText"
},
"listContent": {
"section-title": "Endringer som kommer:",
"paragraphContent": "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.",
"paragraphClass": "mb-4 mb-md-6",
"extra-class": "a-fontSizeS a-fontBold",
"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",
"iconClass": "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='link.sider-altinnett-sokeside';"
}
},
"menuItem1": "innovation@altinn",
"urlMenuItem1": "link.sider-altinnett-seksjonsforside"
}
}