@ndla/ui 34.6.2 → 34.6.3

package/lib/FileList/index.js

@@ -9,9 +9,30 @@ Object.defineProperty(exports, "File", {
     return _File["default"];
   }
 });
+Object.defineProperty(exports, "FileListV2", {
+  enumerable: true,
+  get: function get() {
+    return _FileListV["default"];
+  }
+});
+Object.defineProperty(exports, "FileV2", {
+  enumerable: true,
+  get: function get() {
+    return _FileV["default"];
+  }
+});
+Object.defineProperty(exports, "PdfFile", {
+  enumerable: true,
+  get: function get() {
+    return _PdfFile["default"];
+  }
+});
 exports["default"] = void 0;
 var _FileList = _interopRequireDefault(require("./FileList"));
 var _File = _interopRequireDefault(require("./File"));
+var _FileListV = _interopRequireDefault(require("./FileListV2"));
+var _PdfFile = _interopRequireDefault(require("./PdfFile"));
+var _FileV = _interopRequireDefault(require("./FileV2"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var _default = _FileList["default"];
 exports["default"] = _default;

package/lib/Notion/Notion.js

@@ -20,9 +20,9 @@ var ContentWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   label: "ContentWrapper"
 })(_core.mq.range({
   until: _core.breakpoints.tabletWide
-}), "{display:flex;flex-direction:column-reverse;}.c-figure{margin:0;padding:0 0 0 20px;&.expanded{width:100%!important;padding:0;margin-bottom:", _core.spacing.normal, ";}", _core.mq.range({
+}), "{display:flex;flex-direction:column-reverse;}.c-figure{margin:0;&.expanded{width:100%!important;padding:0;margin-bottom:", _core.spacing.normal, ";}", _core.mq.range({
   until: _core.breakpoints.tabletWide
-}), "{width:100%!important;padding:0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlDIiwiZmlsZSI6Ik5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBwYXJzZU1hcmtkb3duIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gIH1cbiAgLmMtZmlndXJlIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMCAwIDAgMjBweDtcbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICB9XG5gO1xuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgaGFzVmlzdWFsRWxlbWVudDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzVmlzdWFsRWxlbWVudCA/ICc3NSUnIDogJzEwMCUnKX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjhweCcpfTtcbiAgJHtDb250ZW50V3JhcHBlcn0gLmMtZmlndXJlLmV4cGFuZGVkICsgJiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB1bCxcbiAgICBvbCB7XG4gICAgICBtYXJnaW46IDEycHggMDtcbiAgICAgIHBhZGRpbmc6IDAgMXJlbSAwIDJyZW07XG4gICAgfVxuICAgIG9sID4gbGkge1xuICAgICAgbWFyZ2luLWxlZnQ6IDI0cHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDbGVhcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjbGVhcjogYm90aDtcbmA7XG5cbmNvbnN0IExhYmVsc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMjRweCcpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVscz86IHN0cmluZ1tdO1xuICB0ZXh0OiBSZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ6IFJlYWN0Tm9kZTtcbiAgaW1hZ2VFbGVtZW50PzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IE5vdGlvbiA9ICh7IGlkLCBsYWJlbHMgPSBbXSwgdGV4dCwgdGl0bGUsIHZpc3VhbEVsZW1lbnQsIGltYWdlRWxlbWVudCwgY2hpbGRyZW4gfTogTm90aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAge2ltYWdlRWxlbWVudH1cbiAgICAgICAge3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgIDxUZXh0V3JhcHBlciBoYXNWaXN1YWxFbGVtZW50PXshIShpbWFnZUVsZW1lbnQgfHwgdmlzdWFsRWxlbWVudCl9PlxuICAgICAgICAgIHtwYXJzZU1hcmtkb3duKGAqKiR7dGl0bGV9KiogXFx1MjAxMyAke3RleHR9YCwgJ2JvZHknKX1cbiAgICAgICAgICB7ISFsYWJlbHMubGVuZ3RoICYmIChcbiAgICAgICAgICAgIDxMYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgICAgIHt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uTGFiZWxzJyl9XG4gICAgICAgICAgICAgIHtsYWJlbHMubWFwKChsYWJlbCwgaSkgPT4gKFxuICAgICAgICAgICAgICAgIDxGcmFnbWVudCBrZXk9e2Bub3Rpb24tJHtpZH0tbGFiZWwtJHtpICsgMX1gfT5cbiAgICAgICAgICAgICAgICAgIHsnICd9XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICB7aSA8IGxhYmVscz8ubGVuZ3RoIC0gMSAmJiA8PiAmIzgyMjY7PC8+fVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9MYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICAgPENsZWFyV3JhcHBlciAvPlxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvbjtcbiJdfQ== */"));
+}), "{width:100%!important;padding:0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlDIiwiZmlsZSI6Ik5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBwYXJzZU1hcmtkb3duIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gIH1cbiAgLmMtZmlndXJlIHtcbiAgICBtYXJnaW46IDA7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
 var TextWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eztjhst2",
   label: "TextWrapper"
@@ -32,7 +32,7 @@ var TextWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   until: _core.breakpoints.tabletWide
 }), "{width:100%;}font-family:", _core.fonts.sans, ";", _core.fonts.sizes('18px', '28px'), ";", ContentWrapper, " .c-figure.expanded+&{width:100%;}", _core.mq.range({
   from: _core.breakpoints.desktop
-}), "{ul,ol{margin:12px 0;padding:0 1rem 0 2rem;}ol>li{margin-left:24px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M2RCIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDAgMCAwIDIwcHg7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
+}), "{ul,ol{margin:12px 0;padding:0 1rem 0 2rem;}ol>li{margin-left:24px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0I2RCIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICYuZXhwYW5kZWQge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIH1cbmA7XG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8eyBoYXNWaXN1YWxFbGVtZW50OiBib29sZWFuIH0+YFxuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNWaXN1YWxFbGVtZW50ID8gJzc1JScgOiAnMTAwJScpfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuICAke0NvbnRlbnRXcmFwcGVyfSAuYy1maWd1cmUuZXhwYW5kZWQgKyAmIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHVsLFxuICAgIG9sIHtcbiAgICAgIG1hcmdpbjogMTJweCAwO1xuICAgICAgcGFkZGluZzogMCAxcmVtIDAgMnJlbTtcbiAgICB9XG4gICAgb2wgPiBsaSB7XG4gICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENsZWFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNsZWFyOiBib3RoO1xuYDtcblxuY29uc3QgTGFiZWxzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25Qcm9wcyA9IHtcbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWxzPzogc3RyaW5nW107XG4gIHRleHQ6IFJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgdmlzdWFsRWxlbWVudDogUmVhY3ROb2RlO1xuICBpbWFnZUVsZW1lbnQ/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTm90aW9uID0gKHsgaWQsIGxhYmVscyA9IFtdLCB0ZXh0LCB0aXRsZSwgdmlzdWFsRWxlbWVudCwgaW1hZ2VFbGVtZW50LCBjaGlsZHJlbiB9OiBOb3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICB7aW1hZ2VFbGVtZW50fVxuICAgICAgICB7dmlzdWFsRWxlbWVudH1cbiAgICAgICAgPFRleHRXcmFwcGVyIGhhc1Zpc3VhbEVsZW1lbnQ9eyEhKGltYWdlRWxlbWVudCB8fCB2aXN1YWxFbGVtZW50KX0+XG4gICAgICAgICAge3BhcnNlTWFya2Rvd24oYCoqJHt0aXRsZX0qKiBcXHUyMDEzICR7dGV4dH1gLCAnYm9keScpfVxuICAgICAgICAgIHshIWxhYmVscy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgPExhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3QoJ3NlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25MYWJlbHMnKX1cbiAgICAgICAgICAgICAge2xhYmVscy5tYXAoKGxhYmVsLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17YG5vdGlvbi0ke2lkfS1sYWJlbC0ke2kgKyAxfWB9PlxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICAgIHtpIDwgbGFiZWxzPy5sZW5ndGggLSAxICYmIDw+ICYjODIyNjs8Lz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0xhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRXcmFwcGVyPlxuICAgICAgICA8Q2xlYXJXcmFwcGVyIC8+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTm90aW9uO1xuIl19 */"));
 var ClearWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eztjhst1",
   label: "ClearWrapper"
