@ndla/ui 33.0.0 → 33.0.1

package/lib/Subject/SubjectShortcuts.js

@@ -32,7 +32,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 var SubjectShortcutsSection = /*#__PURE__*/(0, _base["default"])("section", {
   target: "em7bbej3",
   label: "SubjectShortcutsSection"
-})("margin-bottom:", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM4QyIsImZpbGUiOiJTdWJqZWN0U2hvcnRjdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uR3JvdXAgfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuaW1wb3J0IEZhZGUgZnJvbSAnLi4vQW5pbWF0aW9uL0ZhZGUnO1xuXG5jb25zdCBTdWJqZWN0U2hvcnRjdXRzU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgU3R5bGVkVHJhbnNpdGlvbkdyb3VwID0gc3R5bGVkKFRyYW5zaXRpb25Hcm91cClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IDlweDtcbiAgbWFyZ2luLWJvdHRvbTogOXB4O1xuXG4gIGEge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIzcHgnKX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgcGFkZGluZzogOXB4IDIwcHg7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmR9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBtZXNzYWdlczoge1xuICAgIGhlYWRpbmc6IHN0cmluZztcbiAgICBzaG93TW9yZTogc3RyaW5nO1xuICAgIHNob3dMZXNzOiBzdHJpbmc7XG4gIH07XG4gIGRlZmF1bHRWaXNhYmxlQ291bnQ6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgdmlzaWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IGRlZmF1bHRWaXNhYmxlQ291bnQgPSA2O1xuXG5jbGFzcyBTdWJqZWN0U2hvcnRjdXRzIGV4dGVuZHMgQ29tcG9uZW50PFByb3BzLCBTdGF0ZT4ge1xuICBjb25zdHJ1Y3Rvcihwcm9wczogUHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHZpc2libGVDb3VudDogcHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgICB9O1xuXG4gICAgdGhpcy5oYW5kbGVPbkV4cGFuZCA9IHRoaXMuaGFuZGxlT25FeHBhbmQuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGhhbmRsZU9uRXhwYW5kKGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgY29uc3QgbmV3VmlzaWJsZUNvdW50ID0gZXhwYW5kZWQgPyB0aGlzLnByb3BzLmxpbmtzLmxlbmd0aCA6IHRoaXMucHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgdmlzaWJsZUNvdW50OiBuZXdWaXNpYmxlQ291bnQsXG4gICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBsaW5rcywgbWVzc2FnZXMsIGRlZmF1bHRWaXNhYmxlQ291bnQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgaWQgPSAnc3ViamVjdC1zaG9ydGN1dCc7XG5cbiAgICBjb25zdCBzaG93RXhwYW5kID0gZGVmYXVsdFZpc2FibGVDb3VudCA8IGxpbmtzLmxlbmd0aDtcbiAgICBsZXQgYnV0dG9uID0gbnVsbDtcbiAgICBsZXQgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3M7XG5cbiAgICBpZiAoc2hvd0V4cGFuZCkge1xuICAgICAgY29uc3QgaXNFeHBhbmRlZCA9IHRoaXMuc3RhdGUudmlzaWJsZUNvdW50ID4gZGVmYXVsdFZpc2FibGVDb3VudDtcbiAgICAgIGNvbnN0IGJ1dHRvblRleHQgPSBpc0V4cGFuZGVkID8gbWVzc2FnZXMuc2hvd0xlc3MgOiBtZXNzYWdlcy5zaG93TW9yZTtcblxuICAgICAgYnV0dG9uID0gKFxuICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtpZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0aGlzLmhhbmRsZU9uRXhwYW5kKCFpc0V4cGFuZGVkKX0+XG4gICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICA8c3Bhbj57YnV0dG9uVGV4dH08L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgKTtcblxuICAgICAgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3MuZmlsdGVyKChsaW5rLCBpbmRleCkgPT4gaW5kZXggPCB0aGlzLnN0YXRlLnZpc2libGVDb3VudCk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlPnttZXNzYWdlcy5oZWFkaW5nfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICAgICAgPG5hdiBpZD17aWR9PlxuICAgICAgICAgIDxTdHlsZWRUcmFuc2l0aW9uR3JvdXAgY29tcG9uZW50PVwidWxcIj5cbiAgICAgICAgICAgIHtmaWx0ZXJlZExpbmtzLm1hcCgobGluaykgPT4gKFxuICAgICAgICAgICAgICA8RmFkZSBrZXk9e2xpbmsudXJsfT5cbiAgICAgICAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e2xpbmsudXJsfT57bGluay50ZXh0fTwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgPC9GYWRlPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TdHlsZWRUcmFuc2l0aW9uR3JvdXA+XG4gICAgICAgIDwvbmF2PlxuICAgICAgICB7YnV0dG9ufVxuICAgICAgPC9TdWJqZWN0U2hvcnRjdXRzU2VjdGlvbj5cbiAgICApO1xuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkZWZhdWx0VmlzYWJsZUNvdW50LFxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0U2hvcnRjdXRzO1xuIl19 */"));
+})("margin-bottom:", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU4QyIsImZpbGUiOiJTdWJqZWN0U2hvcnRjdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uR3JvdXAgfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuaW1wb3J0IEZhZGUgZnJvbSAnLi4vQW5pbWF0aW9uL0ZhZGUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBTdWJqZWN0U2hvcnRjdXRzU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgU3R5bGVkVHJhbnNpdGlvbkdyb3VwID0gc3R5bGVkKFRyYW5zaXRpb25Hcm91cClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IDlweDtcbiAgbWFyZ2luLWJvdHRvbTogOXB4O1xuXG4gIGEge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIzcHgnKX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgcGFkZGluZzogOXB4IDIwcHg7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmR9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBoZWFkaW5nTGV2ZWw6IEhlYWRpbmdMZXZlbDtcbiAgbWVzc2FnZXM6IHtcbiAgICBoZWFkaW5nOiBzdHJpbmc7XG4gICAgc2hvd01vcmU6IHN0cmluZztcbiAgICBzaG93TGVzczogc3RyaW5nO1xuICB9O1xuICBkZWZhdWx0VmlzYWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIHZpc2libGVDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBkZWZhdWx0VmlzYWJsZUNvdW50ID0gNjtcblxuY2xhc3MgU3ViamVjdFNob3J0Y3V0cyBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2aXNpYmxlQ291bnQ6IHByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQsXG4gICAgfTtcblxuICAgIHRoaXMuaGFuZGxlT25FeHBhbmQgPSB0aGlzLmhhbmRsZU9uRXhwYW5kLmJpbmQodGhpcyk7XG4gIH1cblxuICBoYW5kbGVPbkV4cGFuZChleHBhbmRlZDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5ld1Zpc2libGVDb3VudCA9IGV4cGFuZGVkID8gdGhpcy5wcm9wcy5saW5rcy5sZW5ndGggOiB0aGlzLnByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQ7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZpc2libGVDb3VudDogbmV3VmlzaWJsZUNvdW50LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbGlua3MsIG1lc3NhZ2VzLCBkZWZhdWx0VmlzYWJsZUNvdW50LCBoZWFkaW5nTGV2ZWwgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgaWQgPSAnc3ViamVjdC1zaG9ydGN1dCc7XG5cbiAgICBjb25zdCBzaG93RXhwYW5kID0gZGVmYXVsdFZpc2FibGVDb3VudCA8IGxpbmtzLmxlbmd0aDtcbiAgICBsZXQgYnV0dG9uID0gbnVsbDtcbiAgICBsZXQgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3M7XG5cbiAgICBpZiAoc2hvd0V4cGFuZCkge1xuICAgICAgY29uc3QgaXNFeHBhbmRlZCA9IHRoaXMuc3RhdGUudmlzaWJsZUNvdW50ID4gZGVmYXVsdFZpc2FibGVDb3VudDtcbiAgICAgIGNvbnN0IGJ1dHRvblRleHQgPSBpc0V4cGFuZGVkID8gbWVzc2FnZXMuc2hvd0xlc3MgOiBtZXNzYWdlcy5zaG93TW9yZTtcblxuICAgICAgYnV0dG9uID0gKFxuICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtpZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0aGlzLmhhbmRsZU9uRXhwYW5kKCFpc0V4cGFuZGVkKX0+XG4gICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICA8c3Bhbj57YnV0dG9uVGV4dH08L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgKTtcblxuICAgICAgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3MuZmlsdGVyKChsaW5rLCBpbmRleCkgPT4gaW5kZXggPCB0aGlzLnN0YXRlLnZpc2libGVDb3VudCk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlIGhlYWRpbmdMZXZlbD17aGVhZGluZ0xldmVsfT57bWVzc2FnZXMuaGVhZGluZ308L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgIDxuYXYgaWQ9e2lkfT5cbiAgICAgICAgICA8U3R5bGVkVHJhbnNpdGlvbkdyb3VwIGNvbXBvbmVudD1cInVsXCI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRMaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICAgICAgPEZhZGUga2V5PXtsaW5rLnVybH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICAgICAgPFNhZmVMaW5rIHRvPXtsaW5rLnVybH0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvU3R5bGVkVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICA8L25hdj5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgKTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdFNob3J0Y3V0cztcbiJdfQ== */"));
 var StyledTransitionGroup = /*#__PURE__*/(0, _base["default"])(_reactTransitionGroup.TransitionGroup, {
   target: "em7bbej2",
   label: "StyledTransitionGroup"
@@ -42,17 +42,17 @@ var StyledTransitionGroup = /*#__PURE__*/(0, _base["default"])(_reactTransitionG
 } : {
   name: "muzywq",
   styles: "display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxRCIsImZpbGUiOiJTdWJqZWN0U2hvcnRjdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uR3JvdXAgfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuaW1wb3J0IEZhZGUgZnJvbSAnLi4vQW5pbWF0aW9uL0ZhZGUnO1xuXG5jb25zdCBTdWJqZWN0U2hvcnRjdXRzU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgU3R5bGVkVHJhbnNpdGlvbkdyb3VwID0gc3R5bGVkKFRyYW5zaXRpb25Hcm91cClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IDlweDtcbiAgbWFyZ2luLWJvdHRvbTogOXB4O1xuXG4gIGEge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIzcHgnKX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgcGFkZGluZzogOXB4IDIwcHg7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmR9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBtZXNzYWdlczoge1xuICAgIGhlYWRpbmc6IHN0cmluZztcbiAgICBzaG93TW9yZTogc3RyaW5nO1xuICAgIHNob3dMZXNzOiBzdHJpbmc7XG4gIH07XG4gIGRlZmF1bHRWaXNhYmxlQ291bnQ6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgdmlzaWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IGRlZmF1bHRWaXNhYmxlQ291bnQgPSA2O1xuXG5jbGFzcyBTdWJqZWN0U2hvcnRjdXRzIGV4dGVuZHMgQ29tcG9uZW50PFByb3BzLCBTdGF0ZT4ge1xuICBjb25zdHJ1Y3Rvcihwcm9wczogUHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHZpc2libGVDb3VudDogcHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgICB9O1xuXG4gICAgdGhpcy5oYW5kbGVPbkV4cGFuZCA9IHRoaXMuaGFuZGxlT25FeHBhbmQuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGhhbmRsZU9uRXhwYW5kKGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgY29uc3QgbmV3VmlzaWJsZUNvdW50ID0gZXhwYW5kZWQgPyB0aGlzLnByb3BzLmxpbmtzLmxlbmd0aCA6IHRoaXMucHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgdmlzaWJsZUNvdW50OiBuZXdWaXNpYmxlQ291bnQsXG4gICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBsaW5rcywgbWVzc2FnZXMsIGRlZmF1bHRWaXNhYmxlQ291bnQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgaWQgPSAnc3ViamVjdC1zaG9ydGN1dCc7XG5cbiAgICBjb25zdCBzaG93RXhwYW5kID0gZGVmYXVsdFZpc2FibGVDb3VudCA8IGxpbmtzLmxlbmd0aDtcbiAgICBsZXQgYnV0dG9uID0gbnVsbDtcbiAgICBsZXQgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3M7XG5cbiAgICBpZiAoc2hvd0V4cGFuZCkge1xuICAgICAgY29uc3QgaXNFeHBhbmRlZCA9IHRoaXMuc3RhdGUudmlzaWJsZUNvdW50ID4gZGVmYXVsdFZpc2FibGVDb3VudDtcbiAgICAgIGNvbnN0IGJ1dHRvblRleHQgPSBpc0V4cGFuZGVkID8gbWVzc2FnZXMuc2hvd0xlc3MgOiBtZXNzYWdlcy5zaG93TW9yZTtcblxuICAgICAgYnV0dG9uID0gKFxuICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtpZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0aGlzLmhhbmRsZU9uRXhwYW5kKCFpc0V4cGFuZGVkKX0+XG4gICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICA8c3Bhbj57YnV0dG9uVGV4dH08L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgKTtcblxuICAgICAgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3MuZmlsdGVyKChsaW5rLCBpbmRleCkgPT4gaW5kZXggPCB0aGlzLnN0YXRlLnZpc2libGVDb3VudCk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlPnttZXNzYWdlcy5oZWFkaW5nfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICAgICAgPG5hdiBpZD17aWR9PlxuICAgICAgICAgIDxTdHlsZWRUcmFuc2l0aW9uR3JvdXAgY29tcG9uZW50PVwidWxcIj5cbiAgICAgICAgICAgIHtmaWx0ZXJlZExpbmtzLm1hcCgobGluaykgPT4gKFxuICAgICAgICAgICAgICA8RmFkZSBrZXk9e2xpbmsudXJsfT5cbiAgICAgICAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e2xpbmsudXJsfT57bGluay50ZXh0fTwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgPC9GYWRlPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TdHlsZWRUcmFuc2l0aW9uR3JvdXA+XG4gICAgICAgIDwvbmF2PlxuICAgICAgICB7YnV0dG9ufVxuICAgICAgPC9TdWJqZWN0U2hvcnRjdXRzU2VjdGlvbj5cbiAgICApO1xuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkZWZhdWx0VmlzYWJsZUNvdW50LFxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0U2hvcnRjdXRzO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNxRCIsImZpbGUiOiJTdWJqZWN0U2hvcnRjdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uR3JvdXAgfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuaW1wb3J0IEZhZGUgZnJvbSAnLi4vQW5pbWF0aW9uL0ZhZGUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBTdWJqZWN0U2hvcnRjdXRzU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgU3R5bGVkVHJhbnNpdGlvbkdyb3VwID0gc3R5bGVkKFRyYW5zaXRpb25Hcm91cClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IDlweDtcbiAgbWFyZ2luLWJvdHRvbTogOXB4O1xuXG4gIGEge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIzcHgnKX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgcGFkZGluZzogOXB4IDIwcHg7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmR9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBoZWFkaW5nTGV2ZWw6IEhlYWRpbmdMZXZlbDtcbiAgbWVzc2FnZXM6IHtcbiAgICBoZWFkaW5nOiBzdHJpbmc7XG4gICAgc2hvd01vcmU6IHN0cmluZztcbiAgICBzaG93TGVzczogc3RyaW5nO1xuICB9O1xuICBkZWZhdWx0VmlzYWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIHZpc2libGVDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBkZWZhdWx0VmlzYWJsZUNvdW50ID0gNjtcblxuY2xhc3MgU3ViamVjdFNob3J0Y3V0cyBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2aXNpYmxlQ291bnQ6IHByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQsXG4gICAgfTtcblxuICAgIHRoaXMuaGFuZGxlT25FeHBhbmQgPSB0aGlzLmhhbmRsZU9uRXhwYW5kLmJpbmQodGhpcyk7XG4gIH1cblxuICBoYW5kbGVPbkV4cGFuZChleHBhbmRlZDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5ld1Zpc2libGVDb3VudCA9IGV4cGFuZGVkID8gdGhpcy5wcm9wcy5saW5rcy5sZW5ndGggOiB0aGlzLnByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQ7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZpc2libGVDb3VudDogbmV3VmlzaWJsZUNvdW50LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbGlua3MsIG1lc3NhZ2VzLCBkZWZhdWx0VmlzYWJsZUNvdW50LCBoZWFkaW5nTGV2ZWwgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgaWQgPSAnc3ViamVjdC1zaG9ydGN1dCc7XG5cbiAgICBjb25zdCBzaG93RXhwYW5kID0gZGVmYXVsdFZpc2FibGVDb3VudCA8IGxpbmtzLmxlbmd0aDtcbiAgICBsZXQgYnV0dG9uID0gbnVsbDtcbiAgICBsZXQgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3M7XG5cbiAgICBpZiAoc2hvd0V4cGFuZCkge1xuICAgICAgY29uc3QgaXNFeHBhbmRlZCA9IHRoaXMuc3RhdGUudmlzaWJsZUNvdW50ID4gZGVmYXVsdFZpc2FibGVDb3VudDtcbiAgICAgIGNvbnN0IGJ1dHRvblRleHQgPSBpc0V4cGFuZGVkID8gbWVzc2FnZXMuc2hvd0xlc3MgOiBtZXNzYWdlcy5zaG93TW9yZTtcblxuICAgICAgYnV0dG9uID0gKFxuICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtpZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0aGlzLmhhbmRsZU9uRXhwYW5kKCFpc0V4cGFuZGVkKX0+XG4gICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICA8c3Bhbj57YnV0dG9uVGV4dH08L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgKTtcblxuICAgICAgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3MuZmlsdGVyKChsaW5rLCBpbmRleCkgPT4gaW5kZXggPCB0aGlzLnN0YXRlLnZpc2libGVDb3VudCk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlIGhlYWRpbmdMZXZlbD17aGVhZGluZ0xldmVsfT57bWVzc2FnZXMuaGVhZGluZ308L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgIDxuYXYgaWQ9e2lkfT5cbiAgICAgICAgICA8U3R5bGVkVHJhbnNpdGlvbkdyb3VwIGNvbXBvbmVudD1cInVsXCI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRMaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICAgICAgPEZhZGUga2V5PXtsaW5rLnVybH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICAgICAgPFNhZmVMaW5rIHRvPXtsaW5rLnVybH0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvU3R5bGVkVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICA8L25hdj5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgKTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdFNob3J0Y3V0cztcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var StyledListItem = /*#__PURE__*/(0, _base["default"])("li", {
   target: "em7bbej1",
   label: "StyledListItem"
-})("display:block;margin-right:9px;margin-bottom:9px;a{display:block;background:", _core.colors.brand.light, ";box-shadow:none;border-radius:5px;", _core.fonts.sizes('18px', '23px'), ";font-weight:", _core.fonts.weight.semibold, ";color:", _core.colors.brand.dark, ";padding:9px 20px;&:hover,&:active,&:focus{background-color:", _core.colors.brand.primary, ";color:", _core.colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCZ0MiLCJmaWxlIjoiU3ViamVjdFNob3J0Y3V0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBGb3J3YXJkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcbmltcG9ydCBGYWRlIGZyb20gJy4uL0FuaW1hdGlvbi9GYWRlJztcblxuY29uc3QgU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYW5zaXRpb25Hcm91cCA9IHN0eWxlZChUcmFuc2l0aW9uR3JvdXApYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXJpZ2h0OiA5cHg7XG4gIG1hcmdpbi1ib3R0b206IDlweDtcblxuICBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyM3B4Jyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAgIHBhZGRpbmc6IDlweCAyMHB4O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSxcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kfTtcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAuYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGlua3M6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gIH1bXTtcbiAgbWVzc2FnZXM6IHtcbiAgICBoZWFkaW5nOiBzdHJpbmc7XG4gICAgc2hvd01vcmU6IHN0cmluZztcbiAgICBzaG93TGVzczogc3RyaW5nO1xuICB9O1xuICBkZWZhdWx0VmlzYWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIHZpc2libGVDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBkZWZhdWx0VmlzYWJsZUNvdW50ID0gNjtcblxuY2xhc3MgU3ViamVjdFNob3J0Y3V0cyBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2aXNpYmxlQ291bnQ6IHByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQsXG4gICAgfTtcblxuICAgIHRoaXMuaGFuZGxlT25FeHBhbmQgPSB0aGlzLmhhbmRsZU9uRXhwYW5kLmJpbmQodGhpcyk7XG4gIH1cblxuICBoYW5kbGVPbkV4cGFuZChleHBhbmRlZDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5ld1Zpc2libGVDb3VudCA9IGV4cGFuZGVkID8gdGhpcy5wcm9wcy5saW5rcy5sZW5ndGggOiB0aGlzLnByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQ7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZpc2libGVDb3VudDogbmV3VmlzaWJsZUNvdW50LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbGlua3MsIG1lc3NhZ2VzLCBkZWZhdWx0VmlzYWJsZUNvdW50IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGlkID0gJ3N1YmplY3Qtc2hvcnRjdXQnO1xuXG4gICAgY29uc3Qgc2hvd0V4cGFuZCA9IGRlZmF1bHRWaXNhYmxlQ291bnQgPCBsaW5rcy5sZW5ndGg7XG4gICAgbGV0IGJ1dHRvbiA9IG51bGw7XG4gICAgbGV0IGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzO1xuXG4gICAgaWYgKHNob3dFeHBhbmQpIHtcbiAgICAgIGNvbnN0IGlzRXhwYW5kZWQgPSB0aGlzLnN0YXRlLnZpc2libGVDb3VudCA+IGRlZmF1bHRWaXNhYmxlQ291bnQ7XG4gICAgICBjb25zdCBidXR0b25UZXh0ID0gaXNFeHBhbmRlZCA/IG1lc3NhZ2VzLnNob3dMZXNzIDogbWVzc2FnZXMuc2hvd01vcmU7XG5cbiAgICAgIGJ1dHRvbiA9IChcbiAgICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1jb250cm9scz17aWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdGhpcy5oYW5kbGVPbkV4cGFuZCghaXNFeHBhbmRlZCl9PlxuICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPHNwYW4+e2J1dHRvblRleHR9PC9zcGFuPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICk7XG5cbiAgICAgIGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzLmZpbHRlcigobGluaywgaW5kZXgpID0+IGluZGV4IDwgdGhpcy5zdGF0ZS52aXNpYmxlQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57bWVzc2FnZXMuaGVhZGluZ308L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgIDxuYXYgaWQ9e2lkfT5cbiAgICAgICAgICA8U3R5bGVkVHJhbnNpdGlvbkdyb3VwIGNvbXBvbmVudD1cInVsXCI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRMaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICAgICAgPEZhZGUga2V5PXtsaW5rLnVybH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICAgICAgPFNhZmVMaW5rIHRvPXtsaW5rLnVybH0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvU3R5bGVkVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICA8L25hdj5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgKTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdFNob3J0Y3V0cztcbiJdfQ== */"));
+})("display:block;margin-right:9px;margin-bottom:9px;a{display:block;background:", _core.colors.brand.light, ";box-shadow:none;border-radius:5px;", _core.fonts.sizes('18px', '23px'), ";font-weight:", _core.fonts.weight.semibold, ";color:", _core.colors.brand.dark, ";padding:9px 20px;&:hover,&:active,&:focus{background-color:", _core.colors.brand.primary, ";color:", _core.colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0MiLCJmaWxlIjoiU3ViamVjdFNob3J0Y3V0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBGb3J3YXJkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcbmltcG9ydCBGYWRlIGZyb20gJy4uL0FuaW1hdGlvbi9GYWRlJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYW5zaXRpb25Hcm91cCA9IHN0eWxlZChUcmFuc2l0aW9uR3JvdXApYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXJpZ2h0OiA5cHg7XG4gIG1hcmdpbi1ib3R0b206IDlweDtcblxuICBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyM3B4Jyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAgIHBhZGRpbmc6IDlweCAyMHB4O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSxcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kfTtcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAuYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGlua3M6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gIH1bXTtcbiAgaGVhZGluZ0xldmVsOiBIZWFkaW5nTGV2ZWw7XG4gIG1lc3NhZ2VzOiB7XG4gICAgaGVhZGluZzogc3RyaW5nO1xuICAgIHNob3dNb3JlOiBzdHJpbmc7XG4gICAgc2hvd0xlc3M6IHN0cmluZztcbiAgfTtcbiAgZGVmYXVsdFZpc2FibGVDb3VudDogbnVtYmVyO1xufVxuXG5pbnRlcmZhY2UgU3RhdGUge1xuICB2aXNpYmxlQ291bnQ6IG51bWJlcjtcbn1cblxuY29uc3QgZGVmYXVsdFZpc2FibGVDb3VudCA9IDY7XG5cbmNsYXNzIFN1YmplY3RTaG9ydGN1dHMgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIGNvbnN0cnVjdG9yKHByb3BzOiBQcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgdmlzaWJsZUNvdW50OiBwcm9wcy5kZWZhdWx0VmlzYWJsZUNvdW50LFxuICAgIH07XG5cbiAgICB0aGlzLmhhbmRsZU9uRXhwYW5kID0gdGhpcy5oYW5kbGVPbkV4cGFuZC5iaW5kKHRoaXMpO1xuICB9XG5cbiAgaGFuZGxlT25FeHBhbmQoZXhwYW5kZWQ6IGJvb2xlYW4pIHtcbiAgICBjb25zdCBuZXdWaXNpYmxlQ291bnQgPSBleHBhbmRlZCA/IHRoaXMucHJvcHMubGlua3MubGVuZ3RoIDogdGhpcy5wcm9wcy5kZWZhdWx0VmlzYWJsZUNvdW50O1xuXG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICB2aXNpYmxlQ291bnQ6IG5ld1Zpc2libGVDb3VudCxcbiAgICB9KTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGxpbmtzLCBtZXNzYWdlcywgZGVmYXVsdFZpc2FibGVDb3VudCwgaGVhZGluZ0xldmVsIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGlkID0gJ3N1YmplY3Qtc2hvcnRjdXQnO1xuXG4gICAgY29uc3Qgc2hvd0V4cGFuZCA9IGRlZmF1bHRWaXNhYmxlQ291bnQgPCBsaW5rcy5sZW5ndGg7XG4gICAgbGV0IGJ1dHRvbiA9IG51bGw7XG4gICAgbGV0IGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzO1xuXG4gICAgaWYgKHNob3dFeHBhbmQpIHtcbiAgICAgIGNvbnN0IGlzRXhwYW5kZWQgPSB0aGlzLnN0YXRlLnZpc2libGVDb3VudCA+IGRlZmF1bHRWaXNhYmxlQ291bnQ7XG4gICAgICBjb25zdCBidXR0b25UZXh0ID0gaXNFeHBhbmRlZCA/IG1lc3NhZ2VzLnNob3dMZXNzIDogbWVzc2FnZXMuc2hvd01vcmU7XG5cbiAgICAgIGJ1dHRvbiA9IChcbiAgICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1jb250cm9scz17aWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdGhpcy5oYW5kbGVPbkV4cGFuZCghaXNFeHBhbmRlZCl9PlxuICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPHNwYW4+e2J1dHRvblRleHR9PC9zcGFuPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICk7XG5cbiAgICAgIGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzLmZpbHRlcigobGluaywgaW5kZXgpID0+IGluZGV4IDwgdGhpcy5zdGF0ZS52aXNpYmxlQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICAgICA8U3ViamVjdFNlY3Rpb25UaXRsZSBoZWFkaW5nTGV2ZWw9e2hlYWRpbmdMZXZlbH0+e21lc3NhZ2VzLmhlYWRpbmd9PC9TdWJqZWN0U2VjdGlvblRpdGxlPlxuICAgICAgICA8bmF2IGlkPXtpZH0+XG4gICAgICAgICAgPFN0eWxlZFRyYW5zaXRpb25Hcm91cCBjb21wb25lbnQ9XCJ1bFwiPlxuICAgICAgICAgICAge2ZpbHRlcmVkTGlua3MubWFwKChsaW5rKSA9PiAoXG4gICAgICAgICAgICAgIDxGYWRlIGtleT17bGluay51cmx9PlxuICAgICAgICAgICAgICAgIDxTdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgICAgIDxTYWZlTGluayB0bz17bGluay51cmx9PntsaW5rLnRleHR9PC9TYWZlTGluaz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICA8L0ZhZGU+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L1N0eWxlZFRyYW5zaXRpb25Hcm91cD5cbiAgICAgICAgPC9uYXY+XG4gICAgICAgIHtidXR0b259XG4gICAgICA8L1N1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICk7XG4gIH1cblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgIGRlZmF1bHRWaXNhYmxlQ291bnQsXG4gIH07XG59XG5cbmV4cG9ydCBkZWZhdWx0IFN1YmplY3RTaG9ydGN1dHM7XG4iXX0= */"));
 var StyledButton = /*#__PURE__*/(0, _base["default"])("button", {
   target: "em7bbej0",
   label: "StyledButton"
-})("display:flex;background:none;border:0;align-items:center;padding:0;color:", _core.colors.brand, ";margin-top:", _core.spacing.normal, ";cursor:pointer;.c-icon{width:18px;height:18px;margin-right:", _core.spacing.xsmall, ";}span{", _core.fonts.sizes('14px', '18px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDa0MiLCJmaWxlIjoiU3ViamVjdFNob3J0Y3V0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBGb3J3YXJkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcbmltcG9ydCBGYWRlIGZyb20gJy4uL0FuaW1hdGlvbi9GYWRlJztcblxuY29uc3QgU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYW5zaXRpb25Hcm91cCA9IHN0eWxlZChUcmFuc2l0aW9uR3JvdXApYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXJpZ2h0OiA5cHg7XG4gIG1hcmdpbi1ib3R0b206IDlweDtcblxuICBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyM3B4Jyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAgIHBhZGRpbmc6IDlweCAyMHB4O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSxcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kfTtcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAuYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGlua3M6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gIH1bXTtcbiAgbWVzc2FnZXM6IHtcbiAgICBoZWFkaW5nOiBzdHJpbmc7XG4gICAgc2hvd01vcmU6IHN0cmluZztcbiAgICBzaG93TGVzczogc3RyaW5nO1xuICB9O1xuICBkZWZhdWx0VmlzYWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIHZpc2libGVDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBkZWZhdWx0VmlzYWJsZUNvdW50ID0gNjtcblxuY2xhc3MgU3ViamVjdFNob3J0Y3V0cyBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2aXNpYmxlQ291bnQ6IHByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQsXG4gICAgfTtcblxuICAgIHRoaXMuaGFuZGxlT25FeHBhbmQgPSB0aGlzLmhhbmRsZU9uRXhwYW5kLmJpbmQodGhpcyk7XG4gIH1cblxuICBoYW5kbGVPbkV4cGFuZChleHBhbmRlZDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5ld1Zpc2libGVDb3VudCA9IGV4cGFuZGVkID8gdGhpcy5wcm9wcy5saW5rcy5sZW5ndGggOiB0aGlzLnByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQ7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZpc2libGVDb3VudDogbmV3VmlzaWJsZUNvdW50LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbGlua3MsIG1lc3NhZ2VzLCBkZWZhdWx0VmlzYWJsZUNvdW50IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGlkID0gJ3N1YmplY3Qtc2hvcnRjdXQnO1xuXG4gICAgY29uc3Qgc2hvd0V4cGFuZCA9IGRlZmF1bHRWaXNhYmxlQ291bnQgPCBsaW5rcy5sZW5ndGg7XG4gICAgbGV0IGJ1dHRvbiA9IG51bGw7XG4gICAgbGV0IGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzO1xuXG4gICAgaWYgKHNob3dFeHBhbmQpIHtcbiAgICAgIGNvbnN0IGlzRXhwYW5kZWQgPSB0aGlzLnN0YXRlLnZpc2libGVDb3VudCA+IGRlZmF1bHRWaXNhYmxlQ291bnQ7XG4gICAgICBjb25zdCBidXR0b25UZXh0ID0gaXNFeHBhbmRlZCA/IG1lc3NhZ2VzLnNob3dMZXNzIDogbWVzc2FnZXMuc2hvd01vcmU7XG5cbiAgICAgIGJ1dHRvbiA9IChcbiAgICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1jb250cm9scz17aWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdGhpcy5oYW5kbGVPbkV4cGFuZCghaXNFeHBhbmRlZCl9PlxuICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPHNwYW4+e2J1dHRvblRleHR9PC9zcGFuPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICk7XG5cbiAgICAgIGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzLmZpbHRlcigobGluaywgaW5kZXgpID0+IGluZGV4IDwgdGhpcy5zdGF0ZS52aXNpYmxlQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57bWVzc2FnZXMuaGVhZGluZ308L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgIDxuYXYgaWQ9e2lkfT5cbiAgICAgICAgICA8U3R5bGVkVHJhbnNpdGlvbkdyb3VwIGNvbXBvbmVudD1cInVsXCI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRMaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICAgICAgPEZhZGUga2V5PXtsaW5rLnVybH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICAgICAgPFNhZmVMaW5rIHRvPXtsaW5rLnVybH0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvU3R5bGVkVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICA8L25hdj5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgKTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdFNob3J0Y3V0cztcbiJdfQ== */"));
+})("display:flex;background:none;border:0;align-items:center;padding:0;color:", _core.colors.brand, ";margin-top:", _core.spacing.normal, ";cursor:pointer;.c-icon{width:18px;height:18px;margin-right:", _core.spacing.xsmall, ";}span{", _core.fonts.sizes('14px', '18px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDa0MiLCJmaWxlIjoiU3ViamVjdFNob3J0Y3V0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBGb3J3YXJkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcbmltcG9ydCBGYWRlIGZyb20gJy4uL0FuaW1hdGlvbi9GYWRlJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYW5zaXRpb25Hcm91cCA9IHN0eWxlZChUcmFuc2l0aW9uR3JvdXApYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXJpZ2h0OiA5cHg7XG4gIG1hcmdpbi1ib3R0b206IDlweDtcblxuICBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyM3B4Jyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAgIHBhZGRpbmc6IDlweCAyMHB4O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSxcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kfTtcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAuYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGlua3M6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gIH1bXTtcbiAgaGVhZGluZ0xldmVsOiBIZWFkaW5nTGV2ZWw7XG4gIG1lc3NhZ2VzOiB7XG4gICAgaGVhZGluZzogc3RyaW5nO1xuICAgIHNob3dNb3JlOiBzdHJpbmc7XG4gICAgc2hvd0xlc3M6IHN0cmluZztcbiAgfTtcbiAgZGVmYXVsdFZpc2FibGVDb3VudDogbnVtYmVyO1xufVxuXG5pbnRlcmZhY2UgU3RhdGUge1xuICB2aXNpYmxlQ291bnQ6IG51bWJlcjtcbn1cblxuY29uc3QgZGVmYXVsdFZpc2FibGVDb3VudCA9IDY7XG5cbmNsYXNzIFN1YmplY3RTaG9ydGN1dHMgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIGNvbnN0cnVjdG9yKHByb3BzOiBQcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgdmlzaWJsZUNvdW50OiBwcm9wcy5kZWZhdWx0VmlzYWJsZUNvdW50LFxuICAgIH07XG5cbiAgICB0aGlzLmhhbmRsZU9uRXhwYW5kID0gdGhpcy5oYW5kbGVPbkV4cGFuZC5iaW5kKHRoaXMpO1xuICB9XG5cbiAgaGFuZGxlT25FeHBhbmQoZXhwYW5kZWQ6IGJvb2xlYW4pIHtcbiAgICBjb25zdCBuZXdWaXNpYmxlQ291bnQgPSBleHBhbmRlZCA/IHRoaXMucHJvcHMubGlua3MubGVuZ3RoIDogdGhpcy5wcm9wcy5kZWZhdWx0VmlzYWJsZUNvdW50O1xuXG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICB2aXNpYmxlQ291bnQ6IG5ld1Zpc2libGVDb3VudCxcbiAgICB9KTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGxpbmtzLCBtZXNzYWdlcywgZGVmYXVsdFZpc2FibGVDb3VudCwgaGVhZGluZ0xldmVsIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGlkID0gJ3N1YmplY3Qtc2hvcnRjdXQnO1xuXG4gICAgY29uc3Qgc2hvd0V4cGFuZCA9IGRlZmF1bHRWaXNhYmxlQ291bnQgPCBsaW5rcy5sZW5ndGg7XG4gICAgbGV0IGJ1dHRvbiA9IG51bGw7XG4gICAgbGV0IGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzO1xuXG4gICAgaWYgKHNob3dFeHBhbmQpIHtcbiAgICAgIGNvbnN0IGlzRXhwYW5kZWQgPSB0aGlzLnN0YXRlLnZpc2libGVDb3VudCA+IGRlZmF1bHRWaXNhYmxlQ291bnQ7XG4gICAgICBjb25zdCBidXR0b25UZXh0ID0gaXNFeHBhbmRlZCA/IG1lc3NhZ2VzLnNob3dMZXNzIDogbWVzc2FnZXMuc2hvd01vcmU7XG5cbiAgICAgIGJ1dHRvbiA9IChcbiAgICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1jb250cm9scz17aWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdGhpcy5oYW5kbGVPbkV4cGFuZCghaXNFeHBhbmRlZCl9PlxuICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPHNwYW4+e2J1dHRvblRleHR9PC9zcGFuPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICk7XG5cbiAgICAgIGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzLmZpbHRlcigobGluaywgaW5kZXgpID0+IGluZGV4IDwgdGhpcy5zdGF0ZS52aXNpYmxlQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICAgICA8U3ViamVjdFNlY3Rpb25UaXRsZSBoZWFkaW5nTGV2ZWw9e2hlYWRpbmdMZXZlbH0+e21lc3NhZ2VzLmhlYWRpbmd9PC9TdWJqZWN0U2VjdGlvblRpdGxlPlxuICAgICAgICA8bmF2IGlkPXtpZH0+XG4gICAgICAgICAgPFN0eWxlZFRyYW5zaXRpb25Hcm91cCBjb21wb25lbnQ9XCJ1bFwiPlxuICAgICAgICAgICAge2ZpbHRlcmVkTGlua3MubWFwKChsaW5rKSA9PiAoXG4gICAgICAgICAgICAgIDxGYWRlIGtleT17bGluay51cmx9PlxuICAgICAgICAgICAgICAgIDxTdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgICAgIDxTYWZlTGluayB0bz17bGluay51cmx9PntsaW5rLnRleHR9PC9TYWZlTGluaz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICA8L0ZhZGU+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L1N0eWxlZFRyYW5zaXRpb25Hcm91cD5cbiAgICAgICAgPC9uYXY+XG4gICAgICAgIHtidXR0b259XG4gICAgICA8L1N1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICk7XG4gIH1cblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgIGRlZmF1bHRWaXNhYmxlQ291bnQsXG4gIH07XG59XG5cbmV4cG9ydCBkZWZhdWx0IFN1YmplY3RTaG9ydGN1dHM7XG4iXX0= */"));
 var defaultVisableCount = 6;
 var SubjectShortcuts = /*#__PURE__*/function (_Component) {
   _inherits(SubjectShortcuts, _Component);
@@ -82,7 +82,8 @@ var SubjectShortcuts = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
         links = _this$props.links,
         messages = _this$props.messages,
-        defaultVisableCount = _this$props.defaultVisableCount;
+        defaultVisableCount = _this$props.defaultVisableCount,
+        headingLevel = _this$props.headingLevel;
       var id = 'subject-shortcut';
       var showExpand = defaultVisableCount < links.length;
       var button = null;
@@ -107,6 +108,7 @@ var SubjectShortcuts = /*#__PURE__*/function (_Component) {
       }
       return (0, _jsxRuntime.jsxs)(SubjectShortcutsSection, {
         children: [(0, _jsxRuntime.jsx)(_Subject.SubjectSectionTitle, {
+          headingLevel: headingLevel,
           children: messages.heading
         }), (0, _jsxRuntime.jsx)("nav", {
           id: id,

package/lib/Subject/SubjectSocial.d.ts

@@ -1,8 +1,12 @@
 import { ReactNode } from 'react';
+import { HeadingLevel } from '../types';
 export declare const SubjectSocialContent: ({ children }: {
     children: ReactNode;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SubjectSocialSection: ({ children, title }: {
+interface SubjectSocialSectionProps {
     children: ReactNode;
-    title?: string | undefined;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
+    title?: string;
+    headingLevel: HeadingLevel;
+}
+export declare const SubjectSocialSection: ({ children, title, headingLevel }: SubjectSocialSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/lib/Subject/SubjectSocial.js

@@ -15,7 +15,7 @@ var StyledSubjectSocialContent = /*#__PURE__*/(0, _base["default"])("div", {
   label: "StyledSubjectSocialContent"
 })("display:none;", _core.mq.range({
   from: _core.breakpoints.tabletWide
-}), "{display:flex;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTb2NpYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QyIsImZpbGUiOiJTdWJqZWN0U29jaWFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN1YmplY3RTb2NpYWxDb250ZW50ID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFN1YmplY3RTb2NpYWxDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZFN1YmplY3RTb2NpYWxDb250ZW50PlxuKTtcblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBmbGV4LWJhc2lzOiA1MCU7XG4gICY6bnRoLWNoaWxkKG9kZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0U29jaWFsU2VjdGlvbiA9ICh7IGNoaWxkcmVuLCB0aXRsZSA9ICcnIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgdGl0bGU/OiBzdHJpbmcgfSkgPT4gKFxuICA8U3R5bGVkU2VjdGlvbj5cbiAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57dGl0bGV9PC9TdWJqZWN0U2VjdGlvblRpdGxlPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcbiJdfQ== */"));
+}), "{display:flex;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTb2NpYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU02QyIsImZpbGUiOiJTdWJqZWN0U29jaWFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN1YmplY3RTb2NpYWxDb250ZW50ID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFN1YmplY3RTb2NpYWxDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZFN1YmplY3RTb2NpYWxDb250ZW50PlxuKTtcblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBmbGV4LWJhc2lzOiA1MCU7XG4gICY6bnRoLWNoaWxkKG9kZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTdWJqZWN0U29jaWFsU2VjdGlvblByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZ0xldmVsO1xufVxuXG5leHBvcnQgY29uc3QgU3ViamVjdFNvY2lhbFNlY3Rpb24gPSAoeyBjaGlsZHJlbiwgdGl0bGUgPSAnJywgaGVhZGluZ0xldmVsIH06IFN1YmplY3RTb2NpYWxTZWN0aW9uUHJvcHMpID0+IChcbiAgPFN0eWxlZFNlY3Rpb24+XG4gICAgPFN1YmplY3RTZWN0aW9uVGl0bGUgaGVhZGluZ0xldmVsPXtoZWFkaW5nTGV2ZWx9Pnt0aXRsZX08L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFNlY3Rpb24+XG4pO1xuIl19 */"));
 var SubjectSocialContent = function SubjectSocialContent(_ref) {
   var children = _ref.children;
   return (0, _jsxRuntime.jsx)(StyledSubjectSocialContent, {
@@ -26,13 +26,15 @@ exports.SubjectSocialContent = SubjectSocialContent;
 var StyledSection = /*#__PURE__*/(0, _base["default"])("section", {
   target: "e1myfrk60",
   label: "StyledSection"
-})("flex-basis:50%;&:nth-child(odd){margin-right:", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTb2NpYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCb0MiLCJmaWxlIjoiU3ViamVjdFNvY2lhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcblxuY29uc3QgU3R5bGVkU3ViamVjdFNvY2lhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0U29jaWFsQ29udGVudCA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudD57Y2hpbGRyZW59PC9TdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudD5cbik7XG5cbmNvbnN0IFN0eWxlZFNlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgZmxleC1iYXNpczogNTAlO1xuICAmOm50aC1jaGlsZChvZGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdFNvY2lhbFNlY3Rpb24gPSAoeyBjaGlsZHJlbiwgdGl0bGUgPSAnJyB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGU7IHRpdGxlPzogc3RyaW5nIH0pID0+IChcbiAgPFN0eWxlZFNlY3Rpb24+XG4gICAgPFN1YmplY3RTZWN0aW9uVGl0bGU+e3RpdGxlfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkU2VjdGlvbj5cbik7XG4iXX0= */"));
+})("flex-basis:50%;&:nth-child(odd){margin-right:", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTb2NpYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCb0MiLCJmaWxlIjoiU3ViamVjdFNvY2lhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBIZWFkaW5nTGV2ZWwgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcblxuY29uc3QgU3R5bGVkU3ViamVjdFNvY2lhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0U29jaWFsQ29udGVudCA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudD57Y2hpbGRyZW59PC9TdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudD5cbik7XG5cbmNvbnN0IFN0eWxlZFNlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgZmxleC1iYXNpczogNTAlO1xuICAmOm50aC1jaGlsZChvZGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3ViamVjdFNvY2lhbFNlY3Rpb25Qcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw6IEhlYWRpbmdMZXZlbDtcbn1cblxuZXhwb3J0IGNvbnN0IFN1YmplY3RTb2NpYWxTZWN0aW9uID0gKHsgY2hpbGRyZW4sIHRpdGxlID0gJycsIGhlYWRpbmdMZXZlbCB9OiBTdWJqZWN0U29jaWFsU2VjdGlvblByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlIGhlYWRpbmdMZXZlbD17aGVhZGluZ0xldmVsfT57dGl0bGV9PC9TdWJqZWN0U2VjdGlvblRpdGxlPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcbiJdfQ== */"));
 var SubjectSocialSection = function SubjectSocialSection(_ref2) {
   var children = _ref2.children,
     _ref2$title = _ref2.title,
-    title = _ref2$title === void 0 ? '' : _ref2$title;
+    title = _ref2$title === void 0 ? '' : _ref2$title,
+    headingLevel = _ref2.headingLevel;
   return (0, _jsxRuntime.jsxs)(StyledSection, {
     children: [(0, _jsxRuntime.jsx)(_Subject.SubjectSectionTitle, {
+      headingLevel: headingLevel,
       children: title
     }), children]
   });

package/lib/types.d.ts

@@ -102,4 +102,5 @@ export type NotionMedia = {
     type: 'video' | 'other';
     element: ReactNode;
 };
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "33.0.0",
+  "version": "33.0.1",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d34999a576b5dae2af941139a85a712ca2b1e897"
+  "gitHead": "5a30438e331935889d5867b0fdc27a56116f3091"
 }

package/src/Frontpage/FrontpageFilm.tsx

@@ -78,7 +78,9 @@ const FrontpageFilm = ({ url, imageUrl }: Props) => {
   const { t } = useTranslation();
   return (
     <StyledSection>
-      <SectionHeading large>{t('welcomePage.film.header')}</SectionHeading>
+      <SectionHeading headingLevel="h2" large>
+        {t('welcomePage.film.header')}
+      </SectionHeading>
       <StyledImage imageUrl={imageUrl}>
         <StyledText>{t('welcomePage.film.text')}</StyledText>
         <StyledText narrow>{t('welcomePage.film.textShort')}</StyledText>

package/src/Frontpage/FrontpageMultidisciplinarySubject.tsx

@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next';
 import SectionHeading from '../SectionHeading';
 import ComponentCursor from '../ComponentCursor';
 import { MultidisciplinarySubjectIllustration as Illustration } from './illustrations/FrontpageIllustrations';
+import { HeadingLevel } from '../types';
 
 export const StyledSection = styled.section`
   position: relative;
@@ -72,16 +73,19 @@ const Topic = styled.div`
 type Props = {
   url: string;
   topics?: { url: string; title: string; id: string }[];
+  headingLevel: HeadingLevel;
 };
 
-const FrontpageMultidisciplinarySubject = ({ url, topics }: Props) => {
+const FrontpageMultidisciplinarySubject = ({ url, topics, headingLevel }: Props) => {
   const { t } = useTranslation();
   return (
     <StyledSection>
       <ComponentCursor variant="left" text={t('frontpageMultidisciplinarySubject.cursorText')} />
       <Wrapper>
         <Content>
-          <SectionHeading large>{t('frontpageMultidisciplinarySubject.heading')}</SectionHeading>
+          <SectionHeading headingLevel={headingLevel} large>
+            {t('frontpageMultidisciplinarySubject.heading')}
+          </SectionHeading>
           {topics ? (
             <Topics>
               {topics.map((topic) => {

package/src/Frontpage/FrontpageToolbox.tsx

@@ -6,6 +6,7 @@ import { SafeLinkButton } from '@ndla/safelink';
 import SectionHeading from '../SectionHeading';
 import ComponentCursor from '../ComponentCursor';
 import { ToolboxIllustration as Illustration } from './illustrations/FrontpageIllustrations';
+import { HeadingLevel } from '../types';
 
 const StyledSection = styled.section`
   margin-top: ${spacing.large};
@@ -44,14 +45,17 @@ const StyledStudentsButton = styled(SafeLinkButton)`
 type Props = {
   urlStudents: string;
   urlTeachers: string;
+  headingLevel: HeadingLevel;
 };
 
-const FrontpageToolbox = ({ urlStudents, urlTeachers }: Props) => {
+const FrontpageToolbox = ({ urlStudents, urlTeachers, headingLevel }: Props) => {
   const { t } = useTranslation();
   return (
     <StyledSection>
       <ComponentCursor variant="left" text={t('frontPageToolbox.cursorText')} />
-      <SectionHeading large>{t('frontPageToolbox.heading')}</SectionHeading>
+      <SectionHeading headingLevel={headingLevel} large>
+        {t('frontPageToolbox.heading')}
+      </SectionHeading>
       <ToolboxWrapper>
         <StyledText>{t('frontPageToolbox.text')}</StyledText>
       </ToolboxWrapper>

package/src/InfoWidget/InfoWidget.tsx

@@ -6,6 +6,7 @@ import SafeLink from '@ndla/safelink';
 import { colors, fonts, spacing } from '@ndla/core';
 
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 interface InfoWidgetSectionProps {
   center?: boolean;
@@ -64,6 +65,7 @@ const StyledMainLink = styled.a`
 `;
 interface Props {
   heading: string;
+  headingLevel: HeadingLevel;
   description: string;
   mainLink: {
     name: string;
@@ -79,9 +81,11 @@ interface Props {
   center?: boolean;
 }
 
-const InfoWidget = ({ heading, description, mainLink, iconLinks, center = false }: Props) => (
+const InfoWidget = ({ heading, description, mainLink, iconLinks, headingLevel, center = false }: Props) => (
   <InfoWidgetSection center={center}>
-    <SectionHeading large>{heading}</SectionHeading>
+    <SectionHeading headingLevel={headingLevel} large>
+      {heading}
+    </SectionHeading>
     <InfoWidgetDescription>
       <p>{description}</p>
     </InfoWidgetDescription>

package/src/RelatedArticleList/RelatedArticleList.tsx

@@ -3,6 +3,7 @@ import BEMHelper from 'react-bem-helper';
 import Button from '@ndla/button';
 import SafeLink from '@ndla/safelink';
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 const classes = new BEMHelper({
   name: 'related-articles',
@@ -51,13 +52,14 @@ interface Props {
     showMore: string;
     showLess: string;
   };
+  headingLevel: HeadingLevel;
   children?: ReactElement;
   dangerouslySetInnerHTML?: {
     __html: string;
   };
   articleCount?: number;
 }
-const RelatedArticleList = ({ messages, children, articleCount, dangerouslySetInnerHTML }: Props) => {
+const RelatedArticleList = ({ messages, children, articleCount, dangerouslySetInnerHTML, headingLevel }: Props) => {
   const clonedChildren =
     !dangerouslySetInnerHTML && children
       ? Children.map(children, (article, i) =>
@@ -70,7 +72,9 @@ const RelatedArticleList = ({ messages, children, articleCount, dangerouslySetIn
 
   return (
     <section {...classes('')}>
-      <SectionHeading className={classes('component-title').className}>{messages.title}</SectionHeading>
+      <SectionHeading headingLevel={headingLevel} className={classes('component-title').className}>
+        {messages.title}
+      </SectionHeading>
       <div {...classes('articles')} dangerouslySetInnerHTML={dangerouslySetInnerHTML}>
         {clonedChildren}
       </div>

package/src/SectionHeading/SectionHeading.tsx

@@ -1,13 +1,9 @@
 import React, { ElementType, ReactNode } from 'react';
 import { css } from '@emotion/react';
 import { breakpoints, fonts, mq, spacing } from '@ndla/core';
-import styled from '@emotion/styled';
+import { HeadingLevel } from '../types';
 
-interface StyledWrapperProps {
-  large?: boolean;
-}
-
-const StyledWrapper = styled.h2<StyledWrapperProps>`
+const headingStyle = css`
   font-weight: ${fonts.weight.bold};
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -15,31 +11,30 @@ const StyledWrapper = styled.h2<StyledWrapperProps>`
   ${mq.range({ from: breakpoints.tablet })} {
     ${fonts.sizes('20px', '26px')};
   }
-  ${(p) =>
-    p.large &&
-    css`
-      margin: 0 0 ${spacing.small} 0;
-      ${fonts.sizes('16px', '32px')};
-      ${mq.range({ from: breakpoints.tablet })} {
-        ${fonts.sizes('22px')};
-      }
-    `};
 `;
 
-const LargeStyledWrapper = StyledWrapper.withComponent('h1');
+const largeHeadingStyle = css`
+  margin: 0 0 ${spacing.small} 0;
+  ${fonts.sizes('16px', '32px')};
+  ${mq.range({ from: breakpoints.tablet })} {
+    ${fonts.sizes('22px')};
+  }
+`;
 
 interface Props {
   children: ReactNode;
   large?: boolean;
   className?: string;
+  headingLevel: HeadingLevel;
 }
 
-const SectionHeading = ({ children, large = false, className }: Props) => {
-  const Wrapper: ElementType = large ? LargeStyledWrapper : StyledWrapper;
+const SectionHeading = ({ children, large = false, className, headingLevel = 'h2' }: Props) => {
+  const Element: ElementType = headingLevel;
+  const styles = large ? [headingStyle, largeHeadingStyle] : [headingStyle];
   return (
-    <Wrapper large={large} className={className}>
+    <Element css={styles} className={className}>
       {children}
-    </Wrapper>
+    </Element>
   );
 };
 

package/src/Subject/Subject.tsx

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { breakpoints, colors, mq, spacing, spacingUnit } from '@ndla/core';
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 const SubjectContentWrapper = styled.div`
   ${mq.range({ from: breakpoints.tablet })} {
@@ -190,6 +191,13 @@ const StyledSectionHeading = styled(SectionHeading)`
   }
 `;
 
-export const SubjectSectionTitle = ({ children }: { children: ReactNode }) => (
-  <StyledSectionHeading large>{children}</StyledSectionHeading>
+interface SubjectSectionTitleProps {
+  headingLevel: HeadingLevel;
+  children: ReactNode;
+}
+
+export const SubjectSectionTitle = ({ children, headingLevel = 'h2' }: SubjectSectionTitleProps) => (
+  <StyledSectionHeading large headingLevel={headingLevel}>
+    {children}
+  </StyledSectionHeading>
 );

package/src/Subject/SubjectAbout.tsx

@@ -3,6 +3,7 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 interface Props {
   fixedWidth?: boolean;
@@ -10,6 +11,7 @@ interface Props {
   media: ReactNode;
   heading: string;
   description: string;
+  headingLevel: HeadingLevel;
 }
 
 interface SubjectAboutSectionProps {
@@ -98,9 +100,11 @@ const StyledDescription = styled.p`
   ${fonts.sizes('16px', '26px')};
 `;
 
-const SubjectAbout = ({ fixedWidth = false, media, heading, description, wide = false }: Props) => (
+const SubjectAbout = ({ fixedWidth = false, media, heading, description, wide = false, headingLevel }: Props) => (
   <SubjectAboutSection wide={wide} fixedWidth={fixedWidth}>
-    <StyledSectionHeading large>{heading}</StyledSectionHeading>
+    <StyledSectionHeading headingLevel={headingLevel} large>
+      {heading}
+    </StyledSectionHeading>
     <MediaWrapper>{media}</MediaWrapper>
     <StyledContent>
       <StyledMainHeading>{heading}</StyledMainHeading>

package/src/Subject/SubjectArchive.tsx

@@ -5,6 +5,7 @@ import { Cross } from '@ndla/icons/action';
 import { breakpoints, colors, fonts, mq, spacing, utils } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 interface Props {
   featuringArticle: {
@@ -13,6 +14,7 @@ interface Props {
     description: string;
     url: string;
   };
+  headingLevel: HeadingLevel;
   archiveArticles: { url: string; heading: string }[];
   sectionHeading: string;
   fixedWidth?: boolean;
@@ -155,7 +157,14 @@ class SubjectArchive extends Component<Props, State> {
   }
 
   render() {
-    const { fixedWidth = false, featuringArticle, messages, sectionHeading, archiveArticles } = this.props;
+    const {
+      fixedWidth = false,
+      headingLevel,
+      featuringArticle,
+      messages,
+      sectionHeading,
+      archiveArticles,
+    } = this.props;
 
     const archiveId = 'subject-archive';
 
@@ -183,7 +192,9 @@ class SubjectArchive extends Component<Props, State> {
 
     return (
       <SubjectArchiveSection animate={!!this.state.minHeight} fixedWidth={fixedWidth} ref={this.wrapperRef}>
-        <StyledSectionHeading large>{sectionHeading}</StyledSectionHeading>
+        <StyledSectionHeading headingLevel={headingLevel} large>
+          {sectionHeading}
+        </StyledSectionHeading>
         <ArchiveWrapper>
           {section}
           <ArchiveButon

package/src/Subject/SubjectCarousel.tsx

@@ -7,6 +7,7 @@ import { breakpoints, mq, spacing, spacingUnit } from '@ndla/core';
 import { SafeLinkProps } from '@ndla/safelink';
 import { ContentCard } from '../index';
 import { SubjectSectionTitle } from './Subject';
+import { HeadingLevel } from '../types';
 
 interface Props {
   subjects?: {
@@ -17,6 +18,7 @@ interface Props {
     image?: string | undefined | null;
     toLinkProps: () => SafeLinkProps;
   }[];
+  headingLevel: HeadingLevel;
   title?: string;
   narrowScreen?: boolean;
   wideScreen?: boolean;
@@ -59,7 +61,13 @@ const StyledSubjectSectionTitle = styled(SubjectSectionTitle)`
   }
 `;
 
-const SubjectCarousel = ({ subjects = [], title = '', narrowScreen = false, wideScreen = false }: Props) => {
+const SubjectCarousel = ({
+  subjects = [],
+  title = '',
+  narrowScreen = false,
+  wideScreen = false,
+  headingLevel,
+}: Props) => {
   const { t } = useTranslation();
   return (
     <StyledSection narrowScreen={narrowScreen} wideScreen={wideScreen}>
@@ -124,7 +132,7 @@ const SubjectCarousel = ({ subjects = [], title = '', narrowScreen = false, wide
         itemsLength={subjects?.length ?? 0}>
         {(autoSizedProps) => (
           <>
-            <StyledSubjectSectionTitle>{title}</StyledSubjectSectionTitle>
+            <StyledSubjectSectionTitle headingLevel={headingLevel}>{title}</StyledSubjectSectionTitle>
             <Carousel
               {...autoSizedProps}
               disableScroll={(autoSizedProps?.columnsPrSlide ?? 0) >= subjects.length}

package/src/Subject/SubjectLinks.tsx

@@ -4,6 +4,7 @@ import { spacing } from '@ndla/core';
 import SafeLink, { SafeLinkProps } from '@ndla/safelink';
 
 import { SubjectSectionTitle } from './Subject';
+import { HeadingLevel } from '../types';
 
 const SubjectLinksSection = styled.section`
   margin-bottom: ${spacing.large};
@@ -20,6 +21,7 @@ const SubjectLinksList = styled.ul`
 `;
 
 interface Props {
+  headingLevel: HeadingLevel;
   links: {
     toLinkProps: () => SafeLinkProps;
     text: string;
@@ -27,9 +29,9 @@ interface Props {
   heading: string;
 }
 
-const SubjectLinks = ({ links, heading }: Props) => (
+const SubjectLinks = ({ links, heading, headingLevel }: Props) => (
   <SubjectLinksSection>
-    <StyledSubjectSectionTitle>{heading}</StyledSubjectSectionTitle>
+    <StyledSubjectSectionTitle headingLevel={headingLevel}>{heading}</StyledSubjectSectionTitle>
     <nav>
       <SubjectLinksList>
         {links.map((link) => (

package/src/Subject/SubjectNewContent.tsx

@@ -4,8 +4,10 @@ import SafeLink from '@ndla/safelink';
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import ContentTypeBadge from '../ContentTypeBadge';
 import { SubjectSectionTitle } from './Subject';
+import { HeadingLevel } from '../types';
 
 interface Props {
+  headingLevel: HeadingLevel;
   heading: string;
   content: {
     name: string;
@@ -86,9 +88,9 @@ const StyledSafeLink = styled(SafeLink)`
   }
 `;
 
-const SubjectNewContent = ({ heading, content }: Props) => (
+const SubjectNewContent = ({ heading, content, headingLevel }: Props) => (
   <StyledSection>
-    <StyledSubjectSectionTitle>{heading}</StyledSubjectSectionTitle>
+    <StyledSubjectSectionTitle headingLevel={headingLevel}>{heading}</StyledSubjectSectionTitle>
     <nav>
       <StyledUl>
         {content.map((item, index) => (

package/src/Subject/SubjectShortcuts.tsx

@@ -6,6 +6,7 @@ import { Forward } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
 import { SubjectSectionTitle } from './Subject';
 import Fade from '../Animation/Fade';
+import { HeadingLevel } from '../types';
 
 const SubjectShortcutsSection = styled.section`
   margin-bottom: ${spacing.large};
@@ -69,6 +70,7 @@ interface Props {
     url: string;
     text: string;
   }[];
+  headingLevel: HeadingLevel;
   messages: {
     heading: string;
     showMore: string;
@@ -102,7 +104,7 @@ class SubjectShortcuts extends Component<Props, State> {
   }
 
   render() {
-    const { links, messages, defaultVisableCount } = this.props;
+    const { links, messages, defaultVisableCount, headingLevel } = this.props;
     const id = 'subject-shortcut';
 
     const showExpand = defaultVisableCount < links.length;
@@ -128,7 +130,7 @@ class SubjectShortcuts extends Component<Props, State> {
     }
     return (
       <SubjectShortcutsSection>
-        <SubjectSectionTitle>{messages.heading}</SubjectSectionTitle>
+        <SubjectSectionTitle headingLevel={headingLevel}>{messages.heading}</SubjectSectionTitle>
         <nav id={id}>
           <StyledTransitionGroup component="ul">
             {filteredLinks.map((link) => (