@redocly/theme 0.18.3-patch.0 → 0.18.3

package/src/components/Markdown/styledVariables.ts

@@ -1,219 +0,0 @@
-import { css } from "styled-components";
-
-export const admonition = css`
-  /* === Admonitions === */
-
-  /**
-  * @tokens Admonition typography
-  */
-
-  --admonition-font-size: var(--font-size-base); // @presenter FontSize
-  --admonition-font-weight: var(--font-weight-regular); // @presenter FontWeight
-  --admonition-line-height: var(--line-height-base); // @presenter LineHeight
-  --admonition-heading-font-size: var(--font-size-base); // @presenter FontSize
-  --admonition-heading-font-weight: var(--font-weight-bold); // @presenter FontWeight
-  --admonition-heading-letter-spacing: 0.3px; // @presenter LetterSpacing
-  --admonition-heading-transform: uppercase;
-
-  /**
-  * @tokens Admonition spacing
-  * @presenter Spacing
-  */
-
-  --admonition-margin-horizontal: 0;
-  --admonition-margin-vertical:  var(--spacing-xs);
-  --admonition-padding-horizontal: var(--spacing-base);
-  --admonition-padding-vertical:  var(--spacing-base);
-  --admonition-icon-size: 25px;
-
-  /**
-  * @tokens Admonition border
-  */
-
-  --admonition-border-radius: var(--border-radius-lg); // @presenter BorderRadius
-  --admonition-border-style: var(--border-style);
-  --admonition-border-width: var(--border-width);
-
-  /**
-  * @tokens Admonition type info
-  */
-
-  --admonition-info-background-color: var(--color-info-bg); // @presenter Color
-  --admonition-info-heading-text-color: var(--text-primary); // @presenter Color
-  --admonition-info-text-color: var(--text-secondary); // @presenter Color
-  --admonition-info-icon-color: var(--color-info-base); // @presenter Color
-  --admonition-info-border-color: inherit; // @presenter Color
-  --admonition-info-border-style: var(--admonition-border-style);
-  --admonition-info-border-width: var(--admonition-border-width);
-  --admonition-info-border: var(--admonition-info-border-width) var(--admonition-info-border-style)
-    var(--admonition-info-border-color); // @presenter Border
-  --admonition-info-icon: none;
-
-  /**
-  * @tokens Admonition type attention
-  * @presenter Color
-  */
-
-  --admonition-attention-background-color: var(--color-yellow-1); // @presenter Color
-  --admonition-attention-text-color: var(--text-secondary); // @presenter Color
-  --admonition-attention-heading-text-color: var(--text-primary); // @presenter Color
-  --admonition-attention-icon-color: var(--color-yellow-6); // @presenter Color
-  --admonition-attention-border-color: inherit; // @presenter Color
-  --admonition-attention-border-style: var(--admonition-border-style);
-  --admonition-attention-border-width: var(--admonition-border-width);
-  --admonition-attention-border: var(--admonition-attention-border-width)
-    var(--admonition-attention-border-style) var(--admonition-attention-border-color); // @presenter Border
-  --admonition-attention-icon: none;
-
-  /**
-  * @tokens Admonition type warning
-  */
-
-  /* warning */
-  --admonition-warning-background-color: var(--color-warning-bg); // @presenter Color
-  --admonition-warning-text-color: var(--text-secondary); // @presenter Color
-  --admonition-warning-heading-text-color: var(--text-primary); // @presenter Color
-  --admonition-warning-icon-color: var(--color-warning-base); // @presenter Color
-  --admonition-warning-border-color: inherit; // @presenter Color
-  --admonition-warning-border-style: var(--admonition-border-style); // @presenter Color
-  --admonition-warning-border-width: var(--admonition-border-width); // @presenter Color
-  --admonition-warning-border: var(--admonition-warning-border-width)
-    var(--admonition-warning-border-style) var(--admonition-warning-border-color); // @presenter Border
-  --admonition-warning-icon: none;
-
-  /**
-  * @tokens Admonition type danger
-  */
-
-  --admonition-danger-background-color: var(--color-error-bg); // @presenter Color
-  --admonition-danger-text-color: var(--text-secondary); // @presenter Color
-  --admonition-danger-heading-text-color: var(--text-primary); // @presenter Color
-  --admonition-danger-icon-color: var(--color-error-base); // @presenter Color
-  --admonition-danger-border-color: inherit; // @presenter Color
-  --admonition-danger-border-style: var(--admonition-border-style); // @presenter Color
-  --admonition-danger-border-width: var(--admonition-border-width); // @presenter Color
-  --admonition-danger-border: var(--admonition-danger-border-width)
-    var(--admonition-danger-border-style) var(--admonition-danger-border-color); // @presenter Border
-  --admonition-danger-icon: none;
-
-  /**
-  * @tokens Admonition type success
-  */
-
-  --admonition-success-background-color: var(--color-success-bg); // @presenter Color
-  --admonition-success-text-color: var(--text-secondary); // @presenter Color
-  --admonition-success-heading-text-color: var(--text-primary); // @presenter Color
-  --admonition-success-icon-color: var(--color-success-base); // @presenter Color
-  --admonition-success-border-color: inherit; // @presenter Color
-  --admonition-success-border-style: var(--admonition-border-style); // @presenter Color
-  --admonition-success-border-width: var(--admonition-border-width); // @presenter Color
-  --admonition-success-border: var(--admonition-success-border-width)
-    var(--admonition-success-border-style) var(--admonition-success-border-color); // @presenter Border
-  --admonition-success-icon: none;
-
-  // @tokens End
-`;
-
-export const markdown = css`
-  /**
-  * @tokens Markdown Container
-  */
-
-  --md-container-max-width: 910px;
-  --md-container-padding-vertical: 25px; // @presenter Spacing
-  --md-container-padding-horizontal: 0px; // @presenter Spacing
-
-  /**
-  * @tokens Markdown Blockquote
-  */
-
-  --md-blockquote-margin-vertical: 1.5em; // @presenter Spacing
-  --md-blockquote-margin-horizontal: 0; // @presenter Spacing
-  --md-blockquote-padding-vertical: 0; // @presenter Spacing
-  --md-blockquote-padding-horizontal: var(--spacing-base); // @presenter Spacing
-  --md-blockquote-border-color: var(--border-primary); // @presenter Color
-  --md-blockquote-background-color: transparent; // @presenter Color
-  --md-blockquote-border-left: 4px solid var(--md-blockquote-border-color); // @presenter Border
-  --md-blockquote-text-color: var(--text-secondary); // @presenter Color
-  --md-blockquote-box-shadow: none; // @presenter Shadow
-
-  /**
-  * @tokens Markdown Paragraph
-  */
-
-  --md-paragraph-margin-vertical: 10px; // @presenter Spacing
-  --md-paragraph-margin-horizontal: 0px; // @presenter Spacing
-
-  /**
-  * @tokens Markdown Table
-  */
-
-  --md-table-font-size: var(--font-size-base); // @presenter FontSize
-  --md-table-margin-vertical: 20px; // @presenter Spacing
-  --md-table-background-color: transparent; // @presenter Color
-
-  --md-table-border-radius: var(--border-radius-lg); // @presenter BorderRadius
-  --md-table-border-width: 1px;
-  --md-table-border-color: var(--border-primary); // @presenter Color
-
-  --md-table-stripe-background-color: var(--md-table-background-color); // @presenter Color
-
-  --md-table-cell-text-color: var(--text-secondary); // @presenter Color
-  --md-table-cell-padding: var(--spacing-sm); // @presenter Spacing
-
-  --md-table-head-background-color: var(--bg-overlay); // @presenter Color
-  --md-table-head-text-color: var(--text-primary); // @presenter Color
-  --md-table-head-font-weight: var(--font-weight-bold); // @presenter FontWeight
-
-  /**
-  * @tokens Markdown Horizontal Rule
-  */
-
-  --md-hr-background-color: transparent; // @presenter Color
-  --md-hr-border-color: var(--border-primary); // @presenter Color
-  --md-hr-height: unset;
-  --md-hr-margin-vertical: 20px; // @presenter Spacing
-
-  /**
-  * @tokens Markdown List
-  */
-
-  --md-list-left-padding: 2rem; // @presenter Spacing
-  --md-list-margin: 1rem; // @presenter Spacing
-  --md-list-item-margin: 0.25rem; // @presenter Spacing
-  --md-list-item-style: inherit;
-
-
-  /**
-  * @tokens Markdown Checkbox List
-  */
-
-  --md-checkbox-list-item-style: none;
-
-  /**
-  * @tokens Markdown Numbered List
-  */
-
-  --md-numbered-list-number-display: none;
-  --md-numbered-list-item-style: var(--md-list-item-style);
-  --md-numbered-list-number-text-color: var(--text-secondary); // @presenter Color
-  --md-numbered-list-number-font-size: var(--font-size-base); // @presenter FontSize
-  --md-numbered-list-number-font-family: var(--font-size-base); // @presenter FontFamily
-  --md-numbered-list-number-font-weight: var(--font-weight-regular); // @presenter FontWeight
-  --md-numbered-list-number-background-color: var(--bg-raised); // @presenter Color
-  --md-numbered-list-number-border-radius: 10px; // @presenter BorderRadius
-  --md-numbered-list-number-margin-right: 5px; // @presenter Spacing
-  --md-numbered-list-number-padding: 0 5px; // @presenter Spacing
-
-  // @tokens End
-
-  /**
-  * @tokens Markdown Tabs
-  */
-
-  --md-tabs-tab-text-color: var(--text-secondary); // @presenter Color
-  --md-tabs-active-tab-border-color: var(--border-primary); // @presenter Color
-  --md-tabs-hover-tab-border-color: var(--border-secondary); // @presenter Color
-
-  // @tokens End
-`;

