@redocly/theme/lib/components/PageActions/variables.js

Shared UI components lib

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.pageActions = void 0;
const styled_components_1 = require("styled-components");
exports.pageActions = (0, styled_components_1.css) `
  /* Minimum spacing between page actions and heading text */
  --page-actions-padding-left: var(--spacing-sm);

  --page-actions-button-text-color: var(--text-color-secondary);
  --page-actions-button-padding: 5px 14px 5px var(--spacing-sm);

  --page-actions-dropdown-max-height: fit-content;

  --page-actions-menu-item-padding: 3px 0;
  --page-actions-menu-item-gap: var(--spacing-xs);
  --page-actions-menu-item-icon-color: var(--icon-color-secondary);
  --page-actions-menu-item-icon-border-color: var(--color-warm-grey-3);
  --page-actions-menu-item-icon-border-radius: var(--border-radius);
  --page-actions-menu-item-icon-wrapper-size: 28px;

  --page-actions-menu-item-text-gap: 2px;

  --page-actions-menu-item-title-font-weight: var(--font-weight-regular);
  --page-actions-menu-item-title-font-size: var(--font-size-base);
  --page-actions-menu-item-title-line-height: var(--line-height-base);
  --page-actions-menu-item-title-color: var(--text-color-secondary);

  --page-actions-menu-item-title-icon-gap: var(--spacing-xxs);
  --page-actions-menu-item-title-icon-color: var(--icon-color-secondary);

  --page-actions-menu-item-description-font-weight: var(--font-weight-regular);
  --page-actions-menu-item-description-font-size: var(--font-size-sm);
  --page-actions-menu-item-description-line-height: var(--line-height-sm);
  --page-actions-menu-item-description-color: var(--text-color-description);

  --page-actions-processing-icon-color: var(--icon-color-interactive);
  --page-actions-done-icon-color: var(--color-success-base);
`;
//# sourceMappingURL=variables.js.map