altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
457 lines • 17.2 kB
JSON
{
"icon-prefix": "ai",
"icon-class": "ai-deadline",
"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.prototype.altinn.css",
"themeJs": "./../../js/altinnPrototyping.js",
"themeJsVendor": "../../js/altinnPrototyping.vendor.js",
"button-class": "a-box-button",
"action-button-text": "En knapp for å legge til",
"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-disabled": false,
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"aria-label": "knapp med popover",
"enable-popover": true,
"popover-placement": "bottom",
"popover-content-id": "sampleIdPopoverButtoinLink",
"popover-class": "popover-warning",
"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
}
],
"link-text": "En lenke ser slik ut",
"link-url": "/patterns/04-sider-portal-01-forside-00-forside/04-sider-portal-01-forside-00-forside.html",
"sr-text": false,
"alert-id": "alert",
"alert-class": "a-message-info",
"alert-items": {
"alert-text": {
"text": "Dette er en driftsmelding eller endringsinformasjon"
}
},
"box-button-add-textover": "Legg til ny person",
"box-button-add-textunder": "eller virksomhet",
"box-button-title": "STYRETS LEDER",
"box-button-person": "WILHELM MELLOM MJELDE",
"box-button-action": "Gi og fjerne rettigheter",
"box-list-id": "boxList",
"box-button-list": [
{
"box-button-title": false,
"box-button-person": "PERNILLE HALL",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"box-button-action": "Behandle forespørsel",
"box-button-secondary-action": "Skjul alle med rettigheter",
"data-target": false,
"has-children": false,
"child-boxes-container-id": "firstChildContainer",
"child-box-buttons": [
{
"data-target": false,
"has-children": false,
"box-button-title": "BARN TITTEL",
"box-button-person": "BARN NAVN",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"box-button-action": "Gi og fjerne rettigheter",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "BARN TITTEL",
"box-button-person": "BARN NAVN",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"box-button-action": "Gi og fjerne rettigheter",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
}
],
"box-button-top-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-exclamation",
"icon-size": "ai-sm",
"icon-extra-class": "a-danger a-noHover ai-top ai-float-right"
},
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": false,
"box-button-person": "TUVA LANDRO",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"box-button-action": "Behandle forespørsel",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar.html';",
"box-button-top-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-exclamation",
"icon-size": "ai-sm",
"icon-extra-class": "a-danger a-noHover ai-top ai-float-right"
}
},
{
"data-target": false,
"has-children": false,
"box-button-title": "REGNSKAPSFØRER",
"box-button-person": "PERNILLE HALL",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"box-button-action": "Gi og fjerne rettigheter",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "STYRE LEDER",
"box-button-person": "TUVA LANDRO",
"box-button-action": "Gi og fjerne rettigheter",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "DAGLIG LEDER",
"box-button-person": "INGRID AGA",
"box-button-action": "Gi og fjerne rettigheter",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "REGNSKAPSFØRER",
"tooltip-name": "Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov",
"box-button-person": "Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov",
"box-button-action": "Gi og fjerne rettigheter",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"box-button-title": "REVISOR",
"box-button-person": "FJELLSTRAND REGNSKAP",
"icon-prefix": "ai",
"icon-class": "ai-corp",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon",
"box-button-action": "Se alle med rettigheter",
"box-button-secondary-action": "Skjul alle med rettigheter",
"data-target": "firstChildContainer",
"has-children": true,
"child-boxes-container-id": "firstChildContainer",
"child-box-buttons": [
{
"data-target": false,
"has-children": false,
"box-button-title": "REVISOR",
"box-button-person": "FJELLSTRAND REGNSKAP",
"box-button-action": "Gi og fjerne rettigheter",
"icon-prefix": "ai",
"icon-class": "ai-corp",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "REVISOR",
"box-button-person": "KENNETH HOGNESTAD",
"box-button-action": "Gi og fjerne rettigheter",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "REVISOR",
"box-button-person": "LISE GAUSDAL",
"box-button-action": "Gi og fjerne rettigheter",
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
}
]
}
],
"box-button-list-add": {
"box-button-add-textover": "Legg til person",
"box-button-add-textunder": "eller virksomhet",
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-legg-til/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-legg-til.html';"
},
"dateDay": "20",
"dateMonth": "feb",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-server",
"icon-extra-class": "a-icon a-icon-circle"
},
"hasTextSmall": false,
"icontext": "Stor tekst",
"collapseID": "andremedrettigheter",
"collapse-panel-header-id": "othersWithRightsHeader",
"isLarge": "a-collapsePanel--large",
"dataParent": "#accordion",
"collapseHeader": {
"variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed",
"hasIcon": {
"icon-prefix": "reg",
"icon-class": "reg-corp",
"icon-extra-class": "a-icon"
},
"hasTextSmall": false,
"icontext": "Andre med rettigheter"
},
"activity-log": {
"link-text": "Aktivitetslogg",
"link-url": "/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg.html"
},
"link-icon": "",
"empty-rights": {
"alert-id": "alert-no-arrow",
"alert-class": "a-message-info a-message--arrow-off a-message--fullwidth",
"alert-content": "Hvis du vil at andre skal hjelpe deg med å fylle ut skjema eller tjenester, kan du legge dem til her. Du velger også hva de skal ta rettigheter til å gjøre.",
"button-class": "a-btn a-btn-action a-fullWidthBtn py-1",
"action-button-text": "Legg til ny person eller virksomhet",
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-extra-class": "",
"icon-text": ""
},
"consent-rights": {
"collapseID": "samtykke",
"collapse-panel-header-id": "consentHeader",
"isLarge": "a-collapsePanel--large",
"dataParent": "#accordion",
"collapseHeader": {
"variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-read",
"icon-extra-class": "a-icon a-icon-circle"
},
"hasTextSmall": false,
"icontext": "Samtykke"
},
"button-class": "a-box-button",
"box-list-id": "boxList",
"activity-log": {
"link-text": "Samtykkelogg",
"link-url": "/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg.html"
},
"link-icon": "",
"link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html",
"box-button-list": [
{
"data-target": false,
"has-children": false,
"box-button-title": "MIDLERTIDIG INNSYN",
"box-button-person": "PERNILLE HALL",
"box-button-action": "Gi og fjerne samtykke",
"icon-prefix": "ai",
"icon-class": "ai-read",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "MIDLERTIDIG INNSYN",
"box-button-person": "TUVA LANDRO",
"box-button-action": "Gi og fjerne samtykke",
"icon-prefix": "ai",
"icon-class": "ai-read",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "MIDLERTIDIG INNSYN",
"box-button-person": "INGRID AGA",
"box-button-action": "Gi og fjerne samtykke",
"icon-prefix": "ai",
"icon-class": "ai-read",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
},
{
"data-target": false,
"has-children": false,
"box-button-title": "MIDLERTIDIG INNSYN",
"box-button-person": "Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov",
"box-button-action": "Gi og fjerne samtykke",
"icon-prefix": "ai",
"icon-class": "ai-read",
"icon-size": "ai-lg",
"icon-extra-class": "a-box-button-icon a-blueDarkText",
"onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';"
}
],
"box-button-list-add": false,
"empty-rights": {
"alert-id": "alert-no-arrow",
"alert-class": "a-message-info a-message--arrow-off a-message--fullwidth",
"alert-content": "Hvis du vil at andre skal hjelpe deg med å fylle ut skjema eller tjenester, kan du legge dem til her. Du velger også hva de skal ta rettigheter til å gjøre.",
"button-class": "a-btn a-btn-action a-fullWidthBtn py-1",
"action-button-text": "Legg til ny person eller virksomhet",
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-extra-class": "",
"icon-text": ""
}
}
}