@epignosis_llc/gnosis 3.0.2 → 3.0.3

package/dist/cjs/{index-e365214a.js → index-9ceecc47.js}

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.1
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -2144,6 +2144,10 @@ if (process.env.NODE_ENV !== 'production') {
   ThemeContext.displayName = 'EmotionThemeContext';
 }
 
+var useTheme = function useTheme() {
+  return React.useContext(ThemeContext);
+};
+
 var getTheme = function getTheme(outerTheme, theme) {
   if (typeof theme === 'function') {
     var mergedTheme = theme(outerTheme);
@@ -13254,43 +13258,46 @@ function PulseLoader(_a) {
         React__namespace.createElement("span", { style: style(3) })));
 }
 
-var loaderMargin = {
-  md: "0.0625rem",
-  lg: "0.625rem"
-};
-var loaderSize = {
-  md: "0.375rem",
-  lg: "0.75rem"
-};
-var container$8 = function container(_ref, _ref2) {
-  var loader = _ref.loader;
-  var fullScreen = _ref2.fullScreen,
-    size = _ref2.size;
+var container$8 = function container(_ref) {
+  var fullScreen = _ref.fullScreen;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;justify-content:center;align-items:center;width:100%;height:", fullScreen ? "100vh" : "auto", ";&.loading-container{span>span{width:", loaderSize[size], ";height:", loaderSize[size], ";background:", loader.color, ";margin:", loaderMargin[size], ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IExvYWRlclNpemUgfSBmcm9tIFwiLi9Mb2FkZXJcIjtcblxuY29uc3QgbG9hZGVyTWFyZ2luID0ge1xuICBtZDogXCIwLjA2MjVyZW1cIixcbiAgbGc6IFwiMC42MjVyZW1cIixcbn07XG5cbmNvbnN0IGxvYWRlclNpemUgPSB7XG4gIG1kOiBcIjAuMzc1cmVtXCIsXG4gIGxnOiBcIjAuNzVyZW1cIixcbn07XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgbG9hZGVyIH06IFRoZW1lLFxuICB7IGZ1bGxTY3JlZW4sIHNpemUgfTogeyBmdWxsU2NyZWVuOiBib29sZWFuOyBzaXplOiBMb2FkZXJTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7ZnVsbFNjcmVlbiA/IFwiMTAwdmhcIiA6IFwiYXV0b1wifTtcblxuICAmLmxvYWRpbmctY29udGFpbmVyIHtcbiAgICBzcGFuID4gc3BhbiB7XG4gICAgICB3aWR0aDogJHtsb2FkZXJTaXplW3NpemVdfTtcbiAgICAgIGhlaWdodDogJHtsb2FkZXJTaXplW3NpemVdfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7bG9hZGVyLmNvbG9yfTtcbiAgICAgIG1hcmdpbjogJHtsb2FkZXJNYXJnaW5bc2l6ZV19O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
+    css("display:flex;justify-content:center;align-items:center;width:100%;height:", fullScreen ? "100vh" : "auto", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMkYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoeyBmdWxsU2NyZWVuIH06IHsgZnVsbFNjcmVlbjogYm9vbGVhbiB9KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2Z1bGxTY3JlZW4gPyBcIjEwMHZoXCIgOiBcImF1dG9cIn07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );
 };
 
 var _excluded$y = ["fullScreen", "size"];
+var loaderSize = {
+  md: "0.375rem",
+  lg: "0.75rem"
+};
+var loaderMargin = {
+  md: "0.0625rem",
+  lg: "0.625rem"
+};
 var Loader = function Loader(_ref) {
   var _ref$fullScreen = _ref.fullScreen,
     fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "lg" : _ref$size,
     rest = _objectWithoutProperties(_ref, _excluded$y);
+  var _useTheme = useTheme(),
+    loader = _useTheme.loader;
   return jsx("div", _extends$b({
-    css: function css(theme) {
-      return container$8(theme, {
-        fullScreen: fullScreen,
-        size: size
+    css: function css() {
+      return container$8({
+        fullScreen: fullScreen
       });
     },
     "data-testid": "loader"
   }, rest, {
-    className: "loading-container".concat(rest !== null && rest !== void 0 && rest.className ? " ".concat(rest === null || rest === void 0 ? void 0 : rest.className) : "")
-  }), jsx(PulseLoader, null));
+    className: "loading-container".concat(rest !== null && rest !== void 0 && rest.className ? "".concat(rest === null || rest === void 0 ? void 0 : rest.className) : "")
+  }), jsx(PulseLoader, {
+    color: loader.color,
+    size: loaderSize[size],
+    margin: loaderMargin[size]
+  }));
 };
 
 var _excluded$x = ["color", "size"];
@@ -13479,73 +13486,73 @@ var Button = function Button(props) {
   })));
 };
 
