@ndla/ui 3.3.7 → 3.3.12

package/lib/SearchTypeResult/SearchNotionsResult.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _core = require("@ndla/core");
 
-var _button = _interopRequireDefault(require("@ndla/button"));
+var _modal = require("@ndla/modal");
 
 var _reactI18next = require("react-i18next");
 
@@ -30,23 +30,19 @@ var Wrapper = (0, _styledBase["default"])("div", {
   from: _core.breakpoints.tablet
 }), "{padding:", _core.spacing.medium, ";box-shadow:0 0 20px rgba(0,0,0,0.24);border-radius:5px;margin:", _core.spacing.large, " 0;}", _core.mq.range({
   from: _core.breakpoints.desktop
-}), "{padding:", _core.spacing.medium, " 66px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMEIiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyB3aXRoVHJhbnNsYXRpb24sIFdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFNlYXJjaE5vdGlvbkl0ZW0sIHsgU2VhcmNoTm90aW9uSXRlbVByb3BzIH0gZnJvbSAnLi9TZWFyY2hOb3Rpb25JdGVtJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICBib3gtc2hhZG93OiAwIDAgMjBweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDY2cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcbmNvbnN0IEhlYWRpbmcgPSBzdHlsZWQuaDJgXG4gIG1hcmdpbjogMDtcbiAgJHtmb250cy5zaXplcygnMjBweCcsICc0NXB4Jyl9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgSGVhZGluZ0NvdW50ID0gc3R5bGVkLnNwYW5gXG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICB0ZXh0LXRyYW5zZm9ybTogbG93ZXJjYXNlO1xuYDtcblxuY29uc3QgQnV0dG9uUmVtb3ZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIycHgnKX07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBpdGVtczogU2VhcmNoTm90aW9uSXRlbVByb3BzW107XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgb25SZW1vdmU6ICgpID0+IHZvaWQ7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogUmVhY3QuUmVhY3ROb2RlKSA9PiBzdHJpbmc7XG59O1xuXG5jb25zdCBTZWFyY2hOb3Rpb25zUmVzdWx0ID0gKHsgaXRlbXMsIHRvdGFsQ291bnQsIG9uUmVtb3ZlLCByZW5kZXJNYXJrZG93biwgdCB9OiBQcm9wcyAmIFdpdGhUcmFuc2xhdGlvbikgPT4gKFxuICA8V3JhcHBlcj5cbiAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICA8SGVhZGluZz5cbiAgICAgICAge3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25zSGVhZGluZ2ApfVxuICAgICAgICA8SGVhZGluZ0NvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9IZWFkaW5nQ291bnQ+XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8QnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSBsaW5rPlxuICAgICAgICA8QnV0dG9uUmVtb3ZlVGV4dD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNSZW1vdmVgKX08L0J1dHRvblJlbW92ZVRleHQ+XG4gICAgICA8L0J1dHRvbj5cbiAgICA8L0hlYWRpbmdXcmFwcGVyPlxuICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgIDxTZWFyY2hOb3Rpb25JdGVtIGtleT17aXRlbS5pZH0gey4uLml0ZW19IHJlbmRlck1hcmtkb3duPXtyZW5kZXJNYXJrZG93bn0gLz5cbiAgICApKX1cbiAgPC9XcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoTm90aW9uc1Jlc3VsdCk7XG4iXX0= */"));
+}), "{padding:", _core.spacing.medium, " 66px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEIiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgeyBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgd2l0aFRyYW5zbGF0aW9uLCBXaXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBTZWFyY2hOb3Rpb25JdGVtLCB7IFNlYXJjaE5vdGlvbkl0ZW1Qcm9wcyB9IGZyb20gJy4vU2VhcmNoTm90aW9uSXRlbSc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgYm94LXNoYWRvdzogMCAwIDIwcHggcmdiYSgwLCAwLCAwLCAwLjI0KTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDA7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfSA2NnB4O1xuICB9XG5gO1xuXG5jb25zdCBIZWFkaW5nV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgyYFxuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnNDVweCcpfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IEhlYWRpbmdDb3VudCA9IHN0eWxlZC5zcGFuYFxuICBmb250LXdlaWdodDogNDAwO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgdGV4dC10cmFuc2Zvcm06IGxvd2VyY2FzZTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBTZWFyY2hOb3Rpb25JdGVtUHJvcHNbXTtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xuICBvblJlbW92ZTogKCkgPT4gdm9pZDtcbiAgcmVuZGVyTWFya2Rvd246ICh0ZXh0OiBSZWFjdC5SZWFjdE5vZGUpID0+IHN0cmluZztcbn07XG5cbmNvbnN0IFNlYXJjaE5vdGlvbnNSZXN1bHQgPSAoeyBpdGVtcywgdG90YWxDb3VudCwgb25SZW1vdmUsIHJlbmRlck1hcmtkb3duLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIDxIZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxIZWFkaW5nPlxuICAgICAgICB7dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nYCl9XG4gICAgICAgIDxIZWFkaW5nQ291bnQ+e3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5oaXRzYCwgeyBjb3VudDogdG90YWxDb3VudCB9KX08L0hlYWRpbmdDb3VudD5cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSAvPlxuICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAge2l0ZW1zLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgPFNlYXJjaE5vdGlvbkl0ZW0ga2V5PXtpdGVtLmlkfSB7Li4uaXRlbX0gcmVuZGVyTWFya2Rvd249e3JlbmRlck1hcmtkb3dufSAvPlxuICAgICkpfVxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hOb3Rpb25zUmVzdWx0KTtcbiJdfQ== */"));
 var HeadingWrapper = (0, _styledBase["default"])("div", {
   target: "e1g2z5qn1",
   label: "HeadingWrapper"
-})("display:flex;justify-content:space-between;align-items:center;margin-bottom:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCaUMiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyB3aXRoVHJhbnNsYXRpb24sIFdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFNlYXJjaE5vdGlvbkl0ZW0sIHsgU2VhcmNoTm90aW9uSXRlbVByb3BzIH0gZnJvbSAnLi9TZWFyY2hOb3Rpb25JdGVtJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICBib3gtc2hhZG93OiAwIDAgMjBweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDY2cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcbmNvbnN0IEhlYWRpbmcgPSBzdHlsZWQuaDJgXG4gIG1hcmdpbjogMDtcbiAgJHtmb250cy5zaXplcygnMjBweCcsICc0NXB4Jyl9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgSGVhZGluZ0NvdW50ID0gc3R5bGVkLnNwYW5gXG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICB0ZXh0LXRyYW5zZm9ybTogbG93ZXJjYXNlO1xuYDtcblxuY29uc3QgQnV0dG9uUmVtb3ZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIycHgnKX07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBpdGVtczogU2VhcmNoTm90aW9uSXRlbVByb3BzW107XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgb25SZW1vdmU6ICgpID0+IHZvaWQ7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogUmVhY3QuUmVhY3ROb2RlKSA9PiBzdHJpbmc7XG59O1xuXG5jb25zdCBTZWFyY2hOb3Rpb25zUmVzdWx0ID0gKHsgaXRlbXMsIHRvdGFsQ291bnQsIG9uUmVtb3ZlLCByZW5kZXJNYXJrZG93biwgdCB9OiBQcm9wcyAmIFdpdGhUcmFuc2xhdGlvbikgPT4gKFxuICA8V3JhcHBlcj5cbiAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICA8SGVhZGluZz5cbiAgICAgICAge3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25zSGVhZGluZ2ApfVxuICAgICAgICA8SGVhZGluZ0NvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9IZWFkaW5nQ291bnQ+XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8QnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSBsaW5rPlxuICAgICAgICA8QnV0dG9uUmVtb3ZlVGV4dD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNSZW1vdmVgKX08L0J1dHRvblJlbW92ZVRleHQ+XG4gICAgICA8L0J1dHRvbj5cbiAgICA8L0hlYWRpbmdXcmFwcGVyPlxuICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgIDxTZWFyY2hOb3Rpb25JdGVtIGtleT17aXRlbS5pZH0gey4uLml0ZW19IHJlbmRlck1hcmtkb3duPXtyZW5kZXJNYXJrZG93bn0gLz5cbiAgICApKX1cbiAgPC9XcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoTm90aW9uc1Jlc3VsdCk7XG4iXX0= */"));
+})("display:flex;justify-content:space-between;align-items:center;margin-bottom:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDaUMiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgeyBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgd2l0aFRyYW5zbGF0aW9uLCBXaXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBTZWFyY2hOb3Rpb25JdGVtLCB7IFNlYXJjaE5vdGlvbkl0ZW1Qcm9wcyB9IGZyb20gJy4vU2VhcmNoTm90aW9uSXRlbSc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgYm94LXNoYWRvdzogMCAwIDIwcHggcmdiYSgwLCAwLCAwLCAwLjI0KTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDA7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfSA2NnB4O1xuICB9XG5gO1xuXG5jb25zdCBIZWFkaW5nV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgyYFxuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnNDVweCcpfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IEhlYWRpbmdDb3VudCA9IHN0eWxlZC5zcGFuYFxuICBmb250LXdlaWdodDogNDAwO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgdGV4dC10cmFuc2Zvcm06IGxvd2VyY2FzZTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBTZWFyY2hOb3Rpb25JdGVtUHJvcHNbXTtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xuICBvblJlbW92ZTogKCkgPT4gdm9pZDtcbiAgcmVuZGVyTWFya2Rvd246ICh0ZXh0OiBSZWFjdC5SZWFjdE5vZGUpID0+IHN0cmluZztcbn07XG5cbmNvbnN0IFNlYXJjaE5vdGlvbnNSZXN1bHQgPSAoeyBpdGVtcywgdG90YWxDb3VudCwgb25SZW1vdmUsIHJlbmRlck1hcmtkb3duLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIDxIZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxIZWFkaW5nPlxuICAgICAgICB7dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nYCl9XG4gICAgICAgIDxIZWFkaW5nQ291bnQ+e3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5oaXRzYCwgeyBjb3VudDogdG90YWxDb3VudCB9KX08L0hlYWRpbmdDb3VudD5cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSAvPlxuICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAge2l0ZW1zLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgPFNlYXJjaE5vdGlvbkl0ZW0ga2V5PXtpdGVtLmlkfSB7Li4uaXRlbX0gcmVuZGVyTWFya2Rvd249e3JlbmRlck1hcmtkb3dufSAvPlxuICAgICkpfVxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hOb3Rpb25zUmVzdWx0KTtcbiJdfQ== */"));
 var Heading = (0, _styledBase["default"])("h2", {
   target: "e1g2z5qn2",
   label: "Heading"
-})("margin:0;", _core.fonts.sizes('20px', '45px'), ";text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUIiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyB3aXRoVHJhbnNsYXRpb24sIFdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFNlYXJjaE5vdGlvbkl0ZW0sIHsgU2VhcmNoTm90aW9uSXRlbVByb3BzIH0gZnJvbSAnLi9TZWFyY2hOb3Rpb25JdGVtJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICBib3gtc2hhZG93OiAwIDAgMjBweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDY2cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcbmNvbnN0IEhlYWRpbmcgPSBzdHlsZWQuaDJgXG4gIG1hcmdpbjogMDtcbiAgJHtmb250cy5zaXplcygnMjBweCcsICc0NXB4Jyl9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgSGVhZGluZ0NvdW50ID0gc3R5bGVkLnNwYW5gXG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICB0ZXh0LXRyYW5zZm9ybTogbG93ZXJjYXNlO1xuYDtcblxuY29uc3QgQnV0dG9uUmVtb3ZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIycHgnKX07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBpdGVtczogU2VhcmNoTm90aW9uSXRlbVByb3BzW107XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgb25SZW1vdmU6ICgpID0+IHZvaWQ7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogUmVhY3QuUmVhY3ROb2RlKSA9PiBzdHJpbmc7XG59O1xuXG5jb25zdCBTZWFyY2hOb3Rpb25zUmVzdWx0ID0gKHsgaXRlbXMsIHRvdGFsQ291bnQsIG9uUmVtb3ZlLCByZW5kZXJNYXJrZG93biwgdCB9OiBQcm9wcyAmIFdpdGhUcmFuc2xhdGlvbikgPT4gKFxuICA8V3JhcHBlcj5cbiAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICA8SGVhZGluZz5cbiAgICAgICAge3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25zSGVhZGluZ2ApfVxuICAgICAgICA8SGVhZGluZ0NvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9IZWFkaW5nQ291bnQ+XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8QnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSBsaW5rPlxuICAgICAgICA8QnV0dG9uUmVtb3ZlVGV4dD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNSZW1vdmVgKX08L0J1dHRvblJlbW92ZVRleHQ+XG4gICAgICA8L0J1dHRvbj5cbiAgICA8L0hlYWRpbmdXcmFwcGVyPlxuICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgIDxTZWFyY2hOb3Rpb25JdGVtIGtleT17aXRlbS5pZH0gey4uLml0ZW19IHJlbmRlck1hcmtkb3duPXtyZW5kZXJNYXJrZG93bn0gLz5cbiAgICApKX1cbiAgPC9XcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoTm90aW9uc1Jlc3VsdCk7XG4iXX0= */"));
+})("margin:0;", _core.fonts.sizes('20px', '45px'), ";text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDeUIiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgeyBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgd2l0aFRyYW5zbGF0aW9uLCBXaXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBTZWFyY2hOb3Rpb25JdGVtLCB7IFNlYXJjaE5vdGlvbkl0ZW1Qcm9wcyB9IGZyb20gJy4vU2VhcmNoTm90aW9uSXRlbSc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgYm94LXNoYWRvdzogMCAwIDIwcHggcmdiYSgwLCAwLCAwLCAwLjI0KTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDA7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfSA2NnB4O1xuICB9XG5gO1xuXG5jb25zdCBIZWFkaW5nV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgyYFxuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnNDVweCcpfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IEhlYWRpbmdDb3VudCA9IHN0eWxlZC5zcGFuYFxuICBmb250LXdlaWdodDogNDAwO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgdGV4dC10cmFuc2Zvcm06IGxvd2VyY2FzZTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBTZWFyY2hOb3Rpb25JdGVtUHJvcHNbXTtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xuICBvblJlbW92ZTogKCkgPT4gdm9pZDtcbiAgcmVuZGVyTWFya2Rvd246ICh0ZXh0OiBSZWFjdC5SZWFjdE5vZGUpID0+IHN0cmluZztcbn07XG5cbmNvbnN0IFNlYXJjaE5vdGlvbnNSZXN1bHQgPSAoeyBpdGVtcywgdG90YWxDb3VudCwgb25SZW1vdmUsIHJlbmRlck1hcmtkb3duLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIDxIZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxIZWFkaW5nPlxuICAgICAgICB7dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nYCl9XG4gICAgICAgIDxIZWFkaW5nQ291bnQ+e3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5oaXRzYCwgeyBjb3VudDogdG90YWxDb3VudCB9KX08L0hlYWRpbmdDb3VudD5cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSAvPlxuICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAge2l0ZW1zLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgPFNlYXJjaE5vdGlvbkl0ZW0ga2V5PXtpdGVtLmlkfSB7Li4uaXRlbX0gcmVuZGVyTWFya2Rvd249e3JlbmRlck1hcmtkb3dufSAvPlxuICAgICkpfVxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hOb3Rpb25zUmVzdWx0KTtcbiJdfQ== */"));
 var HeadingCount = (0, _styledBase["default"])("span", {
   target: "e1g2z5qn3",
   label: "HeadingCount"
-})("font-weight:400;margin-left:", _core.spacing.small, ";text-transform:lowercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDZ0MiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyB3aXRoVHJhbnNsYXRpb24sIFdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFNlYXJjaE5vdGlvbkl0ZW0sIHsgU2VhcmNoTm90aW9uSXRlbVByb3BzIH0gZnJvbSAnLi9TZWFyY2hOb3Rpb25JdGVtJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICBib3gtc2hhZG93OiAwIDAgMjBweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDY2cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcbmNvbnN0IEhlYWRpbmcgPSBzdHlsZWQuaDJgXG4gIG1hcmdpbjogMDtcbiAgJHtmb250cy5zaXplcygnMjBweCcsICc0NXB4Jyl9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgSGVhZGluZ0NvdW50ID0gc3R5bGVkLnNwYW5gXG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICB0ZXh0LXRyYW5zZm9ybTogbG93ZXJjYXNlO1xuYDtcblxuY29uc3QgQnV0dG9uUmVtb3ZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIycHgnKX07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBpdGVtczogU2VhcmNoTm90aW9uSXRlbVByb3BzW107XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgb25SZW1vdmU6ICgpID0+IHZvaWQ7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogUmVhY3QuUmVhY3ROb2RlKSA9PiBzdHJpbmc7XG59O1xuXG5jb25zdCBTZWFyY2hOb3Rpb25zUmVzdWx0ID0gKHsgaXRlbXMsIHRvdGFsQ291bnQsIG9uUmVtb3ZlLCByZW5kZXJNYXJrZG93biwgdCB9OiBQcm9wcyAmIFdpdGhUcmFuc2xhdGlvbikgPT4gKFxuICA8V3JhcHBlcj5cbiAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICA8SGVhZGluZz5cbiAgICAgICAge3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25zSGVhZGluZ2ApfVxuICAgICAgICA8SGVhZGluZ0NvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9IZWFkaW5nQ291bnQ+XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8QnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSBsaW5rPlxuICAgICAgICA8QnV0dG9uUmVtb3ZlVGV4dD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNSZW1vdmVgKX08L0J1dHRvblJlbW92ZVRleHQ+XG4gICAgICA8L0J1dHRvbj5cbiAgICA8L0hlYWRpbmdXcmFwcGVyPlxuICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgIDxTZWFyY2hOb3Rpb25JdGVtIGtleT17aXRlbS5pZH0gey4uLml0ZW19IHJlbmRlck1hcmtkb3duPXtyZW5kZXJNYXJrZG93bn0gLz5cbiAgICApKX1cbiAgPC9XcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoTm90aW9uc1Jlc3VsdCk7XG4iXX0= */"));
-var ButtonRemoveText = (0, _styledBase["default"])("span", {
-  target: "e1g2z5qn4",
-  label: "ButtonRemoveText"
-})(_core.fonts.sizes('18px', '22px'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEb0MiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyB3aXRoVHJhbnNsYXRpb24sIFdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFNlYXJjaE5vdGlvbkl0ZW0sIHsgU2VhcmNoTm90aW9uSXRlbVByb3BzIH0gZnJvbSAnLi9TZWFyY2hOb3Rpb25JdGVtJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICBib3gtc2hhZG93OiAwIDAgMjBweCByZ2JhKDAsIDAsIDAsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19IDY2cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcbmNvbnN0IEhlYWRpbmcgPSBzdHlsZWQuaDJgXG4gIG1hcmdpbjogMDtcbiAgJHtmb250cy5zaXplcygnMjBweCcsICc0NXB4Jyl9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgSGVhZGluZ0NvdW50ID0gc3R5bGVkLnNwYW5gXG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICB0ZXh0LXRyYW5zZm9ybTogbG93ZXJjYXNlO1xuYDtcblxuY29uc3QgQnV0dG9uUmVtb3ZlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIycHgnKX07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBpdGVtczogU2VhcmNoTm90aW9uSXRlbVByb3BzW107XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgb25SZW1vdmU6ICgpID0+IHZvaWQ7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogUmVhY3QuUmVhY3ROb2RlKSA9PiBzdHJpbmc7XG59O1xuXG5jb25zdCBTZWFyY2hOb3Rpb25zUmVzdWx0ID0gKHsgaXRlbXMsIHRvdGFsQ291bnQsIG9uUmVtb3ZlLCByZW5kZXJNYXJrZG93biwgdCB9OiBQcm9wcyAmIFdpdGhUcmFuc2xhdGlvbikgPT4gKFxuICA8V3JhcHBlcj5cbiAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICA8SGVhZGluZz5cbiAgICAgICAge3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25zSGVhZGluZ2ApfVxuICAgICAgICA8SGVhZGluZ0NvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9IZWFkaW5nQ291bnQ+XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8QnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSBsaW5rPlxuICAgICAgICA8QnV0dG9uUmVtb3ZlVGV4dD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNSZW1vdmVgKX08L0J1dHRvblJlbW92ZVRleHQ+XG4gICAgICA8L0J1dHRvbj5cbiAgICA8L0hlYWRpbmdXcmFwcGVyPlxuICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgIDxTZWFyY2hOb3Rpb25JdGVtIGtleT17aXRlbS5pZH0gey4uLml0ZW19IHJlbmRlck1hcmtkb3duPXtyZW5kZXJNYXJrZG93bn0gLz5cbiAgICApKX1cbiAgPC9XcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoTm90aW9uc1Jlc3VsdCk7XG4iXX0= */"));
+})("font-weight:400;margin-left:", _core.spacing.small, ";text-transform:lowercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaE5vdGlvbnNSZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDZ0MiLCJmaWxlIjoiU2VhcmNoTm90aW9uc1Jlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb250cywgbXEsIGJyZWFrcG9pbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgeyBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgd2l0aFRyYW5zbGF0aW9uLCBXaXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBTZWFyY2hOb3Rpb25JdGVtLCB7IFNlYXJjaE5vdGlvbkl0ZW1Qcm9wcyB9IGZyb20gJy4vU2VhcmNoTm90aW9uSXRlbSc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgYm94LXNoYWRvdzogMCAwIDIwcHggcmdiYSgwLCAwLCAwLCAwLjI0KTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDA7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubWVkaXVtfSA2NnB4O1xuICB9XG5gO1xuXG5jb25zdCBIZWFkaW5nV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgyYFxuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnNDVweCcpfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IEhlYWRpbmdDb3VudCA9IHN0eWxlZC5zcGFuYFxuICBmb250LXdlaWdodDogNDAwO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgdGV4dC10cmFuc2Zvcm06IGxvd2VyY2FzZTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBTZWFyY2hOb3Rpb25JdGVtUHJvcHNbXTtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xuICBvblJlbW92ZTogKCkgPT4gdm9pZDtcbiAgcmVuZGVyTWFya2Rvd246ICh0ZXh0OiBSZWFjdC5SZWFjdE5vZGUpID0+IHN0cmluZztcbn07XG5cbmNvbnN0IFNlYXJjaE5vdGlvbnNSZXN1bHQgPSAoeyBpdGVtcywgdG90YWxDb3VudCwgb25SZW1vdmUsIHJlbmRlck1hcmtkb3duLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIDxIZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxIZWFkaW5nPlxuICAgICAgICB7dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbnNIZWFkaW5nYCl9XG4gICAgICAgIDxIZWFkaW5nQ291bnQ+e3QoYHNlYXJjaFBhZ2UucmVzdWx0VHlwZS5oaXRzYCwgeyBjb3VudDogdG90YWxDb3VudCB9KX08L0hlYWRpbmdDb3VudD5cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e29uUmVtb3ZlfSAvPlxuICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAge2l0ZW1zLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgPFNlYXJjaE5vdGlvbkl0ZW0ga2V5PXtpdGVtLmlkfSB7Li4uaXRlbX0gcmVuZGVyTWFya2Rvd249e3JlbmRlck1hcmtkb3dufSAvPlxuICAgICkpfVxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hOb3Rpb25zUmVzdWx0KTtcbiJdfQ== */"));
 
 var SearchNotionsResult = function SearchNotionsResult(_ref) {
   var items = _ref.items,
@@ -56,10 +52,9 @@ var SearchNotionsResult = function SearchNotionsResult(_ref) {
       t = _ref.t;
   return (0, _core2.jsx)(Wrapper, null, (0, _core2.jsx)(HeadingWrapper, null, (0, _core2.jsx)(Heading, null, t("searchPage.resultType.notionsHeading"), (0, _core2.jsx)(HeadingCount, null, t("searchPage.resultType.hits", {
     count: totalCount
-  }))), (0, _core2.jsx)(_button["default"], {
-    onClick: onRemove,
-    link: true
-  }, (0, _core2.jsx)(ButtonRemoveText, null, t("searchPage.resultType.notionsRemove")))), items.map(function (item) {
+  }))), (0, _core2.jsx)(_modal.ModalCloseButton, {
+    onClick: onRemove
+  })), items.map(function (item) {
     return (0, _core2.jsx)(_SearchNotionItem["default"], _extends({
       key: item.id
     }, item, {

package/lib/SearchTypeResult/index.d.ts

@@ -10,4 +10,5 @@ import SearchHeader from './SearchHeader';
 import SearchFieldHeader from './SearchFieldHeader';
 import SearchNotionsResult from './SearchNotionsResult';
 import SearchSubjectResult from './SearchSubjectResult';
+export type { ContentType } from './SearchTypeResult';
 export { SearchTypeResult, SearchHeader, SearchFieldHeader, SearchNotionsResult, SearchSubjectResult };

package/lib/Spinner/Spinner.d.ts

@@ -7,9 +7,9 @@
  */
 import { SpacingNames } from '@ndla/core';
 interface Props {
-    size: SpacingNames;
-    margin: string;
-    inverted: boolean;
+    size?: SpacingNames;
+    margin?: string;
+    inverted?: boolean;
 }
 declare const Spinner: ({ size, margin, inverted }: Partial<Props>) => JSX.Element;
 export default Spinner;

package/lib/Spinner/Spinner.js

@@ -33,9 +33,9 @@ var SpinnerDiv = ( /*#__PURE__*/0, _styledBase["default"])('div', {
   return _core.spacing[props.size];
 }, ";width:", function (props) {
   return _core.spacing[props.size];
-}, ";display:block;margin:", function (props) {
+}, ";margin:", function (props) {
   return props.margin;
-}, ";@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCdUMiLCJmaWxlIjoiU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIFNwYWNpbmdOYW1lcyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaXplOiBTcGFjaW5nTmFtZXM7XG4gIG1hcmdpbjogc3RyaW5nO1xuICBpbnZlcnRlZDogYm9vbGVhbjtcbn1cblxuY29uc3QgU3Bpbm5lckRpdiA9IHN0eWxlZCgnZGl2Jyk8UHJvcHM+YFxuICBib3JkZXI6IGNhbGMoJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19IC8gNi41KSBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaW52ZXJ0ZWQgPyAnI2ZmZicgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogc3Bpbm5lckFuaW1hdGlvbiAwLjdzIGxpbmVhciBpbmZpbml0ZTtcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW59O1xuICBAa2V5ZnJhbWVzIHNwaW5uZXJBbmltYXRpb24ge1xuICAgIDAlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTcGlubmVyID0gKHsgc2l6ZSA9ICdsYXJnZScsIG1hcmdpbiA9IGAke3NwYWNpbmcubm9ybWFsfSBhdXRvYCwgaW52ZXJ0ZWQgfTogUGFydGlhbDxQcm9wcz4pID0+IChcbiAgPFNwaW5uZXJEaXYgc2l6ZT17c2l6ZX0gbWFyZ2luPXttYXJnaW59IGludmVydGVkPXshIWludmVydGVkfSAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lcjtcbiJdfQ== */"));
+}, ";display:block;@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCNkMiLCJmaWxlIjoiU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIFNwYWNpbmdOYW1lcyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaXplPzogU3BhY2luZ05hbWVzO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIGV4dGVuZHMgUHJvcHMge1xuICBzaXplOiBTcGFjaW5nTmFtZXM7XG59XG5cbmNvbnN0IFNwaW5uZXJEaXYgPSBzdHlsZWQoJ2RpdicpPFN0eWxlZFByb3BzPmBcbiAgYm9yZGVyOiBjYWxjKCR7KHByb3BzKSA9PiBzcGFjaW5nW3Byb3BzLnNpemVdfSAvIDYuNSkgc29saWQgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gKHByb3BzLmludmVydGVkID8gJyNmZmYnIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW5uZXJBbmltYXRpb24gMC43cyBsaW5lYXIgaW5maW5pdGU7XG4gIGhlaWdodDogJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19O1xuICBtYXJnaW46ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW59O1xuICBkaXNwbGF5OiBibG9jaztcbiAgQGtleWZyYW1lcyBzcGlubmVyQW5pbWF0aW9uIHtcbiAgICAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3Bpbm5lciA9ICh7IHNpemUgPSAnbGFyZ2UnLCBtYXJnaW4gPSBgJHtzcGFjaW5nLm5vcm1hbH0gYXV0b2AsIGludmVydGVkIH06IFBhcnRpYWw8UHJvcHM+KSA9PiAoXG4gIDxTcGlubmVyRGl2IHNpemU9e3NpemV9IG1hcmdpbj17bWFyZ2lufSBpbnZlcnRlZD17ISFpbnZlcnRlZH0gLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXI7XG4iXX0= */"));
 
 var Spinner = function Spinner(_ref) {
   var _ref$size = _ref.size,

package/lib/index.d.ts

@@ -41,7 +41,8 @@ export { default as MastheadAuthModal } from './Masthead/MastheadAuthModal';
 export { default as AuthModal } from './User';
 export { default as CreatedBy } from './CreatedBy';
 export { default as Breadcrumblist } from './Breadcrumblist';
-export { MessageBox } from './MessageBox';
+export { MessageBox, MessageBoxTag, MessageBoxType } from './MessageBox';
+export { CloseButton } from './CloseButton';
 export { default as AudioPlayer, initAudioPlayers } from './AudioPlayer';
 export { NavigationHeading, NavigationBox, NavigationTopicAbout } from './Navigation';
 export { default as Programme } from './Programme';

package/lib/index.js

@@ -88,6 +88,9 @@ var _exportNames = {
   CreatedBy: true,
   Breadcrumblist: true,
   MessageBox: true,
+  MessageBoxTag: true,
+  MessageBoxType: true,
+  CloseButton: true,
   AudioPlayer: true,
   initAudioPlayers: true,
   NavigationHeading: true,
@@ -635,6 +638,24 @@ Object.defineProperty(exports, "MessageBox", {
     return _MessageBox.MessageBox;
   }
 });
+Object.defineProperty(exports, "MessageBoxTag", {
+  enumerable: true,
+  get: function get() {
+    return _MessageBox.MessageBoxTag;
+  }
+});
+Object.defineProperty(exports, "MessageBoxType", {
+  enumerable: true,
+  get: function get() {
+    return _MessageBox.MessageBoxType;
+  }
+});
+Object.defineProperty(exports, "CloseButton", {
+  enumerable: true,
+  get: function get() {
+    return _CloseButton.CloseButton;
+  }
+});
 Object.defineProperty(exports, "AudioPlayer", {
   enumerable: true,
   get: function get() {
@@ -1041,6 +1062,8 @@ var _Breadcrumblist = _interopRequireDefault(require("./Breadcrumblist"));
 
 var _MessageBox = require("./MessageBox");
 
+var _CloseButton = require("./CloseButton");
+
 var _AudioPlayer = _interopRequireWildcard(require("./AudioPlayer"));
 
 var _Navigation = require("./Navigation");

package/lib/locale/messages-en.d.ts

@@ -329,6 +329,16 @@ declare const messages: {
             h5p: string;
         };
     };
+    messageBoxInfo: {
+        outdatedCoursePlan: string;
+        updateBrowser: string;
+        noContent: string;
+        feide: string;
+        resources: string;
+        beta: string;
+        outdatedSubject: string;
+        newVersion: string;
+    };
     article: {
         edition: string;
         publisher: string;

package/lib/locale/messages-en.js

@@ -289,6 +289,16 @@ var messages = _objectSpread(_objectSpread({
       h5p: 'Interactive'
     }
   },
+  messageBoxInfo: {
+    outdatedCoursePlan: 'This course is not updated to the current curriculum. Follow this link to find the updated version of the course: ',
+    updateBrowser: 'Your browser is outdated. Update it, or find a safe and updated browser on https://browsehappy.com.',
+    noContent: 'We are sorry, but we do not yet offer any program courses.',
+    feide: 'This resource is accessible only to teachers who are logged in with Feide.',
+    resources: 'This is not a complete course produced by NDLA, but a collection of resources we hope you will find useful.',
+    beta: 'This course is in beta.',
+    outdatedSubject: 'This topic is part of a course that is not updated to the current curriculum.',
+    newVersion: 'This learning resource is not updated to the current curriculum. You can find an updated version here: '
+  },
   article: {
     edition: 'Edition',
     publisher: 'Publisher',

package/lib/locale/messages-nb.d.ts

@@ -329,6 +329,16 @@ declare const messages: {
             h5p: string;
         };
     };
+    messageBoxInfo: {
+        outdatedCoursePlan: string;
+        updateBrowser: string;
+        noContent: string;
+        feide: string;
+        resources: string;
+        beta: string;
+        outdatedSubject: string;
+        newVersion: string;
+    };
     article: {
         lastUpdated: string;
         edition: string;

package/lib/locale/messages-nb.js

@@ -289,6 +289,16 @@ var messages = _objectSpread(_objectSpread({
       h5p: 'Interaktiv'
     }
   },
+  messageBoxInfo: {
+    outdatedCoursePlan: 'Dette faget følger en utgått læreplan. Gå til faget som er oppdatert etter gjeldende læreplan:',
+    updateBrowser: 'Nettleseren din er utdatert. Oppdater den, eller finn en trygg og oppdatert nettleser på https://browsehappy.com.',
+    noContent: 'Vi har dessverre ikke noen programfag ennå.',
+    feide: 'Denne ressursen er bare tilgjengelig for lærere som er pålogget med Feide.',
+    resources: 'Dette er ikke et komplett læremiddel produsert av NDLA, men ei ressurssamling som vi håper kan være nyttig for deg.',
+    beta: 'Dette faget er i betaversjon.',
+    outdatedSubject: 'Dette emnet hører til et fag som ikke er oppdatert etter gjeldende læreplan.',
+    newVersion: 'Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: '
+  },
   article: {
     lastUpdated: 'Sist oppdatert',
     edition: 'Utgave',

package/lib/locale/messages-nn.d.ts

@@ -329,6 +329,16 @@ declare const messages: {
             h5p: string;
         };
     };
+    messageBoxInfo: {
+        outdatedCoursePlan: string;
+        updateBrowser: string;
+        noContent: string;
+        feide: string;
+        resources: string;
+        beta: string;
+        outdatedSubject: string;
+        newVersion: string;
+    };
     article: {
         lastUpdated: string;
         edition: string;

package/lib/locale/messages-nn.js

@@ -289,6 +289,16 @@ var messages = _objectSpread(_objectSpread({
       h5p: 'Interaktiv'
     }
   },
+  messageBoxInfo: {
+    outdatedCoursePlan: 'Dette faget følgjer ein utgått læreplan. Gå til faget som er oppdatert etter gjeldande læreplan: ',
+    updateBrowser: 'Nettlesaren din er utdatert. Oppdater han, eller finn ein trygg og oppdatert nettlesar på https://browsehappy.com. ',
+    noContent: 'Vi har dessverre ikkje nokon programfag enno.',
+    feide: 'Denne ressursen er berre tilgjengeleg for lærarar som er pålogga med Feide.',
+    resources: 'Dette er ikkje eit komplett læremiddel produsert av NDLA, men ei ressurssamling som vi håper kan vere nyttig for deg.',
+    beta: 'Dette faget er i betaversjon.',
+    outdatedSubject: 'Dette emnet høyrer til eit fag som ikkje er oppdatert etter gjeldande læreplan.',
+    newVersion: 'Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: '
+  },
   article: {
     lastUpdated: 'Sist oppdatert',
     edition: 'Utgåve',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "3.3.7",
+  "version": "3.3.12",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,16 +31,16 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^1.1.2",
-    "@ndla/carousel": "^1.0.7",
+    "@ndla/button": "^1.1.4",
+    "@ndla/carousel": "^1.1.2",
     "@ndla/core": "^0.7.2",
     "@ndla/hooks": "^1.0.7",
-    "@ndla/icons": "^1.3.2",
-    "@ndla/licenses": "^1.1.4",
-    "@ndla/modal": "^1.1.16",
-    "@ndla/safelink": "^1.0.7",
+    "@ndla/icons": "^1.4.1",
+    "@ndla/licenses": "^1.1.6",
+    "@ndla/modal": "^1.1.18",
+    "@ndla/safelink": "^1.0.9",
     "@ndla/switch": "^0.0.32",
-    "@ndla/tabs": "^1.0.13",
+    "@ndla/tabs": "^1.0.15",
     "@ndla/tooltip": "^0.2.49",
     "@ndla/util": "^2.0.1",
     "@reach/menu-button": "^0.12.1",
@@ -63,7 +63,7 @@
     "react-facebook": "^6.0.15",
     "react-prop-types": "0.4.0",
     "react-sticky-el": "^2.0.6",
-    "react-swipeable": "^5.0.1",
+    "react-swipeable": "^6.2.0",
     "react-syntax-highlighter": "^15.4.4",
     "react-transition-group": "^2.5.3",
     "shave": "^2.5.10"
@@ -92,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "442cac4c7229e4d8151b850ab4e8c4a6e0b7586c"
+  "gitHead": "ff7194a882009a1b4faddafdad34a949d4426ffb"
 }

package/src/Article/Article.tsx

@@ -10,6 +10,7 @@ import React, { ComponentType, ReactNode, useEffect, useRef, useState } from 're
 import BEMHelper from 'react-bem-helper';
 import isString from 'lodash/isString';
 import parse from 'html-react-parser';
+import styled from '@emotion/styled';
 
 import { useIntersectionObserver } from '@ndla/hooks';
 import { resizeObserver } from '@ndla/util';
@@ -22,6 +23,7 @@ import ArticleHeaderWrapper from './ArticleHeaderWrapper';
 import ArticleNotions, { NotionRelatedContent } from './ArticleNotions';
 import { NotionProps } from '../Notion/Notion';
 import ArticleAccessMessage from './ArticleAccessMessage';
+import MessageBox from '../MessageBox/MessageBox';
 
 const classes = new BEMHelper({
   name: 'article',
@@ -89,7 +91,11 @@ export const ArticleIntroduction = ({
 
 type Messages = {
   label: string;
+  messageBox?: string;
 };
+const MSGboxWrapper = styled.div`
+  margin-bottom: 50px;
+`;
 
 type Props = {
   article: ArticleType;
@@ -99,6 +105,7 @@ type Props = {
   children: ReactNode;
   messages: Messages;
   locale: Locale;
+  messageBoxLinks?: [];
   competenceGoals?:
     | ((inp: { Dialog: ComponentType; dialogProps: { isOpen: boolean; onClose: () => void } }) => ReactNode)
     | null;
@@ -129,6 +136,7 @@ export const Article = ({
   licenseBox,
   modifier,
   messages,
+  messageBoxLinks,
   children,
   competenceGoals,
   competenceGoalTypes,
@@ -186,6 +194,14 @@ export const Article = ({
       <ArticleWrapper modifier={modifier} id={id} ref={articleRef}>
         <LayoutItem layout="center">
           {accessMessage && <ArticleAccessMessage message={accessMessage} />}
+
+          {messages.messageBox && (
+            <MSGboxWrapper>
+              <MessageBox links={messageBoxLinks} onClose>
+                {messages.messageBox}
+              </MessageBox>
+            </MSGboxWrapper>
+          )}
           <ArticleHeaderWrapper competenceGoals={competenceGoals} competenceGoalTypes={competenceGoalTypes}>
             <ArticleTitle icon={icon} label={messages.label}>
               {title}
@@ -208,6 +224,7 @@ export const Article = ({
           )}
           {getArticleContent(content, locale)}
         </LayoutItem>
+
         <LayoutItem layout="center">
           {footNotes && footNotes.length > 0 && <ArticleFootNotes footNotes={footNotes} />}
           <ArticleByline

package/src/Article/ArticleNotions.tsx

@@ -12,8 +12,8 @@ import { useTranslation } from 'react-i18next';
 
 // @ts-ignore
 import Modal, { ModalHeader, ModalCloseButton, ModalBody } from '@ndla/modal';
-import { mq, breakpoints, fonts, colors } from '@ndla/core';
-import { Explanation, NotionFlip } from '@ndla/icons/common';
+import { mq, breakpoints } from '@ndla/core';
+import { Explanation } from '@ndla/icons/common';
 import { Locale } from '../types';
 import { Notion } from '../Notion';
 import { NotionProps } from '../Notion/Notion';
@@ -25,6 +25,7 @@ const ArticleNotionsContainer = styled.div`
     margin-bottom: 0;
   }
 `;
+/* Stored for later 
 
 const NotionsTrigger = styled.div`
   padding: 0 16px;
@@ -33,7 +34,7 @@ const NotionsTrigger = styled.div`
   background-color: ${colors.brand.greyLighter};
   border-radius: 4px;
   cursor: pointer;
-
+ 
   ${mq.range({ from: breakpoints.tablet })} {
     position: fixed;
     border: none;
@@ -81,7 +82,7 @@ const NotionsTrigger = styled.div`
     }
   }
 `;
-
+*/
 const ModalHeadingContainer = styled.div`
   display: flex;
   align-items: center;
@@ -176,17 +177,19 @@ export const ArticleNotions = ({
   buttonOffsetRight,
 }: ArticleNotionsProps) => {
   const { t } = useTranslation();
-  const leftOffset = `${buttonOffsetRight - 32}px`;
+  //const leftOffset = `${buttonOffsetRight - 32}px`;
   return (
     <ArticleNotionsContainer>
       <Modal
-        activateButton={
+        /* Stored for later
+    
+    activateButton={
           <NotionsTrigger role="button" aria-label={t('article.notionsPrompt')} style={{ left: leftOffset }}>
             <NotionFlip />
             <Explanation />
             <span>{t('article.notionsPrompt')}</span>
           </NotionsTrigger>
-        }
+        } */
         size="large"
         backgroundColor="white">
         {(onClose: () => void) => (

package/src/Breadcrumb/Breadcrumb.tsx

@@ -43,7 +43,7 @@ const Breadcrumb: React.FunctionComponent<Props & WithTranslation> = ({ children
           isCurrent={i === items.length - 1}
           to={item.to}
           name={item.name}>
-          {i === 0 ? <Home className="c-icon--20" /> : item.name}
+          {i === 0 ? <Home className="c-icon--20" title={item.name} /> : item.name}
         </BreadcrumbItem>
       ))}
     </ol>

package/src/Breadcrumblist/Breadcrumblist.tsx

@@ -9,7 +9,6 @@
 import React, { useEffect, useState } from 'react';
 import styled from '@emotion/styled';
 import { mq, breakpoints, colors } from '@ndla/core';
-
 import {
   School as SchoolIcon,
   MenuBook as MenuBookIcon,
@@ -20,6 +19,7 @@ import {
 } from '@ndla/icons/action';
 import SafeLink from '@ndla/safelink';
 import { useTranslation } from 'react-i18next';
+import MessageBoxTag from '../MessageBox/MessageBoxTag';
 
 type WrapperProps = {
   startOffset?: number;
@@ -51,7 +51,6 @@ const Wrapper = styled.div<WrapperProps>`
     ${(props) =>
       props.startOffset &&
       `
-        position: absolute;
         top: calc(${props.startOffset}px + 85px); 
     `}
   }
@@ -87,7 +86,7 @@ const Heading = styled.div<InvertItProps>`
   font-size: 12px;
   line-height: 15px;
   text-transform: uppercase;
-  padding: 0 0 18px 10px;
+  padding: 0 0 10px 10px;
   ${(props) =>
     props.invertedStyle &&
     `
@@ -214,6 +213,7 @@ type BreadCrumbProps = {
   leftAlign?: boolean;
   hideOnNarrow?: boolean;
   onNav?: (e: React.MouseEvent<HTMLElement>, item: BreadcrumbItemProps) => void;
+  messageBoxTagMessage?: string;
 };
 
 const Breadcrumblist = ({
@@ -225,6 +225,7 @@ const Breadcrumblist = ({
   leftAlign,
   hideOnNarrow,
   onNav,
+  messageBoxTagMessage,
 }: BreadCrumbProps) => {
   const { t } = useTranslation();
   const [wrapperOffset, setWrapperOffset] = useState(startOffset);
@@ -274,6 +275,7 @@ const Breadcrumblist = ({
         {items.length > 0 && (
           <>
             <Heading invertedStyle={invertedStyle}>{t('breadcrumb.youAreHere')}</Heading>
+            {messageBoxTagMessage && <MessageBoxTag tagMessage={messageBoxTagMessage} />}
             <List data-testid="breadcrumb-list">
               {items.map((item: BreadcrumbItemProps) => {
                 const { id, label, url, typename, icon, isCurrent = false } = item;

package/src/CloseButton/CloseButton.tsx

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React from 'react';
+import styled from '@emotion/styled';
+import { Cross } from '@ndla/icons/action';
+import { useTranslation } from 'react-i18next';
+const CloseButtonWrapper = styled.div`
+  position: relative;
+  top: 1px;
+  right: 1px;
+`;
+
+const CloseBut = styled.button`
+  background-color: transparent;
+  border: none;
+  display: flex;
+`;
+
+type Props = {
+  onClick: () => void;
+  color: string;
+};
+
+export const CloseButton = ({ onClick, color }: Props) => {
+  const { t } = useTranslation();
+  return (
+    <CloseButtonWrapper aria-label={t('lukk')}>
+      <CloseBut onClick={onClick}>
+        <Cross style={{ width: '24px', height: '24px', color: color }} />
+      </CloseBut>
+    </CloseButtonWrapper>
+  );
+};
+
+export default CloseButton;

package/src/CloseButton/index.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2019-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import CloseButton from './CloseButton';
+
+export { CloseButton };

package/src/Frontpage/FrontpageAllSubjects.tsx

@@ -73,7 +73,7 @@ const StyledLetterSpacing = styled.span`
 type subjectProps = {
   name: string;
   url?: string;
-  path: string;
+  path?: string;
   id?: string;
 };
 type categoryProps = {
@@ -160,7 +160,7 @@ const renderList = (
                           onNavigate();
                         }
                       }}
-                      to={subject.url || subject.path}>
+                      to={subject.url || subject.path || ''}>
                       {subject.name}
                     </SafeLink>
                     <StyledSpacingElement />

package/src/Frontpage/FrontpageProgramMenu.tsx

@@ -120,6 +120,7 @@ const FrontpageProgramMenu = ({ programItems, subjectCategories, showBetaCursor
         <Button onClick={() => toggleSubjects(true)} lighter={!showSubjects} size="medium" borderShape="rounded">
           <StyledMenuItem>{t('frontpageMenu.allsubjects')}</StyledMenuItem>
         </Button>
+
         {showBetaCursor && (
           <CursorPlaceholder>
             <CursorWrapper>