@redocly/theme 0.4.15 → 0.4.16

package/src/hooks/useFullHeight.ts

@@ -1,7 +1,8 @@
-import type { MutableRefObject } from 'react';
 import { useCallback, useEffect, useMemo } from 'react';
 import throttle from 'lodash.throttle';
 
+import type { MutableRefObject } from 'react';
+
 export function useFullHeight(element: MutableRefObject<HTMLElement | null>): void {
   const handler = useCallback(() => {
     if (!element.current) {

package/src/hooks/useMobileMenu.ts

@@ -1,7 +1,8 @@
-import type { Dispatch, SetStateAction } from 'react';
 import { useEffect, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 
+import type { Dispatch, SetStateAction } from 'react';
+
 export function useMobileMenu(initialState = false): [boolean, Dispatch<SetStateAction<boolean>>] {
   const { location } = useHistory();
   const [isOpen, setIsOpen] = useState(initialState);

package/src/hooks/useNavbarHeight.ts

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react';
+
 import type { Location } from 'history';
 
 import { getNavbarElement } from '@theme/utils/getNavbarElement';

package/src/hooks/useOutsideClick.ts

@@ -1,6 +1,7 @@
-import type { MutableRefObject } from 'react';
 import { useEffect } from 'react';
 
+import type { MutableRefObject } from 'react';
+
 export function useOutsideClick(
   ref: MutableRefObject<HTMLElement | null>,
   handler: (event: MouseEvent | TouchEvent) => void,

package/src/mocks/hooks/index.ts

@@ -11,7 +11,7 @@ interface PageLink {
 
 export function useThemeSettings(_: string): RawTheme['settings'] {
   return {
-    toc: { header: 'header', hide: false },
+    toc: { header: { label: 'header' }, hide: false },
     navigation: {
       nextPageLink: { label: 'next page theme settings label' },
       prevPageLink: { label: 'prev page theme settings label' },

package/src/mocks/types.ts

@@ -3,5 +3,12 @@ export type SearchDocument = any;
 export type OperationParameter = any;
 export interface RawTheme {
   name: string;
-  settings: any;
+  settings: {
+    lastUpdatedBlock?: {
+      hide?: boolean;
+      format?: 'timeago' | 'iso' | 'short' | 'long';
+      locale?: string;
+    };
+    [k: string]: any; // TODO: add missing settings
+  };
 }

package/src/types/portal/src/shared/constants.d.ts

@@ -1,43 +1,43 @@
-export declare const RUNTIME_RESOURCES_DIR = "runtime";
-export declare const REDOC_OVERVIEW_ITEM_ID = "overview";
-export declare const PORTAL_CUSTOM_THEMES_FOLDER = "@theme";
-export declare const DEFAULT_THEME_NAME = "@redocly/theme";
-export declare const CUSTOM_MARKDOC_OPTIONS_PATH = "markdoc";
-export declare const CUSTOM_MARKDOC_TAGS_PATH = "tags";
-export declare const USER_THEME_ALIAS = "@theme";
-export declare const PUBLIC_ASSETS_FOLDER = "/assets";
-export declare const PUBLIC_STATIC_FOLDER = "/static";
-export declare const PERMISSION_PROP_NAME = "redocly::permission";
-export declare const DEFAULT_PLACEHOLDER_PERMISSION = "redocly:default-permission";
-export declare const DIRECTORY_PERMISSIONS_FILE_NAME = "permissions.rbac.yaml";
+export declare const RUNTIME_RESOURCES_DIR = 'runtime';
+export declare const REDOC_OVERVIEW_ITEM_ID = 'overview';
+export declare const PORTAL_CUSTOM_THEMES_FOLDER = '@theme';
+export declare const DEFAULT_THEME_NAME = '@redocly/theme';
+export declare const CUSTOM_MARKDOC_OPTIONS_PATH = 'markdoc';
+export declare const CUSTOM_MARKDOC_TAGS_PATH = 'tags';
+export declare const USER_THEME_ALIAS = '@theme';
+export declare const PUBLIC_ASSETS_FOLDER = '/assets';
+export declare const PUBLIC_STATIC_FOLDER = '/static';
+export declare const PERMISSION_PROP_NAME = 'redocly::permission';
+export declare const DEFAULT_PLACEHOLDER_PERMISSION = 'redocly:default-permission';
+export declare const DIRECTORY_PERMISSIONS_FILE_NAME = 'permissions.rbac.yaml';
 export declare const REQUIRED_OIDC_SCOPES: string[];
 export declare const DEFAULT_COOKIE_EXPIRATION: number;
-export declare const DEFAULT_AUTHENTICATED_ROLE = "AuthenticatedUser";
-export declare const DEFAULT_AUTHENTICATED_PERMISSION = "redocly:authenticated-user";
+export declare const DEFAULT_AUTHENTICATED_ROLE = 'AuthenticatedUser';
+export declare const DEFAULT_AUTHENTICATED_PERMISSION = 'redocly:authenticated-user';
 export declare const SEARCH_LIMIT = 50;
 export declare enum ServerRoutes {
-    EJECT_COMPONENT = "/eject-component/:componentName",
-    SHARED_PAGE_DATA = "/page-data/shared/*",
-    PAGE_DATA = "/page-data/*",
-    APP_DATA = "/app-data.json",
-    SEARCH_DATA = "/search-data.json",
-    SEARCH_INDEX = "/search-index.json",
-    AUTHORIZATION = "/authorize",
-    OIDC_CALLBACK = "/_auth/oidc",
-    SAML_CALLBACK = "/_auth/saml2",
-    BASIC_AUTH = "/_auth/basic",
-    REDOCLY_CALLBACK = "/_auth/redocly",
-    REDOCLY_LOGIN_CALLBACK = "/_auth/redocly/redocly-login",
-    SEARCH = "/_search",
-    LOGOUT = "/logout",
-    LOGIN = "/login",
-    IDP_LOGIN = "/_auth/idp-login"
+  EJECT_COMPONENT = '/eject-component/:componentName',
+  SHARED_PAGE_DATA = '/page-data/shared/*',
+  PAGE_DATA = '/page-data/*',
+  APP_DATA = '/app-data.json',
+  SEARCH_DATA = '/search-data.json',
+  SEARCH_INDEX = '/search-index.json',
+  AUTHORIZATION = '/authorize',
+  OIDC_CALLBACK = '/_auth/oidc',
+  SAML_CALLBACK = '/_auth/saml2',
+  BASIC_AUTH = '/_auth/basic',
+  REDOCLY_CALLBACK = '/_auth/redocly',
+  REDOCLY_LOGIN_CALLBACK = '/_auth/redocly/redocly-login',
+  SEARCH = '/_search',
+  LOGOUT = '/logout',
+  LOGIN = '/login',
+  IDP_LOGIN = '/_auth/idp-login',
 }
-export declare const DEV_LOGIN_SLUG = "/login/";
+export declare const DEV_LOGIN_SLUG = '/login/';
 export declare enum ExternalRoutes {
-    AUTH0_PASS = "/auth/auth0-pass"
+  AUTH0_PASS = '/auth/auth0-pass',
 }
 export declare enum FsErrors {
-    NotExist = "ENOENT"
+  NotExist = 'ENOENT',
 }
 export declare const INTERNALLY_IGNORED_FILES: string[];

package/src/types/portal/src/shared/types/markdown.d.ts

@@ -1,5 +1,5 @@
 export declare type MdHeading = {
-    id: string;
-    value: string;
-    depth: number;
+  id: string;
+  value: string;
+  depth: number;
 };

package/src/types/portal/src/shared/types/nav.d.ts

@@ -1,146 +1,156 @@
 /// <reference types="react" />
 import type { PERMISSION_PROP_NAME } from '../constants';
 export declare type ResolvedNavLinkItem = {
-    type: 'link';
-    link: string;
-    label: string;
-    items?: ResolvedNavItem[];
-    external?: boolean;
-    version?: string;
-    isDefault?: boolean;
-    versionFolderId?: string;
-    httpVerb?: string;
-    separatorLine?: boolean;
-    routeSlug?: string;
-    active?: boolean;
-    [PERMISSION_PROP_NAME]?: string;
+  type: 'link';
+  link: string;
+  label: string;
+  items?: ResolvedNavItem[];
+  external?: boolean;
+  version?: string;
+  isDefault?: boolean;
+  versionFolderId?: string;
+  httpVerb?: string;
+  separatorLine?: boolean;
+  routeSlug?: string;
+  active?: boolean;
+  [PERMISSION_PROP_NAME]?: string;
 };
 export declare type ResolvedNavGroupItem = {
-    type: 'group';
-    link?: string;
-    label?: string;
-    items?: ResolvedNavItem[];
-    expanded?: string;
-    version?: string;
-    isDefault?: boolean;
-    versionFolderId?: string;
-    menuStyle?: MenuStyle;
-    separatorLine?: boolean;
-    routeSlug?: string;
-    active?: boolean;
-    [PERMISSION_PROP_NAME]?: string;
-};
-export declare type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
-    type: 'separator';
-    label?: string;
-    version?: string;
-    isDefault?: boolean;
-    versionFolderId?: string;
-    separatorLine?: boolean;
-    link?: undefined;
-    items?: ResolvedNavItem[];
-    [PERMISSION_PROP_NAME]?: string;
-} | {
-    type: 'error';
-    version?: string;
-    isDefault?: boolean;
-    versionFolderId?: string;
-    label: string;
-    link?: undefined;
-    items?: ResolvedNavItem[];
-    [PERMISSION_PROP_NAME]?: string;
+  type: 'group';
+  link?: string;
+  label?: string;
+  items?: ResolvedNavItem[];
+  expanded?: string;
+  version?: string;
+  isDefault?: boolean;
+  versionFolderId?: string;
+  menuStyle?: MenuStyle;
+  separatorLine?: boolean;
+  routeSlug?: string;
+  active?: boolean;
+  [PERMISSION_PROP_NAME]?: string;
 };
+export declare type ResolvedNavItem =
+  | ResolvedNavLinkItem
+  | ResolvedNavGroupItem
+  | {
+      type: 'separator';
+      label?: string;
+      version?: string;
+      isDefault?: boolean;
+      versionFolderId?: string;
+      separatorLine?: boolean;
+      link?: undefined;
+      items?: ResolvedNavItem[];
+      [PERMISSION_PROP_NAME]?: string;
+    }
+  | {
+      type: 'error';
+      version?: string;
+      isDefault?: boolean;
+      versionFolderId?: string;
+      label: string;
+      link?: undefined;
+      items?: ResolvedNavItem[];
+      [PERMISSION_PROP_NAME]?: string;
+    };
 export declare type ResolvedNavItemWithLink = (ResolvedNavLinkItem | ResolvedNavGroupItem) & {
-    link: string;
+  link: string;
 };
 export declare type ResolvedSidebar = ResolvedNavItem[];
 export interface PageProps {
-    seo?: {
-        title: string;
-    };
-    frontmatter?: Omit<PageProps, 'frontmatter'> & {
-        settings?: any;
-    };
-    disableAutoScroll?: boolean;
-    lastModified?: string | null;
-    [k: string]: any;
+  seo?: {
+    title: string;
+  };
+  frontmatter?: Omit<PageProps, 'frontmatter'> & {
+    settings?: any;
+  };
+  disableAutoScroll?: boolean;
+  lastModified?: string | null;
+  [k: string]: any;
 }
 export interface PageStaticData {
-    props?: PageProps;
-    [k: string]: unknown;
+  props?: PageProps;
+  [k: string]: unknown;
 }
 export declare type UserData = {
-    isAuthorized: boolean;
-    name: string;
-    picture: string;
-    logoutDisabled?: boolean;
+  isAuthorized: boolean;
+  name: string;
+  picture: string;
+  logoutDisabled?: boolean;
 };
 export interface PageData {
-    templateId: string;
-    sharedDataIds: Record<string, string>;
-    props: PageProps;
-    versions?: Version[];
-    userData: UserData;
+  templateId: string;
+  sharedDataIds: Record<string, string>;
+  props: PageProps;
+  versions?: Version[];
+  userData: UserData;
 }
 export interface CachedPageData extends PageData {
-    Template: React.ComponentType<{
-        pageProps: PageProps;
-    }>;
+  Template: React.ComponentType<{
+    pageProps: PageProps;
+  }>;
 }
 export interface ResolvedPageData extends CachedPageData {
-    sharedData: Record<string, unknown>;
-    nextPage?: any;
-    prevPage?: any;
+  sharedData: Record<string, unknown>;
+  nextPage?: any;
+  prevPage?: any;
 }
 export declare enum MenuStyle {
-    Drilldown = "drilldown"
+  Drilldown = 'drilldown',
 }
 export declare type NavItem = {
-    page?: string;
-    directory?: string;
-    group?: string;
-    label?: string;
-    href?: never;
-    items?: NavItem[];
-    separator?: string;
-    separatorLine?: boolean;
-    version?: string;
-    menuStyle?: MenuStyle;
-    external?: boolean;
-    expanded?: boolean | 'always';
+  page?: string;
+  directory?: string;
+  group?: string;
+  label?: string;
+  href?: never;
+  items?: NavItem[];
+  separator?: string;
+  separatorLine?: boolean;
+  version?: string;
+  menuStyle?: MenuStyle;
+  external?: boolean;
+  expanded?: boolean | 'always';
 };
 export declare type RawNavItem = string | NavItem;
 export interface LogoConfig {
-    image?: string;
-    altText?: string;
-    link?: string;
-    favicon?: string;
+  image?: string;
+  altText?: string;
+  link?: string;
+  favicon?: string;
 }
 export declare type Version = {
-    version: string;
-    label: string;
-    link: string;
-    default: boolean;
-    active: boolean;
-    notExists?: boolean;
-    folderId: string;
+  version: string;
+  label: string;
+  link: string;
+  default: boolean;
+  active: boolean;
+  notExists?: boolean;
+  folderId: string;
 };
 export declare type VersionConfigItem = {
-    version: string;
-    name?: string;
+  version: string;
+  name?: string;
 };
 export declare type VersionsConfigType = {
-    versions: VersionConfigItem[];
-    default?: string;
+  versions: VersionConfigItem[];
+  default?: string;
 };
 export declare type VersionedFolderConfig = {
-    versionedFiles: Map<string, Set<string>>;
-    defaultVersion?: string;
-    versions: VersionConfigItem[];
-    hasVersionsConfig?: boolean;
+  versionedFiles: Map<string, Set<string>>;
+  defaultVersion?: string;
+  versions: VersionConfigItem[];
+  hasVersionsConfig?: boolean;
 };
 export declare type NavGroup = ResolvedNavItem[] | undefined | string | boolean | number;
 export declare type NavGroupRecord = Record<string, NavGroup>;
 export declare type ResolvedConfigLinks = NavGroup | NavGroupRecord;
-export declare type RawNavConfigItem = RawNavItem | RawNavItem[] | string | undefined | boolean | number;
+export declare type RawNavConfigItem =
+  | RawNavItem
+  | RawNavItem[]
+  | string
+  | undefined
+  | boolean
+  | number;
 export declare type RawNavConfig = RawNavConfigItem | Record<string, RawNavConfigItem>;

package/src/ui/Box.tsx

@@ -1,3 +1,6 @@
+import { space, position, flex, textAlign, color, border, layout } from 'styled-system';
+import styled from 'styled-components';
+
 import type {
   SpaceProps,
   LayoutProps,
@@ -7,8 +10,6 @@ import type {
   FlexProps,
   BordersProps,
 } from 'styled-system';
-import { space, position, flex, textAlign, color, border, layout } from 'styled-system';
-import styled from 'styled-components';
 
 export interface BoxProps
   extends SpaceProps,

package/src/ui/Burger.tsx

@@ -1,7 +1,8 @@
-import type { MouseEventHandler } from 'react';
 import React from 'react';
 import styled from 'styled-components';
 
+import type { MouseEventHandler } from 'react';
+
 export interface BurgerProps {
   onClick: MouseEventHandler;
   className?: string;

package/src/ui/Dropdown.tsx

@@ -1,9 +1,8 @@
 import React, { useState, useRef, useEffect } from 'react';
 import styled from 'styled-components';
 
-import type { Version } from '@theme/types/portal';
-
 import { Link } from '@portal/Link';
+import type { Version } from '@theme/types/portal';
 
 type DropdownProps = {
   items: Version[];

package/src/ui/Flex.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import styled from 'styled-components';
-import type { FlexboxProps, WidthProps } from 'styled-system';
 import { flexbox, width } from 'styled-system';
 
+import type { FlexboxProps, WidthProps } from 'styled-system';
+
 import { Box } from '@theme/ui/Box';
 
 export interface FlexProps extends FlexboxProps, WidthProps {}

package/src/ui/Tiles/ThinTile.tsx

@@ -1,7 +1,8 @@
-import type { CSSProperties } from 'react';
 import React, { Component } from 'react';
 import styled from 'styled-components';
 
+import type { CSSProperties } from 'react';
+
 import { Link } from '@portal/Link';
 import { Flex } from '@theme/ui/Flex';
 import { TileText } from '@theme/ui/Tiles/TileText';

package/src/ui/Tiles/WideTile.tsx

@@ -1,11 +1,10 @@
 import React, { Component } from 'react';
 import styled from 'styled-components';
 
-import type { TileProps } from '@theme/ui';
-
 import { Link } from '@portal/Link';
 import { TileText } from '@theme/ui/Tiles/TileText';
 import { TileHeader } from '@theme/ui/Tiles/TileHeader';
+import type { TileProps } from '@theme/ui';
 
 // prettier-ignore
 const WideTileWrapper = styled(Link)<{

package/src/ui/UniversalLink.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import type { LinkProps } from 'react-router-dom';
 import { useLocation } from 'react-router-dom';
 import styled from 'styled-components';
 
+import type { LinkProps } from 'react-router-dom';
+
 import { isUrl } from '@theme/utils/isUrl';
 import { Link } from '@portal/Link';
 

package/src/utils/theme-helpers.ts

@@ -1,4 +1,5 @@
 import { css } from 'styled-components';
+
 import type { FlattenSimpleInterpolation } from 'styled-components';
 
 enum Token {

package/Button/Button.js

@@ -1,87 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.baseButtonStyles = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var Link_1 = require("../mocks/Link");
-var getBlink = function () { return (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    color: var(--button-color);\n    background-color: var(--button-active-background-color);\n  }\n\n  50% {\n    background-color: var(--button-background-color);\n  }\n\n  100% {\n    color: var(--button-color);\n    background-color: var(--button-active-background-color);\n  }\n"], ["\n  0% {\n    color: var(--button-color);\n    background-color: var(--button-active-background-color);\n  }\n\n  50% {\n    background-color: var(--button-background-color);\n  }\n\n  100% {\n    color: var(--button-color);\n    background-color: var(--button-active-background-color);\n  }\n"]))); };
-var getSize = function (size) {
-    if (size === void 0) { size = 'medium'; }
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: var(--button-", "-font-size);\n  padding: var(--button-", "-padding);\n  min-width: var(--button-", "-min-width);\n"], ["\n  font-size: var(--button-", "-font-size);\n  padding: var(--button-", "-padding);\n  min-width: var(--button-", "-min-width);\n"])), size, size, size);
-};
-exports.baseButtonStyles = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: none;\n  border: none;\n  border-radius: var(--button-border-radius);\n  font-weight: var(--button-font-weight);\n  font-size: 14px;\n  padding: 2px 20px;\n  margin: var(--button-margin);\n  cursor: pointer;\n  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n  line-height: 1;\n\n  font-family: var(--button-font-family);\n  box-shadow: var(--button-box-shadow);\n\n  &:hover {\n    box-shadow: var(--button-hover-box-shadow);\n  }\n\n  &:active {\n    box-shadow: var(--button-active-box-shadow);\n  }\n"], ["\n  outline: none;\n  border: none;\n  border-radius: var(--button-border-radius);\n  font-weight: var(--button-font-weight);\n  font-size: 14px;\n  padding: 2px 20px;\n  margin: var(--button-margin);\n  cursor: pointer;\n  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n  line-height: 1;\n\n  font-family: var(--button-font-family);\n  box-shadow: var(--button-box-shadow);\n\n  &:hover {\n    box-shadow: var(--button-hover-box-shadow);\n  }\n\n  &:active {\n    box-shadow: var(--button-active-box-shadow);\n  }\n"])));
-var StyledButton = styled_components_1.default.button.attrs(function (_a) {
-    var _b = _a.color, color = _b === void 0 ? 'default' : _b, extraClass = _a.extraClass;
-    return ({
-        className: "button-color-".concat(color).concat(extraClass ? " ".concat(extraClass) : ''),
-        'data-component-name': 'Button/Button',
-    });
-})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  text-decoration: none;\n  text-align: center;\n\n  width: ", ";\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  & + & {\n    margin-left: 0.85em;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  text-decoration: none;\n  text-align: center;\n\n  width: ", ";\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  & + & {\n    margin-left: 0.85em;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var fullWidth = _a.fullWidth;
-    return (fullWidth ? '100%' : 'auto');
-}, exports.baseButtonStyles, function (_a) {
-    var variant = _a.variant;
-    return variant === 'outlined'
-        ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          color: var(--button-background-color);\n          border: 2px solid var(--button-border-color);\n          background-color: transparent;\n          &:hover {\n            color: var(--button-hover-background-color);\n            border: 2px solid var(--button-hover-border-color);\n          }\n\n          &:active {\n            color: var(--button-active-background-color);\n            border: 2px solid var(--button-active-border-color);\n          }\n\n          &:disabled {\n            color: var(--button-disabled-background-color);\n            background-color: transparent;\n          }\n        "], ["\n          color: var(--button-background-color);\n          border: 2px solid var(--button-border-color);\n          background-color: transparent;\n          &:hover {\n            color: var(--button-hover-background-color);\n            border: 2px solid var(--button-hover-border-color);\n          }\n\n          &:active {\n            color: var(--button-active-background-color);\n            border: 2px solid var(--button-active-border-color);\n          }\n\n          &:disabled {\n            color: var(--button-disabled-background-color);\n            background-color: transparent;\n          }\n        "]))) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          color: var(--button-color);\n          border: 2px solid var(--button-background-color);\n          background-color: var(--button-background-color);\n          &:hover {\n            border: 2px solid var(--button-hover-background-color);\n            background-color: var(--button-hover-background-color);\n          }\n\n          &:active {\n            border: 2px solid var(--button-active-background-color);\n            background-color: var(--button-active-background-color);\n          }\n        "], ["\n          color: var(--button-color);\n          border: 2px solid var(--button-background-color);\n          background-color: var(--button-background-color);\n          &:hover {\n            border: 2px solid var(--button-hover-background-color);\n            background-color: var(--button-hover-background-color);\n          }\n\n          &:active {\n            border: 2px solid var(--button-active-background-color);\n            background-color: var(--button-active-background-color);\n          }\n        "])));
-}, function (_a) {
-    var size = _a.size;
-    return getSize(size);
-}, function (_a) {
-    var blinking = _a.blinking;
-    return blinking && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      pointer-events: none;\n      animation: ", " 1.2s infinite;\n    "], ["\n      pointer-events: none;\n      animation: ", " 1.2s infinite;\n    "])), getBlink());
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      &,\n      &:hover {\n        cursor: default;\n        color: var(--button-disabled-color);\n        background-color: var(--button-disabled-background-color);\n        border-color: var(--button-disabled-background-color);\n        pointer-events: none;\n      }\n    "], ["\n      &,\n      &:hover {\n        cursor: default;\n        color: var(--button-disabled-color);\n        background-color: var(--button-disabled-background-color);\n        border-color: var(--button-disabled-background-color);\n        pointer-events: none;\n      }\n    "])));
-});
-var ButtonComponent = function (props) {
-    if (props.to) {
-        return (react_1.default.createElement(Link_1.Link, { to: props.to },
-            react_1.default.createElement(StyledButton, __assign({}, props))));
-    }
-    else {
-        return react_1.default.createElement(StyledButton, __assign({}, props));
-    }
-};
-exports.Button = (0, styled_components_1.default)(ButtonComponent)(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

package/Cards/Card.js

@@ -1,25 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Link_1 = require("../mocks/Link");
-var Typography_1 = require("../Typography");
-function Card(props) {
-    return (react_1.default.createElement(CardWrapper, { "data-component-name": "Cards/Card" },
-        props.icon && react_1.default.createElement("img", { src: props === null || props === void 0 ? void 0 : props.icon, alt: props === null || props === void 0 ? void 0 : props.title }),
-        props.title && react_1.default.createElement(Typography_1.H3, null, props.title),
-        props.links.items && (react_1.default.createElement(CardLinksList, null, props.links.items.map(function (item) { return (react_1.default.createElement("li", { key: item.label },
-            react_1.default.createElement(Link_1.Link, { to: item.link }, item.label))); })))));
-}
-exports.Card = Card;
-var CardWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 10px;\n  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n  padding: 20px;\n  margin: 0 20px 20px 0;\n  min-width: 25%;\n  font-family: var(--font-family-base);\n"], ["\n  border-radius: 10px;\n  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n  padding: 20px;\n  margin: 0 20px 20px 0;\n  min-width: 25%;\n  font-family: var(--font-family-base);\n"])));
-var CardLinksList = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  li {\n    margin-bottom: 10px;\n  }\n"], ["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  li {\n    margin-bottom: 10px;\n  }\n"])));
-var templateObject_1, templateObject_2;

package/Cards/CardsBlock.js

@@ -1,15 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardsBlock = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.CardsBlock = styled_components_1.default.div.attrs(function () { return ({
-    'data-component-name': 'Cards/CardsBlock',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 20px 0;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  padding: 20px 0;\n  justify-content: space-between;\n"])));
-var templateObject_1;