@atlaskit/code 14.6.8 → 15.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/code
 
+## 15.0.0
+
+### Major Changes
+
+- [#41498](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41498) [`73adf14896c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73adf14896c) - Remove usage of legacy theming from the Code component and refactor where necessary to accomodate the updated API.
+
+## 14.6.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.6.8
 
 ### Patch Changes

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

@@ -10,7 +10,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
+var bidiCharacterRegex = exports.bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
 
 /**
  * __Code Bidi Warning Decorator__
@@ -19,7 +19,6 @@ var bidiCharacterRegex = /[\u202A-\u202E\u2066-\u2069]/g;
  * In case if bidi characters found - returns children with decorated
  * bidi characters. If no bidi characters found - original text returned.
  */
-exports.bidiCharacterRegex = bidiCharacterRegex;
 function codeBidiWarningDecorator(originalText, decorate) {
   var matches = (0, _toConsumableArray2.default)(originalText.matchAll(bidiCharacterRegex));
   if (matches.length === 0) {

package/dist/cjs/code-block.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
-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");
@@ -44,10 +43,9 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
     _ref$shouldWrapLongLi = _ref.shouldWrapLongLines,
     shouldWrapLongLines = _ref$shouldWrapLongLi === void 0 ? false : _ref$shouldWrapLongLi;
   var numLines = (text || '').split('\n').length;
-  var globalTheme = (0, _components.useGlobalTheme)();
   var theme = (0, _react.useMemo)(function () {
-    return (0, _styles.getCodeBlockTheme)(globalTheme, numLines);
-  }, [globalTheme, numLines]);
+    return (0, _styles.getCodeBlockTheme)(numLines);
+  }, [numLines]);
   var getStyles = (0, _react.useMemo)(function () {
     return (0, _styles.getCodeBlockStyles)(theme);
   }, [theme]);
@@ -90,5 +88,4 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
   });
 });
 CodeBlock.displayName = 'CodeBlock';
-var _default = CodeBlock;
-exports.default = _default;
+var _default = exports.default = CodeBlock;

package/dist/cjs/code.js

@@ -16,7 +16,6 @@ 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");
@@ -37,10 +36,7 @@ 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);
-  var theme = (0, _components.useGlobalTheme)();
-  var styles = (0, _react.useMemo)(function () {
-    return (0, _react2.css)((0, _styles.getCodeStyles)(theme));
-  }, [theme]);
+  var styles = (0, _react2.css)((0, _styles.getCodeStyles)());
   var children = props.children,
     _props$codeBidiWarnin = props.codeBidiWarnings,
     codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
@@ -94,5 +90,4 @@ function isReactElement(child) {
   return !!child.type;
 }
 Code.displayName = 'Code';
-var _default = Code;
-exports.default = _default;
+var _default = exports.default = Code;

package/dist/cjs/constants.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "CODE_BLOCK_SELECTOR", {
 });
 exports.SUPPORTED_LANGUAGES = void 0;
 var _constants = require("./internal/theme/constants");
-var SUPPORTED_LANGUAGES = [{
+var SUPPORTED_LANGUAGES = exports.SUPPORTED_LANGUAGES = [{
   name: 'PHP',
   alias: ['php', 'php3', 'php4', 'php5'],
   value: 'php'
@@ -319,5 +319,4 @@ var SUPPORTED_LANGUAGES = [{
   name: 'SplunkSPL',
   alias: ['splunk-spl'],
   value: 'splunk-spl'
-}];
-exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+}];

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

@@ -18,7 +18,7 @@ var getLineStyleObject = function getLineStyleObject(lineNumber, testId) {
     'data-testid': "".concat(testId, "-line-").concat(lineNumber)
   }, DEFAULT_LINE_EL_ATTR_OBJ) : DEFAULT_LINE_EL_ATTR_OBJ;
 };
