@redocly/theme 0.1.9 → 0.1.12

package/Search/Autocomplete.js

@@ -75,5 +75,5 @@ exports.Autocomplete = Autocomplete;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 var AutocompleteBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n"])));
 var Overlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n"])));
-var Message = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 24px;\n  color: var(--color-text-main);\n"], ["\n  padding: 24px;\n  color: var(--color-text-main);\n"])));
+var Message = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 24px;\n  color: var(--color-content);\n"], ["\n  padding: 24px;\n  color: var(--color-content);\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Search/ClearIcon.js

@@ -21,8 +21,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClearIcon = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var Icon = function (props) { return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "Search/ClearIcon" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 298.7 298.7" }, props, { children: (0, jsx_runtime_1.jsx)("polygon", { points: "298.7 30.2 268.5 0 149.3 119.1 30.2 0 0 30.2 119.1 149.3 0 268.5 30.2 298.7 149.3 179.5 268.5 298.7 298.7 268.5 179.5 149.3 " }) })) }))); };
-exports.ClearIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  cursor: pointer;\n  width: 0.5em;\n  height: 0.5em;\n  right: 1.2em;\n  fill: var(--input-text-color);\n\n  ", " {\n    width: 0.625em;\n    height: 0.625em;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  width: 0.5em;\n  height: 0.5em;\n  right: 1.2em;\n  fill: var(--input-text-color);\n\n  ", " {\n    width: 0.625em;\n    height: 0.625em;\n  }\n"])), function (_a) {
+var Icon = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 298.7 298.7", "data-component-name": "Search/ClearIcon" }, props, { children: (0, jsx_runtime_1.jsx)("polygon", { points: "298.7 30.2 268.5 0 149.3 119.1 30.2 0 0 30.2 119.1 149.3 0 268.5 30.2 298.7 149.3 179.5 268.5 298.7 298.7 268.5 179.5 149.3 " }) }))); };
+exports.ClearIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  cursor: pointer;\n  width: 0.5em;\n  height: 0.5em;\n  right: 1.2em;\n  fill: var(--search-input-text-color);\n\n  ", " {\n    width: 0.625em;\n    height: 0.625em;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  width: 0.5em;\n  height: 0.5em;\n  right: 1.2em;\n  fill: var(--search-input-text-color);\n\n  ", " {\n    width: 0.625em;\n    height: 0.625em;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.mediaQueries.medium;
 });

package/Search/Input.js

@@ -11,5 +11,5 @@ exports.FormInput = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.FormInput = styled_components_1.default.input.attrs(function () { return ({
     'data-component-name': 'Search/Input',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1em 2.5em 1em 1em;\n  background-color: var(--input-background-color);\n  border-radius: var(--input-border-radius);\n  border: none;\n  outline: none;\n  color: var(--input-text-color);\n  font-size: var(--input-font-size);\n  font-family: var(--input-font-family);\n  line-height: var(--input-line-height);\n\n  ::placeholder {\n    color: var(--input-text-color);\n  }\n"], ["\n  padding: 1em 2.5em 1em 1em;\n  background-color: var(--input-background-color);\n  border-radius: var(--input-border-radius);\n  border: none;\n  outline: none;\n  color: var(--input-text-color);\n  font-size: var(--input-font-size);\n  font-family: var(--input-font-family);\n  line-height: var(--input-line-height);\n\n  ::placeholder {\n    color: var(--input-text-color);\n  }\n"])));
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1em 2.5em 1em 1em;\n  background-color: var(--search-input-background-color);\n  border-radius: var(--search-input-border-radius);\n  border: none;\n  outline: none;\n  color: var(--search-input-text-color);\n  font-size: var(--search-input-font-size);\n  font-family: var(--search-input-font-family);\n  line-height: var(--search-input-line-height);\n\n  ::placeholder {\n    color: var(--search-input-text-color);\n  }\n"], ["\n  padding: 1em 2.5em 1em 1em;\n  background-color: var(--search-input-background-color);\n  border-radius: var(--search-input-border-radius);\n  border: none;\n  outline: none;\n  color: var(--search-input-text-color);\n  font-size: var(--search-input-font-size);\n  font-family: var(--search-input-font-family);\n  line-height: var(--search-input-line-height);\n\n  ::placeholder {\n    color: var(--search-input-text-color);\n  }\n"])));
 var templateObject_1;

package/Search/Parameters.js

@@ -36,7 +36,7 @@ function Parameters(_a) {
             }), moreItems ? (0, jsx_runtime_1.jsxs)(MoreText, { children: ["and ", moreItems, " more..."] }) : null] })));
 }
 exports.Parameters = Parameters;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-left: 1px solid var(--color-border-light);\n  padding: 0 12px;\n  margin-top: 8px;\n  margin-bottom: 4px;\n"], ["\n  border-left: 1px solid var(--color-border-light);\n  padding: 0 12px;\n  margin-top: 8px;\n  margin-bottom: 4px;\n"])));
+var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-left: 1px solid var(--global-border-color);\n  padding: 0 12px;\n  margin-top: 8px;\n  margin-bottom: 4px;\n"], ["\n  border-left: 1px solid var(--global-border-color);\n  padding: 0 12px;\n  margin-top: 8px;\n  margin-bottom: 4px;\n"])));
 var Place = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: var(--font-size-small);\n  padding-top: 8px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  &:first-child {\n    padding-top: 0;\n  }\n"], ["\n  font-size: var(--font-size-small);\n  padding-top: 8px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  &:first-child {\n    padding-top: 0;\n  }\n"])));
