@redocly/theme 0.4.15 → 0.5.0

package/ui/Tiles/ThinTile.js

@@ -1,114 +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 __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Link_1 = require("../../mocks/Link");
-var Flex_1 = require("../../ui/Flex");
-var TileText_1 = require("../../ui/Tiles/TileText");
-var TileHeader_1 = require("../../ui/Tiles/TileHeader");
-var ThinTileWrapper = (0, styled_components_1.default)(Link_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  border-radius: 10px;\n  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n  box-sizing: border-box;\n  transition: box-shadow 0.25s ease;\n  padding: 24px;\n  margin-bottom: 20px;\n  text-decoration: none;\n  width: 100%;\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n\n  :hover {\n    box-shadow: 0 10px 100px 0 rgba(35, 35, 35, 0.2);\n  }\n\n  ", " {\n    width: calc(50% - 20px);\n    margin-right: 10px;\n    margin-left: 10px;\n  }\n\n  ", " {\n    width: 250px;\n  }\n\n  ", " {\n    width: 280px;\n  }\n\n  &.external-url {\n    :after {\n      display: none;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  border-radius: 10px;\n  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n  box-sizing: border-box;\n  transition: box-shadow 0.25s ease;\n  padding: 24px;\n  margin-bottom: 20px;\n  text-decoration: none;\n  width: 100%;\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n\n  :hover {\n    box-shadow: 0 10px 100px 0 rgba(35, 35, 35, 0.2);\n  }\n\n  ", " {\n    width: calc(50% - 20px);\n    margin-right: 10px;\n    margin-left: 10px;\n  }\n\n  ", " {\n    width: 250px;\n  }\n\n  ", " {\n    width: 280px;\n  }\n\n  &.external-url {\n    :after {\n      display: none;\n    }\n  }\n"])), function (_a) {
-    var bgColor = _a.bgColor;
-    return bgColor || 'var(--thin-tile-background-color)';
-}, function (_a) {
-    var bgImage = _a.bgImage;
-    return (bgImage ? "url(".concat(bgImage, ")") : 'none');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.small;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.large;
-});
-var ThinTileIcon = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 90px;\n\n  ", " {\n    width: 80px;\n  }\n"], ["\n  width: 90px;\n\n  ", " {\n    width: 80px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-});
-var ThinTileHeader = (0, styled_components_1.default)(TileHeader_1.TileHeader)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 24px;\n  text-align: ", ";\n"], ["\n  font-size: 24px;\n  text-align: ", ";\n"])), function (_a) {
-    var align = _a.align;
-    return align || 'center';
-});
-var ThinTileText = (0, styled_components_1.default)(TileText_1.TileText)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 18px;\n  line-height: 1.5;\n  flex-shrink: 0;\n  min-height: 3em;\n  text-align: ", ";\n  ", ";\n  ", " {\n    min-height: 6em;\n  }\n\n  ", " {\n    min-height: 4.5em;\n  }\n"], ["\n  font-size: 18px;\n  line-height: 1.5;\n  flex-shrink: 0;\n  min-height: 3em;\n  text-align: ", ";\n  ", ";\n  ", " {\n    min-height: 6em;\n  }\n\n  ", " {\n    min-height: 4.5em;\n  }\n"])), function (_a) {
-    var align = _a.align;
-    return align || 'center';
-}, function (_a) {
-    var icon = _a.icon;
-    return icon
-        ? "\n    display: -webkit-box;\n    -webkit-line-clamp: 8;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    line-clamp: 8;\n  "
-        : '';
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.small;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-});
-var ThinTile = /** @class */ (function (_super) {
-    __extends(ThinTile, _super);
-    function ThinTile() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ThinTile.prototype.render = function () {
-        var _a = this.props, header = _a.header, icon = _a.icon, children = _a.children, to = _a.to, target = _a.target, headerAlign = _a.headerAlign, textAlign = _a.textAlign, color = _a.color, className = _a.className, style = _a.style;
-        var 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-".concat(header) }, header)))),
-            children && (react_1.default.createElement(ThinTileText, { icon: icon, align: textAlign, color: color }, children))));
-    };
-    return ThinTile;
-}(react_1.Component));
-exports.ThinTile = ThinTile;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/Tiles/TileHeader.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.TileHeader = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.TileHeader = styled_components_1.default.h3.attrs(function () { return ({
-    'data-component-name': 'ui/Tiles/TileHeader',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: var(--h3-font-weight);\n  line-height: var(--h3-line-height);\n  color: ", ";\n  font-family: var(--h3-font-family);\n  && {\n    margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);\n  }\n"], ["\n  font-weight: var(--h3-font-weight);\n  line-height: var(--h3-line-height);\n  color: ", ";\n  font-family: var(--h3-font-family);\n  && {\n    margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);\n  }\n"])), function (props) { return props.color || 'var(--h3-color)'; });
-var templateObject_1;

package/ui/Tiles/TileText.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.TileText = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.TileText = styled_components_1.default.span.attrs(function () { return ({
-    'data-component-name': 'ui/Tiles/TileText',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  font-weight: var(--font-weight-regular);\n  overflow: hidden;\n  color: ", ";\n  line-height: 1.25;\n  font-family: var(--font-family-base);\n"], ["\n  display: inline-block;\n  font-weight: var(--font-weight-regular);\n  overflow: hidden;\n  color: ", ";\n  line-height: 1.25;\n  font-family: var(--font-family-base);\n"])), function (props) { return props.color || 'var(--text-color)'; });
-var templateObject_1;

package/ui/Tiles/WideTile.js

@@ -1,109 +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 __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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.WideTile = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Link_1 = require("../../mocks/Link");
-var TileText_1 = require("../../ui/Tiles/TileText");
-var TileHeader_1 = require("../../ui/Tiles/TileHeader");
-// prettier-ignore
-var WideTileWrapper = (0, styled_components_1.default)(Link_1.Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  flex-direction: ", ";\n  border-radius: 10px;\n  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n  padding: 24px;\n  padding-right: ", ";\n  margin-bottom: 32px;\n  box-sizing: border-box;\n  position: relative;\n  text-decoration: none;\n  width: 100%;\n  transition: box-shadow 0.25s ease;\n  :hover {\n    box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.2);\n  }\n  :before {\n    content: ", ";\n    display: inline-block;\n    width: 9px;\n    min-height: 18px;\n    background-size: 9px 18px;\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 30px;\n  }\n  &.external-url::after {\n    content: none;\n  }\n  \n  ", " {\n    width: calc(50% - 2em);\n    padding: 32px;\n    padding-right: ", ";\n    flex-direction: row;\n    max-width: ", ";\n  }\n"], ["\n  display: inline-flex;\n  flex-direction: ", ";\n  border-radius: 10px;\n  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n  padding: 24px;\n  padding-right: ", ";\n  margin-bottom: 32px;\n  box-sizing: border-box;\n  position: relative;\n  text-decoration: none;\n  width: 100%;\n  transition: box-shadow 0.25s ease;\n  :hover {\n    box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.2);\n  }\n  :before {\n    content: ", ";\n    display: inline-block;\n    width: 9px;\n    min-height: 18px;\n    background-size: 9px 18px;\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 30px;\n  }\n  &.external-url::after {\n    content: none;\n  }\n  \n  ", " {\n    width: calc(50% - 2em);\n    padding: 32px;\n    padding-right: ", ";\n    flex-direction: row;\n    max-width: ", ";\n  }\n"])), function (_a) {
-    var withIcon = _a.withIcon;
-    return (withIcon ? 'column' : 'row');
-}, function (_a) {
-    var bgColor = _a.bgColor;
-    return bgColor || 'var(--wide-tile-background-color)';
-}, function (_a) {
-    var bgImage = _a.bgImage;
-    return (bgImage ? "url(".concat(bgImage, ")") : 'none');
-}, function (_a) {
-    var disableArrow = _a.disableArrow;
-    return (disableArrow ? '24px' : '56px');
-}, function (_a) {
-    var disableArrow = _a.disableArrow;
-    return (disableArrow ? 'none' : '""');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-}, function (_a) {
-    var disableArrow = _a.disableArrow;
-    return (disableArrow ? '32px' : '64px');
-}, function (_a) {
-    var maxWidth = _a.maxWidth;
-    return maxWidth;
-});
-var WideTileHeader = (0, styled_components_1.default)(TileHeader_1.TileHeader)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 24px;\n  text-align: ", ";\n"], ["\n  font-size: 24px;\n  text-align: ", ";\n"])), function (_a) {
-    var align = _a.align;
-    return align || 'left';
-});
-var WideTileText = (0, styled_components_1.default)(TileText_1.TileText)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 18px;\n  text-align: ", ";\n"], ["\n  font-size: 18px;\n  text-align: ", ";\n"])), function (_a) {
-    var align = _a.align;
-    return align || 'left';
-});
-var WideTileIcon = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-bottom: 24px;\n  flex-shrink: 0;\n  width: 70px;\n  img {\n    display: block;\n    height: auto;\n    max-width: 100%;\n  }\n\n  ", " {\n    margin-right: 24px;\n    margin-bottom: 0;\n  }\n"], ["\n  margin-bottom: 24px;\n  flex-shrink: 0;\n  width: 70px;\n  img {\n    display: block;\n    height: auto;\n    max-width: 100%;\n  }\n\n  ", " {\n    margin-right: 24px;\n    margin-bottom: 0;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-});
-var WideTile = /** @class */ (function (_super) {
-    __extends(WideTile, _super);
-    function WideTile() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    WideTile.prototype.render = function () {
-        var _a = this.props, to = _a.to, header = _a.header, children = _a.children, target = _a.target, disableArrow = _a.disableArrow, textAlign = _a.textAlign, headerAlign = _a.headerAlign, icon = _a.icon, bgColor = _a.bgColor, bgImage = _a.bgImage, color = _a.color, className = _a.className, style = _a.style, maxWidth = _a.maxWidth;
-        return (react_1.default.createElement(WideTileWrapper, { to: to, target: target, disableArrow: disableArrow, withIcon: !!icon, bgColor: bgColor, bgImage: bgImage, color: color, className: className, style: style, maxWidth: maxWidth, "data-component-name": "ui/Tiles/WideTile" },
-            icon && (react_1.default.createElement(WideTileIcon, null,
-                react_1.default.createElement("img", { src: icon, alt: "" }))),
-            react_1.default.createElement("div", null,
-                header && (react_1.default.createElement(WideTileHeader, { align: textAlign, color: color, "data-cy": "Wide-".concat(header) }, header)),
-                children && (react_1.default.createElement(WideTileText, { align: headerAlign, color: color }, children)))));
-    };
-    return WideTile;
-}(react_1.Component));
-exports.WideTile = WideTile;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/UniversalLink.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { LinkProps } from 'react-router-dom';
-export declare const withPropsFilter: (filterList: string[]) => (WrappedComponent: React.FunctionComponent) => (props: React.PropsWithChildren<object>) => JSX.Element;
-export interface PortalLinkProps<TState> extends LinkProps<TState> {
-    activeClassName?: string;
-    activeStyle?: object;
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    partiallyActive?: boolean;
-    replace?: boolean;
-    state?: TState;
-    to: string;
-}
-export interface UniversalLinkProps extends Partial<PortalLinkProps<object>> {
-    external?: boolean;
-    ref?: any;
-}
-export declare const UniversalLink: (props: React.PropsWithChildren<object>) => JSX.Element;