package/src/components/Menu/styledVariables.ts

@@ -1,88 +0,0 @@
-import { css } from 'styled-components';
-
-export const mobileMenu = css`
-  /**
-      * @tokens Mobile Menu icons
-      */
-  --mobile-menu-icons-size: var(--spacing-md); // @presenter Spacing
-  --mobile-menu-search-icon-size: calc(var(--spacing-md) - 2px); // @presenter Spacing
-
-  /**
-      * @tokens Mobile Menu wrapper
-      * */
-  --mobile-menu-wrapper-height: calc(100vh - var(--navbar-height));
-  --mobile-menu-wrapper-width: 100%;
-  --mobile-menu-wrapper-z-index: var(--z-index-raised);
-  --mobile-menu-wrapper-left: 0;
-  --mobile-menu-wrapper-top: var(--navbar-height);
-  --mobile-menu-wrapper-transition: 0.5s;
-  --mobile-menu-wrapper-background: var(--bg-base); // @presenter Color
-
-  /**
-      * @tokens Mobile Menu
-      * */
-  --mobile-menu-margin: var(--mobile-menu-items-margin-top) var(--mobile-menu-horizontal-margin) 0
-    var(--mobile-menu-horizontal-margin);
-  --mobile-menu-line-height: var(--line-height-base); // @presenter LineHeight
-  --mobile-menu-padding-top: var(--spacing-sm); // @presenter Spacing
-  --mobile-menu-items-margin-top: var(--spacing-xxs); // @presenter Spacing
-  --mobile-menu-burger-button-margin: var(--spacing-xs); // @presenter Spacing
-  --mobile-menu-background: var(--bg-base); // @presenter Color
-  --mobile-menu-profile-background: var(--bg-base); // @presenter Color
-  --mobile-menu-profile-border-color: var(--border-secondary); // @presenter Color
-  --mobile-menu-group-padding-right: var(--spacing-base); // @presenter Spacing
-  --mobile-menu-horizontal-margin: var(--spacing-xs); // @presenter Spacing
-  --mobile-menu-item-margin: 0; // @presenter Spacing
-  --mobile-menu-item-nested-offset: var(--spacing-xs); // @presenter Spacing
-  --mobile-menu-item-radius: var(--border-radius-md); // @presenter Spacing
-  --mobile-menu-item-text-color: var(--text-secondary); // @presenter Color
-  --mobile-menu-item-active-background-color: var(--bg-raised); // @presenter Color
-  --mobile-menu-item-active-text-color: var(--text-primary); // @presenter Color
-
-  /**
-      * @tokens Mobile Menu control button
-      * */
-  --mobile-menu-control-button-padding-vertical: 0; // @presenter Spacing
-  --mobile-menu-control-button-padding-horizontal: var(--spacing-xxs); // @presenter Spacing
-  --mobile-menu-control-button-padding: var(--mobile-menu-control-button-padding-vertical) var(--mobile-menu-control-button-padding-horizontal); // @presenter Spacing
-  --mobile-menu-control-button-margin-vertical: 0; // @presenter Spacing
-  --mobile-menu-control-button-margin-horizontal: var(--spacing-xs); // @presenter Spacing
-  --mobile-menu-control-button-margin: var(--mobile-menu-control-button-margin-vertical) var(--mobile-menu-control-button-margin-horizontal); // @presenter Spacing
-  --mobile-menu-control-button-font-size: var(--font-size-base); // @presenter FontSize
-  --mobile-menu-control-button-weight: var(--font-weight-regular); // @presenter FontWeight
-  --mobile-menu-control-button-color: var(--mobile-menu-item-text-color); // @presenter Color
-  --mobile-menu-control-button-hover-color: var(--text-primary); // @presenter Color
-  --mobile-menu-control-button-text-align: center;
-  --mobile-menu-control-button-line-height: var(--line-height-base); // @presenter LineHeight
-
-  /**
-      * @tokens Mobile Menu Login button
-      * */
-  --mobile-menu-login-button-background: var(--color-primary-base); // @presenter Color
-  --mobile-menu-login-button-color: var(--color-primary-text); // @presenter Color
-
-  // @tokens End
-`;
-
-export const menu = css`
-  /**
-    * @tokens Menu
-    */
-  --menu-padding: 0;
-  --menu-margin: 0;
-  --menu-list-style: none;
-  --menu-text-color: var(--sidebar-item-text-color);
-
-  --menu-item-label-align-items: center;
-  --menu-item-label-transition: background-color 0.3s, color 0.3s;
-  --menu-item-label-word-break: break-word;
-  --menu-item-label-margin: 0 var(--sidebar-margin-horizontal);
-  --menu-item-label-padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal);
-
-  --menu-product-name-color: var(--mobile-menu-item-text-color);
-  --menu-product-name-border-radius: var(--mobile-menu-item-radius);
-  --menu-product-name-border-color: 1px solid rgba(0, 0, 0, 0.06);
-  --menu-product-name-padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal);
-  --menu-product-name-margin: var(--spacing-sm) var(--spacing-xs) 0 var(--spacing-xs);
-  // @tokens End
-`;