-var useHighlightLines = function useHighlightLines(_ref) {
+var useHighlightLines = exports.useHighlightLines = function useHighlightLines(_ref) {
   var _ref$highlight = _ref.highlight,
     highlight = _ref$highlight === void 0 ? '' : _ref$highlight,
     testId = _ref.testId;
@@ -62,5 +62,4 @@ var useHighlightLines = function useHighlightLines(_ref) {
     getHighlightStyles: getHighlightStyles,
     highlightedLines: highlightedLines
   };
-};
-exports.useHighlightLines = useHighlightLines;
+};

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

@@ -7,21 +7,13 @@ exports.VAR_CODE_LINE_NUMBER_BG_COLOR = exports.VAR_CODE_BG_COLOR = exports.SPAC
 var _constants = require("@atlaskit/theme/constants");
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
-var CODE_FONT_SIZE = 12;
-exports.CODE_FONT_SIZE = CODE_FONT_SIZE;
-var CODE_LINE_HEIGHT = '20px';
-exports.CODE_LINE_HEIGHT = CODE_LINE_HEIGHT;
-var HIGHLIGHT_BORDER_WIDTH = '4px';
-exports.HIGHLIGHT_BORDER_WIDTH = HIGHLIGHT_BORDER_WIDTH;
-var SPACING = (0, _constants.gridSize)();
-exports.SPACING = SPACING;
-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';
+var CODE_FONT_SIZE = exports.CODE_FONT_SIZE = 12;
+var CODE_LINE_HEIGHT = exports.CODE_LINE_HEIGHT = '20px';
+var HIGHLIGHT_BORDER_WIDTH = exports.HIGHLIGHT_BORDER_WIDTH = '4px';
+var SPACING = exports.SPACING = (0, _constants.gridSize)();
+var LINE_NUMBER_GUTTER = exports.LINE_NUMBER_GUTTER = SPACING * 2;
+var VAR_CODE_LINE_NUMBER_BG_COLOR = exports.VAR_CODE_LINE_NUMBER_BG_COLOR = '--ds--code--line-number-bg-color';
+var VAR_CODE_BG_COLOR = exports.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;
+var CODE_BLOCK_SELECTOR = exports.CODE_BLOCK_SELECTOR = "data-ds--code--code-block";

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

@@ -9,7 +9,6 @@ exports.getColorPalette = exports.getBaseTheme = exports.defaultBaseTheme = expo
 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; }
@@ -19,228 +18,66 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // accessible color options for Teal and Yellow and +20A
 var T800 = '#067384';
 var Y1100 = '#7A5D1A';
