@redocly/theme 0.1.9 → 0.1.12

package/ui/Typography.js

@@ -33,33 +33,33 @@ var styled_system_1 = require("styled-system");
 exports.typographyTokens = {
     typography: {
         fontSize: 'var(--font-size-base)',
-        fontFamily: 'var(--font-family-h)',
-        lineHeight: 'var(--line-height-m)',
+        fontFamily: 'var(--h-font-family)',
+        lineHeight: 'var(--line-height-base)',
     },
     heading1: {
         fontSize: 'var(--h1-font-size)',
-        fontFamily: 'var(--font-family-h)',
-        fontWeight: 'var(--font-weight-bold)',
+        fontFamily: 'var(--h-font-family)',
+        fontWeight: 'var(--h1-font-weight, var(--h-font-weight))',
         lineHeight: 'var(--h1-line-height)',
-        color: 'var(--color-text-main)',
+        color: 'var(--h-color)',
         marginTop: 'var(--h1-margin-top)',
         marginBottom: 'var(--h1-margin-bottom)',
     },
     heading2: {
         fontSize: 'var(--h2-font-size)',
-        fontFamily: 'var(--font-family-h)',
-        fontWeight: 'var(--font-weight-bold)',
+        fontFamily: 'var(--h-font-family)',
+        fontWeight: 'var(--h2-font-weight, var(--h-font-weight))',
         lineHeight: 'var(--h2-line-height)',
-        color: 'var(--color-text-main)',
+        color: 'var(--h-color)',
         marginTop: 'var(--h2-margin-top)',
         marginBottom: 'var(--h2-margin-bottom)',
     },
     heading3: {
         fontSize: 'var(--h3-font-size)',
-        fontFamily: 'var(--font-family-h)',
-        fontWeight: 'var(--font-weight-bold)',
+        fontFamily: 'var(--h-font-family)',
+        fontWeight: 'var(--h3-font-weight, var(--h-font-weight))',
         lineHeight: 'var(--h3-line-height)',
-        color: 'var(--color-text-main)',
+        color: 'var(--h-color)',
         marginTop: 'var(--h3-margin-top)',
         marginBottom: 'var(--h3-margin-bottom)',
     },
@@ -67,19 +67,19 @@ exports.typographyTokens = {
     heading5: {},
     heading6: {},
     blockquote: {
-        color: 'var(--color-text-main)',
+        color: 'var(--color-content)',
     },
     alert: {
-        fontSize: 'var(--alert-font-size)',
-        fontWeight: 'var(--alert-font-weight)',
-        lineHeight: 'var(--alert-line-height)',
-        marginTop: 'var(--alert-margin-vertical)',
-        marginBottom: 'var(-alert-margin-vartical)',
+        fontSize: 'var(--admonition-font-size)',
+        fontWeight: 'var(--admonition-font-weight)',
+        lineHeight: 'var(--admonition-line-height)',
+        marginTop: 'var(--admonition-margin-vertical)',
+        marginBottom: 'var(--admonition-margin-vertical)',
         heading: {
-            fontSize: 'var(--alert-heading-font-size)',
-            fontWeight: 'var(--alert-heading-font-weight)',
-            lineHeight: 'var(--alert-line-height)',
-            transform: 'var(--alert-heading-transform)',
+            fontSize: 'var(--admonition-heading-font-size)',
+            fontWeight: 'var(--admonition-heading-font-weight)',
+            lineHeight: 'var(--admonition-line-height)',
+            transform: 'var(--admonition-heading-transform)',
         },
     },
 };
@@ -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(--color-primary-main);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-light);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0px 20px;\n  font-family: var(--font-family-h);\n"], ["\n  color: var(--color-primary-main);\n  font-size: 1.75em;\n  font-weight: var(--font-weight-light);\n  text-align: center;\n  margin: 2.65em 0;\n  padding: 0px 20px;\n  font-family: var(--font-family-h);\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-text-main);\n  ", "\n  margin-top: ", ";\n  margin-bottom: ", ";\n  ", "\n"], ["\n  ", ";\n  color: var(--color-text-main);\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/Logo/Logo.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { LogoConfig } from '@theme/types/portal';
-export declare function Logo({ logo }: {
-    logo: LogoConfig;
-}): JSX.Element | null;

package/Logo/index.d.ts

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

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: '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();
-  });
-});