@redocly/theme 0.18.3-patch.8 → 0.18.4

package/src/ui/darkColors.tsx

@@ -1,222 +1,89 @@
 import { css } from 'styled-components';
 
 export const darkMode = css`
-  /* === Dark Theme Colors  === */
-
   /**
-    * @tokens Dark Base Colors
-    * @presenter Color
-    */
-
-  --color-red-1: #2c161c;
-  --color-red-2: #451d25;
-  --color-red-3: #5b252f;
-  --color-red-4: #7e2e3c;
-  --color-red-5: #a61d24;
-  --color-red-6: #d32029;
-  --color-red-7: #e84749;
-  --color-red-8: #f37370;
-  --color-red-9: #f89f9a;
-  --color-red-10: #fac8c3;
-
-  --color-green-1: #162312;
-  --color-green-2: #1d3712;
-  --color-green-3: #274916;
-  --color-green-4: #306317;
-  --color-green-5: #3c8618;
-  --color-green-6: #49aa19;
-  --color-green-7: #6abe39;
-  --color-green-8: #8fd460;
-  --color-green-9: #b2e58b;
-  --color-green-10: #d5f2bb;
-
-  --color-gold-1: #2b2111;
-  --color-gold-2: #443111;
-  --color-gold-3: #594214;
-  --color-gold-4: #7c5914;
-  --color-gold-5: #aa7714;
-  --color-gold-6: #d89614;
-  --color-gold-7: #e8b339;
-  --color-gold-8: #f3cc62;
-  --color-gold-9: #f8df8b;
-  --color-gold-10: #faedb5;
-
-  --color-blue-1: #111a2c;
-  --color-blue-2: #112545;
-  --color-blue-3: #15325b;
-  --color-blue-4: #15417e;
-  --color-blue-5: #1554ad;
-  --color-blue-6: #1668dc;
-  --color-blue-7: #3c89e8;
-  --color-blue-8: #65a9f3;
-  --color-blue-9: #8dc5f8;
-  --color-blue-10: #b7dcfa;
-
-  --color-purple-1: #1a1325;
-  --color-purple-2: #24163a;
-  --color-purple-3: #301c4d;
-  --color-purple-4: #3e2069;
-  --color-purple-5: #51258f;
-  --color-purple-6: #642ab5;
-  --color-purple-7: #854eca;
-  --color-purple-8: #ab7ae0;
-  --color-purple-9: #cda8f0;
-  --color-purple-10: #ebd7fa;
-
-  --color-magenta-1: #291321;
-  --color-magenta-2: #40162f;
-  --color-magenta-3: #551c3b;
-  --color-magenta-4: #75204f;
-  --color-magenta-5: #a02669;
-  --color-magenta-6: #cb2b83;
-  --color-magenta-7: #e0529c;
-  --color-magenta-8: #f37fb7;
-  --color-magenta-9: #f8a8cc;
-  --color-magenta-10: #fad2e3;
-
-  --color-cyan-1: #112123;
-  --color-cyan-2: #113536;
-  --color-cyan-3: #144848;
-  --color-cyan-4: #146262;
-  --color-cyan-5: #138585;
-  --color-cyan-6: #13a8a8;
-  --color-cyan-7: #33bcb7;
-  --color-cyan-8: #58d1c9;
-  --color-cyan-9: #84e2d8;
-  --color-cyan-10: #b2f1e8;
-
-  --color-yellow-1: #2b2611;
-  --color-yellow-2: #443b11;
-  --color-yellow-3: #595014;
-  --color-yellow-4: #7c6e14;
-  --color-yellow-5: #aa9514;
-  --color-yellow-6: #d8bd14;
-  --color-yellow-7: #e8d639;
-  --color-yellow-8: #f3ea62;
-  --color-yellow-9: #f8f48b;
-  --color-yellow-10: #fafab5;
-
-  --color-lime-1: #1f2611;
-  --color-lime-2: #2e3c10;
-  --color-lime-3: #3e4f13;
-  --color-lime-4: #536d13;
-  --color-lime-5: #6f9412;
-  --color-lime-6: #8bbb11;
-  --color-lime-7: #a9d134;
-  --color-lime-8: #c9e75d;
-  --color-lime-9: #e4f88b;
-  --color-lime-10: #f0fab5;
-
-  --color-geekblue-1: #131629;
-  --color-geekblue-2: #161d40;
-  --color-geekblue-3: #1c2755;
-  --color-geekblue-4: #203175;
-  --color-geekblue-5: #263ea0;
-  --color-geekblue-6: #2b4acb;
-  --color-geekblue-7: #5273e0;
-  --color-geekblue-8: #7f9ef3;
-  --color-geekblue-9: #a8c1f8;
-  --color-geekblue-10: #d2e0fa;
-
-  --color-primary-bg: #0d086e;
-  --color-primary-bg-hover: #161087;
-  --color-primary-border: #201dad;
-  --color-primary-border-hover: #2f31d4;
-  --color-primary-hover: #6678ff;
-  --color-primary-base: #434dfa;
-  --color-primary-active: #8a99ff;
-  --color-primary-text-hover: #adbcff;
-  --color-primary-text: #d6dfff;
-  --color-primary-text-active: #ebf0ff;
-
-  --color-success-bg: var(--color-cyan-3);
-  --color-success-bg-hover: var(--color-cyan-2);
-  --color-success-border: var(--color-cyan-3);
-  --color-success-border-hover: var(--color-cyan-4);
-  --color-success-hover: var(--color-cyan-7);
-  --color-success-base: var(--color-cyan-6);
-  --color-success-active: var(--color-cyan-7);
-  --color-success-text-hover: var(--color-cyan-8);
-  --color-success-text: var(--color-cyan-9);
-  --color-success-text-active: var(--color-cyan-10);
-
-  --color-warning-bg: var(--color-gold-3);
-  --color-warning-bg-hover: var(--color-gold-2);
-  --color-warning-border: var(--color-gold-3);
-  --color-warning-border-hover: var(--color-gold-4);
-  --color-warning-hover: var(--color-gold-7);
-  --color-warning-base: var(--color-gold-6);
-  --color-warning-active: var(--color-gold-7);
-  --color-warning-text-hover: var(--color-gold-8);
-  --color-warning-text: var(--color-gold-9);
-  --color-warning-text-active: var(--color-gold-10);
-
-  --color-error-bg: var(--color-red-3);
-  --color-error-bg-hover: var(--color-red-2);
-  --color-error-border: var(--color-red-3);
-  --color-error-border-hover: var(--color-red-4);
-  --color-error-hover: var(--color-red-7);
-  --color-error-base: var(--color-red-6);
-  --color-error-active: var(--color-red-7);
-  --color-error-text-hover: var(--color-red-8);
-  --color-error-text: var(--color-red-9);
-  --color-error-text-active: var(--color-red-10);
-
-  --color-info-bg: var(--color-blue-1);
-  --color-info-bg-hover: var(--color-blue-2);
-  --color-info-border: var(--color-blue-3);
-  --color-info-border-hover: var(--color-blue-4);
-  --color-info-hover: var(--color-blue-7);
-  --color-info-base: var(--color-blue-6);
-  --color-info-active: var(--color-blue-7);
-  --color-info-text-hover: var(--color-blue-8);
-  --color-info-text: var(--color-blue-9);
-  --color-info-text-active: var(--color-blue-10);
-
-  /**
-    * @tokens Dark Main Colors
-    * @presenter Color
-    */
-  --color-bg-base: #ffffff;
-  --color-primary: var(--color-primary-base);
-  --color-error: var(--color-error-base);
-  --color-warning: var(--color-warning-base);
-  --color-success: var(--color-success-base);
-  --color-info: var(--color-info-base);
-
-  /**
-    * @tokens Font Colors
-    * @presenter Color
-    */
-  --text-base: #ffffff; // The base color of the typography color tokens.
-  --text-light-solid: #ffffff; // The color of the objects that need to be white no matter what theme is enabled.
-  --text-primary: #ffffffde; // Headers, Icon hover
-  --text-secondary: #ffffff99; // Body text
-  --text-description: #ffffff61; // Caption, Description, Icon
-  --text-placeholder: #ffffff61; // Placeholder text, Disabled text
-  --text-link: var(--color-blue-6);
-
-  /**
-    * @tokens Elevation Colors
-    * @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-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
-  --bg-overlay-shadow: 0px 16px 32px rgba(0, 0, 0, 0.6), 0px 6px 6px rgba(0, 0, 0, 0.4); // Use for dropdowns
-
-  /**
-    * @tokens Border Colors
-    * @presenter Color
-    */
-  --border-primary: #424242; // Raised dividers
-  --border-secondary: #222222; // Default dividers, borders
-
-  // @tokens End
+     * @tokens Dark Colors
+     * @presenter Color
+     */
+  --background-color: #141414;
+  --footer-background-color: #1f1f1f;
+  --navbar-background-color: #1f1f1f;
+  --mobile-menu-background: #141414;
+  --mobile-menu-profile-background: var(--mobile-menu-background);
+  --mobile-menu-login-button-background: var(--mobile-menu-profile-background);
+  --mobile-menu-item-text-color: rgba(255, 255, 255, 0.6);
+  --mobile-menu-item-active-color: #1f1f1f;
+  --mobile-menu-item-active-text-color: rgba(255, 255, 255, 0.85);
+  --mobile-menu-control-button-color: #ffffff;
+  --mobile-menu-profile-border-color: #222222;
+  --color-primary-500: #57a5fd;
+  --color-primary-300: #15396e;
+  --color-secondary-300: #22262e;
+  --colors-translucent: rgb(50 63 75 / 40%);
+  --inline-code-text-color: #f76663;
+  --color-emphasis-400: #fff;
+  --link-hover-text-color: #57a5fd;
+  --link-text-color: #57a5fd;
+  --code-block-background-color: #1e2633;
+  --admonition-attention-background-color: var(--color-primary-300);
+  --admonition-attention-icon-color: var(--color-emphasis-700);
+  --admonition-warning-background-color: #614b17;
+  --admonition-warning-icon-color: #4c3b12;
+  --admonition-success-background-color: #267e74;
+  --admonition-success-icon-color: #38b9a5;
+  --admonition-danger-background-color: #d6524c;
+  --admonition-danger-icon-color: #d13e37;
+  --admonition-info-background-color: #696969;
+  --admonition-info-icon-color: #505050;
+  --inline-code-background-color: #1e2633;
+  --toc-item-active-background-color: #1e2633;
+  --sidebar-item-active-background-color: #1e2633;
+  --panel-response-success-heading-background-color: #38b9a5;
+  --panel-response-success-border-color: #38b9a5;
+  --panel-response-error-heading-background-color: #d6524c;
+  --panel-response-error-border-color: #d6524c;
+  --panel-samples-heading-background-color: #1e2633;
+  --panel-samples-body-background-color: #263041;
+  --panel-samples-tabs-hover-background-color: #1e2633;
+  --panel-samples-tabs-hover-border-color: #3f4f68;
+  --panel-try-it-action-button-hover-border-color: #2b4cc4;
+  --panel-try-it-action-button-hover-background-color: #2b4cc4;
+  --panel-try-it-action-button-background-color: #0065fb;
+  --button-background-color: #0065fb;
+  --button-border-color: #0065fb;
+  --button-hover-background-color: #2b4cc4;
+  --button-hover-border-color: #2b4cc4;
+  --search-input-background-color: #1b2738;
+  --search-popover-background-color: #1b2738;
+  --search-highlight-text-color: #ffff03;
+  --search-item-text-color: #ffffffcf;
+  --search-item-title-text-color: #ffffff;
+  --search-item-active-text-color: var(--text-color);
+  --search-item-active-title-text-color: var(--text-color);
+  --search-item-active-background-color: #1b2738;
+  --panel-try-it-nested-body-background-color: #263041;
+  --panel-try-it-tabs-active-background-color: #11151d;
+  --panel-try-it-tabs-hover-background-color: #141a26;
+  --color-emphasis-100: #16202e;
+  --color-secondary-400: #696969;
+  --color-emphasis-700: #fff;
+  --color-emphasis-800: #fff;
+  --copy-button-tooltip-text-color: #fff;
+  --copy-button-tooltip-background-color: var(--tooltip-background-color);
+  --tooltip-text-color: #fff;
+  --md-table-head-background-color: var(--color-secondary-300);
+  --md-tabs-hover-tab-border-color: var(--color-secondary-500);
+  --thin-tile-background-color: #1d242d;
+  --wide-tile-background-color: #1d242d;
+  --page-404-header-text-color: #fff;
+  --page-404-description-text-color: #fff;
+  --page-403-header-text-color: #fff;
+  --page-403-description-text-color: #fff;
+  --checkbox-backround-color: var(--color-secondary-900);
+  --checkbox-checked-backround-color: var(--color-primary-400);
+  --select-list-item-active-background-color: #282828;
+  --dropdown-list-item-active-background-color: #282828;
+
+  background-color: var(--background-color);
+  color: var(--text-color);
 `;

