@redocly/theme 0.1.13 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/CopyButton/CopyButton.js +24 -13
  2. package/CopyButton/CopyButtonWrapper.js +25 -13
  3. package/Footer/Footer.js +4 -13
  4. package/Footer/FooterColumn.js +9 -18
  5. package/Footer/FooterColumns.js +3 -13
  6. package/Footer/FooterCopyright.js +2 -13
  7. package/JsonViewer/JsonViewer.js +33 -16
  8. package/Layout/PageLayout.js +4 -13
  9. package/Layout/RootLayout.js +5 -13
  10. package/Markdown/Admonition.js +5 -13
  11. package/Markdown/CodeSample/CodeSample.d.ts +8 -0
  12. package/Markdown/CodeSample/CodeSample.js +46 -0
  13. package/Markdown/CodeSample/index.d.ts +2 -0
  14. package/Markdown/CodeSample/index.js +18 -0
  15. package/Markdown/CodeSample/styled.d.ts +4 -0
  16. package/Markdown/CodeSample/styled.js +85 -0
  17. package/Markdown/Heading.js +29 -15
  18. package/Markdown/MarkdownLayout.js +8 -12
  19. package/Markdown/Mermaid.js +2 -2
  20. package/Markdown/Tabs/Tab.js +2 -13
  21. package/Markdown/Tabs/Tabs.js +33 -20
  22. package/Markdown/index.d.ts +1 -0
  23. package/Markdown/index.js +1 -0
  24. package/Navbar/Navbar.js +5 -13
  25. package/Navbar/NavbarItem.js +4 -13
  26. package/Navbar/NavbarMenu.js +4 -15
  27. package/NavbarLogo/NavbarLogo.js +3 -14
  28. package/PageNavigation/NextPageLink.js +8 -14
  29. package/PageNavigation/PageNavigation.js +4 -13
  30. package/PageNavigation/PreviousPageLink.js +8 -14
  31. package/Panel/PanelComponent.js +30 -14
  32. package/Search/Autocomplete.js +30 -3
  33. package/Search/ClearIcon.js +3 -2
  34. package/Search/Parameters.js +17 -17
  35. package/Search/Search.js +3 -13
  36. package/Search/SearchIcon.js +3 -2
  37. package/Search/SearchItem.js +30 -13
  38. package/Search/utils.js +28 -2
  39. package/Sidebar/ApiCallItem.js +7 -13
  40. package/Sidebar/ArrowBack.js +5 -13
  41. package/Sidebar/BackButton.js +4 -13
  42. package/Sidebar/Drilldown.js +6 -2
  43. package/Sidebar/DrilldownMenu.js +10 -13
  44. package/Sidebar/DrilldownMenuItem.js +6 -13
  45. package/Sidebar/ExternalIcon.js +7 -13
  46. package/Sidebar/MenuGroup.js +8 -13
  47. package/Sidebar/MenuItem.js +7 -13
  48. package/Sidebar/MenuLinkItem.js +2 -2
  49. package/Sidebar/Separator.js +4 -13
  50. package/Sidebar/SidebarLayout.js +6 -13
  51. package/SidebarLogo/SidebarLogo.js +3 -14
  52. package/SourceCode/SourceCode.js +11 -17
  53. package/TableOfContent/TableOfContent.js +40 -26
  54. package/Tooltip/Tooltip.js +4 -14
  55. package/icons/ShelfIcon/ShelfIcon.js +4 -13
  56. package/mocks/Link.js +5 -2
  57. package/mocks/hooks/usePageData.d.ts +1 -1
  58. package/package.json +1 -1
  59. package/src/Markdown/CodeSample/CodeSample.tsx +39 -0
  60. package/src/Markdown/CodeSample/index.ts +2 -0
  61. package/src/Markdown/CodeSample/styled.ts +209 -0
  62. package/src/Markdown/index.ts +1 -0
  63. package/src/PageNavigation/NextPageLink.tsx +2 -2
  64. package/src/PageNavigation/PreviousPageLink.tsx +2 -2
  65. package/src/Search/SearchItem.tsx +1 -1
  66. package/src/mocks/hooks/usePageData.ts +1 -1
  67. package/src/utils/ClipboardService.ts +1 -1
  68. package/ui/AlertIcon.js +20 -17
  69. package/ui/Arrow.js +4 -13
  70. package/ui/Button.js +6 -3
  71. package/ui/Dropdown.js +32 -14
  72. package/ui/Flex.js +2 -2
  73. package/ui/Tiles/ThinTile.js +29 -13
  74. package/ui/Tiles/WideTile.js +29 -13
  75. package/ui/UniversalLink.js +26 -3
  76. package/utils/ClipboardService.js +1 -1
