@redocly/theme 0.4.7 → 0.4.8

package/Button/Button.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { FlattenSimpleInterpolation } from 'styled-components';
+import type { FlattenSimpleInterpolation } from 'styled-components';
+import type { FC } from 'react';
 export declare type ButtonSize = 'small' | 'medium' | 'large' | 'xlarge' | string;
 export declare type ButtonColor = 'primary' | 'secondary' | 'default' | string;
 export declare type ButtonVariant = 'outlined' | 'contained';
@@ -15,4 +15,4 @@ export interface ButtonProps {
     onClick?: (e?: any) => void;
 }
 export declare const baseButtonStyles: FlattenSimpleInterpolation;
-export declare const Button: import("styled-components").StyledComponent<React.FC<ButtonProps>, any, {}, never>;
+export declare const Button: import("styled-components").StyledComponent<FC<ButtonProps>, any, {}, never>;

package/Button/Button.js

@@ -37,12 +37,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importStar(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 var getBlink = function () { return (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    color: var(--button-color);\n    background-color: var(--button-active-background-color);\n  }\n\n  50% {\n    background-color: var(--button-background-color);\n  }\n\n  100% {\n    color: var(--button-color);\n    background-color: var(--button-active-background-color);\n  }\n"], ["\n  0% {\n    color: var(--button-color);\n    background-color: var(--button-active-background-color);\n  }\n\n  50% {\n    background-color: var(--button-background-color);\n  }\n\n  100% {\n    color: var(--button-color);\n    background-color: var(--button-active-background-color);\n  }\n"]))); };
@@ -76,11 +73,10 @@ var StyledButton = styled_components_1.default.button.attrs(function (_a) {
 });
 var ButtonComponent = function (props) {
     if (props.to) {
-        return (react_1.default.createElement(Link_1.Link, { to: props.to },
-            react_1.default.createElement(StyledButton, __assign({}, props))));
+        return ((0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ to: props.to }, { children: (0, jsx_runtime_1.jsx)(StyledButton, __assign({}, props)) })));
     }
     else {
-        return react_1.default.createElement(StyledButton, __assign({}, props));
+        return (0, jsx_runtime_1.jsx)(StyledButton, __assign({}, props));
     }
 };
 exports.Button = (0, styled_components_1.default)(ButtonComponent)(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));

package/Cards/Card.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ResolvedNavItem } from '@theme/types/portal';
+import type { ResolvedNavItem } from '@theme/types/portal';
 export interface CardProps {
     title?: string;
     icon?: string;

package/Cards/Card.js

@@ -3,23 +3,30 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Card = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 var 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(function (item) { return (react_1.default.createElement("li", { key: item.label },
-            react_1.default.createElement(Link_1.Link, { to: item.link }, item.label))); })))));
+    return ((0, jsx_runtime_1.jsxs)(CardWrapper, __assign({ "data-component-name": "Cards/Card" }, { children: [props.icon && (0, jsx_runtime_1.jsx)("img", { src: props === null || props === void 0 ? void 0 : props.icon, alt: props === null || props === void 0 ? void 0 : props.title }), props.title && (0, jsx_runtime_1.jsx)(Typography_1.H3, { children: props.title }), props.links.items && ((0, jsx_runtime_1.jsx)(CardLinksList, { children: props.links.items.map(function (item) { return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ to: item.link }, { children: item.label })) }, item.label)); }) }))] })));
 }
 exports.Card = Card;
-var CardWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 10px;\n  box-shadow: 0px 10px 30px 0px rgba(35, 35, 35, 0.1);\n  padding: 20px;\n  margin: 0 20px 20px 0;\n  min-width: 25%;\n  font-family: var(--font-family-base);\n"], ["\n  border-radius: 10px;\n  box-shadow: 0px 10px 30px 0px rgba(35, 35, 35, 0.1);\n  padding: 20px;\n  margin: 0 20px 20px 0;\n  min-width: 25%;\n  font-family: var(--font-family-base);\n"])));
+var CardWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 10px;\n  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n  padding: 20px;\n  margin: 0 20px 20px 0;\n  min-width: 25%;\n  font-family: var(--font-family-base);\n"], ["\n  border-radius: 10px;\n  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n  padding: 20px;\n  margin: 0 20px 20px 0;\n  min-width: 25%;\n  font-family: var(--font-family-base);\n"])));
 var CardLinksList = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  li {\n    margin-bottom: 10px;\n  }\n"], ["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  li {\n    margin-bottom: 10px;\n  }\n"])));
 var templateObject_1, templateObject_2;