package/ui/UniversalLink.js

@@ -1,97 +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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UniversalLink = exports.withPropsFilter = void 0;
-var React = __importStar(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var styled_components_1 = __importDefault(require("styled-components"));
-var isUrl_1 = require("../utils/isUrl");
-var Link_1 = require("../mocks/Link");
-var StyledExternalLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.external-url {\n    position: relative;\n\n    :after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      background: var(--text-color);\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='0 0 100 125' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath d='M-408.2-318.5 98.6 4.8c0-0.1 0-0.2-0.1-0.3 0-0.1-0.1-0.2-0.1-0.3 0-0.1 0-0.1-0.1-0.2 0 0 0-0.1 0-0.1 0-0.1-0.1-0.2-0.2-0.3 0-0.1-0.1-0.2-0.2-0.3 -0.1-0.1-0.1-0.2-0.2-0.3C97.7 2.9 97.6 2.8 97.5 2.7c-0.1-0.1-0.2-0.2-0.3-0.3 -0.1-0.1-0.1-0.1-0.2-0.2 -0.1-0.1-0.2-0.2-0.3-0.2 -0.1-0.1-0.2-0.1-0.2-0.2 -0.1-0.1-0.2-0.1-0.3-0.2 -0.1 0-0.2-0.1-0.3-0.1 0 0-0.1 0-0.1-0.1 -0.1 0-0.2 0-0.2-0.1 -0.1 0-0.2-0.1-0.3-0.1 -0.1 0-0.2-0.1-0.4-0.1 -0.1 0-0.2 0-0.3 0 -0.1 0-0.3 0-0.4 0 -0.1 0-0.1 0-0.2 0L63.8 1.3c-2.5 0-4.6 2.1-4.6 4.6 0 2.5 2.1 4.6 4.6 4.5l19.3-0.1 -29.8 30.2c-1.1 1.1-1.5 2.7-1.2 4.1 0.2 0.9 0.6 1.7 1.3 2.4 0.9 0.9 2.1 1.3 3.2 1.3 1.2 0 2.3-0.5 3.2-1.4l0 0 29.8-30.2 0.1 19.3c0 2.5 2.1 4.6 4.6 4.5 1.3 0 2.4-0.5 3.2-1.4 0.8-0.8 1.3-2 1.3-3.2L98.7 5.7c0-0.1 0-0.1 0-0.2 0-0.1 0-0.2 0-0.4C98.6 5 98.6 4.9 98.6 4.8zM6.5 83.3c0 5.7 4.6 10.4 10.4 10.4l55.6 0.1c5.7 0 10.4-4.6 10.4-10.4l-0.1-40.8h6.1v40.8c0 9-7.3 16.3-16.3 16.3l-56.4-0.1c-8.6 0-15.6-7-15.6-15.6L0.6 27.8c0-9 7.3-16.3 16.3-16.3l41.1-0.1v6.1L17 17.5c-5.7 0-10.4 4.6-10.4 10.4L6.5 83.3z'/%3E%3C/svg%3E\");\n      mask-repeat: no-repeat;\n      width: 10px;\n      height: 10px;\n      top: 50%;\n      right: -15px;\n      transform: translateY(-50%);\n    }\n  }\n"], ["\n  &.external-url {\n    position: relative;\n\n    :after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      background: var(--text-color);\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='0 0 100 125' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath d='M-408.2-318.5 98.6 4.8c0-0.1 0-0.2-0.1-0.3 0-0.1-0.1-0.2-0.1-0.3 0-0.1 0-0.1-0.1-0.2 0 0 0-0.1 0-0.1 0-0.1-0.1-0.2-0.2-0.3 0-0.1-0.1-0.2-0.2-0.3 -0.1-0.1-0.1-0.2-0.2-0.3C97.7 2.9 97.6 2.8 97.5 2.7c-0.1-0.1-0.2-0.2-0.3-0.3 -0.1-0.1-0.1-0.1-0.2-0.2 -0.1-0.1-0.2-0.2-0.3-0.2 -0.1-0.1-0.2-0.1-0.2-0.2 -0.1-0.1-0.2-0.1-0.3-0.2 -0.1 0-0.2-0.1-0.3-0.1 0 0-0.1 0-0.1-0.1 -0.1 0-0.2 0-0.2-0.1 -0.1 0-0.2-0.1-0.3-0.1 -0.1 0-0.2-0.1-0.4-0.1 -0.1 0-0.2 0-0.3 0 -0.1 0-0.3 0-0.4 0 -0.1 0-0.1 0-0.2 0L63.8 1.3c-2.5 0-4.6 2.1-4.6 4.6 0 2.5 2.1 4.6 4.6 4.5l19.3-0.1 -29.8 30.2c-1.1 1.1-1.5 2.7-1.2 4.1 0.2 0.9 0.6 1.7 1.3 2.4 0.9 0.9 2.1 1.3 3.2 1.3 1.2 0 2.3-0.5 3.2-1.4l0 0 29.8-30.2 0.1 19.3c0 2.5 2.1 4.6 4.6 4.5 1.3 0 2.4-0.5 3.2-1.4 0.8-0.8 1.3-2 1.3-3.2L98.7 5.7c0-0.1 0-0.1 0-0.2 0-0.1 0-0.2 0-0.4C98.6 5 98.6 4.9 98.6 4.8zM6.5 83.3c0 5.7 4.6 10.4 10.4 10.4l55.6 0.1c5.7 0 10.4-4.6 10.4-10.4l-0.1-40.8h6.1v40.8c0 9-7.3 16.3-16.3 16.3l-56.4-0.1c-8.6 0-15.6-7-15.6-15.6L0.6 27.8c0-9 7.3-16.3 16.3-16.3l41.1-0.1v6.1L17 17.5c-5.7 0-10.4 4.6-10.4 10.4L6.5 83.3z'/%3E%3C/svg%3E\");\n      mask-repeat: no-repeat;\n      width: 10px;\n      height: 10px;\n      top: 50%;\n      right: -15px;\n      transform: translateY(-50%);\n    }\n  }\n"])));
-// TODO: We're using our own Link component so probably filtering is not necessary here.
-// filter out unnecessary props
-var propsList = [
-    'color',
-    'size',
-    'variant',
-    'bgColor',
-    'bgImage',
-    'disableArrow',
-    'withIcon',
-    'maxWidth',
-    'inversed',
-    'transparent',
-    'large',
-];
-var withPropsFilter = function (filterList) { return function (WrappedComponent) {
-    return function WithPropsFilter(props) {
-        var filteredProps = Object.fromEntries(Object.entries(props).filter(function (_a) {
-            var _b = __read(_a, 1), key = _b[0];
-            return !filterList.includes(key);
-        }));
-        return React.createElement(WrappedComponent, __assign({}, filteredProps));
-    };
-}; };
-exports.withPropsFilter = withPropsFilter;
-exports.UniversalLink = (0, exports.withPropsFilter)(propsList)(function (props) {
-    var _a;
-    return (typeof props.to === 'string' && ((0, isUrl_1.isUrl)(props.to) || props.to.startsWith('mailto:'))) ||
-        props.external ? (React.createElement(StyledExternalLink, { style: props.style, href: props.to, target: props.target || (props.external && '_blank') || '_self', className: "".concat(props.external ? 'external-url' : '', " ").concat(props.className), rel: props.rel, "data-cy": "universalLink-".concat(typeof props.children === 'string' ? props.children : 'with-nested-jsx') }, props.children)) : props.to == null ? (React.createElement("a", { onClick: props.onClick, className: props.className, style: props.style }, props.children)) : (React.createElement(Link_1.Link, __assign({}, props, { to: props.to, state: __assign({ previousPath: (_a = (0, react_router_dom_1.useLocation)()) === null || _a === void 0 ? void 0 : _a.pathname }, props.state) })));
-});
-var templateObject_1;

