@atlaskit/code 14.4.5 → 14.4.7

package/dist/cjs/internal/utils/get-normalized-language.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.normalizeLanguage = void 0;
-
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-
 var _constants = require("../../constants");
-
 var normalizeLanguage = (0, _memoizeOne.default)(function (language) {
   if (!language) {
     return '';
   }
-
   var match = _constants.SUPPORTED_LANGUAGES.find(function (val) {
     return val.name === language || val.alias.includes(language);
-  }); // Fallback to plain monospaced text if language passed but not supported
-
-
+  });
+  // Fallback to plain monospaced text if language passed but not supported
   return match ? match.value : 'text';
 });
 exports.normalizeLanguage = normalizeLanguage;

package/dist/cjs/react-syntax-highlighter-bidi-warning-renderer.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,26 +8,18 @@ exports.createBidiWarningRenderer = createBidiWarningRenderer;
 exports.createChildren = createChildren;
 exports.createClassNameString = createClassNameString;
 exports.createStyleObject = createStyleObject;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _bidiWarning = _interopRequireDefault(require("./bidi-warning"));
-
 var _bidiWarningDecorator = _interopRequireDefault(require("./bidi-warning/bidi-warning-decorator"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function createBidiWarningRenderer(codeBidiWarningConfig) {
   return function bidiWarningRenderer(_ref) {
     var rows = _ref.rows,
-        stylesheet = _ref.stylesheet,
-        useInlineStyles = _ref.useInlineStyles;
+      stylesheet = _ref.stylesheet,
+      useInlineStyles = _ref.useInlineStyles;
     return rows.map(function (node, i) {
       return createElement({
         node: node,
@@ -39,51 +30,41 @@ function createBidiWarningRenderer(codeBidiWarningConfig) {
       });
     });
   };
-} // Get all possible permutations of all power sets
+}
+
+// Get all possible permutations of all power sets
 //
 // Super simple, non-algorithmic solution since the
 // number of class names will not be greater than 4
-
-
 function powerSetPermutations(arr) {
   var arrLength = arr.length;
-
   if (arrLength === 0 || arrLength === 1) {
     return arr;
   }
-
   if (arrLength === 2) {
     // prettier-ignore
     return [arr[0], arr[1], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0])];
   }
-
   if (arrLength === 3) {
     return [arr[0], arr[1], arr[2], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2]), "".concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0])];
   }
-
   if (arrLength >= 4) {
     // Currently does not support more than 4 extra
     // class names (after `.token` has been removed)
     return [arr[0], arr[1], arr[2], arr[3], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[3]), "".concat(arr[3], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[1], ".").concat(arr[0])];
   }
 }
-
 var classNameCombinations = {};
-
 function getClassNameCombinations(classNames) {
   if (classNames.length === 0 || classNames.length === 1) {
     return classNames;
   }
-
   var key = classNames.join('.');
-
   if (!classNameCombinations[key]) {
     classNameCombinations[key] = powerSetPermutations(classNames);
   }
-
   return classNameCombinations[key];
 }
-
 function createStyleObject(classNames) {
   var elementStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var stylesheet = arguments.length > 2 ? arguments[2] : undefined;
@@ -95,11 +76,9 @@ function createStyleObject(classNames) {
     return _objectSpread(_objectSpread({}, styleObject), stylesheet[className]);
   }, elementStyle);
 }
-
 function createClassNameString(classNames) {
   return classNames.join(' ');
 }
-
 function createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig) {
   var childrenCount = 0;
   return function (children) {
@@ -115,27 +94,25 @@ function createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig) {
     });
   };
 }
