@atlaskit/code 14.4.1 → 14.4.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/code
 
+## 14.4.3
+
+### Patch Changes
+
+- [`f1765efdca6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f1765efdca6) - [ux] Fix bug that caused misalignment of Code Block content which contain a mixture of spaces and tabs
+
+## 14.4.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.4.1
 
 ### Patch Changes

package/codemods/13.0.0-remove-unnecessary-code-props.tsx

@@ -35,21 +35,19 @@ function removeProps(
       jsxAttributeCollection.remove();
     }
 
-    const jsxSpreadIdentifierPropertyCollection = getJSXSpreadIdentifierAttributesByName(
-      j,
-      collection,
-      jsxElementPath,
-      propName,
-    );
+    const jsxSpreadIdentifierPropertyCollection =
+      getJSXSpreadIdentifierAttributesByName(
+        j,
+        collection,
+        jsxElementPath,
+        propName,
+      );
     if (jsxSpreadIdentifierPropertyCollection) {
       jsxSpreadIdentifierPropertyCollection.remove();
     }
 
-    const jsxSpreadExpressionPropertyCollection = getJSXSpreadObjectExpressionAttributesByName(
-      j,
-      jsxElementPath,
-      propName,
-    );
+    const jsxSpreadExpressionPropertyCollection =
+      getJSXSpreadObjectExpressionAttributesByName(j, jsxElementPath, propName);
     if (jsxSpreadExpressionPropertyCollection) {
       jsxSpreadExpressionPropertyCollection.remove();
     }

package/codemods/utils/helpers.tsx

@@ -49,10 +49,8 @@ export function getDynamicImportCollection(
   importPath: string,
 ) {
   return collection.find(j.CallExpression).filter((callExpressionPath) => {
-    const {
-      callee,
-      arguments: callExpressionArguments,
-    } = callExpressionPath.node;
+    const { callee, arguments: callExpressionArguments } =
+      callExpressionPath.node;
 
     return !!(
       isCallExpressionCalleeImportType(callee) &&
@@ -246,24 +244,21 @@ export function getJSXSpreadObjectExpressionAttributesByName(
     );
 }
 
-export const createRemoveFuncFor = (
-  component: string,
-  importName: string,
-  prop: string,
-  comment?: string,
-) => (j: core.JSCodeshift, source: Collection<Node>) => {
-  const specifier = getNamedSpecifier(j, source, component, importName);
+export const createRemoveFuncFor =
+  (component: string, importName: string, prop: string, comment?: string) =>
+  (j: core.JSCodeshift, source: Collection<Node>) => {
+    const specifier = getNamedSpecifier(j, source, component, importName);
 
-  if (!specifier) {
-    return;
-  }
+    if (!specifier) {
+      return;
+    }
 
-  source.findJSXElements(specifier).forEach((element) => {
-    getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
-      j(attribute).remove();
-      if (comment) {
-        addCommentToStartOfFile({ j, base: source, message: comment });
-      }
+    source.findJSXElements(specifier).forEach((element) => {
+      getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
+        j(attribute).remove();
+        if (comment) {
+          addCommentToStartOfFile({ j, base: source, message: comment });
+        }
+      });
     });
-  });
-};
+  };

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

@@ -235,12 +235,14 @@ var getCodeBlockStyles = function getCodeBlockStyles(theme) {
       display: 'flex',
       lineHeight: _constants2.CODE_LINE_HEIGHT,
       overflowX: 'auto',
-      whiteSpace: 'pre'
+      whiteSpace: 'pre',
+      direction: 'ltr'
     }, getBaseCodeStyles(theme)), syntaxKeywordColors(theme)), {}, {
       // this is to account for SSR spacing issue once loaded in browser
       '& .linenumber, .react-syntax-highlighter-line-number': lineNumberStyle(theme),
       '& .linenumber': {
-        display: 'inline-block !important'
+        display: 'inline-block !important',
+        float: 'left'
       },
       // these styles are for line highlighting
       '& [data-ds--code--row]': {

package/dist/cjs/version.json

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

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

@@ -205,12 +205,14 @@ export const getCodeBlockStyles = theme => (highlightedStartText, highlightedEnd
   lineHeight: CODE_LINE_HEIGHT,
   overflowX: 'auto',
   whiteSpace: 'pre',
+  direction: 'ltr',
   ...getBaseCodeStyles(theme),
   ...syntaxKeywordColors(theme),
   // this is to account for SSR spacing issue once loaded in browser
   '& .linenumber, .react-syntax-highlighter-line-number': lineNumberStyle(theme),
   '& .linenumber': {
-    display: 'inline-block !important'
+    display: 'inline-block !important',
+    float: 'left'
   },
   // these styles are for line highlighting
   '& [data-ds--code--row]': {

package/dist/es2019/version.json

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

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

@@ -218,12 +218,14 @@ export var getCodeBlockStyles = function getCodeBlockStyles(theme) {
       display: 'flex',
       lineHeight: CODE_LINE_HEIGHT,
       overflowX: 'auto',
-      whiteSpace: 'pre'
+      whiteSpace: 'pre',
+      direction: 'ltr'
     }, getBaseCodeStyles(theme)), syntaxKeywordColors(theme)), {}, {
       // this is to account for SSR spacing issue once loaded in browser
       '& .linenumber, .react-syntax-highlighter-line-number': lineNumberStyle(theme),
       '& .linenumber': {
-        display: 'inline-block !important'
+        display: 'inline-block !important',
+        float: 'left'
       },
       // these styles are for line highlighting
       '& [data-ds--code--row]': {

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/code",
-  "version": "14.4.1",
+  "version": "14.4.3",
   "description": "Code highlights short strings of code snippets inline with body text.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -37,7 +29,7 @@
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.11.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -48,7 +40,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/docs": "^9.0.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/section-message": "^6.3.0",