@@ -1,23 +1,37 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
12
24
  };
13
25
  Object.defineProperty(exports, "__esModule", { value: true });
14
26
  exports.Heading = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
16
- var react_1 = require("react");
17
- var SvgIcon = ((0, jsx_runtime_1.jsx)("svg", __assign({ "aria-hidden": "true", focusable: "false", height: "16", version: "1.1", viewBox: "0 0 16 16", width: "16" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" }) })));
27
+ var react_1 = __importStar(require("react"));
28
+ var SvgIcon = (react_1.default.createElement("svg", { "aria-hidden": "true", focusable: "false", height: "16", version: "1.1", viewBox: "0 0 16 16", width: "16" },
29
+ react_1.default.createElement("path", { fillRule: "evenodd", d: "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" })));
18
30
  function Heading(_a) {
19
31
  var level = _a.level, id = _a.id, children = _a.children;
20
- var linkEl = ((0, jsx_runtime_1.jsx)("a", __assign({ href: "#".concat(id), className: "anchor before" }, { children: SvgIcon })));
21
- return (0, react_1.createElement)("h".concat(level), { id: id, className: 'heading-anchor', 'data-component-name': 'Markdown/Heading/Heading' }, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [linkEl, children] }));
32
+ var linkEl = (react_1.default.createElement("a", { href: "#".concat(id), className: "anchor before" }, SvgIcon));
33
+ return (0, react_1.createElement)("h".concat(level), { id: id, className: 'heading-anchor', 'data-component-name': 'Markdown/Heading/Heading' }, react_1.default.createElement(react_1.default.Fragment, null,
34
+ linkEl,
35
+ children));
22
36
  }
23
37
  exports.Heading = Heading;
@@ -1,23 +1,19 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
12
4
  };
13
5
  Object.defineProperty(exports, "__esModule", { value: true });
14
6
  exports.MarkdownLayout = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
7
+ var react_1 = __importDefault(require("react"));
16
8
  var PageWrapper_1 = require("../Markdown/PageWrapper");
17
9
  var ContentWrapper_1 = require("../Markdown/ContentWrapper");
18
10
  var PageNavigation_1 = require("../PageNavigation/PageNavigation");
19
11
  function MarkdownLayout(_a) {
20
12
  var tableOfContent = _a.tableOfContent, markdownWrapper = _a.markdownWrapper;
21
- return ((0, jsx_runtime_1.jsxs)(PageWrapper_1.PageWrapper, __assign({ "data-component-name": "Markdown/MarkdownLayout" }, { children: [(0, jsx_runtime_1.jsxs)(ContentWrapper_1.ContentWrapper, __assign({ withToc: true }, { children: [markdownWrapper, (0, jsx_runtime_1.jsx)(PageNavigation_1.PageNavigation, {})] })), tableOfContent] })));
13
+ return (react_1.default.createElement(PageWrapper_1.PageWrapper, { "data-component-name": "Markdown/MarkdownLayout" },
14
+ react_1.default.createElement(ContentWrapper_1.ContentWrapper, { withToc: true },
15
+ markdownWrapper,
16
+ react_1.default.createElement(PageNavigation_1.PageNavigation, null)),
17
+ tableOfContent));
22
18
  }
23
19
  exports.MarkdownLayout = MarkdownLayout;
@@ -8,11 +8,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Mermaid = void 0;
11
- var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = __importDefault(require("react"));
12
12
  var styled_components_1 = __importDefault(require("styled-components"));
13
13
  function Mermaid(_a) {
14
14
  var diagramHtml = _a.diagramHtml;
15
- return ((0, jsx_runtime_1.jsx)(Wrapper, { className: "mermaid-wrapper", dangerouslySetInnerHTML: { __html: diagramHtml }, "data-component-name": "Markdown/Mermaid/Mermaid" }));
15
+ return (react_1.default.createElement(Wrapper, { className: "mermaid-wrapper", dangerouslySetInnerHTML: { __html: diagramHtml }, "data-component-name": "Markdown/Mermaid/Mermaid" }));
16
16
  }
17
17
  exports.Mermaid = Mermaid;
18
18
  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"])));
@@ -3,28 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
8
  };
