@ndla/ui 3.3.9 → 3.3.14

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/TopicIntroductionList/TopicIntroduction.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2016-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 { Shortcut, Topic } from './TopicIntroductionList';
+interface Props {
+    additional?: boolean;
+    showAdditionalCores?: boolean;
+    topic: Topic;
+    toTopic: (id: string) => string;
+    subjectPage?: boolean;
+    shortcuts?: Shortcut[];
+    twoColumns?: boolean;
+    shortcutAlwaysExpanded?: boolean;
+    id: string;
+}
+export declare const TopicIntroduction: ({ toTopic, topic, subjectPage, shortcuts, shortcutAlwaysExpanded, additional, showAdditionalCores, id, }: Props) => JSX.Element;
+export {};

package/lib/TopicIntroductionList/TopicIntroduction.js

@@ -7,18 +7,16 @@ exports.TopicIntroduction = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
+var _reactI18next = require("react-i18next");
+
 var _common = require("@ndla/icons/common");
 
 var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
 
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 
-var _shapes = require("../shapes");
-
 var _TopicIntroductionShortcuts = _interopRequireDefault(require("./TopicIntroductionShortcuts"));
 
 var _core = require("@emotion/core");
@@ -43,15 +41,20 @@ var TopicIntroduction = function TopicIntroduction(_ref) {
       topic = _ref.topic,
       subjectPage = _ref.subjectPage,
       shortcuts = _ref.shortcuts,
-      messages = _ref.messages,
       shortcutAlwaysExpanded = _ref.shortcutAlwaysExpanded,
-      additional = _ref.additional,
-      showAdditionalCores = _ref.showAdditionalCores,
+      _ref$additional = _ref.additional,
+      additional = _ref$additional === void 0 ? false : _ref$additional,
+      _ref$showAdditionalCo = _ref.showAdditionalCores,
+      showAdditionalCores = _ref$showAdditionalCo === void 0 ? false : _ref$showAdditionalCo,
       id = _ref.id;
-  var contentTypeDescription = additional ? messages.tooltipAdditionalTopic : messages.tooltipCoreTopic;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var contentTypeDescription = t(additional ? 'resource.tooltipAdditionalTopic' : 'resource.tooltipCoreTopic');
   return (0, _core.jsx)("li", {
     className: topicClasses('item', {
-      subjectPage: subjectPage,
+      subjectPage: !!subjectPage,
       additional: additional,
       showAdditionalCores: showAdditionalCores
     })
@@ -68,12 +71,12 @@ var TopicIntroduction = function TopicIntroduction(_ref) {
     id: id,
     hidden: true
   }, contentTypeDescription), additional && (0, _core.jsx)(_tooltip["default"], {
-    tooltip: messages.tooltipAdditionalTopic,
+    tooltip: t('resource.tooltipAdditionalTopic'),
     align: "left"
   }, (0, _core.jsx)(_common.Additional, {
     className: "c-icon--20 u-margin-left-tiny"
   })), !additional && showAdditionalCores && (0, _core.jsx)(_tooltip["default"], {
-    tooltip: messages.tooltipCoreTopic,
+    tooltip: t('resource.tooltipCoreTopic'),
     align: "left"
   }, (0, _core.jsx)(_common.Core, {
     className: "c-icon--20 u-margin-left-tiny"
@@ -86,34 +89,11 @@ var TopicIntroduction = function TopicIntroduction(_ref) {
   }), shortcuts && (0, _core.jsx)(_TopicIntroductionShortcuts["default"], {
     alwaysExpanded: shortcutAlwaysExpanded,
     id: "".concat(topic.id, "_shortcuts"),
-    shortcuts: shortcuts,
-    messages: {
-      toggleButtonText: messages.shortcutButtonText
-    }
+    shortcuts: shortcuts
   })), topic.metaImage && (0, _core.jsx)("div", null, (0, _core.jsx)("img", {
     src: topic.metaImage.url,
     alt: topic.metaImage.alt
   })))));
 };
 
