@redocly/theme 0.10.0 → 0.11.0

package/lib/TableOfContent/TableOfContent.js

@@ -1,109 +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 __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.TableOfContent = void 0;
-const React = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const useFullHeight_1 = require("../hooks/useFullHeight");
-const useActiveHeading_1 = require("../hooks/useActiveHeading");
-const useThemeConfig_1 = require("../hooks/useThemeConfig");
-const utils_1 = require("./utils");
-function TableOfContent(props) {
-    const { headings, contentWrapper } = props;
-    const sidebar = React.useRef(null);
-    (0, useFullHeight_1.useFullHeight)(sidebar);
-    const { markdown: { toc = {} } = {} } = (0, useThemeConfig_1.useThemeConfig)();
-    const displayedHeadings = (0, utils_1.getDisplayedHeadings)(headings, toc.depth || 3);
-    const leastDepth = (0, utils_1.getLeastDepth)(displayedHeadings);
-    const activeHeadingId = (0, useActiveHeading_1.useActiveHeading)(contentWrapper, (0, utils_1.getDisplayedHeadingsIds)(displayedHeadings));
-    if (toc === null || toc === void 0 ? void 0 : toc.hide) {
-        return null;
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TableOfContentMenu, { "data-component-name": "TableOfContent/TableOfContent" },
-            React.createElement(TableOfContentItems, { ref: sidebar },
-                displayedHeadings.length ? React.createElement(TocHeader, null, toc.header || 'On this page') : null,
-                displayedHeadings.map((heading, idx) => {
-                    if (!heading) {
-                        return null;
-                    }
-                    const href = '#' + heading.id;
-                    return (React.createElement(MenuItem, { key: href + idx, href: href, depth: heading.depth - leastDepth + 1 || 0, className: activeHeadingId === heading.id ? 'active' : '', dangerouslySetInnerHTML: { __html: heading.value || '' }, "data-cy": `toc-${heading.value}` }));
-                })))));
-}
-exports.TableOfContent = TableOfContent;
-const TocHeader = styled_components_1.default.div `
-  font-family: var(--toc-heading-font-family);
-  font-size: var(--toc-heading-font-size);
-  font-weight: var(--toc-heading-font-weight);
-  padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);
-  color: var(--toc-heading-text-color);
-  text-transform: uppercase;
-`;
-const MenuItem = styled_components_1.default.a `
-  display: block;
-  color: var(--toc-item-text-color);
-  background-color: var(--toc-item-background-color);
-  cursor: pointer;
-  font-size: var(--toc-item-font-size);
-  padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);
-  padding-left: calc(var(--toc-item-nested-offset) * ${({ depth }) => depth});
-  transition: background-color 0.3s, color 0.3s;
-  text-decoration: none;
-  word-break: break-word;
-  font-family: var(--heading-font-family, var(--toc-item-font-family));
-
-  :hover,
-  &.active {
-    color: var(--toc-item-active-text-color);
-    background-color: var(--toc-item-active-background-color);
-  }
-
-  :empty {
-    padding: 0;
-  }
-`;
-const TableOfContentMenu = styled_components_1.default.aside `
-  background-color: var(--toc-background-color);
-  flex-shrink: 0;
-  display: none !important;
-
-  ${({ theme }) => theme.mediaQueries.medium} {
-    width: var(--toc-width);
-    display: block !important;
-  }
-`;
-const TableOfContentItems = styled_components_1.default.div `
-  position: sticky;
-  top: calc(var(--navbar-height) + var(--toc-offset-top));
-  max-height: calc(100vh - var(--navbar-height) - var(--toc-offset-top));
-  border-left: 1px solid var(--toc-border-color);
-  overflow-y: auto;
-  width: var(--toc-width);
-`;
-//# sourceMappingURL=TableOfContent.js.map

package/lib/TableOfContent/index.d.ts

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

package/lib/TableOfContent/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("../TableOfContent/TableOfContent"), exports);
-//# sourceMappingURL=index.js.map

package/lib/TableOfContent/utils.d.ts

@@ -1,4 +0,0 @@
-import type { MdHeading } from '@theme/types/portal';
-export declare function getDisplayedHeadings(headings: Array<MdHeading | null> | null | undefined, tocDepth: number): Array<MdHeading | null>;
-export declare function getDisplayedHeadingsIds(headings: Array<MdHeading | null> | null | undefined): Array<string | undefined>;
-export declare function getLeastDepth(headings: Array<MdHeading | null> | null | undefined): number;