package/ColorModeSwitcher/ColorModeSwitcher.js

@@ -3,28 +3,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __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 __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
@@ -47,7 +35,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorModeSwitcher = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 var hooks_1 = require("../mocks/hooks");
 var constants_1 = require("../mocks/constants");
@@ -72,8 +61,7 @@ function ColorModeSwitcher() {
         localStorage.setItem('colorSchema', mode);
         document.documentElement.className = mode;
     };
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "ColorModeSwitcher/ColorModeSwitcher", onClick: handelChangeColorMode },
-        react_1.default.createElement(ColorModeIcon_1.ColorModeIcon, { mode: activeColorMode })));
+    return ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "ColorModeSwitcher/ColorModeSwitcher", onClick: handelChangeColorMode }, { children: (0, jsx_runtime_1.jsx)(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"], ["\n  margin-left: var(--navbar-item-padding-horizontal);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));

package/CopyButton/CopyButton.js

@@ -1,26 +1,14 @@
 "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 __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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -76,7 +64,8 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyButton = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Button_1 = require("../Button");
 var CopyButton = function (_a) {
     var text = _a.text, _b = _a.dataTestId, dataTestId = _b === void 0 ? 'copy-button' : _b;
@@ -95,6 +84,6 @@ var CopyButton = function (_a) {
             });
         });
     }
-    return (react_1.default.createElement(Button_1.Button, { color: "secondary", onClick: write, "data-cy": dataTestId, "data-component-name": "CopyButton/CopyButton" }, title));
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ color: "secondary", onClick: write, "data-cy": dataTestId, "data-component-name": "CopyButton/CopyButton" }, { children: title })));
 };
 exports.CopyButton = CopyButton;

package/CopyButton/CopyButtonWrapper.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
-import { TooltipProps } from '../Tooltip';
+/// <reference types="react" />
+import type { TooltipProps } from '../Tooltip';
 export interface CopyButtonWrapperProps {
     data: unknown;
     children: (props: {
         renderCopyButton: (placement?: TooltipProps['placement']) => JSX.Element;
     }) => JSX.Element;
+    onCopyClick?: () => void;
     dataTestId?: string;
 }
-export declare const CopyButtonWrapper: React.NamedExoticComponent<CopyButtonWrapperProps>;
+export declare const CopyButtonWrapper: import("react").NamedExoticComponent<CopyButtonWrapperProps>;

package/CopyButton/CopyButtonWrapper.js

@@ -1,36 +1,25 @@
 "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 __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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyButtonWrapper = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = 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, _b = _a.dataTestId, dataTestId = _b === void 0 ? 'copy-button' : _b;
+    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 () {
         tooltip.handleOpen();
@@ -42,11 +31,11 @@ function CopyButtonWrapperComponent(_a) {
         var 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'; }
-        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 ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, __assign({ className: "copy-button", tip: utils_1.ClipboardService.isSupported() ? 'Copied' : 'Not supported in your browser', isOpen: tooltip.isOpened, placement: placement }, { children: (0, jsx_runtime_1.jsx)(SamplesPanelControls_1.SamplesControlButton, __assign({ onClick: copy, "data-cy": dataTestId }, { children: "Copy" })) })));
     };
     return children({ renderCopyButton: renderCopyButton });
 }

package/EditPageButton/EditPageButton.js