-var MoreText = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-light);\n  padding-top: 4px;\n"], ["\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-light);\n  padding-top: 4px;\n"])));
+var MoreText = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-regular);\n  padding-top: 4px;\n"], ["\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-regular);\n  padding-top: 4px;\n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/Search/Popover.js

@@ -11,5 +11,5 @@ exports.Popover = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.Popover = styled_components_1.default.div.attrs(function () { return ({
     'data-component-name': 'Search/Popover',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: calc(100% + 10px);\n  right: 0;\n  z-index: 100;\n  min-width: 100%;\n  width: 550px;\n  max-width: 90vw;\n  max-height: 400px;\n  overflow-y: auto;\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),\n    0 8px 10px -5px rgba(0, 0, 0, 0.4);\n  background: var(--popover-backgrond-color);\n  list-style: none;\n  border-radius: var(--popover-border-radius);\n"], ["\n  position: absolute;\n  top: calc(100% + 10px);\n  right: 0;\n  z-index: 100;\n  min-width: 100%;\n  width: 550px;\n  max-width: 90vw;\n  max-height: 400px;\n  overflow-y: auto;\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),\n    0 8px 10px -5px rgba(0, 0, 0, 0.4);\n  background: var(--popover-backgrond-color);\n  list-style: none;\n  border-radius: var(--popover-border-radius);\n"])));
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: calc(100% + 10px);\n  right: 0;\n  z-index: 100;\n  min-width: 100%;\n  width: 550px;\n  max-width: 90vw;\n  max-height: 400px;\n  overflow-y: auto;\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),\n    0 8px 10px -5px rgba(0, 0, 0, 0.4);\n  background: var(--search-popover-backgrond-color);\n  list-style: none;\n  border-radius: var(--search-popover-border-radius);\n"], ["\n  position: absolute;\n  top: calc(100% + 10px);\n  right: 0;\n  z-index: 100;\n  min-width: 100%;\n  width: 550px;\n  max-width: 90vw;\n  max-height: 400px;\n  overflow-y: auto;\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),\n    0 8px 10px -5px rgba(0, 0, 0, 0.4);\n  background: var(--search-popover-backgrond-color);\n  list-style: none;\n  border-radius: var(--search-popover-border-radius);\n"])));
 var templateObject_1;

package/Search/SearchIcon.js

@@ -21,8 +21,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchIcon = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var Icon = function (props) { return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "Search/SearchIcon" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 490 490" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M484 455.2L366.2 337.4c29.2-35.6 46.8-81.2 46.8-130.9C413 92.5 320.5 0 206.5 0 92.4 0 0 92.5 0 206.5S92.4 413 206.5 413c49.7 0 95.2-17.5 130.8-46.7L455.1 484c8 8 20.9 8 28.9 0C492 476.1 492 463.1 484 455.2zM206.5 371.9C115.2 371.9 41 297.7 41 206.5S115.2 41 206.5 41C297.7 41 372 115.3 372 206.5S297.7 371.9 206.5 371.9z" }) })) }))); };
-exports.SearchIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  right: 1em;\n  fill: var(--input-text-color);\n  z-index: -1;\n\n  ", " {\n    width: 1.2em;\n    height: 1.2em;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  right: 1em;\n  fill: var(--input-text-color);\n  z-index: -1;\n\n  ", " {\n    width: 1.2em;\n    height: 1.2em;\n  }\n"])), function (_a) {
+var Icon = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 490 490", "data-component-name": "Search/SearchIcon" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M484 455.2L366.2 337.4c29.2-35.6 46.8-81.2 46.8-130.9C413 92.5 320.5 0 206.5 0 92.4 0 0 92.5 0 206.5S92.4 413 206.5 413c49.7 0 95.2-17.5 130.8-46.7L455.1 484c8 8 20.9 8 28.9 0C492 476.1 492 463.1 484 455.2zM206.5 371.9C115.2 371.9 41 297.7 41 206.5S115.2 41 206.5 41C297.7 41 372 115.3 372 206.5S297.7 371.9 206.5 371.9z" }) }))); };
+exports.SearchIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  right: 1em;\n  fill: var(--search-input-text-color);\n  z-index: -1;\n\n  ", " {\n    width: 1.2em;\n    height: 1.2em;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  right: 1em;\n  fill: var(--search-input-text-color);\n  z-index: -1;\n\n  ", " {\n    width: 1.2em;\n    height: 1.2em;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.mediaQueries.medium;
 });

package/Search/SearchItem.js

@@ -40,8 +40,8 @@ function SearchItem(_a) {
 }
 exports.SearchItem = SearchItem;
 var SearchLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  text-decoration: none;\n  padding: 8px 24px;\n  transition: background-color 0.3s ease;\n  outline: none;\n  white-space: nowrap;\n  color: var(--search-item-text-color);\n\n  &:hover,\n  &:focus {\n    background-color: var(--search-item-active-background-color);\n  }\n"], ["\n  display: block;\n  text-decoration: none;\n  padding: 8px 24px;\n  transition: background-color 0.3s ease;\n  outline: none;\n  white-space: nowrap;\n  color: var(--search-item-text-color);\n\n  &:hover,\n  &:focus {\n    background-color: var(--search-item-active-background-color);\n  }\n"])));
