@atlaskit/code 14.4.5 → 14.4.7

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

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Decorator = Decorator;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
+
 var decoration = (0, _react.css)({
   // Required as otherwise the following bidi characters cause the span
   // to not receive hover events.
@@ -19,17 +17,16 @@ var decoration = (0, _react.css)({
   position: 'relative',
   ':before': {
     display: 'inline-flex',
-    padding: "var(--ds-scale-0, 0px)".concat(" ", "var(--ds-scale-050, 4px)"),
+    padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
     alignItems: 'center',
     justifyContent: 'center',
     flexDirection: 'row',
     background: "var(--ds-background-warning, ".concat(_colors.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.
@@ -41,18 +38,18 @@ var decoration = (0, _react.css)({
     color: "var(--ds-text-warning, #533F04)"
   }
 });
-
 function Decorator(_ref) {
   var bidiCharacter = _ref.bidiCharacter,
-      children = _ref.children,
-      testId = _ref.testId;
+    children = _ref.children,
+    testId = _ref.testId;
   var bidiCharacterCode = getBidiCharacterCode(bidiCharacter);
   return (0, _react.jsx)("span", {
     "aria-label": bidiCharacterCode
   }, (0, _react.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
@@ -61,10 +58,8 @@ function Decorator(_ref) {
     "aria-hidden": "true"
   }, children));
 }
-
 function getBidiCharacterCode(bidiCharacter) {
   var _bidiCharacter$codePo;
-
   var bidiCharacterCode = (_bidiCharacter$codePo = bidiCharacter.codePointAt(0)) === null || _bidiCharacter$codePo === void 0 ? void 0 : _bidiCharacter$codePo.toString(16);
   return "U+".concat(bidiCharacterCode);
 }

package/dist/cjs/code-block.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _reactSyntaxHighlighter = require("react-syntax-highlighter");
-
 var _components = require("@atlaskit/theme/components");
-
 var _useHighlight = require("./internal/hooks/use-highlight");
-
 var _styles = require("./internal/theme/styles");
-
 var _getNormalizedLanguage = require("./internal/utils/get-normalized-language");
-
 var _reactSyntaxHighlighterBidiWarningRenderer = require("./react-syntax-highlighter-bidi-warning-renderer");
-
 /** @jsx jsx */
 
 /**
@@ -34,22 +25,22 @@ var _reactSyntaxHighlighterBidiWarningRenderer = require("./react-syntax-highlig
  */
 var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
   var _ref$showLineNumbers = _ref.showLineNumbers,
-      showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,
-      _ref$language = _ref.language,
-      providedLanguage = _ref$language === void 0 ? 'text' : _ref$language,
-      _ref$highlight = _ref.highlight,
-      highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
-      _ref$highlightedStart = _ref.highlightedStartText,
-      highlightedStartText = _ref$highlightedStart === void 0 ? 'Highlight start' : _ref$highlightedStart,
-      _ref$highlightedEndTe = _ref.highlightedEndText,
-      highlightedEndText = _ref$highlightedEndTe === void 0 ? 'Highlight end' : _ref$highlightedEndTe,
-      testId = _ref.testId,
-      text = _ref.text,
-      _ref$codeBidiWarnings = _ref.codeBidiWarnings,
-      codeBidiWarnings = _ref$codeBidiWarnings === void 0 ? true : _ref$codeBidiWarnings,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
-      _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
-      codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT;
+    showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,
+    _ref$language = _ref.language,
+    providedLanguage = _ref$language === void 0 ? 'text' : _ref$language,
+    _ref$highlight = _ref.highlight,
+    highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
+    _ref$highlightedStart = _ref.highlightedStartText,
+    highlightedStartText = _ref$highlightedStart === void 0 ? 'Highlight start' : _ref$highlightedStart,
+    _ref$highlightedEndTe = _ref.highlightedEndText,
+    highlightedEndText = _ref$highlightedEndTe === void 0 ? 'Highlight end' : _ref$highlightedEndTe,
+    testId = _ref.testId,
+    text = _ref.text,
+    _ref$codeBidiWarnings = _ref.codeBidiWarnings,
+    codeBidiWarnings = _ref$codeBidiWarnings === void 0 ? true : _ref$codeBidiWarnings,
+    codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+    _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
+    codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT;
   var numLines = (text || '').split('\n').length;
   var globalTheme = (0, _components.useGlobalTheme)();
   var theme = (0, _react.useMemo)(function () {
@@ -61,21 +52,20 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
   var styles = (0, _react.useMemo)(function () {
     return (0, _react2.css)(getStyles(highlightedStartText, highlightedEndText, showLineNumbers));
   }, [highlightedStartText, highlightedEndText, showLineNumbers, getStyles]);
-
   var _useHighlightLines = (0, _useHighlight.useHighlightLines)({
-    highlight: highlight,
-    testId: testId
-  }),
-      getHighlightStyles = _useHighlightLines.getHighlightStyles,
-      highlightedLines = _useHighlightLines.highlightedLines;
-
+      highlight: highlight,
+      testId: testId
+    }),
+    getHighlightStyles = _useHighlightLines.getHighlightStyles,
+    highlightedLines = _useHighlightLines.highlightedLines;
   var getLineProps = (0, _react.useCallback)(function (line) {
     return getHighlightStyles(line, highlightedLines);
   }, [getHighlightStyles, highlightedLines]);
   var language = (0, _react.useMemo)(function () {
     return (0, _getNormalizedLanguage.normalizeLanguage)(providedLanguage);
-  }, [providedLanguage]); // https://product-fabric.atlassian.net/browse/DST-2472
+  }, [providedLanguage]);
 
+  // https://product-fabric.atlassian.net/browse/DST-2472
   var languageToUse = text ? language : 'text';
   var renderer = codeBidiWarnings ? (0, _reactSyntaxHighlighterBidiWarningRenderer.createBidiWarningRenderer)({
     codeBidiWarningLabel: codeBidiWarningLabel,
@@ -88,7 +78,8 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
     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/cjs/code.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,30 +12,18 @@ Object.defineProperty(exports, "getCodeStyles", {
     return _styles.getCodeStyles;
   }
 });
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _components = require("@atlaskit/theme/components");
-
 var _bidiWarning = _interopRequireDefault(require("./bidi-warning"));
-
 var _bidiWarningDecorator = _interopRequireDefault(require("./bidi-warning/bidi-warning-decorator"));
-
 var _styles = require("./internal/theme/styles");
-
 var _excluded = ["testId"],
-    _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
-
+  _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
 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; }
-
 /**
  * __Code__
  *
@@ -49,18 +35,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Code(_ref, ref) {
   var testId = _ref.testId,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var theme = (0, _components.useGlobalTheme)();
   var styles = (0, _react.useMemo)(function () {
     return (0, _react2.css)((0, _styles.getCodeStyles)(theme));
   }, [theme]);
   var children = props.children,
-      _props$codeBidiWarnin = props.codeBidiWarnings,
-      codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
-      codeBidiWarningLabel = props.codeBidiWarningLabel,
-      _props$codeBidiWarnin2 = props.codeBidiWarningTooltipEnabled,
-      codeBidiWarningTooltipEnabled = _props$codeBidiWarnin2 === void 0 ? true : _props$codeBidiWarnin2,
-      otherProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    _props$codeBidiWarnin = props.codeBidiWarnings,
+    codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
+    codeBidiWarningLabel = props.codeBidiWarningLabel,
+    _props$codeBidiWarnin2 = props.codeBidiWarningTooltipEnabled,
+    codeBidiWarningTooltipEnabled = _props$codeBidiWarnin2 === void 0 ? true : _props$codeBidiWarnin2,
+    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
   var decoratedChildren = codeBidiWarnings ? (0, _react2.jsx)(RenderCodeChildrenWithBidiWarnings, {
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
@@ -71,17 +57,15 @@ var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     css: styles
   }, otherProps), decoratedChildren);
 }));
-
 function RenderCodeChildrenWithBidiWarnings(_ref2) {
   var children = _ref2.children,
-      codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
-      codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled;
-
+    codeBidiWarningLabel = _ref2.codeBidiWarningLabel,
+    codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled;
   var replacedChildren = _react.default.Children.map(children, function (childNode) {
     if (typeof childNode === 'string') {
       var decorated = (0, _bidiWarningDecorator.default)(childNode, function (_ref3) {
         var bidiCharacter = _ref3.bidiCharacter,
-            index = _ref3.index;
+          index = _ref3.index;
         return (0, _react2.jsx)(_bidiWarning.default, {
           bidiCharacter: bidiCharacter,
           key: index,
@@ -91,7 +75,6 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
       });
       return decorated;
     }
-
     if (isReactElement(childNode) && childNode.props.children) {
       // eslint-disable-next-line @repo/internal/react/no-clone-element
       var newChildNode = /*#__PURE__*/_react.default.cloneElement(childNode, {
@@ -100,20 +83,15 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
           codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
         }, childNode.props.children)
       });
-
       return newChildNode;
     }
