@redocly/theme 0.4.15 → 0.5.0

package/Markdown/CodeSample/CodeSample.js

@@ -1,93 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeSample = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var ClipboardService_1 = require("../../utils/ClipboardService");
-var useDefaultThemeSettings_1 = require("../../hooks/useDefaultThemeSettings");
-var defaultCopyCodeSnippet = {
-    hide: false,
-    buttonText: 'Copy',
-    tooltipText: 'Copy the code snippet',
-    toasterText: 'Copied',
-    toasterDuration: 1500,
-};
-function CodeSample(_a) {
-    var rawContent = _a.rawContent, highlighted = _a.highlighted, language = _a.language;
-    var langClassName = language ? "language-".concat(language) : '';
-    var copyCodeSnippet = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)().copyCodeSnippet;
-    var copyCodeProps = __assign(__assign({}, defaultCopyCodeSnippet), copyCodeSnippet);
-    var _b = __read((0, react_1.useState)(false), 2), isCopied = _b[0], setIsCopied = _b[1];
-    var copyCode = function (code) {
-        ClipboardService_1.ClipboardService.copyCustom(code);
-        setIsCopied(true);
-        setTimeout(function () { return setIsCopied(false); }, copyCodeProps.toasterDuration);
-    };
-    return (react_1.default.createElement(Wrapper, { className: "code-sample", "data-component-name": "Markdown/CodeSample/CodeSample" },
-        !copyCodeProps.hide && (react_1.default.createElement(CodeSampleButtonContainer, { onClick: function () { return copyCode(rawContent); } },
-            !isCopied && (react_1.default.createElement(CopyCodeButton, { title: copyCodeProps.tooltipText }, copyCodeProps.buttonText)),
-            isCopied && react_1.default.createElement(DoneIndicator, null, copyCodeProps.toasterText))),
-        react_1.default.createElement("pre", { className: langClassName },
-            react_1.default.createElement("code", { className: langClassName, dangerouslySetInnerHTML: { __html: highlighted } }))));
-}
-exports.CodeSample = CodeSample;
-var CodeSampleButtonContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 12px;\n  right: 5px;\n"], ["\n  position: absolute;\n  top: 12px;\n  right: 5px;\n"])));
-var CopyCodeButton = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: var(--code-block-controls-padding);\n  border-radius: var(--code-block-controls-border-radius);\n  font-size: var(--code-block-controls-font-size);\n  font-family: var(--code-block-controls-font-family);\n  &:hover {\n    cursor: pointer;\n  }\n"], ["\n  padding: var(--code-block-controls-padding);\n  border-radius: var(--code-block-controls-border-radius);\n  font-size: var(--code-block-controls-font-size);\n  font-family: var(--code-block-controls-font-family);\n  &:hover {\n    cursor: pointer;\n  }\n"])));
-var DoneIndicator = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: var(--code-block-controls-padding);\n  border-radius: var(--code-block-controls-border-radius);\n  font-size: var(--code-block-controls-font-size);\n  font-family: var(--code-block-controls-font-family);\n  cursor: default;\n"], ["\n  padding: var(--code-block-controls-padding);\n  border-radius: var(--code-block-controls-border-radius);\n  font-size: var(--code-block-controls-font-size);\n  font-family: var(--code-block-controls-font-family);\n  cursor: default;\n"])));
-var darkStyleTokens = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: hsl(30, 20%, 50%);\n  }\n  .token.property,\n  .token.tag,\n  .token.number,\n  .token.constant,\n  .token.symbol {\n    color: #62bff9;\n  }\n  .token.boolean {\n    color: firebrick;\n  }\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.builtin,\n  .token.inserted {\n    color: #a0fbaa;\n    & + a,\n    & + a:visited {\n      color: #4ed2ba;\n      text-decoration: underline;\n    }\n  }\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .token.variable {\n    color: hsl(40, 90%, 60%);\n  }\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword {\n    color: hsl(350, 40%, 70%);\n  }\n  .token.regex,\n  .token.important {\n    color: #e90;\n  }\n  .token.deleted {\n    color: red;\n  }\n"], ["\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: hsl(30, 20%, 50%);\n  }\n  .token.property,\n  .token.tag,\n  .token.number,\n  .token.constant,\n  .token.symbol {\n    color: #62bff9;\n  }\n  .token.boolean {\n    color: firebrick;\n  }\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.builtin,\n  .token.inserted {\n    color: #a0fbaa;\n    & + a,\n    & + a:visited {\n      color: #4ed2ba;\n      text-decoration: underline;\n    }\n  }\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .token.variable {\n    color: hsl(40, 90%, 60%);\n  }\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword {\n    color: hsl(350, 40%, 70%);\n  }\n  .token.regex,\n  .token.important {\n    color: #e90;\n  }\n  .token.deleted {\n    color: red;\n  }\n"])));
-var Wrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  overflow: auto;\n  border-radius: 4px;\n  position: relative;\n\n  ", ",\n  ", " {\n    color: var(--code-block-controls-text-color);\n    background-color: var(--code-block-controls-background-color);\n    opacity: var(--code-block-controls-opacity);\n  }\n  ", ":hover {\n    color: var(--code-block-controls-hover-text-color);\n    background-color: var(--code-block-controls-hover-background-color);\n    opacity: var(--code-block-controls-active-opacity);\n  }\n\n  pre {\n    white-space: var(--code-wrap);\n    color: white;\n    padding: 12px 14px 15px 14px;\n    overflow-x: auto;\n    line-height: normal;\n    border-radius: var(--code-block-border-radius);\n    font-family: var(--code-font-family);\n    background-color: var(--code-block-background-color);\n    code {\n      background-color: transparent;\n      border: 0;\n      padding: 0;\n      color: var(--code-block-text-color);\n      &:before,\n      &:after {\n        content: none;\n      }\n    }\n  }\n  pre[class*='language-'] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border: 0;\n    border-radius: var(--border-radius);\n  }\n  code[class='language-text'] {\n    line-height: 1.2em;\n    display: inline-flex;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n  code[class*='language-'],\n  pre[class*='language-'] {\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n    .token.important,\n    .token.bold {\n      font-weight: bold;\n    }\n    .token.italic {\n      font-style: italic;\n    }\n    .token.entity {\n      cursor: help;\n    }\n    .token.punctuation {\n      opacity: 0.7;\n    }\n    .namespace {\n      opacity: 0.7;\n    }\n\n    ", ";\n  }\n"], ["\n  overflow: auto;\n  border-radius: 4px;\n  position: relative;\n\n  ", ",\n  ", " {\n    color: var(--code-block-controls-text-color);\n    background-color: var(--code-block-controls-background-color);\n    opacity: var(--code-block-controls-opacity);\n  }\n  ", ":hover {\n    color: var(--code-block-controls-hover-text-color);\n    background-color: var(--code-block-controls-hover-background-color);\n    opacity: var(--code-block-controls-active-opacity);\n  }\n\n  pre {\n    white-space: var(--code-wrap);\n    color: white;\n    padding: 12px 14px 15px 14px;\n    overflow-x: auto;\n    line-height: normal;\n    border-radius: var(--code-block-border-radius);\n    font-family: var(--code-font-family);\n    background-color: var(--code-block-background-color);\n    code {\n      background-color: transparent;\n      border: 0;\n      padding: 0;\n      color: var(--code-block-text-color);\n      &:before,\n      &:after {\n        content: none;\n      }\n    }\n  }\n  pre[class*='language-'] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border: 0;\n    border-radius: var(--border-radius);\n  }\n  code[class='language-text'] {\n    line-height: 1.2em;\n    display: inline-flex;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n  code[class*='language-'],\n  pre[class*='language-'] {\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n    .token.important,\n    .token.bold {\n      font-weight: bold;\n    }\n    .token.italic {\n      font-style: italic;\n    }\n    .token.entity {\n      cursor: help;\n    }\n    .token.punctuation {\n      opacity: 0.7;\n    }\n    .namespace {\n      opacity: 0.7;\n    }\n\n    ", ";\n  }\n"])), CopyCodeButton, DoneIndicator, CopyCodeButton, darkStyleTokens);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/Markdown/ContainerWrapper.js

@@ -1,21 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContainerWrapper = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.ContainerWrapper = styled_components_1.default.section.attrs(function () { return ({
-    'data-component-name': 'Markdown/ContainerWrapper',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: var(--md-container-max-width);\n  width: 90%;\n  margin: 0 auto;\n\n  padding: var(--md-container-padding-vertical) var(--md-container-padding-horizontal);\n\n  & > article:first-child > h1:first-child {\n    // disable margin top for h1 on the title heading if there is no \"Last updated at\" block\n    /* margin-top: 0; */\n  }\n\n  ", " {\n    width: ", ";\n  }\n"], ["\n  max-width: var(--md-container-max-width);\n  width: 90%;\n  margin: 0 auto;\n\n  padding: var(--md-container-padding-vertical) var(--md-container-padding-horizontal);\n\n  & > article:first-child > h1:first-child {\n    // disable margin top for h1 on the title heading if there is no \"Last updated at\" block\n    /* margin-top: 0; */\n  }\n\n  ", " {\n    width: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-}, function (_a) {
-    var withToc = _a.withToc;
-    return (withToc ? "calc(90% - var(--toc-width))" : '90%');
-});
-var templateObject_1;

package/Markdown/Details.js

@@ -1,22 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Details = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-function Details(_a) {
-    var summary = _a.summary, children = _a.children;
-    return (react_1.default.createElement(StyledDetails, null,
-        react_1.default.createElement("summary", null, summary),
-        react_1.default.createElement(StyledDetailsContent, null, children)));
-}
-exports.Details = Details;
-var StyledDetails = styled_components_1.default.details(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var StyledDetailsContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-var templateObject_1, templateObject_2;

package/Markdown/MarkdownLayout.js

@@ -1,31 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarkdownLayout = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var PageWrapper_1 = require("../Markdown/PageWrapper");
-var ContainerWrapper_1 = require("../Markdown/ContainerWrapper");
-var PageNavigation_1 = require("../PageNavigation/PageNavigation");
-var EditPageButton_1 = require("../EditPageButton");
-var LastUpdated_1 = require("../LastUpdated/LastUpdated");
-function MarkdownLayout(_a) {
-    var tableOfContent = _a.tableOfContent, markdownWrapper = _a.markdownWrapper, editPage = _a.editPage, lastModified = _a.lastModified;
-    return (react_1.default.createElement(PageWrapper_1.PageWrapper, { "data-component-name": "Markdown/MarkdownLayout" },
-        react_1.default.createElement(ContainerWrapper_1.ContainerWrapper, { withToc: true },
-            react_1.default.createElement(LayoutTop, null,
-                lastModified && react_1.default.createElement(LastUpdated_1.LastUpdated, { lastModified: lastModified }),
-                editPage && (react_1.default.createElement(EditPageButton_1.EditPageButton, { text: editPage.text, to: editPage.to, icon: editPage.icon }))),
-            markdownWrapper,
-            react_1.default.createElement(PageNavigation_1.PageNavigation, null)),
-        tableOfContent));
-}
-exports.MarkdownLayout = MarkdownLayout;
-var LayoutTop = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  flex-flow: row nowrap;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  flex-flow: row nowrap;\n"])));
-var templateObject_1;

package/Markdown/MarkdownWrapper.js

@@ -1,43 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarkdownWrapper = exports.headingAnchor = exports.baseTable = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../utils");
-exports.baseTable = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  table.md {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: var(--md-table-margin-vertical);\n    margin-bottom: var(--md-table-margin-vertical);\n    font-size: var(--md-table-font-size);\n\n    th,\n    td {\n      padding: var(--md-table-cell-padding);\n      border-bottom: 1px solid var(--md-table-border-color);\n      color: var(--md-table-cell-text-color);\n    }\n\n    tr {\n      background-color: var(--md-table-stripe-background-color);\n    }\n\n    th {\n      text-align: left;\n      font-weight: var(--md-table-head-font-weight);\n      color: var(--md-table-head-text-color);\n      background-color: var(--md-table-head-background-color);\n    }\n\n    tr th:first-child,\n    tr td:first-child {\n      border-left: 1px solid var(--md-table-border-color);\n    }\n\n    tr td:last-child,\n    tr th:last-child {\n      border-right: 1px solid var(--md-table-border-color);\n    }\n\n    thead td,\n    thead th {\n      border-top: 1px solid var(--md-table-border-color);\n    }\n\n    /* top-left border */\n\n    thead tr:first-child th:first-child {\n      border-top-left-radius: var(--md-table-border-radius);\n    }\n\n    /* top-right border */\n\n    thead tr:first-child th:last-child {\n      border-top-right-radius: var(--md-table-border-radius);\n    }\n\n    /* bottom-left border */\n\n    tbody tr:last-child td:first-child {\n      border-bottom-left-radius: var(--md-table-border-radius);\n    }\n\n    /* bottom-right border */\n\n    tbody tr:last-child td:last-child {\n      border-bottom-right-radius: var(--md-table-border-radius);\n    }\n  }\n"], ["\n  table.md {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: var(--md-table-margin-vertical);\n    margin-bottom: var(--md-table-margin-vertical);\n    font-size: var(--md-table-font-size);\n\n    th,\n    td {\n      padding: var(--md-table-cell-padding);\n      border-bottom: 1px solid var(--md-table-border-color);\n      color: var(--md-table-cell-text-color);\n    }\n\n    tr {\n      background-color: var(--md-table-stripe-background-color);\n    }\n\n    th {\n      text-align: left;\n      font-weight: var(--md-table-head-font-weight);\n      color: var(--md-table-head-text-color);\n      background-color: var(--md-table-head-background-color);\n    }\n\n    tr th:first-child,\n    tr td:first-child {\n      border-left: 1px solid var(--md-table-border-color);\n    }\n\n    tr td:last-child,\n    tr th:last-child {\n      border-right: 1px solid var(--md-table-border-color);\n    }\n\n    thead td,\n    thead th {\n      border-top: 1px solid var(--md-table-border-color);\n    }\n\n    /* top-left border */\n\n    thead tr:first-child th:first-child {\n      border-top-left-radius: var(--md-table-border-radius);\n    }\n\n    /* top-right border */\n\n    thead tr:first-child th:last-child {\n      border-top-right-radius: var(--md-table-border-radius);\n    }\n\n    /* bottom-left border */\n\n    tbody tr:last-child td:first-child {\n      border-bottom-left-radius: var(--md-table-border-radius);\n    }\n\n    /* bottom-right border */\n\n    tbody tr:last-child td:last-child {\n      border-bottom-right-radius: var(--md-table-border-radius);\n    }\n  }\n"])));
-// TODO: Can users specify another className or we should hardcode it?
-function headingAnchor(className) {
-    if (className === void 0) { className = 'anchor'; }
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    .", ".before {\n      position: absolute;\n      left: 0;\n      transform: translateX(-100%);\n      padding-right: var(--heading-anchor-offset-right);\n    }\n\n    .", ".after {\n      display: inline-block;\n      padding-left: 4px;\n    }\n\n    svg,\n    .", " svg {\n      fill: var(--heading-anchor-color);\n      visibility: hidden;\n\n      background-image: var(--heading-anchor-icon);\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: center;\n    }\n\n    :hover .", " svg,\n    .", ":focus svg {\n      visibility: visible;\n    }\n  "], ["\n    .", ".before {\n      position: absolute;\n      left: 0;\n      transform: translateX(-100%);\n      padding-right: var(--heading-anchor-offset-right);\n    }\n\n    .", ".after {\n      display: inline-block;\n      padding-left: 4px;\n    }\n\n    svg,\n    .", " svg {\n      fill: var(--heading-anchor-color);\n      visibility: hidden;\n\n      background-image: var(--heading-anchor-icon);\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: center;\n    }\n\n    :hover .", " svg,\n    .", ":focus svg {\n      visibility: visible;\n    }\n  "])), className, className, className, className, className);
-}
-exports.headingAnchor = headingAnchor;
-exports.MarkdownWrapper = styled_components_1.default.main.attrs(function () { return ({
-    'data-component-name': 'Markdown/MarkdownWrapper',
-}); })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-weight: var(--font-weight-regular);\n  padding: 0;\n\n  color: var(--text-color);\n  font-size: var(--font-size-base);\n  font-family: var(--font-family-base);\n  line-height: var(--line-height-base);\n\n  a:not([role='button']) {\n    text-decoration: var(--link-decoration);\n    color: var(--link-text-color);\n    font-weight: var(--link-font-weight);\n\n    &:visited {\n      color: var(--link-visited-text-color);\n      text-decoration: var(--link-visited-decoration);\n    }\n\n    &:hover {\n      text-decoration: var(--link-hover-decoration);\n      color: var(--link-hover-text-color);\n    }\n\n    &:focus {\n      color: var(--link-active-text-color);\n      text-decoration: var(--link-active-decoration);\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  h1.md,\n  h2.md,\n  h3.md,\n  h4.md,\n  h5.md,\n  h6.md {\n    font-weight: var(--heading-font-weight);\n    font-family: var(--heading-font-family);\n    position: relative;\n\n    scroll-margin-top: 60px;\n  }\n\n  strong {\n    font-weight: var(--font-weight-bold);\n  }\n\n  hr {\n    border-top: 1px solid var(--md-hr-border-color);\n    background-color: var(--md-hr-background-color);\n    height: var(--md-hr-height);\n    margin: var(--md-hr-margin-vertical) 0;\n  }\n\n  details {\n    margin: 1.125em 0;\n\n    summary {\n      color: var(--text-color);\n      font-weight: var(--font-weight-regular);\n      outline: 0;\n      padding: 0;\n      cursor: pointer;\n    }\n\n    > :not(summary):first-of-type {\n      margin-top: 1.25em;\n    }\n\n    > *:last-child {\n      margin-bottom: 1.25em;\n    }\n  }\n\n  ", ";\n\n  .code-snippets-tabs {\n    .snippets-tabs-headers {\n      font-size: 0.9em;\n\n      font-family: var(--heading-font-family);\n\n      .tab-header {\n        text-align: center;\n        padding: 0.2em 0.5em;\n        display: inline-block;\n        cursor: pointer;\n        color: var(--text-color-secondary);\n\n        &.active {\n          color: var(--heading-text-color);\n          font-weight: var(--font-weight-bold);\n        }\n      }\n    }\n\n    .tab-content {\n      margin-top: 4px;\n      display: none;\n\n      pre {\n        margin-top: 0;\n      }\n\n      &.active {\n        display: block;\n      }\n    }\n  }\n\n  p {\n    margin: var(--md-paragraph-margin-vertical) var(--md-paragraph-margin-horizontal);\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  h1.md {\n    ", ";\n    margin: var(--h1-margin-top) 0 var(--h1-margin-bottom) 0;\n    ", ";\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  h2.md {\n    ", ";\n    margin: var(--h2-margin-top) 0 var(--h2-margin-bottom) 0;\n    ", ";\n  }\n\n  h3.md {\n    ", ";\n    margin: var(--h3-margin-top) 0 var(--h3-margin-bottom) 0;\n    ", ";\n  }\n\n  h4.md {\n    ", ";\n    margin: var(--h4-margin-top) 0 var(--h4-margin-bottom) 0;\n    ", ";\n  }\n\n  h5.md {\n    ", ";\n    margin: var(--h5-margin-top) 0 var(--h5-margin-bottom) 0;\n    ", ";\n  }\n\n  h6.md {\n    ", ";\n    margin: var(--h6-margin-top) 0 var(--h6-margin-bottom) 0;\n    ", ";\n  }\n\n  h1.md code {\n    font-size: var(--h1-font-size);\n  }\n\n  h2.md code {\n    font-size: var(--h2-font-size);\n  }\n\n  h3.md code {\n    font-size: var(--h3-font-size);\n  }\n\n  h4.md code {\n    font-size: var(--h4-font-size);\n  }\n\n  h5.md code {\n    font-size: var(--h5-font-size);\n  }\n\n  h6.md code {\n    font-size: var(--h6-font-size);\n  }\n\n  code {\n    color: var(--inline-code-text-color);\n    background-color: var(--inline-code-background-color);\n\n    border-radius: var(--inline-code-border-radius);\n    border: 1px solid var(--inline-code-border-color);\n    padding: 0.1em 0.25em 0.2em;\n    font-weight: var(--code-font-weight);\n    word-break: break-word;\n    font-size: var(--inline-code-font-size);\n    font-family: var(--code-font-family);\n  }\n\n  blockquote {\n    margin: var(--md-blockquote-margin-vertical) var(--md-blockquote-margin-horizontal);\n    padding: var(--md-blockquote-padding-vertical) var(--md-blockquote-padding-horizontal);\n    border-left: var(--md-blockquote-border-left);\n    background-color: var(--md-blockquote-background-color);\n    color: var(--md-blockquote-text-color);\n    box-shadow: var(--md-blockquote-box-shadow);\n\n    & > p:first-child {\n      margin-top: 0;\n    }\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n    margin: 0 auto;\n\n    &:only-child {\n      display: block;\n    }\n  }\n\n  ul,\n  ol {\n    padding-left: var(--md-list-left-padding);\n    margin: 0 0 var(--md-list-margin);\n\n    ul,\n    ol {\n      margin-bottom: 0;\n      margin-top: 0;\n    }\n  }\n\n  li {\n    margin: var(--md-list-item-margin);\n    list-style: var(--md-list-item-style);\n  }\n\n  ol > li {\n    list-style: var(--md-numbered-list-item-style);\n  }\n\n  ol > li:before {\n    content: counter(list-item);\n    display: var(--md-numbered-list-number-display);\n    color: var(--md-numbered-list-number-text-color);\n    font-size: var(--md-numbered-list-number-font-size);\n    font-family: var(--md-numbered-list-number-font-family);\n    font-weight: var(--md-numbered-list-number-font-weight);\n    background-color: var(--md-numbered-list-number-background-color);\n    border-radius: var(--md-numbered-list-number-border-radius);\n    border: var(--md-numbered-list-number-border);\n    margin-right: var(--md-numbered-list-number-margin-right);\n    padding: var(--md-numbered-list-number-padding);\n  }\n"], ["\n  font-weight: var(--font-weight-regular);\n  padding: 0;\n\n  color: var(--text-color);\n  font-size: var(--font-size-base);\n  font-family: var(--font-family-base);\n  line-height: var(--line-height-base);\n\n  a:not([role='button']) {\n    text-decoration: var(--link-decoration);\n    color: var(--link-text-color);\n    font-weight: var(--link-font-weight);\n\n    &:visited {\n      color: var(--link-visited-text-color);\n      text-decoration: var(--link-visited-decoration);\n    }\n\n    &:hover {\n      text-decoration: var(--link-hover-decoration);\n      color: var(--link-hover-text-color);\n    }\n\n    &:focus {\n      color: var(--link-active-text-color);\n      text-decoration: var(--link-active-decoration);\n    }\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  h1.md,\n  h2.md,\n  h3.md,\n  h4.md,\n  h5.md,\n  h6.md {\n    font-weight: var(--heading-font-weight);\n    font-family: var(--heading-font-family);\n    position: relative;\n\n    scroll-margin-top: 60px;\n  }\n\n  strong {\n    font-weight: var(--font-weight-bold);\n  }\n\n  hr {\n    border-top: 1px solid var(--md-hr-border-color);\n    background-color: var(--md-hr-background-color);\n    height: var(--md-hr-height);\n    margin: var(--md-hr-margin-vertical) 0;\n  }\n\n  details {\n    margin: 1.125em 0;\n\n    summary {\n      color: var(--text-color);\n      font-weight: var(--font-weight-regular);\n      outline: 0;\n      padding: 0;\n      cursor: pointer;\n    }\n\n    > :not(summary):first-of-type {\n      margin-top: 1.25em;\n    }\n\n    > *:last-child {\n      margin-bottom: 1.25em;\n    }\n  }\n\n  ", ";\n\n  .code-snippets-tabs {\n    .snippets-tabs-headers {\n      font-size: 0.9em;\n\n      font-family: var(--heading-font-family);\n\n      .tab-header {\n        text-align: center;\n        padding: 0.2em 0.5em;\n        display: inline-block;\n        cursor: pointer;\n        color: var(--text-color-secondary);\n\n        &.active {\n          color: var(--heading-text-color);\n          font-weight: var(--font-weight-bold);\n        }\n      }\n    }\n\n    .tab-content {\n      margin-top: 4px;\n      display: none;\n\n      pre {\n        margin-top: 0;\n      }\n\n      &.active {\n        display: block;\n      }\n    }\n  }\n\n  p {\n    margin: var(--md-paragraph-margin-vertical) var(--md-paragraph-margin-horizontal);\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  h1.md {\n    ", ";\n    margin: var(--h1-margin-top) 0 var(--h1-margin-bottom) 0;\n    ", ";\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  h2.md {\n    ", ";\n    margin: var(--h2-margin-top) 0 var(--h2-margin-bottom) 0;\n    ", ";\n  }\n\n  h3.md {\n    ", ";\n    margin: var(--h3-margin-top) 0 var(--h3-margin-bottom) 0;\n    ", ";\n  }\n\n  h4.md {\n    ", ";\n    margin: var(--h4-margin-top) 0 var(--h4-margin-bottom) 0;\n    ", ";\n  }\n\n  h5.md {\n    ", ";\n    margin: var(--h5-margin-top) 0 var(--h5-margin-bottom) 0;\n    ", ";\n  }\n\n  h6.md {\n    ", ";\n    margin: var(--h6-margin-top) 0 var(--h6-margin-bottom) 0;\n    ", ";\n  }\n\n  h1.md code {\n    font-size: var(--h1-font-size);\n  }\n\n  h2.md code {\n    font-size: var(--h2-font-size);\n  }\n\n  h3.md code {\n    font-size: var(--h3-font-size);\n  }\n\n  h4.md code {\n    font-size: var(--h4-font-size);\n  }\n\n  h5.md code {\n    font-size: var(--h5-font-size);\n  }\n\n  h6.md code {\n    font-size: var(--h6-font-size);\n  }\n\n  code {\n    color: var(--inline-code-text-color);\n    background-color: var(--inline-code-background-color);\n\n    border-radius: var(--inline-code-border-radius);\n    border: 1px solid var(--inline-code-border-color);\n    padding: 0.1em 0.25em 0.2em;\n    font-weight: var(--code-font-weight);\n    word-break: break-word;\n    font-size: var(--inline-code-font-size);\n    font-family: var(--code-font-family);\n  }\n\n  blockquote {\n    margin: var(--md-blockquote-margin-vertical) var(--md-blockquote-margin-horizontal);\n    padding: var(--md-blockquote-padding-vertical) var(--md-blockquote-padding-horizontal);\n    border-left: var(--md-blockquote-border-left);\n    background-color: var(--md-blockquote-background-color);\n    color: var(--md-blockquote-text-color);\n    box-shadow: var(--md-blockquote-box-shadow);\n\n    & > p:first-child {\n      margin-top: 0;\n    }\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n    margin: 0 auto;\n\n    &:only-child {\n      display: block;\n    }\n  }\n\n  ul,\n  ol {\n    padding-left: var(--md-list-left-padding);\n    margin: 0 0 var(--md-list-margin);\n\n    ul,\n    ol {\n      margin-bottom: 0;\n      margin-top: 0;\n    }\n  }\n\n  li {\n    margin: var(--md-list-item-margin);\n    list-style: var(--md-list-item-style);\n  }\n\n  ol > li {\n    list-style: var(--md-numbered-list-item-style);\n  }\n\n  ol > li:before {\n    content: counter(list-item);\n    display: var(--md-numbered-list-number-display);\n    color: var(--md-numbered-list-number-text-color);\n    font-size: var(--md-numbered-list-number-font-size);\n    font-family: var(--md-numbered-list-number-font-family);\n    font-weight: var(--md-numbered-list-number-font-weight);\n    background-color: var(--md-numbered-list-number-background-color);\n    border-radius: var(--md-numbered-list-number-border-radius);\n    border: var(--md-numbered-list-number-border);\n    margin-right: var(--md-numbered-list-number-margin-right);\n    padding: var(--md-numbered-list-number-padding);\n  }\n"])), exports.baseTable, (0, utils_1.typography)('h1', 'h'), headingAnchor(), (0, utils_1.typography)('h2', 'h'), headingAnchor(), (0, utils_1.typography)('h3', 'h'), headingAnchor(), (0, utils_1.typography)('h4', 'h'), headingAnchor(), (0, utils_1.typography)('h5', 'h'), headingAnchor(), (0, utils_1.typography)('h6', 'h'), headingAnchor());
-var templateObject_1, templateObject_2, templateObject_3;

package/Markdown/Mermaid.js

@@ -1,19 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Mermaid = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-function Mermaid(_a) {
-    var diagramHtml = _a.diagramHtml;
-    return (react_1.default.createElement(Wrapper, { className: "mermaid-wrapper", dangerouslySetInnerHTML: { __html: diagramHtml }, "data-component-name": "Markdown/Mermaid" }));
-}
-exports.Mermaid = Mermaid;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .mermaid > svg {\n    font-size: 14px !important;\n    max-width: 100%;\n  }\n"], ["\n  .mermaid > svg {\n    font-size: 14px !important;\n    max-width: 100%;\n  }\n"])));
-var templateObject_1;

package/Markdown/PageWrapper.js

@@ -1,15 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageWrapper = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.PageWrapper = styled_components_1.default.div.attrs(function () { return ({
-    'data-component-name': 'Markdown/PageWrapper',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  width: 100%;\n"], ["\n  display: flex;\n  flex: 1;\n  width: 100%;\n"])));
-var templateObject_1;

package/Markdown/Sup.js

@@ -1,19 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sup = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-function Sup(_a) {
-    var children = _a.children;
-    return react_1.default.createElement(Wrapper, { "data-component-name": "Markdown/Sup" }, children);
-}
-exports.Sup = Sup;
-var Wrapper = styled_components_1.default.sup(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;

package/Markdown/Tabs/Tab.js

@@ -1,24 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-function Tab(_a) {
-    var activeTab = _a.activeTab, label = _a.label, onClick = _a.onClick;
-    var isActive = activeTab === label;
-    return (react_1.default.createElement(TabItem, { active: isActive, onClick: function () { return onClick(label); }, "data-component-name": "Markdown/Tabs/Tab" }, label));
-}
-exports.Tab = Tab;
-var TabItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  list-style: none;\n  margin-bottom: -1px;\n  padding: 0.75rem 1rem;\n  cursor: pointer;\n\n  ", "\n"], ["\n  display: inline-block;\n  list-style: none;\n  margin-bottom: -1px;\n  padding: 0.75rem 1rem;\n  cursor: pointer;\n\n  ", "\n"])), function (_a) {
-    var active = _a.active;
-    return active &&
-        "\n    background-color: white;\n    border: solid #ccc;\n    border-width: 1px 1px 0 1px;\n  ";
-});
-var templateObject_1;

package/Markdown/Tabs/Tabs.js

@@ -1,72 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Tab_1 = require("../../Markdown/Tabs/Tab");
-function Tabs(_a) {
-    var children = _a.children;
-    var _b = __read((0, react_1.useState)(children[0].props.label), 2), activeTab = _b[0], setActiveTab = _b[1];
-    var onTabSelect = function (label) { return setActiveTab(label); };
-    return (react_1.default.createElement(TabsContainer, { "data-component-name": "Markdown/Tabs/Tabs" },
-        react_1.default.createElement(TabList, null, children.map(function (child) {
-            var label = child.props.label;
-            return react_1.default.createElement(Tab_1.Tab, { activeTab: activeTab, key: label, label: label, onClick: onTabSelect });
-        })),
-        react_1.default.createElement(TabContent, null, children.map(function (child) {
-            if (child.props.label !== activeTab)
-                return undefined;
-            return child.props.children;
-        }))));
-}
-exports.Tabs = Tabs;
-var TabsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 10px 0;\n"], ["\n  margin: 10px 0;\n"])));
-var TabList = styled_components_1.default.ol(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: 1px solid #ccc;\n  padding: 0;\n  margin-block-end: 0;\n"], ["\n  border-bottom: 1px solid #ccc;\n  padding: 0;\n  margin-block-end: 0;\n"])));
-var TabContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 10px 5px;\n  border: 1px solid #ccc;\n  border-top: none;\n  padding: 1rem;\n"], ["\n  padding: 10px 5px;\n  border: 1px solid #ccc;\n  border-top: none;\n  padding: 1rem;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;

package/Navbar/MobileNavbarDropdown.js

@@ -1,21 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileDropdownWrapper = exports.MobileNavbarDropdown = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Link_1 = require("../mocks/Link");
-function MobileNavbarDropdown(_a) {
-    var items = _a.items;
-    return (react_1.default.createElement(exports.MobileDropdownWrapper, { "data-component-name": "Navbar/MobileNavbarDropdown" }, items.map(function (item, index) { return (react_1.default.createElement("div", { key: "".concat(item.label, "_").concat(index) },
-        react_1.default.createElement(Link_1.Link, { to: item.link }, item.label))); })));
-}
-exports.MobileNavbarDropdown = MobileNavbarDropdown;
-exports.MobileDropdownWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0 15px;\n  width: max-content;\n  transition: all 0.2s ease-in-out;\n  overflow: hidden;\n  box-shadow: var(--navbar-dropdown-shadow);\n  & > div {\n    padding: 10px 0;\n    cursor: pointer;\n    a {\n      color: var(--navbar-text-color);\n      text-decoration: none;\n    }\n  }\n"], ["\n  padding: 0 15px;\n  width: max-content;\n  transition: all 0.2s ease-in-out;\n  overflow: hidden;\n  box-shadow: var(--navbar-dropdown-shadow);\n  & > div {\n    padding: 10px 0;\n    cursor: pointer;\n    a {\n      color: var(--navbar-text-color);\n      text-decoration: none;\n    }\n  }\n"])));
-var templateObject_1;

package/Navbar/MobileNavbarItem.js

@@ -1,102 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavLink = exports.NavMenuItemWithDropdownWrapper = exports.NavMenuItem = exports.MobileNavbarItem = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var react_router_dom_1 = require("react-router-dom");
-var Link_1 = require("../mocks/Link");
-var utils_1 = require("../mocks/utils");
-var MobileNavbarDropdown_1 = require("../Navbar/MobileNavbarDropdown");
-function MobileNavbarItem(_a) {
-    var navItem = _a.navItem, className = _a.className;
-    var pathname = (0, react_router_dom_1.useLocation)().pathname;
-    var _b = __read((0, react_1.useState)(false), 2), expandedDropdown = _b[0], setExpandedDropdown = _b[1];
-    var toggleDropdown = function () { return setExpandedDropdown(!expandedDropdown); };
-    if (navItem.link) {
-        var item = navItem;
-        var isActive = pathname === (0, utils_1.withPathPrefix)(item.link);
-        return (react_1.default.createElement(exports.NavMenuItem, { active: isActive, "data-component-name": "Navbar/MobileNavbarItem", className: className },
-            react_1.default.createElement(exports.NavLink, { to: item.link, active: isActive },
-                react_1.default.createElement(NavLabel, null, item.label))));
-    }
-    if (navItem.items) {
-        var item = navItem;
-        return (react_1.default.createElement(exports.NavMenuItemWithDropdownWrapper, { expanded: expandedDropdown },
-            react_1.default.createElement(exports.NavMenuItem, { active: false, onClick: toggleDropdown, "data-component-name": "Navbar/MobileNavbarItem", className: className },
-                react_1.default.createElement(NavLabel, null, item.label),
-                react_1.default.createElement(ExpandedArrow, null)),
-            react_1.default.createElement(MobileNavbarDropdown_1.MobileNavbarDropdown, { items: item.items })));
-    }
-    return null;
-}
-exports.MobileNavbarItem = MobileNavbarItem;
-var ExpandedArrow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 5px;\n  height: 5px;\n  border: 1px solid;\n  border-left: none;\n  border-top: none;\n  transition: all 0.3s ease-out;\n"], ["\n  width: 5px;\n  height: 5px;\n  border: 1px solid;\n  border-left: none;\n  border-top: none;\n  transition: all 0.3s ease-out;\n"])));
-exports.NavMenuItem = styled_components_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--navbar-item-padding-horizontal);\n  text-align: left;\n  line-height: 1;\n  font-size: var(--navbar-item-font-size);\n  font-weight: var(--navbar-item-font-weight);\n  background: ", ";\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--navbar-item-padding-horizontal);\n  text-align: left;\n  line-height: 1;\n  font-size: var(--navbar-item-font-size);\n  font-weight: var(--navbar-item-font-weight);\n  background: ", ";\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n  }\n"])), function (_a) {
-    var active = _a.active;
-    return (active ? 'var(--navbar-item-active-background-color)' : 'none');
-});
-exports.NavMenuItemWithDropdownWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n  border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n\n  ", " {\n    transform: rotate(", "45deg);\n  }\n\n  ", " {\n    height: ", ";\n    opacity: ", ";\n  }\n\n  ", " {\n    border-bottom: none;\n  }\n"], ["\n  display: inline-block;\n  position: relative;\n  border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n\n  ", " {\n    transform: rotate(", "45deg);\n  }\n\n  ", " {\n    height: ", ";\n    opacity: ", ";\n  }\n\n  ", " {\n    border-bottom: none;\n  }\n"])), ExpandedArrow, function (_a) {
-    var expanded = _a.expanded;
-    return (expanded ? '' : '-');
-}, MobileNavbarDropdown_1.MobileDropdownWrapper, function (_a) {
-    var expanded = _a.expanded;
-    return (expanded ? '100%' : '0');
-}, function (_a) {
-    var expanded = _a.expanded;
-    return (expanded ? '1' : '0');
-}, exports.NavMenuItem);
-exports.NavLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  text-decoration: ", ";\n"], ["\n  color: ", ";\n  text-decoration: ", ";\n"])), function (_a) {
-    var active = _a.active;
-    return active ? 'var(--navbar-item-active-text-color)' : 'var(--navbar-text-color)';
-}, function (_a) {
-    var active = _a.active;
-    return active ? 'var(--navbar-item-active-text-decoration)' : 'none';
-});
-var NavLabel = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  cursor: pointer;\n  vertical-align: middle;\n"], ["\n  cursor: pointer;\n  vertical-align: middle;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/Navbar/MobileNavbarMenu.js

@@ -1,32 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileNavbarMenu = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var NavbarItem_1 = require("../Navbar/NavbarItem");
-var MobileNavbarItem_1 = require("../Navbar/MobileNavbarItem");
-var NavbarDropdown_1 = require("../Navbar/NavbarDropdown");
-var utils_1 = require("../utils");
-function MobileNavbarMenu(_a) {
-    var menuItems = _a.menuItems, closeMenu = _a.closeMenu;
-    if ((0, utils_1.isPrimitive)(menuItems) || (0, utils_1.isEmptyArray)(menuItems)) {
-        return null;
-    }
-    return (react_1.default.createElement(NavbarItemsWrapper, { "data-component-name": "Navbar/MobileNavbarMenu" },
-        react_1.default.createElement(NavbarItemsContainer, null, menuItems.map(function (navItem, index) {
-            return (react_1.default.createElement(MobileNavbarItem_1.MobileNavbarItem, { key: "".concat(navItem.label, "_").concat(index), "data-cy": navItem.label, navItem: navItem }));
-        })),
-        react_1.default.createElement(NavbarItemsClosableArea, { onClick: closeMenu })));
-}
-exports.MobileNavbarMenu = MobileNavbarMenu;
-var NavbarItemsWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  z-index: 201; //more than Search\n  left: 0;\n  top: 0;\n  overflow-x: hidden;\n  transition: 0.5s;\n  display: flex;\n  ", " {\n    & > div {\n      text-align: center;\n      padding: 10px 0;\n      cursor: pointer;\n      a {\n        color: var(--navbar-text-color);\n        text-decoration: none;\n      }\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  z-index: 201; //more than Search\n  left: 0;\n  top: 0;\n  overflow-x: hidden;\n  transition: 0.5s;\n  display: flex;\n  ", " {\n    & > div {\n      text-align: center;\n      padding: 10px 0;\n      cursor: pointer;\n      a {\n        color: var(--navbar-text-color);\n        text-decoration: none;\n      }\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n"])), NavbarDropdown_1.DropdownWrapper);
-var NavbarItemsClosableArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  min-width: 50px;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.4);\n"], ["\n  display: flex;\n  flex: 1;\n  min-width: 50px;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.4);\n"])));
-var NavbarItemsContainer = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 70%;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--navbar-background-color);\n\n  ", " {\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n    }\n    border-radius: 0;\n    padding: 1em 0;\n    width: 100%;\n  }\n\n  ", " {\n    display: block;\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n      border-radius: 0;\n    }\n    ", " {\n      border-bottom: none;\n    }\n  }\n\n  ", " {\n    background-color: var(--navbar-background-color);\n    width: 100%;\n    padding: 0;\n    position: relative;\n  }\n"], ["\n  width: 70%;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--navbar-background-color);\n\n  ", " {\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n    }\n    border-radius: 0;\n    padding: 1em 0;\n    width: 100%;\n  }\n\n  ", " {\n    display: block;\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n      border-radius: 0;\n    }\n    ", " {\n      border-bottom: none;\n    }\n  }\n\n  ", " {\n    background-color: var(--navbar-background-color);\n    width: 100%;\n    padding: 0;\n    position: relative;\n  }\n"])), NavbarItem_1.NavbarMenuItem, NavbarItem_1.NavbarMenuItemWithDropdownWrapper, NavbarItem_1.NavbarMenuItem, NavbarDropdown_1.DropdownWrapper);
-var templateObject_1, templateObject_2, templateObject_3;

package/Navbar/MobileNavbarMenuButton.js

@@ -1,19 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileNavbarMenuButton = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Burger_1 = require("../ui/Burger");
-exports.MobileNavbarMenuButton = (0, styled_components_1.default)(Burger_1.Burger).attrs(function () { return ({
-    'data-component-name': 'Navbar/MobileNavbarMenuButton',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n\n  ", " {\n    display: none;\n  }\n"], ["\n  display: block;\n\n  ", " {\n    display: none;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-});
-var templateObject_1;