@redocly/theme 0.0.0-react18-20231120182601

package/lib/i18n/LanguagePicker.js

@@ -0,0 +1,99 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguagePicker = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../mocks/utils");
+const usePreloadHistory_1 = require("../mocks/usePreloadHistory");
+const hooks_1 = require("../mocks/hooks");
+const Select_1 = require("../components/Select");
+const icons_1 = require("../icons");
+const LanguagePicker = (props) => {
+    const { currentLocale, locales, defaultLocale } = (0, hooks_1.useI18nConfig)();
+    const history = (0, usePreloadHistory_1.usePreloadHistory)();
+    if (locales.length < 2) {
+        return null;
+    }
+    const locale = locales.find((l) => l.code === currentLocale);
+    if (!locale) {
+        return null;
+    }
+    const value = locale.code;
+    const languageItems = locales.map((locale) => ({
+        element: react_1.default.createElement(LanguageItem, { role: "link" }, locale.name || locale.code || ''),
+        value: locale.code,
+        title: locale.name || locale.code || '',
+    }));
+    return (react_1.default.createElement(LanguageSelect, { value: value, options: languageItems, onChange: (value) => {
+            const newLangPathname = (0, utils_1.withPathPrefix)((0, utils_1.getPathnameForLocale)(location.pathname, defaultLocale, value, locales));
+            const newUrlWithLanguage = `${newLangPathname}${location.search}${location.hash}`;
+            history.push(newUrlWithLanguage);
+            props.onChangeLanguage(value);
+        }, triggerEvent: "hover", placement: props.placement, alignment: props.alignment, icon: react_1.default.createElement(icons_1.LanguageIcon, null), onlyIcon: props.onlyIcon, withArrow: false }));
+};
+exports.LanguagePicker = LanguagePicker;
+const LanguageSelect = (0, styled_components_1.default)(Select_1.Select).attrs(() => ({
+    dataAttributes: {
+        'data-component-name': 'i18n/LanguagePicker',
+    },
+})) `
+  --select-list-item-active-background-color: var(
+    --language-picker-list-item-active-background-color
+  );
+  --select-list-item-hover-background-color: var(
+    --language-picker-list-item-hover-background-color
+  );
+
+  display: none;
+  font-size: var(--language-picker-font-size);
+  font-weight: var(--language-picker-font-weight);
+  line-height: var(--language-picker-line-height);
+  border-radius: var(--language-picker-border-radius);
+  color: var(--language-picker-text-color);
+  background-color: var(--language-picker-background-color);
+
+  ${Select_1.SelectInput} {
+    min-height: var(--language-picker-min-height);
+    color: var(--language-picker-text-color);
+    border: 1px solid var(--language-picker-border-color);
+    border-radius: var(--language-picker-input-border-radius);
+    padding: var(--language-picker-input-padding-vertical)
+      var(--language-picker-input-padding-horizontal);
+
+    :hover {
+      border-color: var(--language-picker-hover-border-color);
+    }
+  }
+
+  ${Select_1.SelectList} {
+    min-width: var(--language-picker-list-min-width);
+    max-width: var(--language-picker-list-max-width);
+    padding: var(--language-picker-list-padding);
+    background-color: var(--language-picker-list-background-color);
+    border-radius: var(--language-picker-list-border-radius);
+    box-shadow: var(--language-picker-list-box-shadow);
+  }
+
+  ${Select_1.SelectListItem} {
+    border-radius: var(--language-picker-list-item-border-radius);
+
+    & > * {
+      padding: var(--language-picker-list-item-vertical-padding)
+        var(--language-picker-list-item-horizontal-padding);
+    }
+  }
+
+  ${({ theme }) => theme.mediaQueries.medium} {
+    display: block;
+  }
+
+  :hover {
+    text-decoration: var(--navbar-item-hover-text-decoration);
+    background: var(--language-picker-hover-background-color);
+  }
+`;
+const LanguageItem = styled_components_1.default.div ``;
+//# sourceMappingURL=LanguagePicker.js.map

package/lib/i18n/index.d.ts

@@ -0,0 +1,2 @@
+export { LanguagePicker } from '../i18n/LanguagePicker';
+export * from '../i18n/styledVariables';

package/lib/i18n/index.js

@@ -0,0 +1,21 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguagePicker = void 0;
+var LanguagePicker_1 = require("../i18n/LanguagePicker");
+Object.defineProperty(exports, "LanguagePicker", { enumerable: true, get: function () { return LanguagePicker_1.LanguagePicker; } });
+__exportStar(require("../i18n/styledVariables"), exports);
+//# sourceMappingURL=index.js.map