20
9
  Object.defineProperty(exports, "__esModule", { value: true });
21
10
  exports.Tab = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = __importDefault(require("react"));
23
12
  var styled_components_1 = __importDefault(require("styled-components"));
24
13
  function Tab(_a) {
25
14
  var activeTab = _a.activeTab, label = _a.label, onClick = _a.onClick;
26
15
  var isActive = activeTab === label;
27
- return ((0, jsx_runtime_1.jsx)(TabItem, __assign({ active: isActive, onClick: function () { return onClick(label); }, "data-component-name": "Markdown/Tabs/Tab" }, { children: label })));
16
+ return (react_1.default.createElement(TabItem, { active: isActive, onClick: function () { return onClick(label); }, "data-component-name": "Markdown/Tabs/Tab" }, label));
28
17
  }
29
18
  exports.Tab = Tab;
30
19
  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) {
@@ -3,38 +3,51 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ var desc = Object.getOwnPropertyDescriptor(m, k);
9
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
+ desc = { enumerable: true, get: function() { return m[k]; } };
11
+ }
12
+ Object.defineProperty(o, k2, desc);
13
+ }) : (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ o[k2] = m[k];
16
+ }));
17
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
19
+ }) : function(o, v) {
20
+ o["default"] = v;
21
+ });
22
+ var __importStar = (this && this.__importStar) || function (mod) {
23
+ if (mod && mod.__esModule) return mod;
24
+ var result = {};
25
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
+ __setModuleDefault(result, mod);
27
+ return result;
16
28
  };
17
29
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
30
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
31
  };
20
32
  Object.defineProperty(exports, "__esModule", { value: true });
21
33
  exports.Tabs = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var react_1 = require("react");
34
+ var react_1 = __importStar(require("react"));
24
35
  var styled_components_1 = __importDefault(require("styled-components"));
25
36
  var Tab_1 = require("../../Markdown/Tabs/Tab");
26
37
  function Tabs(_a) {
27
38
  var children = _a.children;
28
39
  var _b = (0, react_1.useState)(children[0].props.label), activeTab = _b[0], setActiveTab = _b[1];
29
40
  var onTabSelect = function (label) { return setActiveTab(label); };
30
- return ((0, jsx_runtime_1.jsxs)(TabsContainer, __assign({ "data-component-name": "Markdown/Tabs/Tabs" }, { children: [(0, jsx_runtime_1.jsx)(TabList, { children: children.map(function (child) {
31
- var label = child.props.label;
32
- return (0, jsx_runtime_1.jsx)(Tab_1.Tab, { activeTab: activeTab, label: label, onClick: onTabSelect }, label);
33
- }) }), (0, jsx_runtime_1.jsx)(TabContent, { children: children.map(function (child) {
34
- if (child.props.label !== activeTab)
35
- return undefined;
36
- return child.props.children;
37
- }) })] })));
41
+ return (react_1.default.createElement(TabsContainer, { "data-component-name": "Markdown/Tabs/Tabs" },
42
+ react_1.default.createElement(TabList, null, children.map(function (child) {
43
+ var label = child.props.label;
44
+ return react_1.default.createElement(Tab_1.Tab, { activeTab: activeTab, key: label, label: label, onClick: onTabSelect });
45
+ })),
46
+ react_1.default.createElement(TabContent, null, children.map(function (child) {
47
+ if (child.props.label !== activeTab)
48
+ return undefined;
49
+ return child.props.children;
50
+ }))));
38
51
  }
39
52
  exports.Tabs = Tabs;
40
53
  var TabsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 10px 0;\n"], ["\n margin: 10px 0;\n"])));
