@redocly/theme 0.4.15 → 0.4.16

package/lib/Button/Button.js

@@ -0,0 +1,156 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.baseButtonStyles = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const Link_1 = require("../mocks/Link");
+const getBlink = () => (0, styled_components_1.keyframes) `
+  0% {
+    color: var(--button-color);
+    background-color: var(--button-active-background-color);
+  }
+
+  50% {
+    background-color: var(--button-background-color);
+  }
+
+  100% {
+    color: var(--button-color);
+    background-color: var(--button-active-background-color);
+  }
+`;
+const getSize = (size = 'medium') => (0, styled_components_1.css) `
+  font-size: var(--button-${size}-font-size);
+  padding: var(--button-${size}-padding);
+  min-width: var(--button-${size}-min-width);
+`;
+exports.baseButtonStyles = (0, styled_components_1.css) `
+  outline: none;
+  border: none;
+  border-radius: var(--button-border-radius);
+  font-weight: var(--button-font-weight);
+  font-size: 14px;
+  padding: 2px 20px;
+  margin: var(--button-margin);
+  cursor: pointer;
+  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
+  line-height: 1;
+
+  font-family: var(--button-font-family);
+  box-shadow: var(--button-box-shadow);
+
+  &:hover {
+    box-shadow: var(--button-hover-box-shadow);
+  }
+
+  &:active {
+    box-shadow: var(--button-active-box-shadow);
+  }
+`;
+const StyledButton = styled_components_1.default.button.attrs(({ color = 'default', extraClass }) => ({
+    className: `button-color-${color}${extraClass ? ` ${extraClass}` : ''}`,
+    'data-component-name': 'Button/Button',
+})) `
+  text-decoration: none;
+  text-align: center;
+
+  width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
+
+  ${exports.baseButtonStyles}
+
+  ${({ variant }) => variant === 'outlined'
+    ? (0, styled_components_1.css) `
+          color: var(--button-background-color);
+          border: 2px solid var(--button-border-color);
+          background-color: transparent;
+          &:hover {
+            color: var(--button-hover-background-color);
+            border: 2px solid var(--button-hover-border-color);
+          }
+
+          &:active {
+            color: var(--button-active-background-color);
+            border: 2px solid var(--button-active-border-color);
+          }
+
+          &:disabled {
+            color: var(--button-disabled-background-color);
+            background-color: transparent;
+          }
+        `
+    : (0, styled_components_1.css) `
+          color: var(--button-color);
+          border: 2px solid var(--button-background-color);
+          background-color: var(--button-background-color);
+          &:hover {
+            border: 2px solid var(--button-hover-background-color);
+            background-color: var(--button-hover-background-color);
+          }
+
+          &:active {
+            border: 2px solid var(--button-active-background-color);
+            background-color: var(--button-active-background-color);
+          }
+        `};
+
+  ${({ size }) => getSize(size)}
+
+  & + & {
+    margin-left: 0.85em;
+  }
+
+  ${({ blinking }) => blinking &&
+    (0, styled_components_1.css) `
+      pointer-events: none;
+      animation: ${getBlink()} 1.2s infinite;
+    `}
+
+  ${({ disabled }) => disabled &&
+    (0, styled_components_1.css) `
+      &,
+      &:hover {
+        cursor: default;
+        color: var(--button-disabled-color);
+        background-color: var(--button-disabled-background-color);
+        border-color: var(--button-disabled-background-color);
+        pointer-events: none;
+      }
+    `}
+`;
+const ButtonComponent = (props) => {
+    if (props.to) {
+        return (react_1.default.createElement(Link_1.Link, { to: props.to },
+            react_1.default.createElement(StyledButton, Object.assign({}, props))));
+    }
+    else {
+        return react_1.default.createElement(StyledButton, Object.assign({}, props));
+    }
+};
+exports.Button = (0, styled_components_1.default)(ButtonComponent) ``;
+//# sourceMappingURL=Button.js.map

package/{Button → lib/Button}/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("../Button/Button"), exports);
+//# sourceMappingURL=index.js.map