-
 function createElement(_ref2) {
   var node = _ref2.node,
-      stylesheet = _ref2.stylesheet,
-      _ref2$style = _ref2.style,
-      style = _ref2$style === void 0 ? {} : _ref2$style,
-      useInlineStyles = _ref2.useInlineStyles,
-      codeBidiWarningConfig = _ref2.codeBidiWarningConfig,
-      key = _ref2.key;
+    stylesheet = _ref2.stylesheet,
+    _ref2$style = _ref2.style,
+    style = _ref2$style === void 0 ? {} : _ref2$style,
+    useInlineStyles = _ref2.useInlineStyles,
+    codeBidiWarningConfig = _ref2.codeBidiWarningConfig,
+    key = _ref2.key;
   var properties = node.properties,
-      type = node.type,
-      TagName = node.tagName,
-      value = node.value;
-
+    type = node.type,
+    TagName = node.tagName,
+    value = node.value;
   if (type === 'text') {
     // occasionally react-syntax-highlighter passes a numeric value when the
     // type is text
     var textValue = value + '';
     var decorated = (0, _bidiWarningDecorator.default)(textValue, function (_ref3) {
       var bidiCharacter = _ref3.bidiCharacter,
-          index = _ref3.index;
+        index = _ref3.index;
       return /*#__PURE__*/_react.default.createElement(_bidiWarning.default, {
         bidiCharacter: bidiCharacter,
         key: index,
@@ -147,7 +124,6 @@ function createElement(_ref2) {
   } else if (TagName) {
     var childrenCreator = createChildren(stylesheet, useInlineStyles, codeBidiWarningConfig);
     var props;
-
     if (!useInlineStyles) {
       props = _objectSpread(_objectSpread({}, properties), {}, {
         className: createClassNameString(properties.className)
@@ -160,8 +136,9 @@ function createElement(_ref2) {
           }
         });
         return classes;
-      }, []); // For compatibility with older versions of react-syntax-highlighter
+      }, []);
 
+      // For compatibility with older versions of react-syntax-highlighter
       var startingClassName = properties.className && properties.className.includes('token') ? ['token'] : [];
       var className = properties.className && startingClassName.concat(properties.className.filter(function (className) {
         return !allStylesheetSelectors.includes(className);
@@ -171,7 +148,6 @@ function createElement(_ref2) {
         style: createStyleObject(properties.className, Object.assign({}, properties.style, style), stylesheet)
       });
     }
-
     var children = childrenCreator(node.children);
     return /*#__PURE__*/_react.default.createElement(TagName, (0, _extends2.default)({
       key: key

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/code",
-	"version": "14.4.5",
+	"version": "14.4.7",
 	"sideEffects": false
 }

package/dist/es2019/bidi-warning/bidi-warning-decorator.js

@@ -1,15 +1,12 @@
 export const bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
 export default function codeBidiWarningDecorator(originalText, decorate) {
   const matches = [...originalText.matchAll(bidiCharacterRegex)];
-
   if (matches.length === 0) {
     // No matches encountered, so we return the originalText value
     return originalText;
   }
-
   let children = [];
   let mappedTo = 0;
-
   for (const match of matches) {
     if (mappedTo !== match.index) {
       // There were unmatched characters prior to this match which haven't been
@@ -17,26 +14,25 @@ export default function codeBidiWarningDecorator(originalText, decorate) {
       // Add them as plain text.
       children.push(originalText.substring(mappedTo, match.index));
     }
-
     children.push(decorate({
       bidiCharacter: match[0],
       index: match.index
-    })); // While index is guaranteed to be present, it needs to be asserted due
+    }));
+
+    // While index is guaranteed to be present, it needs to be asserted due
     // to a limitation of typescripts regex handling
     //
     // https://github.com/microsoft/TypeScript/issues/36788
     // Decorate bidi character
-
     mappedTo = match.index + match[0].length;
   }
-
   if (mappedTo !== originalText.length) {
     // There is text following the final match, which needs to be mapped
     // to the children.
     // Added as plain text.
     children.push(originalText.substring(mappedTo, originalText.length));
-  } // return the mapped children with decorated bidi characters
-
+  }
 
+  // return the mapped children with decorated bidi characters
   return children;
 }

package/dist/es2019/bidi-warning/ui/index.js

@@ -23,7 +23,6 @@ export default function BidiWarning({
       }, skipChildren ? null : bidiCharacter))
     );
   }
-
   return /*#__PURE__*/React.createElement(Decorator, {
     testId: testId,
     bidiCharacter: bidiCharacter

package/dist/es2019/bidi-warning/ui/styled.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { Y75 } from '@atlaskit/theme/colors';
 const decoration = css({
@@ -10,17 +11,16 @@ const decoration = css({
   position: 'relative',
   ':before': {
     display: 'inline-flex',
-    padding: `${"var(--ds-scale-0, 0px)"} ${"var(--ds-scale-050, 4px)"}`,
+    padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-050, 4px)"}`,
     alignItems: 'center',
     justifyContent: 'center',
     flexDirection: 'row',
     background: `var(--ds-background-warning, ${Y75})`,
     color: "var(--ds-text-warning, #7F5F01)",
     content: '"<"attr(data-bidi-character-code)">"',
-    fontSize: '14px',
+    fontSize: "var(--ds-font-size-100, 14px)",
     fontStyle: 'normal',
     lineHeight: '18px',
-
     /**
      * Ensures the decoration receives pointer events when it occurs with
      * an ancestor that disables them.
@@ -43,7 +43,8 @@ export function Decorator({
   }, jsx("span", {
     css: decoration,
     "data-testid": testId,
-    "data-bidi-character-code": bidiCharacterCode // This is set to true so that the content is not read out by
+    "data-bidi-character-code": bidiCharacterCode
+    // This is set to true so that the content is not read out by
     // screen readers as the content includes angle brackets for
     // visual decoration purposes.
     // We use a span with the aria-label set to the bidi character  code
@@ -52,10 +53,8 @@ export function Decorator({
     "aria-hidden": "true"
   }, children));
 }
-
 function getBidiCharacterCode(bidiCharacter) {
   var _bidiCharacter$codePo;
-
   const bidiCharacterCode = (_bidiCharacter$codePo = bidiCharacter.codePointAt(0)) === null || _bidiCharacter$codePo === void 0 ? void 0 : _bidiCharacter$codePo.toString(16);
   return `U+${bidiCharacterCode}`;
 }

package/dist/es2019/code-block.js

@@ -7,6 +7,7 @@ import { useHighlightLines } from './internal/hooks/use-highlight';
 import { getCodeBlockStyles, getCodeBlockTheme } from './internal/theme/styles';
 import { normalizeLanguage } from './internal/utils/get-normalized-language';
 import { createBidiWarningRenderer } from './react-syntax-highlighter-bidi-warning-renderer';
+
 /**
  * __Code block__
  *
@@ -16,7 +17,6 @@ import { createBidiWarningRenderer } from './react-syntax-highlighter-bidi-warni
  * - [Code](https://atlassian.design/components/code/code-block/code)
  * - [Usage](https://atlassian.design/components/code/code-block/usage)
  */
-
 const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
   showLineNumbers = true,
   language: providedLanguage = 'text',
@@ -42,8 +42,9 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
     testId
   });
   const getLineProps = useCallback(line => getHighlightStyles(line, highlightedLines), [getHighlightStyles, highlightedLines]);
-  const language = useMemo(() => normalizeLanguage(providedLanguage), [providedLanguage]); // https://product-fabric.atlassian.net/browse/DST-2472
+  const language = useMemo(() => normalizeLanguage(providedLanguage), [providedLanguage]);
 
+  // https://product-fabric.atlassian.net/browse/DST-2472
   const languageToUse = text ? language : 'text';
   const renderer = codeBidiWarnings ? createBidiWarningRenderer({
     codeBidiWarningLabel,
@@ -56,7 +57,8 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
     css: styles,
     language: languageToUse,
     PreTag: "span",
-    showLineNumbers: showLineNumbers // Wrap lines is needed to set styles on the line when highlighting.
+    showLineNumbers: showLineNumbers
+    // Wrap lines is needed to set styles on the line when highlighting.
     ,
     wrapLines: highlight.length > 0 || !!testId,
     lineProps: getLineProps,

package/dist/es2019/code.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React, { forwardRef, memo, useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -7,7 +6,6 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import CodeBidiWarning from './bidi-warning';
 import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
 import { getCodeStyles } from './internal/theme/styles';
-
 /**
  * __Code__
  *
@@ -40,7 +38,6 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
     css: styles
   }, otherProps), decoratedChildren);
 }));
-
 function RenderCodeChildrenWithBidiWarnings({
   children,
   codeBidiWarningLabel,
@@ -59,7 +56,6 @@ function RenderCodeChildrenWithBidiWarnings({
       }));
       return decorated;
     }
-
     if (isReactElement(childNode) && childNode.props.children) {
       // eslint-disable-next-line @repo/internal/react/no-clone-element
       const newChildNode = /*#__PURE__*/React.cloneElement(childNode, {
@@ -70,16 +66,13 @@ function RenderCodeChildrenWithBidiWarnings({
       });
       return newChildNode;
     }
-
     return childNode;
   });
   return jsx(React.Fragment, null, replacedChildren);
 }
-
 function isReactElement(child) {
   return !!child.type;
 }
-
 Code.displayName = 'Code';
 export { getCodeStyles };
 export default Code;

package/dist/es2019/internal/hooks/use-highlight.js

@@ -2,14 +2,12 @@ import { useCallback, useMemo } from 'react';
 const DEFAULT_LINE_EL_ATTR_OBJ = {
   'data-ds--code--row': ''
 };
-
 const getLineStyleObject = (lineNumber, testId) => {
   return testId ? {
     'data-testid': `${testId}-line-${lineNumber}`,
     ...DEFAULT_LINE_EL_ATTR_OBJ
   } : DEFAULT_LINE_EL_ATTR_OBJ;
 };
-
 export const useHighlightLines = ({
   highlight = '',
   testId
@@ -18,15 +16,14 @@ export const useHighlightLines = ({
     if (!highlight) {
       return [];
     }
-
     return highlight.split(',').map(num => {
       if (num.indexOf('-') > 0) {
         // We found a line group, e.g. 1-3
-        const [from, to] = num.split('-').map(Number) // Sort by lowest value first, highest value last.
+        const [from, to] = num.split('-').map(Number)
+        // Sort by lowest value first, highest value last.
         .sort((a, b) => a - b);
         return Array(to + 1).fill(undefined).map((_, index) => index).slice(from, to + 1);
       }
-
       return Number(num);
     }).reduce((acc, val) => acc.concat(val), []) || [];
   }, [highlight]);
@@ -34,16 +31,15 @@ export const useHighlightLines = ({
     if (!highlight || highlightedLines.length === 0) {
       return getLineStyleObject(lineNumber, testId);
     }
-
     if (highlightedLines.includes(lineNumber)) {
       const highlightedDataAttrObj = {
         'data-ds--code--row--highlight': ''
       };
-      return { ...highlightedDataAttrObj,
+      return {
+        ...highlightedDataAttrObj,
         ...getLineStyleObject(lineNumber, testId)
       };
     }
-
     return getLineStyleObject(lineNumber, testId);
   }, [highlight, testId]);
   return {

package/dist/es2019/internal/theme/constants.js

@@ -5,6 +5,7 @@ export const HIGHLIGHT_BORDER_WIDTH = '4px';
 export const SPACING = gridSize();
 export const LINE_NUMBER_GUTTER = SPACING * 2;
 export const VAR_CODE_LINE_NUMBER_BG_COLOR = '--ds--code--line-number-bg-color';
-export const VAR_CODE_BG_COLOR = '--ds--code--bg-color'; // selector for codeblock
+export const VAR_CODE_BG_COLOR = '--ds--code--bg-color';
 
+// selector for codeblock
 export const CODE_BLOCK_SELECTOR = `data-ds--code--code-block`;

package/dist/es2019/internal/theme/get-theme.js

@@ -221,9 +221,8 @@ export const getColorPalette = memoizeOne(theme => {
     })(akTheme)
   };
 });
-
-const getTheme = theme => ({ ...getBaseTheme(theme),
+const getTheme = theme => ({
+  ...getBaseTheme(theme),
   ...getColorPalette(theme)
 });
-
 export default getTheme;

package/dist/es2019/internal/theme/styles.js

@@ -5,10 +5,8 @@ export const getLineNumWidth = numLines => {
   if (!numLines) {
     return '1ch';
   }
-
   return `${numLines.toFixed(0).length}ch`;
 };
-
 const lineNumberStyle = theme => ({
   // width of the line number gutter
   minWidth: `calc(${theme.lineNumberWidth} + ${LINE_NUMBER_GUTTER}px) !important`,
@@ -26,9 +24,9 @@ const lineNumberStyle = theme => ({
   userSelect: 'none',
   // this is to fix SSR spacing issue
   display: 'block'
-}); // order of these keys does matter as it will affect the css precedence
-
+});
 
+// order of these keys does matter as it will affect the css precedence
 const syntaxKeywordColors = theme => ({
   '.token': {
     // this specifically stops prism css cascading.
@@ -174,11 +172,10 @@ const syntaxKeywordColors = theme => ({
     }
   }
 });
+
 /**
  * Styles applied at the root element level, common across code/codeblock
  */
-
-
 export const getBaseCodeStyles = theme => ({
   fontSize: CODE_FONT_SIZE,
   fontFamily: theme.fontFamily,
@@ -188,13 +185,13 @@ export const getBaseCodeStyles = theme => ({
   borderStyle: 'none',
   borderRadius: `${borderRadius()}px`
 });
+
 /**
  * Takes an implemented CodeBlock theme, and returns styles required for
  * react-syntax-highlighter.
  *
  * @param theme
  */
-
 export const getCodeBlockStyles = theme => (highlightedStartText, highlightedEndText, hasLineNumbers) => ({
   // this is required to account for prismjs styles leaking into the codeblock
   'code[class*="language-"], pre[class*="language-"], code': {
@@ -281,7 +278,8 @@ export const getCodeStyles = globalTheme => {
   const akTheme = 'theme' in globalTheme ? globalTheme.theme : globalTheme;
   const theme = getBaseTheme(akTheme);
   const baseStyles = getBaseCodeStyles(theme);
-  return { ...baseStyles,
+  return {
+    ...baseStyles,
     display: 'inline',
     padding: '2px 0.5ch',
     boxDecorationBreak: 'clone',
@@ -292,7 +290,8 @@ export const getCodeStyles = globalTheme => {
   };
 };
 export const getCodeBlockTheme = (globalTheme, maxLines) => {
-  return { ...getBaseTheme(globalTheme),
+  return {
+    ...getBaseTheme(globalTheme),
     ...getColorPalette(globalTheme),
     lineNumberWidth: maxLines ? getLineNumWidth(maxLines) : undefined
   };

package/dist/es2019/internal/utils/get-normalized-language.js

@@ -4,10 +4,9 @@ export const normalizeLanguage = memoizeOne(language => {
   if (!language) {
     return '';
   }
-
   const match = SUPPORTED_LANGUAGES.find(val => {
     return val.name === language || val.alias.includes(language);
-  }); // Fallback to plain monospaced text if language passed but not supported
-
+  });
+  // Fallback to plain monospaced text if language passed but not supported
   return match ? match.value : 'text';
 });