tokens.json

{
  "Base/Core": {
    "colors": {
      "white": {
        "value": "#ffffff",
        "type": "color",
        "description": "Standard bckd color.\nAAA 13.1 on grey 800\nAAA 7.2 as bkdg for interaction blue"
      },
      "black": {
        "value": "#000000",
        "type": "color"
      },
      "grey": {
        "100": {
          "value": "#f4f5f6",
          "type": "color",
          "description": "AAA 13.1 on grey 800\nAA 6.5 as bkdg for interaction blue"
        },
        "200": {
          "value": "#e9eaec",
          "type": "color",
          "description": "AAA 11.9 on grey 800\nAA 5.9 as bkdg for interaction blue"
        },
        "300": {
          "value": "#d2d5d8",
          "type": "color",
          "description": "AAA 11.9 on grey 800\nAA 5.9 as bkdg for interaction blue"
        },
        "400": {
          "value": "#bcbfc5",
          "type": "color",
          "description": "AAA 8.7 on grey 800\nAA18 4.4 as bkdg for interaction blue"
        },
        "500": {
          "value": "#a5aab1",
          "type": "color",
          "description": "AA 6.1 on grey 800\nAA18 3 as bkdg for interaction blue"
        },
        "600": {
          "value": "#68707c",
          "type": "color",
          "description": "AA18 3.5 on grey 800\nAA18 4 on white"
        },
        "700": {
          "value": "#4b5563",
          "type": "color",
          "description": "AAA 7.5 on white"
        },
        "800": {
          "value": "#1e2b3c",
          "type": "color",
          "description": "Main Text Color\nAAA 14.3 on white"
        },
        "900": {
          "value": "#141e29",
          "type": "color",
          "description": "AAA 16.8 on white"
        }
      },
      "red": {
        "100": {
          "value": "#f9d5db",
          "type": "color"
        },
        "200": {
          "value": "#f3abb6",
          "type": "color"
        },
        "300": {
          "value": "#ec8292",
          "type": "color"
        },
        "400": {
          "value": "#e6586d",
          "type": "color"
        },
        "500": {
          "value": "#e02e49",
          "type": "color"
        },
        "600": {
          "value": "#b3253a",
          "type": "color"
        },
        "700": {
          "value": "#861c2c",
          "type": "color"
        },
        "800": {
          "value": "#5a121d",
          "type": "color"
        },
        "900": {
          "value": "#480e17",
          "type": "color"
        }
      },
      "orange": {
        "100": {
          "value": "#ffe8cd",
          "type": "color"
        },
        "200": {
          "value": "#ffd19b",
          "type": "color"
        },
        "300": {
          "value": "#ffba6a",
          "type": "color"
        },
        "400": {
          "value": "#ffa338",
          "type": "color"
        },
        "500": {
          "value": "#ff8c06",
          "type": "color"
        },
        "600": {
          "value": "#cc7005",
          "type": "color"
        },
        "700": {
          "value": "#995404",
          "type": "color"
        },
        "800": {
          "value": "#663802",
          "type": "color"
        },
        "900": {
          "value": "#522d02",
          "type": "color"
        }
      },
      "yellow": {
        "100": {
          "value": "#fffbe6",
          "type": "color"
        },
        "200": {
          "value": "#fff4b4",
          "type": "color"
        },
        "300": {
          "value": "#ffed83",
          "type": "color"
        },
        "400": {
          "value": "#ffe551",
          "type": "color"
        },
        "500": {
          "value": "#ffda06",
          "type": "color"
        },
        "600": {
          "value": "#e6c405",
          "type": "color"
        },
        "700": {
          "value": "#ccae05",
          "type": "color"
        },
        "800": {
          "value": "#998304",
          "type": "color"
        },
        "900": {
          "value": "#665702",
          "type": "color"
        }
      },
      "green": {
        "100": {
          "value": "#e8faf0",
          "type": "color"
        },
        "200": {
          "value": "#d1f4e1",
          "type": "color"
        },
        "300": {
          "value": "#8be4b5",
          "type": "color"
        },
        "400": {
          "value": "#5dd997",
          "type": "color"
        },
        "500": {
          "value": "#2ece7a",
          "type": "color"
        },
        "600": {
          "value": "#15b560",
          "type": "color"
        },
        "700": {
          "value": "#118849",
          "type": "color"
        },
        "800": {
          "value": "#0c6536",
          "type": "color"
        },
        "900": {
          "value": "#084826",
          "type": "color"
        }
      },
      "blue": {
        "100": {
          "value": "#e6eff8",
          "type": "color"
        },
        "200": {
          "value": "#b3d0ea",
          "type": "color"
        },
        "300": {
          "value": "#80b1dd",
          "type": "color"
        },
        "400": {
          "value": "#66a1d6",
          "type": "color"
        },
        "500": {
          "value": "#3381c8",
          "type": "color"
        },
        "600": {
          "value": "#1a72c1",
          "type": "color"
        },
        "700": {
          "value": "#0062ba",
          "type": "color"
        },
        "800": {
          "value": "#004e95",
          "type": "color"
        },
        "900": {
          "value": "#00315d",
          "type": "color"
        }
      },
      "purple": {
        "100": {
          "value": "#f5e8f2",
          "type": "color"
        },
        "200": {
          "value": "#e0b9d8",
          "type": "color"
        },
        "300": {
          "value": "#cc8bbf",
          "type": "color"
        },
        "400": {
          "value": "#b75da5",
          "type": "color"
        },
        "500": {
          "value": "#a22e8b",
          "type": "color"
        },
        "600": {
          "value": "#98177e",
          "type": "color"
        },
        "700": {
          "value": "#7a1265",
          "type": "color"
        },
        "800": {
          "value": "#5b0e4c",
          "type": "color"
        },
        "900": {
          "value": "#490b3d",
          "type": "color"
        }
      }
    }
  },
  "Base/Semantic": {
    "brand": {
      "default": {
        "first": {
          "100": {
            "value": "#feefef",
            "type": "color",
            "description": "AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue"
          },
          "200": {
            "value": "#fddfe0",
            "type": "color",
            "description": "Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue"
          },
          "300": {
            "value": "#fbbfc1",
            "type": "color",
            "description": "AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue"
          },
          "400": {
            "value": "#f89fa1",
            "type": "color",
            "description": "AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue"
          },
          "500": {
            "value": "#f67f82",
            "type": "color",
            "description": "AA 5.6 on grey 800"
          },
          "600": {
            "value": "#f45f63",
            "type": "color",
            "description": "AA 4.5 on grey 800"
          },
          "700": {
            "value": "#dc5659",
            "type": "color",
            "description": "AA18 3.7 on grey 800"
          },
          "800": {
            "value": "#c34c4f",
            "type": "color",
            "description": "AA 4.7 on white"
          }
        },
        "second": {
          "100": {
            "value": "#fcf7e9",
            "type": "color",
            "description": "AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue"
          },
          "200": {
            "value": "#faeec2",
            "type": "color",
            "description": "Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue"
          },
          "300": {
            "value": "#f5dda6",
            "type": "color",
            "description": "AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue"
          },
          "400": {
            "value": "#efcc79",
            "type": "color",
            "description": "AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue"
          },
          "500": {
            "value": "#eabb4d",
            "type": "color",
            "description": "AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue"
          },
          "600": {
            "value": "#e5aa20",
            "type": "color",
            "description": "AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue"
          },
          "700": {
            "value": "#ce991d",
            "type": "color",
            "description": "AA 5.5 on grey 800"
          },
          "800": {
            "value": "#b7881a",
            "type": "color",
            "description": "AA18 4.4 on grey 800\nAA18 3.2 on white"
          }
        },
        "third": {
          "100": {
            "value": "#e9f5ff",
            "type": "color",
            "description": "AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue"
          },
          "200": {
            "value": "#d2eafd",
            "type": "color",
            "description": "Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue"
          },
          "300": {
            "value": "#a5d6fb",
            "type": "color",
            "description": "AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue"
          },
          "400": {
            "value": "#78c1f9",
            "type": "color",
            "description": "AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue"
          },
          "500": {
            "value": "#4badf7",
            "type": "color",
            "description": "AA 5.8 on grey 800"
          },
          "600": {
            "value": "#1e98f5",
            "type": "color",
            "description": "AA 4.6 on grey 800"
          },
          "700": {
            "value": "#1b88dd",
            "type": "color",
            "description": "AA18 3.8 on grey 800"
          },
          "800": {
            "value": "#156aac",
            "type": "color",
            "description": "AA 5.6 on white"
          }
        }
      }
    },
    "semantic": {
      "background": {
        "default": {
          "value": "#ffffff",
          "type": "color"
        },
        "subtle": {
          "value": "#f4f5f6",
          "type": "color"
        }
      },
      "surface": {
        "neutral": {
          "default": {
            "value": "#ffffff",
            "type": "color"
          },
          "subtle": {
            "value": "#f4f5f6",
            "type": "color"
          },
          "subtle-hover": {
            "value": "#e9eaec",
            "type": "color"
          },
          "selected": {
            "value": "#e6eff8",
            "type": "color"
          },
          "inverted": {
            "value": "#1e2b3c",
            "type": "color"
          }
        },
        "action": {
          "subtle": {
            "value": "#e6eff8",
            "type": "color"
          },
          "default": {
            "value": "#0062ba",
            "type": "color"
          },
          "hover": {
            "value": "#004e95",
            "type": "color"
          },
          "active": {
            "value": "#00315d",
            "type": "color",
            "description": "Standard farge for handlinger"
          }
        },
        "success": {
          "subtle": {
            "value": "#d1f4e1",
            "type": "color"
          },
          "subtle-hover": {
            "value": "#8be4b5",
            "type": "color"
          },
          "default": {
            "value": "#118849",
            "type": "color"
          },
          "hover": {
            "value": "#0c6536",
            "type": "color"
          },
          "active": {
            "value": "#084826",
            "type": "color"
          }
        },
        "warning": {
          "subtle": {
            "value": "#fffbe6",
            "type": "color"
          },
          "subtle-hover": {
            "value": "#fff4b4",
            "type": "color"
          }
        },
        "danger": {
          "subtle": {
            "value": "#f9d5db",
            "type": "color"
          },
          "subtle-hover": {
            "value": "#f3abb6",
            "type": "color"
          },
          "default": {
            "value": "#e02e49",
            "type": "color"
          },
          "hover": {
            "value": "#b3253a",
            "type": "color"
          },
          "active": {
            "value": "#861c2c",
            "type": "color"
          }
        },
        "info": {
          "subtle": {
            "value": "#e6eff8",
            "type": "color"
          },
          "hover": {
            "value": "#b3d0ea",
            "type": "color"
          }
        }
      },
      "border": {
        "info": {
          "default": {
            "value": "#004e95",
            "type": "color"
          }
        },
        "action": {
          "subtle": {
            "value": "#e6eff8",
            "type": "color"
          },
          "default": {
            "value": "#0062ba",
            "type": "color"
          },
          "hover": {
            "value": "#004e95",
            "type": "color"
          },
          "active": {
            "value": "#00315d",
            "type": "color"
          }
        },
        "neutral": {
          "default": {
            "value": "#68707c",
            "type": "color"
          },
          "subtle": {
            "value": "#d2d5d8",
            "type": "color"
          },
          "strong": {
            "value": "#1e2b3c",
            "type": "color"
          },
          "divider": {
            "value": "#bcbfc5",
            "type": "color"
          }
        },
        "success": {
          "default": {
            "value": "#0c6536",
            "type": "color"
          }
        },
        "warning": {
          "default": {
            "value": "#cc7005",
            "type": "color"
          }
        },
        "danger": {
          "default": {
            "value": "#b3253a",
            "type": "color"
          }
        },
        "tab-focus": {
          "default": {
            "value": "#98177e",
            "type": "color"
          }
        }
      },
      "text": {
        "success": {
          "default": {
            "value": "#0c6536",
            "type": "color"
          },
          "on_success": {
            "value": "#ffffff",
            "type": "color"
          }
        },
        "neutral": {
          "default": {
            "value": "#1e2b3c",
            "type": "color"
          },
          "subtle": {
            "value": "#68707c",
            "type": "color"
          },
          "on_inverted": {
            "value": "#ffffff",
            "type": "color"
          }
        },
        "action": {
          "default": {
            "value": "#0062ba",
            "type": "color"
          },
          "on_action": {
            "value": "#ffffff",
            "type": "color"
          }
        },
        "warning": {
          "default": {
            "value": "#995404",
            "type": "color"
          },
          "icon_warning": {
            "value": "#cc7005",
            "type": "color"
          },
          "on_warning": {
            "value": "#663802",
            "type": "color"
          }
        },
        "danger": {
          "default": {
            "value": "#b3253a",
            "type": "color"
          },
          "on_danger": {
            "value": "#ffffff",
            "type": "color"
          }
        },
        "visited": {
          "default": {
            "value": "#7a1265",
            "type": "color"
          }
        }
      }
    }
  },
  "Base/Component": {
    "component": {
      "icon": {
        "size": {
          "xs": {
            "value": "1.5rem",
            "type": "sizing"
          },
          "sm": {
            "value": "1.875rem",
            "type": "sizing"
          },
          "md": {
            "value": "2.25rem",
            "type": "sizing"
          },
          "lg": {
            "value": "3rem",
            "type": "sizing"
          },
          "xl": {
            "value": "3.75rem",
            "type": "sizing"
          }
        }
      },
      "panel": {
        "color": {
          "background": {
            "default": {
              "value": "{semantic.surface.info.subtle}",
              "type": "color"
            },
            "success": {
              "value": "{semantic.surface.success.subtle}",
              "type": "color"
            },
            "warning": {
              "value": "{semantic.surface.warning.subtle}",
              "type": "color"
            }
          },
          "arrow": {
            "default": {
              "value": "{component.panel.color.background.default}",
              "type": "color"
            },
            "success": {
              "value": "{component.panel.color.background.success}",
              "type": "color"
            },
            "warning": {
              "value": "{component.panel.color.background.warning}",
              "type": "color"
            }
          }
        },
        "font_size": {
          "header": {
            "breakpoint_sm": {
              "value": "{font_size.heading.h2.breakpoint_sm}",
              "type": "fontSizes"
            },
            "breakpoint_md": {
              "value": "{font_size.heading.h2.breakpoint_md}",
              "type": "fontSizes"
            },
            "breakpoint_lg": {
              "value": "{font_size.heading.h2.breakpoint_lg}",
              "type": "fontSizes"
            }
          },
          "body": {
            "breakpoint_sm": {
              "value": "{font_size.body.large.breakpoint_sm}",
              "type": "fontSizes"
            },
            "breakpoint_md": {
              "value": "{font_size.body.large.breakpoint_md}",
              "type": "fontSizes"
            }
          }
        },
        "space": {
          "padding": {
            "x": {
              "xs": {
                "value": "{space.x2}rem",
                "type": "spacing"
              },
              "md": {
                "value": "{space.x8}rem",
                "type": "spacing"
              }
            },
            "y": {
              "xs": {
                "value": "{space.x2}rem",
                "type": "spacing"
              },
              "md": {
                "value": "{space.x3}rem",
                "type": "spacing"
              }
            }
          },
          "gap": {
            "xs": {
              "value": "{space.base}rem",
              "type": "spacing"
            },
            "md": {
              "value": "{space.base}rem",
              "type": "spacing"
            }
          },
          "text_group": {
            "gap": {
              "xs": {
                "value": "{space.half}rem",
                "type": "spacing"
              }
            }
          },
          "arrow_left": {
            "md": {
              "value": "6.688rem",
              "type": "spacing"
            },
            "xs": {
              "value": "4rem",
              "type": "spacing"
            }
          }
        },
        "size": {
          "icon": {
            "xs": {
              "value": "{component.icon.size.md}",
              "type": "sizing"
            },
            "md": {
              "value": "{component.icon.size.xl}",
              "type": "sizing"
            }
          }
        },
        "typography": {
          "default": {
            "value": {
              "fontFamily": "Altinn-DIN",
              "fontWeight": "Regular",
              "lineHeight": "1.5",
              "fontSize": "1rem",
              "letterSpacing": "3%",
              "paragraphSpacing": "0",
              "textDecoration": "none",
              "textCase": "none"
            },
            "type": "typography"
          }
        },
        "font_weight": {
          "heading": {
            "value": "bold",
            "type": "fontWeights"
          }
        }
      },
      "legend": {
        "font_weight": {
          "default": {
            "value": "medium",
            "type": "fontWeights"
          }
        }
      },
      "label": {
        "font_weight": {
          "default": {
            "value": "medium",
            "type": "fontWeights"
          }
        }
      },
      "expandable_row": {
        "color": {
          "border_top": {
            "default": {
              "value": "{semantic.border.neutral.subtle}",
              "type": "color"
            }
          },
          "border_bottom": {
            "default": {
              "value": "{semantic.border.neutral.subtle}",
              "type": "color"
            }
          }
        },
        "space": {
          "padding": {
            "x": {
              "xs": {
                "value": "{space.base}rem",
                "type": "spacing"
              },
              "md": {
                "value": "{space.x2}rem",
                "type": "spacing"
              }
            },
            "top": {
              "xs": {
                "value": "0.25rem",
                "type": "spacing"
              }
            },
            "bottom": {
              "xs": {
                "value": "0.5rem",
                "type": "spacing"
              }
            }
          },
          "gap": {
            "title": {
              "xs": {
                "value": "{space.base}",
                "type": "spacing"
              },
              "md": {
                "value": "{space.x2}rem",
                "type": "spacing"
              }
            }
          }
        },
        "size": {
          "icon": {
            "xs": {
              "value": "{component.icon.size.xs}",
              "type": "sizing"
            }
          }
        },
        "font_weight": {
          "header": {
            "value": "medium",
            "type": "fontWeights"
          }
        },
        "font_size": {
          "header": {
            "breakpoint_sm": {
              "value": "{font_size.400.breakpoint_sm}",
              "type": "fontSizes"
            },
            "breakpoint_md": {
              "value": "{font_size.400.breakpoint_md}",
              "type": "fontSizes"
            }
          }
        },
        "border_width": {
          "default": {
            "value": "1px",
            "type": "borderWidth"
          }
        }
      },
      "checkbox": {
        "space": {
          "gap": {
            "xsmall": {
              "value": "0.5rem",
              "type": "spacing"
            },
            "small": {
              "value": "{space.base}rem",
              "type": "spacing"
            }
          }
        },
        "size": {
          "width": {
            "xsmall": {
              "value": "1.125rem",
              "type": "sizing"
            },
            "small": {
              "value": "{size.x2}rem",
              "type": "sizing"
            }
          },
          "height": {
            "xsmall": {
              "value": "1.125rem",
              "type": "sizing"
            },
            "small": {
              "value": "{size.x2}rem",
              "type": "sizing"
            }
          }
        },
        "color": {
          "border": {
            "default": {
              "value": "{semantic.border.neutral.strong}",
              "type": "color"
            },
            "hover": {
              "value": "{semantic.border.action.default}",
              "type": "color"
            },
            "checked": {
              "value": "{semantic.border.action.default}",
              "type": "color"
            },
            "error": {
              "value": "{semantic.border.danger.default}",
              "type": "color"
            }
          },
          "background": {
            "default": {
              "value": "{semantic.surface.neutral.default}",
              "type": "color"
            },
            "hover": {
              "value": "{semantic.surface.action.subtle}",
              "type": "color"
            },
            "checked": {
              "value": "{semantic.surface.action.default}",
              "type": "color"
            },
            "error": {
              "value": "{semantic.surface.neutral.default}",
              "type": "color"
            }
          },
          "text": {
            "default": {
              "value": "{semantic.text.neutral.default}",
              "type": "color"
            },
            "hover": {
              "value": "{semantic.text.action.default}",
              "type": "color"
            },
            "checked": {
              "value": "{semantic.text.neutral.default}",
              "type": "color"
            },
            "error": {
              "value": "{semantic.text.neutral.default}",
              "type": "color"
            }
          }
        },
        "border_width": {
          "xsmall": {
            "value": "{border_width.standard}",
            "type": "borderWidth"
          },
          "small": {
            "value": "{border_width.standard}",
            "type": "borderWidth"
          }
        },
        "font_size": {
          "xs": {
            "value": "{font_size.component-size.xs}",
            "type": "fontSizes"
          },
          "sm": {
            "value": "{font_size.component-size.sm}",
            "type": "fontSizes"
          }
        }
      },
      "fieldset": {
        "space": {
          "gap": {
            "y": {
              "xsmall": {
                "value": "{space.base}rem",
                "type": "spacing"
              },
              "small": {
                "value": "1.125rem",
                "type": "spacing"
              },
              "medium": {
                "value": "{space.base}*2rem",
                "type": "spacing"
              },
              "large": {
                "value": "{space.base}*2rem",
                "type": "spacing"
              }
            }
          }
        }
      },
      "field_description": {
        "color": {
          "text": {
            "default": {
              "value": "{semantic.text.neutral.default}",
              "type": "color"
            }
          }
        },
        "space": {
          "top": {
            "small": {
              "value": "0.5rem",
              "type": "spacing"
            },
            "xsmall": {
              "value": "0.375rem",
              "type": "spacing"
            }
          }
        }
      },
      "textarea": {
        "border_width": {
          "normal": {
            "value": "{border_width.standard}",
            "type": "borderWidth"
          }
        },
        "color": {
          "border": {
            "default": {
              "value": "{semantic.border.neutral.strong}",
              "type": "color"
            },
            "hover": {
              "value": "{semantic.border.action.default}",
              "type": "color"
            },
            "error": {
              "value": "{semantic.border.danger.default}",
              "type": "color"
            }
          },
          "background": {
            "default": {
              "value": "{semantic.surface.neutral.default}",
              "type": "color"
            },
            "hover": {
              "value": "{semantic.surface.neutral.default}",
              "type": "color"
            },
            "focus": {
              "value": "{semantic.surface.neutral.default}",
              "type": "color"
            }
          },
          "text": {
            "default": {
              "value": "{semantic.text.neutral.default}",
              "type": "color"
            }
          }
        },
        "space": {
          "padding": {
            "x": {
              "value": "{space.base}rem",
              "type": "spacing"
            },
            "y": {
              "value": "{space.half}rem",
              "type": "spacing"
            }
          }
        },
        "size": {
          "min_height": {
            "xsmall": {
              "value": "6.25rem",
              "type": "sizing"
            },
            "small": {
              "value": "9.375rem",
              "type": "sizing"
            },
            "medium": {
              "value": "12.5rem",
              "type": "sizing"
            },
            "large": {
              "value": "18.75rem",
              "type": "sizing"
            },
            "xlarge": {
              "value": "25rem",
              "type": "sizing"
            }
          }
        },
        "font_size": {
          "sm": {
            "value": "{font_size.component-size.sm}",
            "type": "fontSizes"
          }
        }
      },
      "checkbox-group": {
        "space": {
          "gap": {
            "x": {
              "xsmall": {
                "value": "{space.base}*2rem",
                "type": "spacing"
              },
              "small": {
                "value": "{space.base}*3rem",
                "type": "spacing"
              }
            },
            "y": {
              "xsmall": {
                "value": "0.563rem",
                "type": "spacing"
              },
              "small": {
                "value": "1.125rem",
                "type": "spacing"
              }
            }
          }
        }
      },
      "toggle_button": {
        "font_size": {
          "sm": {
            "value": "{font_size.component-size.sm}",
            "type": "fontSizes"
          }
        },
        "size": {
          "min_width": {
            "sm": {
              "value": "100%",
              "type": "sizing"
            },
            "md": {
              "value": "auto",
              "type": "sizing"
            }
          }
        },
        "border_width": {
          "inactive": {
            "value": "2px",
            "type": "borderWidth"
          }
        },
        "color": {
          "background": {
            "active": {
              "value": "{semantic.surface.action.default}",
              "type": "color"
            },
            "inactive": {
              "value": "{semantic.surface.neutral.default}",
              "type": "color"
            }
          },
          "text": {
            "active": {
              "value": "{semantic.text.action.on_action}",
              "type": "color"
            },
            "inactive": {
              "value": "{semantic.text.neutral.default}",
              "type": "color"
            }
          },
          "border": {
            "inactive": {
              "value": "{semantic.border.action.default}",
              "type": "color"
            }
          }
        },
        "space": {
          "padding": {
            "x": {
              "value": "{space.x2}rem",
              "type": "spacing"
            },
            "top": {
              "value": "0.125rem",
              "type": "spacing"
            },
            "bottom": {
              "value": "0.25rem",
              "type": "spacing"
            }
          }
        }
      },
      "icon_button": {
        "size": {
          "large": {
            "circle": {
              "value": "{size.x3}rem",
              "type": "sizing"
            },
            "icon": {
              "value": "1.4rem",
              "type": "sizing"
            }
          },
          "medium": {
            "circle": {
              "value": "{size.x2}rem",
              "type": "sizing"
            },
            "icon": {
              "value": "0.875rem",
              "type": "sizing"
            }
          },
          "small": {
            "circle": {
              "value": "1.125rem",
              "type": "sizing"
            },
            "icon": {
              "value": "0.688rem",
              "type": "sizing"
            }
          }
        },
        "border_width": {
          "default": {
            "value": "1px",
            "type": "borderWidth"
          }
        }
      },
      "button": {
        "filled": {
          "primary": {
            "color": {
              "background": {
                "default": {
                  "value": "{semantic.surface.action.default}",
                  "type": "color"
                },
                "hover": {
                  "value": "{semantic.surface.action.hover}",
                  "type": "color"
                },
                "pressed": {
                  "value": "{semantic.surface.action.active}",
                  "type": "color"
                }
              }
            }
          },
          "color": {
            "text": {
              "all": {
                "value": "{semantic.text.action.on_action}",
                "type": "color"
              }
            }
          },
          "success": {
            "color": {
              "background": {
                "default": {
                  "value": "{semantic.surface.success.default}",
                  "type": "color"
                },
                "hover": {
                  "value": "{semantic.surface.success.hover}",
                  "type": "color"
                },
                "pressed": {
                  "value": "{semantic.surface.success.active}",
                  "type": "color"
                }
              }
            }
          },
          "danger": {
            "color": {
              "background": {
                "default": {
                  "value": "{semantic.surface.danger.default}",
                  "type": "color"
                },
                "hover": {
                  "value": "{semantic.surface.danger.hover}",
                  "type": "color"
                },
                "pressed": {
                  "value": "{semantic.surface.danger.active}",
                  "type": "color"
                }
              }
            }
          }
        },
        "space": {
          "gap": {
            "small": {
              "value": "0.5rem",
              "type": "spacing"
            },
            "medium": {
              "value": "0.5rem",
              "type": "spacing"
            },
            "large": {
              "value": "0.5rem",
              "type": "spacing"
            }
          },
          "padding": {
            "x": {
              "small": {
                "value": "1.125rem",
                "type": "spacing"
              },
              "medium": {
                "value": "{space.x3}rem",
                "type": "spacing"
              },
              "large": {
                "value": "{space.x4}rem",
                "type": "spacing"
              }
            }
          }
        },
        "quiet": {
          "space": {
            "padding": {
              "x": {
                "small": {
                  "value": "0.375rem",
                  "type": "spacing"
                },
                "medium": {
                  "value": "0.563rem",
                  "type": "spacing"
                },
                "large": {
                  "value": "0.563rem",
                  "type": "spacing"
                }
              }
            }
          },
          "primary": {
            "color": {
              "text": {
                "default": {
                  "value": "{semantic.text.action.default}",
                  "type": "color"
                },
                "pressed": {
                  "value": "{colors.white}",
                  "type": "color"
                }
              },
              "background": {
                "hover": {
                  "value": "{semantic.surface.action.subtle}",
                  "type": "color"
                },
                "pressed": {
                  "value": "{colors.blue.800}",
                  "type": "color"
                }
              }
            }
          }
        },
        "outline": {
          "primary": {
            "color": {
              "text": {
                "default": {
                  "value": "{semantic.text.action.default}",
                  "type": "color"
                },
                "pressed": {
                  "value": "{colors.white}",
                  "type": "color"
                }
              },
              "border": {
                "default": {
                  "value": "{semantic.border.action.default}",
                  "type": "color"
                },
                "hover": {
                  "value": "{semantic.border.action.hover}",
                  "type": "color"
                }
              },
              "background": {
                "default": {
                  "value": "{colors.white}",
                  "type": "color"
                },
                "hover": {
                  "value": "{semantic.surface.action.subtle}",
                  "type": "color"
                },
                "pressed": {
                  "value": "{colors.blue.800}",
                  "type": "color"
                }
              }
            }
          }
        },
        "border_width": {
          "default": {
            "value": "1px",
            "type": "borderWidth"
          }
        },
        "size": {
          "height": {
            "small": {
              "value": "{size.x3}rem",
              "type": "sizing"
            },
            "medium": {
              "value": "{size.x4}rem",
              "type": "sizing"
            },
            "large": {
              "value": "{size.x5}rem",
              "type": "sizing"
            }
          },
          "icon": {
            "small": {
              "value": "{size.x2}rem",
              "type": "sizing"
            },
            "medium": {
              "value": "1.875rem",
              "type": "sizing"
            },
            "large": {
              "value": "2.5rem",
              "type": "sizing"
            }
          }
        }
      },
      "input": {
        "color": {
          "border": {
            "default": {
              "value": "{semantic.border.neutral.strong}",
              "type": "color"
            },
            "hover": {
              "value": "{semantic.border.action.default}",
              "type": "color"
            }
          },
          "background": {
            "default": {
              "value": "{colors.white}",
              "type": "color"
            },
            "hover": {
              "value": "{colors.white}",
              "type": "color"
            },
            "focus": {
              "value": "{colors.white}",
              "type": "color"
            }
          }
        },
        "error": {
          "color": {
            "border": {
              "default": {
                "value": "{semantic.border.danger.default}",
                "type": "color"
              }
            }
          }
        },
        "space": {
          "padding": {
            "x": {
              "value": "{space.base}rem",
              "type": "spacing"
            },
            "y": {
              "value": "{space.half}rem",
              "type": "spacing"
            }
          }
        },
        "border_width": {
          "default": {
            "value": "2px",
            "type": "borderWidth"
          },
          "focus": {
            "value": "4px",
            "type": "borderWidth"
          }
        },
        "read_only_info": {
          "color": {
            "border": {
              "default": {
                "value": "{colors.yellow.200}",
                "type": "color"
              }
            },
            "background": {
              "default": {
                "value": "{colors.yellow.200}",
                "type": "color"
              }
            }
          }
        },
        "read_only_confirm": {
          "color": {
            "background": {
              "default": {
                "value": "{colors.green.200}",
                "type": "color"
              }
            },
            "border": {
              "default": {
                "value": "{colors.green.200}",
                "type": "color"
              }
            }
          }
        },
        "size": {
          "min_height": {
            "default": {
              "value": "{size.x3}rem",
              "type": "sizing"
            }
          }
        },
        "font_size": {
          "sm": {
            "value": "{font_size.component-size.sm}",
            "type": "fontSizes"
          },
          "md": {
            "value": "{font_size.component-size.md}",
            "type": "fontSizes"
          }
        }
      },
      "error_message": {
        "space": {
          "padding": {
            "top": {
              "value": "{space.half}rem",
              "type": "spacing"
            }
          }
        },
        "color": {
          "text": {
            "value": "{semantic.text.danger.default}",
            "type": "color"
          }
        },
        "font_size": {
          "xs": {
            "value": "{font_size.component-size.xs}",
            "type": "fontSizes"
          }
        }
      }
    },
    "border_width": {
      "thin": {
        "value": "1px",
        "type": "borderWidth"
      },
      "standard": {
        "value": "2px",
        "type": "borderWidth"
      }
    },
    "space": {
      "half": {
        "value": "{space.base} / 2",
        "type": "spacing"
      },
      "base": {
        "value": "0.75",
        "type": "spacing"
      },
      "x2": {
        "value": "{space.base} * 2",
        "type": "spacing"
      },
      "x3": {
        "value": "{space.base} * 3",
        "type": "spacing"
      },
      "x4": {
        "value": "{space.base} * 4",
        "type": "spacing"
      },
      "x5": {
        "value": "{space.base} * 5",
        "type": "spacing"
      },
      "x6": {
        "value": "{space.base} * 6",
        "type": "spacing"
      },
      "x7": {
        "value": "{space.base} * 7",
        "type": "spacing"
      },
      "x8": {
        "value": "{space.base} * 8",
        "type": "spacing"
      },
      "x16": {
        "value": "{space.base} * 16",
        "type": "spacing"
      }
    },
    "interactive_components": {
      "border_radius": {
        "normal": {
          "value": "3px",
          "type": "borderRadius"
        }
      },
      "border_width": {
        "normal": {
          "value": "2px",
          "type": "borderWidth"
        }
      }
    },
    "paragraph_space": {
      "default": {
        "value": "{space.x3}rem",
        "type": "paragraphSpacing"
      }
    },
    "font_size": {
      "100": {
        "value": "0.75rem",
        "type": "fontSizes"
      },
      "200": {
        "value": "0.875rem",
        "type": "fontSizes"
      },
      "300": {
        "value": "1rem",
        "type": "fontSizes"
      },
      "400": {
        "breakpoint_sm": {
          "value": "1rem",
          "type": "fontSizes"
        },
        "breakpoint_md": {
          "value": "1.125rem",
          "type": "fontSizes"
        }
      },
      "500": {
        "breakpoint_sm": {
          "value": "1rem",
          "type": "fontSizes"
        },
        "breakpoint_md": {
          "value": "1.125rem",
          "type": "fontSizes"
        },
        "breakpoint_lg": {
          "value": "1.25rem",
          "type": "fontSizes"
        }
      },
      "600": {
        "breakpoint_sm": {
          "value": "1.125rem",
          "type": "fontSizes",
          "description": "18px"
        },
        "breakpoint_md": {
          "value": "1.25rem",
          "type": "fontSizes",
          "description": "20px"
        },
        "breakpoint_lg": {
          "value": "1.5rem",
          "type": "fontSizes",
          "description": "24px"
        }
      },
      "700": {
        "breakpoint_sm": {
          "value": "1.25rem",
          "type": "fontSizes",
          "description": "20px"
        },
        "breakpoint_md": {
          "value": "1.5rem",
          "type": "fontSizes",
          "description": "24px"
        },
        "breakpoint_lg": {
          "value": "1.75rem",
          "type": "fontSizes",
          "description": "28px"
        }
      },
      "800": {
        "breakpoint_sm": {
          "value": "1.5rem",
          "type": "fontSizes",
          "description": "24px"
        },
        "breakpoint_md": {
          "value": "1.75rem",
          "type": "fontSizes",
          "description": "28px"
        },
        "breakpoint_lg": {
          "value": "2.25rem",
          "type": "fontSizes",
          "description": "36px"
        }
      },
      "900": {
        "breakpoint_sm": {
          "value": "1.75rem",
          "type": "fontSizes",
          "description": "28px"
        },
        "breakpoint_md": {
          "value": "2.25rem",
          "type": "fontSizes",
          "description": "36px"
        },
        "breakpoint_lg": {
          "value": "2.75rem",
          "type": "fontSizes",
          "description": "44px"
        }
      },
      "heading": {
        "h1": {
          "breakpoint_sm": {
            "value": "{font_size.900.breakpoint_sm}",
            "type": "fontSizes"
          },
          "breakpoint_md": {
            "value": "{font_size.900.breakpoint_md}",
            "type": "fontSizes"
          },
          "breakpoint_lg": {
            "value": "{font_size.900.breakpoint_lg}",
            "type": "fontSizes"
          }
        },
        "h2": {
          "breakpoint_sm": {
            "value": "{font_size.800.breakpoint_sm}",
            "type": "fontSizes"
          },
          "breakpoint_md": {
            "value": "{font_size.800.breakpoint_md}",
            "type": "fontSizes"
          },
          "breakpoint_lg": {
            "value": "{font_size.800.breakpoint_lg}",
            "type": "fontSizes"
          }
        },
        "h3": {
          "breakpoint_sm": {
            "value": "{font_size.700.breakpoint_sm}",
            "type": "fontSizes"
          },
          "breakpoint_md": {
            "value": "{font_size.700.breakpoint_md}",
            "type": "fontSizes"
          },
          "breakpoint_lg": {
            "value": "{font_size.700.breakpoint_lg}",
            "type": "fontSizes"
          }
        },
        "h4": {
          "breakpoint_sm": {
            "value": "{font_size.600.breakpoint_sm}",
            "type": "fontSizes"
          },
          "breakpoint_md": {
            "value": "{font_size.600.breakpoint_md}",
            "type": "fontSizes"
          },
          "breakpoint_lg": {
            "value": "{font_size.600.breakpoint_lg}",
            "type": "fontSizes"
          }
        },
        "h5": {
          "breakpoint_sm": {
            "value": "{font_size.500.breakpoint_sm}",
            "type": "fontSizes"
          },
          "breakpoint_md": {
            "value": "{font_size.500.breakpoint_md}",
            "type": "fontSizes"
          },
          "breakpoint_lg": {
            "value": "{font_size.500.breakpoint_lg}",
            "type": "fontSizes"
          }
        }
      },
      "component-size": {
        "xs": {
          "value": "{font_size.200}",
          "type": "fontSizes",
          "description": "14px"
        },
        "sm": {
          "value": "{font_size.300}",
          "type": "fontSizes",
          "description": "16px"
        },
        "md": {
          "value": "1.125rem",
          "type": "fontSizes",
          "description": "18px"
        },
        "lg": {
          "value": "1.5rem",
          "type": "fontSizes",
          "description": "24px"
        }
      },
      "body": {
        "medium": {
          "value": "{font_size.300}",
          "type": "fontSizes",
          "description": "Body text should never be smaller than 16px"
        },
        "large": {
          "breakpoint_sm": {
            "value": "{font_size.400.breakpoint_sm}",
            "type": "fontSizes"
          },
          "breakpoint_md": {
            "value": "{font_size.400.breakpoint_md}",
            "type": "fontSizes"
          }
        }
      },
      "label": {
        "small": {
          "breakpoint_sm": {
            "value": "{font_size.400.breakpoint_sm}",
            "type": "fontSizes"
          },
          "breakpoint_md": {
            "value": "{font_size.400.breakpoint_md}",
            "type": "fontSizes"
          }
        }
      },
      "detail": {
        "default": {
          "value": "{font_size.200}",
          "type": "fontSizes"
        }
      },
      "ingress": {
        "small": {
          "breakpoint_sm": {
            "value": "1.125rem",
            "type": "fontSizes",
            "description": "18px (Ingress should never be smaller than 18px, to keep a visual difference from the body text that is 16px.)"
          },
          "breakpoint_md": {
            "value": "1.25rem",
            "type": "fontSizes",
            "description": "20px"
          }
        },
        "medium": {
          "breakpoint_sm": {
            "value": "1.25rem",
            "type": "fontSizes",
            "description": "20px"
          },
          "breakpoint_md": {
            "value": "1.5rem",
            "type": "fontSizes",
            "description": "24px"
          }
        }
      }
    },
    "font_family": {
      "default": {
        "value": "Altinn-DIN",
        "type": "fontFamilies"
      },
      "heading": {
        "value": "{font_family.default}",
        "type": "fontFamilies"
      },
      "ingress": {
        "value": "{font_family.default}",
        "type": "fontFamilies"
      },
      "body": {
        "value": "{font_family.default}",
        "type": "fontFamilies"
      },
      "label": {
        "value": "{font_family.default}",
        "type": "fontFamilies"
      }
    },
    "breakpoints": {
      "xs": {
        "value": "0px",
        "type": "sizing",
        "description": "Specific styling for the smallest mobile sizes and up. Will affect screen sizes with the set size and larger."
      },
      "sm": {
        "value": "540px",
        "type": "sizing",
        "description": "Specific styling for the largest mobile sizes and up. Will affect screen sizes with the set size and larger."
      },
      "md": {
        "value": "768px",
        "type": "sizing",
        "description": "Specific styling for tablet and up. Will affect screen sizes with the set size and larger."
      },
      "lg": {
        "value": "960px",
        "type": "sizing",
        "description": "Specific styling for the largest tablets and up. Will affect screen sizes with the set size and larger.Will affect screen sizes with this size and larger"
      },
      "xl": {
        "value": "1200px",
        "type": "sizing",
        "description": "Specific styling for laptops and up. Will affect screen sizes with the set size and larger."
      },
      "xxl": {
        "value": "1600px",
        "type": "sizing",
        "description": "Specific styling for desktops and up. Will affect screen sizes with the set size and larger."
      }
    },
    "typography": {
      "default": {
        "value": {
          "fontFamily": "Altinn-DIN",
          "fontWeight": "Regular",
          "lineHeight": "1.5",
          "fontSize": "1rem",
          "letterSpacing": "0.3px",
          "paragraphSpacing": "0",
          "textDecoration": "none",
          "textCase": "none"
        },
        "type": "typography"
      }
    },
    "size": {
      "base": {
        "value": "0.75",
        "type": "sizing"
      },
      "x2": {
        "value": "{space.base} * 2",
        "type": "sizing"
      },
      "x3": {
        "value": "{space.base} * 3",
        "type": "sizing"
      },
      "x4": {
        "value": "{space.base} * 4",
        "type": "sizing"
      },
      "x5": {
        "value": "{space.base} * 5",
        "type": "sizing"
      },
      "x6": {
        "value": "{space.base} * 6",
        "type": "sizing"
      },
      "x7": {
        "value": "{space.base} * 7",
        "type": "sizing"
      },
      "x8": {
        "value": "{space.base} * 8",
        "type": "sizing"
      },
      "x10": {
        "value": "{space.base} * 10",
        "type": "sizing"
      },
      "x16": {
        "value": "{space.base} * 16",
        "type": "sizing"
      }
    },
    "opacity": {
      "disabled": {
        "value": "30%",
        "type": "opacity"
      }
    },
    "semantic": {
      "tab_focus": {
        "outline": {
          "offset": {
            "value": "2px",
            "type": "spacing"
          },
          "width": {
            "value": "2px",
            "type": "borderWidth"
          }
        }
      }
    },
    "New Box shadow - lg": {
      "value": {
        "color": "#0000001a",
        "type": "dropShadow",
        "x": "0",
        "y": "4",
        "blur": "4",
        "spread": "0"
      },
      "type": "boxShadow"
    },
    "New Box shadow - md": {
      "value": {
        "color": "#0000000f",
        "type": "dropShadow",
        "x": "0",
        "y": "4",
        "blur": "4",
        "spread": "0"
      },
      "type": "boxShadow"
    },
    "fontFamilies": {
      "inter": {
        "value": "Inter",
        "type": "fontFamilies"
      }
    },
    "lineHeights": {
      "0": {
        "value": "130%",
        "type": "lineHeights"
      },
      "1": {
        "value": "170%",
        "type": "lineHeights"
      },
      "2": {
        "value": "160%",
        "type": "lineHeights"
      },
      "3": {
        "value": "150%",
        "type": "lineHeights"
      },
      "4": {
        "value": "130",
        "type": "lineHeights"
      }
    },
    "fontWeights": {
      "inter-0": {
        "value": "Medium",
        "type": "fontWeights"
      },
      "inter-1": {
        "value": "Regular",
        "type": "fontWeights"
      }
    },
    "fontSize": {
      "0": {
        "value": "14",
        "type": "fontSizes"
      },
      "1": {
        "value": "16",
        "type": "fontSizes"
      },
      "2": {
        "value": "18",
        "type": "fontSizes"
      },
      "3": {
        "value": "20",
        "type": "fontSizes"
      },
      "4": {
        "value": "24",
        "type": "fontSizes"
      },
      "5": {
        "value": "28",
        "type": "fontSizes"
      },
      "6": {
        "value": "36",
        "type": "fontSizes"
      },
      "7": {
        "value": "44",
        "type": "fontSizes"
      }
    },
    "letterSpacing": {
      "0": {
        "value": "0",
        "type": "letterSpacing"
      },
      "1": {
        "value": "0%",
        "type": "letterSpacing"
      }
    },
    "paragraphSpacing": {
      "0": {
        "value": "0",
        "type": "paragraphSpacing"
      }
    },
    "heading": {
      "(900) 44px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-0}",
          "lineHeight": "{lineHeights.0}",
          "fontSize": "{fontSize.7}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      },
      "(800) 36px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-0}",
          "lineHeight": "{lineHeights.0}",
          "fontSize": "{fontSize.6}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      },
      "(700) 28px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-0}",
          "lineHeight": "{lineHeights.0}",
          "fontSize": "{fontSize.5}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      },
      "(600) 24px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-0}",
          "lineHeight": "{lineHeights.0}",
          "fontSize": "{fontSize.4}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      },
      "(500) 20px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-0}",
          "lineHeight": "{lineHeights.0}",
          "fontSize": "{fontSize.3}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      }
    },
    "ingress": {
      "(600) 24px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-1}",
          "lineHeight": "{lineHeights.1}",
          "fontSize": "{fontSize.4}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      },
      "(500) 20px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-1}",
          "lineHeight": "{lineHeights.2}",
          "fontSize": "{fontSize.3}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      }
    },
    "body": {
      "(400) 18px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-1}",
          "lineHeight": "{lineHeights.3}",
          "fontSize": "{fontSize.2}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      },
      "(300) 16px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-1}",
          "lineHeight": "{lineHeights.3}",
          "fontSize": "{fontSize.1}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      }
    },
    "detail": {
      "(200) 14px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-0}",
          "lineHeight": "{lineHeights.0}",
          "fontSize": "{fontSize.0}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      }
    },
    "label": {
      "(400) 18px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-0}",
          "lineHeight": "{lineHeights.0}",
          "fontSize": "{fontSize.2}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      },
      "(300) 16px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-0}",
          "lineHeight": "{lineHeights.0}",
          "fontSize": "{fontSize.1}",
          "letterSpacing": "{letterSpacing.0}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      }
    },
    "error_message": {
      "(400) 18px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-1}",
          "lineHeight": "{lineHeights.4}",
          "fontSize": "{fontSize.2}",
          "letterSpacing": "{letterSpacing.1}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      },
      "(300) 16px": {
        "value": {
          "fontFamily": "{fontFamilies.inter}",
          "fontWeight": "{fontWeights.inter-1}",
          "lineHeight": "{lineHeights.4}",
          "fontSize": "{fontSize.1}",
          "letterSpacing": "{letterSpacing.1}",
          "paragraphSpacing": "{paragraphSpacing.0}",
          "paragraphIndent": "{paragraphIndent.0}",
          "textCase": "{textCase.none}",
          "textDecoration": "{textDecoration.none}"
        },
        "type": "typography"
      }
    },
    "textCase": {
      "none": {
        "value": "none",
        "type": "textCase"
      }
    },
    "textDecoration": {
      "none": {
        "value": "none",
        "type": "textDecoration"
      }
    },
    "paragraphIndent": {
      "0": {
        "value": "0px",
        "type": "dimension"
      }
    }
  },
  "Mode/Compact": {
    "font_size": {
      "heading": {
        "h1": {
          "breakpoint_lg": {
            "value": "{font_size.700.breakpoint_lg}",
            "type": "fontSizes"
          }
        }
      }
    }
  },
  "Themes/Tilsynet": {
    "brand": {
      "default": {
        "first": {
          "100": {
            "value": "#efeffb",
            "type": "color"
          },
          "200": {
            "value": "#dedff6",
            "type": "color"
          },
          "300": {
            "value": "#bec0ed",
            "type": "color"
          },
          "400": {
            "value": "#9da0e4",
            "type": "color"
          },
          "500": {
            "value": "#7d81db",
            "type": "color"
          },
          "600": {
            "value": "#5c61d2",
            "type": "color"
          },
          "700": {
            "value": "#3339c6",
            "type": "color"
          },
          "800": {
            "value": "#0008b8",
            "type": "color"
          }
        },
        "second": {
          "100": {
            "value": "#ffeee1",
            "type": "color"
          },
          "200": {
            "value": "#ffdcc3",
            "type": "color"
          },
          "300": {
            "value": "#fdd4b7",
            "type": "color"
          },
          "400": {
            "value": "#ffc296",
            "type": "color"
          },
          "500": {
            "value": "#ffb178",
            "type": "color"
          },
          "600": {
            "value": "#ffa869",
            "type": "color"
          },
          "700": {
            "value": "#e6975f",
            "type": "color"
          },
          "800": {
            "value": "#b3764a",
            "type": "color"
          }
        },
        "third": {
          "100": {
            "value": "#eff6f4",
            "type": "color"
          },
          "200": {
            "value": "#deece9",
            "type": "color"
          },
          "300": {
            "value": "#bedad2",
            "type": "color"
          },
          "400": {
            "value": "#9dc7bc",
            "type": "color"
          },
          "500": {
            "value": "#7db5a5",
            "type": "color"
          },
          "600": {
            "value": "#5ca28f",
            "type": "color"
          },
          "700": {
            "value": "#4c907e",
            "type": "color"
          },
          "800": {
            "value": "#407d6d",
            "type": "color"
          }
        }
      }
    }
  },
  "Themes/Altinn": {},
  "$themes": [
    {
      "id": "edeff752fe55f2581f6ceee82c66aac8b8a8622d",
      "name": "Felles",
      "selectedTokenSets": {
        "Base/Core": "source",
        "Base/Component": "source",
        "Base/Semantic": "source"
      },
      "$figmaStyleReferences": {}
    },
    {
      "id": "3fd3116514764af5cf244506c98e3944ca9f5e93",
      "name": "Felles Compact",
      "selectedTokenSets": {
        "Base/Core": "source",
        "Mode/Compact": "enabled",
        "Base/Component": "source",
        "Base/Semantic": "source"
      },
      "$figmaStyleReferences": {}
    },
    {
      "id": "df8b73b683752ef5f35b3cf293bbe5a0cba9f88d",
      "name": "Altinn",
      "selectedTokenSets": {
        "Base/Core": "source",
        "Themes/Altinn": "enabled",
        "Base/Component": "source",
        "Base/Semantic": "source"
      },
      "$figmaStyleReferences": {}
    }
  ],
  "$metadata": {
    "tokenSetOrder": [
      "Base/Core",
      "Base/Semantic",
      "Base/Component",
      "Mode/Compact",
      "Themes/Tilsynet",
      "Themes/Altinn"
    ]
  }
}