package/lib/Tooltip/Tooltip.js

@@ -1,173 +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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = exports.TooltipComponent = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const hooks_1 = require("../hooks");
-function TooltipComponent({ children, isOpen, tip, withArrow = true, placement = 'top', className = 'default', width, dataTestId, }) {
-    const ref = (0, react_1.useRef)(null);
-    const { isOpened, handleOpen, handleClose } = (0, hooks_1.useControl)(isOpen);
-    (0, hooks_1.useOutsideClick)(ref, handleClose);
-    const isControlled = isOpen !== undefined;
-    (0, react_1.useEffect)(() => {
-        if (isControlled) {
-            if (isOpen) {
-                handleOpen();
-            }
-            else {
-                handleClose();
-            }
-        }
-    }, [isOpen, isControlled, handleOpen, handleClose]);
-    const controllers = !isControlled && {
-        onMouseEnter: handleOpen,
-        onMouseLeave: handleClose,
-        onClick: handleClose,
-    };
-    return (react_1.default.createElement(TooltipWrapper, Object.assign({ ref: ref }, controllers, { className: `tooltip-${className}`, "data-component-name": "Tooltip/Tooltip" }),
-        children,
-        isOpened && (react_1.default.createElement(TooltipBody, { "data-cy": dataTestId || (typeof tip === 'string' ? tip : ''), placement: placement, width: width, withArrow: withArrow }, tip))));
-}
-exports.TooltipComponent = TooltipComponent;
-exports.Tooltip = (0, react_1.memo)(TooltipComponent);
-const PLACEMENTS = {
-    top: (0, styled_components_1.css) `
-    top: 0;
-    left: 50%;
-    transform: translate(-50%, -99%);
-    margin-top: -10px;
-
-    ${({ withArrow }) => withArrow &&
-        (0, styled_components_1.css) `
-        &::after {
-          border-left: 5px solid transparent;
-          border-right: 5px solid transparent;
-          border-top-width: 6px;
-          border-top-style: solid;
-          bottom: 0;
-          left: 50%;
-          transform: translate(-50%, 99%);
-        }
-      `}
-  `,
-    bottom: (0, styled_components_1.css) `
-    bottom: 0;
-    left: 50%;
-    transform: translate(-50%, 99%);
-    margin-bottom: -10px;
-
-    ${({ withArrow }) => withArrow &&
-        (0, styled_components_1.css) `
-        &::after {
-          border-left: 5px solid transparent;
-          border-right: 5px solid transparent;
-          border-bottom-width: 6px;
-          border-bottom-style: solid;
-          top: 0;
-          left: 50%;
-          transform: translate(-50%, -99%);
-        }
-      `}
-  `,
-    left: (0, styled_components_1.css) `
-    top: 50%;
-    left: 0;
-    transform: translate(-100%, -50%);
-    margin-left: -10px;
-
-    ${({ withArrow }) => withArrow &&
-        (0, styled_components_1.css) `
-        &::after {
-          border-top: 5px solid transparent;
-          border-bottom: 5px solid transparent;
-          border-left-width: 6px;
-          border-left-style: solid;
-          top: 50%;
-          right: 0;
-          transform: translate(99%, -50%);
-        }
-      `}
-  `,
-    right: (0, styled_components_1.css) `
-    top: 50%;
-    right: 0;
-    transform: translate(100%, -50%);
-    margin-right: -10px;
-
-    ${({ withArrow }) => withArrow &&
-        (0, styled_components_1.css) `
-        &::after {
-          border-top: 5px solid transparent;
-          border-bottom: 5px solid transparent;
-          border-right-width: 6px;
-          border-right-style: solid;
-          top: 50%;
-          left: 0;
-          transform: translate(-99%, -50%);
-        }
-      `}
-  `,
-};
-const TooltipWrapper = styled_components_1.default.div `
-  position: relative;
-  display: inline-block;
-`;
-const TooltipBody = styled_components_1.default.span `
-  display: inline-block;
-
-  position: absolute;
-  text-align: center;
-
-  padding: 10px 20px;
-  max-width: 250px;
-  white-space: normal;
-  overflow-wrap: break-word;
-
-  border-radius: var(--border-radius);
-  transition: opacity 0.3s ease-out;
-
-  font-size: 13px;
-
-  &::after {
-    position: absolute;
-
-    content: ' ';
-    display: inline-block;
-    width: 0;
-    height: 0;
-    border-color: var(--tooltip-background-color);
-  }
-
-  background: var(--tooltip-background-color);
-  color: var(--tooltip-text-color);
-  box-shadow: rgb(0 0 0 / 25%) 0 2px 4px;
-
-  width: ${({ width }) => width || '120px'};
-  ${({ placement }) => (0, styled_components_1.css) `
-      ${PLACEMENTS[placement]};
-    `}
-`;
-//# sourceMappingURL=Tooltip.js.map