@@ -3,19 +3,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditPageButton = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 var EditPageButton = function (_a) {
     var text = _a.text, to = _a.to, icon = _a.icon;
-    return (react_1.default.createElement(EditButton, { to: to },
-        react_1.default.createElement(ButtonIcon, { src: icon }),
-        react_1.default.createElement(ButtonText, null, text)));
+    return ((0, jsx_runtime_1.jsxs)(EditButton, __assign({ to: to }, { children: [(0, jsx_runtime_1.jsx)(ButtonIcon, { src: icon }), (0, jsx_runtime_1.jsx)(ButtonText, { children: text })] })));
 };
 exports.EditPageButton = EditPageButton;
 var EditButton = (0, styled_components_1.default)(Link_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: auto;\n  display: inline-flex;\n  color: var(--color-content);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-base);\n  font-family: var(--font-family-base);\n  text-decoration: none;\n"], ["\n  margin-left: auto;\n  display: inline-flex;\n  color: var(--color-content);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-base);\n  font-family: var(--font-family-base);\n  text-decoration: none;\n"])));

package/Footer/CustomFooter.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { NavGroupRecord } from '@theme/types/portal';
+import type { NavGroupRecord } from '@theme/types/portal';
 interface FooterProps {
     data: NavGroupRecord;
 }

package/Footer/CustomFooter.js

@@ -3,12 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomFooter = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var CustomFooterNavItem_1 = require("../Footer/CustomFooterNavItem");
 var FooterCopyright_1 = require("../Footer/FooterCopyright");
@@ -17,11 +28,9 @@ function CustomFooter(_a) {
     if (!data) {
         return null;
     }
-    return (react_1.default.createElement(FooterContainer, { "data-component-name": "Footer/CustomFooter" },
-        data.links.map(function (navItem, index) {
-            return (react_1.default.createElement(CustomFooterNavItem_1.CustomFooterNavItem, { key: "".concat(navItem.label, "_").concat(index), "data-cy": navItem.label, navItem: navItem }));
-        }),
-        react_1.default.createElement(FooterCopyright_1.FooterCopyright, { copyrightText: data.copyrightText })));
+    return ((0, jsx_runtime_1.jsxs)(FooterContainer, __assign({ "data-component-name": "Footer/CustomFooter" }, { children: [data.links.map(function (navItem, index) {
+                return ((0, jsx_runtime_1.jsx)(CustomFooterNavItem_1.CustomFooterNavItem, { "data-cy": navItem.label, navItem: navItem }, "".concat(navItem.label, "_").concat(index)));
+            }), (0, jsx_runtime_1.jsx)(FooterCopyright_1.FooterCopyright, { copyrightText: data.copyrightText })] })));
 }
 exports.CustomFooter = CustomFooter;
 var FooterContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: block;\n  background-color: var(--footer-background-color);\n  text-align: center;\n  font-family: var(--font-family-base);\n\n  ", " {\n    display: block;\n  }\n"], ["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: block;\n  background-color: var(--footer-background-color);\n  text-align: center;\n  font-family: var(--font-family-base);\n\n  ", " {\n    display: block;\n  }\n"])), function (_a) {

package/Footer/CustomFooterNavItem.js

@@ -3,20 +3,29 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomFooterNavItem = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function CustomFooterNavItem(_a) {
     var navItem = _a.navItem;
     var item = navItem;
-    return (react_1.default.createElement(FooterItem, { "data-component-name": "Navbar/NavbarItem" },
-        react_1.default.createElement(FooterLink, { to: item.link },
-            react_1.default.createElement(FooterLabel, null, item.label))));
+    return ((0, jsx_runtime_1.jsx)(FooterItem, __assign({ "data-component-name": "Navbar/NavbarItem" }, { children: (0, jsx_runtime_1.jsx)(FooterLink, __assign({ to: item.link }, { children: (0, jsx_runtime_1.jsx)(FooterLabel, { children: item.label }) })) })));
 }
 exports.CustomFooterNavItem = CustomFooterNavItem;
 var FooterItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  text-align: center;\n  line-height: var(--line-height-base);\n  font-size: var(--navbar-item-font-size);\n  margin: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);\n  font-weight: var(--font-weight-regular);\n"], ["\n  display: inline-block;\n  text-align: center;\n  line-height: var(--line-height-base);\n  font-size: var(--navbar-item-font-size);\n  margin: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);\n  font-weight: var(--font-weight-regular);\n"])));