-var _path$4, _path2$4;
+var _path$3, _path2$3;
 function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : 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$a.apply(this, arguments); }
 function SvgCloseCircled(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 4.25A7.749 7.749 0 004.25 12 7.749 7.749 0 0012 19.75 7.749 7.749 0 0019.75 12 7.749 7.749 0 0012 4.25zm0 14A6.248 6.248 0 015.75 12 6.248 6.248 0 0112 5.75 6.248 6.248 0 0118.25 12 6.248 6.248 0 0112 18.25zm3.181-8.194a.375.375 0 000-.531l-.706-.706a.375.375 0 00-.531 0L12 10.763l-1.944-1.944a.375.375 0 00-.531 0l-.706.706a.375.375 0 000 .531L10.762 12l-1.943 1.944a.375.375 0 000 .531l.706.706a.375.375 0 00.531 0L12 13.237l1.944 1.944a.375.375 0 00.531 0l.706-.706a.375.375 0 000-.531L13.237 12z",
     fill: "currentcolor"
-  })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })));
 }
 
-var _path$3, _path2$3;
+var _path$2, _path2$2;
 function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : 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$9.apply(this, arguments); }
 function SvgArrowRight(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
-  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M15.852 12.319a.417.417 0 000-.637l-6.16-5.549a.547.547 0 00-.713 0l-.831.742a.417.417 0 000 .637L13.12 12l-4.972 4.488a.417.417 0 000 .637l.831.742a.547.547 0 00.713 0z",
     fill: "currentcolor"
   })));
 }
 
-var _path$2, _path2$2;
+var _path$1, _path2$1;
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : 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$8.apply(this, arguments); }
 function SvgArrowLeft(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M8.148 11.681a.417.417 0 000 .637l6.16 5.549a.547.547 0 00.713 0l.831-.742a.417.417 0 000-.637L10.88 12l4.972-4.488a.417.417 0 000-.637l-.831-.742a.547.547 0 00-.713 0z",
     fill: "currentcolor"
   })));
 }
 
-var _path$1, _path2$1;
+var _path, _path2;
 function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : 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$7.apply(this, arguments); }
 function SvgClose(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h16v16H0z"
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M9.488 8l3.366-3.366a.5.5 0 000-.706l-.782-.782a.5.5 0 00-.706 0L8 6.513 4.634 3.146a.5.5 0 00-.706 0l-.782.782a.5.5 0 000 .706L6.513 8l-3.367 3.366a.5.5 0 000 .706l.782.782a.5.5 0 00.706 0L8 9.488l3.366 3.366a.5.5 0 00.706 0l.782-.779a.5.5 0 000-.706z",
     fill: "currentcolor"
   })));
 }
 
-var _g$3;
+var _g$4;
 function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : 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$6.apply(this, arguments); }
 function SvgInfo(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(-1529 -630)"
   }, /*#__PURE__*/React__namespace.createElement("circle", {
     "data-name": "Ellipse 278",
@@ -13565,13 +13572,13 @@ function SvgInfo(props) {
   }))));
 }
 
-var _g$2;
+var _g$3;
 function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : 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$5.apply(this, arguments); }
 function SvgDanger(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(-1529 -776)"
   }, /*#__PURE__*/React__namespace.createElement("circle", {
     "data-name": "Ellipse 279",
@@ -13591,13 +13598,13 @@ function SvgDanger(props) {
   }))));
 }
 
-var _g$1;
+var _g$2;
 function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : 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$4.apply(this, arguments); }
 function SvgSuccess(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(-1529 -703)"
   }, /*#__PURE__*/React__namespace.createElement("circle", {
     "data-name": "Ellipse 281",
@@ -13617,13 +13624,13 @@ function SvgSuccess(props) {
   }))));
 }
 
-var _g;
+var _g$1;
 function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : 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$3.apply(this, arguments); }
 function SvgWarning(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
     transform: "translate(-1529 -849)"
   }, /*#__PURE__*/React__namespace.createElement("circle", {
     "data-name": "Ellipse 280",
@@ -13643,19 +13650,22 @@ function SvgWarning(props) {
   }))));
 }
 