-exports.TopicIntroduction = TopicIntroduction;
-TopicIntroduction.propTypes = {
-  additional: _propTypes["default"].bool,
-  showAdditionalCores: _propTypes["default"].bool,
-  messages: _propTypes["default"].shape({
-    shortcutButtonText: _propTypes["default"].string.isRequired,
-    tooltipAdditionalTopic: _propTypes["default"].string,
-    tooltipCoreTopic: _propTypes["default"].string
-  }),
-  topic: _shapes.TopicShape.isRequired,
-  toTopic: _propTypes["default"].func.isRequired,
-  subjectPage: _propTypes["default"].bool,
-  shortcuts: _propTypes["default"].arrayOf(_shapes.ShortcutShape),
-  twoColumns: _propTypes["default"].bool,
-  shortcutAlwaysExpanded: _propTypes["default"].bool,
-  id: _propTypes["default"].string.isRequired
-};
-TopicIntroduction.defaultProps = {
-  showAdditionalCores: false,
-  additional: false
-};
+exports.TopicIntroduction = TopicIntroduction;

package/lib/TopicIntroductionList/TopicIntroductionList.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export interface Shortcut {
+    id: string | number;
+    tooltip: string;
+    contentType: string;
+    url: string;
+    count: number;
+}
+export interface Topic {
+    name: string;
+    id: string;
+    additional?: boolean;
+    shortcuts?: Shortcut[];
+    introduction: string;
+    metaImage?: {
+        url?: string;
+        alt?: string;
+    };
+}
+interface Props {
+    toTopic: (id: string) => string;
+    topics: Topic[];
+    twoColumns?: boolean;
+    shortcutAlwaysExpanded?: boolean;
+    showAdditionalCores?: boolean;
+    toggleAdditionalCores?: () => void;
+}
+declare const TopicIntroductionList: ({ topics, twoColumns, shortcutAlwaysExpanded, showAdditionalCores, toggleAdditionalCores, ...rest }: Props) => JSX.Element;
+export default TopicIntroductionList;

package/lib/TopicIntroductionList/TopicIntroductionList.js

@@ -7,16 +7,12 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _reactI18next = require("react-i18next");
 
 var _NoContentBox = _interopRequireDefault(require("../NoContentBox"));
 
-var _shapes = require("../shapes");
-
 var _TopicIntroduction = require("./TopicIntroduction");
 
 var _core = require("@emotion/core");
@@ -37,9 +33,12 @@ var topicClasses = new _reactBemHelper["default"]({
 
 var TopicIntroductionList = function TopicIntroductionList(_ref) {
   var topics = _ref.topics,
-      twoColumns = _ref.twoColumns,
-      shortcutAlwaysExpanded = _ref.shortcutAlwaysExpanded,
-      showAdditionalCores = _ref.showAdditionalCores,
+      _ref$twoColumns = _ref.twoColumns,
+      twoColumns = _ref$twoColumns === void 0 ? false : _ref$twoColumns,
+      _ref$shortcutAlwaysEx = _ref.shortcutAlwaysExpanded,
+      shortcutAlwaysExpanded = _ref$shortcutAlwaysEx === void 0 ? false : _ref$shortcutAlwaysEx,
+      _ref$showAdditionalCo = _ref.showAdditionalCores,
+      showAdditionalCores = _ref$showAdditionalCo === void 0 ? false : _ref$showAdditionalCo,
       toggleAdditionalCores = _ref.toggleAdditionalCores,
       rest = _objectWithoutProperties(_ref, ["topics", "twoColumns", "shortcutAlwaysExpanded", "showAdditionalCores", "toggleAdditionalCores"]);
 
@@ -66,11 +65,6 @@ var TopicIntroductionList = function TopicIntroductionList(_ref) {
       additional: additional,
       showAdditionalCores: showAdditionalCores,
       shortcutAlwaysExpanded: shortcutAlwaysExpanded,
-      messages: {
-        shortcutButtonText: t('resource.label'),
-        tooltipAdditionalTopic: t('resource.tooltipAdditionalTopic'),
-        tooltipCoreTopic: t('resource.tooltipCoreTopic')
-      },
       id: "".concat(topic.id, "_").concat(index)
     }));
   }), renderAdditionalTopicsTrigger && (0, _core.jsx)("li", null, (0, _core.jsx)(_NoContentBox["default"], {
@@ -80,18 +74,5 @@ var TopicIntroductionList = function TopicIntroductionList(_ref) {
   })));
 };
 