package/Footer/Footer.js

@@ -3,12 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var FooterColumns_1 = require("../Footer/FooterColumns");
 var FooterCopyright_1 = require("../Footer/FooterCopyright");
@@ -21,9 +32,7 @@ function Footer(_a) {
     if ((0, utils_1.isEmptyArray)(columns) || !copyrightText || (footer === null || footer === void 0 ? void 0 : footer.hide)) {
         return null;
     }
-    return (react_1.default.createElement(FooterContainer, { "data-component-name": "Footer/Footer" },
-        react_1.default.createElement(FooterColumns_1.FooterColumns, { columns: columns }),
-        react_1.default.createElement(FooterCopyright_1.FooterCopyright, { copyrightText: copyrightText })));
+    return ((0, jsx_runtime_1.jsxs)(FooterContainer, __assign({ "data-component-name": "Footer/Footer" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumns_1.FooterColumns, { columns: columns }), (0, jsx_runtime_1.jsx)(FooterCopyright_1.FooterCopyright, { copyrightText: copyrightText })] })));
 }
 exports.Footer = Footer;
 var FooterContainer = styled_components_1.default.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: var(--footer-font-size);\n  flex-shrink: 0;\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  font-family: var(--footer-font-family);\n  font-weight: var(--footer-font-weight);\n  a,\n  a:hover {\n    color: var(--footer-text-color);\n  }\n"], ["\n  font-size: var(--footer-font-size);\n  flex-shrink: 0;\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  font-family: var(--footer-font-family);\n  font-weight: var(--footer-font-weight);\n  a,\n  a:hover {\n    color: var(--footer-text-color);\n  }\n"])));

package/Footer/FooterColumn.js

@@ -3,25 +3,34 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterColumn = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function FooterColumn(_a) {
     var _b;
     var column = _a.column;
-    return (react_1.default.createElement(FooterColumnContainer, { "data-component-name": "Footer/FooterColumn" },
-        react_1.default.createElement(FooterColumnTitle, null, column.label), (_b = column === null || column === void 0 ? void 0 : column.items) === null || _b === void 0 ? void 0 :
-        _b.map(function (columnItem, columnItemIndex) {
-            if (columnItem.type === 'error') {
-                return null;
-            }
-            return columnItem.type === 'separator' ? (react_1.default.createElement(FooterSeparator, { key: columnItem.label + '_' + columnItemIndex }, columnItem.label)) : (react_1.default.createElement(FooterLink, { key: columnItemIndex, to: columnItem.link, "data-cy": columnItem.label }, columnItem.label));
-        })));
+    return ((0, jsx_runtime_1.jsxs)(FooterColumnContainer, __assign({ "data-component-name": "Footer/FooterColumn" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumnTitle, { children: column.label }), (_b = column === null || column === void 0 ? void 0 : column.items) === null || _b === void 0 ? void 0 : _b.map(function (columnItem, columnItemIndex) {
+                if (columnItem.type === 'error') {
+                    return null;
+                }
+                return columnItem.type === 'separator' ? ((0, jsx_runtime_1.jsx)(FooterSeparator, { children: columnItem.label }, columnItem.label + '_' + columnItemIndex)) : ((0, jsx_runtime_1.jsx)(FooterLink, __assign({ to: columnItem.link, "data-cy": columnItem.label }, { children: columnItem.label }), columnItemIndex));
+            })] })));
 }
 exports.FooterColumn = FooterColumn;
 var FooterColumnTitle = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  font-weight: var(--footer-title-font-weight);\n  font-size: var(--footer-title-font-size);\n  margin-bottom: var(--footer-title-margin-vertical);\n  font-family: var(--footer-font-family);\n  color: var(--footer-title-text-color);\n"], ["\n  display: inline-block;\n  font-weight: var(--footer-title-font-weight);\n  font-size: var(--footer-title-font-size);\n  margin-bottom: var(--footer-title-margin-vertical);\n  font-family: var(--footer-font-family);\n  color: var(--footer-title-text-color);\n"])));