@@ -1,3 +1,4 @@
1
+ export * from '../Markdown/CodeSample';
1
2
  export * from '../Markdown/Tabs';
2
3
  export * from '../Markdown/Admonition';
3
4
  export * from '../Markdown/ContentWrapper';
package/Markdown/index.js CHANGED
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("../Markdown/CodeSample"), exports);
17
18
  __exportStar(require("../Markdown/Tabs"), exports);
18
19
  __exportStar(require("../Markdown/Admonition"), exports);
19
20
  __exportStar(require("../Markdown/ContentWrapper"), exports);
package/Navbar/Navbar.js CHANGED
@@ -3,27 +3,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
8
  };
20
9
  Object.defineProperty(exports, "__esModule", { value: true });
21
10
  exports.NavbarContainer = exports.Navbar = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = __importDefault(require("react"));
23
12
  var styled_components_1 = __importDefault(require("styled-components"));
24
13
  function Navbar(_a) {
25
14
  var menu = _a.menu, logo = _a.logo, search = _a.search;
26
- return ((0, jsx_runtime_1.jsxs)(exports.NavbarContainer, __assign({ "data-component-name": "Navbar/Navbar" }, { children: [logo, menu, search] })));
15
+ return (react_1.default.createElement(exports.NavbarContainer, { "data-component-name": "Navbar/Navbar" },
16
+ logo,
17
+ menu,
18
+ search));
27
19
  }
28
20
  exports.Navbar = Navbar;
29
21
  exports.NavbarContainer = styled_components_1.default.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: var(--navbar-height);\n box-sizing: border-box;\n display: flex;\n color: var(--navbar-text-color);\n align-items: center;\n justify-content: space-between;\n flex-shrink: 0;\n\n font-size: 0.875rem;\n position: sticky;\n top: 0;\n z-index: 200;\n padding: 10px var(--sidebar-margin-left);\n background: var(--navbar-background-color);\n font-family: var(--h-font-family);\n\n ", " {\n padding: 10px var(--sidebar-margin-left);\n font-size: 1rem;\n }\n\n ", " {\n background: transparent;\n display: none;\n > :not(a, img) {\n display: none !important;\n }\n img {\n padding: 0;\n margin: 0;\n }\n }\n"], ["\n height: var(--navbar-height);\n box-sizing: border-box;\n display: flex;\n color: var(--navbar-text-color);\n align-items: center;\n justify-content: space-between;\n flex-shrink: 0;\n\n font-size: 0.875rem;\n position: sticky;\n top: 0;\n z-index: 200;\n padding: 10px var(--sidebar-margin-left);\n background: var(--navbar-background-color);\n font-family: var(--h-font-family);\n\n ", " {\n padding: 10px var(--sidebar-margin-left);\n font-size: 1rem;\n }\n\n ", " {\n background: transparent;\n display: none;\n > :not(a, img) {\n display: none !important;\n }\n img {\n padding: 0;\n margin: 0;\n }\n }\n"])), function (_a) {
@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
8
  };
20
9
  Object.defineProperty(exports, "__esModule", { value: true });
21
10
  exports.NavbarItem = exports.MenuStyle = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = __importDefault(require("react"));
23
12
  var styled_components_1 = __importDefault(require("styled-components"));
24
13
  var react_router_dom_1 = require("react-router-dom");
25
14
  var Link_1 = require("../mocks/Link");
@@ -32,7 +21,9 @@ function NavbarItem(_a) {
32
21
  var navItem = _a.navItem;
33
22
  var pathname = (0, react_router_dom_1.useLocation)().pathname;
34
23
  var isActive = pathname === (0, utils_1.withPathPrefix)(navItem.link);
35
- return ((0, jsx_runtime_1.jsx)(NavMenuItem, __assign({ active: isActive, "data-component-name": "Navbar/NavbarItem" }, { children: (0, jsx_runtime_1.jsx)(NavLink, __assign({ to: navItem.link, active: isActive }, { children: (0, jsx_runtime_1.jsx)(NavLabel, { children: navItem.label }) })) })));
24
+ return (react_1.default.createElement(NavMenuItem, { active: isActive, "data-component-name": "Navbar/NavbarItem" },
25
+ react_1.default.createElement(NavLink, { to: navItem.link, active: isActive },
26
+ react_1.default.createElement(NavLabel, null, navItem.label))));
36
27
  }
