@redocly/theme 0.1.10 → 0.1.13

package/utils/ClipboardService.js

@@ -5,81 +5,10 @@ var ClipboardService = /** @class */ (function () {
     function ClipboardService() {
     }
     ClipboardService.isSupported = function () {
-        return (typeof document !== 'undefined' &&
-            !!document.queryCommandSupported &&
-            document.queryCommandSupported('copy'));
-    };
-    ClipboardService.selectElement = function (element) {
-        if (!element) {
-            return;
-        }
-        var range;
-        var selection;
-        if (document.body.createTextRange) {
-            range = document.body.createTextRange();
-            range.moveToElementText(element);
-            range.select();
-        }
-        else if (document.createRange && window.getSelection) {
-            selection = window.getSelection();
-            range = document.createRange();
-            range.selectNodeContents(element);
-            selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-            selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-        }
-    };
-    ClipboardService.deselect = function () {
-        if (document.selection) {
-            document.selection.empty();
-        }
-        else if (window.getSelection) {
-            var selection = window.getSelection();
-            if (selection) {
-                selection.removeAllRanges();
-            }
-        }
-    };
-    ClipboardService.copySelected = function () {
-        var result;
-        try {
-            result = document.execCommand('copy');
-        }
-        catch (err) {
-            result = false;
-        }
-        return result;
-    };
-    ClipboardService.copyElement = function (element) {
-        ClipboardService.selectElement(element);
-        var res = ClipboardService.copySelected();
-        if (res) {
-            ClipboardService.deselect();
-        }
-        return res;
+        return typeof (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) !== 'undefined';
     };
     ClipboardService.copyCustom = function (text) {
-        var textArea = document.createElement('textarea');
-        textArea.style.position = 'fixed';
-        textArea.style.top = '0';
-        textArea.style.left = '0';
-        // Ensure it has a small width and height. Setting to 1px / 1em
-        // doesn't work as this gives a negative w/h on some browsers.
-        textArea.style.width = '2em';
-        textArea.style.height = '2em';
-        // We don't need padding, reducing the size if it does flash render.
-        textArea.style.padding = '0';
-        // Clean up any borders.
-        textArea.style.border = 'none';
-        textArea.style.outline = 'none';
-        textArea.style.boxShadow = 'none';
-        // Avoid flash of white box if rendered for any reason.
-        textArea.style.background = 'transparent';
-        textArea.value = text;
-        document.body.appendChild(textArea);
-        textArea.select();
-        var res = ClipboardService.copySelected();
-        document.body.removeChild(textArea);
-        return res;
+        return navigator.clipboard.writeText(text);
     };
     return ClipboardService;
 }());

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/utils/theme-helpers.d.ts

@@ -1,3 +1,4 @@
 import type { FlattenSimpleInterpolation } from 'styled-components';
 export declare function getTypographyCssRulesByComponentName(componentName: string, fallbackName?: string): Record<string, string>;
 export declare function typography(componentName: string, fallbackName?: string): FlattenSimpleInterpolation;
+export declare function generateCodeBlockTokens(): FlattenSimpleInterpolation | string;

package/utils/theme-helpers.js

@@ -4,8 +4,38 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.typography = exports.getTypographyCssRulesByComponentName = void 0;
+exports.generateCodeBlockTokens = exports.typography = exports.getTypographyCssRulesByComponentName = void 0;
 var styled_components_1 = require("styled-components");