package/lib/Cards/Card.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Link_1 = require("../mocks/Link");
+const Typography_1 = require("../Typography");
+function Card(props) {
+    return (react_1.default.createElement(CardWrapper, { "data-component-name": "Cards/Card" },
+        props.icon && react_1.default.createElement("img", { src: props === null || props === void 0 ? void 0 : props.icon, alt: props === null || props === void 0 ? void 0 : props.title }),
+        props.title && react_1.default.createElement(Typography_1.H3, null, props.title),
+        props.links.items && (react_1.default.createElement(CardLinksList, null, props.links.items.map((item) => (react_1.default.createElement("li", { key: item.label },
+            react_1.default.createElement(Link_1.Link, { to: item.link }, item.label))))))));
+}
+exports.Card = Card;
+const CardWrapper = styled_components_1.default.div `
+  border-radius: 10px;
+  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);
+  padding: 20px;
+  margin: 0 20px 20px 0;
+  min-width: 25%;
+  font-family: var(--font-family-base);
+`;
+const CardLinksList = styled_components_1.default.ul `
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  li {
+    margin-bottom: 10px;
+  }
+`;
+//# sourceMappingURL=Card.js.map

package/lib/Cards/CardsBlock.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardsBlock = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.CardsBlock = styled_components_1.default.div.attrs(() => ({
+    'data-component-name': 'Cards/CardsBlock',
+})) `
+  display: flex;
+  padding: 20px 0;
+  justify-content: space-between;
+`;
+//# sourceMappingURL=CardsBlock.js.map

package/lib/CodeBlock/CodeBlock.js

@@ -0,0 +1,103 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeBlock = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../utils");
+exports.CodeBlock = styled_components_1.default.div.attrs(() => ({
+    'data-component-name': 'CodeBlock/CodeBlock',
+})) `
+  max-height: var(--code-block-max-height, 600px);
+  word-break: var(--code-block-word-break, initial);
+  /**
+  * Based on prism-dark.css
+  */
+  code[class*='language-'],
+  pre[class*='language-'] {
+    text-shadow: 0 -0.1em 0.2em black;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
+  }
+
+  @media print {
+    code[class*='language-'],
+    pre[class*='language-'] {
+      text-shadow: none;
+    }
+  }
+
+  /* Code blocks */
+  pre[class*='language-'] {
+    padding: 1em;
+    margin: 0.5em 0;
+    overflow: auto;
+  }
+
+  .token.punctuation {
+    opacity: 1;
+  }
+
+  .namespace {
+    opacity: 0.7;
+  }
+
+  .token.selector,
+  .token.attr-name,
+  .token.string,
+  .token.char,
+  .token.builtin,
+  .token.inserted {
+    & + a,
+    & + a:visited {
+      color: var(--code-block-tokens-link-color);
+      text-decoration: underline;
+    }
+  }
+
+  .token.property.string {
+    color: var(--code-block-tokens-property-string-color);
+  }
+
+  .token.important,
+  .token.bold {
+    font-weight: bold;
+  }
+
+  .token.italic {
+    font-style: italic;
+  }
+
+  .token.entity {
+    cursor: help;
+  }
+
+  .code-line {
+    &:before {
+      content: attr(data-line-number);
+      display: inline-block;
+      min-width: 2em;
+      padding-right: 0.8em;
+      text-align: right;
+      pointer-events: none;
+      user-select: none;
+    }
+  }
+
+  ${(0, utils_1.generateCodeBlockTokens)()}
+`;
+//# sourceMappingURL=CodeBlock.js.map

package/{CodeBlock → lib/CodeBlock}/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("../CodeBlock/CodeBlock"), exports);
+//# sourceMappingURL=index.js.map

package/{ColorModeSwitcher → lib/ColorModeSwitcher}/ColorModeSwitcher.js

@@ -1,8 +1,4 @@
 "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);