37
28
  exports.NavbarItem = NavbarItem;
38
29
  var NavMenuItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n padding: 20px calc(var(--sidebar-spacing-horizontal) * 2);\n text-align: center;\n line-height: 1;\n font-size: var(--navbar-item-font-size);\n margin-left: var(--navbar-item-margin-horizontal);\n margin-right: var(--navbar-item-margin-horizontal);\n border-radius: var(--navbar-item-border-radius);\n font-weight: var(--navbar-item-font-weight);\n background: ", ";\n"], ["\n display: inline-block;\n padding: 20px calc(var(--sidebar-spacing-horizontal) * 2);\n text-align: center;\n line-height: 1;\n font-size: var(--navbar-item-font-size);\n margin-left: var(--navbar-item-margin-horizontal);\n margin-right: var(--navbar-item-margin-horizontal);\n border-radius: var(--navbar-item-border-radius);\n font-weight: var(--navbar-item-font-weight);\n background: ", ";\n"])), function (_a) {
@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
8
  };
20
9
  Object.defineProperty(exports, "__esModule", { value: true });
21
10
  exports.NavbarMenu = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = __importDefault(require("react"));
23
12
  var styled_components_1 = __importDefault(require("styled-components"));
24
13
  var NavbarItem_1 = require("../Navbar/NavbarItem");
25
14
  function NavbarMenu(_a) {
@@ -27,9 +16,9 @@ function NavbarMenu(_a) {
27
16
  if (!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length)) {
28
17
  return null;
29
18
  }
30
- return ((0, jsx_runtime_1.jsx)(NavItemsContainer, __assign({ "data-component-name": "Navbar/NavbarMenu" }, { children: menuItems.map(function (navItem, index) {
31
- return (0, jsx_runtime_1.jsx)(NavbarItem_1.NavbarItem, { "data-cy": navItem.label, navItem: navItem }, index);
32
- }) })));
19
+ return (react_1.default.createElement(NavItemsContainer, { "data-component-name": "Navbar/NavbarMenu" }, menuItems.map(function (navItem, index) {
20
+ return react_1.default.createElement(NavbarItem_1.NavbarItem, { key: index, "data-cy": navItem.label, navItem: navItem });
21
+ })));
33
22
  }
34
23
  exports.NavbarMenu = NavbarMenu;
35
24
  var NavItemsContainer = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n list-style: none;\n margin: 0;\n padding: 0;\n display: block;\n\n ", " {\n display: block;\n }\n"], ["\n list-style: none;\n margin: 0;\n padding: 0;\n display: block;\n\n ", " {\n display: block;\n }\n"])), function (_a) {
@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
8
  };
20
9
  Object.defineProperty(exports, "__esModule", { value: true });
21
10
  exports.NavbarLogo = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = __importDefault(require("react"));
23
12
  var styled_components_1 = __importDefault(require("styled-components"));
24
13
  var Link_1 = require("../mocks/Link");
25
14
  function NavbarLogo(_a) {
@@ -27,8 +16,8 @@ function NavbarLogo(_a) {
27
16
  if (!logo.image) {
28
17
  return null;
29
18
  }
30
- var img = ((0, jsx_runtime_1.jsx)(NavLogo, { src: logo.image, alt: logo.altText, "data-component-name": "NavbarLogo/NavbarLogo" }));
31
- return logo.link ? (0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ to: logo.link }, { children: img })) : img;
19
+ var img = (react_1.default.createElement(NavLogo, { src: logo.image, alt: logo.altText, "data-component-name": "NavbarLogo/NavbarLogo" }));
20
+ return logo.link ? react_1.default.createElement(Link_1.Link, { to: logo.link }, img) : img;
32
21
  }
33
22
  exports.NavbarLogo = NavbarLogo;
34
23
  var NavLogo = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: var(--logo-max-width);\n max-height: var(--logo-max-height);\n height: var(--logo-height);\n margin: var(--logo-margin);\n"], ["\n max-width: var(--logo-max-width);\n max-height: var(--logo-max-height);\n height: var(--logo-height);\n margin: var(--logo-margin);\n"])));