+var Token;
+(function (Token) {
+    Token["Comment"] = "comment";
+    Token["Prolog"] = "prolog";
+    Token["Doctype"] = "doctype";
+    Token["Cdata"] = "cdata";
+    Token["Punctuation"] = "punctuation";
+    Token["property"] = "property";
+    Token["Tag"] = "tag";
+    Token["Number"] = "number";
+    Token["Constant"] = "constant";
+    Token["Symbol"] = "symbol";
+    Token["Boolean"] = "boolean";
+    Token["Selector"] = "selector";
+    Token["String"] = "string";
+    Token["Char"] = "char";
+    Token["Builtin"] = "builtin";
+    Token["Inserted"] = "inserted";
+    Token["Operator"] = "operator";
+    Token["Entity"] = "entity";
+    Token["Url"] = "url";
+    Token["Variable"] = "variable";
+    Token["Atrule"] = "atrule";
+    Token["Keyword"] = "keyword";
+    Token["Regex"] = "regex";
+    Token["Important"] = "important";
+    Token["Bold"] = "bold";
+    Token["Italic"] = "italic";
+    Token["Deleted"] = "deleted";
+})(Token || (Token = {}));
 var typographyProperties = Object.entries({
     fontSize: 'font-size',
     fontWeight: 'font-weight',
@@ -29,4 +59,14 @@ function typography(componentName, fallbackName) {
     return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), getTypographyCssRulesByComponentName(componentName, fallbackName));
 }
 exports.typography = typography;
-var templateObject_1;
+function generateCodeBlockTokens() {
+    var res = '';
+    for (var _i = 0, _a = Object.values(Token); _i < _a.length; _i++) {
+        var token = _a[_i];
+        var cssTokenColorVariableName = "--code-block-tokens-".concat(token, "-color");
+        res += ".token.".concat(token, " { color: var(").concat(cssTokenColorVariableName, ")}; }\n");
+    }
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    pre& {\n      color: var(--code-block-tokens-default-color);\n    }\n    ", "\n  "], ["\n    pre& {\n      color: var(--code-block-tokens-default-color);\n    }\n    ", "\n  "])), res);
+}
+exports.generateCodeBlockTokens = generateCodeBlockTokens;
+var templateObject_1, templateObject_2;

package/Markdown/CodeSample/CodeSample.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare type CodeSampleProps = {
-    language: string;
-    highlighted: string;
-    rawContent: string;
-};
-export declare function CodeSample({ rawContent, highlighted, language }: CodeSampleProps): JSX.Element;
-export {};

package/Markdown/CodeSample/CodeSample.js

@@ -1,30 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeSample = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ClipboardService_1 = require("../../utils/ClipboardService");
-var styled_1 = require("../../Markdown/CodeSample/styled");
-function CodeSample(_a) {
-    var rawContent = _a.rawContent, highlighted = _a.highlighted, language = _a.language;
-    var langClassName = language ? "language-".concat(language) : '';
-    var _b = (0, react_1.useState)(false), isCopied = _b[0], setIsCopied = _b[1];
-    var copyCode = function (code) {
-        ClipboardService_1.ClipboardService.copyCustom(code);
-        setIsCopied(true);
-        setTimeout(function () { return setIsCopied(false); }, 1500);
-    };
-    return ((0, jsx_runtime_1.jsxs)(styled_1.Wrapper, __assign({ className: "code-sample", "data-component-name": "Markdown/CodeSample/CodeSample" }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CodeSampleButtonContainer, __assign({ onClick: function () { return copyCode(rawContent); } }, { children: [!isCopied && (0, jsx_runtime_1.jsx)(styled_1.CopyCodeButton, __assign({ title: "Copy the code snippet" }, { children: "Copy" })), isCopied && (0, jsx_runtime_1.jsx)(styled_1.DoneIndicator, { children: "Copied" })] })), (0, jsx_runtime_1.jsx)("pre", __assign({ className: langClassName }, { children: (0, jsx_runtime_1.jsx)("code", { className: langClassName, dangerouslySetInnerHTML: { __html: highlighted } }) }))] })));
-}
-exports.CodeSample = CodeSample;

package/Markdown/CodeSample/index.d.ts

@@ -1,3 +0,0 @@
-export * from '../../Markdown/CodeSample/CodeSample';
-export * from '../../Markdown/CodeSample/styled';
-export * from '../../Markdown/CodeSample/types';

package/Markdown/CodeSample/index.js

