@redocly/theme 0.18.3-patch.0 → 0.18.3

package/lib/icons/CheckboxIcon/CheckboxIcon.js

@@ -1,28 +0,0 @@
-"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: "var(--checkbox-active-background-color)" }),
-    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: "var(--checkbox-mark-color)", stroke: "var(--checkbox-mark-color)" }))) : (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: "var(--checkbox-background-color)" }),
-    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-base);
-  --checkbox-active-background-color: var(--color-primary-base);
-
-  --checkbox-border-color: var(--border-primary);
-  --checkbox-background-color: var(--bg-base);
-
-  --checkbox-mark-color: var(--bg-base);
-`;
-//# sourceMappingURL=CheckboxIcon.js.map

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

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

package/lib/icons/CheckboxIcon/index.js

@@ -1,6 +0,0 @@
-"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/ErrorIcon/ErrorIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ErrorIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
-    'data-component-name': string;
-}, "data-component-name">;

package/lib/icons/ErrorIcon/ErrorIcon.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = () => (react_1.default.createElement("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { d: "M8.5 1C4.63438 1 1.5 4.13438 1.5 8C1.5 11.8656 4.63438 15 8.5 15C12.3656 15 15.5 11.8656 15.5 8C15.5 4.13438 12.3656 1 8.5 1ZM11.0844 10.6594L10.0531 10.6547L8.5 8.80313L6.94844 10.6531L5.91563 10.6578C5.84688 10.6578 5.79063 10.6031 5.79063 10.5328C5.79063 10.5031 5.80156 10.475 5.82031 10.4516L7.85313 8.02969L5.82031 5.60938C5.80143 5.58647 5.79096 5.5578 5.79063 5.52812C5.79063 5.45937 5.84688 5.40312 5.91563 5.40312L6.94844 5.40781L8.5 7.25938L10.0516 5.40938L11.0828 5.40469C11.1516 5.40469 11.2078 5.45937 11.2078 5.52969C11.2078 5.55937 11.1969 5.5875 11.1781 5.61094L9.14844 8.03125L11.1797 10.4531C11.1984 10.4766 11.2094 10.5047 11.2094 10.5344C11.2094 10.6031 11.1531 10.6594 11.0844 10.6594Z", fill: "var(--color-error-base)" })));
-exports.ErrorIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
-    'data-component-name': 'icons/ErrorIcon/ErrorIcon',
-})) ``;
-//# sourceMappingURL=ErrorIcon.js.map

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

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

package/lib/icons/LanguageIcon/LanguageIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const LanguageIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
-    'data-component-name': string;
-}, "data-component-name">;

package/lib/icons/LanguageIcon/LanguageIcon.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LanguageIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = () => (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("path", { d: "M13.35 12.5141C13.3531 12.5094 13.3578 12.5047 13.3609 12.5C14.3844 11.2828 15 9.71406 15 8C15 6.28594 14.3844 4.71719 13.3625 3.5C13.3594 3.49531 13.3547 3.49219 13.3516 3.4875C13.3344 3.46719 13.3187 3.44844 13.3016 3.42969C13.2953 3.42188 13.2891 3.41563 13.2828 3.40781L13.2188 3.33437L13.2172 3.33281C13.1938 3.30625 13.1687 3.27969 13.1453 3.25312L13.1438 3.25156C13.0938 3.19844 13.0437 3.14531 12.9922 3.09375L12.9906 3.09219L12.9156 3.01719L12.9109 3.0125C12.8875 2.98906 12.8641 2.96719 12.8406 2.94531C12.8328 2.9375 12.825 2.92969 12.8156 2.92188C12.8 2.90625 12.7844 2.89219 12.7688 2.87812C12.7641 2.87344 12.7578 2.86875 12.7531 2.8625C11.5063 1.70625 9.83594 1 8 1C6.16406 1 4.49375 1.70625 3.24531 2.8625C3.24062 2.86719 3.23438 2.87187 3.22969 2.87812C3.21406 2.89219 3.19844 2.90781 3.18281 2.92344C3.175 2.93125 3.16719 2.93906 3.15781 2.94688C3.13438 2.96875 3.11094 2.99219 3.0875 3.01406L3.08281 3.01875L3.00781 3.09375L3.00625 3.09531C2.95469 3.14688 2.90469 3.2 2.85469 3.25312L2.85313 3.25469C2.82813 3.28125 2.80469 3.30781 2.78125 3.33437L2.77969 3.33594C2.75781 3.35938 2.73594 3.38437 2.71563 3.40937C2.70938 3.41719 2.70313 3.42344 2.69688 3.43125C2.67969 3.45 2.66406 3.47031 2.64687 3.48906C2.64375 3.49375 2.63906 3.49688 2.63594 3.50156C1.61562 4.71719 1 6.28594 1 8C1 9.71406 1.61563 11.2828 2.6375 12.5C2.64062 12.5047 2.64531 12.5094 2.64844 12.5141L2.69688 12.5719C2.70313 12.5797 2.70938 12.5859 2.71563 12.5938L2.77969 12.6672C2.77969 12.6687 2.78125 12.6688 2.78125 12.6703C2.80469 12.6969 2.82813 12.7234 2.85313 12.7484L2.85469 12.75C2.90469 12.8031 2.95469 12.8562 3.00469 12.9078L3.00625 12.9094C3.03125 12.9344 3.05469 12.9594 3.07969 12.9828L3.08437 12.9875C3.13594 13.0391 3.18906 13.0891 3.24219 13.1375C4.49375 14.2937 6.16406 15 8 15C9.83594 15 11.5062 14.2937 12.7547 13.1375C12.8079 13.0887 12.86 13.0387 12.9109 12.9875L12.9156 12.9828C12.9406 12.9578 12.9656 12.9344 12.9891 12.9094L12.9906 12.9078C13.0422 12.8562 13.0922 12.8031 13.1406 12.75L13.1422 12.7484C13.1656 12.7219 13.1906 12.6969 13.2141 12.6703C13.2141 12.6688 13.2156 12.6687 13.2156 12.6672C13.2375 12.6438 13.2594 12.6187 13.2797 12.5938C13.2859 12.5859 13.2922 12.5797 13.2984 12.5719C13.3161 12.553 13.3333 12.5338 13.35 12.5141ZM13.4141 10.2859C13.1984 10.7953 12.9141 11.2672 12.5672 11.6953C12.1765 11.3577 11.7494 11.0647 11.2937 10.8219C11.475 10.0891 11.5875 9.28438 11.6172 8.4375H13.8594C13.8125 9.07656 13.6625 9.69687 13.4141 10.2859ZM13.8594 7.5625H11.6172C11.5875 6.71562 11.475 5.91094 11.2937 5.17812C11.7516 4.93437 12.1781 4.64062 12.5672 4.30469C13.3212 5.23277 13.7722 6.3699 13.8594 7.5625ZM10.2859 2.58594C10.9062 2.84844 11.4703 3.21094 11.9672 3.66719C11.6785 3.91296 11.3679 4.13159 11.0391 4.32031C10.7937 3.61719 10.4797 3.00625 10.1141 2.51719C10.1719 2.53906 10.2297 2.5625 10.2859 2.58594ZM8.87031 13.5328C8.72656 13.6453 8.58281 13.7312 8.4375 13.7891V10.8906C9.05749 10.9339 9.66717 11.0719 10.2453 11.3C10.1156 11.6844 9.96562 12.0391 9.79219 12.3594C9.52031 12.8656 9.20156 13.2703 8.87031 13.5328ZM9.79219 3.64062C9.96406 3.9625 10.1156 4.31719 10.2453 4.7C9.66717 4.92806 9.05749 5.06612 8.4375 5.10938V2.2125C8.58125 2.27031 8.72656 2.35469 8.87031 2.46875C9.20156 2.72969 9.52031 3.13438 9.79219 3.64062ZM8.4375 10.0141V8.4375H10.7422C10.7172 9.12813 10.6313 9.79844 10.4875 10.4344L10.4828 10.4531C9.82708 10.2045 9.13751 10.0564 8.4375 10.0141ZM8.4375 7.5625V5.98594C9.15312 5.94219 9.84063 5.79063 10.4828 5.54688L10.4875 5.56563C10.6313 6.20156 10.7172 6.87031 10.7422 7.5625H8.4375ZM7.5625 8.4375V10.0141C6.84688 10.0578 6.15938 10.2094 5.51719 10.4531L5.5125 10.4344C5.36875 9.79844 5.28281 9.12969 5.25781 8.4375H7.5625ZM5.25781 7.5625C5.28281 6.87187 5.36875 6.20156 5.5125 5.56563L5.51719 5.54688C6.15938 5.79063 6.84531 5.94219 7.5625 5.98594V7.5625H5.25781ZM7.5625 10.8906V13.7875C7.41875 13.7297 7.27344 13.6453 7.12969 13.5312C6.79844 13.2703 6.47813 12.8641 6.20625 12.3578C6.03438 12.0359 5.88281 11.6812 5.75313 11.2984C6.33438 11.0703 6.93906 10.9344 7.5625 10.8906ZM7.5625 5.10938C6.94251 5.06612 6.33283 4.92806 5.75469 4.7C5.88437 4.31562 6.03437 3.96094 6.20781 3.64062C6.47969 3.13438 6.79844 2.72812 7.13125 2.46719C7.275 2.35469 7.41875 2.26875 7.56406 2.21094V5.10938H7.5625ZM5.71406 2.58594C5.77188 2.5625 5.82812 2.53906 5.88594 2.51719C5.52031 3.00625 5.20625 3.61719 4.96094 4.32031C4.63281 4.13281 4.32188 3.91406 4.03281 3.66719C4.52969 3.21094 5.09375 2.84844 5.71406 2.58594ZM2.58594 5.71406C2.80156 5.20469 3.08594 4.73281 3.43281 4.30469C3.82187 4.64062 4.24844 4.93437 4.70625 5.17812C4.525 5.91094 4.4125 6.71562 4.38281 7.5625H2.14062C2.1875 6.92344 2.3375 6.30313 2.58594 5.71406ZM2.14062 8.4375H4.38281C4.4125 9.28438 4.525 10.0891 4.70625 10.8219C4.25059 11.0647 3.82347 11.3577 3.43281 11.6953C2.6788 10.7672 2.22776 9.6301 2.14062 8.4375ZM5.71406 13.4141C5.09375 13.1516 4.52969 12.7891 4.03281 12.3328C4.32188 12.0859 4.63281 11.8687 4.96094 11.6797C5.20625 12.3828 5.52031 12.9938 5.88594 13.4828C5.82812 13.4609 5.77031 13.4375 5.71406 13.4141ZM10.2859 13.4141C10.2281 13.4375 10.1719 13.4609 10.1141 13.4828C10.4797 12.9938 10.7937 12.3828 11.0391 11.6797C11.3672 11.8672 11.6781 12.0859 11.9672 12.3328C11.4731 12.7872 10.9043 13.1529 10.2859 13.4141Z", fill: "#8D8D8D" })));
-exports.LanguageIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
-    'data-component-name': 'icons/LanguageIcon/LanguageIcon',
-})) ``;
-//# sourceMappingURL=LanguageIcon.js.map

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

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

package/lib/icons/LanguageIcon/index.js

@@ -1,18 +0,0 @@
-"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/LanguageIcon/LanguageIcon"), exports);
-//# sourceMappingURL=index.js.map

package/lib/icons/PlusIcon/PlusIcon.d.ts

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

package/lib/icons/PlusIcon/PlusIcon.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlusIcon = 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: "16", height: "16", viewBox: "0 0 16 16", fill: "black", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { d: "M7.53125 2.375H8.46875C8.55208 2.375 8.59375 2.41667 8.59375 2.5V13.5C8.59375 13.5833 8.55208 13.625 8.46875 13.625H7.53125C7.44792 13.625 7.40625 13.5833 7.40625 13.5V2.5C7.40625 2.41667 7.44792 2.375 7.53125 2.375Z", fill: "inherit" }),
-    react_1.default.createElement("path", { d: "M2.75 7.40625H13.25C13.3333 7.40625 13.375 7.44792 13.375 7.53125V8.46875C13.375 8.55208 13.3333 8.59375 13.25 8.59375H2.75C2.66667 8.59375 2.625 8.55208 2.625 8.46875V7.53125C2.625 7.44792 2.66667 7.40625 2.75 7.40625Z", fill: "inherit" })));
-exports.Icon = Icon;
-exports.PlusIcon = (0, styled_components_1.default)(exports.Icon).attrs(() => ({
-    'data-component-name': 'icons/PlusIcon/PlusIcon',
-})) ``;
-//# sourceMappingURL=PlusIcon.js.map

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

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

package/lib/icons/PlusIcon/index.js

@@ -1,18 +0,0 @@
-"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/PlusIcon/PlusIcon"), exports);
-//# sourceMappingURL=index.js.map

package/lib/icons/PointingArrowIcon/PointingArrowIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const PointingArrowIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
-    'data-component-name': string;
-}, "data-component-name">;

package/lib/icons/PointingArrowIcon/PointingArrowIcon.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PointingArrowIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = () => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "#8D8D8D", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("rect", { width: "16", height: "16", fill: "none" }),
-    react_1.default.createElement("path", { d: "M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z", fill: "inherit" })));
-exports.PointingArrowIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
-    'data-component-name': 'icons/PointingArrowIcon/PointingArrowIcon',
-})) ``;
-//# sourceMappingURL=PointingArrowIcon.js.map

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

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

package/lib/icons/PointingArrowIcon/index.js

@@ -1,18 +0,0 @@
-"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/PointingArrowIcon/PointingArrowIcon"), exports);
-//# sourceMappingURL=index.js.map

package/src/I18n/styledVariables.ts

@@ -1,36 +0,0 @@
-import { css } from "styled-components";
-
-export const languagePicker = 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
-
-  // @tokens End
-`