@@ -1,25 +1,19 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
12
4
  };
13
5
  Object.defineProperty(exports, "__esModule", { value: true });
14
6
  exports.NextPageLink = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
7
+ var react_1 = __importDefault(require("react"));
16
8
  var usePageData_1 = require("../mocks/hooks/usePageData");
17
9
  var ui_1 = require("../ui");
18
10
  function NextPageLink() {
19
- var nextPage = (0, usePageData_1.usePageData)().nextPage;
11
+ var nextPage = ((0, usePageData_1.usePageData)() || {}).nextPage;
20
12
  if (!nextPage) {
21
- return (0, jsx_runtime_1.jsx)("div", { children: "\u00A0" });
13
+ return react_1.default.createElement("div", null, "\u00A0");
22
14
  }
23
- return ((0, jsx_runtime_1.jsxs)(ui_1.Button, __assign({ variant: "outlined", size: "large", to: nextPage.link }, { children: ["Next to ", nextPage.label] })));
15
+ return (react_1.default.createElement(ui_1.Button, { variant: "outlined", size: "large", to: nextPage.link },
16
+ "Next to ",
17
+ nextPage.label));
24
18
  }
25
19
  exports.NextPageLink = NextPageLink;
@@ -3,28 +3,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
6
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
8
  };
20
9
  Object.defineProperty(exports, "__esModule", { value: true });
21
10
  exports.PageNavigation = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
11
+ var react_1 = __importDefault(require("react"));
23
12
  var styled_components_1 = __importDefault(require("styled-components"));
24
13
  var PreviousPageLink_1 = require("../PageNavigation/PreviousPageLink");
25
14
  var NextPageLink_1 = require("../PageNavigation/NextPageLink");
26
15
  function PageNavigation() {
27
- return ((0, jsx_runtime_1.jsxs)(PageNavigationWrapper, __assign({ "data-component-name": "PageNavigation/PageNavigation" }, { children: [(0, jsx_runtime_1.jsx)(PreviousPageLink_1.PreviousPageLink, {}), (0, jsx_runtime_1.jsx)(NextPageLink_1.NextPageLink, {})] })));
16
+ return (react_1.default.createElement(PageNavigationWrapper, { "data-component-name": "PageNavigation/PageNavigation" },
17
+ react_1.default.createElement(PreviousPageLink_1.PreviousPageLink, null),
18
+ react_1.default.createElement(NextPageLink_1.NextPageLink, null)));
28
19
  }
29
20
  exports.PageNavigation = PageNavigation;
30
21
  var PageNavigationWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin: 25px 0px;\n"], ["\n display: flex;\n justify-content: space-between;\n margin: 25px 0px;\n"])));
@@ -1,25 +1,19 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
12
4
  };
13
5
  Object.defineProperty(exports, "__esModule", { value: true });
14
6
  exports.PreviousPageLink = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
7
+ var react_1 = __importDefault(require("react"));
16
8
  var usePageData_1 = require("../mocks/hooks/usePageData");
17
9
  var ui_1 = require("../ui");
18
10
  function PreviousPageLink() {
19
- var prevPage = (0, usePageData_1.usePageData)().prevPage;
11
+ var prevPage = ((0, usePageData_1.usePageData)() || {}).prevPage;
20
12
  if (!prevPage) {
21
- return (0, jsx_runtime_1.jsx)("div", { children: "\u00A0" });
13
+ return react_1.default.createElement("div", null, "\u00A0");
22
14
  }
23
- return ((0, jsx_runtime_1.jsxs)(ui_1.Button, __assign({ variant: "outlined", size: "large", to: prevPage.link }, { children: ["Back to ", prevPage.label] })));
15
+ return (react_1.default.createElement(ui_1.Button, { variant: "outlined", size: "large", to: prevPage.link },
16
+ "Back to ",
17
+ prevPage.label));
24
18
  }
25
19
  exports.PreviousPageLink = PreviousPageLink;
