@atlaskit/code 15.2.0 → 15.3.0

package/codemods/utils/helpers.tsx

@@ -1,266 +1,226 @@
-import core, {
-  ASTPath,
-  CallExpression,
-  Identifier,
-  ImportDeclaration,
-  ImportSpecifier,
-  JSCodeshift,
-  JSXAttribute,
-  JSXElement,
-  ObjectProperty,
+import type {
+	ASTPath,
+	CallExpression,
+	default as core,
+	Identifier,
+	ImportDeclaration,
+	ImportSpecifier,
+	JSCodeshift,
+	JSXAttribute,
+	JSXElement,
+	ObjectProperty,
 } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import { type Collection } from 'jscodeshift/src/Collection';
 
-import {
-  addCommentToStartOfFile,
-  getNamedSpecifier,
-} from '@atlaskit/codemod-utils';
+import { addCommentToStartOfFile, getNamedSpecifier } from '@atlaskit/codemod-utils';
 
 export function hasImportDeclaration(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  importPath: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
 ) {
-  return getImportDeclarationCollection(j, collection, importPath).length > 0;
+	return getImportDeclarationCollection(j, collection, importPath).length > 0;
 }
 
 export function getImportDeclarationCollection(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  importPath: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
 ) {
-  return collection
-    .find(j.ImportDeclaration)
-    .filter(
-      (importDeclarationPath) =>
-        importDeclarationPath.node.source.value === importPath,
-    );
+	return collection
+		.find(j.ImportDeclaration)
+		.filter((importDeclarationPath) => importDeclarationPath.node.source.value === importPath);
 }
 
-export function hasDynamicImport(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  importPath: string,
-) {
-  return getDynamicImportCollection(j, collection, importPath).length > 0;
+export function hasDynamicImport(j: JSCodeshift, collection: Collection<any>, importPath: string) {
+	return getDynamicImportCollection(j, collection, importPath).length > 0;
 }
 
 export function getDynamicImportCollection(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  importPath: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
 ) {
-  return collection.find(j.CallExpression).filter((callExpressionPath) => {
-    const { callee, arguments: callExpressionArguments } =
-      callExpressionPath.node;
+	return collection.find(j.CallExpression).filter((callExpressionPath) => {
+		const { callee, arguments: callExpressionArguments } = callExpressionPath.node;
 
-    return !!(
-      isCallExpressionCalleeImportType(callee) &&
-      isCallExpressionArgumentStringLiteralType(callExpressionArguments) &&
-      isCallExpressionArgumentValueMatches(
-        callExpressionArguments[0],
-        j,
-        importPath,
-      )
-    );
-  });
+		return !!(
+			isCallExpressionCalleeImportType(callee) &&
+			isCallExpressionArgumentStringLiteralType(callExpressionArguments) &&
+			isCallExpressionArgumentValueMatches(callExpressionArguments[0], j, importPath)
+		);
+	});
 }
 function isCallExpressionCalleeImportType(callee: CallExpression['callee']) {
-  return callee && callee.type === 'Import';
+	return callee && callee.type === 'Import';
 }
 function isCallExpressionArgumentStringLiteralType(
-  callExpressionArguments: CallExpression['arguments'],
+	callExpressionArguments: CallExpression['arguments'],
 ) {
-  return (
-    callExpressionArguments &&
-    callExpressionArguments.length &&
-    callExpressionArguments[0].type === 'StringLiteral'
-  );
+	return (
+		callExpressionArguments &&
+		callExpressionArguments.length &&
+		callExpressionArguments[0].type === 'StringLiteral'
+	);
 }
 function isCallExpressionArgumentValueMatches(
-  callExpressionArgument: CallExpression['arguments'][0],
-  j: JSCodeshift,
-  value: string,
+	callExpressionArgument: CallExpression['arguments'][0],
+	j: JSCodeshift,
+	value: string,
 ) {
-  return j(callExpressionArgument).some((path) => path.node.value === value);
+	return j(callExpressionArgument).some((path) => path.node.value === value);
 }
 
 export function getImportSpecifierCollection(
-  j: JSCodeshift,
-  importDeclarationCollection: Collection<ImportDeclaration>,
-  importName: string,
+	j: JSCodeshift,
+	importDeclarationCollection: Collection<ImportDeclaration>,
+	importName: string,
 ) {
-  return importDeclarationCollection
-    .find(j.ImportSpecifier)
-    .filter(
-      (importSpecifierPath) =>
-        importSpecifierPath.node.imported.name === importName,
-    );
+	return importDeclarationCollection
+		.find(j.ImportSpecifier)
+		.filter((importSpecifierPath) => importSpecifierPath.node.imported.name === importName);
 }
 
-export function getImportSpecifierName(
-  importSpecifierCollection: Collection<ImportSpecifier>,
-) {
-  if (importSpecifierCollection.length === 0) {
-    return null;
-  }
+export function getImportSpecifierName(importSpecifierCollection: Collection<ImportSpecifier>) {
+	if (importSpecifierCollection.length === 0) {
+		return null;
+	}
 
-  return importSpecifierCollection.nodes()[0]!.local!.name;
+	return importSpecifierCollection.nodes()[0]!.local!.name;
 }
 
 export function isVariableDeclaratorIdentifierPresent(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  variableName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
 ) {
-  return collection
-    .find(j.VariableDeclaration)
-    .find(j.VariableDeclarator)
-    .some((variableDeclaratorPath) => {
-      const { id } = variableDeclaratorPath.node;
+	return collection
+		.find(j.VariableDeclaration)
+		.find(j.VariableDeclarator)
+		.some((variableDeclaratorPath) => {
+			const { id } = variableDeclaratorPath.node;
 
-      return !!(
-        id &&
-        id.type === 'Identifier' &&
-        (id as Identifier).name === variableName
-      );
-    });
+			return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+		});
 }
 
 export function isFunctionDeclarationIdentifierPresent(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  variableName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
 ) {
-  return collection
-    .find(j.FunctionDeclaration)
-    .some((functionDeclarationPath) => {
-      const { id } = functionDeclarationPath.node;
+	return collection.find(j.FunctionDeclaration).some((functionDeclarationPath) => {
+		const { id } = functionDeclarationPath.node;
 
-      return !!(
-        id &&
-        id.type === 'Identifier' &&
-        (id as Identifier).name === variableName
-      );
-    });
+		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+	});
 }
 
 export function isClassDeclarationIdentifierPresent(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  variableName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
 ) {
-  return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
-    const { id } = classDeclarationPath.node;
+	return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
+		const { id } = classDeclarationPath.node;
 
-    return !!(
-      id &&
-      id.type === 'Identifier' &&
-      (id as Identifier).name === variableName
-    );
-  });
+		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+	});
 }
 
 export function isImportDeclarationIdentifierPresent(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  variableName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
 ) {
-  return collection
-    .find(j.ImportDeclaration)
-    .find(j.Identifier)
-    .some((identifierPath) => identifierPath.node.name === variableName);
+	return collection
+		.find(j.ImportDeclaration)
+		.find(j.Identifier)
+		.some((identifierPath) => identifierPath.node.name === variableName);
 }
 
 export function getJSXAttributesByName(
-  j: JSCodeshift,
-  jsxElementPath: ASTPath<JSXElement>,
-  attributeName: string,
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
 ): Collection<JSXAttribute> {
-  return j(jsxElementPath)
-    .find(j.JSXOpeningElement)
-    .find(j.JSXAttribute)
-    .filter((jsxAttributePath) =>
-      j(jsxAttributePath)
-        .find(j.JSXIdentifier)
-        .some(
-          (jsxIdentifierPath) => jsxIdentifierPath.node.name === attributeName,
-        ),
-    );
+	return j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXAttribute)
+		.filter((jsxAttributePath) =>
+			j(jsxAttributePath)
+				.find(j.JSXIdentifier)
+				.some((jsxIdentifierPath) => jsxIdentifierPath.node.name === attributeName),
+		);
 }
 
 export function getJSXSpreadIdentifierAttributesByName(
-  j: JSCodeshift,
-  collection: Collection<any>,
-  jsxElementPath: ASTPath<JSXElement>,
-  attributeName: string,
+	j: JSCodeshift,
+	collection: Collection<any>,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
 ): Collection<ObjectProperty> | null {
-  const identifierCollection = j(jsxElementPath)
-    .find(j.JSXOpeningElement)
-    .find(j.JSXSpreadAttribute)
-    .filter(
-      (jsxSpreadAttributePath) =>
-        jsxSpreadAttributePath.node.argument.type === 'Identifier',
-    )
-    .find(j.Identifier);
-
-  if (identifierCollection.length === 0) {
-    return null;
-  }
-
-  return collection
-    .find(j.VariableDeclarator)
-    .filter((variableDeclaratorPath) => {
-      const { id } = variableDeclaratorPath.node;
-
-      return (
-        id.type === 'Identifier' &&
-        identifierCollection.some(
-          (identifierPath) => identifierPath.node.name === id.name,
-        )
-      );
-    })
-    .find(j.ObjectExpression)
-    .find(j.ObjectProperty)
-    .filter((objectPropertyPath) =>
-      j(objectPropertyPath)
-        .find(j.Identifier)
-        .some((identifierPath) => identifierPath.node.name === attributeName),
-    );
+	const identifierCollection = j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXSpreadAttribute)
+		.filter((jsxSpreadAttributePath) => jsxSpreadAttributePath.node.argument.type === 'Identifier')
+		.find(j.Identifier);
+
+	if (identifierCollection.length === 0) {
+		return null;
+	}
+
+	return collection
+		.find(j.VariableDeclarator)
+		.filter((variableDeclaratorPath) => {
+			const { id } = variableDeclaratorPath.node;
+
+			return (
+				id.type === 'Identifier' &&
+				identifierCollection.some((identifierPath) => identifierPath.node.name === id.name)
+			);
+		})
+		.find(j.ObjectExpression)
+		.find(j.ObjectProperty)
+		.filter((objectPropertyPath) =>
+			j(objectPropertyPath)
+				.find(j.Identifier)
+				.some((identifierPath) => identifierPath.node.name === attributeName),
+		);
 }
 
 export function getJSXSpreadObjectExpressionAttributesByName(
-  j: JSCodeshift,
-  jsxElementPath: ASTPath<JSXElement>,
-  attributeName: string,
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
 ) {
-  return j(jsxElementPath)
-    .find(j.JSXOpeningElement)
-    .find(j.JSXSpreadAttribute)
-    .find(j.ObjectExpression)
-    .find(j.ObjectProperty)
-    .filter((objectPropertyPath) =>
-      j(objectPropertyPath)
-        .find(j.Identifier)
-        .some((identifierPath) => identifierPath.node.name === attributeName),
-    );
+	return j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXSpreadAttribute)
+		.find(j.ObjectExpression)
+		.find(j.ObjectProperty)
+		.filter((objectPropertyPath) =>
+			j(objectPropertyPath)
+				.find(j.Identifier)
+				.some((identifierPath) => identifierPath.node.name === attributeName),
+		);
 }
 
 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;