-TopicIntroductionList.propTypes = {
-  toTopic: _propTypes["default"].func.isRequired,
-  topics: _propTypes["default"].arrayOf(_shapes.TopicShape).isRequired,
-  twoColumns: _propTypes["default"].bool,
-  shortcutAlwaysExpanded: _propTypes["default"].bool,
-  showAdditionalCores: _propTypes["default"].bool,
-  toggleAdditionalCores: _propTypes["default"].func.isRequired
-};
-TopicIntroductionList.defaultProps = {
-  twoColumns: false,
-  shortcutAlwaysExpanded: false,
-  showAdditionalCores: false
-};
 var _default = TopicIntroductionList;
 exports["default"] = _default;

package/lib/TopicIntroductionList/TopicIntroductionShortcuts.d.ts

@@ -0,0 +1,8 @@
+import { Shortcut } from './TopicIntroductionList';
+interface Props {
+    id: string;
+    alwaysExpanded?: boolean;
+    shortcuts: Shortcut[];
+}
+declare const TopicIntroductionShortcuts: ({ id, alwaysExpanded, shortcuts }: Props) => JSX.Element;
+export default TopicIntroductionShortcuts;

package/lib/TopicIntroductionList/TopicIntroductionShortcuts.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactI18next = require("react-i18next");
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
@@ -15,8 +17,6 @@ var _common = require("@ndla/icons/common");
 
 var _TopicShortcutItem = _interopRequireDefault(require("./TopicShortcutItem"));
 
-var _shapes = require("../shapes");
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -25,131 +25,93 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var classes = new _reactBemHelper["default"]({
   name: 'topic-shortcuts',
   prefix: 'c-'
 });
 
