@redocly/theme 0.1.11 → 0.1.12

package/src/mocks/Link.tsx

@@ -5,6 +5,6 @@ import { omit } from 'lodash';
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export function Link(props: any): JSX.Element {
   // We omit "active" property to avoid "Warning: Received `false` for a non-boolean attribute `active`."
-  const filteredProps = omit(props, ['active']);
+  const filteredProps = omit(props, ['active', 'httpVerb', 'hasActiveSubItem']);
   return <a href={filteredProps.to} {...filteredProps} />;
 }

package/src/ui/Typography.tsx

@@ -25,27 +25,27 @@ export const typographyTokens = {
   heading1: {
     fontSize: 'var(--h1-font-size)',
     fontFamily: 'var(--h-font-family)',
-    fontWeight: 'var(--font-weight-bold)',
+    fontWeight: 'var(--h1-font-weight, var(--h-font-weight))',
     lineHeight: 'var(--h1-line-height)',
-    color: 'var(--color-content)',
+    color: 'var(--h-color)',
     marginTop: 'var(--h1-margin-top)',
     marginBottom: 'var(--h1-margin-bottom)',
   },
   heading2: {
     fontSize: 'var(--h2-font-size)',
     fontFamily: 'var(--h-font-family)',
-    fontWeight: 'var(--font-weight-bold)',
+    fontWeight: 'var(--h2-font-weight, var(--h-font-weight))',
     lineHeight: 'var(--h2-line-height)',
-    color: 'var(--color-content)',
+    color: 'var(--h-color)',
     marginTop: 'var(--h2-margin-top)',
     marginBottom: 'var(--h2-margin-bottom)',
   },
   heading3: {
     fontSize: 'var(--h3-font-size)',
     fontFamily: 'var(--h-font-family)',
-    fontWeight: 'var(--font-weight-bold)',
+    fontWeight: 'var(--h3-font-weight, var(--h-font-weight))',
     lineHeight: 'var(--h3-line-height)',
-    color: 'var(--color-content)',
+    color: 'var(--h-color)',
     marginTop: 'var(--h3-margin-top)',
     marginBottom: 'var(--h3-margin-bottom)',
   },
@@ -139,7 +139,7 @@ export const SectionHeader = styled.h2`
   font-weight: var(--font-weight-regular);
   text-align: center;
   margin: 2.65em 0;
-  padding: 0px 20px;
+  padding: 0 20px;
   font-family: var(--h-font-family);
 `;
 
@@ -154,7 +154,7 @@ export const Typography = styled.p.attrs(() => ({
 >`
   ${typography(typographyTokens.typography)};
   color: var(--color-content);
-  ${color}
+  ${color};
   margin-top: ${({ mt }) => mt || '1em'};
   margin-bottom: ${({ mb }) => mb || '1em'};
   ${typographySystem}

package/src/ui/UniversalLink.tsx

@@ -3,7 +3,6 @@ import { useLocation, LinkProps } from 'react-router-dom';
 import styled from 'styled-components';
 
 import { isUrl } from '@theme/utils/isUrl';
-import { replaceHashInColor } from '@theme/utils/replaceHashInColor';
 import { Link } from '@portal/Link';
 
 const StyledExternalLink = styled.a`
@@ -14,15 +13,11 @@ const StyledExternalLink = styled.a`
       content: '';
       display: inline-block;
       position: absolute;
-      background-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 fill='${({
-        theme,
-      }) =>
-        replaceHashInColor(
-          theme.colors.text.primary,
-        )}' 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");
+      background: var(--color-content);
+      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");
+      mask-repeat: no-repeat;
       width: 10px;
       height: 10px;
-      background-repeat: no-repeat;
       top: 50%;
       right: -15px;
       transform: translateY(-50%);

package/src/utils/isUrl.ts

@@ -12,16 +12,16 @@ const nonLocalhostDomainRE = /^[^\s.]+\.\S{2,}$/;
 /**
  * Loosely validate a URL `string`.
  *
- * @param {String} string
+ * @param {String} input
  * @return {Boolean}
  */
 
-export function isUrl(string: string): boolean {
-  if (typeof string !== 'string') {
+export function isUrl(input: unknown): boolean {
+  if (typeof input !== 'string') {
     return false;
   }
 
-  const match = string.match(protocolAndDomainRE);
+  const match = input.match(protocolAndDomainRE);
   if (!match) {
     return false;
   }

package/ui/Typography.js

@@ -39,27 +39,27 @@ exports.typographyTokens = {
     heading1: {
         fontSize: 'var(--h1-font-size)',
         fontFamily: 'var(--h-font-family)',
-        fontWeight: 'var(--font-weight-bold)',
+        fontWeight: 'var(--h1-font-weight, var(--h-font-weight))',
         lineHeight: 'var(--h1-line-height)',
-        color: 'var(--color-content)',
+        color: 'var(--h-color)',
         marginTop: 'var(--h1-margin-top)',
         marginBottom: 'var(--h1-margin-bottom)',
     },
     heading2: {
         fontSize: 'var(--h2-font-size)',
         fontFamily: 'var(--h-font-family)',
-        fontWeight: 'var(--font-weight-bold)',
+        fontWeight: 'var(--h2-font-weight, var(--h-font-weight))',
         lineHeight: 'var(--h2-line-height)',
-        color: 'var(--color-content)',
+        color: 'var(--h-color)',
         marginTop: 'var(--h2-margin-top)',
         marginBottom: 'var(--h2-margin-bottom)',
     },
     heading3: {
         fontSize: 'var(--h3-font-size)',
         fontFamily: 'var(--h-font-family)',
-        fontWeight: 'var(--font-weight-bold)',
+        fontWeight: 'var(--h3-font-weight, var(--h-font-weight))',
         lineHeight: 'var(--h3-line-height)',
-        color: 'var(--color-content)',
+        color: 'var(--h-color)',
         marginTop: 'var(--h3-margin-top)',
         marginBottom: 'var(--h3-margin-bottom)',
     },
@@ -119,10 +119,10 @@ exports.H3 = styled_components_1.default.h1.attrs(function () { return ({
     var mb = _a.mb;
     return mb && "margin-bottom: ".concat(mb, ";");
 }, styled_system_1.color, styled_system_1.typography);
-exports.SectionHeader = styled_components_1.default.h2(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: var(--h-color);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-regular);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0px 20px;\n  font-family: var(--h-font-family);\n"], ["\n  color: var(--h-color);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-regular);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0px 20px;\n  font-family: var(--h-font-family);\n"])));
+exports.SectionHeader = styled_components_1.default.h2(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: var(--h-color);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-regular);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0 20px;\n  font-family: var(--h-font-family);\n"], ["\n  color: var(--h-color);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-regular);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0 20px;\n  font-family: var(--h-font-family);\n"])));
 exports.Typography = styled_components_1.default.p.attrs(function () { return ({
     'data-component-name': 'ui/Typography/Typography',
-}); })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  color: var(--color-content);\n  ", "\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"], ["\n  ", ";\n  color: var(--color-content);\n  ", "\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"])), typography(exports.typographyTokens.typography), styled_system_1.color, function (_a) {
+}); })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  color: var(--color-content);\n  ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"], ["\n  ", ";\n  color: var(--color-content);\n  ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"])), typography(exports.typographyTokens.typography), styled_system_1.color, function (_a) {
     var mt = _a.mt;
     return mt || '1em';
 }, function (_a) {

package/ui/UniversalLink.js

@@ -23,12 +23,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = __importDefault(require("styled-components"));
 var isUrl_1 = require("../utils/isUrl");
-var replaceHashInColor_1 = require("../utils/replaceHashInColor");
 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-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 fill='", "' 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      width: 10px;\n      height: 10px;\n      background-repeat: no-repeat;\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-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 fill='", "' 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      width: 10px;\n      height: 10px;\n      background-repeat: no-repeat;\n      top: 50%;\n      right: -15px;\n      transform: translateY(-50%);\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return (0, replaceHashInColor_1.replaceHashInColor)(theme.colors.text.primary);
-});
+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(--color-content);\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(--color-content);\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 = [

package/utils/isUrl.d.ts

@@ -6,7 +6,7 @@
 /**
  * Loosely validate a URL `string`.
  *
- * @param {String} string
+ * @param {String} input
  * @return {Boolean}
  */
-export declare function isUrl(string: string): boolean;
+export declare function isUrl(input: unknown): boolean;

package/utils/isUrl.js

@@ -12,14 +12,14 @@ var nonLocalhostDomainRE = /^[^\s.]+\.\S{2,}$/;
 /**
  * Loosely validate a URL `string`.
  *
- * @param {String} string
+ * @param {String} input
  * @return {Boolean}
  */
-function isUrl(string) {
-    if (typeof string !== 'string') {
+function isUrl(input) {
+    if (typeof input !== 'string') {
         return false;
     }
-    var match = string.match(protocolAndDomainRE);
+    var match = input.match(protocolAndDomainRE);
     if (!match) {
         return false;
     }

package/src/Button/Button.stories.tsx

@@ -1,74 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-
-import { Button } from '@theme/Button';
-
-export default {
-  title: 'Components/Button',
-  component: Button,
-  argTypes: {
-    size: {
-      control: 'radio',
-      options: ['small', 'medium', 'large', 'xlarge'],
-    },
-    color: {
-      control: 'radio',
-      options: ['primary', 'secondary', 'default'],
-    },
-  },
-} as ComponentMeta<typeof Button>;
-
-const Template: ComponentStory<typeof Button> = (args) => <Button {...args}>Click</Button>;
-
-export const Primary = Template.bind({});
-Primary.args = {
-  color: 'primary',
-  disabled: false,
-  blinking: false,
-  fullWidth: false,
-  variant: 'contained',
-  size: 'small',
-  extraClass: 'test',
-};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
-  color: 'secondary',
-  disabled: false,
-  blinking: false,
-  fullWidth: false,
-  variant: 'contained',
-  size: 'small',
-  extraClass: 'test',
-};
-
-export const Outlined = Template.bind({});
-Outlined.args = {
-  color: 'primary',
-  disabled: false,
-  blinking: false,
-  fullWidth: false,
-  variant: 'outlined',
-  size: 'small',
-  extraClass: 'test',
-};
-
-export const Disabled = Template.bind({});
-Disabled.args = {
-  color: 'secondary',
-  disabled: true,
-  blinking: false,
-  fullWidth: false,
-  variant: 'contained',
-  size: 'small',
-};
-
-export const Large = Template.bind({});
-Large.args = {
-  color: 'default',
-  disabled: false,
-  blinking: false,
-  fullWidth: false,
-  variant: 'contained',
-  size: 'large',
-};

package/src/Button/__tests__/Button.test.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import { Button } from '@theme/Button';
-
-describe('Button', () => {
-  it('renders', () => {
-    const { container } = render(<Button>Test</Button>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders blinking', () => {
-    const { container } = render(<Button blinking>Test</Button>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders with extra class', () => {
-    const { container } = render(<Button extraClass="quick-fox">Test</Button>);
-
-    expect(container.firstChild).toHaveClass('quick-fox');
-  });
-
-  it('renders disabled', () => {
-    const { container } = render(<Button disabled>Test</Button>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders full width', () => {
-    const { container } = render(<Button fullWidth>Test</Button>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-
-  it('renders outlined', () => {
-    const { container } = render(<Button variant="outlined">Test</Button>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-});

package/src/Button/__tests__/__snapshots__/Button.test.tsx.snap

@@ -1,274 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button renders 1`] = `
-.c1 {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  width: auto;
-  outline: none;
-  border: none;
-  border-radius: var(--button-border-radius);
-  font-weight: var(--button-font-weight);
-  font-size: 14px;
-  padding: 2px 20px;
-  cursor: pointer;
-  -webkit-transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  line-height: 1;
-  font-family: var(--button-font-family);
-  box-shadow: var(--button-box-shadow);
-  color: var(--button-color);
-  background-color: var(--button-background-color);
-  font-size: var(--button-medium-font-size);
-  padding: var(--button-medium-padding);
-  min-width: var(--button-medium-min-width);
-}
-
-.c1:hover {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:active {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:hover {
-  background-color: var(--button-hover-background-color);
-}
-
-.c1:active {
-  background-color: var(--button-active-background-color);
-}
-
-.c0 + .c0 {
-  margin-left: 0.85em;
-}
-
-<button
-  class="c0 c1 button-color-default"
->
-  Test
-</button>
-`;
-
-exports[`Button renders blinking 1`] = `
-.c1 {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  width: auto;
-  outline: none;
-  border: none;
-  border-radius: var(--button-border-radius);
-  font-weight: var(--button-font-weight);
-  font-size: 14px;
-  padding: 2px 20px;
-  cursor: pointer;
-  -webkit-transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  line-height: 1;
-  font-family: var(--button-font-family);
-  box-shadow: var(--button-box-shadow);
-  color: var(--button-color);
-  background-color: var(--button-background-color);
-  font-size: var(--button-medium-font-size);
-  padding: var(--button-medium-padding);
-  min-width: var(--button-medium-min-width);
-  pointer-events: none;
-  -webkit-animation: hiqtTO 1.2s infinite;
-  animation: hiqtTO 1.2s infinite;
-}
-
-.c1:hover {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:active {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:hover {
-  background-color: var(--button-hover-background-color);
-}
-
-.c1:active {
-  background-color: var(--button-active-background-color);
-}
-
-.c0 + .c0 {
-  margin-left: 0.85em;
-}
-
-<button
-  class="c0 c1 button-color-default"
->
-  Test
-</button>
-`;
-
-exports[`Button renders disabled 1`] = `
-.c1 {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  width: auto;
-  outline: none;
-  border: none;
-  border-radius: var(--button-border-radius);
-  font-weight: var(--button-font-weight);
-  font-size: 14px;
-  padding: 2px 20px;
-  cursor: pointer;
-  -webkit-transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  line-height: 1;
-  font-family: var(--button-font-family);
-  box-shadow: var(--button-box-shadow);
-  color: var(--button-color);
-  background-color: var(--button-background-color);
-  font-size: var(--button-medium-font-size);
-  padding: var(--button-medium-padding);
-  min-width: var(--button-medium-min-width);
-}
-
-.c1:hover {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:active {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:hover {
-  background-color: var(--button-hover-background-color);
-}
-
-.c1:active {
-  background-color: var(--button-active-background-color);
-}
-
-.c0 + .c0 {
-  margin-left: 0.85em;
-}
-
-.c1,
-.c1:hover {
-  cursor: default;
-  color: #999999;
-  pointer-events: none;
-}
-
-<button
-  class="c0 c1 button-color-default"
-  disabled=""
->
-  Test
-</button>
-`;
-
-exports[`Button renders full width 1`] = `
-.c1 {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  width: 100%;
-  outline: none;
-  border: none;
-  border-radius: var(--button-border-radius);
-  font-weight: var(--button-font-weight);
-  font-size: 14px;
-  padding: 2px 20px;
-  cursor: pointer;
-  -webkit-transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  line-height: 1;
-  font-family: var(--button-font-family);
-  box-shadow: var(--button-box-shadow);
-  color: var(--button-color);
-  background-color: var(--button-background-color);
-  font-size: var(--button-medium-font-size);
-  padding: var(--button-medium-padding);
-  min-width: var(--button-medium-min-width);
-}
-
-.c1:hover {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:active {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:hover {
-  background-color: var(--button-hover-background-color);
-}
-
-.c1:active {
-  background-color: var(--button-active-background-color);
-}
-
-.c0 + .c0 {
-  margin-left: 0.85em;
-}
-
-<button
-  class="c0 c1 button-color-default"
->
-  Test
-</button>
-`;
-
-exports[`Button renders outlined 1`] = `
-.c1 {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  width: auto;
-  outline: none;
-  border: none;
-  border-radius: var(--button-border-radius);
-  font-weight: var(--button-font-weight);
-  font-size: 14px;
-  padding: 2px 20px;
-  cursor: pointer;
-  -webkit-transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
-  line-height: 1;
-  font-family: var(--button-font-family);
-  box-shadow: var(--button-box-shadow);
-  color: var(--button-background-color);
-  border: 2px solid var(--button-background-color);
-  background-color: transparent;
-  font-size: var(--button-medium-font-size);
-  padding: var(--button-medium-padding);
-  min-width: var(--button-medium-min-width);
-}
-
-.c1:hover {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:active {
-  box-shadow: var(--button-active-box-shadow);
-}
-
-.c1:hover {
-  border: 2px solid var(--button-active-background-color);
-  background-color: transparent;
-}
-
-.c1:active {
-  border: 2px solid var(--button-outlined-active-border-color);
-}
-
-.c0 + .c0 {
-  margin-left: 0.85em;
-}
-
-<button
-  class="c0 c1 button-color-default"
->
-  Test
-</button>
-`;

package/src/CodeBlock/__tests__/CodeBlock.test.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import { CodeBlock } from '@theme/CodeBlock';
-
-describe('CodeBlock', () => {
-  it('renders', () => {
-    const { container } = render(<CodeBlock>Test</CodeBlock>);
-
-    expect(container.firstChild).toMatchSnapshot();
-  });
-});