package/src/components/Breadcrumbs/styledVariables.ts

@@ -1,16 +0,0 @@
-import { css } from 'styled-components';
-
-export const breadcrumbs = css`
-  /**
-   * @tokens Breadcrumbs
-   */
-
-  --breadcrumbs-text-color: var(--text-description); // @presenter Color
-  --breadcrumbs-font-size: var(--font-size-base); // @presenter FontSize
-  --breadcrumbs-active-text-color: var(--text-primary); // @presenter Color
-  --breadcrumbs-hover-text-decoration: underline; // @presenter TextDecoration
-  --breadcrumbs-padding: 0 var(--spacing-xs); // @presenter Spacing
-  --breadcrumbs-margin-bottom: var(--spacing-lg); // @presenter Spacing
-
-  // @tokens End
-`;

package/src/components/Button/styledVariables.ts

@@ -1,91 +0,0 @@
-import { css } from 'styled-components';
-
-export const button = css`
-  /*
-  * Static classnames that can be used to override styles for components:
-  * download-specification-button, next-section-button, button-base
-  */
-
-  /**
-   * @tokens Button borders
-   */
-
-  --button-border-width: 1px; //@presenter Border
-  --button-border-style: solid; //@presenter Border
-  --button-border-radius: var(--border-radius-md); // @presenter BorderRadius
-  --button-margin: 5px; // @presenter Spacing
-  --button-box-shadow: none; // @presenter Shadow
-  --button-hover-box-shadow: var(--bg-base-shadow); // @presenter Shadow
-  --button-active-box-shadow: var(--bg-base-shadow); // @presenter Shadow
-
-  /**
-     * @tokens Button typography
-     */
-
-  --button-font-size: var(--font-size-base); // @presenter FontSize
-  --button-font-family: inherit; // @presenter FontFamily
-  --button-font-weight: var(--font-weight-bold); // @presenter FontWeight
-
-  --button-default-font-size: var(--font-size-base); // @presenter FontSize
-  --button-default-padding: 8px 16px;
-
-  --button-small-font-size: var(--font-size-base); // @presenter FontSize
-  --button-small-padding: 4px 8px;
-
-  --button-large-font-size: var(--font-size-lg); // @presenter FontSize
-  --button-large-padding: 8px 16px;
-
-  /**
-   * @tokens Button icon
-   */
-  --button-icon-width: 1em; // @presenter Spacing
-  --button-icon-height: 1em; // @presenter Spacing
-
-  /**
-    * @tokens Button default
-    */
-  .button-default {
-    --button-color: var(--text-primary); // @presenter Color
-    --button-background-color: var(--bg-overlay); // @presenter Color
-    --button-border-color: var(--bg-overlay);
-
-    --button-hover-background-color: var(--bg-overlay); // @presenter Color
-    --button-hover-border-color: var(--border-primary); // @presenter Color
-
-    --button-active-background-color: var(--bg-overlay); // @presenter Color
-    --button-active-border-color: var(--button-color); // @presenter Color
-
-    --button-disabled-color: var(--text-placeholder); // @presenter Color
-    --button-disabled-background-color: var(--bg-raised); // @presenter Color
-    --button-disabled-border-color: var(--border-secondary); // @presenter Color
-  }
-
-  /**
-    * @tokens Button primary
-    */
-  .button-primary {
-    --button-color: var(--text-light-solid); // @presenter Color
-    --button-background-color: var(--color-primary); // @presenter Color
-    --button-border-color: var(--color-primary); // @presenter Color
-    --button-border: 1px solid var(--button-border-color);
-
-    --button-hover-background-color: var(--color-primary-hover); // @presenter Color
-    --button-hover-border-color: var(--color-primary-hover); // @presenter Color
-
-    --button-active-background-color: var(--color-primary-active); // @presenter Color
-    --button-active-border-color: var(--color-primary-active); // @presenter Color
-
-    --button-disabled-color: var(--text-placeholder); // @presenter Color
-    --button-disabled-background-color: var(--bg-raised); // @presenter Color
-    --button-disabled-border-color: var(--border-secondary); // @presenter Color
-  }
-
-  /**
-    * @tokens Button outline
-    */
-  .button-outlined {
-    --button-background-color: transparent; // @presenter Color
-  }
-
-  // @tokens End
-`;