-var TopicIntroductionShortcuts = /*#__PURE__*/function (_Component) {
-  _inherits(TopicIntroductionShortcuts, _Component);
-
-  var _super = _createSuper(TopicIntroductionShortcuts);
-
-  function TopicIntroductionShortcuts(props) {
-    var _this;
-
-    _classCallCheck(this, TopicIntroductionShortcuts);
+var TopicIntroductionShortcuts = function TopicIntroductionShortcuts(_ref) {
+  var id = _ref.id,
+      _ref$alwaysExpanded = _ref.alwaysExpanded,
+      alwaysExpanded = _ref$alwaysExpanded === void 0 ? false : _ref$alwaysExpanded,
+      shortcuts = _ref.shortcuts;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(alwaysExpanded),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      returned = _useState4[0],
+      setReturned = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      showButtonText = _useState6[0],
+      setShowButtonText = _useState6[1];
+
+  var handleOnToggle = function handleOnToggle(newOpen) {
+    setOpen(newOpen);
+    setShowButtonText(!newOpen);
+    setReturned(!newOpen);
+  };
+
+  var onMouseEnter = undefined;
+  var onMouseLeave = undefined;
+  var buttonView = null;
+
+  if (!alwaysExpanded) {
+    onMouseEnter = function onMouseEnter() {
+      return handleOnToggle(true);
+    };
 
-    _this = _super.call(this, props);
-    _this.state = {
-      open: props.alwaysExpanded,
-      returned: false,
-      showButtonText: true
+    onMouseLeave = function onMouseLeave() {
+      return handleOnToggle(false);
     };
-    _this.handleOnToggle = _this.handleOnToggle.bind(_assertThisInitialized(_this));
-    return _this;
-  }
 
-  _createClass(TopicIntroductionShortcuts, [{
-    key: "handleOnToggle",
-    value: function handleOnToggle(open) {
-      this.setState({
-        open: open,
-        showButtonText: !open,
-        returned: !open
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          shortcuts = _this$props.shortcuts,
-          messages = _this$props.messages,
-          id = _this$props.id,
-          alwaysExpanded = _this$props.alwaysExpanded;
-      var _this$state = this.state,
-          open = _this$state.open,
-          returned = _this$state.returned,
-          showButtonText = _this$state.showButtonText;
-      var onMouseEnter = null;
-      var onMouseLeave = null;
-      var buttonView = null;
-
-      if (!alwaysExpanded) {
-        onMouseEnter = function onMouseEnter() {
-          return _this2.handleOnToggle(true);
-        };
-
-        onMouseLeave = function onMouseLeave() {
-          return _this2.handleOnToggle(false);
-        };
-
-        buttonView = (0, _core.jsx)("button", _extends({
-          type: "button",
-          "aria-expanded": this.state.open,
-          "aria-label": messages.toggleButtonText,
-          "aria-controls": id
-        }, classes('button', returned ? 're-enter' : ''), {
-          onClick: function onClick() {
-            _this2.handleOnToggle(!open);
-          }
-        }), (0, _core.jsx)(_common.Forward, null), showButtonText && (0, _core.jsx)("span", classes('label'), messages.toggleButtonText));
+    buttonView = (0, _core.jsx)("button", _extends({
+      type: "button",
+      "aria-expanded": open,
+      "aria-label": t('resource.label'),
+      "aria-controls": id
+    }, classes('button', returned ? 're-enter' : ''), {
+      onClick: function onClick() {
+        return handleOnToggle(!open);
       }
+    }), (0, _core.jsx)(_common.Forward, null), showButtonText && (0, _core.jsx)("span", classes('label'), t('resource.label')));
+  }
 
-      return (0, _core.jsx)("div", _extends({
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave
-      }, classes()), buttonView, open && (0, _core.jsx)("ul", {
-        className: classes('list', open ? 'visible' : '').className
-      }, shortcuts.map(function (shortcut) {
-        return (0, _core.jsx)("li", _extends({}, classes('item'), {
-          key: shortcut.id
-        }), (0, _core.jsx)(_TopicShortcutItem["default"], {
-          shortcut: shortcut
-        }));
-      })));
-    }
-  }]);
-
-  return TopicIntroductionShortcuts;
-}(_react.Component);
-
-TopicIntroductionShortcuts.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  alwaysExpanded: _propTypes["default"].bool,
-  messages: _propTypes["default"].shape({
-    toggleButtonText: _propTypes["default"].string.isRequired
-  }),
-  shortcuts: _propTypes["default"].arrayOf(_shapes.ShortcutShape).isRequired
-};
-TopicIntroductionShortcuts.defaultProps = {
-  alwaysExpanded: false
+  return (0, _core.jsx)("div", _extends({
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, classes()), buttonView, open && (0, _core.jsx)("ul", {
+    className: classes('list', open ? 'visible' : '').className
+  }, shortcuts.map(function (shortcut) {
+    return (0, _core.jsx)("li", _extends({}, classes('item'), {
+      key: shortcut.id
+    }), (0, _core.jsx)(_TopicShortcutItem["default"], {
+      shortcut: shortcut
+    }));
+  })));
 };
+
 var _default = TopicIntroductionShortcuts;
 exports["default"] = _default;

package/lib/TopicIntroductionList/TopicShortcutItem.d.ts

@@ -0,0 +1,6 @@
+import { Shortcut } from './TopicIntroductionList';
+interface Props {
+    shortcut: Shortcut;
+}
+declare const ShortcutItem: ({ shortcut: { id, tooltip, contentType, url, count } }: Props) => JSX.Element;
+export default ShortcutItem;

package/lib/TopicIntroductionList/TopicShortcutItem.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
@@ -19,8 +17,6 @@ var _reactI18next = require("react-i18next");
 
 var _ContentTypeBadge = _interopRequireDefault(require("../ContentTypeBadge"));
 
-var _shapes = require("../shapes");
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -60,12 +56,5 @@ var ShortcutItem = function ShortcutItem(_ref) {
   }), (0, _core.jsx)("span", classes('count'), count)));
 };
 
-ShortcutItem.propTypes = {
-  shortcut: _shapes.ShortcutShape.isRequired,
-  disableToolTip: _propTypes["default"].bool
-};
-ShortcutItem.defaultProps = {
-  disableToolTip: false
-};
 var _default = ShortcutItem;
 exports["default"] = _default;

package/lib/TopicIntroductionList/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2018-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 TopicIntroductionList from './TopicIntroductionList';
+export default TopicIntroductionList;