package/lib/Tooltip/index.d.ts

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

package/lib/Tooltip/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("../Tooltip/Tooltip"), exports);
-//# sourceMappingURL=index.js.map

package/lib/Typography/CompactTypography.d.ts

@@ -1,7 +0,0 @@
-export declare const CompactTypography: import("styled-components").StyledComponent<"div", any, {
-    'data-component-name': string;
-} & import("../Typography/Typography").TypographyProps & {
-    mt: string;
-    mb: string;
-    'data-component-name': string;
-}, "data-component-name" | "mt" | "mb">;

package/lib/Typography/CompactTypography.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.CompactTypography = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Typography_1 = require("../Typography/Typography");
-exports.CompactTypography = (0, styled_components_1.default)(Typography_1.Typography).attrs(() => ({
-    mt: '0em',
-    mb: '0em',
-    'data-component-name': 'Typography/CompactTypography',
-})) ``;
-//# sourceMappingURL=CompactTypography.js.map

package/lib/Typography/H1.js

@@ -1,17 +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.H1 = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../utils");
-exports.H1 = styled_components_1.default.h1.attrs(() => ({
-    'data-component-name': 'Typography/H1',
-})) `
-  color: var(--h1-text-color);
-  margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);
-
-  ${(0, utils_1.typography)('h1', 'h')};
-`;
-//# sourceMappingURL=H1.js.map

package/lib/Typography/H2.js

@@ -1,17 +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.H2 = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../utils");
-exports.H2 = styled_components_1.default.h2.attrs(() => ({
-    'data-component-name': 'Typography/H2',
-})) `
-  color: var(--h2-text-color);
-  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
-
-  ${(0, utils_1.typography)('h2', 'h')};
-`;
-//# sourceMappingURL=H2.js.map

package/lib/Typography/H3.js

@@ -1,17 +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.H3 = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../utils");
-exports.H3 = styled_components_1.default.h3.attrs(() => ({
-    'data-component-name': 'Typography/H3',
-})) `
-  color: var(--h3-text-color);
-  margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);
-
-  ${(0, utils_1.typography)('h3', 'h')};
-`;
-//# sourceMappingURL=H3.js.map

package/lib/Typography/index.d.ts

@@ -1,7 +0,0 @@
-export * from '../Typography/H1';
-export * from '../Typography/H2';
-export * from '../Typography/H3';
-export * from '../Typography/Emphasis';
-export * from '../Typography/SectionHeader';
-export * from '../Typography/Typography';
-export * from '../Typography/CompactTypography';

package/lib/Typography/index.js

@@ -1,24 +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("../Typography/H1"), exports);
-__exportStar(require("../Typography/H2"), exports);
-__exportStar(require("../Typography/H3"), exports);
-__exportStar(require("../Typography/Emphasis"), exports);
-__exportStar(require("../Typography/SectionHeader"), exports);
-__exportStar(require("../Typography/Typography"), exports);
-__exportStar(require("../Typography/CompactTypography"), exports);
-//# sourceMappingURL=index.js.map

package/lib/ui/Tiles/ThinTile.d.ts

@@ -1,22 +0,0 @@
-import { Component } from 'react';
-import type { CSSProperties } from 'react';
-type TextAlign = 'left' | 'right' | 'center' | 'justify';
-export interface TileProps {
-    header?: string;
-    icon?: string;
-    children?: string;
-    to?: string;
-    target?: string;
-    headerAlign?: TextAlign;
-    textAlign?: TextAlign;
-    bgColor?: string;
-    bgImage?: string;
-    color?: string;
-    className?: string;
-    style?: CSSProperties;
-    maxWidth?: string;
-}
-export declare class ThinTile extends Component<TileProps> {
-    render(): JSX.Element;
-}
-export {};