package/lib/i18n/styledVariables.d.ts

@@ -0,0 +1 @@
+export declare const languagePicker: import("styled-components").FlattenSimpleInterpolation;

package/lib/i18n/styledVariables.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.languagePicker = void 0;
+const styled_components_1 = require("styled-components");
+exports.languagePicker = (0, styled_components_1.css) `
+  /**
+    * @tokens Language picker
+    * */
+
+  --language-picker-font-size: var(--select-font-size); // @presenter FontSize
+  --language-picker-font-weight: var(--select-font-weight); // @presenter FontWeight
+  --language-picker-line-height: var(--select-line-height); // @presenter LineHeight
+  --language-picker-text-color: var(--text-primary); // @presenter Color
+  --language-picker-min-height: var(--control-height-base); // @presenter Spacing
+  --language-picker-border-radius: calc(var(--spacing-unit) * 1.5); // @presenter BorderRadius
+  --language-picker-border-color: var(--border-primary); // @presenter Color
+  --language-picker-background-color: var(--bg-base); // @presenter Color
+  --language-picker-hover-background-color: var(--language-picker-background-color); // @presenter Color
+  --language-picker-hover-border-color: var(--text-primary); // @presenter Color
+
+  --language-picker-input-padding-horizontal: var(--select-input-padding-horizontal); // @presenter Spacing
+  --language-picker-input-padding-vertical: var(--select-input-padding-vertical); // @presenter Spacing
+  --language-picker-input-border-radius: var(--language-picker-border-radius); // @presenter BorderRadius
+
+  --language-picker-list-min-width: var(--select-list-min-width);
+  --language-picker-list-max-width: var(--select-list-max-width);
+  --language-picker-list-padding: var(--select-list-padding); // @presenter Spacing
+  --language-picker-list-border-radius: var(--language-picker-border-radius); // @presenter BorderRadius
+  --language-picker-list-background-color: var(--select-list-background-color); // @presenter Color
+  --language-picker-list-box-shadow: var(--select-list-box-shadow); // @presenter Shadow
+
+  --language-picker-list-item-horizontal-padding: var(--select-list-item-horizontal-padding); // @presenter Spacing
+  --language-picker-list-item-vertical-padding: var(--select-list-item-vertical-padding); // @presenter Spacing
+  --language-picker-list-item-border-radius: var(--select-list-item-border-radius); // @presenter BorderRadius
+  --language-picker-list-item-active-background-color: var(--select-list-item-active-background-color); // @presenter Color
+  --language-picker-list-item-hover-background-color: var(--select-list-item-hover-background-color); // @presenter Color
+
+  // @tokens End
+`;
+//# sourceMappingURL=styledVariables.js.map

package/lib/icons/AlertIcon/AlertIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface AlertIconProps {
+    type: 'warning' | 'success' | 'danger' | 'attention' | 'info';
+    className?: string;
+}
+declare function Icon({ type, className }: AlertIconProps): React.JSX.Element;
+export declare const AlertIcon: import("styled-components").StyledComponent<typeof Icon, any, {
+    'data-component-name': string;
+}, "data-component-name">;
+export {};