-
     return childNode;
   });
-
   return (0, _react2.jsx)(_react.default.Fragment, null, replacedChildren);
 }
-
 function isReactElement(child) {
   return !!child.type;
 }
-
 Code.displayName = 'Code';
 var _default = Code;
 exports.default = _default;

package/dist/cjs/constants.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "CODE_BLOCK_SELECTOR", {
   }
 });
 exports.SUPPORTED_LANGUAGES = void 0;
-
 var _constants = require("./internal/theme/constants");
-
 var SUPPORTED_LANGUAGES = [{
   name: 'PHP',
   alias: ['php', 'php3', 'php4', 'php5'],

package/dist/cjs/entry-points/block.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _codeBlock.default;
   }
 });
-
 var _codeBlock = _interopRequireDefault(require("../code-block"));

package/dist/cjs/entry-points/constants.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "SUPPORTED_LANGUAGES", {
     return _constants.SUPPORTED_LANGUAGES;
   }
 });
-
 var _constants = require("../constants");

package/dist/cjs/entry-points/inline.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,9 +16,6 @@ Object.defineProperty(exports, "getCodeStyles", {
     return _code.getCodeStyles;
   }
 });
-
 var _code = _interopRequireWildcard(require("../code"));
-
 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; }

package/dist/cjs/extract-react-types/code-block.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CodeBlock;
-
 // below type is redeclared from ../types to appease ERT
 function CodeBlock(__) {
   return null;

package/dist/cjs/extract-react-types/code.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = _;
-
 function _(__) {
   return null;
 }

package/dist/cjs/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,13 +29,8 @@ Object.defineProperty(exports, "getCodeStyles", {
     return _code.getCodeStyles;
   }
 });
-
 var _code = _interopRequireWildcard(require("./code"));
-
 var _codeBlock = _interopRequireDefault(require("./code-block"));
-
 var _constants = require("./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; }

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;