@atlaskit/code 14.4.6 → 14.4.8

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

@@ -1,57 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useHighlightLines = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 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; }
-
 var DEFAULT_LINE_EL_ATTR_OBJ = {
   'data-ds--code--row': ''
 };
-
 var getLineStyleObject = function getLineStyleObject(lineNumber, testId) {
   return testId ? _objectSpread({
     'data-testid': "".concat(testId, "-line-").concat(lineNumber)
   }, DEFAULT_LINE_EL_ATTR_OBJ) : DEFAULT_LINE_EL_ATTR_OBJ;
 };
-
 var useHighlightLines = function useHighlightLines(_ref) {
   var _ref$highlight = _ref.highlight,
-      highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
-      testId = _ref.testId;
+    highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
+    testId = _ref.testId;
   var highlightedLines = (0, _react.useMemo)(function () {
     if (!highlight) {
       return [];
     }
-
     return highlight.split(',').map(function (num) {
       if (num.indexOf('-') > 0) {
         // We found a line group, e.g. 1-3
-        var _num$split$map$sort = num.split('-').map(Number) // Sort by lowest value first, highest value last.
-        .sort(function (a, b) {
-          return a - b;
-        }),
-            _num$split$map$sort2 = (0, _slicedToArray2.default)(_num$split$map$sort, 2),
-            from = _num$split$map$sort2[0],
-            to = _num$split$map$sort2[1];
-
+        var _num$split$map$sort = num.split('-').map(Number)
+          // Sort by lowest value first, highest value last.
+          .sort(function (a, b) {
+            return a - b;
+          }),
+          _num$split$map$sort2 = (0, _slicedToArray2.default)(_num$split$map$sort, 2),
+          from = _num$split$map$sort2[0],
+          to = _num$split$map$sort2[1];
         return Array(to + 1).fill(undefined).map(function (_, index) {
           return index;
         }).slice(from, to + 1);
       }
-
       return Number(num);
     }).reduce(function (acc, val) {
       return acc.concat(val);
@@ -61,14 +50,12 @@ var useHighlightLines = function useHighlightLines(_ref) {
     if (!highlight || highlightedLines.length === 0) {
       return getLineStyleObject(lineNumber, testId);
     }
-
     if (highlightedLines.includes(lineNumber)) {
       var highlightedDataAttrObj = {
         'data-ds--code--row--highlight': ''
       };
       return _objectSpread(_objectSpread({}, highlightedDataAttrObj), getLineStyleObject(lineNumber, testId));
     }
-
     return getLineStyleObject(lineNumber, testId);
   }, [highlight, testId]);
   return {
@@ -76,5 +63,4 @@ var useHighlightLines = function useHighlightLines(_ref) {
     highlightedLines: highlightedLines
   };
 };
-
 exports.useHighlightLines = useHighlightLines;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VAR_CODE_LINE_NUMBER_BG_COLOR = exports.VAR_CODE_BG_COLOR = exports.SPACING = exports.LINE_NUMBER_GUTTER = exports.HIGHLIGHT_BORDER_WIDTH = exports.CODE_LINE_HEIGHT = exports.CODE_FONT_SIZE = exports.CODE_BLOCK_SELECTOR = void 0;
-
 var _constants = require("@atlaskit/theme/constants");
-
 var CODE_FONT_SIZE = 12;
 exports.CODE_FONT_SIZE = CODE_FONT_SIZE;
 var CODE_LINE_HEIGHT = '20px';
@@ -19,8 +17,9 @@ var LINE_NUMBER_GUTTER = SPACING * 2;
 exports.LINE_NUMBER_GUTTER = LINE_NUMBER_GUTTER;
 var VAR_CODE_LINE_NUMBER_BG_COLOR = '--ds--code--line-number-bg-color';
 exports.VAR_CODE_LINE_NUMBER_BG_COLOR = VAR_CODE_LINE_NUMBER_BG_COLOR;
-var VAR_CODE_BG_COLOR = '--ds--code--bg-color'; // selector for codeblock
+var VAR_CODE_BG_COLOR = '--ds--code--bg-color';
 
+// selector for codeblock
 exports.VAR_CODE_BG_COLOR = VAR_CODE_BG_COLOR;
 var CODE_BLOCK_SELECTOR = "data-ds--code--code-block";
 exports.CODE_BLOCK_SELECTOR = CODE_BLOCK_SELECTOR;

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

@@ -1,38 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getColorPalette = exports.getBaseTheme = exports.defaultBaseTheme = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _components = require("@atlaskit/theme/components");
-
 var _constants = require("@atlaskit/theme/constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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; }
-
 // Hardcoded values have been used due to the current color palette not having any
 // accessible color options for Teal and Yellow and +20A
 var T800 = '#067384';
 var Y1100 = '#7A5D1A';
 var PLUS20 = '#3A434E';
-
 var getBaseTheme = function getBaseTheme(theme) {
   return {
     fontFamily: (0, _constants.codeFontFamily)(),
@@ -63,7 +50,6 @@ var getBaseTheme = function getBaseTheme(theme) {
     })
   };
 };
-
 exports.getBaseTheme = getBaseTheme;
 var defaultBaseTheme = getBaseTheme({
   mode: 'light'
@@ -253,10 +239,8 @@ var getColorPalette = (0, _memoizeOne.default)(function (theme) {
   };
 });
 exports.getColorPalette = getColorPalette;
-
 var getTheme = function getTheme(theme) {
   return _objectSpread(_objectSpread({}, getBaseTheme(theme)), getColorPalette(theme));
 };
-
 var _default = getTheme;
 exports.default = _default;

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

@@ -1,34 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLineNumWidth = exports.getCodeStyles = exports.getCodeBlockTheme = exports.getCodeBlockStyles = exports.getBaseCodeStyles = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _constants2 = require("./constants");
-
 var _getTheme = require("./get-theme");
-
 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; }
-
 var getLineNumWidth = function getLineNumWidth(numLines) {
   if (!numLines) {
     return '1ch';
   }
-
   return "".concat(numLines.toFixed(0).length, "ch");
 };
-
 exports.getLineNumWidth = getLineNumWidth;
-
 var lineNumberStyle = function lineNumberStyle(theme) {
   return {
     // width of the line number gutter
@@ -48,9 +37,9 @@ var lineNumberStyle = function lineNumberStyle(theme) {
     // 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
 var syntaxKeywordColors = function syntaxKeywordColors(theme) {
   return {
     '.token': {
@@ -198,11 +187,10 @@ var syntaxKeywordColors = function syntaxKeywordColors(theme) {
     }
   };
 };
+
 /**
  * Styles applied at the root element level, common across code/codeblock
  */
-
-
 var getBaseCodeStyles = function getBaseCodeStyles(theme) {
   return {
     fontSize: _constants2.CODE_FONT_SIZE,
@@ -214,16 +202,14 @@ var getBaseCodeStyles = function getBaseCodeStyles(theme) {
     borderRadius: "".concat((0, _constants.borderRadius)(), "px")
   };
 };
+
 /**
  * Takes an implemented CodeBlock theme, and returns styles required for
  * react-syntax-highlighter.
  *
  * @param theme
  */
-
-
 exports.getBaseCodeStyles = getBaseCodeStyles;
-
 var getCodeBlockStyles = function getCodeBlockStyles(theme) {
   return function (highlightedStartText, highlightedEndText, hasLineNumbers) {
     return _objectSpread(_objectSpread(_objectSpread({
@@ -307,9 +293,7 @@ var getCodeBlockStyles = function getCodeBlockStyles(theme) {
     });
   };
 };
-
 exports.getCodeBlockStyles = getCodeBlockStyles;
-
 var getCodeStyles = function getCodeStyles(globalTheme) {
   // Required to have proper compatibility with styled components interpolations
   var akTheme = 'theme' in globalTheme ? globalTheme.theme : globalTheme;
@@ -325,13 +309,10 @@ var getCodeStyles = function getCodeStyles(globalTheme) {
     whiteSpace: 'pre-wrap'
   });
 };
-
 exports.getCodeStyles = getCodeStyles;
-
 var getCodeBlockTheme = function getCodeBlockTheme(globalTheme, maxLines) {
   return _objectSpread(_objectSpread(_objectSpread({}, (0, _getTheme.getBaseTheme)(globalTheme)), (0, _getTheme.getColorPalette)(globalTheme)), {}, {
     lineNumberWidth: maxLines ? getLineNumWidth(maxLines) : undefined
   });
 };
-
 exports.getCodeBlockTheme = getCodeBlockTheme;

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.6",
+	"version": "14.4.8",
 	"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,7 +11,7 @@ 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',
@@ -20,7 +21,6 @@ const decoration = css({
     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;