-var _path, _path2;
+var _g;
 function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : 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$2.apply(this, arguments); }
 function SvgHamburger(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+    "data-name": "Layer 2",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Layer 1"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h32v32H0z"
-  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M25.464 10.734a.51.51 0 00.536-.478V8.979a.51.51 0 00-.536-.479H6.536A.51.51 0 006 8.979v1.277a.51.51 0 00.536.479zm0 6.383a.51.51 0 00.536-.478v-1.277a.51.51 0 00-.536-.479H6.536a.51.51 0 00-.536.479v1.277a.51.51 0 00.536.479zm0 6.383a.51.51 0 00.536-.478v-1.278a.51.51 0 00-.536-.479H6.536a.51.51 0 00-.536.479v1.278a.51.51 0 00.536.478z",
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.27 10.29c0-.47.37-.86.83-.86h13.8c.46 0 .83.38.83.86s-.37.86-.83.86H9.1c-.46 0-.83-.38-.83-.86zm0 5.71c0-.48.37-.86.83-.86h13.8c.46 0 .83.38.83.86s-.37.86-.83.86H9.1c-.46 0-.83-.38-.83-.86zm14.63 6.57H9.1c-.46 0-.83-.38-.83-.86s.37-.86.83-.86h13.8c.46 0 .83.38.83.86s-.37.86-.83.86z",
     fill: "currentcolor"
-  })));
+  }))));
 }
 
 var chipHeight = {
@@ -21601,7 +21611,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerYouTube' */
-    './YouTube-98ca73ba.js'); }).then(function (n) { return n.YouTube; });
+    './YouTube-708ca238.js'); }).then(function (n) { return n.YouTube; });
   })
 }, {
   key: 'soundcloud',
@@ -21610,7 +21620,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerSoundCloud' */
-    './SoundCloud-6ef7f281.js'); }).then(function (n) { return n.SoundCloud; });
+    './SoundCloud-bf2ce0ce.js'); }).then(function (n) { return n.SoundCloud; });
   })
 }, {
   key: 'vimeo',
@@ -21619,7 +21629,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVimeo' */
-    './Vimeo-a4d65798.js'); }).then(function (n) { return n.Vimeo; });
+    './Vimeo-0ef05630.js'); }).then(function (n) { return n.Vimeo; });
   })
 }, {
   key: 'facebook',
@@ -21628,7 +21638,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFacebook' */
-    './Facebook-b8702627.js'); }).then(function (n) { return n.Facebook; });
+    './Facebook-971fb80b.js'); }).then(function (n) { return n.Facebook; });
   })
 }, {
   key: 'streamable',
@@ -21637,7 +21647,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerStreamable' */
-    './Streamable-4eb83633.js'); }).then(function (n) { return n.Streamable; });
+    './Streamable-262d2aa0.js'); }).then(function (n) { return n.Streamable; });
   })
 }, {
   key: 'wistia',
@@ -21646,7 +21656,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerWistia' */
-    './Wistia-59dbcf22.js'); }).then(function (n) { return n.Wistia; });
+    './Wistia-3163d5fb.js'); }).then(function (n) { return n.Wistia; });
   })
 }, {
   key: 'twitch',
@@ -21655,7 +21665,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerTwitch' */
-    './Twitch-ba758706.js'); }).then(function (n) { return n.Twitch; });
+    './Twitch-692cb8b6.js'); }).then(function (n) { return n.Twitch; });
   })
 }, {
   key: 'dailymotion',
@@ -21664,7 +21674,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerDailyMotion' */
-    './DailyMotion-45c0eec4.js'); }).then(function (n) { return n.DailyMotion; });
+    './DailyMotion-a90c9d55.js'); }).then(function (n) { return n.DailyMotion; });
   })
 }, {
   key: 'mixcloud',
@@ -21673,7 +21683,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerMixcloud' */
-    './Mixcloud-28c9b028.js'); }).then(function (n) { return n.Mixcloud; });
+    './Mixcloud-d4f957b3.js'); }).then(function (n) { return n.Mixcloud; });
   })
 }, {
   key: 'vidyard',
@@ -21682,7 +21692,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVidyard' */
-    './Vidyard-76384ad8.js'); }).then(function (n) { return n.Vidyard; });
+    './Vidyard-b381b5b6.js'); }).then(function (n) { return n.Vidyard; });
   })
 }, {
   key: 'kaltura',
@@ -21691,7 +21701,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerKaltura' */
-    './Kaltura-68fade85.js'); }).then(function (n) { return n.Kaltura; });
+    './Kaltura-b6abfdae.js'); }).then(function (n) { return n.Kaltura; });
   })
 }, {
   key: 'file',
@@ -21703,7 +21713,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFilePlayer' */
-    './FilePlayer-e3ec76a2.js'); }).then(function (n) { return n.FilePlayer; });
+    './FilePlayer-ad5c7f36.js'); }).then(function (n) { return n.FilePlayer; });
   })
 }];
 exports["default"] = _default;