package/Footer/FooterColumns.js

@@ -3,12 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterRow = exports.FooterColumnsContainer = exports.FooterColumns = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var FooterColumn_1 = require("../Footer/FooterColumn");
 function FooterColumns(_a) {
@@ -16,8 +27,7 @@ function FooterColumns(_a) {
     if (!(columns === null || columns === void 0 ? void 0 : columns.length)) {
         return null;
     }
-    return (react_1.default.createElement(exports.FooterColumnsContainer, { "data-component-name": "Footer/FooterColumns" },
-        react_1.default.createElement(exports.FooterRow, null, columns.map(function (column, index) { return (react_1.default.createElement(FooterColumn_1.FooterColumn, { key: "".concat(column.label, "_").concat(index), column: column })); }))));
+    return ((0, jsx_runtime_1.jsx)(exports.FooterColumnsContainer, __assign({ "data-component-name": "Footer/FooterColumns" }, { children: (0, jsx_runtime_1.jsx)(exports.FooterRow, { children: columns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(FooterColumn_1.FooterColumn, { column: column }, "".concat(column.label, "_").concat(index))); }) }) })));
 }
 exports.FooterColumns = FooterColumns;
 exports.FooterColumnsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: var(--footer-padding-vertical) var(--footer-padding-horizontal);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  max-width: var(--footer-container-max-width);\n  margin: 0 auto;\n\n  ", " {\n    padding: 5.625em 20px 3.9375em 20px;\n  }\n\n  ", " {\n    color: black;\n    display: none;\n  }\n"], ["\n  padding: var(--footer-padding-vertical) var(--footer-padding-horizontal);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  max-width: var(--footer-container-max-width);\n  margin: 0 auto;\n\n  ", " {\n    padding: 5.625em 20px 3.9375em 20px;\n  }\n\n  ", " {\n    color: black;\n    display: none;\n  }\n"])), function (_a) {

package/Footer/FooterCopyright.js

@@ -3,16 +3,27 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterCopyright = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 function FooterCopyright(_a) {
     var _b = _a.copyrightText, copyrightText = _b === void 0 ? '' : _b;
-    return copyrightText ? (react_1.default.createElement(Wrapper, { "data-component-name": "Footer/FooterCopyright" }, copyrightText)) : null;
+    return copyrightText ? ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Footer/FooterCopyright" }, { children: copyrightText }))) : null;
 }
 exports.FooterCopyright = FooterCopyright;
 var Wrapper = styled_components_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  font-size: 0.875em;\n  padding: 1.5em 3em;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  text-align: center;\n  span {\n    max-width: var(--footer-container-max-width);\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  font-size: 0.875em;\n  padding: 1.5em 3em;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  text-align: center;\n  span {\n    max-width: var(--footer-container-max-width);\n  }\n"])));

package/JsonViewer/JsonViewer.d.ts

@@ -1,13 +1,14 @@
-import React from 'react';
+/// <reference types="react" />
 export interface JsonProps {
     data: any;
     className?: string;
     jsonSampleExpandLevel: number;
     withLineNumbers?: boolean;
     startLineNumber?: number;
+    onCopyClick?: () => void;
 }
-export declare const Json: React.NamedExoticComponent<JsonProps>;
-export declare const JsonViewer: import("styled-components").StyledComponent<React.NamedExoticComponent<JsonProps>, any, {
+export declare const Json: import("react").NamedExoticComponent<JsonProps>;
+export declare const JsonViewer: import("styled-components").StyledComponent<import("react").NamedExoticComponent<JsonProps>, any, {
     'data-component-name': string;
 } & JsonProps, "data-component-name">;
 export declare const JsonViewerWrap: import("styled-components").StyledComponent<"div", any, {}, never>;