-var PLUS20 = '#3A434E';
-var getBaseTheme = function getBaseTheme(theme) {
+var getBaseTheme = exports.getBaseTheme = function getBaseTheme() {
   return {
     fontFamily: (0, _constants.codeFontFamily)(),
     fontFamilyItalic: "SFMono-MediumItalic, ".concat((0, _constants.codeFontFamily)()),
-    backgroundColor: (0, _components.themed)({
-      light: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
-      dark: "var(--ds-background-neutral, ".concat(colors.DN50, ")")
-    })({
-      theme: theme
-    }),
-    textColor: (0, _components.themed)({
-      light: "var(--ds-text, ".concat(colors.N800, ")"),
-      dark: "var(--ds-text, ".concat(colors.DN800, ")")
-    })({
-      theme: theme
-    }),
-    lineNumberColor: (0, _components.themed)({
-      light: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
-      dark: "var(--ds-text-subtlest, ".concat(colors.DN400, ")")
-    })({
-      theme: theme
-    }),
-    lineNumberBgColor: (0, _components.themed)({
-      light: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
-      dark: "var(--ds-background-neutral, ".concat(colors.DN20, ")")
-    })({
-      theme: theme
-    })
+    backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
+    textColor: "var(--ds-text, ".concat(colors.N800, ")"),
+    lineNumberColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
+    lineNumberBgColor: "var(--ds-background-neutral, ".concat(colors.N30, ")")
   };
 };
-exports.getBaseTheme = getBaseTheme;
-var defaultBaseTheme = getBaseTheme({
-  mode: 'light'
-});
-exports.defaultBaseTheme = defaultBaseTheme;
-var getColorPalette = (0, _memoizeOne.default)(function (theme) {
-  var akTheme = {
-    theme: theme
-  };
+var defaultBaseTheme = exports.defaultBaseTheme = getBaseTheme();
+var getColorPalette = exports.getColorPalette = (0, _memoizeOne.default)(function () {
   return {
-    highlightedLineBgColor: (0, _components.themed)({
-      light: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
-      dark: "var(--ds-background-neutral, ".concat(PLUS20, ")")
-    })(akTheme),
-    highlightedLineBorderColor: (0, _components.themed)({
-      light: "var(--ds-border-focused, ".concat(colors.B200, ")"),
-      dark: "var(--ds-border-focused, ".concat(colors.B100, ")")
-    })(akTheme),
-    substringColor: (0, _components.themed)({
-      light: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
-      dark: "var(--ds-text-subtlest, ".concat(colors.DN400, ")")
-    })(akTheme),
-    keywordColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    attributeColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T200, ")")
-    })(akTheme),
-    selectorTagColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    docTagColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-yellow, ".concat(Y1100, ")"),
-      dark: "var(--ds-text-accent-yellow, ".concat(colors.Y300, ")")
-    })(akTheme),
-    nameColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    builtInColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    literalColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    bulletColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    codeColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    regexpColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T200, ")")
-    })(akTheme),
-    symbolColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T200, ")")
-    })(akTheme),
-    variableColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T200, ")")
-    })(akTheme),
-    templateVariableColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T200, ")")
-    })(akTheme),
-    linkColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
-      dark: "var(--ds-text-accent-purple, ".concat(colors.P75, ")")
-    })(akTheme),
-    selectorAttributeColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T200, ")")
-    })(akTheme),
-    selectorPseudoColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T200, ")")
-    })(akTheme),
-    typeColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T100, ")")
-    })(akTheme),
-    stringColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
-      dark: "var(--ds-text-accent-green, ".concat(colors.G200, ")")
-    })(akTheme),
-    selectorIdColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T100, ")")
-    })(akTheme),
-    selectorClassColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T100, ")")
-    })(akTheme),
-    quoteColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T100, ")")
-    })(akTheme),
-    templateTagColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T100, ")")
-    })(akTheme),
-    titleColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
-      dark: "var(--ds-text-accent-purple, ".concat(colors.P75, ")")
-    })(akTheme),
-    sectionColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
-      dark: "var(--ds-text-accent-purple, ".concat(colors.P75, ")")
-    })(akTheme),
-    commentColor: (0, _components.themed)({
-      light: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
-      dark: "var(--ds-text-subtlest, ".concat(colors.DN400, ")")
-    })(akTheme),
-    metaKeywordColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
-      dark: "var(--ds-text-accent-green, ".concat(colors.G200, ")")
-    })(akTheme),
-    metaColor: (0, _components.themed)({
-      light: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
-      dark: "var(--ds-text-subtlest, ".concat(colors.DN400, ")")
-    })(akTheme),
-    functionColor: (0, _components.themed)({
-      light: "var(--ds-text, ".concat(colors.N800, ")"),
-      dark: "var(--ds-text, ".concat(colors.DN800, ")")
-    })(akTheme),
-    numberColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    prologColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    cdataColor: (0, _components.themed)({
-      light: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
-      dark: "var(--ds-text-subtlest, ".concat(colors.B75, ")")
-    })(akTheme),
-    punctuationColor: (0, _components.themed)({
-      light: "var(--ds-text, ".concat(colors.N800, ")"),
-      dark: "var(--ds-text, ".concat(colors.DN800, ")")
-    })(akTheme),
-    propertyColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
-      dark: "var(--ds-text-accent-purple, ".concat(colors.P75, ")")
-    })(akTheme),
-    constantColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-teal, ".concat(T800, ")"),
-      dark: "var(--ds-text-accent-teal, ".concat(colors.T100, ")")
-    })(akTheme),
-    booleanColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
-      dark: "var(--ds-text-accent-blue, ".concat(colors.B75, ")")
-    })(akTheme),
-    charColor: (0, _components.themed)({
-      light: "var(--ds-text, ".concat(colors.N800, ")"),
-      dark: "var(--ds-text, ".concat(colors.DN800, ")")
-    })(akTheme),
-    insertedColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
-      dark: "var(--ds-text-accent-green, ".concat(colors.B75, ")")
-    })(akTheme),
-    deletedColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-red, ".concat(colors.R500, ")"),
-      dark: "var(--ds-text-accent-red, ".concat(colors.B75, ")")
-    })(akTheme),
-    operatorColor: (0, _components.themed)({
-      light: "var(--ds-text, ".concat(colors.N800, ")"),
-      dark: "var(--ds-text, ".concat(colors.B75, ")")
-    })(akTheme),
-    atruleColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
-      dark: "var(--ds-text-accent-green, ".concat(colors.G200, ")")
-    })(akTheme),
-    importantColor: (0, _components.themed)({
-      light: "var(--ds-text-accent-yellow, ".concat(Y1100, ")"),
-      dark: "var(--ds-text-accent-yellow, ".concat(colors.Y300, ")")
-    })(akTheme)
+    highlightedLineBgColor: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
+    highlightedLineBorderColor: "var(--ds-border-focused, ".concat(colors.B200, ")"),
+    substringColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
+    keywordColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    attributeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    selectorTagColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    docTagColor: "var(--ds-text-accent-yellow, ".concat(Y1100, ")"),
+    nameColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    builtInColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    literalColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    bulletColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    codeColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    regexpColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    symbolColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    variableColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    templateVariableColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    linkColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
+    selectorAttributeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    selectorPseudoColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    typeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    stringColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
+    selectorIdColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    selectorClassColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    quoteColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    templateTagColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    titleColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
+    sectionColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
+    commentColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
+    metaKeywordColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
+    metaColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
+    functionColor: "var(--ds-text, ".concat(colors.N800, ")"),
+    numberColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    prologColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    cdataColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
+    punctuationColor: "var(--ds-text, ".concat(colors.N800, ")"),
+    propertyColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
+    constantColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
+    booleanColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
+    charColor: "var(--ds-text, ".concat(colors.N800, ")"),
+    insertedColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
+    deletedColor: "var(--ds-text-accent-red, ".concat(colors.R500, ")"),
+    operatorColor: "var(--ds-text, ".concat(colors.N800, ")"),
+    atruleColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
+    importantColor: "var(--ds-text-accent-yellow, ".concat(Y1100, ")")
   };
 });