@@ -26,51 +22,35 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.ColorModeSwitcher = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var ColorModeIcon_1 = require("../icons/ColorModeIcon");
-var hooks_1 = require("../hooks");
-var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const ColorModeIcon_1 = require("../icons/ColorModeIcon");
+const hooks_1 = require("../hooks");
+const useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
 function ColorModeSwitcher() {
-    var themeSettings = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)();
-    var colorMode = themeSettings.colorMode;
-    var _a = __read((0, react_1.useState)(''), 2), activeColorMode = _a[0], setActiveColorMode = _a[1];
-    (0, hooks_1.useMount)(function () {
+    const themeSettings = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)();
+    const colorMode = themeSettings.colorMode;
+    const [activeColorMode, setActiveColorMode] = (0, react_1.useState)('');
+    (0, hooks_1.useMount)(() => {
         setActiveColorMode(document.documentElement.className || (colorMode === null || colorMode === void 0 ? void 0 : colorMode.default));
     });
     if (!(colorMode === null || colorMode === void 0 ? void 0 : colorMode.modes) || (colorMode === null || colorMode === void 0 ? void 0 : colorMode.hide)) {
         return null;
     }
-    var handelChangeColorMode = function () {
-        var activeIndex = colorMode.modes.indexOf(activeColorMode);
-        var mode = activeIndex < colorMode.modes.length - 1
+    const handelChangeColorMode = () => {
+        const activeIndex = colorMode.modes.indexOf(activeColorMode);
+        const mode = activeIndex < colorMode.modes.length - 1
             ? colorMode.modes[activeIndex + 1]
             : colorMode.modes[0];
         setActiveColorMode(mode);
         localStorage.setItem('colorSchema', mode);
-        document.documentElement.className = "".concat(mode, " notransition");
-        window.requestAnimationFrame(function () {
+        document.documentElement.className = `${mode} notransition`;
+        window.requestAnimationFrame(() => {
             document.documentElement.classList.remove('notransition');
         });
     };
@@ -78,5 +58,11 @@ function ColorModeSwitcher() {
         react_1.default.createElement(ColorModeIcon_1.ColorModeIcon, { mode: activeColorMode })));
 }
 exports.ColorModeSwitcher = ColorModeSwitcher;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: var(--navbar-item-padding-horizontal);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n"], ["\n  margin-left: var(--navbar-item-padding-horizontal);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n"])));
-var templateObject_1;
+const Wrapper = styled_components_1.default.div `
+  margin-left: var(--navbar-item-padding-horizontal);
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+`;
+//# sourceMappingURL=ColorModeSwitcher.js.map

package/{ColorModeSwitcher → lib/ColorModeSwitcher}/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("../ColorModeSwitcher/ColorModeSwitcher"), exports);
+//# sourceMappingURL=index.js.map

package/lib/CopyButton/CopyButton.js

@@ -0,0 +1,50 @@
+"use strict";
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyButton = void 0;
+const react_1 = __importStar(require("react"));
+const Button_1 = require("../Button");
+const CopyButton = ({ text, dataTestId = 'copy-button' }) => {
+    const [title, setTitle] = (0, react_1.useState)('Copy');
+    function write() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield navigator.clipboard.writeText(text);
+            setTitle('Copied!');
+            setTimeout(() => setTitle('Copy'), 1500);
+        });
+    }
+    return (react_1.default.createElement(Button_1.Button, { color: "secondary", onClick: write, "data-cy": dataTestId, "data-component-name": "CopyButton/CopyButton" }, title));
+};
+exports.CopyButton = CopyButton;
+//# sourceMappingURL=CopyButton.js.map

package/{CopyButton → lib/CopyButton}/CopyButtonWrapper.js