package/src/components/Catalog/index.ts

@@ -1,4 +0,0 @@
-export * from '@theme/components/Catalog/Catalog';
-export * from '@theme/components/Catalog/CatalogCard';
-export * from '@theme/components/Catalog/useCatalog';
-export * from '@theme/components/Catalog/styledVariables';

package/src/components/Catalog/styledVariables.ts

@@ -1,91 +0,0 @@
-import { css } from 'styled-components';
-
-export const catalog = css`
-  /* === Catalog === */
-  /**
-    * @tokens Catalog page
-    */
-  --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);
-
-  /**
-    * @tokens Catalog page title
-    */
-  --catalog-title-text-color: var(--text-primary);
-  --catalog-title-font-weight: var(--font-weight-bold);
-  --catalog-title-font-size: var(--font-size-heading-3);
-
-  /**
-    * @tokens Catalog page description
-    */
-  --catalog-description-text-color: var(--text-secondary);
-  --catalog-description-font-weight: var(--font-weight-regular);
-  --catalog-description-font-size: var(--font-size-base);
-  --catalog-description-margin-top: var(--spacing-sm);
-  --catalog-description-margin-bottom: var(--spacing-xl);
-
-  /**
-    * @tokens Catalog page separator
-    */
-  --catalog-separator-color: var(--text-description);
-  --catalog-separator-font-size: var(--font-size-base);
-  --catalog-separator-font-weight: var(--font-weight-regular);
-  --catalog-separator-border-color: var(--border-secondary);
-  --catalog-separator-margin: 0 0 var(--spacing-base) 0;
-  --catalog-separator-padding: var(--spacing-xxs) 0 0 0;
-  --catalog-separator-label-margin: 0 var(--spacing-xs);
-  --catalog-separator-count-height: var(--control-height-xs);
-  --catalog-separator-count-padding: 0 var(--spacing-xxs);
-  --catalog-separator-count-border-radius: var(--spacing-sm);
-  --catalog-separator-count-border-color: var(--border-secondary);
-  --catalog-separator-count-background: var(--bg-raised);
-
-  /**
-    * @tokens Catalog card
-    */
-  --catalog-card-min-height: 214px;
-  --catalog-card-text-color: var(--text-secondary);
-  --catalog-card-font-size: var(--font-size-base);
-  --catalog-card-font-weight: var(--font-weight-regular);
-  --catalog-card-background-color: var(--bg-raised);
-  --catalog-card-border-color: var(--border-secondary);
-  --catalog-card-hover-border-color: var(--border-primary);
-  --catalog-card-border-radius: var(--spacing-xs);
-
-  /**
-    * @tokens Catalog card button
-    */
-  --catalog-card-icon-color: var(--text-secondary);
-  --catalog-card-icon-hover-color: var(--text-primary);
-  --catalog-card-button-hover-background: var(--bg-overlay);
-  --catalog-card-button-height: var(--spacing-xl);
-  --catalog-card-button-width: var(--spacing-xl);
-  --catalog-card-button-border-color: var(--border-secondary);
-  --catalog-cards-group-margin: 0 0 var(--spacing-base) 0;
-
-  /**
-    * @tokens Catalog card title
-    */
-  --catalog-card-title-color: var(--text-primary);
-  --catalog-card-title-min-height: calc(var(--spacing-unit) * 18);
-  --catalog-card-title-font-size: var(--font-size-lg);
-  --catalog-card-title-font-weight: var(--font-weight-bold);
-  --catalog-card-title-padding-vertical: var(--spacing-sm);
-  --catalog-card-title-padding-horizontal: var(--spacing-lg);
-
-  /**
-    * @tokens Catalog card description
-    */
-  --catalog-card-description-line-clamp: 3;
-  --catalog-card-description-margin-bottom: var(--spacing-base);
-  --catalog-card-content-background-color: var(--bg-base);
-  --catalog-card-content-border-radius: var(--spacing-xs);
-  --catalog-card-content-padding: var(--spacing-base);
-  
-  // @tokens End
-`;

