altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
586 lines • 18.1 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 ekstern lenke har et ikon",
"link-url": "http://www.skatteetaten.no/",
"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"
}
],
"link-buttonLarge": {
"linkClass": "a-btn-wide a-btn-border",
"link-text": "Meld deg på"
},
"connectedBullets-list-items": [
{
"list-item-title": "Første punkt",
"list-item-content": "Har både tittel, tekst og lenke. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.",
"list-item-linkInside": true,
"linkClass": "",
"link-text": "Det kan du gjøre her",
"link-url": "http://skatteetaten.no",
"link-icon": false,
"list-class": false
},
{
"list-item-title": "Andre punkt har bare tittel",
"list-item-linkInside": false,
"list-class": false
},
{
"list-item-content": "Tredje punkt har bare tekst. 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.",
"list-class": false
},
{
"list-item-content": "Tredje punkt har bare tekst. 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.",
"listItemFootnote": true,
"list-class": false
}
],
"dateDay": "20",
"dateMonth": "feb",
"col": "",
"preTitleClass": "",
"pageTitleClass": "",
"linkExternal": {
"link-text": "Oslo Kongressenter, Youngsgate 21, Oslo",
"link-url": "http://www.skatteetaten.no/"
},
"klokkeslett": {
"connectedBullets-list-items": [
{
"list-item-title": "Start:",
"list-item-content": "09.00",
"list-class": "a-fontSizeS"
},
{
"list-item-title": "Slutt:",
"list-item-content": "17.00",
"list-class": "a-fontSizeS"
}
]
},
"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": "Arrangement",
"pageTitle": "Altinndagen 2018",
"kalenderHeader": {
"class": "p-2 py-3 p-md-5",
"preTitleClass": "a-fontSizeXL mb-0",
"pageTitleClass": "a-fontSizeXXXL mb-0 a-fontBold a-blueDarkerText",
"link-buttonLarge": {
"link-text": "Meld deg på",
"linkClass": "a-btn-wide a-btn-border"
},
"linkExternal": {
"link-text": "Oslo Kongressenter, Youngsgate 21, Oslo",
"link-url": "http://www.skatteetaten.no/"
},
"dato": {
"dateClass": "a-date--large"
}
},
"crumbs": {
"styleModifier": "a-breadcrumb-open",
"breadcrumb-item": [
{
"breadcrumb-title": "Kalender"
},
{
"breadcrumb-title": "Altinndagen 2018"
}
]
},
"ingress": {
"paragraphContent": "Altinndagen er et årlig arrangement for digitaliseringsaktører i offentlig forvaltning og konsulent-/leverandørbransjen på IKT-området.",
"paragraphClass": "a-fontSizeS",
"section-title": "Velkommen til spennende foredrag og debatt:",
"extra-class": "a-blueDarkerText a-fontBold"
},
"listContent": [
{
"section-title": "Du vil møte:",
"extra-class": "a-fontSizeS a-fontBold",
"bulletListItems": [
{
"listItemDescription": "Næringsminister Torbjørn Røe Isaksen (åpner konferansen/jubilieet)"
},
{
"listItemDescription": "Neville Cannon fra Gartner setter norsk digitalisering i et internasjonalt perspektiv"
},
{
"listItemDescription": "Niels-Peter Rønmos fra Erhversstyrelsen skal snakke om maskinlæring og AI i praksis"
},
{
"listItemDescription": "Raymond Mahkoul fra Accenture forteller om det spennende arbeidet med Smart Qatar, Smart Abu Dhabi and Saudi digital strategy programs"
},
{
"listItemDescription": "Professor Arne Krokan leder paneldebatt om de etiske dilemmaene som den 4. industrielle revolusjon bringer med seg"
},
{
"listItemDescription": "Og du får selvsagt siste nytt om videreutviklingen av Altinn og Tjenester 3.0, markering av at Altinn er 15 år m.m.m."
}
]
},
{
"section-title": "Noen tema du vil få høre mer om på Altinndagen 2018",
"extra-class": "a-fontSizeS a-fontBold",
"bulletListItems": [
{
"listItemDescription": "Hvordan vi kan fortsette samarbeidet om gode løsninger for fremtiden – til det beste for lokalsamfunnet, nasjonen og på tvers av landegrensene"
},
{
"listItemDescription": "Hvordan plattformer kan utnyttes og kombineres – til det beste for innbyggerne, næringslivet og offentlig sektor"
},
{
"listItemDescription": "Hvordan vi sammen kan digitalisere til det beste for fellesskapet – utfordringer og etiske dilemmaer i den fjerde industrielle revolusjon"
},
{
"listItemDescription": "Hvordan rollen som myndighetsutøver vil endre seg de neste 15 årene – innovasjon og verdiskaping i samarbeid med privat sektor"
},
{
"listItemDescription": "Hvordan det skal bli sammenheng mellom utrulling av sensorer innenfor tekniske etater, og ikke minst på helseområdet, og den «tradisjonelle» digitaliseringen rundt saksbehandling og tjenester"
},
{
"listItemDescription": "Hvordan håndtere og få nytte av de store datamengdene – hva er mulig og hva er etisk forsvarlig bruk av dataene"
}
]
}
],
"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"
}
}