@redocly/theme 0.18.3-patch.8 → 0.18.4-patch.1

package/lib/config.d.ts

@@ -58,13 +58,6 @@ declare const markdownConfigSchema: {
                 readonly baseUrl: {
                     readonly type: "string";
                 };
-                readonly icon: {
-                    readonly type: "string";
-                };
-                readonly text: {
-                    readonly type: "string";
-                    readonly default: "Edit this page";
-                };
             };
             readonly additionalProperties: false;
             readonly default: {};
@@ -202,15 +195,18 @@ declare const googleAnalyticsConfigSchema: {
         readonly trackingId: {
             readonly type: "string";
         };
+        readonly conversionId: {
+            readonly type: "string";
+        };
+        readonly floodlightId: {
+            readonly type: "string";
+        };
         readonly head: {
             readonly type: "boolean";
         };
         readonly respectDNT: {
             readonly type: "boolean";
         };
-        readonly anonymize: {
-            readonly type: "boolean";
-        };
         readonly exclude: {
             readonly type: "array";
             readonly items: {
@@ -220,78 +216,12 @@ declare const googleAnalyticsConfigSchema: {
         readonly optimizeId: {
             readonly type: "string";
         };
-        readonly experimentId: {
-            readonly type: "string";
-        };
-        readonly variationId: {
-            readonly type: "string";
-        };
-        readonly enableWebVitalsTracking: {
-            readonly type: "boolean";
-        };
-        readonly defer: {
-            readonly type: "boolean";
-        };
-        readonly sampleRate: {
-            readonly type: "number";
-        };
-        readonly name: {
-            readonly type: "string";
-        };
-        readonly clientId: {
-            readonly type: "string";
-        };
-        readonly siteSpeedSampleRate: {
-            readonly type: "number";
-        };
-        readonly alwaysSendReferrer: {
+        readonly anonymizeIp: {
             readonly type: "boolean";
         };
-        readonly allowAnchor: {
-            readonly type: "boolean";
-        };
-        readonly cookieName: {
-            readonly type: "string";
-        };
-        readonly cookieFlags: {
-            readonly type: "string";
-        };
-        readonly cookieDomain: {
-            readonly type: "string";
-        };
         readonly cookieExpires: {
             readonly type: "number";
         };
-        readonly storeGac: {
-            readonly type: "boolean";
-        };
-        readonly legacyCookieDomain: {
-            readonly type: "string";
-        };
-        readonly legacyHistoryImport: {
-            readonly type: "boolean";
-        };
-        readonly allowLinker: {
-            readonly type: "boolean";
-        };
-        readonly storage: {
-            readonly type: "string";
-        };
-        readonly allowAdFeatures: {
-            readonly type: "boolean";
-        };
-        readonly dataSource: {
-            readonly type: "string";
-        };
-        readonly queueTime: {
-            readonly type: "number";
-        };
-        readonly forceSSL: {
-            readonly type: "boolean";
-        };
-        readonly transport: {
-            readonly type: "string";
-        };
     };
     readonly additionalProperties: false;
     readonly required: readonly ["trackingId"];
@@ -1362,13 +1292,6 @@ export declare const themeConfigSchema: {
                         readonly baseUrl: {
                             readonly type: "string";
                         };
-                        readonly icon: {
-                            readonly type: "string";
-                        };
-                        readonly text: {
-                            readonly type: "string";
-                            readonly default: "Edit this page";
-                        };
                     };
                     readonly additionalProperties: false;
                     readonly default: {};
@@ -1559,15 +1482,18 @@ export declare const themeConfigSchema: {
                         readonly trackingId: {
                             readonly type: "string";
                         };
+                        readonly conversionId: {
+                            readonly type: "string";
+                        };
+                        readonly floodlightId: {
+                            readonly type: "string";
+                        };
                         readonly head: {
                             readonly type: "boolean";
                         };
                         readonly respectDNT: {
                             readonly type: "boolean";
                         };
-                        readonly anonymize: {
-                            readonly type: "boolean";
-                        };
                         readonly exclude: {
                             readonly type: "array";
                             readonly items: {
@@ -1577,78 +1503,12 @@ export declare const themeConfigSchema: {
                         readonly optimizeId: {
                             readonly type: "string";
                         };
-                        readonly experimentId: {
-                            readonly type: "string";
-                        };
-                        readonly variationId: {
-                            readonly type: "string";
-                        };
-                        readonly enableWebVitalsTracking: {
-                            readonly type: "boolean";
-                        };
-                        readonly defer: {
-                            readonly type: "boolean";
-                        };
-                        readonly sampleRate: {
-                            readonly type: "number";
-                        };
-                        readonly name: {
-                            readonly type: "string";
-                        };
-                        readonly clientId: {
-                            readonly type: "string";
-                        };
-                        readonly siteSpeedSampleRate: {
-                            readonly type: "number";
-                        };
-                        readonly alwaysSendReferrer: {
+                        readonly anonymizeIp: {
                             readonly type: "boolean";
                         };
-                        readonly allowAnchor: {
-                            readonly type: "boolean";
-                        };
-                        readonly cookieName: {
-                            readonly type: "string";
-                        };
-                        readonly cookieFlags: {
-                            readonly type: "string";
-                        };
-                        readonly cookieDomain: {
-                            readonly type: "string";
-                        };
                         readonly cookieExpires: {
                             readonly type: "number";
                         };
-                        readonly storeGac: {
-                            readonly type: "boolean";
-                        };
-                        readonly legacyCookieDomain: {
-                            readonly type: "string";
-                        };
-                        readonly legacyHistoryImport: {
-                            readonly type: "boolean";
-                        };
-                        readonly allowLinker: {
-                            readonly type: "boolean";
-                        };
-                        readonly storage: {
-                            readonly type: "string";
-                        };
-                        readonly allowAdFeatures: {
-                            readonly type: "boolean";
-                        };
-                        readonly dataSource: {
-                            readonly type: "string";
-                        };
-                        readonly queueTime: {
-                            readonly type: "number";
-                        };
-                        readonly forceSSL: {
-                            readonly type: "boolean";
-                        };
-                        readonly transport: {
-                            readonly type: "string";
-                        };
                     };
                     readonly additionalProperties: false;
                     readonly required: readonly ["trackingId"];

package/lib/config.js

@@ -85,7 +85,7 @@ const markdownConfigSchema = {
         },
         editPage: {
             type: 'object',
-            properties: Object.assign({ baseUrl: { type: 'string' }, icon: { type: 'string' }, text: { type: 'string', default: 'Edit this page' } }, hideConfigSchema.properties),
+            properties: Object.assign({ baseUrl: { type: 'string' } }, hideConfigSchema.properties),
             additionalProperties: false,
             default: {},
         },
@@ -173,35 +173,14 @@ const googleAnalyticsConfigSchema = {
     properties: {
         includeInDevelopment: { type: 'boolean' },
         trackingId: { type: 'string' },
+        conversionId: { type: 'string' },
+        floodlightId: { type: 'string' },
         head: { type: 'boolean' },
         respectDNT: { type: 'boolean' },
-        anonymize: { type: 'boolean' },
         exclude: { type: 'array', items: { type: 'string' } },
         optimizeId: { type: 'string' },
-        experimentId: { type: 'string' },
-        variationId: { type: 'string' },
-        enableWebVitalsTracking: { type: 'boolean' },
-        defer: { type: 'boolean' },
-        sampleRate: { type: 'number' },
-        name: { type: 'string' },
-        clientId: { type: 'string' },
-        siteSpeedSampleRate: { type: 'number' },
-        alwaysSendReferrer: { type: 'boolean' },
-        allowAnchor: { type: 'boolean' },
-        cookieName: { type: 'string' },
-        cookieFlags: { type: 'string' },
-        cookieDomain: { type: 'string' },
+        anonymizeIp: { type: 'boolean' },
         cookieExpires: { type: 'number' },
-        storeGac: { type: 'boolean' },
-        legacyCookieDomain: { type: 'string' },
-        legacyHistoryImport: { type: 'boolean' },
-        allowLinker: { type: 'boolean' },
-        storage: { type: 'string' },
-        allowAdFeatures: { type: 'boolean' },
-        dataSource: { type: 'string' },
-        queueTime: { type: 'number' },
-        forceSSL: { type: 'boolean' },
-        transport: { type: 'string' },
     },
     additionalProperties: false,
     required: ['trackingId'],

package/lib/globalStyle.js

@@ -18,7 +18,7 @@ const Menu_1 = require("./components/Menu");
 const Panel_1 = require("./components/Panel");
 const CodeBlock_1 = require("./components/CodeBlock");
 const Product_1 = require("./components/Product");
-const I18n_1 = require("./I18n");
+const i18n_1 = require("./i18n");
 const Select_1 = require("./components/Select");
 const Profile_1 = require("./components/Profile");
 const Dropdown_1 = require("./components/Dropdown");
@@ -349,8 +349,8 @@ const borders = (0, styled_components_1.css) `
    * @presenter Color
    */
 
-  --border-primary: #d5d5d5; // 12% opacity. Raised dividers
-  --border-secondary: #f0f0f0; // 6% opacity. Default dividers, borders
+  --border-primary: #00000021; // 13% opacity. Raised dividers
+  --border-secondary: #00000017; // 9% opacity. Default dividers, borders
 
   /**
    * @tokens Border Radius
@@ -929,7 +929,7 @@ exports.styles = (0, styled_components_1.css) `
     ${Footer_1.footer}
     ${headingsTypography}
     ${inputs}
-    ${I18n_1.languagePicker}
+    ${i18n_1.languagePicker}
     ${LastUpdated_1.lastUpdated}
     ${links}
     ${loadProgressBar}

package/lib/i18n/index.d.ts

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

package/lib/{I18n → i18n}/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LanguagePicker = void 0;
-var LanguagePicker_1 = require("../I18n/LanguagePicker");
+var LanguagePicker_1 = require("../i18n/LanguagePicker");
 Object.defineProperty(exports, "LanguagePicker", { enumerable: true, get: function () { return LanguagePicker_1.LanguagePicker; } });
-__exportStar(require("../I18n/styledVariables"), exports);
+__exportStar(require("../i18n/styledVariables"), exports);
 //# sourceMappingURL=index.js.map

package/lib/icons/EditIcon/EditIcon.d.ts

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

package/lib/icons/EditIcon/EditIcon.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = ({ className }) => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", className: className, fill: "none", "data-component-name": "icons/EditIcon" },
+    react_1.default.createElement("rect", { width: "16", height: "16", fill: "white", style: { mixBlendMode: 'multiply' } }),
+    react_1.default.createElement("path", { d: "M15 13H1V14H15V13Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M12.7 4.5C13.1 4.1 13.1 3.5 12.7 3.1L10.9 1.3C10.5 0.9 9.9 0.9 9.5 1.3L2 8.8V12H5.2L12.7 4.5ZM10.2 2L12 3.8L10.5 5.3L8.7 3.5L10.2 2ZM3 11V9.2L8 4.2L9.8 6L4.8 11H3Z", fill: "currentColor" })));
+exports.EditIcon = (0, styled_components_1.default)(Icon) `
+  width: 1em;
+  height: 1em;
+  vertical-align: middle;
+`;
+//# sourceMappingURL=EditIcon.js.map

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

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

package/lib/icons/EditIcon/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/EditIcon/EditIcon"), exports);
+//# sourceMappingURL=index.js.map

package/lib/icons/ExternalIcon/ExternalIcon.js

@@ -7,8 +7,8 @@ exports.ExternalIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 // TODO use with "Sidebar/ExternalIcon"
-const Icon = ({ className, dataComponentName, }) => (react_1.default.createElement("span", { "data-component-name": dataComponentName },
-    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", enableBackground: "new 0 0 100 100", className: className },
+const Icon = ({ className, dataComponentName, }) => (react_1.default.createElement("span", { "data-component-name": dataComponentName !== null && dataComponentName !== void 0 ? dataComponentName : 'icons/ExternalIcon' },
+    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 110 110", enableBackground: "new 0 0 110 110", className: className },
         react_1.default.createElement("path", { d: "M-408.167-318.5" }),
         react_1.default.createElement("line", { fill: "none", stroke: "#ffffff", strokeWidth: "0.25", strokeMiterlimit: "10", x1: "57.5", y1: "11.75", x2: "57.5", y2: "17.5" }),
         react_1.default.createElement("path", { d: "M98.57,4.784c-0.024-0.113-0.047-0.223-0.074-0.334c-0.035-0.117-0.075-0.231-0.117-0.346 c-0.023-0.062-0.037-0.125-0.064-0.187c-0.016-0.032-0.03-0.06-0.049-0.092c-0.048-0.119-0.107-0.227-0.17-0.336 c-0.05-0.089-0.095-0.179-0.152-0.265c-0.062-0.1-0.139-0.195-0.209-0.292C97.67,2.85,97.611,2.77,97.545,2.69 c-0.081-0.092-0.172-0.178-0.258-0.262c-0.07-0.068-0.139-0.139-0.212-0.202c-0.093-0.083-0.196-0.158-0.3-0.232 c-0.08-0.058-0.152-0.114-0.236-0.163c-0.104-0.069-0.219-0.128-0.329-0.186c-0.091-0.046-0.175-0.093-0.262-0.132 c-0.044-0.019-0.081-0.043-0.121-0.061c-0.074-0.03-0.154-0.046-0.234-0.072c-0.095-0.033-0.19-0.065-0.288-0.092 c-0.123-0.034-0.246-0.059-0.369-0.083c-0.096-0.019-0.188-0.036-0.289-0.046c-0.131-0.018-0.263-0.022-0.393-0.028 c-0.064-0.002-0.12-0.012-0.186-0.012L63.77,1.305c-2.535,0.017-4.566,2.078-4.554,4.605c0.019,2.525,2.084,4.563,4.604,4.546 l19.258-0.121l-29.79,30.162c-1.112,1.126-1.526,2.678-1.233,4.118c0.174,0.863,0.596,1.691,1.272,2.357 c0.897,0.888,2.073,1.325,3.245,1.32c1.17-0.007,2.337-0.459,3.227-1.361l0.002-0.001l29.787-30.158l0.121,19.255 c0.014,2.523,2.07,4.564,4.602,4.545c1.268-0.005,2.408-0.526,3.233-1.357c0.817-0.834,1.325-1.98,1.317-3.242L98.675,5.665 c0-0.063-0.016-0.124-0.016-0.189c-0.009-0.123-0.015-0.25-0.032-0.375C98.616,4.992,98.592,4.89,98.57,4.784z" }),
@@ -17,6 +17,6 @@ exports.ExternalIcon = (0, styled_components_1.default)(Icon) `
   width: 10px;
   height: 10px;
   margin-left: 5px;
-  fill: var(--sidebar-group-item-chevron-color);
+  fill: currentColor;
 `;
 //# sourceMappingURL=ExternalIcon.js.map

package/lib/icons/RocketIcon/RocketIcon.d.ts

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

package/lib/icons/RocketIcon/RocketIcon.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.RocketIcon = 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/RocketIcon", className: className, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.7002 1.55068C13.5251 1.49305 13.3388 1.47772 13.1567 1.50596L13.152 1.50671C11.8258 1.7252 9.24768 2.44828 6.43935 4.8604C5.65751 4.58592 4.81217 4.53466 3.99912 4.71587C3.07823 4.92111 2.24649 5.41394 1.62419 6.12309C1.45038 6.32115 1.46012 6.62011 1.64645 6.80644L3.21653 8.37652C3.16682 8.44409 3.11716 8.51231 3.06755 8.5812C2.92429 8.78013 2.94639 9.05359 3.11974 9.22694L3.17618 9.28339L2.5864 9.87317L2.58535 9.87422C2.36806 10.0928 2.24609 10.3885 2.24609 10.6967C2.24609 11.0049 2.36806 11.3006 2.58535 11.5192L2.5864 11.5203L4.47974 13.4136L4.48079 13.4147C4.69938 13.632 4.99507 13.7539 5.30329 13.7539C5.56764 13.7539 5.82278 13.6642 6.02797 13.5016C6.07134 13.4785 6.11147 13.449 6.14684 13.4136L6.72662 12.8338L6.77307 12.8803C6.94695 13.0542 7.22146 13.0758 7.42044 12.9313C7.48845 12.8819 7.55583 12.8324 7.62256 12.783L9.19307 14.3535C9.3794 14.5398 9.67836 14.5495 9.87642 14.3757C10.5856 13.7534 11.0784 12.9217 11.2836 12.0008C11.4657 11.1839 11.4131 10.3345 11.1352 9.54961C13.5373 6.75034 14.273 4.18993 14.4869 2.84653C14.5165 2.66498 14.5027 2.479 14.4467 2.30378C14.3906 2.1282 14.2937 1.96841 14.164 1.83751C14.0342 1.7066 13.8753 1.60831 13.7002 1.55068ZM10.3358 10.4241C9.77433 11.0018 9.13889 11.5852 8.41986 12.166L9.54647 13.2927C9.91995 12.8623 10.1826 12.3441 10.3076 11.7833C10.4077 11.334 10.4163 10.8719 10.3358 10.4241ZM7.40379 11.6944C12.1351 8.03789 13.2477 4.2709 13.4995 2.68816L13.4999 2.68582C13.5041 2.65984 13.5022 2.63321 13.4942 2.60813C13.4862 2.58305 13.4723 2.56022 13.4538 2.54152C13.4352 2.52282 13.4125 2.50878 13.3875 2.50054C13.363 2.49248 13.337 2.49021 13.3115 2.49391C12.1198 2.69072 9.6488 3.36687 6.93487 5.75486C6.90034 5.79743 6.85946 5.8334 6.81428 5.86196C5.99258 6.5985 5.15012 7.49283 4.31544 8.57889C4.29366 8.6174 4.26636 8.65363 4.23355 8.68644C4.23319 8.6868 4.23283 8.68716 4.23247 8.68752C4.19837 8.73243 4.16429 8.77767 4.13023 8.82323L4.18811 8.8811C4.20578 8.89449 4.22276 8.90921 4.23893 8.92526L7.09226 11.7586C7.12536 11.7915 7.15338 11.8285 7.17583 11.8684C7.22546 11.831 7.27471 11.7936 7.32359 11.7562C7.34864 11.7325 7.37553 11.7119 7.40379 11.6944ZM3.83102 7.57679C4.40831 6.85775 4.98895 6.22264 5.56449 5.66166C5.12019 5.58338 4.66217 5.59262 4.21666 5.69192C3.65578 5.81692 3.13757 6.07956 2.70726 6.45303L3.83102 7.57679ZM3.29456 10.5792L3.88329 9.9905L6.01952 12.1267L5.51323 12.633C5.47994 12.6533 5.44888 12.6775 5.42079 12.7055C5.38956 12.7365 5.34732 12.7539 5.30329 12.7539C5.25942 12.7539 5.21732 12.7366 5.18613 12.7058L3.29456 10.8142C3.2637 10.783 3.24609 10.7406 3.24609 10.6967C3.24609 10.6528 3.26371 10.6104 3.29456 10.5792Z", fill: "currentColor", fillOpacity: "0.87" })));
+exports.RocketIcon = (0, styled_components_1.default)(Icon) `
+  width: 1em;
+  height: 1em;
+`;
+//# sourceMappingURL=RocketIcon.js.map

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

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

package/lib/icons/RocketIcon/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/RocketIcon/RocketIcon"), exports);
+//# sourceMappingURL=index.js.map

package/lib/icons/index.d.ts

@@ -19,3 +19,5 @@ export * from '../icons/LanguageIcon';
 export * from '../icons/PointingArrowIcon';
 export * from '../icons/CheckboxIcon';
 export * from '../icons/ErrorIcon';
+export * from '../icons/EditIcon';
+export * from '../icons/RocketIcon';

package/lib/icons/index.js

@@ -35,4 +35,6 @@ __exportStar(require("../icons/LanguageIcon"), exports);
 __exportStar(require("../icons/PointingArrowIcon"), exports);
 __exportStar(require("../icons/CheckboxIcon"), exports);
 __exportStar(require("../icons/ErrorIcon"), exports);
+__exportStar(require("../icons/EditIcon"), exports);
+__exportStar(require("../icons/RocketIcon"), exports);
 //# sourceMappingURL=index.js.map

package/lib/index.d.ts

@@ -7,4 +7,4 @@ export * from './globalStyle';
 export * from './types/config';
 export * from './config';
 export * from './ui';
-export * from './I18n';
+export * from './i18n';

package/lib/index.js

@@ -23,5 +23,5 @@ __exportStar(require("./globalStyle"), exports);
 __exportStar(require("./types/config"), exports);
 __exportStar(require("./config"), exports);
 __exportStar(require("./ui"), exports);
-__exportStar(require("./I18n"), exports);
+__exportStar(require("./i18n"), exports);
 //# sourceMappingURL=index.js.map

package/lib/mocks/hooks/index.js

@@ -26,7 +26,6 @@ function useThemeConfig(_useProductConfig = true) {
             lastUpdatedBlock: { hide: false, format: 'timeago', locale: 'en-US' },
             editPage: {
                 baseUrl: '',
-                text: 'Edit this page',
             },
             frontMatterKeysToResolve: ['image', 'links'],
         },

package/lib/ui/darkColors.js

@@ -203,11 +203,11 @@ exports.darkMode = (0, styled_components_1.css) `
     * @presenter Color
     */
 
-  --bg-sunken: #0d0d0d; // Sunken is the lowest elevation available.
-  --bg-base: #141414; // The default elevation is the baseline with respect to all other layers.
-  --bg-raised: #1f1f1f; // Cards, elements, inputs
-  --bg-overlay: #282828; // Overlay is the highest elevation available. Use for hovers
-  --bg-modal-overlay: #282828c2;
+  --bg-sunken: #2c2d33; // Sunken is the lowest elevation available.
+  --bg-base: #1b1c21; // The default elevation is the baseline with respect to all other layers.
+  --bg-raised: #24262b; // Cards, elements, inputs
+  --bg-overlay: #3a3c42; // Overlay is the highest elevation available. Use for hovers
+  --bg-modal-overlay: #3a3c42c2;
 
   --bg-base-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4), 0px 1px 4px rgba(0, 0, 0, 0.5); // Elements
   --bg-raised-shadow: 0px 8px 12px rgba(0, 0, 0, 0.4), 0px 1px 4px rgba(0, 0, 0, 0.5); // Hovers for base. Menu
@@ -217,8 +217,8 @@ exports.darkMode = (0, styled_components_1.css) `
     * @tokens Border Colors
     * @presenter Color
     */
-  --border-primary: #424242; // Raised dividers
-  --border-secondary: #222222; // Default dividers, borders
+  --border-primary: #ffffff21; // Raised dividers
+  --border-secondary: #ffffff17; // Default dividers, borders
 
   // @tokens End
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.18.3-patch.8",
+  "version": "0.18.4-patch.1",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",

package/src/components/Button/Button.tsx

@@ -50,7 +50,7 @@ export const baseButtonStyles = css`
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 5px;
+  gap: var(--spacing-xs);
   outline: none;
   margin: var(--button-margin);
   cursor: pointer;

package/src/components/Catalog/Catalog.tsx

@@ -133,9 +133,12 @@ export const FilterControls = styled.div`
 
 export const CatalogPageContent = styled.main`
   flex: 1;
-  padding: var(--mobile-catalog-page-padding);
+  width: 90%;
+  margin: 0 auto;
+  padding: 0;
 
   ${({ theme }) => theme.mediaQueries.medium} {
+    width: 100%;
     padding: var(--catalog-page-padding);
   }
 `;
@@ -196,6 +199,8 @@ export const CatalogPageWrapper = styled.div`
 `;
 
 const FilterTagsWrapper = styled.div.attrs({ 'data-cy': 'Catalog/FilterTags' })`
+  width: 90%;
+  margin: 0 auto;
   padding: var(--filter-tags-wrapper-padding);
   display: flex;
   overflow-x: scroll;

package/src/components/Catalog/CatalogCard.tsx

@@ -143,7 +143,9 @@ const CardFooter = styled.div`
 const CardTags = styled.div`
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   gap: var(--spacing-xxs);
+  min-height: var(--spacing-xl);
 `;
 
 const CardTag = styled(Tag)`

package/src/components/Catalog/styledVariables.ts

@@ -8,7 +8,6 @@ export const catalog = css`
   --catalog-page-padding-vertical: var(--spacing-lg);
   --catalog-page-padding-horizontal: var(--spacing-xl);
   --catalog-page-padding: var(--catalog-page-padding-vertical) var(--catalog-page-padding-horizontal);
-  --mobile-catalog-page-padding: 0 var(--spacing-base) var(--spacing-base) var(--spacing-base);
 
   --mobile-catalog-filter-padding-vertical: var(--spacing-sm);
   --mobile-catalog-filter-padding-horizontal: var(--spacing-base);
@@ -32,7 +31,7 @@ export const catalog = css`
   /**
     * @tokens Catalog page separator
     */
-  --catalog-separator-color: var(--text-description);
+  --catalog-separator-color: var(--text-secondary);
   --catalog-separator-font-size: var(--font-size-base);
   --catalog-separator-font-weight: var(--font-weight-regular);
   --catalog-separator-border-color: var(--border-secondary);
@@ -42,8 +41,8 @@ export const catalog = css`
   --catalog-separator-count-height: var(--control-height-xs);
   --catalog-separator-count-padding: 0 var(--spacing-xxs);
   --catalog-separator-count-border-radius: var(--border-radius-xlg);
-  --catalog-separator-count-border-color: var(--border-secondary);
-  --catalog-separator-count-background: var(--bg-raised);
+  --catalog-separator-count-border-color: var(--border-primary);
+  --catalog-separator-count-background: var(--bg-overlay);
 
   /**
     * @tokens Catalog card

package/src/components/CodeBlock/styledVariables.ts

@@ -66,24 +66,24 @@ export const code = css`
   --code-block-tokens-constant-color: var(--code-block-tokens-default-color); // @presenter Color
   --code-block-tokens-symbol-color: var(--code-block-tokens-default-color); // @presenter Color
   --code-block-tokens-boolean-color: var(--color-geekblue-7); // @presenter Color
-  --code-block-tokens-string-color: var(--color-cyan-6); // @presenter Color
+  --code-block-tokens-string-color: var(--color-cyan-7); // @presenter Color
   --code-block-tokens-property-string-color: var(--text-secondary); // @presenter Color
   --code-block-tokens-selector-color: var(--code-block-tokens-string-color); // @presenter Color
   --code-block-tokens-attr-name-color: var(--code-block-tokens-string-color); // @presenter Color
   --code-block-tokens-char-color: var(--code-block-tokens-string-color); // @presenter Color
   --code-block-tokens-builtin-color: var(--code-block-tokens-string-color); // @presenter Color
   --code-block-tokens-inserted-color: var(--code-block-tokens-string-color); // @presenter Color
-  --code-block-tokens-link-color: var(--color-blue-6); // @presenter Color
+  --code-block-tokens-link-color: var(--color-blue-7); // @presenter Color
   --code-block-tokens-operator-color: var(--color-gold-7); // @presenter Color
   --code-block-tokens-entity-color: var(--code-block-tokens-operator-color); // @presenter Color
   --code-block-tokens-url-color: var(--code-block-tokens-operator-color); // @presenter Color
   --code-block-tokens-variable-color: var(--code-block-tokens-operator-color); // @presenter Color
-  --code-block-tokens-keyword-color: var(--color-magneta-6); // @presenter Color
+  --code-block-tokens-keyword-color: var(--color-magenta-7); // @presenter Color
   --code-block-tokens-atrule-color: var(--code-block-tokens-keyword-color); // @presenter Color
   --code-block-tokens-attr-value-color: var(--code-block-tokens-keyword-color); // @presenter Color
-  --code-block-tokens-regex-color: var(--color-gold-5); // @presenter Color
+  --code-block-tokens-regex-color: var(--color-yellow-7); // @presenter Color
   --code-block-tokens-important-color: var(--code-block-tokens-regex-color); // @presenter Color
-  --code-block-tokens-deleted-color: var(--color-red-6); // @presenter Color
+  --code-block-tokens-deleted-color: var(--color-red-7); // @presenter Color
 
   // @tokens End
 `;