@@ -3,24 +3,35 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ var desc = Object.getOwnPropertyDescriptor(m, k);
9
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
+ desc = { enumerable: true, get: function() { return m[k]; } };
11
+ }
12
+ Object.defineProperty(o, k2, desc);
13
+ }) : (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ o[k2] = m[k];
16
+ }));
17
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
19
+ }) : function(o, v) {
20
+ o["default"] = v;
21
+ });
22
+ var __importStar = (this && this.__importStar) || function (mod) {
23
+ if (mod && mod.__esModule) return mod;
24
+ var result = {};
25
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
+ __setModuleDefault(result, mod);
27
+ return result;
16
28
  };
17
29
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
30
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
31
  };
20
32
  Object.defineProperty(exports, "__esModule", { value: true });
21
33
  exports.InlineBox = exports.PanelComponent = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var react_1 = require("react");
34
+ var react_1 = __importStar(require("react"));
24
35
  var styled_components_1 = __importDefault(require("styled-components"));
25
36
  var icons_1 = require("../icons");
26
37
  var PanelBody_1 = require("../Panel/PanelBody");
@@ -39,8 +50,13 @@ function PanelComponent(_a) {
39
50
  onToggle === null || onToggle === void 0 ? void 0 : onToggle(!isExpanded);
40
51
  };
41
52
  (0, react_1.useEffect)(function () { return setExpanded(expanded); }, [expanded]);
42
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: className, "data-cy": typeof header === 'string' ? ('panel-' + header).replace(/ /g, '-').toLowerCase() : null }, { children: [header &&
43
- (typeof header === 'function' ? (header({ expanded: isExpanded, toggle: toggle })) : ((0, jsx_runtime_1.jsx)(PanelHeader_1.PanelHeader, __assign({ "data-cy": "panel-header", onClick: toggle, expanded: isExpanded }, { children: (0, jsx_runtime_1.jsxs)(exports.InlineBox, { children: [(0, jsx_runtime_1.jsx)(PanelHeaderTitle_1.PanelHeaderTitle, __assign({ "data-cy": "title" }, { children: header })), (0, jsx_runtime_1.jsx)(icons_1.ShelfIcon, { direction: isExpanded ? 'down' : 'right' })] }) })))), isExpanded && ((0, jsx_runtime_1.jsx)(PanelBody_1.PanelBody, __assign({ "data-cy": "panel-body", hidden: !isExpanded, animate: animate }, { children: children })))] })));
53
+ return (react_1.default.createElement("div", { className: className, "data-cy": typeof header === 'string' ? ('panel-' + header).replace(/ /g, '-').toLowerCase() : null },
54
+ header &&
55
+ (typeof header === 'function' ? (header({ expanded: isExpanded, toggle: toggle })) : (react_1.default.createElement(PanelHeader_1.PanelHeader, { "data-cy": "panel-header", onClick: toggle, expanded: isExpanded },
56
+ react_1.default.createElement(exports.InlineBox, null,
57
+ react_1.default.createElement(PanelHeaderTitle_1.PanelHeaderTitle, { "data-cy": "title" }, header),
58
+ react_1.default.createElement(icons_1.ShelfIcon, { direction: isExpanded ? 'down' : 'right' }))))),
59
+ isExpanded && (react_1.default.createElement(PanelBody_1.PanelBody, { "data-cy": "panel-body", hidden: !isExpanded, animate: animate }, children))));
44
60
  }
45
61
  exports.PanelComponent = PanelComponent;
46
62
  exports.InlineBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n"], ["\n display: inline-flex;\n align-items: center;\n"])));
@@ -14,13 +14,35 @@ var __assign = (this && this.__assign) || function () {
14
14
  };
15
15
  return __assign.apply(this, arguments);
16
16
  };
17
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
+ if (k2 === undefined) k2 = k;
19
+ var desc = Object.getOwnPropertyDescriptor(m, k);
20
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
+ desc = { enumerable: true, get: function() { return m[k]; } };
22
+ }
23
+ Object.defineProperty(o, k2, desc);
24
+ }) : (function(o, m, k, k2) {
25
+ if (k2 === undefined) k2 = k;
26
+ o[k2] = m[k];
27
+ }));
28
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
30
+ }) : function(o, v) {
31
+ o["default"] = v;
32
+ });
33
+ var __importStar = (this && this.__importStar) || function (mod) {
34
+ if (mod && mod.__esModule) return mod;
35
+ var result = {};
36
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
+ __setModuleDefault(result, mod);
38
+ return result;
39
+ };
17
40
  var __importDefault = (this && this.__importDefault) || function (mod) {
18
41
  return (mod && mod.__esModule) ? mod : { "default": mod };
19
42
  };