package/lib/icons/AlertIcon/AlertIcon.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+function Icon({ type, className }) {
+    switch (type) {
+        case 'warning':
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 15.1c-132.5 0-239.8 107.2-239.8 239.8 0 132.5 107.2 239.8 239.8 239.8 132.5 0 239.8-107.2 239.8-239.8C490.1 122.3 382.8 15.1 250.3 15.1zM250.3 457.1C138.5 457.1 48 366.7 48 254.8 48 143 138.5 52.5 250.3 52.5c111.8 0 202.3 90.5 202.3 202.3C452.6 366.7 362.1 457.1 250.3 457.1z" }),
+                react_1.default.createElement("path", { d: "M250.3 135.8c-10.3 0-18.7 8.4-18.7 18.7v120.6c0 10.3 8.4 18.7 18.7 18.7s18.7-8.4 18.7-18.7V154.5C269 144.2 260.7 135.8 250.3 135.8z" }),
+                react_1.default.createElement("circle", { cx: "250.3", cy: "342.1", r: "25.3" })));
+        case 'success':
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 490.1c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 382.8 117.8 490.1 250.3 490.1zM250.3 48c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 452.6 48 362.1 48 250.3 48 138.5 138.5 48 250.3 48z" }),
+                react_1.default.createElement("path", { d: "M224.7 349.6c8.5 5.9 20.2 3.8 26.1-4.6L355 195.7c5.9-8.5 3.8-20.2-4.6-26.1s-20.2-3.8-26.1 4.6L220 323.5C214.1 332 216.2 343.7 224.7 349.6z" }),
+                react_1.default.createElement("path", { d: "M247.1 346.2c7.3-7.3 7.3-19.2 0-26.5l-55.9-55.9c-7.3-7.3-19.2-7.3-26.5 0s-7.3 19.2 0 26.5l55.9 55.9C228 353.5 239.8 353.5 247.1 346.2z" })));
+        case 'danger':
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 490.1c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 382.8 117.8 490.1 250.3 490.1zM250.3 48c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 452.6 48 362.1 48 250.3 48 138.5 138.5 48 250.3 48z" }),
+                react_1.default.createElement("path", { d: "M168.4 332.2c7.3 7.3 19.2 7.3 26.5 0l137.3-137.3c7.3-7.3 7.3-19.2 0-26.5 -7.3-7.3-19.2-7.3-26.5 0L168.4 305.7C161.1 313 161.1 324.9 168.4 332.2z" }),
+                react_1.default.createElement("path", { d: "M168.4 168.4c-7.3 7.3-7.3 19.2 0 26.5l137.3 137.3c7.3 7.3 19.2 7.3 26.5 0 7.3-7.3 7.3-19.2 0-26.5L194.9 168.4C187.6 161.1 175.7 161.1 168.4 168.4z" })));
+        case 'attention':
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 301.8c-8.3 0-15-6.7-15-15V181.9c0-8.3 6.7-15 15-15 8.3 0 15 6.7 15 15v104.9C265.3 295.1 258.6 301.8 250.3 301.8zM483.7 377L297.2 66.1c-21.2-35.3-72.6-35.4-93.8 0L16.9 377c-17.6 29.4 3.6 67.1 38 67.1h390.8C480.1 444.1 501.4 406.4 483.7 377L483.7 377zM445.7 414.1H54.9c-11.2 0-18-12.2-12.3-21.7L229.1 81.5c9.6-16 32.8-16 42.4 0L458 392.4C463.7 401.9 456.9 414.1 445.7 414.1z" }),
+                react_1.default.createElement("circle", { cx: "250.3", cy: "339.2", r: "22.5" })));
+        default:
+            return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
+                react_1.default.createElement("path", { d: "M250.3 490.7c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 383.5 117.8 490.7 250.3 490.7zM250.3 48.6c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 453.2 48 362.7 48 250.9 48 139.1 138.5 48.6 250.3 48.6z" }),
+                react_1.default.createElement("path", { d: "M250.3 370c10.3 0 18.7-8.4 18.7-18.7V230.6c0-10.3-8.4-18.7-18.7-18.7 -10.3 0-18.7 8.4-18.7 18.7v120.6C231.6 361.6 240 370 250.3 370z" }),
+                react_1.default.createElement("circle", { cx: "250.3", cy: "163.7", r: "25.3" })));
+    }
+}
+exports.AlertIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/AlertIcon/AlertIcon',
+})) `
+  width: var(--admonition-icon-size);
+  height: var(--admonition-icon-size);
+  flex-shrink: 0;
+
+  fill: ${({ type }) => `var(--admonition-${type}-icon-color)`};
+
+  background-image: ${({ type }) => `var(--admonition-${type}-icon)`};
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+`;
+//# sourceMappingURL=AlertIcon.js.map

package/lib/icons/AlertIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { AlertIcon } from '../../icons/AlertIcon/AlertIcon';
+export type { AlertIconProps } from '../../icons/AlertIcon/AlertIcon';