package/ui/darkColors.js

@@ -1,10 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkMode = void 0;
-var styled_components_1 = require("styled-components");
-exports.darkMode = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /**\n     * @tokens Dark Colors\n     * @presenter Color\n     */\n  --background-color: #0d1117;\n  --footer-background-color: #16202e;\n  --navbar-background-color: #16202e;\n  --color-primary-500: #57a5fd;\n  --color-primary-300: #15396e;\n  --color-secondary-300: #22262e;\n  --colors-translucent: rgb(50 63 75 / 40%);\n  --inline-code-text-color: #f76663;\n  --color-emphasis-400: #fff;\n  --link-hover-text-color: #57a5fd;\n  --link-text-color: #57a5fd;\n  --code-block-background-color: #1e2633;\n  --admonition-attention-background-color: var(--color-primary-300);\n  --admonition-attention-icon-color: var(--color-emphasis-700);\n  --admonition-warning-background-color: #614b17;\n  --admonition-warning-icon-color: #4c3b12;\n  --admonition-success-background-color: #267e74;\n  --admonition-success-icon-color: #38b9a5;\n  --admonition-danger-background-color: #d6524c;\n  --admonition-danger-icon-color: #d13e37;\n  --admonition-info-background-color: #696969;\n  --admonition-info-icon-color: #505050;\n  --inline-code-background-color: #1e2633;\n  --toc-item-active-background-color: #1e2633;\n  --sidebar-item-active-background-color: #1e2633;\n  --panel-response-success-heading-background-color: #38b9a5;\n  --panel-response-success-border-color: #38b9a5;\n  --panel-response-error-heading-background-color: #d6524c;\n  --panel-response-error-border-color: #d6524c;\n  --panel-samples-heading-background-color: #1e2633;\n  --panel-samples-body-background-color: #263041;\n  --panel-samples-tabs-hover-background-color: #1e2633;\n  --panel-samples-tabs-hover-border-color: #3f4f68;\n  --panel-try-it-action-button-hover-border-color: #2b4cc4;\n  --panel-try-it-action-button-hover-background-color: #2b4cc4;\n  --panel-try-it-action-button-background-color: #0065fb;\n  --button-background-color: #0065fb;\n  --button-border-color: #0065fb;\n  --button-hover-background-color: #2b4cc4;\n  --button-hover-border-color: #2b4cc4;\n  --search-popover-background-color: #1b2738;\n  --search-highlight-text-color: #57a5fd;\n  --search-item-active-background-color: #1f3559;\n  --panel-try-it-nested-body-background-color: #263041;\n  --panel-try-it-tabs-active-background-color: #11151d;\n  --panel-try-it-tabs-hover-background-color: #141a26;\n  --color-emphasis-100: #0065fb;\n  --color-secondary-400: #696969;\n  --color-emphasis-700: #fff;\n  --color-emphasis-800: #fff;\n  --copy-button-tooltip-text-color: #fff;\n  --copy-button-tooltip-background-color: var(--tooltip-background-color);\n  --tooltip-text-color: #fff;\n  --md-table-head-background-color: var(--color-secondary-300);\n  --wide-tile-background-color: #000000;\n  --thin-tile-background-color: #000000;\n\n  background-color: var(--background-color);\n  color: var(--text-color);\n"], ["\n  /**\n     * @tokens Dark Colors\n     * @presenter Color\n     */\n  --background-color: #0d1117;\n  --footer-background-color: #16202e;\n  --navbar-background-color: #16202e;\n  --color-primary-500: #57a5fd;\n  --color-primary-300: #15396e;\n  --color-secondary-300: #22262e;\n  --colors-translucent: rgb(50 63 75 / 40%);\n  --inline-code-text-color: #f76663;\n  --color-emphasis-400: #fff;\n  --link-hover-text-color: #57a5fd;\n  --link-text-color: #57a5fd;\n  --code-block-background-color: #1e2633;\n  --admonition-attention-background-color: var(--color-primary-300);\n  --admonition-attention-icon-color: var(--color-emphasis-700);\n  --admonition-warning-background-color: #614b17;\n  --admonition-warning-icon-color: #4c3b12;\n  --admonition-success-background-color: #267e74;\n  --admonition-success-icon-color: #38b9a5;\n  --admonition-danger-background-color: #d6524c;\n  --admonition-danger-icon-color: #d13e37;\n  --admonition-info-background-color: #696969;\n  --admonition-info-icon-color: #505050;\n  --inline-code-background-color: #1e2633;\n  --toc-item-active-background-color: #1e2633;\n  --sidebar-item-active-background-color: #1e2633;\n  --panel-response-success-heading-background-color: #38b9a5;\n  --panel-response-success-border-color: #38b9a5;\n  --panel-response-error-heading-background-color: #d6524c;\n  --panel-response-error-border-color: #d6524c;\n  --panel-samples-heading-background-color: #1e2633;\n  --panel-samples-body-background-color: #263041;\n  --panel-samples-tabs-hover-background-color: #1e2633;\n  --panel-samples-tabs-hover-border-color: #3f4f68;\n  --panel-try-it-action-button-hover-border-color: #2b4cc4;\n  --panel-try-it-action-button-hover-background-color: #2b4cc4;\n  --panel-try-it-action-button-background-color: #0065fb;\n  --button-background-color: #0065fb;\n  --button-border-color: #0065fb;\n  --button-hover-background-color: #2b4cc4;\n  --button-hover-border-color: #2b4cc4;\n  --search-popover-background-color: #1b2738;\n  --search-highlight-text-color: #57a5fd;\n  --search-item-active-background-color: #1f3559;\n  --panel-try-it-nested-body-background-color: #263041;\n  --panel-try-it-tabs-active-background-color: #11151d;\n  --panel-try-it-tabs-hover-background-color: #141a26;\n  --color-emphasis-100: #0065fb;\n  --color-secondary-400: #696969;\n  --color-emphasis-700: #fff;\n  --color-emphasis-800: #fff;\n  --copy-button-tooltip-text-color: #fff;\n  --copy-button-tooltip-background-color: var(--tooltip-background-color);\n  --tooltip-text-color: #fff;\n  --md-table-head-background-color: var(--color-secondary-300);\n  --wide-tile-background-color: #000000;\n  --thin-tile-background-color: #000000;\n\n  background-color: var(--background-color);\n  color: var(--text-color);\n"])));
-var templateObject_1;

package/utils/class-names.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.concatClassNames = void 0;
-var SPACE_DELIMITER = ' ';
-function concatClassNames() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return args
-        .map(function (className) { return (className ? className.trim() : className); })
-        .filter(Boolean)
-        .join(SPACE_DELIMITER);
-}
-exports.concatClassNames = concatClassNames;

package/utils/css-variables.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCssColorVariable = void 0;
-var getCssColorVariable = function (color, defaultValue) {
-    if (defaultValue === void 0) { defaultValue = 'inherit'; }
-    return (color === null || color === void 0 ? void 0 : color.startsWith('--')) ? "var(".concat(color, ")") : color || defaultValue;
-};
-exports.getCssColorVariable = getCssColorVariable;