-var Operation = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: var(--font-weight-light);\n  font-size: var(--font-size-small);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  font-weight: var(--font-weight-light);\n  font-size: var(--font-size-small);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
-var Title = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-weight: var(--font-weight-bold);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: var(--line-height-m);\n"], ["\n  font-weight: var(--font-weight-bold);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: var(--line-height-m);\n"])));
+var Operation = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-small);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-small);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+var Title = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-weight: var(--font-weight-bold);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: var(--line-height-base);\n"], ["\n  font-weight: var(--font-weight-bold);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: var(--line-height-base);\n"])));
 var Description = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: var(--font-size-base);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  font-size: var(--font-size-base);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 var Path = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: var(--font-size-small);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 22px;\n"], ["\n  font-size: var(--font-size-small);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 22px;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/Search/index.d.ts

@@ -1,9 +1,9 @@
-export * from './Autocomplete';
-export * from './ClearIcon';
-export * from './Input';
-export * from './Parameters';
-export * from './Popover';
-export * from './Search';
-export * from './SearchIcon';
-export * from './SearchItem';
-export * from './utils';
+export * from '../Search/Autocomplete';
+export * from '../Search/ClearIcon';
+export * from '../Search/Input';
+export * from '../Search/Parameters';
+export * from '../Search/Popover';
+export * from '../Search/Search';
+export * from '../Search/SearchIcon';
+export * from '../Search/SearchItem';
+export * from '../Search/utils';

package/Search/index.js

@@ -14,12 +14,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Autocomplete"), exports);
-__exportStar(require("./ClearIcon"), exports);
-__exportStar(require("./Input"), exports);
-__exportStar(require("./Parameters"), exports);
-__exportStar(require("./Popover"), exports);
-__exportStar(require("./Search"), exports);
-__exportStar(require("./SearchIcon"), exports);
-__exportStar(require("./SearchItem"), exports);
-__exportStar(require("./utils"), exports);
+__exportStar(require("../Search/Autocomplete"), exports);
+__exportStar(require("../Search/ClearIcon"), exports);
+__exportStar(require("../Search/Input"), exports);
+__exportStar(require("../Search/Parameters"), exports);
+__exportStar(require("../Search/Popover"), exports);
+__exportStar(require("../Search/Search"), exports);
+__exportStar(require("../Search/SearchIcon"), exports);
+__exportStar(require("../Search/SearchItem"), exports);
+__exportStar(require("../Search/utils"), exports);

package/Search/utils.js

@@ -17,5 +17,5 @@ var highlight = function (text) {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [pre, (0, jsx_runtime_1.jsx)(Strong, { children: entry }), suf] }));
 };
 exports.highlight = highlight;