package/src/utils/css-variables.ts

@@ -1,4 +1,2 @@
-export const getCssColorVariable = (
-  color: string | undefined,
-  defaultValue = 'currentColor',
-): string => (color?.startsWith('--') ? `var(${color})` : color || defaultValue);
+export const getCssColorVariable = (color: string | undefined, defaultValue = 'inherit'): string =>
+  color?.startsWith('--') ? `var(${color})` : color || defaultValue;

package/src/utils/index.ts

@@ -9,4 +9,3 @@ export * from './args-typecheck';
 export * from './color';
 export * from './urls';
 export * from './jsUtils';
-export * from './tags-parser';

package/lib/I18n/styledVariables.d.ts

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

package/lib/I18n/styledVariables.js

@@ -1,40 +0,0 @@
-"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/components/Breadcrumbs/styledVariables.d.ts

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

package/lib/components/Breadcrumbs/styledVariables.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.breadcrumbs = void 0;
-const styled_components_1 = require("styled-components");
-exports.breadcrumbs = (0, styled_components_1.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; // @presenter Spacing
-  --breadcrumbs-gap: var(--spacing-xs);
-  --breadcrumbs-margin-bottom: var(--spacing-lg); // @presenter Spacing
-
-  // @tokens End
-`;
-//# sourceMappingURL=styledVariables.js.map

package/lib/components/Button/styledVariables.d.ts

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

package/lib/components/Button/styledVariables.js

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.button = void 0;
-const styled_components_1 = require("styled-components");
-exports.button = (0, styled_components_1.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: none; // @presenter Shadow
-  --button-active-box-shadow: none; // @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 Button text
-    */
-  .button-text {
-    --button-color: var(--text-secondary); // @presenter Color
-    --button-border-color: transparent; // @presenter Color
-    --button-background-color: transparent; // @presenter Color
-
-    --button-hover-color: var(--text-primary); // @presenter Color
-    --button-hover-background-color: transparent; // @presenter Color
-    --button-hover-border-color: transparent; // @presenter Color
-  }
-
-  // @tokens End
-`;
-//# sourceMappingURL=styledVariables.js.map

package/lib/components/Catalog/styledVariables.d.ts

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

package/lib/components/Catalog/styledVariables.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.catalog = void 0;
-const styled_components_1 = require("styled-components");
-exports.catalog = (0, styled_components_1.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(--border-radius-xlg);
-  --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-border-width: var(--border-width);
-  --catalog-card-border-style: var(--border-style);
-  --catalog-card-hover-border-color: var(--border-primary);
-  --catalog-card-border-radius: var(--border-radius-lg);
-
-  /**
-    * @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(--border-radius-lg);
-  --catalog-card-content-padding: var(--spacing-base);
-  
-  // @tokens End
-`;
-//# sourceMappingURL=styledVariables.js.map

package/lib/components/CodeBlock/styledVariables.d.ts

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