@@ -42,13 +42,13 @@ var ClearWrapper = /*#__PURE__*/(0, _base["default"])("div", {
 } : {
   name: "sffzb7",
   styles: "clear:both",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQrQiIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDAgMCAwIDIwcHg7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0QrQiIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICYuZXhwYW5kZWQge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIH1cbmA7XG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8eyBoYXNWaXN1YWxFbGVtZW50OiBib29sZWFuIH0+YFxuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNWaXN1YWxFbGVtZW50ID8gJzc1JScgOiAnMTAwJScpfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuICAke0NvbnRlbnRXcmFwcGVyfSAuYy1maWd1cmUuZXhwYW5kZWQgKyAmIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHVsLFxuICAgIG9sIHtcbiAgICAgIG1hcmdpbjogMTJweCAwO1xuICAgICAgcGFkZGluZzogMCAxcmVtIDAgMnJlbTtcbiAgICB9XG4gICAgb2wgPiBsaSB7XG4gICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENsZWFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNsZWFyOiBib3RoO1xuYDtcblxuY29uc3QgTGFiZWxzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25Qcm9wcyA9IHtcbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWxzPzogc3RyaW5nW107XG4gIHRleHQ6IFJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgdmlzdWFsRWxlbWVudDogUmVhY3ROb2RlO1xuICBpbWFnZUVsZW1lbnQ/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTm90aW9uID0gKHsgaWQsIGxhYmVscyA9IFtdLCB0ZXh0LCB0aXRsZSwgdmlzdWFsRWxlbWVudCwgaW1hZ2VFbGVtZW50LCBjaGlsZHJlbiB9OiBOb3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICB7aW1hZ2VFbGVtZW50fVxuICAgICAgICB7dmlzdWFsRWxlbWVudH1cbiAgICAgICAgPFRleHRXcmFwcGVyIGhhc1Zpc3VhbEVsZW1lbnQ9eyEhKGltYWdlRWxlbWVudCB8fCB2aXN1YWxFbGVtZW50KX0+XG4gICAgICAgICAge3BhcnNlTWFya2Rvd24oYCoqJHt0aXRsZX0qKiBcXHUyMDEzICR7dGV4dH1gLCAnYm9keScpfVxuICAgICAgICAgIHshIWxhYmVscy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgPExhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3QoJ3NlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25MYWJlbHMnKX1cbiAgICAgICAgICAgICAge2xhYmVscy5tYXAoKGxhYmVsLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17YG5vdGlvbi0ke2lkfS1sYWJlbC0ke2kgKyAxfWB9PlxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICAgIHtpIDwgbGFiZWxzPy5sZW5ndGggLSAxICYmIDw+ICYjODIyNjs8Lz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0xhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRXcmFwcGVyPlxuICAgICAgICA8Q2xlYXJXcmFwcGVyIC8+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTm90aW9uO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var LabelsContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eztjhst0",
   label: "LabelsContainer"
-})("display:flex;align-items:center;", _core.fonts.sizes('14px', '24px'), ";font-family:", _core.fonts.sans, ";margin:", _core.spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRrQyIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDAgMCAwIDIwcHg7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
+})("display:flex;align-items:center;", _core.fonts.sizes('14px', '24px'), ";font-family:", _core.fonts.sans, ";margin:", _core.spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMERrQyIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICYuZXhwYW5kZWQge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIH1cbmA7XG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8eyBoYXNWaXN1YWxFbGVtZW50OiBib29sZWFuIH0+YFxuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNWaXN1YWxFbGVtZW50ID8gJzc1JScgOiAnMTAwJScpfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuICAke0NvbnRlbnRXcmFwcGVyfSAuYy1maWd1cmUuZXhwYW5kZWQgKyAmIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHVsLFxuICAgIG9sIHtcbiAgICAgIG1hcmdpbjogMTJweCAwO1xuICAgICAgcGFkZGluZzogMCAxcmVtIDAgMnJlbTtcbiAgICB9XG4gICAgb2wgPiBsaSB7XG4gICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENsZWFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNsZWFyOiBib3RoO1xuYDtcblxuY29uc3QgTGFiZWxzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25Qcm9wcyA9IHtcbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWxzPzogc3RyaW5nW107XG4gIHRleHQ6IFJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgdmlzdWFsRWxlbWVudDogUmVhY3ROb2RlO1xuICBpbWFnZUVsZW1lbnQ/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTm90aW9uID0gKHsgaWQsIGxhYmVscyA9IFtdLCB0ZXh0LCB0aXRsZSwgdmlzdWFsRWxlbWVudCwgaW1hZ2VFbGVtZW50LCBjaGlsZHJlbiB9OiBOb3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICB7aW1hZ2VFbGVtZW50fVxuICAgICAgICB7dmlzdWFsRWxlbWVudH1cbiAgICAgICAgPFRleHRXcmFwcGVyIGhhc1Zpc3VhbEVsZW1lbnQ9eyEhKGltYWdlRWxlbWVudCB8fCB2aXN1YWxFbGVtZW50KX0+XG4gICAgICAgICAge3BhcnNlTWFya2Rvd24oYCoqJHt0aXRsZX0qKiBcXHUyMDEzICR7dGV4dH1gLCAnYm9keScpfVxuICAgICAgICAgIHshIWxhYmVscy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgPExhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3QoJ3NlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25MYWJlbHMnKX1cbiAgICAgICAgICAgICAge2xhYmVscy5tYXAoKGxhYmVsLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17YG5vdGlvbi0ke2lkfS1sYWJlbC0ke2kgKyAxfWB9PlxuICAgICAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICAgIHtpIDwgbGFiZWxzPy5sZW5ndGggLSAxICYmIDw+ICYjODIyNjs8Lz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0xhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRXcmFwcGVyPlxuICAgICAgICA8Q2xlYXJXcmFwcGVyIC8+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTm90aW9uO1xuIl19 */"));
 var Notion = function Notion(_ref) {
   var id = _ref.id,
     _ref$labels = _ref.labels,

package/lib/Notion/NotionVisualElement.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { Copyright } from '../types';
 export type NotionVisualElementType = {
     element?: ReactNode;
-    type?: 'video' | 'image' | 'h5p';
+    type?: 'video' | 'image' | 'h5p' | 'iframe';
     resource?: string;
     title?: string;
     url?: string;

package/lib/Notion/NotionVisualElement.js

@@ -17,7 +17,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1xdnj1g-StyledIframe",
   styles: "min-height:400px;label:StyledIframe;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVXIiwiZmlsZSI6Ik5vdGlvblZpc3VhbEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb3B5cmlnaHQgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcblxuY29uc3QgU3R5bGVkSWZyYW1lID0gc3R5bGVkLmlmcmFtZTx7IHR5cGU6IHN0cmluZyB9PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMudHlwZSA9PT0gJ3ZpZGVvJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgbWluLWhlaWdodDogNDAwcHg7XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSA9IHtcbiAgZWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgdHlwZT86ICd2aWRlbycgfCAnaW1hZ2UnIHwgJ2g1cCc7XG4gIHJlc291cmNlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICBjb3B5cmlnaHQ/OiBQYXJ0aWFsPENvcHlyaWdodD47XG4gIGltYWdlPzoge1xuICAgIHNyYzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbiAgfTtcbiAgbGljZW5zZUJ1dHRvbnM/OiBSZWFjdE5vZGU7XG59O1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB2aXN1YWxFbGVtZW50OiBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZTtcbiAgaWQ6IHN0cmluZztcbiAgZmlndXJlSWQ6IHN0cmluZztcbn1cbmNvbnN0IHN1cHBvcnRlZEVtYmVkVHlwZXMgPSBbJ2JyaWdodGNvdmUnLCAnaDVwJywgJ2lmcmFtZScsICdleHRlcm5hbCcsICdpbWFnZSddO1xuXG5jb25zdCBnZXRUeXBlID0gKHJlc291cmNlOiBzdHJpbmcpID0+IHtcbiAgaWYgKHJlc291cmNlID09PSAnYnJpZ2h0Y292ZScpIHtcbiAgICByZXR1cm4gJ3ZpZGVvJztcbiAgfVxuICBpZiAocmVzb3VyY2UgPT09ICdpbWFnZScgfHwgcmVzb3VyY2UgPT09ICdoNXAnKSB7XG4gICAgcmV0dXJuIHJlc291cmNlO1xuICB9XG4gIHJldHVybiAnb3RoZXInO1xufTtcblxuY29uc3QgTm90aW9uVmlzdWFsRWxlbWVudCA9ICh7IHZpc3VhbEVsZW1lbnQsIGlkLCBmaWd1cmVJZCB9OiBQcm9wcykgPT4ge1xuICBpZiAoIXZpc3VhbEVsZW1lbnQucmVzb3VyY2UgfHwgIXN1cHBvcnRlZEVtYmVkVHlwZXMuaW5jbHVkZXModmlzdWFsRWxlbWVudC5yZXNvdXJjZSkpIHtcbiAgICByZXR1cm4gPHA+RW1iZWQgdHlwZSBpcyBub3Qgc3VwcG9ydGVkITwvcD47XG4gIH1cblxuICBjb25zdCB0eXBlID0gZ2V0VHlwZSh2aXN1YWxFbGVtZW50LnJlc291cmNlKTtcblxuICByZXR1cm4gKFxuICAgIDxGaWd1cmVOb3Rpb25cbiAgICAgIHJlc2l6ZUlmcmFtZVxuICAgICAgaWQ9e2lkfVxuICAgICAgZmlndXJlSWQ9e2ZpZ3VyZUlkfVxuICAgICAgdGl0bGU9e3Zpc3VhbEVsZW1lbnQudGl0bGUgPz8gJyd9XG4gICAgICBjb3B5cmlnaHQ9e3Zpc3VhbEVsZW1lbnQuY29weXJpZ2h0fVxuICAgICAgbGljZW5zZVN0cmluZz17dmlzdWFsRWxlbWVudC5jb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9XG4gICAgICBsaWNlbnNlQnV0dG9ucz17dmlzdWFsRWxlbWVudC5saWNlbnNlQnV0dG9uc31cbiAgICAgIHR5cGU9e3R5cGV9PlxuICAgICAge3Zpc3VhbEVsZW1lbnQuaW1hZ2U/LnNyYyA/IChcbiAgICAgICAgPGltZyBzcmM9e3Zpc3VhbEVsZW1lbnQuaW1hZ2U/LnNyY30gYWx0PXt2aXN1YWxFbGVtZW50LmltYWdlLmFsdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRJZnJhbWUgYWxsb3dGdWxsU2NyZWVuIHR5cGU9e3R5cGV9IHNyYz17dmlzdWFsRWxlbWVudC51cmx9IHRpdGxlPXt2aXN1YWxFbGVtZW50LnRpdGxlfSAvPlxuICAgICAgKX1cbiAgICA8L0ZpZ3VyZU5vdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvblZpc3VhbEVsZW1lbnQ7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVXIiwiZmlsZSI6Ik5vdGlvblZpc3VhbEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb3B5cmlnaHQgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgRmlndXJlTm90aW9uIGZyb20gJy4vRmlndXJlTm90aW9uJztcblxuY29uc3QgU3R5bGVkSWZyYW1lID0gc3R5bGVkLmlmcmFtZTx7IHR5cGU6IHN0cmluZyB9PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMudHlwZSA9PT0gJ3ZpZGVvJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgbWluLWhlaWdodDogNDAwcHg7XG4gICAgICAgIGBcbiAgICAgIDogJyd9XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZSA9IHtcbiAgZWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgdHlwZT86ICd2aWRlbycgfCAnaW1hZ2UnIHwgJ2g1cCcgfCAnaWZyYW1lJztcbiAgcmVzb3VyY2U/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICB1cmw/OiBzdHJpbmc7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgaW1hZ2U/OiB7XG4gICAgc3JjOiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICBsaWNlbnNlQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHZpc3VhbEVsZW1lbnQ6IE5vdGlvblZpc3VhbEVsZW1lbnRUeXBlO1xuICBpZDogc3RyaW5nO1xuICBmaWd1cmVJZDogc3RyaW5nO1xufVxuY29uc3Qgc3VwcG9ydGVkRW1iZWRUeXBlcyA9IFsnYnJpZ2h0Y292ZScsICdoNXAnLCAnaWZyYW1lJywgJ2V4dGVybmFsJywgJ2ltYWdlJ107XG5cbmNvbnN0IGdldFR5cGUgPSAocmVzb3VyY2U6IHN0cmluZykgPT4ge1xuICBpZiAocmVzb3VyY2UgPT09ICdicmlnaHRjb3ZlJykge1xuICAgIHJldHVybiAndmlkZW8nO1xuICB9XG4gIGlmIChyZXNvdXJjZSA9PT0gJ2ltYWdlJyB8fCByZXNvdXJjZSA9PT0gJ2g1cCcpIHtcbiAgICByZXR1cm4gcmVzb3VyY2U7XG4gIH1cbiAgcmV0dXJuICdvdGhlcic7XG59O1xuXG5jb25zdCBOb3Rpb25WaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCwgaWQsIGZpZ3VyZUlkIH06IFByb3BzKSA9PiB7XG4gIGlmICghdmlzdWFsRWxlbWVudC5yZXNvdXJjZSB8fCAhc3VwcG9ydGVkRW1iZWRUeXBlcy5pbmNsdWRlcyh2aXN1YWxFbGVtZW50LnJlc291cmNlKSkge1xuICAgIHJldHVybiA8cD5FbWJlZCB0eXBlIGlzIG5vdCBzdXBwb3J0ZWQhPC9wPjtcbiAgfVxuXG4gIGNvbnN0IHR5cGUgPSBnZXRUeXBlKHZpc3VhbEVsZW1lbnQucmVzb3VyY2UpO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZU5vdGlvblxuICAgICAgcmVzaXplSWZyYW1lXG4gICAgICBpZD17aWR9XG4gICAgICBmaWd1cmVJZD17ZmlndXJlSWR9XG4gICAgICB0aXRsZT17dmlzdWFsRWxlbWVudC50aXRsZSA/PyAnJ31cbiAgICAgIGNvcHlyaWdodD17dmlzdWFsRWxlbWVudC5jb3B5cmlnaHR9XG4gICAgICBsaWNlbnNlU3RyaW5nPXt2aXN1YWxFbGVtZW50LmNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgIGxpY2Vuc2VCdXR0b25zPXt2aXN1YWxFbGVtZW50LmxpY2Vuc2VCdXR0b25zfVxuICAgICAgdHlwZT17dHlwZX0+XG4gICAgICB7dmlzdWFsRWxlbWVudC5pbWFnZT8uc3JjID8gKFxuICAgICAgICA8aW1nIHNyYz17dmlzdWFsRWxlbWVudC5pbWFnZT8uc3JjfSBhbHQ9e3Zpc3VhbEVsZW1lbnQuaW1hZ2UuYWx0fSAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZElmcmFtZSBhbGxvd0Z1bGxTY3JlZW4gdHlwZT17dHlwZX0gc3JjPXt2aXN1YWxFbGVtZW50LnVybH0gdGl0bGU9e3Zpc3VhbEVsZW1lbnQudGl0bGV9IC8+XG4gICAgICApfVxuICAgIDwvRmlndXJlTm90aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTm90aW9uVmlzdWFsRWxlbWVudDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var StyledIframe = /*#__PURE__*/(0, _base["default"])("iframe", {
@@ -25,7 +25,7 @@ var StyledIframe = /*#__PURE__*/(0, _base["default"])("iframe", {
   label: "StyledIframe"
 })(function (props) {
   return props.type === 'video' ? _ref : '';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlvRCIsImZpbGUiOiJOb3Rpb25WaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ29weXJpZ2h0IH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IEZpZ3VyZU5vdGlvbiBmcm9tICcuL0ZpZ3VyZU5vdGlvbic7XG5cbmNvbnN0IFN0eWxlZElmcmFtZSA9IHN0eWxlZC5pZnJhbWU8eyB0eXBlOiBzdHJpbmcgfT5gXG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnR5cGUgPT09ICd2aWRlbydcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1pbi1oZWlnaHQ6IDQwMHB4O1xuICAgICAgICBgXG4gICAgICA6ICcnfVxuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uVmlzdWFsRWxlbWVudFR5cGUgPSB7XG4gIGVsZW1lbnQ/OiBSZWFjdE5vZGU7XG4gIHR5cGU/OiAndmlkZW8nIHwgJ2ltYWdlJyB8ICdoNXAnO1xuICByZXNvdXJjZT86IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHVybD86IHN0cmluZztcbiAgY29weXJpZ2h0PzogUGFydGlhbDxDb3B5cmlnaHQ+O1xuICBpbWFnZT86IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG4gIH07XG4gIGxpY2Vuc2VCdXR0b25zPzogUmVhY3ROb2RlO1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmlzdWFsRWxlbWVudDogTm90aW9uVmlzdWFsRWxlbWVudFR5cGU7XG4gIGlkOiBzdHJpbmc7XG4gIGZpZ3VyZUlkOiBzdHJpbmc7XG59XG5jb25zdCBzdXBwb3J0ZWRFbWJlZFR5cGVzID0gWydicmlnaHRjb3ZlJywgJ2g1cCcsICdpZnJhbWUnLCAnZXh0ZXJuYWwnLCAnaW1hZ2UnXTtcblxuY29uc3QgZ2V0VHlwZSA9IChyZXNvdXJjZTogc3RyaW5nKSA9PiB7XG4gIGlmIChyZXNvdXJjZSA9PT0gJ2JyaWdodGNvdmUnKSB7XG4gICAgcmV0dXJuICd2aWRlbyc7XG4gIH1cbiAgaWYgKHJlc291cmNlID09PSAnaW1hZ2UnIHx8IHJlc291cmNlID09PSAnaDVwJykge1xuICAgIHJldHVybiByZXNvdXJjZTtcbiAgfVxuICByZXR1cm4gJ290aGVyJztcbn07XG5cbmNvbnN0IE5vdGlvblZpc3VhbEVsZW1lbnQgPSAoeyB2aXN1YWxFbGVtZW50LCBpZCwgZmlndXJlSWQgfTogUHJvcHMpID0+IHtcbiAgaWYgKCF2aXN1YWxFbGVtZW50LnJlc291cmNlIHx8ICFzdXBwb3J0ZWRFbWJlZFR5cGVzLmluY2x1ZGVzKHZpc3VhbEVsZW1lbnQucmVzb3VyY2UpKSB7XG4gICAgcmV0dXJuIDxwPkVtYmVkIHR5cGUgaXMgbm90IHN1cHBvcnRlZCE8L3A+O1xuICB9XG5cbiAgY29uc3QgdHlwZSA9IGdldFR5cGUodmlzdWFsRWxlbWVudC5yZXNvdXJjZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlTm90aW9uXG4gICAgICByZXNpemVJZnJhbWVcbiAgICAgIGlkPXtpZH1cbiAgICAgIGZpZ3VyZUlkPXtmaWd1cmVJZH1cbiAgICAgIHRpdGxlPXt2aXN1YWxFbGVtZW50LnRpdGxlID8/ICcnfVxuICAgICAgY29weXJpZ2h0PXt2aXN1YWxFbGVtZW50LmNvcHlyaWdodH1cbiAgICAgIGxpY2Vuc2VTdHJpbmc9e3Zpc3VhbEVsZW1lbnQuY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID8/ICcnfVxuICAgICAgbGljZW5zZUJ1dHRvbnM9e3Zpc3VhbEVsZW1lbnQubGljZW5zZUJ1dHRvbnN9XG4gICAgICB0eXBlPXt0eXBlfT5cbiAgICAgIHt2aXN1YWxFbGVtZW50LmltYWdlPy5zcmMgPyAoXG4gICAgICAgIDxpbWcgc3JjPXt2aXN1YWxFbGVtZW50LmltYWdlPy5zcmN9IGFsdD17dmlzdWFsRWxlbWVudC5pbWFnZS5hbHR9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkSWZyYW1lIGFsbG93RnVsbFNjcmVlbiB0eXBlPXt0eXBlfSBzcmM9e3Zpc3VhbEVsZW1lbnQudXJsfSB0aXRsZT17dmlzdWFsRWxlbWVudC50aXRsZX0gLz5cbiAgICAgICl9XG4gICAgPC9GaWd1cmVOb3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb25WaXN1YWxFbGVtZW50O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvblZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlvRCIsImZpbGUiOiJOb3Rpb25WaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ29weXJpZ2h0IH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IEZpZ3VyZU5vdGlvbiBmcm9tICcuL0ZpZ3VyZU5vdGlvbic7XG5cbmNvbnN0IFN0eWxlZElmcmFtZSA9IHN0eWxlZC5pZnJhbWU8eyB0eXBlOiBzdHJpbmcgfT5gXG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnR5cGUgPT09ICd2aWRlbydcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1pbi1oZWlnaHQ6IDQwMHB4O1xuICAgICAgICBgXG4gICAgICA6ICcnfVxuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uVmlzdWFsRWxlbWVudFR5cGUgPSB7XG4gIGVsZW1lbnQ/OiBSZWFjdE5vZGU7XG4gIHR5cGU/OiAndmlkZW8nIHwgJ2ltYWdlJyB8ICdoNXAnIHwgJ2lmcmFtZSc7XG4gIHJlc291cmNlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICBjb3B5cmlnaHQ/OiBQYXJ0aWFsPENvcHlyaWdodD47XG4gIGltYWdlPzoge1xuICAgIHNyYzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbiAgfTtcbiAgbGljZW5zZUJ1dHRvbnM/OiBSZWFjdE5vZGU7XG59O1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB2aXN1YWxFbGVtZW50OiBOb3Rpb25WaXN1YWxFbGVtZW50VHlwZTtcbiAgaWQ6IHN0cmluZztcbiAgZmlndXJlSWQ6IHN0cmluZztcbn1cbmNvbnN0IHN1cHBvcnRlZEVtYmVkVHlwZXMgPSBbJ2JyaWdodGNvdmUnLCAnaDVwJywgJ2lmcmFtZScsICdleHRlcm5hbCcsICdpbWFnZSddO1xuXG5jb25zdCBnZXRUeXBlID0gKHJlc291cmNlOiBzdHJpbmcpID0+IHtcbiAgaWYgKHJlc291cmNlID09PSAnYnJpZ2h0Y292ZScpIHtcbiAgICByZXR1cm4gJ3ZpZGVvJztcbiAgfVxuICBpZiAocmVzb3VyY2UgPT09ICdpbWFnZScgfHwgcmVzb3VyY2UgPT09ICdoNXAnKSB7XG4gICAgcmV0dXJuIHJlc291cmNlO1xuICB9XG4gIHJldHVybiAnb3RoZXInO1xufTtcblxuY29uc3QgTm90aW9uVmlzdWFsRWxlbWVudCA9ICh7IHZpc3VhbEVsZW1lbnQsIGlkLCBmaWd1cmVJZCB9OiBQcm9wcykgPT4ge1xuICBpZiAoIXZpc3VhbEVsZW1lbnQucmVzb3VyY2UgfHwgIXN1cHBvcnRlZEVtYmVkVHlwZXMuaW5jbHVkZXModmlzdWFsRWxlbWVudC5yZXNvdXJjZSkpIHtcbiAgICByZXR1cm4gPHA+RW1iZWQgdHlwZSBpcyBub3Qgc3VwcG9ydGVkITwvcD47XG4gIH1cblxuICBjb25zdCB0eXBlID0gZ2V0VHlwZSh2aXN1YWxFbGVtZW50LnJlc291cmNlKTtcblxuICByZXR1cm4gKFxuICAgIDxGaWd1cmVOb3Rpb25cbiAgICAgIHJlc2l6ZUlmcmFtZVxuICAgICAgaWQ9e2lkfVxuICAgICAgZmlndXJlSWQ9e2ZpZ3VyZUlkfVxuICAgICAgdGl0bGU9e3Zpc3VhbEVsZW1lbnQudGl0bGUgPz8gJyd9XG4gICAgICBjb3B5cmlnaHQ9e3Zpc3VhbEVsZW1lbnQuY29weXJpZ2h0fVxuICAgICAgbGljZW5zZVN0cmluZz17dmlzdWFsRWxlbWVudC5jb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9XG4gICAgICBsaWNlbnNlQnV0dG9ucz17dmlzdWFsRWxlbWVudC5saWNlbnNlQnV0dG9uc31cbiAgICAgIHR5cGU9e3R5cGV9PlxuICAgICAge3Zpc3VhbEVsZW1lbnQuaW1hZ2U/LnNyYyA/IChcbiAgICAgICAgPGltZyBzcmM9e3Zpc3VhbEVsZW1lbnQuaW1hZ2U/LnNyY30gYWx0PXt2aXN1YWxFbGVtZW50LmltYWdlLmFsdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRJZnJhbWUgYWxsb3dGdWxsU2NyZWVuIHR5cGU9e3R5cGV9IHNyYz17dmlzdWFsRWxlbWVudC51cmx9IHRpdGxlPXt2aXN1YWxFbGVtZW50LnRpdGxlfSAvPlxuICAgICAgKX1cbiAgICA8L0ZpZ3VyZU5vdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvblZpc3VhbEVsZW1lbnQ7XG4iXX0= */"));
 var supportedEmbedTypes = ['brightcove', 'h5p', 'iframe', 'external', 'image'];
 var getType = function getType(resource) {
   if (resource === 'brightcove') {

package/lib/RelatedArticleList/RelatedArticleV2.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+import { HeadingLevel } from '../types';
+interface RelatedArticleProps {
+    title: string;
+    introduction: string;
+    to: string;
+    linkInfo?: string;
+    target?: string;
+    type?: string;
+}
+export declare const RelatedArticleV2: ({ title, introduction, to, linkInfo, target, type, }: RelatedArticleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+interface Props {
+    children?: JSX.Element[];
+    articleCount?: number;
+    headingLevel?: HeadingLevel;
+}
+export declare const RelatedArticleListV2: ({ children, articleCount, headingLevel }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/lib/RelatedArticleList/RelatedArticleV2.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RelatedArticleV2 = exports.RelatedArticleListV2 = void 0;
+var _react = require("react");
+var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _reactI18next = require("react-i18next");
+var _button = require("@ndla/button");
+var _safelink = _interopRequireDefault(require("@ndla/safelink"));
+var _SectionHeading = _interopRequireDefault(require("../SectionHeading"));
+var _ContentTypeBadge = _interopRequireDefault(require("../ContentTypeBadge"));
+var _ContentType = require("../model/ContentType");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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 _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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var classes = new _reactBemHelper["default"]({
+  name: 'related-articles',
+  prefix: 'c-'
+});
+var RelatedArticleV2 = function RelatedArticleV2(_ref) {
+  var title = _ref.title,
+    introduction = _ref.introduction,
+    to = _ref.to,
+    _ref$linkInfo = _ref.linkInfo,
+    linkInfo = _ref$linkInfo === void 0 ? '' : _ref$linkInfo,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '' : _ref$target,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? _ContentType.contentTypes.SUBJECT_MATERIAL : _ref$type;
+  return (0, _jsxRuntime.jsxs)("article", _objectSpread(_objectSpread({}, classes('item', type)), {}, {
+    children: [(0, _jsxRuntime.jsxs)("h3", _objectSpread(_objectSpread({}, classes('title')), {}, {
+      children: [(0, _jsxRuntime.jsx)(_ContentTypeBadge["default"], {
+        type: type,
+        background: true,
+        size: "small"
+      }), (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, classes('link-wrapper')), {}, {
+        children: (0, _jsxRuntime.jsx)(_safelink["default"], _objectSpread(_objectSpread({
+          to: to
+        }, classes('link')), {}, {
+          target: target,
+          rel: linkInfo ? 'noopener noreferrer' : undefined,
+          children: title
+        }))
+      }))]
+    })), (0, _jsxRuntime.jsx)("p", _objectSpread(_objectSpread({}, classes('description')), {}, {
+      dangerouslySetInnerHTML: {
+        __html: introduction
+      }
+    })), linkInfo && (0, _jsxRuntime.jsx)("p", _objectSpread(_objectSpread({}, classes('link-info')), {}, {
+      children: linkInfo
+    }))]
+  }));
+};
+exports.RelatedArticleV2 = RelatedArticleV2;
+var RelatedArticleListV2 = function RelatedArticleListV2(_ref2) {
+  var _ref2$children = _ref2.children,
+    children = _ref2$children === void 0 ? [] : _ref2$children,
+    articleCount = _ref2.articleCount,
+    _ref2$headingLevel = _ref2.headingLevel,
+    headingLevel = _ref2$headingLevel === void 0 ? 'h3' : _ref2$headingLevel;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    expanded = _useState2[0],
+    setExpanded = _useState2[1];
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var childCount = (0, _react.useMemo)(function () {
+    return articleCount !== null && articleCount !== void 0 ? articleCount : _react.Children.count(children);
+  }, [children, articleCount]);
+  var childrenToShow = (0, _react.useMemo)(function () {
+    return childCount > 2 && !expanded ? children === null || children === void 0 ? void 0 : children.slice(0, 2) : children;
+  }, [childCount, children, expanded]);
+  return (0, _jsxRuntime.jsxs)("section", _objectSpread(_objectSpread({}, classes('')), {}, {
+    children: [(0, _jsxRuntime.jsx)(_SectionHeading["default"], {
+      headingLevel: headingLevel,
+      className: classes('component-title').className,
+      children: t('related.title')
+    }), (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('articles')), {}, {
+      children: childrenToShow
+    })), childCount > 2 ? (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+      onClick: function onClick() {
+        return setExpanded(function (p) {
+          return !p;
+        });
+      },
+      variant: "outline",
+      children: t("related.show".concat(expanded ? 'Less' : 'More'))
+    }) : null]
+  }));
+};
+exports.RelatedArticleListV2 = RelatedArticleListV2;

package/lib/RelatedArticleList/index.d.ts

@@ -6,5 +6,6 @@
  *
  */
 import RelatedArticleList, { RelatedArticle } from './RelatedArticleList';
-export { RelatedArticle };
+import { RelatedArticleListV2 } from './RelatedArticleV2';
+export { RelatedArticle, RelatedArticleListV2 };
 export default RelatedArticleList;

package/lib/RelatedArticleList/index.js

@@ -10,8 +10,15 @@ Object.defineProperty(exports, "RelatedArticle", {
     return _RelatedArticleList.RelatedArticle;
   }
 });
+Object.defineProperty(exports, "RelatedArticleListV2", {
+  enumerable: true,
+  get: function get() {
+    return _RelatedArticleV.RelatedArticleListV2;
+  }
+});
 exports["default"] = void 0;
 var _RelatedArticleList = _interopRequireWildcard(require("./RelatedArticleList"));
+var _RelatedArticleV = require("./RelatedArticleV2");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 /**

package/lib/Table/Table.js

@@ -1,33 +1,123 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _core = require("@ndla/core");
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _excluded = ["children", "id"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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 _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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var classes = (0, _reactBemHelper["default"])('c-table');
-var Table = function Table(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var MARGIN = 5;
+var ScrollBorder = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e69565p2",
+  label: "ScrollBorder"
+})("position:absolute;top:0;height:calc(100% - ", _core.spacing.mediumlarge, ");width:3px;background:", _core.colors.background.dark, ";display:", function (_ref) {
+  var show = _ref.show;
+  return show ? 'block' : 'none';
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzRDIiwiZmlsZSI6IlRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB0aHJvdHRsZSBmcm9tICdsb2Rhc2gvdGhyb3R0bGUnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSwgVUlFdmVudCwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5cbnR5cGUgU2Nyb2xsUG9zaXRpb24gPSAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJztcblxuY29uc3QgY2xhc3NlcyA9IEJFTUhlbHBlcignYy10YWJsZScpO1xuXG5jb25zdCBNQVJHSU4gPSA1O1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpZD86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPzoge1xuICAgIF9faHRtbDogc3RyaW5nO1xuICB9O1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkUHJvcHMge1xuICBzaG93OiBib29sZWFuO1xufVxuXG5jb25zdCBTY3JvbGxCb3JkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGhlaWdodDogY2FsYygxMDAlIC0gJHtzcGFjaW5nLm1lZGl1bWxhcmdlfSk7XG4gIHdpZHRoOiAzcHg7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZGFya307XG4gIGRpc3BsYXk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA/ICdibG9jaycgOiAnbm9uZScpfTtcbmA7XG5cbmNvbnN0IFJpZ2h0U2Nyb2xsQm9yZGVyID0gc3R5bGVkKFNjcm9sbEJvcmRlcilgXG4gIHJpZ2h0OiAwO1xuYDtcblxuY29uc3QgTGVmdFNjcm9sbEJvcmRlciA9IHN0eWxlZChTY3JvbGxCb3JkZXIpYFxuICBsZWZ0OiAwO1xuYDtcblxuY29uc3QgVGFibGUgPSAoeyBjaGlsZHJlbiwgaWQsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW3Njcm9sbFBvc2l0aW9uLCBzZXRTY3JvbGxQb3NpdGlvbl0gPSB1c2VTdGF0ZTxTY3JvbGxQb3NpdGlvbiB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgY2hlY2tTY3JvbGxQb3NpdGlvbiA9IHVzZUNhbGxiYWNrKChlbDogSFRNTFRhYmxlRWxlbWVudCkgPT4ge1xuICAgIGNvbnN0IHsgc2Nyb2xsTGVmdCwgb2Zmc2V0V2lkdGgsIHNjcm9sbFdpZHRoLCBjbGllbnRXaWR0aCB9ID0gZWw7XG4gICAgY29uc3QgaGFzU2Nyb2xsYmFyID0gc2Nyb2xsV2lkdGggPiBjbGllbnRXaWR0aDtcblxuICAgIGlmICghaGFzU2Nyb2xsYmFyKSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbih1bmRlZmluZWQpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGlzU3RhcnQgPSBzY3JvbGxMZWZ0IDw9IE1BUkdJTjtcbiAgICBjb25zdCBpc0VuZCA9IG9mZnNldFdpZHRoICsgc2Nyb2xsTGVmdCA+PSBzY3JvbGxXaWR0aCAtIE1BUkdJTjtcblxuICAgIGlmIChpc1N0YXJ0KSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbignc3RhcnQnKTtcbiAgICB9IGVsc2UgaWYgKGlzRW5kKSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbignZW5kJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldFNjcm9sbFBvc2l0aW9uKCdjZW50ZXInKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICBjb25zdCBvblNjcm9sbCA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIHRocm90dGxlKChldmVudDogVUlFdmVudDxIVE1MVGFibGVFbGVtZW50PikgPT4ge1xuICAgICAgICBjb25zdCBlbCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MVGFibGVFbGVtZW50IHwgdW5kZWZpbmVkO1xuICAgICAgICBpZiAoZWwpIHtcbiAgICAgICAgICBjaGVja1Njcm9sbFBvc2l0aW9uKGVsKTtcbiAgICAgICAgfVxuICAgICAgfSwgMTAwKSxcbiAgICBbY2hlY2tTY3JvbGxQb3NpdGlvbl0sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBlbCA9IHRhYmxlUmVmLmN1cnJlbnQ7XG4gICAgaWYgKGVsKSB7XG4gICAgICBjaGVja1Njcm9sbFBvc2l0aW9uKGVsKTtcbiAgICB9XG4gIH0sIFtjaGVja1Njcm9sbFBvc2l0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5jbGFzc2VzKCd3cmFwcGVyJyl9PlxuICAgICAgPGRpdiB7Li4uY2xhc3NlcygnY29udGVudCcpfT5cbiAgICAgICAgPExlZnRTY3JvbGxCb3JkZXIgc2hvdz17c2Nyb2xsUG9zaXRpb24gPT09ICdlbmQnIHx8IHNjcm9sbFBvc2l0aW9uID09PSAnY2VudGVyJ30gey4uLmNsYXNzZXMoJ2xlZnQtc2hhZG93Jyl9IC8+XG4gICAgICAgIDx0YWJsZSByZWY9e3RhYmxlUmVmfSBpZD17aWR9IG9uU2Nyb2xsPXtvblNjcm9sbH0gey4uLmNsYXNzZXMoeyBleHRyYTogWydvLXRhYmxlJ10gfSl9IHsuLi5yZXN0fT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvdGFibGU+XG4gICAgICAgIDxSaWdodFNjcm9sbEJvcmRlclxuICAgICAgICAgIHNob3c9e3Njcm9sbFBvc2l0aW9uID09PSAnc3RhcnQnIHx8IHNjcm9sbFBvc2l0aW9uID09PSAnY2VudGVyJ31cbiAgICAgICAgICB7Li4uY2xhc3NlcygncmlnaHQtc2hhZG93Jyl9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlO1xuIl19 */"));
+var RightScrollBorder = /*#__PURE__*/(0, _base["default"])(ScrollBorder, {
+  target: "e69565p1",
+  label: "RightScrollBorder"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1wf8jf",
+  styles: "right:0"
+} : {
+  name: "1wf8jf",
+  styles: "right:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzhDIiwiZmlsZSI6IlRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB0aHJvdHRsZSBmcm9tICdsb2Rhc2gvdGhyb3R0bGUnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSwgVUlFdmVudCwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5cbnR5cGUgU2Nyb2xsUG9zaXRpb24gPSAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJztcblxuY29uc3QgY2xhc3NlcyA9IEJFTUhlbHBlcignYy10YWJsZScpO1xuXG5jb25zdCBNQVJHSU4gPSA1O1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpZD86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPzoge1xuICAgIF9faHRtbDogc3RyaW5nO1xuICB9O1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkUHJvcHMge1xuICBzaG93OiBib29sZWFuO1xufVxuXG5jb25zdCBTY3JvbGxCb3JkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGhlaWdodDogY2FsYygxMDAlIC0gJHtzcGFjaW5nLm1lZGl1bWxhcmdlfSk7XG4gIHdpZHRoOiAzcHg7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZGFya307XG4gIGRpc3BsYXk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA/ICdibG9jaycgOiAnbm9uZScpfTtcbmA7XG5cbmNvbnN0IFJpZ2h0U2Nyb2xsQm9yZGVyID0gc3R5bGVkKFNjcm9sbEJvcmRlcilgXG4gIHJpZ2h0OiAwO1xuYDtcblxuY29uc3QgTGVmdFNjcm9sbEJvcmRlciA9IHN0eWxlZChTY3JvbGxCb3JkZXIpYFxuICBsZWZ0OiAwO1xuYDtcblxuY29uc3QgVGFibGUgPSAoeyBjaGlsZHJlbiwgaWQsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW3Njcm9sbFBvc2l0aW9uLCBzZXRTY3JvbGxQb3NpdGlvbl0gPSB1c2VTdGF0ZTxTY3JvbGxQb3NpdGlvbiB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgY2hlY2tTY3JvbGxQb3NpdGlvbiA9IHVzZUNhbGxiYWNrKChlbDogSFRNTFRhYmxlRWxlbWVudCkgPT4ge1xuICAgIGNvbnN0IHsgc2Nyb2xsTGVmdCwgb2Zmc2V0V2lkdGgsIHNjcm9sbFdpZHRoLCBjbGllbnRXaWR0aCB9ID0gZWw7XG4gICAgY29uc3QgaGFzU2Nyb2xsYmFyID0gc2Nyb2xsV2lkdGggPiBjbGllbnRXaWR0aDtcblxuICAgIGlmICghaGFzU2Nyb2xsYmFyKSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbih1bmRlZmluZWQpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGlzU3RhcnQgPSBzY3JvbGxMZWZ0IDw9IE1BUkdJTjtcbiAgICBjb25zdCBpc0VuZCA9IG9mZnNldFdpZHRoICsgc2Nyb2xsTGVmdCA+PSBzY3JvbGxXaWR0aCAtIE1BUkdJTjtcblxuICAgIGlmIChpc1N0YXJ0KSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbignc3RhcnQnKTtcbiAgICB9IGVsc2UgaWYgKGlzRW5kKSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbignZW5kJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldFNjcm9sbFBvc2l0aW9uKCdjZW50ZXInKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICBjb25zdCBvblNjcm9sbCA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIHRocm90dGxlKChldmVudDogVUlFdmVudDxIVE1MVGFibGVFbGVtZW50PikgPT4ge1xuICAgICAgICBjb25zdCBlbCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MVGFibGVFbGVtZW50IHwgdW5kZWZpbmVkO1xuICAgICAgICBpZiAoZWwpIHtcbiAgICAgICAgICBjaGVja1Njcm9sbFBvc2l0aW9uKGVsKTtcbiAgICAgICAgfVxuICAgICAgfSwgMTAwKSxcbiAgICBbY2hlY2tTY3JvbGxQb3NpdGlvbl0sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBlbCA9IHRhYmxlUmVmLmN1cnJlbnQ7XG4gICAgaWYgKGVsKSB7XG4gICAgICBjaGVja1Njcm9sbFBvc2l0aW9uKGVsKTtcbiAgICB9XG4gIH0sIFtjaGVja1Njcm9sbFBvc2l0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5jbGFzc2VzKCd3cmFwcGVyJyl9PlxuICAgICAgPGRpdiB7Li4uY2xhc3NlcygnY29udGVudCcpfT5cbiAgICAgICAgPExlZnRTY3JvbGxCb3JkZXIgc2hvdz17c2Nyb2xsUG9zaXRpb24gPT09ICdlbmQnIHx8IHNjcm9sbFBvc2l0aW9uID09PSAnY2VudGVyJ30gey4uLmNsYXNzZXMoJ2xlZnQtc2hhZG93Jyl9IC8+XG4gICAgICAgIDx0YWJsZSByZWY9e3RhYmxlUmVmfSBpZD17aWR9IG9uU2Nyb2xsPXtvblNjcm9sbH0gey4uLmNsYXNzZXMoeyBleHRyYTogWydvLXRhYmxlJ10gfSl9IHsuLi5yZXN0fT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvdGFibGU+XG4gICAgICAgIDxSaWdodFNjcm9sbEJvcmRlclxuICAgICAgICAgIHNob3c9e3Njcm9sbFBvc2l0aW9uID09PSAnc3RhcnQnIHx8IHNjcm9sbFBvc2l0aW9uID09PSAnY2VudGVyJ31cbiAgICAgICAgICB7Li4uY2xhc3NlcygncmlnaHQtc2hhZG93Jyl9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var LeftScrollBorder = /*#__PURE__*/(0, _base["default"])(ScrollBorder, {
+  target: "e69565p0",
+  label: "LeftScrollBorder"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ode3cm",
+  styles: "left:0"
+} : {
+  name: "1ode3cm",
+  styles: "left:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzZDIiwiZmlsZSI6IlRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB0aHJvdHRsZSBmcm9tICdsb2Rhc2gvdGhyb3R0bGUnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSwgVUlFdmVudCwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5cbnR5cGUgU2Nyb2xsUG9zaXRpb24gPSAnc3RhcnQnIHwgJ2VuZCcgfCAnY2VudGVyJztcblxuY29uc3QgY2xhc3NlcyA9IEJFTUhlbHBlcignYy10YWJsZScpO1xuXG5jb25zdCBNQVJHSU4gPSA1O1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpZD86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPzoge1xuICAgIF9faHRtbDogc3RyaW5nO1xuICB9O1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkUHJvcHMge1xuICBzaG93OiBib29sZWFuO1xufVxuXG5jb25zdCBTY3JvbGxCb3JkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGhlaWdodDogY2FsYygxMDAlIC0gJHtzcGFjaW5nLm1lZGl1bWxhcmdlfSk7XG4gIHdpZHRoOiAzcHg7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZGFya307XG4gIGRpc3BsYXk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA/ICdibG9jaycgOiAnbm9uZScpfTtcbmA7XG5cbmNvbnN0IFJpZ2h0U2Nyb2xsQm9yZGVyID0gc3R5bGVkKFNjcm9sbEJvcmRlcilgXG4gIHJpZ2h0OiAwO1xuYDtcblxuY29uc3QgTGVmdFNjcm9sbEJvcmRlciA9IHN0eWxlZChTY3JvbGxCb3JkZXIpYFxuICBsZWZ0OiAwO1xuYDtcblxuY29uc3QgVGFibGUgPSAoeyBjaGlsZHJlbiwgaWQsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW3Njcm9sbFBvc2l0aW9uLCBzZXRTY3JvbGxQb3NpdGlvbl0gPSB1c2VTdGF0ZTxTY3JvbGxQb3NpdGlvbiB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgY2hlY2tTY3JvbGxQb3NpdGlvbiA9IHVzZUNhbGxiYWNrKChlbDogSFRNTFRhYmxlRWxlbWVudCkgPT4ge1xuICAgIGNvbnN0IHsgc2Nyb2xsTGVmdCwgb2Zmc2V0V2lkdGgsIHNjcm9sbFdpZHRoLCBjbGllbnRXaWR0aCB9ID0gZWw7XG4gICAgY29uc3QgaGFzU2Nyb2xsYmFyID0gc2Nyb2xsV2lkdGggPiBjbGllbnRXaWR0aDtcblxuICAgIGlmICghaGFzU2Nyb2xsYmFyKSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbih1bmRlZmluZWQpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGlzU3RhcnQgPSBzY3JvbGxMZWZ0IDw9IE1BUkdJTjtcbiAgICBjb25zdCBpc0VuZCA9IG9mZnNldFdpZHRoICsgc2Nyb2xsTGVmdCA+PSBzY3JvbGxXaWR0aCAtIE1BUkdJTjtcblxuICAgIGlmIChpc1N0YXJ0KSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbignc3RhcnQnKTtcbiAgICB9IGVsc2UgaWYgKGlzRW5kKSB7XG4gICAgICBzZXRTY3JvbGxQb3NpdGlvbignZW5kJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldFNjcm9sbFBvc2l0aW9uKCdjZW50ZXInKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICBjb25zdCBvblNjcm9sbCA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIHRocm90dGxlKChldmVudDogVUlFdmVudDxIVE1MVGFibGVFbGVtZW50PikgPT4ge1xuICAgICAgICBjb25zdCBlbCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MVGFibGVFbGVtZW50IHwgdW5kZWZpbmVkO1xuICAgICAgICBpZiAoZWwpIHtcbiAgICAgICAgICBjaGVja1Njcm9sbFBvc2l0aW9uKGVsKTtcbiAgICAgICAgfVxuICAgICAgfSwgMTAwKSxcbiAgICBbY2hlY2tTY3JvbGxQb3NpdGlvbl0sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBlbCA9IHRhYmxlUmVmLmN1cnJlbnQ7XG4gICAgaWYgKGVsKSB7XG4gICAgICBjaGVja1Njcm9sbFBvc2l0aW9uKGVsKTtcbiAgICB9XG4gIH0sIFtjaGVja1Njcm9sbFBvc2l0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5jbGFzc2VzKCd3cmFwcGVyJyl9PlxuICAgICAgPGRpdiB7Li4uY2xhc3NlcygnY29udGVudCcpfT5cbiAgICAgICAgPExlZnRTY3JvbGxCb3JkZXIgc2hvdz17c2Nyb2xsUG9zaXRpb24gPT09ICdlbmQnIHx8IHNjcm9sbFBvc2l0aW9uID09PSAnY2VudGVyJ30gey4uLmNsYXNzZXMoJ2xlZnQtc2hhZG93Jyl9IC8+XG4gICAgICAgIDx0YWJsZSByZWY9e3RhYmxlUmVmfSBpZD17aWR9IG9uU2Nyb2xsPXtvblNjcm9sbH0gey4uLmNsYXNzZXMoeyBleHRyYTogWydvLXRhYmxlJ10gfSl9IHsuLi5yZXN0fT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvdGFibGU+XG4gICAgICAgIDxSaWdodFNjcm9sbEJvcmRlclxuICAgICAgICAgIHNob3c9e3Njcm9sbFBvc2l0aW9uID09PSAnc3RhcnQnIHx8IHNjcm9sbFBvc2l0aW9uID09PSAnY2VudGVyJ31cbiAgICAgICAgICB7Li4uY2xhc3NlcygncmlnaHQtc2hhZG93Jyl9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Table = function Table(_ref2) {
+  var children = _ref2.children,
+    id = _ref2.id,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollPosition = _useState2[0],
+    setScrollPosition = _useState2[1];
+  var tableRef = (0, _react.useRef)(null);
+  var checkScrollPosition = (0, _react.useCallback)(function (el) {
+    var scrollLeft = el.scrollLeft,
+      offsetWidth = el.offsetWidth,
+      scrollWidth = el.scrollWidth,
+      clientWidth = el.clientWidth;
+    var hasScrollbar = scrollWidth > clientWidth;
+    if (!hasScrollbar) {
+      setScrollPosition(undefined);
+      return;
+    }
+    var isStart = scrollLeft <= MARGIN;
+    var isEnd = offsetWidth + scrollLeft >= scrollWidth - MARGIN;
+    if (isStart) {
+      setScrollPosition('start');
+    } else if (isEnd) {
+      setScrollPosition('end');
+    } else {
+      setScrollPosition('center');
+    }
+  }, []);
+  var onScroll = (0, _react.useMemo)(function () {
+    return (0, _throttle["default"])(function (event) {
+      var el = event.target;
+      if (el) {
+        checkScrollPosition(el);
+      }
+    }, 100);
+  }, [checkScrollPosition]);
+  (0, _react.useEffect)(function () {
+    var el = tableRef.current;
+    if (el) {
+      checkScrollPosition(el);
+    }
+  }, [checkScrollPosition]);
   return (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('wrapper')), {}, {
     children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('content')), {}, {
-      children: [(0, _jsxRuntime.jsx)("div", _objectSpread({}, classes('left-shadow'))), (0, _jsxRuntime.jsx)("table", _objectSpread(_objectSpread(_objectSpread({
-        id: id
+      children: [(0, _jsxRuntime.jsx)(LeftScrollBorder, _objectSpread({
+        show: scrollPosition === 'end' || scrollPosition === 'center'
+      }, classes('left-shadow'))), (0, _jsxRuntime.jsx)("table", _objectSpread(_objectSpread(_objectSpread({
+        ref: tableRef,
+        id: id,
+        onScroll: onScroll
       }, classes({
         extra: ['o-table']
       })), rest), {}, {
         children: children
-      })), (0, _jsxRuntime.jsx)("div", _objectSpread({}, classes('right-shadow')))]
+      })), (0, _jsxRuntime.jsx)(RightScrollBorder, _objectSpread({
+        show: scrollPosition === 'start' || scrollPosition === 'center'
+      }, classes('right-shadow')))]
     }))
   }));
 };