package/lib/ui/Tiles/ThinTile.js

@@ -1,124 +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 __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.ThinTile = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Link_1 = require("../../mocks/Link");
-const Flex_1 = require("../../ui/Flex");
-const TileText_1 = require("../../ui/Tiles/TileText");
-const TileHeader_1 = require("../../ui/Tiles/TileHeader");
-const ThinTileWrapper = (0, styled_components_1.default)(Link_1.Link) `
-  display: flex;
-  flex-direction: column;
-  border-radius: 10px;
-  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);
-  box-sizing: border-box;
-  transition: box-shadow 0.25s ease;
-  padding: 24px;
-  margin-bottom: 20px;
-  text-decoration: none;
-  width: 100%;
-  background-color: ${({ bgColor }) => bgColor || 'var(--thin-tile-background-color)'};
-  background-image: ${({ bgImage }) => (bgImage ? `url(${bgImage})` : 'none')};
-  background-repeat: no-repeat;
-
-  :hover {
-    box-shadow: 0 10px 100px 0 rgba(35, 35, 35, 0.2);
-  }
-
-  ${({ theme }) => theme.mediaQueries.small} {
-    width: calc(50% - 20px);
-    margin-right: 10px;
-    margin-left: 10px;
-  }
-
-  ${({ theme }) => theme.mediaQueries.medium} {
-    width: 250px;
-  }
-
-  ${({ theme }) => theme.mediaQueries.large} {
-    width: 280px;
-  }
-
-  &.external-url {
-    :after {
-      display: none;
-    }
-  }
-`;
-const ThinTileIcon = styled_components_1.default.img `
-  width: 90px;
-
-  ${({ theme }) => theme.mediaQueries.medium} {
-    width: 80px;
-  }
-`;
-const ThinTileHeader = (0, styled_components_1.default)(TileHeader_1.TileHeader) `
-  font-size: 24px;
-  text-align: ${({ align }) => align || 'center'};
-`;
-const ThinTileText = (0, styled_components_1.default)(TileText_1.TileText) `
-  font-size: 18px;
-  line-height: 1.5;
-  flex-shrink: 0;
-  min-height: 3em;
-  text-align: ${({ align }) => align || 'center'};
-  ${({ icon }) => icon
-    ? `
-    display: -webkit-box;
-    -webkit-line-clamp: 8;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    line-clamp: 8;
-  `
-    : ''};
-  ${({ theme }) => theme.mediaQueries.small} {
-    min-height: 6em;
-  }
-
-  ${({ theme }) => theme.mediaQueries.medium} {
-    min-height: 4.5em;
-  }
-`;
-class ThinTile extends react_1.Component {
-    render() {
-        const { header, icon, children, to, target, headerAlign, textAlign, color, className, style } = this.props;
-        const Wrapper = to
-            ? ThinTileWrapper
-            : ThinTileWrapper.withComponent('div');
-        return (react_1.default.createElement(Wrapper, { to: to, target: target, color: color, className: className, style: style, "data-component-name": "ui/Tiles/ThinTile" },
-            (icon || header) && (react_1.default.createElement(Flex_1.Flex, { flexDirection: "column" },
-                icon && (react_1.default.createElement(Flex_1.Flex, { flexShrink: 0, height: { xs: 'auto', small: '100px', medium: '110px' }, alignItems: "center", justifyContent: "center", mb: "25px" },
-                    react_1.default.createElement(ThinTileIcon, { src: icon }))),
-                header && (react_1.default.createElement(ThinTileHeader, { align: headerAlign, color: color, "data-cy": `Thin-${header}` }, header)))),
-            children && (react_1.default.createElement(ThinTileText, { icon: icon, align: textAlign, color: color }, children))));
-    }
-}
-exports.ThinTile = ThinTile;
-//# sourceMappingURL=ThinTile.js.map

package/lib/ui/Tiles/WideTile.d.ts

@@ -1,7 +0,0 @@
-import { Component } from 'react';
-import type { TileProps } from '../../ui';
-export declare class WideTile extends Component<TileProps & {
-    disableArrow?: boolean;
-}> {
-    render(): JSX.Element;
-}