package/src/components/CodeBlock/styledVariables.ts

@@ -1,87 +0,0 @@
-import { css } from 'styled-components';
-
-export const code = css`
-  /**
-    * @tokens Code base styles
-    */
-  --code-font-size: 13px; // @presenter FontSize
-  --code-font-family: var(--font-family-monospaced); // @presenter FontFamily
-  --code-font-weight: var(--font-weight-regular); // @presenter FontWeight
-  --code-line-height: var(--line-height-xsm); // @presenter LineHeight
-  --code-wrap: pre;
-  --code-word-break: break-word;
-
-  /**
-    * @tokens Inline Code
-    */
-  --inline-code-font-size: var(--code-font-size); // @presenter FontSize
-  --inline-code-font-family: var(--code-font-family); // @presenter FontFamily
-  --inline-code-font-weight: var(--code-font-weight); // @presenter FontWeight
-  --inline-code-line-height: var(--code-line-height); // @presenter LineHeight
-  --inline-code-text-color: var(--text-secondary); // @presenter Color
-  --inline-code-background-color: var(--bg-overlay); // @presenter Color
-  --inline-code-border-color: var(--border-primary); // @presenter Color
-  --inline-code-border-radius: var(--border-radius); // @presenter BorderRadius
-
-  /**
-    * @tokens Code Block
-    */
-  --code-block-font-size: var(--code-font-size); // @presenter FontSize
-  --code-block-font-family: var(--code-font-family); // @presenter FontFamily
-  --code-block-text-color: var(--text-secondary); // @presenter Color
-  --code-block-background-color: var(--bg-raised); // @presenter Color
-  --code-block-border-color: var(--border-primary); // @presenter Color
-  --code-block-border-radius: var(--border-radius-lg); // @presenter BorderRadius
-  --code-block-padding: calc(var(--spacing-unit) * 2);
-  --code-block-margin: 0;
-  --code-block-max-height: 50vh;
-  --code-block-word-break: initial;
-
-  /**
-    * @tokens Code Block controls
-    */
-
-  --code-block-controls-font-size: var(--font-size-base); // @presenter FontSize
-  --code-block-controls-font-family: var(--font-family-base); // @presenter FontFamily
-  --code-block-controls-text-color: var(--text-secondary); // @presenter Color
-  --code-block-controls-background-color: var(--bg-overlay); // @presenter Color
-  --code-block-controls-border: 1px solid var(--border-primary); // @presenter Border
-  --code-block-controls-padding: 0 5px; // @presenter Spacing
-  --code-block-icon-controls-background-color: var(--code-block-controls-background-color);
-  --code-block-text-controls-background-color: var(--code-block-controls-background-color);
-
-  /**
-    * @tokens Code Block tokens
-   */
-  --code-block-tokens-default-color: var(--text-secondary); // @presenter Color
-  --code-block-tokens-comment-color: hsl(30, 20%, 50%); // @presenter Color
-  --code-block-tokens-prolog-color: var(--code-block-tokens-comment-color); // @presenter Color
-  --code-block-tokens-doctype-color: var(--code-block-tokens-comment-color); // @presenter Color
-  --code-block-tokens-cdata-color: var(--code-block-tokens-comment-color); // @presenter Color
-  --code-block-tokens-property-color: var(--code-block-tokens-default-color); // @presenter Color
-  --code-block-tokens-tag-color: var(--code-block-tokens-default-color); // @presenter Color
-  --code-block-tokens-number-color: var(--code-block-tokens-default-color); // @presenter Color
-  --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-gold-8); // @presenter Color
-  --code-block-tokens-property-string-color: var(--color-green-6); // @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-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-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-4); // @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
-
-  // @tokens End
-`;