-var Strong = styled_components_1.default.strong(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: var(--color-primary-main);\n"], ["\n  color: var(--color-primary-main);\n"])));
+var Strong = styled_components_1.default.strong(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: var(--color-content);\n"], ["\n  color: var(--color-content);\n"])));
 var templateObject_1;

package/Sidebar/ApiCallItem.js

@@ -27,7 +27,7 @@ var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
 var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
 function ApiCallItem(_a) {
     var item = _a.item;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/ApiCallItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuItemLabel_1.MenuItemLabel, __assign({ active: item.active }, { children: [(0, jsx_runtime_1.jsx)(exports.Badge, __assign({ type: item.httpVerb || 'event' }, { children: item.httpVerb === 'hook' ? 'event' : item.httpVerb })), item.label] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/ApiCallItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuItemLabel_1.MenuItemLabel, __assign({ active: item.active }, { children: [(0, jsx_runtime_1.jsx)(exports.Badge, __assign({ type: item.httpVerb || '' }, { children: item.httpVerb === 'hook' ? 'event' : item.httpVerb })), item.label] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
 }
 exports.ApiCallItem = ApiCallItem;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/Sidebar/BackButton.js

@@ -27,5 +27,5 @@ function BackButton(_a) {
     return ((0, jsx_runtime_1.jsxs)(Button, __assign({ onClick: back, "data-component-name": "Sidebar/BackButton" }, { children: [(0, jsx_runtime_1.jsx)(ArrowBack_1.ArrowBack, {}), children] })));
 }
 exports.BackButton = BackButton;
-var Button = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: var(--color-secondary-contrast);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-size: var(--sidebar-font-size);\n  transition: color 0.25s ease;\n  text-align: left;\n  margin-bottom: calc(var(--sidebar-spacing-padding-vertical) * 3);\n\n  svg {\n    margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n  }\n\n  &:hover {\n    color: var(--sidebar-text-color);\n  }\n"], ["\n  width: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: var(--color-secondary-contrast);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-size: var(--sidebar-font-size);\n  transition: color 0.25s ease;\n  text-align: left;\n  margin-bottom: calc(var(--sidebar-spacing-padding-vertical) * 3);\n\n  svg {\n    margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n  }\n\n  &:hover {\n    color: var(--sidebar-text-color);\n  }\n"])));
+var Button = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: var(--color-content);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-size: var(--sidebar-font-size);\n  transition: color 0.25s ease;\n  text-align: left;\n  margin-bottom: calc(var(--sidebar-spacing-padding-vertical) * 3);\n\n  svg {\n    margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n  }\n\n  &:hover {\n    color: var(--sidebar-item-color);\n  }\n"], ["\n  width: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: var(--color-content);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-size: var(--sidebar-font-size);\n  transition: color 0.25s ease;\n  text-align: left;\n  margin-bottom: calc(var(--sidebar-spacing-padding-vertical) * 3);\n\n  svg {\n    margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n  }\n\n  &:hover {\n    color: var(--sidebar-item-color);\n  }\n"])));
 var templateObject_1;

package/Sidebar/DrilldownMenuItem.js

@@ -23,10 +23,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 function DrilldownMenuItem(_a) {
     var item = _a.item;
-    return ((0, jsx_runtime_1.jsxs)(Container, __assign({ "data-component-name": "Sidebar/DrilldownMenuItem" }, { children: [item.icon ? (0, jsx_runtime_1.jsx)(Icon, { src: item.icon }) : null, (0, jsx_runtime_1.jsxs)("div", { children: [item.label, item.sublabel ? (0, jsx_runtime_1.jsx)(Sublabel, { children: item.sublabel }) : null] })] })));
+    return ((0, jsx_runtime_1.jsxs)(Container, __assign({ "data-component-name": "Sidebar/DrilldownMenuItem" }, { children: [item.icon ? (0, jsx_runtime_1.jsx)(Icon, { src: item.icon }) : null, (0, jsx_runtime_1.jsxs)("div", { children: [item.label, item.sublabel ? (0, jsx_runtime_1.jsx)(SubLabel, { children: item.sublabel }) : null] })] })));
 }
 exports.DrilldownMenuItem = DrilldownMenuItem;
-var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: var(--sidebar-text-color);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-bold);\n"], ["\n  display: flex;\n  align-items: center;\n  color: var(--sidebar-text-color);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-bold);\n"])));
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: var(--sidebar-item-color);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-bold);\n"], ["\n  display: flex;\n  align-items: center;\n  color: var(--sidebar-item-color);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-bold);\n"])));
 var Icon = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: calc(var(--sidebar-spacing-unit) * 4);\n  height: calc(var(--sidebar-spacing-unit) * 4);\n  margin-right: var(--sidebar-spacing-unit);\n  border-radius: 50%;\n  flex-shrink: 0;\n  overflow: hidden;\n"], ["\n  width: calc(var(--sidebar-spacing-unit) * 4);\n  height: calc(var(--sidebar-spacing-unit) * 4);\n  margin-right: var(--sidebar-spacing-unit);\n  border-radius: 50%;\n  flex-shrink: 0;\n  overflow: hidden;\n"])));
-var Sublabel = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-top: 2px;\n  font-size: 0.85rem;\n  color: var(--color-secondary-contrast);\n  font-weight: var(--font-weight-regular);\n"], ["\n  margin-top: 2px;\n  font-size: 0.85rem;\n  color: var(--color-secondary-contrast);\n  font-weight: var(--font-weight-regular);\n"])));
+var SubLabel = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-top: 2px;\n  font-size: 0.85rem;\n  color: var(--color-content);\n  font-weight: var(--font-weight-regular);\n"], ["\n  margin-top: 2px;\n  font-size: 0.85rem;\n  color: var(--color-content);\n  font-weight: var(--font-weight-regular);\n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/Sidebar/Menu.js

@@ -11,5 +11,5 @@ exports.Menu = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.Menu = styled_components_1.default.ul.attrs(function () { return ({
     'data-component-name': 'Sidebar/Menu',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--sidebar-text-color);\n  position: relative;\n"], ["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--sidebar-text-color);\n  position: relative;\n"])));
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--sidebar-item-color);\n  position: relative;\n"], ["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--sidebar-item-color);\n  position: relative;\n"])));
 var templateObject_1;

package/Sidebar/MenuItemLabel.js

@@ -11,9 +11,9 @@ exports.MenuItemLabel = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.MenuItemLabel = styled_components_1.default.li.attrs(function () { return ({
     'data-component-name': 'Sidebar/MenuItemLabel',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  word-break: break-word;\n  margin-bottom: 1px;\n\n  font-family: var(--sidebar-font-family);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-regular);\n  margin-left: var(--sidebar-spacing-offset-left);\n  padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n  padding-left: calc(\n    var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n      var(--sidebar-spacing-unit) * 0.5\n  );\n  border-top-left-radius: var(--sidebar-border-radius);\n  border-bottom-left-radius: var(--sidebar-border-radius);\n\n  ", ";\n\n  :hover {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  word-break: break-word;\n  margin-bottom: 1px;\n\n  font-family: var(--sidebar-font-family);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-regular);\n  margin-left: var(--sidebar-spacing-offset-left);\n  padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n  padding-left: calc(\n    var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n      var(--sidebar-spacing-unit) * 0.5\n  );\n  border-top-left-radius: var(--sidebar-border-radius);\n  border-bottom-left-radius: var(--sidebar-border-radius);\n\n  ", ";\n\n  :hover {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"])), function (props) {
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  word-break: break-word;\n  margin-bottom: 1px;\n\n  font-family: var(--sidebar-font-family);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-regular);\n  margin-left: var(--sidebar-spacing-offset-left);\n  padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n  padding-left: calc(\n    var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n      var(--sidebar-spacing-unit) * 0.5\n  );\n  border-top-left-radius: var(--sidebar-border-radius);\n  border-bottom-left-radius: var(--sidebar-border-radius);\n\n  ", ";\n\n  :hover {\n    color: var(--sidebar-item-active-color);\n    background-color: var(--sidebar-item-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  word-break: break-word;\n  margin-bottom: 1px;\n\n  font-family: var(--sidebar-font-family);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-regular);\n  margin-left: var(--sidebar-spacing-offset-left);\n  padding: var(--sidebar-spacing-padding-vertical) var(--sidebar-spacing-padding-horizontal);\n  padding-left: calc(\n    var(--sidebar-spacing-padding-horizontal) + var(--sidebar-chevron-size) +\n      var(--sidebar-spacing-unit) * 0.5\n  );\n  border-top-left-radius: var(--sidebar-border-radius);\n  border-bottom-left-radius: var(--sidebar-border-radius);\n\n  ", ";\n\n  :hover {\n    color: var(--sidebar-item-active-color);\n    background-color: var(--sidebar-item-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"])), function (props) {
     return props.active
-        ? "\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  "
+        ? "\n    color: var(--sidebar-item-active-color);\n    background-color: var(--sidebar-item-active-background-color);\n  "
         : null;
 });
 var templateObject_1;

package/Sidebar/MenuLink.js

@@ -12,5 +12,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var UniversalLink_1 = require("../ui/UniversalLink");
 exports.MenuLink = (0, styled_components_1.default)(UniversalLink_1.UniversalLink).attrs(function () { return ({
     'data-component-name': 'Sidebar/MenuLink',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: none;\n  color: var(--sidebar-text-color);\n\n  &&.external-url:after {\n    content: none;\n  }\n"], ["\n  text-decoration: none;\n  color: var(--sidebar-text-color);\n\n  &&.external-url:after {\n    content: none;\n  }\n"])));
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: none;\n  color: var(--sidebar-item-color);\n\n  &&.external-url:after {\n    content: none;\n  }\n"], ["\n  text-decoration: none;\n  color: var(--sidebar-item-color);\n\n  &&.external-url:after {\n    content: none;\n  }\n"])));
 var templateObject_1;

package/Sidebar/MobileSidebarButton.js

@@ -11,7 +11,7 @@ exports.MobileSidebarButton = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.MobileSidebarButton = styled_components_1.default.span.attrs(function () { return ({
     'data-component-name': 'Sidebar/MobileSidebarButton',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: var(--color-primary-500);\n  width: 55px;\n  user-select: none;\n  height: 55px;\n  bottom: 44px;\n  cursor: pointer;\n  position: fixed;\n  right: 20px;\n  z-index: 3;\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;\n  border-radius: 50%;\n  transform: ", ";\n  transition: transform 0.75s;\n\n  ", " {\n    display: none;\n    transform: rotate(180deg);\n  }\n\n  ", " {\n    display: none !important;\n  }\n\n  :after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    transform: translate(-50%, -50%);\n    top: 50%;\n    left: 50%;\n    width: 25px;\n    height: 25px;\n    background-color: var(--color-primary-contrast);\n    -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n    mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n  }\n"], ["\n  background-color: var(--color-primary-500);\n  width: 55px;\n  user-select: none;\n  height: 55px;\n  bottom: 44px;\n  cursor: pointer;\n  position: fixed;\n  right: 20px;\n  z-index: 3;\n  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;\n  border-radius: 50%;\n  transform: ", ";\n  transition: transform 0.75s;\n\n  ", " {\n    display: none;\n    transform: rotate(180deg);\n  }\n\n  ", " {\n    display: none !important;\n  }\n\n  :after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    transform: translate(-50%, -50%);\n    top: 50%;\n    left: 50%;\n    width: 25px;\n    height: 25px;\n    background-color: var(--color-primary-contrast);\n    -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n    mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n  }\n"])), function (props) { return (props.opened ? 'rotate(180deg)' : 'rotate(0deg)'); }, function (_a) {
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: var(--color-primary-500);\n  width: 55px;\n  user-select: none;\n  height: 55px;\n  bottom: 44px;\n  cursor: pointer;\n  position: fixed;\n  right: 20px;\n  z-index: 3;\n  box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px;\n  border-radius: 50%;\n  transform: ", ";\n  transition: transform 0.75s;\n\n  ", " {\n    display: none;\n    transform: rotate(180deg);\n  }\n\n  ", " {\n    display: none !important;\n  }\n\n  :after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    transform: translate(-50%, -50%);\n    top: 50%;\n    left: 50%;\n    width: 25px;\n    height: 25px;\n    background-color: #fff;\n    -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n    mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n  }\n"], ["\n  background-color: var(--color-primary-500);\n  width: 55px;\n  user-select: none;\n  height: 55px;\n  bottom: 44px;\n  cursor: pointer;\n  position: fixed;\n  right: 20px;\n  z-index: 3;\n  box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px;\n  border-radius: 50%;\n  transform: ", ";\n  transition: transform 0.75s;\n\n  ", " {\n    display: none;\n    transform: rotate(180deg);\n  }\n\n  ", " {\n    display: none !important;\n  }\n\n  :after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    transform: translate(-50%, -50%);\n    top: 50%;\n    left: 50%;\n    width: 25px;\n    height: 25px;\n    background-color: #fff;\n    -webkit-mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n    mask: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 294.842 294.842' style='enable-background:new 0 0 294.842 294.842;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z'/%3E%3Cpath fill='%23fff' d='M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z'/%3E%3Cpath fill='%23fff' d='M6.956,82.228h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,82.228,6.956,82.228z'/%3E%3Cpath fill='%23fff' d='M6.956,152.456h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,152.456,6.956,152.456z'/%3E%3Cpath fill='%23fff' d='M124.438,210.685H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,210.685,124.438,210.685z' /%3E%3Cpath fill='%23fff' d='M124.438,280.912H6.956c-3.313,0-6,2.687-6,6s2.687,6,6,6h117.482c3.313,0,6-2.687,6-6S127.752,280.912,124.438,280.912z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A\")\n      no-repeat 50% 50%;\n  }\n"])), function (props) { return (props.opened ? 'rotate(180deg)' : 'rotate(0deg)'); }, function (_a) {
     var theme = _a.theme;
     return theme.mediaQueries.medium;
 }, function (_a) {

package/Sidebar/Sidebar.js

@@ -11,7 +11,7 @@ exports.Sidebar = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.Sidebar = styled_components_1.default.aside.attrs(function () { return ({
     'data-component-name': 'Sidebar/Sidebar',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-right: 1px solid var(--sidebar-right-line-color);\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background: var(--sidebar-background-color);\n  font-size: var(--sidebar-font-size);\n  font-family: var(--sidebar-font-family);\n  color: var(--sidebar-text-color);\n  top: var(--navbar-height);\n  height: calc(100vh - var(--navbar-height));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  ", ";\n\n  ", " {\n    position: sticky;\n    pointer-events: auto;\n    display: flex;\n    opacity: 1;\n    flex-shrink: 0;\n    width: var(--sidebar-width);\n\n    & > * {\n      transform: none;\n    }\n  }\n\n  ", " {\n    transform: none;\n  }\n"], ["\n  border-right: 1px solid var(--sidebar-right-line-color);\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background: var(--sidebar-background-color);\n  font-size: var(--sidebar-font-size);\n  font-family: var(--sidebar-font-family);\n  color: var(--sidebar-text-color);\n  top: var(--navbar-height);\n  height: calc(100vh - var(--navbar-height));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  ", ";\n\n  ", " {\n    position: sticky;\n    pointer-events: auto;\n    display: flex;\n    opacity: 1;\n    flex-shrink: 0;\n    width: var(--sidebar-width);\n\n    & > * {\n      transform: none;\n    }\n  }\n\n  ", " {\n    transform: none;\n  }\n"])), function (_a) {
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-right: 1px solid var(--sidebar-right-line-color);\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background: var(--sidebar-background-color);\n  font-size: var(--sidebar-font-size);\n  font-family: var(--sidebar-font-family);\n  color: var(--sidebar-item-color);\n  top: var(--navbar-height);\n  height: calc(100vh - var(--navbar-height));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  ", ";\n\n  ", " {\n    position: sticky;\n    pointer-events: auto;\n    display: flex;\n    opacity: 1;\n    flex-shrink: 0;\n    width: var(--sidebar-width);\n\n    & > * {\n      transform: none;\n    }\n  }\n\n  ", " {\n    transform: none;\n  }\n"], ["\n  border-right: 1px solid var(--sidebar-right-line-color);\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background: var(--sidebar-background-color);\n  font-size: var(--sidebar-font-size);\n  font-family: var(--sidebar-font-family);\n  color: var(--sidebar-item-color);\n  top: var(--navbar-height);\n  height: calc(100vh - var(--navbar-height));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  ", ";\n\n  ", " {\n    position: sticky;\n    pointer-events: auto;\n    display: flex;\n    opacity: 1;\n    flex-shrink: 0;\n    width: var(--sidebar-width);\n\n    & > * {\n      transform: none;\n    }\n  }\n\n  ", " {\n    transform: none;\n  }\n"])), function (_a) {
     var opened = _a.opened, animate = _a.animate;
     return "\n    opacity: ".concat(opened ? '1' : '0', ";\n    pointer-events: ").concat(opened ? 'auto' : 'none', ";\n    \n    & > * {\n      transform: ").concat(opened ? 'translate(0, 0)' : 'translate(0, 40px)', ";\n      transition: ").concat(animate ? 'transform 0.65s ease, opacity 0.25s ease;' : 'none', ";\n    }\n  ");
 }, function (_a) {

package/Sidebar/index.d.ts

@@ -1,19 +1,19 @@
-export * from './ApiCallItem';
-export * from './ArrowBack';
-export * from './BackButton';
-export * from './Drilldown';
-export * from './DrilldownMenu';
-export * from './DrilldownMenuItem';
-export * from './ExternalIcon';
-export * from './Menu';
-export * from './MenuContainer';
-export * from './MenuGroup';
-export * from './MenuItem';
-export * from './MenuItemLabel';
-export * from './MenuLink';
-export * from './MenuLinkItem';
-export * from './MobileSidebarButton';
-export * from './Separator';
-export * from './SeparatorItem';
-export * from './Sidebar';
-export * from './SidebarLayout';
+export * from '../Sidebar/ApiCallItem';
+export * from '../Sidebar/ArrowBack';
+export * from '../Sidebar/BackButton';
+export * from '../Sidebar/Drilldown';
+export * from '../Sidebar/DrilldownMenu';
+export * from '../Sidebar/DrilldownMenuItem';
+export * from '../Sidebar/ExternalIcon';
+export * from '../Sidebar/Menu';
+export * from '../Sidebar/MenuContainer';
+export * from '../Sidebar/MenuGroup';
+export * from '../Sidebar/MenuItem';
+export * from '../Sidebar/MenuItemLabel';
+export * from '../Sidebar/MenuLink';
+export * from '../Sidebar/MenuLinkItem';
+export * from '../Sidebar/MobileSidebarButton';
+export * from '../Sidebar/Separator';
+export * from '../Sidebar/SeparatorItem';
+export * from '../Sidebar/Sidebar';
+export * from '../Sidebar/SidebarLayout';

package/Sidebar/index.js

@@ -14,22 +14,22 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApiCallItem"), exports);
-__exportStar(require("./ArrowBack"), exports);
-__exportStar(require("./BackButton"), exports);
-__exportStar(require("./Drilldown"), exports);
-__exportStar(require("./DrilldownMenu"), exports);
-__exportStar(require("./DrilldownMenuItem"), exports);
-__exportStar(require("./ExternalIcon"), exports);
-__exportStar(require("./Menu"), exports);
-__exportStar(require("./MenuContainer"), exports);
-__exportStar(require("./MenuGroup"), exports);
-__exportStar(require("./MenuItem"), exports);
-__exportStar(require("./MenuItemLabel"), exports);
-__exportStar(require("./MenuLink"), exports);
-__exportStar(require("./MenuLinkItem"), exports);
-__exportStar(require("./MobileSidebarButton"), exports);
-__exportStar(require("./Separator"), exports);
-__exportStar(require("./SeparatorItem"), exports);
-__exportStar(require("./Sidebar"), exports);
-__exportStar(require("./SidebarLayout"), exports);
+__exportStar(require("../Sidebar/ApiCallItem"), exports);
+__exportStar(require("../Sidebar/ArrowBack"), exports);
+__exportStar(require("../Sidebar/BackButton"), exports);
+__exportStar(require("../Sidebar/Drilldown"), exports);
+__exportStar(require("../Sidebar/DrilldownMenu"), exports);
+__exportStar(require("../Sidebar/DrilldownMenuItem"), exports);
+__exportStar(require("../Sidebar/ExternalIcon"), exports);
+__exportStar(require("../Sidebar/Menu"), exports);
+__exportStar(require("../Sidebar/MenuContainer"), exports);
+__exportStar(require("../Sidebar/MenuGroup"), exports);
+__exportStar(require("../Sidebar/MenuItem"), exports);
+__exportStar(require("../Sidebar/MenuItemLabel"), exports);
+__exportStar(require("../Sidebar/MenuLink"), exports);
+__exportStar(require("../Sidebar/MenuLinkItem"), exports);
+__exportStar(require("../Sidebar/MobileSidebarButton"), exports);
+__exportStar(require("../Sidebar/Separator"), exports);
+__exportStar(require("../Sidebar/SeparatorItem"), exports);
+__exportStar(require("../Sidebar/Sidebar"), exports);
+__exportStar(require("../Sidebar/SidebarLayout"), exports);

package/Sidebar/types/index.d.ts

@@ -1,5 +1,5 @@
-export * from './DrilldownMenuProps';
-export * from './ItemState';
-export * from './MenuItemProps';
-export * from './MenuStyle';
-export * from './NavItem';
+export * from '../../Sidebar/types/DrilldownMenuProps';
+export * from '../../Sidebar/types/ItemState';
+export * from '../../Sidebar/types/MenuItemProps';
+export * from '../../Sidebar/types/MenuStyle';
+export * from '../../Sidebar/types/NavItem';

package/Sidebar/types/index.js

@@ -14,8 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DrilldownMenuProps"), exports);
-__exportStar(require("./ItemState"), exports);
-__exportStar(require("./MenuItemProps"), exports);
-__exportStar(require("./MenuStyle"), exports);
-__exportStar(require("./NavItem"), exports);
+__exportStar(require("../../Sidebar/types/DrilldownMenuProps"), exports);
+__exportStar(require("../../Sidebar/types/ItemState"), exports);
+__exportStar(require("../../Sidebar/types/MenuItemProps"), exports);
+__exportStar(require("../../Sidebar/types/MenuStyle"), exports);
+__exportStar(require("../../Sidebar/types/NavItem"), exports);

package/SidebarLogo/index.d.ts

@@ -1 +1 @@
-export * from './SidebarLogo';
+export * from '../SidebarLogo/SidebarLogo';

package/SidebarLogo/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SidebarLogo"), exports);
+__exportStar(require("../SidebarLogo/SidebarLogo"), exports);

package/SourceCode/index.d.ts

@@ -1 +1 @@
-export * from './SourceCode';
+export * from '../SourceCode/SourceCode';

package/SourceCode/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SourceCode"), exports);
+__exportStar(require("../SourceCode/SourceCode"), exports);

package/TableOfContent/TableOfContent.js

@@ -25,12 +25,11 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var useFullHeight_1 = require("../hooks/useFullHeight");
 var useActiveHeading_1 = require("../hooks/useActiveHeading");
 function TableOfContent(props) {
-    var _a;
-    var headings = props.headings, tocMaxDepth = props.tocMaxDepth;
+    var headings = props.headings, tocMaxDepth = props.tocMaxDepth, contentWrapper = props.contentWrapper;
     var sidebar = (0, react_1.useRef)(null);
     (0, useFullHeight_1.useFullHeight)(sidebar);
-    var activeHeadingId = (0, useActiveHeading_1.useActiveHeading)(props.contentWrapper);
-    if (headings && headings.length === 1 && ((_a = headings[0]) === null || _a === void 0 ? void 0 : _a.depth) === 1) {
+    var activeHeadingId = (0, useActiveHeading_1.useActiveHeading)(contentWrapper);
+    if (headings && headings.length === 1 && (!headings[0] || headings[0].depth === 1)) {
         return null;
     }
     if (!(headings === null || headings === void 0 ? void 0 : headings.length)) {
@@ -48,18 +47,18 @@ function TableOfContent(props) {
                             return null;
                         }
                         var href = '#' + heading.id;
-                        return ((0, jsx_runtime_1.jsx)(MenuItem, { depth: heading.depth || 0, href: href, className: activeHeadingId === heading.id ? 'active' : '', dangerouslySetInnerHTML: { __html: heading.value || '' }, "data-cy": "toc-".concat(heading.value) }, href));
+                        return ((0, jsx_runtime_1.jsx)(MenuItem, { href: href, depth: heading.depth || 0, className: activeHeadingId === heading.id ? 'active' : '', dangerouslySetInnerHTML: { __html: heading.value || '' }, "data-cy": "toc-".concat(heading.value) }, href));
                     })] })) }))) }));
 }
 exports.TableOfContent = TableOfContent;
 var TocHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 0.8em;\n  padding: 10px 15px;\n  font-weight: bold;\n  text-transform: uppercase;\n"], ["\n  font-size: 0.8em;\n  padding: 10px 15px;\n  font-weight: bold;\n  text-transform: uppercase;\n"])));
-var MenuItem = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  color: var(--color-text-main);\n  cursor: pointer;\n  font-size: 0.8em;\n  padding: 10px 15px;\n  padding-left: ", "px;\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--font-family-h);\n  :hover,\n  &.active {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: block;\n  color: var(--color-text-main);\n  cursor: pointer;\n  font-size: 0.8em;\n  padding: 10px 15px;\n  padding-left: ", "px;\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--font-family-h);\n  :hover,\n  &.active {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n  :empty {\n    padding: 0;\n  }\n"])), function (_a) {
+var MenuItem = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  color: var(--color-content);\n  cursor: pointer;\n  font-size: 0.8em;\n  padding: 10px 15px;\n  padding-left: ", "px;\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--h-font-family);\n\n  :hover,\n  &.active {\n    color: var(--sidebar-item-active-color);\n    background-color: var(--sidebar-item-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: block;\n  color: var(--color-content);\n  cursor: pointer;\n  font-size: 0.8em;\n  padding: 10px 15px;\n  padding-left: ", "px;\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--h-font-family);\n\n  :hover,\n  &.active {\n    color: var(--sidebar-item-active-color);\n    background-color: var(--sidebar-item-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"])), function (_a) {
     var depth = _a.depth;
     return (depth - 1) * 15;
 });
-var TableOfContentMenu = styled_components_1.default.aside(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 1rem;\n  background-color: transparent;\n  flex-shrink: 0;\n  display: none !important;\n  font-family: var(--font-family-primary);\n\n  ", " {\n    width: var(--toc-width);\n    display: block !important;\n  }\n"], ["\n  font-size: 1rem;\n  background-color: transparent;\n  flex-shrink: 0;\n  display: none !important;\n  font-family: var(--font-family-primary);\n\n  ", " {\n    width: var(--toc-width);\n    display: block !important;\n  }\n"])), function (_a) {
+var TableOfContentMenu = styled_components_1.default.aside(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 1rem;\n  background-color: transparent;\n  flex-shrink: 0;\n  display: none !important;\n  font-family: var(--font-family-base);\n\n  ", " {\n    width: var(--toc-width);\n    display: block !important;\n  }\n"], ["\n  font-size: 1rem;\n  background-color: transparent;\n  flex-shrink: 0;\n  display: none !important;\n  font-family: var(--font-family-base);\n\n  ", " {\n    width: var(--toc-width);\n    display: block !important;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.mediaQueries.medium;
 });
-var TableOfContentItems = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: sticky;\n  top: calc(var(--navbar-height) + 20px);\n  max-height: calc(100vh - var(--navbar-height) - 20px);\n  border-left: 1px solid var(--color-border-light);\n  overflow-y: auto;\n  width: var(--toc-width); ;\n"], ["\n  position: sticky;\n  top: calc(var(--navbar-height) + 20px);\n  max-height: calc(100vh - var(--navbar-height) - 20px);\n  border-left: 1px solid var(--color-border-light);\n  overflow-y: auto;\n  width: var(--toc-width); ;\n"])));
+var TableOfContentItems = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: sticky;\n  top: calc(var(--navbar-height) + 20px);\n  max-height: calc(100vh - var(--navbar-height) - 20px);\n  border-left: 1px solid var(--global-border-color);\n  overflow-y: auto;\n  width: var(--toc-width); ;\n"], ["\n  position: sticky;\n  top: calc(var(--navbar-height) + 20px);\n  max-height: calc(100vh - var(--navbar-height) - 20px);\n  border-left: 1px solid var(--global-border-color);\n  overflow-y: auto;\n  width: var(--toc-width); ;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/TableOfContent/index.d.ts

@@ -1 +1 @@
-export * from './TableOfContent';
+export * from '../TableOfContent/TableOfContent';

package/TableOfContent/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./TableOfContent"), exports);
+__exportStar(require("../TableOfContent/TableOfContent"), exports);

package/Tooltip/index.d.ts

@@ -1 +1 @@
-export * from './Tooltip';
+export * from '../Tooltip/Tooltip';

package/Tooltip/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Tooltip"), exports);
+__exportStar(require("../Tooltip/Tooltip"), exports);

package/globalStyle.d.ts

@@ -1 +1,2 @@
+export declare const styles: import("styled-components").FlattenSimpleInterpolation;
 export declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;