@atlaskit/code 14.5.2 → 14.5.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/code
 
+## 14.5.3
+
+### Patch Changes
+
+- [`74750bef5c4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74750bef5c4) - Fixes some bugs with the long line wrapping and syntax-highlighting changes that were released in v14.5.0.
+
 ## 14.5.2
 
 ### Patch Changes

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

@@ -50,7 +50,7 @@ var syntaxKeywordColors = function syntaxKeywordColors(theme) {
   return {
     '.token': {
       // this specifically stops prism css cascading.
-      '&:not([class=token],[data-ds--code--row--highlight])': {
+      '&:not([class=token],[data-ds--code--row--highlight],[data-ds--code--row])': {
         all: 'unset'
       },
       // additional specificity required to match the all: unset

package/dist/cjs/syntax-highlighter/lib/process/create-line-element.js

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = createLineElement;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _getInlineLineNumber = _interopRequireDefault(require("./get-inline-line-number"));
+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 createLineElement(_ref) {
   var children = _ref.children,
     lineNumber = _ref.lineNumber,
@@ -15,8 +18,10 @@ function createLineElement(_ref) {
     lineProps = _ref$lineProps === void 0 ? {} : _ref$lineProps,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? [] : _ref$className;
-  var properties = typeof lineProps === 'function' ? lineProps(lineNumber) : lineProps;
-  properties.className = className;
+  var propsPassedInFromCodeBlock = typeof lineProps === 'function' ? lineProps(lineNumber) : lineProps;
+  var properties = _objectSpread(_objectSpread({}, propsPassedInFromCodeBlock), {}, {
+    className: className
+  });
   var currentChildren = children;
   if (lineNumber && showLineNumbers) {
     // When syntax highlighting is NOT turned on, the entire LOC is just a single

package/dist/cjs/version.json

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

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

@@ -36,7 +36,7 @@ const lineNumberStyle = theme => ({
 const syntaxKeywordColors = theme => ({
   '.token': {
     // this specifically stops prism css cascading.
-    '&:not([class=token],[data-ds--code--row--highlight])': {
+    '&:not([class=token],[data-ds--code--row--highlight],[data-ds--code--row])': {
       all: 'unset'
     },
     // additional specificity required to match the all: unset

package/dist/es2019/syntax-highlighter/lib/process/create-line-element.js

@@ -6,8 +6,11 @@ export default function createLineElement({
   lineProps = {},
   className = []
 }) {
-  const properties = typeof lineProps === 'function' ? lineProps(lineNumber) : lineProps;
-  properties.className = className;
+  const propsPassedInFromCodeBlock = typeof lineProps === 'function' ? lineProps(lineNumber) : lineProps;
+  const properties = {
+    ...propsPassedInFromCodeBlock,
+    className
+  };
   let currentChildren = children;
   if (lineNumber && showLineNumbers) {
     // When syntax highlighting is NOT turned on, the entire LOC is just a single

package/dist/es2019/version.json

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

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

@@ -42,7 +42,7 @@ var syntaxKeywordColors = function syntaxKeywordColors(theme) {
   return {
     '.token': {
       // this specifically stops prism css cascading.
-      '&:not([class=token],[data-ds--code--row--highlight])': {
+      '&:not([class=token],[data-ds--code--row--highlight],[data-ds--code--row])': {
         all: 'unset'
       },
       // additional specificity required to match the all: unset

package/dist/esm/syntax-highlighter/lib/process/create-line-element.js

@@ -1,4 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
 import getInlineLineNumber from './get-inline-line-number';
 export default function createLineElement(_ref) {
   var children = _ref.children,
@@ -8,8 +11,10 @@ export default function createLineElement(_ref) {
     lineProps = _ref$lineProps === void 0 ? {} : _ref$lineProps,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? [] : _ref$className;
-  var properties = typeof lineProps === 'function' ? lineProps(lineNumber) : lineProps;
-  properties.className = className;
+  var propsPassedInFromCodeBlock = typeof lineProps === 'function' ? lineProps(lineNumber) : lineProps;
+  var properties = _objectSpread(_objectSpread({}, propsPassedInFromCodeBlock), {}, {
+    className: className
+  });
   var currentChildren = children;
   if (lineNumber && showLineNumbers) {
     // When syntax highlighting is NOT turned on, the entire LOC is just a single

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/code",
-  "version": "14.5.2",
+  "version": "14.5.3",
   "description": "Code highlights short strings of code snippets inline with body text.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"