20
43
  Object.defineProperty(exports, "__esModule", { value: true });
21
44
  exports.Autocomplete = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var react_1 = require("react");
45
+ var react_1 = __importStar(require("react"));
24
46
  var react_router_dom_1 = require("react-router-dom");
25
47
  var styled_components_1 = __importDefault(require("styled-components"));
26
48
  var Input_1 = require("../Search/Input");
@@ -69,7 +91,12 @@ function Autocomplete(_a) {
69
91
  return renderItem(__assign(__assign({}, item), { active: active }));
70
92
  };
71
93
  (0, react_1.useEffect)(close, [location]);
72
- return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Search/Autocomplete" }, { children: [isOpen ? (0, jsx_runtime_1.jsx)(Overlay, { onClick: close }) : null, (0, jsx_runtime_1.jsxs)(AutocompleteBox, __assign({ onKeyDown: onKeydown }, { children: [(0, jsx_runtime_1.jsx)(Input_1.FormInput, { value: value, placeholder: placeholder, onChange: onChange, onFocus: open, onClick: stopPropagation }), children === null || children === void 0 ? void 0 : children(isOpen, reset), isOpen && value ? ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { children: items.length ? items.map(mapItem) : (0, jsx_runtime_1.jsx)(Message, { children: "No results" }) })) : null] }))] })));
94
+ return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Autocomplete" },
95
+ isOpen ? react_1.default.createElement(Overlay, { onClick: close }) : null,
96
+ react_1.default.createElement(AutocompleteBox, { onKeyDown: onKeydown },
97
+ react_1.default.createElement(Input_1.FormInput, { value: value, placeholder: placeholder, onChange: onChange, onFocus: open, onClick: stopPropagation }), children === null || children === void 0 ? void 0 :
98
+ children(isOpen, reset),
99
+ isOpen && value ? (react_1.default.createElement(Popover_1.Popover, null, items.length ? items.map(mapItem) : react_1.default.createElement(Message, null, "No results"))) : null)));
73
100
  }
74
101
  exports.Autocomplete = Autocomplete;
75
102
  var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
@@ -19,9 +19,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  };
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  exports.ClearIcon = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
22
+ var react_1 = __importDefault(require("react"));
23
23
  var styled_components_1 = __importDefault(require("styled-components"));
24
- var Icon = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 298.7 298.7", "data-component-name": "Search/ClearIcon" }, props, { children: (0, jsx_runtime_1.jsx)("polygon", { points: "298.7 30.2 268.5 0 149.3 119.1 30.2 0 0 30.2 119.1 149.3 0 268.5 30.2 298.7 149.3 179.5 268.5 298.7 298.7 268.5 179.5 149.3 " }) }))); };
24
+ var Icon = function (props) { return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 298.7 298.7", "data-component-name": "Search/ClearIcon" }, props),
25
+ react_1.default.createElement("polygon", { points: "298.7 30.2 268.5 0 149.3 119.1 30.2 0 0 30.2 119.1 149.3 0 268.5 30.2 298.7 149.3 179.5 268.5 298.7 298.7 268.5 179.5 149.3 " }))); };
25
26
  exports.ClearIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n cursor: pointer;\n width: 0.5em;\n height: 0.5em;\n right: 1.2em;\n fill: var(--search-input-text-color);\n\n ", " {\n width: 0.625em;\n height: 0.625em;\n }\n"], ["\n position: absolute;\n cursor: pointer;\n width: 0.5em;\n height: 0.5em;\n right: 1.2em;\n fill: var(--search-input-text-color);\n\n ", " {\n width: 0.625em;\n height: 0.625em;\n }\n"])), function (_a) {
26
27
  var theme = _a.theme;
27
28
  return theme.mediaQueries.medium;