-    }
-
-    source.findJSXElements(specifier).forEach((element) => {
-      getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
-        j(attribute).remove();
-        if (comment) {
-          addCommentToStartOfFile({ j, base: source, message: comment });
-        }
-      });
-    });
-  };
+	(component: string, importName: string, prop: string, comment?: string) =>
+	(j: core.JSCodeshift, source: Collection<Node>) => {
+		const specifier = getNamedSpecifier(j, source, component, importName);
+
+		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 });
+				}
+			});
+		});
+	};

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

@@ -9,8 +9,13 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var decoration = (0, _react2.css)({
   // Required as otherwise the following bidi characters cause the span
   // to not receive hover events.
@@ -18,6 +23,7 @@ var decoration = (0, _react2.css)({
   // U+2066 LEFT-TO-RIGHT ISOLATE (when using pseudo element before)
   // U+202E RIGHT-TO-LEFT OVERRIDE' (when using pseudo element after)
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':before': {
     display: 'inline-flex',
     padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
@@ -36,6 +42,7 @@ var decoration = (0, _react2.css)({
      */
     pointerEvents: 'auto'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover:before': {
     background: "var(--ds-background-warning-hovered, ".concat(_colors.Y75, ")"),
     color: "var(--ds-text-warning, #533F04)"

package/dist/cjs/code-block.js

@@ -11,8 +11,13 @@ var _useHighlight = require("./internal/hooks/use-highlight");
 var _styles = require("./internal/theme/styles");
 var _getNormalizedLanguage = require("./internal/utils/get-normalized-language");
 var _syntaxHighlighter = _interopRequireDefault(require("./syntax-highlighter"));
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * __Code block__
  *
@@ -50,7 +55,9 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
     return (0, _styles.getCodeBlockStyles)(theme);
   }, [theme]);
   var styles = (0, _react.useMemo)(function () {
-    return (0, _react2.css)(getStyles(highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines));
+    return (0, _react2.css)(
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    getStyles(highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines));
   }, [highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines, getStyles]);
   var _useHighlightLines = (0, _useHighlight.useHighlightLines)({
       highlight: highlight,

package/dist/cjs/code.js

@@ -21,7 +21,11 @@ var _bidiWarningDecorator = _interopRequireDefault(require("./bidi-warning/bidi-
 var _styles = require("./internal/theme/styles");
 var _excluded = ["testId"],
   _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -36,6 +40,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Code(_ref, ref) {
   var testId = _ref.testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   var styles = (0, _react2.css)((0, _styles.getCodeStyles)());
   var children = props.children,
     _props$codeBidiWarnin = props.codeBidiWarnings,

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

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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; }
+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; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var getLineNumWidth = exports.getLineNumWidth = function getLineNumWidth(numLines) {
   if (!numLines) {
     return '1ch';
@@ -219,7 +219,8 @@ var getCodeBlockStyles = exports.getCodeBlockStyles = function getCodeBlockStyle
       // this is required to account for prismjs styles leaking into the codeblock
       'code[class*="language-"], pre[class*="language-"], code': {
         all: 'unset',
-        padding: showLineNumbers ? "".concat(_constants.SPACING, "px 0") : _constants.SPACING
+        padding: showLineNumbers ? "".concat(_constants.SPACING, "px 0") : _constants.SPACING,
+        tabSize: 4
       },
       display: 'flex',
       lineHeight: _constants.CODE_LINE_HEIGHT,

package/dist/cjs/syntax-highlighter/types.js

@@ -13,6 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // This wrapper supports the async loading of refractor and language grammars. The internal Highlight is a memo() functional component as expected
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var SyntaxHighlighter = exports.SyntaxHighlighter = /*#__PURE__*/function (_React$PureComponent) {

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

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Y75 } from '@atlaskit/theme/colors';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -10,6 +15,7 @@ const decoration = css({
   // U+2066 LEFT-TO-RIGHT ISOLATE (when using pseudo element before)
   // U+202E RIGHT-TO-LEFT OVERRIDE' (when using pseudo element after)
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':before': {
     display: 'inline-flex',
     padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-050, 4px)"}`,
@@ -28,6 +34,7 @@ const decoration = css({
      */
     pointerEvents: 'auto'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover:before': {
     background: `var(--ds-background-warning-hovered, ${Y75})`,
     color: "var(--ds-text-warning, #533F04)"

package/dist/es2019/code-block.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { memo, useCallback, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useHighlightLines } from './internal/hooks/use-highlight';
 import { getCodeBlockStyles, getCodeBlockTheme } from './internal/theme/styles';
@@ -31,7 +36,9 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
   const numLines = (text || '').split('\n').length;
   const theme = useMemo(() => getCodeBlockTheme(numLines), [numLines]);
   const getStyles = useMemo(() => getCodeBlockStyles(theme), [theme]);
-  const styles = useMemo(() => css(getStyles(highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines)), [highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines, getStyles]);
+  const styles = useMemo(() => css(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  getStyles(highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines)), [highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines, getStyles]);
   const {
     getHighlightStyles,
     highlightedLines

package/dist/es2019/code.js

@@ -1,6 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React, { forwardRef, memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import CodeBidiWarning from './bidi-warning';
 import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
@@ -18,6 +23,7 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
   testId,
   ...props
 }, ref) {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   const styles = css(getCodeStyles());
   const {
     children,

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

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { CODE_FONT_SIZE, CODE_LINE_HEIGHT, HIGHLIGHT_BORDER_WIDTH, LINE_NUMBER_GUTTER, SPACING, VAR_CODE_BG_COLOR, VAR_CODE_LINE_NUMBER_BG_COLOR } from './constants';
 import { getBaseTheme, getColorPalette } from './get-theme';
 export const getLineNumWidth = numLines => {
@@ -201,7 +203,8 @@ export const getCodeBlockStyles = theme => (highlightedStartText, highlightedEnd
   // this is required to account for prismjs styles leaking into the codeblock
   'code[class*="language-"], pre[class*="language-"], code': {
     all: 'unset',
-    padding: showLineNumbers ? `${SPACING}px 0` : SPACING
+    padding: showLineNumbers ? `${SPACING}px 0` : SPACING,
+    tabSize: 4
   },
   display: 'flex',
   lineHeight: CODE_LINE_HEIGHT,

package/dist/es2019/syntax-highlighter/types.js

@@ -1,4 +1,7 @@
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // This wrapper supports the async loading of refractor and language grammars. The internal Highlight is a memo() functional component as expected
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class SyntaxHighlighter extends React.PureComponent {}

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

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Y75 } from '@atlaskit/theme/colors';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -10,6 +15,7 @@ var decoration = css({
   // U+2066 LEFT-TO-RIGHT ISOLATE (when using pseudo element before)
   // U+202E RIGHT-TO-LEFT OVERRIDE' (when using pseudo element after)
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':before': {
     display: 'inline-flex',
     padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
@@ -28,6 +34,7 @@ var decoration = css({
      */
     pointerEvents: 'auto'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover:before': {
     background: "var(--ds-background-warning-hovered, ".concat(Y75, ")"),
     color: "var(--ds-text-warning, #533F04)"