@@ -1,19 +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("../../Markdown/CodeSample/CodeSample"), exports);
-__exportStar(require("../../Markdown/CodeSample/styled"), exports);
-__exportStar(require("../../Markdown/CodeSample/types"), exports);

package/Markdown/CodeSample/styled.d.ts

@@ -1,5 +0,0 @@
-export declare const CodeButton: import("styled-components").FlattenSimpleInterpolation;
-export declare const CodeSampleButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CopyCodeButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DoneIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/Markdown/CodeSample/styled.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 __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.Wrapper = exports.DoneIndicator = exports.CopyCodeButton = exports.CodeSampleButtonContainer = exports.CodeButton = void 0;
-var polished_1 = require("polished");
-var styled_components_1 = __importStar(require("styled-components"));
-var Typography_1 = require("../../ui/Typography");
-function genTokens(tokens) {
-    var _a;
-    if (!tokens) {
-        return '';
-    }
-    var res = '';
-    for (var _i = 0, _b = Object.keys(tokens); _i < _b.length; _i++) {
-        var token = _b[_i];
-        if (token !== 'default') {
-            res += ".token.".concat(token, " { color: ").concat((_a = tokens[token]) === null || _a === void 0 ? void 0 : _a.color, "; }\n");
-        }
-    }
-    if (tokens.default) {
-        return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      pre& {\n        ", "\n      }\n      ", "\n    "], ["\n      pre& {\n        ", "\n      }\n      ", "\n    "])), (0, Typography_1.typography)(tokens.default), res);
-    }
-    return res;
-}
-var getCodeBlockBackgroundColor = function (theme) {
-    return Array.isArray(theme.codeBlock.backgroundColor)
-        ? theme.codeBlock.backgroundColor[0]
-        : theme.codeBlock.backgroundColor;
-};
-exports.CodeButton = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0 5px;\n  border-radius: 4px;\n"], ["\n  padding: 0 5px;\n  border-radius: 4px;\n"])));
-exports.CodeSampleButtonContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 12px;\n  right: 5px;\n"], ["\n  position: absolute;\n  top: 12px;\n  right: 5px;\n"])));
-exports.CopyCodeButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  display: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n"], ["\n  ", "\n  display: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n"])), exports.CodeButton);
-exports.DoneIndicator = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  cursor: default;\n"], ["\n  ", "\n  cursor: default;\n"])), exports.CodeButton);
-var lightStyleCodeButton = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ",\n  ", " {\n    color: ", ";\n  }\n\n  ", ":hover {\n    color: ", ";\n    outline: 1px solid ", ";\n  }\n"], ["\n  ", ",\n  ", " {\n    color: ", ";\n  }\n\n  ", ":hover {\n    color: ", ";\n    outline: 1px solid ", ";\n  }\n"])), exports.CopyCodeButton, exports.DoneIndicator, function (_a) {
-    var theme = _a.theme;
-    return theme.codeBlock.copyButton.visibleText;
-}, exports.CopyCodeButton, function (_a) {
-    var theme = _a.theme;
-    return theme.codeBlock.copyButton.visibleText;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.codeBlock.copyButton.visibleText;
-});
-var darkStyleCodeButton = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ",\n  ", " {\n    color: ", ";\n  }\n\n  ", ":hover {\n    color: white;\n    color: ", ";\n    background-color: ", ";\n  }\n"], ["\n  ", ",\n  ", " {\n    color: ", ";\n  }\n\n  ", ":hover {\n    color: white;\n    color: ", ";\n    background-color: ", ";\n  }\n"])), exports.CopyCodeButton, exports.DoneIndicator, function (_a) {
-    var theme = _a.theme;
-    return theme.codeBlock.copyButton.visibleText;
-}, exports.CopyCodeButton, function (_a) {
-    var theme = _a.theme;
-    return theme.codeBlock.copyButton.contrastText;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.codeBlock.copyButton.background;
-});
-var lightStyleTokens = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: #999988;\n    font-style: italic;\n  }\n\n  .token.namespace {\n    opacity: 0.7;\n  }\n\n  .token.string,\n  .token.attr-value {\n    color: #e3116c;\n  }\n  .token.punctuation,\n  .token.operator {\n    color: #393a34; /* no highlight */\n  }\n\n  .token.entity,\n  .token.url,\n  .token.symbol,\n  .token.number,\n  .token.boolean,\n  .token.variable,\n  .token.constant,\n  .token.property,\n  .token.regex,\n  .token.inserted {\n    color: #36acaa;\n  }\n\n  .token.atrule,\n  .token.keyword,\n  .token.attr-name,\n  .language-autohotkey .token.selector {\n    color: #00a4db;\n  }\n\n  .token.function,\n  .token.deleted,\n  .language-autohotkey .token.tag {\n    color: #9a050f;\n  }\n\n  .token.tag,\n  .token.selector,\n  .language-autohotkey .token.keyword {\n    color: #00009f;\n  }\n"], ["\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: #999988;\n    font-style: italic;\n  }\n\n  .token.namespace {\n    opacity: 0.7;\n  }\n\n  .token.string,\n  .token.attr-value {\n    color: #e3116c;\n  }\n  .token.punctuation,\n  .token.operator {\n    color: #393a34; /* no highlight */\n  }\n\n  .token.entity,\n  .token.url,\n  .token.symbol,\n  .token.number,\n  .token.boolean,\n  .token.variable,\n  .token.constant,\n  .token.property,\n  .token.regex,\n  .token.inserted {\n    color: #36acaa;\n  }\n\n  .token.atrule,\n  .token.keyword,\n  .token.attr-name,\n  .language-autohotkey .token.selector {\n    color: #00a4db;\n  }\n\n  .token.function,\n  .token.deleted,\n  .language-autohotkey .token.tag {\n    color: #9a050f;\n  }\n\n  .token.tag,\n  .token.selector,\n  .language-autohotkey .token.keyword {\n    color: #00009f;\n  }\n"])));
-var darkStyleTokens = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: hsl(30, 20%, 50%);\n  }\n\n  .token.property,\n  .token.tag,\n  .token.number,\n  .token.constant,\n  .token.symbol {\n    color: #62bff9;\n  }\n  .token.boolean {\n    color: firebrick;\n  }\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.builtin,\n  .token.inserted {\n    color: #a0fbaa;\n    & + a,\n    & + a:visited {\n      color: #4ed2ba;\n      text-decoration: underline;\n    }\n  }\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .token.variable {\n    color: hsl(40, 90%, 60%);\n  }\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword {\n    color: hsl(350, 40%, 70%);\n  }\n  .token.regex,\n  .token.important {\n    color: #e90;\n  }\n\n  .token.deleted {\n    color: red;\n  }\n"], ["\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: hsl(30, 20%, 50%);\n  }\n\n  .token.property,\n  .token.tag,\n  .token.number,\n  .token.constant,\n  .token.symbol {\n    color: #62bff9;\n  }\n  .token.boolean {\n    color: firebrick;\n  }\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.builtin,\n  .token.inserted {\n    color: #a0fbaa;\n    & + a,\n    & + a:visited {\n      color: #4ed2ba;\n      text-decoration: underline;\n    }\n  }\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .token.variable {\n    color: hsl(40, 90%, 60%);\n  }\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword {\n    color: hsl(350, 40%, 70%);\n  }\n  .token.regex,\n  .token.important {\n    color: #e90;\n  }\n\n  .token.deleted {\n    color: red;\n  }\n"])));
-exports.Wrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  overflow: auto;\n  border-radius: 4px;\n  position: relative;\n\n  ", "\n\n  &:hover {\n    ", " ", " {\n      display: block;\n    }\n  }\n\n  pre {\n    white-space: ", ";\n    color: white;\n    padding: 12px 14px 15px 14px;\n    overflow-x: auto;\n    line-height: normal;\n    border-radius: 4px;\n\n    font-family: ", ";\n    background-color: ", ";\n\n    code {\n      background-color: transparent;\n      border: 0;\n      padding: 0;\n\n      color: ", ";\n\n      &:before,\n      &:after {\n        content: none;\n      }\n    }\n  }\n\n  pre[class*='language-'] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border: 0;\n    border-radius: ", ";\n  }\n\n  code[class='language-text'] {\n    line-height: 1.2em;\n    display: inline-flex;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n\n  code[class*='language-'],\n  pre[class*='language-'] {\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n\n    .token.important,\n    .token.bold {\n      font-weight: bold;\n    }\n    .token.italic {\n      font-style: italic;\n    }\n    .token.entity {\n      cursor: help;\n    }\n    .token.punctuation {\n      opacity: 0.7;\n    }\n    .namespace {\n      opacity: 0.7;\n    }\n\n    ", "\n    ", "\n  }\n"], ["\n  overflow: auto;\n  border-radius: 4px;\n  position: relative;\n\n  ", "\n\n  &:hover {\n    ", " ", " {\n      display: block;\n    }\n  }\n\n  pre {\n    white-space: ", ";\n    color: white;\n    padding: 12px 14px 15px 14px;\n    overflow-x: auto;\n    line-height: normal;\n    border-radius: 4px;\n\n    font-family: ", ";\n    background-color: ", ";\n\n    code {\n      background-color: transparent;\n      border: 0;\n      padding: 0;\n\n      color: ", ";\n\n      &:before,\n      &:after {\n        content: none;\n      }\n    }\n  }\n\n  pre[class*='language-'] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border: 0;\n    border-radius: ", ";\n  }\n\n  code[class='language-text'] {\n    line-height: 1.2em;\n    display: inline-flex;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n\n  code[class*='language-'],\n  pre[class*='language-'] {\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n\n    .token.important,\n    .token.bold {\n      font-weight: bold;\n    }\n    .token.italic {\n      font-style: italic;\n    }\n    .token.entity {\n      cursor: help;\n    }\n    .token.punctuation {\n      opacity: 0.7;\n    }\n    .namespace {\n      opacity: 0.7;\n    }\n\n    ", "\n    ", "\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return (0, polished_1.getLuminance)(getCodeBlockBackgroundColor(theme)) < 0.25
-        ? darkStyleCodeButton
-        : lightStyleCodeButton;
-}, exports.CodeSampleButtonContainer, exports.CopyCodeButton, function (_a) {
-    var theme = _a.theme;
-    return (theme.typography.code.wrap ? 'pre-wrap' : 'pre');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.code.fontFamily;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.codeBlock.backgroundColor;
-}, function (_a) {
-    var theme = _a.theme;
-    return (0, polished_1.getLuminance)(theme.codeBlock.backgroundColor) < 0.5 ? 'white' : '#393A34';
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shape.borderRadius;
-}, function (_a) {
-    var theme = _a.theme;
-    return (0, polished_1.getLuminance)(getCodeBlockBackgroundColor(theme)) < 0.5 ? darkStyleTokens : lightStyleTokens;
-}, function (_a) {
-    var theme = _a.theme;
-    return genTokens(theme.codeBlock.tokens);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/Markdown/CodeSample/types.d.ts

@@ -1,9 +0,0 @@
-import { ITypography } from '../../ui/Typography';
-export declare type Token = 'comment' | 'prolog' | 'doctype' | 'cdata' | 'punctuation' | 'property' | 'tag' | 'number' | 'constant' | 'symbol' | 'boolean' | 'selector' | 'string' | 'char' | 'builtin' | 'inserted' | 'operator' | 'entity' | 'url' | 'variable' | 'atrule' | 'keyword' | 'regex' | 'important' | 'important' | 'bold' | 'italic' | 'entity' | 'deleted';
-export declare type Tokens = {
-    [P in Token]?: {
-        color: string;
-    };
-} & {
-    default?: ITypography;
-};

package/Markdown/CodeSample/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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