@@ -24,31 +24,30 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyButtonWrapper = void 0;
-var react_1 = __importStar(require("react"));
-var SamplesPanelControls_1 = require("../SamplesPanelControls");
-var Tooltip_1 = require("../Tooltip");
-var hooks_1 = require("../hooks");
-var utils_1 = require("../utils");
-function CopyButtonWrapperComponent(_a) {
-    var data = _a.data, children = _a.children, onCopyClick = _a.onCopyClick, _b = _a.dataTestId, dataTestId = _b === void 0 ? 'copy-button' : _b;
-    var tooltip = (0, hooks_1.useControl)();
-    var showTooltip = function () {
+const react_1 = __importStar(require("react"));
+const SamplesPanelControls_1 = require("../SamplesPanelControls");
+const Tooltip_1 = require("../Tooltip");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
+function CopyButtonWrapperComponent({ data, children, onCopyClick, dataTestId = 'copy-button', }) {
+    const tooltip = (0, hooks_1.useControl)();
+    const showTooltip = () => {
         tooltip.handleOpen();
-        setTimeout(function () {
+        setTimeout(() => {
             tooltip.handleClose();
         }, 1500);
     };
-    var copy = function () {
-        var content = typeof data === 'string' ? data : JSON.stringify(data, null, 2);
+    const copy = () => {
+        const content = typeof data === 'string' ? data : JSON.stringify(data, null, 2);
         utils_1.ClipboardService.copyCustom(content);
         showTooltip();
         onCopyClick === null || onCopyClick === void 0 ? void 0 : onCopyClick();
     };
-    var renderCopyButton = function (placement) {
-        if (placement === void 0) { placement = 'top'; }
+    const renderCopyButton = (placement = 'top') => {
         return (react_1.default.createElement(Tooltip_1.Tooltip, { className: "copy-button", tip: utils_1.ClipboardService.isSupported() ? 'Copied' : 'Not supported in your browser', isOpen: tooltip.isOpened, placement: placement },
             react_1.default.createElement(SamplesPanelControls_1.SamplesControlButton, { onClick: copy, "data-cy": dataTestId }, "Copy")));
     };
-    return children({ renderCopyButton: renderCopyButton });
+    return children({ renderCopyButton });
 }
 exports.CopyButtonWrapper = (0, react_1.memo)(CopyButtonWrapperComponent);
+//# sourceMappingURL=CopyButtonWrapper.js.map

package/{CopyButton → lib/CopyButton}/index.js

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("../CopyButton/CopyButtonWrapper"), exports);
 __exportStar(require("../CopyButton/CopyButton"), exports);
+//# sourceMappingURL=index.js.map

package/lib/EditPageButton/EditPageButton.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditPageButton = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Link_1 = require("../mocks/Link");
+const EditPageButton = ({ text, to, icon }) => {
+    return (react_1.default.createElement(EditButton, { to: to },
+        react_1.default.createElement(ButtonIcon, { src: icon }),
+        react_1.default.createElement(ButtonText, null, text)));
+};
+exports.EditPageButton = EditPageButton;
+const EditButton = (0, styled_components_1.default)(Link_1.Link) `
+  margin-left: auto;
+  display: inline-flex;
+  color: var(--color-content);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-base);
+  text-decoration: none;
+`;
+const ButtonIcon = styled_components_1.default.img `
+  height: 14px;
+  padding-right: 3px;
+`;
+const ButtonText = styled_components_1.default.span `
+  line-height: 14px;
+`;
+//# sourceMappingURL=EditPageButton.js.map

package/{EditPageButton → lib/EditPageButton}/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("../EditPageButton/EditPageButton"), exports);
+//# sourceMappingURL=index.js.map

package/lib/Footer/CustomFooter.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomFooter = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const CustomFooterNavItem_1 = require("../Footer/CustomFooterNavItem");
+const FooterCopyright_1 = require("../Footer/FooterCopyright");
+function CustomFooter({ data }) {
+    if (!data) {
+        return null;
+    }
+    return (react_1.default.createElement(FooterContainer, { "data-component-name": "Footer/CustomFooter" },
+        data.links.map((navItem, index) => {
+            return (react_1.default.createElement(CustomFooterNavItem_1.CustomFooterNavItem, { key: `${navItem.label}_${index}`, "data-cy": navItem.label, navItem: navItem }));
+        }),
+        react_1.default.createElement(FooterCopyright_1.FooterCopyright, { copyrightText: data.copyrightText })));
+}
+exports.CustomFooter = CustomFooter;
+const FooterContainer = styled_components_1.default.div `
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: block;
+  background-color: var(--footer-background-color);
+  text-align: center;
+  font-family: var(--font-family-base);
+
+  ${({ theme }) => theme.mediaQueries.medium} {
+    display: block;
+  }
+`;
+//# sourceMappingURL=CustomFooter.js.map