package/src/components/Dropdown/styledVariables.ts

@@ -1,27 +0,0 @@
-import { css } from "styled-components";
-
-export const dropdown = css`
-  /**
-    * @tokens Dropdown
-    * */
-  --dropdown-font-size: var(--font-size-base); // @presenter FontSize
-  --dropdown-font-weight: var(--font-weight-regular); // @presenter FontWeight
-  --dropdown-line-height: var(--line-height-base); // @presenter LineHeight
-  --dropdown-text-color: var(--text-secondary); // @presenter Color
-  --dropdown-border-radius: var(--border-radius); // @presenter BorderRadius
-
-  --dropdown-list-min-width: 100px;
-  --dropdown-list-max-width: 300px;
-  --dropdown-list-padding: var(--spacing-xxs); // @presenter Spacing
-  --dropdown-list-border-radius: var(--border-radius-lg); // @presenter BorderRadius
-  --dropdown-list-background-color: var(--background-color); // @presenter Color
-  --dropdown-list-box-shadow: var(--bg-raised-shadow); // @presenter Shadow
-
-  --dropdown-list-item-horizontal-padding: var(--spacing-base); // @presenter Spacing
-  --dropdown-list-item-vertical-padding: var(--spacing-xs); // @presenter Spacing
-  --dropdown-list-item-border-radius: var(--border-radius); // @presenter BorderRadius
-  --dropdown-list-item-active-background-color: var(--bg-raised); // @presenter Color
-  --dropdown-list-item-separator-color: var(--border-primary); // @presenter Color
-
-  // @tokens End
-`;