package/lib/icons/AlertIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertIcon = void 0;
+var AlertIcon_1 = require("../../icons/AlertIcon/AlertIcon");
+Object.defineProperty(exports, "AlertIcon", { enumerable: true, get: function () { return AlertIcon_1.AlertIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/AnchorIcon/AnchorIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface AnchorIconProps {
+    className?: string;
+}
+export declare const AnchorIcon: import("styled-components").StyledComponent<({ className }: AnchorIconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+}, "data-component-name">;

package/lib/icons/AnchorIcon/AnchorIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnchorIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = ({ className }) => (react_1.default.createElement("svg", { "aria-hidden": "true", focusable: "false", height: "16", version: "1.1", viewBox: "0 0 16 16", width: "16", className: className },
+    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" })));
+exports.AnchorIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/AnchorIcon/AnchorIcon',
+})) `
+  fill: var(--heading-anchor-color);
+  visibility: hidden;
+  cursor: pointer;
+
+  background-image: var(--heading-anchor-icon);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+`;
+//# sourceMappingURL=AnchorIcon.js.map

package/lib/icons/AnchorIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { AnchorIcon } from '../../icons/AnchorIcon/AnchorIcon';
+export type { AnchorIconProps } from '../../icons/AnchorIcon/AnchorIcon';

package/lib/icons/AnchorIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnchorIcon = void 0;
+var AnchorIcon_1 = require("../../icons/AnchorIcon/AnchorIcon");
+Object.defineProperty(exports, "AnchorIcon", { enumerable: true, get: function () { return AnchorIcon_1.AnchorIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/ArrowIcon/ArrowIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ArrowIconProps {
+    className?: string;
+    weight?: 'regular' | 'thin';
+    direction?: 'up' | 'right' | 'left' | 'down';
+    visibility?: 'visible' | 'hidden';
+}
+export declare const ArrowIcon: import("styled-components").StyledComponent<({ className, weight }: ArrowIconProps) => React.JSX.Element, any, Pick<ArrowIconProps, "weight">, never>;

package/lib/icons/ArrowIcon/ArrowIcon.js

@@ -0,0 +1,60 @@
+"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.ArrowIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+function directionToTransform({ direction }) {
+    switch (direction) {
+        case 'up':
+            return 180;
+        case 'right':
+            return -90;
+        case 'left':
+            return 90;
+        default:
+            return 0;
+    }
+}
+const Icon = ({ className, weight }) => (react_1.default.createElement("span", { "data-component-name": "icons/ArrowIcon/ArrowIcon" }, weight === 'thin' ? (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
+    react_1.default.createElement("path", { d: "M8 11L3 5.99999L3.7 5.29999L8 9.59999L12.3 5.29999L13 5.99999L8 11Z", fill: "currentColor" }))) : (react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 7 5", className: className },
+    react_1.default.createElement("path", { d: "M3.5 2.51L5.806.205a.7.7 0 01.99.99l-2.8 2.8a.698.698 0 01-.99 0l-2.8-2.8a.7.7 0 11.99-.99L3.5 2.51z" })))));
+exports.ArrowIcon = (0, styled_components_1.default)(Icon) `
+  ${({ weight }) => weight !== 'thin' &&
+    (0, styled_components_1.css) `
+      width: var(--sidebar-group-item-chevron-size);
+      height: var(--sidebar-group-item-chevron-size);
+    `}
+
+  fill: var(--sidebar-group-item-chevron-color);
+  transform: rotate(${directionToTransform}deg);
+  visibility: ${({ visibility = 'visible' }) => visibility};
+
+  vertical-align: middle;
+`;
+//# sourceMappingURL=ArrowIcon.js.map

package/lib/icons/ArrowIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { ArrowIcon } from '../../icons/ArrowIcon/ArrowIcon';
+export type { ArrowIconProps } from '../../icons/ArrowIcon/ArrowIcon';

package/lib/icons/ArrowIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowIcon = void 0;
+var ArrowIcon_1 = require("../../icons/ArrowIcon/ArrowIcon");
+Object.defineProperty(exports, "ArrowIcon", { enumerable: true, get: function () { return ArrowIcon_1.ArrowIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/BurgerIcon/BurgerIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const Icon: () => React.JSX.Element;
+export declare const BurgerIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
+    'data-component-name': string;
+}, "data-component-name">;

package/lib/icons/BurgerIcon/BurgerIcon.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.BurgerIcon = exports.Icon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = () => (react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "inherit", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M21.1875 3.75H2.8125C2.70937 3.75 2.625 3.83437 2.625 3.9375V5.4375C2.625 5.54062 2.70937 5.625 2.8125 5.625H21.1875C21.2906 5.625 21.375 5.54062 21.375 5.4375V3.9375C21.375 3.83437 21.2906 3.75 21.1875 3.75ZM21.1875 18.375H2.8125C2.70937 18.375 2.625 18.4594 2.625 18.5625V20.0625C2.625 20.1656 2.70937 20.25 2.8125 20.25H21.1875C21.2906 20.25 21.375 20.1656 21.375 20.0625V18.5625C21.375 18.4594 21.2906 18.375 21.1875 18.375ZM21.1875 11.0625H2.8125C2.70937 11.0625 2.625 11.1469 2.625 11.25V12.75C2.625 12.8531 2.70937 12.9375 2.8125 12.9375H21.1875C21.2906 12.9375 21.375 12.8531 21.375 12.75V11.25C21.375 11.1469 21.2906 11.0625 21.1875 11.0625Z" })));
+exports.Icon = Icon;
+exports.BurgerIcon = (0, styled_components_1.default)(exports.Icon).attrs(() => ({
+    'data-component-name': 'icons/BurgerIcon/BurgerIcon',
+})) ``;
+//# sourceMappingURL=BurgerIcon.js.map

package/lib/icons/BurgerIcon/index.d.ts

@@ -0,0 +1 @@
+export { BurgerIcon } from '../../icons/BurgerIcon/BurgerIcon';

package/lib/icons/BurgerIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BurgerIcon = void 0;
+var BurgerIcon_1 = require("../../icons/BurgerIcon/BurgerIcon");
+Object.defineProperty(exports, "BurgerIcon", { enumerable: true, get: function () { return BurgerIcon_1.BurgerIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/CheckboxIcon/CheckboxIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const CheckboxIcon: import("styled-components").StyledComponent<({ className, checked, onClick, }: {
+    className?: string | undefined;
+    checked?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+}) => React.JSX.Element, any, {}, never>;

package/lib/icons/CheckboxIcon/CheckboxIcon.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = ({ className, checked = false, onClick, }) => (react_1.default.createElement("span", { className: className, onClick: onClick }, checked ? (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("rect", { width: "16", height: "16", rx: "4", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M3.91308 7.03516H3.91326C3.99256 7.03525 4.07081 7.05331 4.14213 7.08798C4.21341 7.12262 4.27591 7.17295 4.32497 7.2352L3.91308 7.03516ZM3.91308 7.03516H3.09394C2.89031 7.03516 2.7766 7.26975 2.90232 7.4292L2.90237 7.42927L6.11214 11.4957L6.11218 11.4957C6.32247 11.7619 6.72568 11.7611 6.93667 11.4962L6.93708 11.4957L12.6597 4.24398C12.6598 4.24378 12.66 4.24358 12.6602 4.24338C12.7884 4.08295 12.6699 3.85 12.4689 3.85H11.6498C11.4894 3.85 11.3367 3.9235 11.2376 4.05044C11.2375 4.05055 11.2374 4.05066 11.2373 4.05077L6.52403 10.0216M3.91308 7.03516L6.52403 10.0216M6.52403 10.0216L4.32506 7.23531L6.52403 10.0216Z", fill: "currentColor", stroke: "var(--checkbox-mark-color)" }))) : (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("rect", { width: "16", height: "16", rx: "4", fill: "currentColor" }),
+    react_1.default.createElement("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5", stroke: "var(--checkbox-border-color)" })))));
+exports.CheckboxIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/CheckboxIcon/CheckboxIcon',
+}) `
+  margin-right: var(--spacing-xs);
+  display: flex;
+
+  --checkbox-active-border-color: var(--color-primary-hover);
+  --checkbox-active-background-color: var(--color-primary-hover);
+
+  --checkbox-border-color: var(--text-placeholder);
+  --checkbox-background-color: var(--bg-base);
+
+  --checkbox-mark-color: var(--bg-base);
+`;
+//# sourceMappingURL=CheckboxIcon.js.map

package/lib/icons/CheckboxIcon/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxIcon } from '../../icons/CheckboxIcon/CheckboxIcon';

package/lib/icons/CheckboxIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxIcon = void 0;
+var CheckboxIcon_1 = require("../../icons/CheckboxIcon/CheckboxIcon");
+Object.defineProperty(exports, "CheckboxIcon", { enumerable: true, get: function () { return CheckboxIcon_1.CheckboxIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/CloseIcon/CloseIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const Icon: () => React.JSX.Element;
+export declare const CloseIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
+    'data-component-name': string;
+}, "data-component-name">;

package/lib/icons/CloseIcon/CloseIcon.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseIcon = exports.Icon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = () => (react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "inherit", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("rect", { width: "24", height: "24", fill: "none" }),
+    react_1.default.createElement("path", { d: "M18 7.05L16.95 6L12 10.95L7.05 6L6 7.05L10.95 12L6 16.95L7.05 18L12 13.05L16.95 18L18 16.95L13.05 12L18 7.05Z" })));
+exports.Icon = Icon;
+exports.CloseIcon = (0, styled_components_1.default)(exports.Icon).attrs(() => ({
+    'data-component-name': 'icons/CloseIcon/CloseIcon',
+})) ``;
+//# sourceMappingURL=CloseIcon.js.map

package/lib/icons/CloseIcon/index.d.ts

@@ -0,0 +1 @@
+export { CloseIcon } from '../../icons/CloseIcon/CloseIcon';

package/lib/icons/CloseIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseIcon = void 0;
+var CloseIcon_1 = require("../../icons/CloseIcon/CloseIcon");
+Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return CloseIcon_1.CloseIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/CollapseIcon/CollapseIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IconProps {
+    className?: string;
+    color?: string;
+}
+export declare const CollapseIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
+export {};

package/lib/icons/CollapseIcon/CollapseIcon.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapseIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = ({ className }) => (react_1.default.createElement("svg", { "data-component-name": "icons/CollapseIcon", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
+    react_1.default.createElement("g", { clipPath: "url(#clip0_906_12165)" },
+        react_1.default.createElement("rect", { width: "14", height: "14", fill: "none", style: { mixBlendMode: 'multiply' } }),
+        react_1.default.createElement("path", { d: "M1.75 7.875V8.75H4.63138L0.875 12.5046L1.49363 13.125L5.25 9.36862V12.25H6.125V7.875H1.75Z", fill: "currentColor" }),
+        react_1.default.createElement("path", { d: "M13.125 1.4945L12.509 0.875L8.75 4.63138V1.75H7.875V6.125H12.25V5.25H9.36862L13.125 1.4945Z", fill: "currentColor" })),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("clipPath", { id: "clip0_906_12165" },
+            react_1.default.createElement("rect", { width: "14", height: "14", fill: "white" })))));
+exports.CollapseIcon = (0, styled_components_1.default)(Icon) `
+  width: 1em;
+  height: 1em;
+  vertical-align: middle;
+`;
+//# sourceMappingURL=CollapseIcon.js.map

package/lib/icons/CollapseIcon/index.d.ts

@@ -0,0 +1 @@
+export * from '../../icons/CollapseIcon/CollapseIcon';

package/lib/icons/CollapseIcon/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../../icons/CollapseIcon/CollapseIcon"), exports);
+//# sourceMappingURL=index.js.map

package/lib/icons/ColorModeIcon/ColorModeIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ColorModeIconProps {
+    mode?: 'dark' | 'light' | string;
+    className?: string;
+}
+declare function Icon({ mode, className }: ColorModeIconProps): React.JSX.Element;
+export declare const ColorModeIcon: import("styled-components").StyledComponent<typeof Icon, any, {
+    'data-component-name': string;
+}, "data-component-name">;
+export {};

package/lib/icons/ColorModeIcon/ColorModeIcon.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorModeIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+function Icon({ mode, className }) {
+    switch (mode) {
+        case 'dark':
+            return (react_1.default.createElement("svg", { "data-testid": "dark", className: className + ' dark', viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+                react_1.default.createElement("path", { d: "M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" })));
+        case 'light':
+            return (react_1.default.createElement("svg", { className: className + ' light', "data-testid": "light", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+                react_1.default.createElement("path", { d: "M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" })));
+        default:
+            return (react_1.default.createElement("svg", { "data-testid": "custom", className: className + (mode ? ' ' + mode : ''), viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+                react_1.default.createElement("path", { d: "M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 1 1 0 12z" })));
+    }
+}
+exports.ColorModeIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/ColorModeIcon/ColorModeIcon',
+})) `
+  width: var(--mobile-menu-icons-size);
+  box-sizing: border-box;
+  fill: var(--navbar-text-color);
+
+  ${({ theme }) => theme.mediaQueries.medium} {
+    width: var(--navbar-font-size);
+  }
+`;
+//# sourceMappingURL=ColorModeIcon.js.map

package/lib/icons/ColorModeIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorModeIcon } from '../../icons/ColorModeIcon/ColorModeIcon';
+export type { ColorModeIconProps } from '../../icons/ColorModeIcon/ColorModeIcon';

package/lib/icons/ColorModeIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorModeIcon = void 0;
+var ColorModeIcon_1 = require("../../icons/ColorModeIcon/ColorModeIcon");
+Object.defineProperty(exports, "ColorModeIcon", { enumerable: true, get: function () { return ColorModeIcon_1.ColorModeIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/CopyIcon/CopyIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IconProps {
+    className?: string;
+}
+export declare const CopyIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
+export {};