package/src/components/Navbar/styledVariables.ts

@@ -1,37 +0,0 @@
-import { css } from 'styled-components';
-
-export const navbar = css`
-  --navbar-background-color: var(--bg-raised); // @presenter Color
-  --navbar-border-color: var(--border-secondary);
-  --navbar-border: 1px solid var(--navbar-border-color);
-
-  --navbar-text-color: var(--text-secondary); // @presenter Color
-  --navbar-height: 64px; // @presenter Spacing
-  --navbar-font-size: var(--font-size-base);
-  --navbar-padding-horizontal: var(--spacing-xl); // @presenter Spacing
-  --navbar-padding-vertical: 0;
-  --navbar-font-family: var(--font-family-base);
-  --navbar-container-max-width: 100%;
-
-  --navbar-menu-items-gap: var(--spacing-base);
-  --navbar-menu-justify-content: flex-start;
-
-  --navbar-item-font-weight: var(--font-weight-regular);
-
-  --navbar-item-active-text-color: var(--text-primary);
-  --navbar-item-active-text-decoration: none;
-
-  --navbar-item-padding-vertical: var(--spacing-xxs);
-  --navbar-item-padding-horizontal: var(--spacing-sm);
-  --navbar-item-line-height: var(--line-height-base);
-  --navbar-item-border-radius: 32px;
-  --navbar-item-active-background-color: var(--bg-sunken);
-
-  --navbar-item-hover-text-color: var(--text-primary);
-  --navbar-item-hover-text-decoration: none;
-  --navbar-item-hover-background-color: none;
-
-  --navbar-item-icon-width: 1.5em; // @presenter Spacing
-  --navbar-item-icon-height: 1.5em; // @presenter Spacing
-  --navbar-item-icon-margin-right: 0.5em; // @presenter Spacing
-`;