@@ -22628,7 +22638,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var Preview = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () { return require(
   /* webpackChunkName: 'reactPlayerPreview' */
-  './Preview-e1d06582.js'); }).then(function (n) { return n.Preview; });
+  './Preview-47d07e0e.js'); }).then(function (n) { return n.Preview; });
 });
 var IS_BROWSER = typeof window !== 'undefined' && window.document;
 var IS_GLOBAL = typeof commonjsGlobal !== 'undefined' && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -24269,12 +24279,12 @@ Drawer$1.Body = Body$1;
 Drawer$1.Footer = Footer;
 Drawer$1.Root = DrawerRoot;
 
-var mainNavContainer = function mainNavContainer(_ref) {
+var mainNavContainer = function mainNavContainer(_ref, width) {
   var sidebar = _ref.sidebar;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:", sidebar.background, ";color:", sidebar.color, ";z-index:1001;.nav-items-wrapper{display:flex;flex-direction:column;flex:1;margin:0 0 1.75rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgbWFpbk5hdkNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZH07XG4gIGNvbG9yOiAke3NpZGViYXIuY29sb3J9O1xuICB6LWluZGV4OiAxMDAxO1xuXG4gIC5uYXYtaXRlbXMtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luOiAwIDAgMS43NXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IG5hdkhhbmRsZUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgbWluLWhlaWdodDogNC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcblxuICAubmF2LWl0ZW0ge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtzaWRlYmFyLmJvcmRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZJdGVtQ29udGFpbmVyID0gKHsgc2lkZWJhciB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgcGFkZGluZzogMC42MjVyZW0gMS41cmVtO1xuXG4gICY6aG92ZXIsXG4gICYuc2VsZWN0ZWQsXG4gICYuZm9jdXMtdmlzaWJsZSB7XG4gICAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmRIb3Zlcn07XG4gICAgY29sb3I6ICR7c2lkZWJhci5jb2xvckhvdmVyfTtcbiAgfVxuXG4gICYucHJvZmlsZS1pdGVtIHtcbiAgICBwYWRkaW5nOiAwLjVyZW0gMS4xMjVyZW07XG5cbiAgICBpbWcge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cblxuICAgIC50aXRsZSB7XG4gICAgICBtYXJnaW4tbGVmdDogMC4yNXJlbTtcbiAgICB9XG4gIH1cblxuICAudGl0bGUge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;")
+    css("position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:", sidebar.background, ";color:", sidebar.color, ";z-index:1001;max-width:", width, ";.nav-items-wrapper{display:flex;flex-direction:column;flex:1;margin:1.5rem 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUxldmVscyB9IGZyb20gXCJAdGhlbWUvdXRpbHMvdHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbWFpbk5hdkNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUsIHdpZHRoOiBzdHJpbmcpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZH07XG4gIGNvbG9yOiAke3NpZGViYXIuY29sb3J9O1xuICB6LWluZGV4OiAxMDAxO1xuICBtYXgtd2lkdGg6ICR7d2lkdGh9O1xuXG4gIC5uYXYtaXRlbXMtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luOiAxLjVyZW0gMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IG5hdkhhbmRsZUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcblxuICAubmF2LWl0ZW0ge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtzaWRlYmFyLmJvcmRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZJdGVtQ29udGFpbmVyID0gKFxuICB7IHNpZGViYXIsIHR5cGVTY2FsZVNpemVzIH06IFRoZW1lLFxuICBmb250U2l6ZTogVHlwb2dyYXBoeUxldmVscyxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgcGFkZGluZzogMC4yNXJlbSAxLjVyZW07XG5cbiAgLmljb24tY29udGFpbmVyIHtcbiAgICBoZWlnaHQ6IDJyZW07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICAgIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplc1tmb250U2l6ZV19O1xuICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;")
   );
 };
 var navHandleContainer = function navHandleContainer(_ref2) {
@@ -24282,15 +24292,16 @@ var navHandleContainer = function navHandleContainer(_ref2) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("min-height:4.5rem;width:100%;background-color:transparent;padding:0;border:0;.nav-item{height:100%;border-bottom:1px solid ", sidebar.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMCAwIDEuNzVyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6IDQuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDEuNXJlbTtcblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;")
+    css("background-color:transparent;padding:0;border:0;.nav-item{height:100%;border-bottom:1px solid ", sidebar.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgJi5wcm9maWxlLWl0ZW0ge1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxLjEyNXJlbTtcblxuICAgIGltZyB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuXG4gICAgLnRpdGxlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgIH1cbiAgfVxuXG4gIC50aXRsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbZm9udFNpemVdfTtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;")
   );
 };
-var navItemContainer = function navItemContainer(_ref3) {
-  var sidebar = _ref3.sidebar;
+var navItemContainer = function navItemContainer(_ref3, fontSize) {
+  var sidebar = _ref3.sidebar,
+    typeScaleSizes = _ref3.typeScaleSizes;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;align-items:center;color:", sidebar.color, ";padding:0.625rem 1.5rem;&:hover,&.selected,&.focus-visible{background:", sidebar.backgroundHover, ";color:", sidebar.colorHover, ";}&.profile-item{padding:0.5rem 1.125rem;img{border:none;}.title{margin-left:0.25rem;}}.title{margin-left:0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzZFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMCAwIDEuNzVyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6IDQuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDEuNXJlbTtcblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;")
+    css("display:flex;align-items:center;color:", sidebar.color, ";padding:0.25rem 1.5rem;.icon-container{height:2rem;}&:hover,&.selected,&.focus-visible{background:", sidebar.backgroundHover, ";color:", sidebar.colorHover, ";}&.profile-item{padding:0.5rem 1.125rem;img{border:none;}.title{margin-left:0.25rem;}}.title{margin-left:0.5rem;font-size:", typeScaleSizes[fontSize], ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgJi5wcm9maWxlLWl0ZW0ge1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxLjEyNXJlbTtcblxuICAgIGltZyB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuXG4gICAgLnRpdGxlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgIH1cbiAgfVxuXG4gIC50aXRsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbZm9udFNpemVdfTtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;")
   );
 };
 
@@ -24303,7 +24314,7 @@ var labelVariants = {
   visible: function visible(_ref) {
     var isReducedMotion = _ref.isReducedMotion;
     return {
-      display: "block",
+      display: "-webkit-box",
       opacity: 1,
       x: 0,
       transition: {
@@ -24329,6 +24340,8 @@ var labelVariants = {
 var NavItem = function NavItem(_ref3) {
   var isExpanded = _ref3.isExpanded,
     label = _ref3.label,
+    _ref3$fontSize = _ref3.fontSize,
+    fontSize = _ref3$fontSize === void 0 ? "md" : _ref3$fontSize,
     icon = _ref3.icon,
     _ref3$isActive = _ref3.isActive,
     isActive = _ref3$isActive === void 0 ? false : _ref3$isActive;
@@ -24338,9 +24351,13 @@ var NavItem = function NavItem(_ref3) {
     "nav-item": true
   });
   return jsx("div", {
-    css: navItemContainer,
+    css: function css(theme) {
+      return navItemContainer(theme, fontSize);
+    },
     className: containerClassNames
-  }, icon, jsx(AnimatePresence, null, isExpanded && jsx(m.div, {
+  }, jsx("div", {
+    className: "icon-container"
+  }, icon), jsx(AnimatePresence, null, isExpanded && jsx(m.div, {
     className: "title",
     initial: "hidden",
     animate: "visible",
@@ -24353,58 +24370,27 @@ var NavItem = function NavItem(_ref3) {
 };
 
 var NavHandle = function NavHandle(_ref) {
-  var isExpanded = _ref.isExpanded,
-    toggleMainNav = _ref.toggleMainNav,
-    _ref$navItemLabel = _ref.navItemLabel,
-    navItemLabel = _ref$navItemLabel === void 0 ? "" : _ref$navItemLabel;
+  var toggleMainNav = _ref.toggleMainNav,
+    children = _ref.children;
   return jsx("button", {
     className: "nav-handle",
     css: navHandleContainer,
     onClick: toggleMainNav
-  }, jsx(NavItem, {
-    label: navItemLabel,
-    isExpanded: isExpanded,
-    icon: jsx(SvgHamburger, {
-      height: 32
-    })
-  }));
+  }, children);
 };
 
-var _excluded$e = ["isCollapsed", "navHandleLabel", "onToggle", "children"];
-var navVariants = {
-  expanded: {
-    minWidth: "15rem",
-    transition: {
-      ease: "easeInOut",
-      duration: 0.2
-    }
-  },
-  collapsed: {
-    minWidth: "4.75rem",
-    transition: {
-      ease: "easeInOut",
-      duration: 0.2,
-      delay: 0.1
-    }
-  },
-  a11yExpanded: {
-    minWidth: "15rem",
-    transition: {
-      duration: 0
-    }
-  },
-  a11yCollapsed: {
-    minWidth: "4.75rem",
-    transition: {
-      duration: 0
-    }
-  }
-};
+var _excluded$e = ["isCollapsed", "navHandleLabel", "fontSize", "expandedWidth", "collapsedWidth", "onToggle", "children"];
 var Sidebar = function Sidebar(_ref) {
   var _ref$isCollapsed = _ref.isCollapsed,
     isCollapsed = _ref$isCollapsed === void 0 ? false : _ref$isCollapsed,
     _ref$navHandleLabel = _ref.navHandleLabel,
     navHandleLabel = _ref$navHandleLabel === void 0 ? "Menu" : _ref$navHandleLabel,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? "md" : _ref$fontSize,
+    _ref$expandedWidth = _ref.expandedWidth,
+    expandedWidth = _ref$expandedWidth === void 0 ? "16rem" : _ref$expandedWidth,
+    _ref$collapsedWidth = _ref.collapsedWidth,
+    collapsedWidth = _ref$collapsedWidth === void 0 ? "5rem" : _ref$collapsedWidth,
     _ref$onToggle = _ref.onToggle,
     onToggle = _ref$onToggle === void 0 ? function () {
       return void 0;
@@ -24413,6 +24399,35 @@ var Sidebar = function Sidebar(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded$e);
   var isReducedMotion = useReducedMotion();
   var animate;
+  var navVariants = {
+    expanded: {
+      minWidth: expandedWidth,
+      transition: {
+        ease: "easeInOut",
+        duration: 0.2
+      }
+    },
+    collapsed: {
+      minWidth: collapsedWidth,
+      transition: {
+        ease: "easeInOut",
+        duration: 0.2,
+        delay: 0.1
+      }
+    },
+    a11yExpanded: {
+      minWidth: expandedWidth,
+      transition: {
+        duration: 0
+      }
+    },
+    a11yCollapsed: {
+      minWidth: collapsedWidth,
+      transition: {
+        duration: 0
+      }
+    }
+  };
   if (isReducedMotion) {
     animate = isCollapsed ? "a11yCollapsed" : "a11yExpanded";
   } else {
@@ -24421,7 +24436,9 @@ var Sidebar = function Sidebar(_ref) {
   return jsx(LazyMotion, {
     features: domAnimation
   }, jsx(m.nav, _extends$b({
-    css: mainNavContainer,
+    css: function css(theme) {
+      return mainNavContainer(theme, expandedWidth);
+    },
     initial: false,
     animate: animate,
     variants: navVariants,
@@ -24429,10 +24446,15 @@ var Sidebar = function Sidebar(_ref) {
   }, rest), jsx("div", {
     className: "nav-items-wrapper"
   }, jsx(NavHandle, {
-    isExpanded: !isCollapsed,
-    navItemLabel: navHandleLabel,
     toggleMainNav: onToggle
-  }), children)));
+  }, jsx(NavItem, {
+    label: navHandleLabel,
+    isExpanded: !isCollapsed,
+    icon: jsx(SvgHamburger, {
+      height: 32
+    }),
+    fontSize: fontSize
+  })), children)));
 };
 Sidebar.Item = NavItem;
 
@@ -25502,4 +25524,4 @@ exports.Tooltip = Tooltip;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.patterns = patterns;
 exports.utils = utils;
-//# sourceMappingURL=index-e365214a.js.map
+//# sourceMappingURL=index-9ceecc47.js.map