-exports.getColorPalette = getColorPalette;
-var getTheme = function getTheme(theme) {
-  return _objectSpread(_objectSpread({}, getBaseTheme(theme)), getColorPalette(theme));
+var getTheme = function getTheme() {
+  return _objectSpread(_objectSpread({}, getBaseTheme()), getColorPalette());
 };
-var _default = getTheme;
-exports.default = _default;
+var _default = exports.default = getTheme;

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

@@ -6,22 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _constants = require("./constants");
 var _getTheme = require("./get-theme");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var getLineNumWidth = function getLineNumWidth(numLines) {
+var getLineNumWidth = exports.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
-    minWidth: "calc(".concat(theme.lineNumberWidth, " + ").concat(_constants2.LINE_NUMBER_GUTTER, "px) !important"),
+    minWidth: "calc(".concat(theme.lineNumberWidth, " + ").concat(_constants.LINE_NUMBER_GUTTER, "px) !important"),
     // this needs to be important or it gets overwritten by inline styles
     fontStyle: 'normal !important',
     // this needs to be important or it gets overwritten by inline styles
@@ -29,9 +27,9 @@ var lineNumberStyle = function lineNumberStyle(theme) {
     flexShrink: 0,
     // needed to replicate existing design spec
     boxSizing: 'border-box',
-    paddingRight: "".concat(_constants2.SPACING, "px !important"),
-    paddingLeft: _constants2.SPACING,
-    marginRight: _constants2.SPACING,
+    paddingRight: "".concat(_constants.SPACING, "px !important"),
+    paddingLeft: _constants.SPACING,
+    marginRight: _constants.SPACING,
     textAlign: 'right',
     userSelect: 'none',
     // this is to fix SSR spacing issue
@@ -197,15 +195,15 @@ var syntaxKeywordColors = function syntaxKeywordColors(theme) {
 /**
  * Styles applied at the root element level, common across code/codeblock
  */
-var getBaseCodeStyles = function getBaseCodeStyles(theme) {
+var getBaseCodeStyles = exports.getBaseCodeStyles = function getBaseCodeStyles(theme) {
   return {
-    fontSize: _constants2.CODE_FONT_SIZE,
+    fontSize: _constants.CODE_FONT_SIZE,
     fontFamily: theme.fontFamily,
     fontWeight: 'normal',
-    backgroundColor: "var(".concat(_constants2.VAR_CODE_BG_COLOR, ",").concat(theme.backgroundColor, ")"),
+    backgroundColor: "var(".concat(_constants.VAR_CODE_BG_COLOR, ",").concat(theme.backgroundColor, ")"),
     color: theme.textColor,
     borderStyle: 'none',
-    borderRadius: "".concat((0, _constants.borderRadius)(), "px")
+    borderRadius: "var(--ds-border-radius, 3px)"
   };
 };
 
@@ -215,17 +213,16 @@ var getBaseCodeStyles = function getBaseCodeStyles(theme) {
  *
  * @param theme
  */
-exports.getBaseCodeStyles = getBaseCodeStyles;
-var getCodeBlockStyles = function getCodeBlockStyles(theme) {
+var getCodeBlockStyles = exports.getCodeBlockStyles = function getCodeBlockStyles(theme) {
   return function (highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines) {
     return _objectSpread(_objectSpread(_objectSpread({
       // this is required to account for prismjs styles leaking into the codeblock
       'code[class*="language-"], pre[class*="language-"], code': {
         all: 'unset',
-        padding: showLineNumbers ? "".concat(_constants2.SPACING, "px 0") : _constants2.SPACING
+        padding: showLineNumbers ? "".concat(_constants.SPACING, "px 0") : _constants.SPACING
       },
       display: 'flex',
-      lineHeight: _constants2.CODE_LINE_HEIGHT,
+      lineHeight: _constants.CODE_LINE_HEIGHT,
       overflowX: 'auto',
       whiteSpace: 'pre',
       direction: 'ltr'
@@ -239,8 +236,8 @@ var getCodeBlockStyles = function getCodeBlockStyles(theme) {
       // these styles are for line highlighting
       '& [data-ds--code--row]': {
         display: showLineNumbers ? 'flex' : 'block',
-        paddingRight: "".concat(_constants2.SPACING, "px !important"),
-        marginRight: "-".concat(_constants2.SPACING, "px")
+        paddingRight: "".concat(_constants.SPACING, "px !important"),
+        marginRight: "-".concat(_constants.SPACING, "px")
       },
       '& [data-ds--code--row--highlight]': {
         background: "".concat(theme.highlightedLineBgColor),
@@ -263,17 +260,17 @@ var getCodeBlockStyles = function getCodeBlockStyles(theme) {
         }
       },
       '& [data-ds--code--row--highlight] .linenumber': {
-        borderLeft: "".concat(_constants2.HIGHLIGHT_BORDER_WIDTH, " solid ").concat(theme.highlightedLineBorderColor),
-        paddingLeft: "".concat(_constants2.SPACING / 2, "px !important"),
+        borderLeft: "".concat(_constants.HIGHLIGHT_BORDER_WIDTH, " solid ").concat(theme.highlightedLineBorderColor),
+        paddingLeft: "".concat(_constants.SPACING / 2, "px !important"),
         position: 'relative'
       },
       // fill in space caused by parent border top
       '& [data-ds--code--row--highlight] .linenumber::before': {
         content: '""',
         position: 'absolute',
-        width: _constants2.HIGHLIGHT_BORDER_WIDTH,
+        width: _constants.HIGHLIGHT_BORDER_WIDTH,
         top: '-1px',
-        left: "-".concat(_constants2.HIGHLIGHT_BORDER_WIDTH),
+        left: "-".concat(_constants.HIGHLIGHT_BORDER_WIDTH),
         borderTop: "1px solid ".concat(theme.highlightedLineBorderColor)
       },
       '[data-ds--code--row--highlight] + [data-ds--code--row]:not([data-ds--code--row--highlight]), [data-ds--code--row]:not([data-ds--code--row--highlight]) + [data-ds--code--row--highlight]': {
@@ -284,13 +281,13 @@ var getCodeBlockStyles = function getCodeBlockStyles(theme) {
       },
       '& code:first-of-type': {
         paddingRight: "0px !important",
-        backgroundImage: showLineNumbers ? "linear-gradient(to right, var(".concat(_constants2.VAR_CODE_LINE_NUMBER_BG_COLOR, ",").concat(theme.lineNumberBgColor, "), var(").concat(_constants2.VAR_CODE_LINE_NUMBER_BG_COLOR, ",").concat(theme.lineNumberBgColor, ")\n    calc(").concat(theme.lineNumberWidth, " + ").concat(_constants2.LINE_NUMBER_GUTTER, "px), transparent calc(").concat(theme.lineNumberWidth, " + ").concat(_constants2.LINE_NUMBER_GUTTER, "px), transparent)") : undefined
+        backgroundImage: showLineNumbers ? "linear-gradient(to right, var(".concat(_constants.VAR_CODE_LINE_NUMBER_BG_COLOR, ",").concat(theme.lineNumberBgColor, "), var(").concat(_constants.VAR_CODE_LINE_NUMBER_BG_COLOR, ",").concat(theme.lineNumberBgColor, ")\n    calc(").concat(theme.lineNumberWidth, " + ").concat(_constants.LINE_NUMBER_GUTTER, "px), transparent calc(").concat(theme.lineNumberWidth, " + ").concat(_constants.LINE_NUMBER_GUTTER, "px), transparent)") : undefined
       },
       // we need to use last-of-type because when Code is SSR'd
       // 2 <code> elements are created and we don't want this style
       // applied to the first one
       '& code:last-of-type': {
-        paddingRight: "".concat(_constants2.SPACING, "px !important"),
+        paddingRight: "".concat(_constants.SPACING, "px !important"),
         flexBasis: 'auto',
         flexGrow: 1,
         // Needed for the highlight line to extend full-width
@@ -304,11 +301,8 @@ 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;
-  var theme = (0, _getTheme.getBaseTheme)(akTheme);
+var getCodeStyles = exports.getCodeStyles = function getCodeStyles() {
+  var theme = (0, _getTheme.getBaseTheme)();
   var baseStyles = getBaseCodeStyles(theme);
   return _objectSpread(_objectSpread({}, baseStyles), {}, {
     display: 'inline',
@@ -320,10 +314,8 @@ 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)), {}, {
+var getCodeBlockTheme = exports.getCodeBlockTheme = function getCodeBlockTheme(maxLines) {
+  return _objectSpread(_objectSpread(_objectSpread({}, (0, _getTheme.getBaseTheme)()), (0, _getTheme.getColorPalette)()), {}, {
     lineNumberWidth: maxLines ? getLineNumWidth(maxLines) : undefined
   });
-};
-exports.getCodeBlockTheme = getCodeBlockTheme;
+};

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.normalizeLanguage = void 0;
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _constants = require("../../constants");
-var normalizeLanguage = (0, _memoizeOne.default)(function (language) {
+var normalizeLanguage = exports.normalizeLanguage = (0, _memoizeOne.default)(function (language) {
   if (!language) {
     return '';
   }
@@ -16,5 +16,4 @@ var normalizeLanguage = (0, _memoizeOne.default)(function (language) {
   });
   // Fallback to plain monospaced text if language passed but not supported
   return match ? match.value : 'text';
-});
-exports.normalizeLanguage = normalizeLanguage;
+});