@atlaskit/code 15.2.1 → 15.3.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/code
 
+## 15.3.1
+
+### Patch Changes
+
+- [#116025](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116025)
+  [`cd506a937e44f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cd506a937e44f) -
+  Internal change to how typography is applied. There should be no visual change.
+
+## 15.3.0
+
+### Minor Changes
+
+- [#111878](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111878)
+  [`223959ef57c80`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/223959ef57c80) -
+  Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
+  is implicitly set to automatic.
+
 ## 15.2.1
 
 ### Patch Changes

package/__perf__/code-block-syntax-highlighting.tsx

@@ -2,7 +2,10 @@ import React from 'react';
 
 import { CodeBlock } from '../src';
 
-export const text = `/** @jsx jsx */
+export const text = `/**
+ * @jsxRuntime classic
+ */
+/** @jsx jsx */
 import React from 'react';
 import ReactDOM from 'react-dom';
 import styled from '@emotion/styled';

package/__perf__/source-code-examples/100-line-example.tsx

@@ -1,5 +1,8 @@
 // eslint-disable-file
 export const hundredLineExample = `/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React, { CSSProperties, forwardRef } from 'react';
 
@@ -13,8 +16,8 @@ const CSS_VAR_TEXT_COLOR = '--banner-text-color';
 
 const textStyles = css({
   color: \`var(\${CSS_VAR_TEXT_COLOR})\`,
+	font: token('font.body'),
   fontWeight: token('font.weight.medium', '500'),
-  lineHeight: token('font.lineHeight.300', '24px'),
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',

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)"),
@@ -27,7 +33,7 @@ var decoration = (0, _react2.css)({
     background: "var(--ds-background-warning, ".concat(_colors.Y75, ")"),
     color: "var(--ds-text-warning, #7F5F01)",
     content: '"<"attr(data-bidi-character-code)">"',
-    fontSize: "var(--ds-font-size-100, 14px)",
+    fontSize: '14px',
     fontStyle: 'normal',
     lineHeight: '18px',
     /**
@@ -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,
@@ -48,11 +53,14 @@ var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }, children) : children;
-  return (0, _react2.jsx)("code", (0, _extends2.default)({
-    ref: ref,
-    "data-testid": testId,
-    css: styles
-  }, otherProps), decoratedChildren);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("code", (0, _extends2.default)({
+      ref: ref,
+      "data-testid": testId,
+      css: styles
+    }, otherProps), decoratedChildren)
+  );
 }));
 function RenderCodeChildrenWithBidiWarnings(_ref2) {
   var children = _ref2.children,

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';

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)"}`,
@@ -19,7 +25,7 @@ const decoration = css({
     background: `var(--ds-background-warning, ${Y75})`,
     color: "var(--ds-text-warning, #7F5F01)",
     content: '"<"attr(data-bidi-character-code)">"',
-    fontSize: "var(--ds-font-size-100, 14px)",
+    fontSize: '14px',
     fontStyle: 'normal',
     lineHeight: '18px',
     /**
@@ -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,
@@ -30,11 +36,14 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }, children) : children;
-  return jsx("code", _extends({
-    ref: ref,
-    "data-testid": testId,
-    css: styles
-  }, otherProps), decoratedChildren);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("code", _extends({
+      ref: ref,
+      "data-testid": testId,
+      css: styles
+    }, otherProps), decoratedChildren)
+  );
 }));
 function RenderCodeChildrenWithBidiWarnings({
   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 => {

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)"),
@@ -19,7 +25,7 @@ var decoration = css({
     background: "var(--ds-background-warning, ".concat(Y75, ")"),
     color: "var(--ds-text-warning, #7F5F01)",
     content: '"<"attr(data-bidi-character-code)">"',
-    fontSize: "var(--ds-font-size-100, 14px)",
+    fontSize: '14px',
     fontStyle: 'normal',
     lineHeight: '18px',
     /**
@@ -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)"

package/dist/esm/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';
@@ -43,7 +48,9 @@ var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
     return getCodeBlockStyles(theme);
   }, [theme]);
   var styles = useMemo(function () {
-    return css(getStyles(highlightedStartText, highlightedEndText, showLineNumbers, shouldWrapLongLines));
+    return 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 = useHighlightLines({
       highlight: highlight,

package/dist/esm/code.js

@@ -2,8 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId"],
   _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
+/**
+ * @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';
@@ -20,6 +25,7 @@ import { getCodeStyles } from './internal/theme/styles';
 var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
   var testId = _ref.testId,
     props = _objectWithoutProperties(_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 = css(getCodeStyles());
   var children = props.children,
     _props$codeBidiWarnin = props.codeBidiWarnings,
@@ -32,11 +38,14 @@ var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }, children) : children;
-  return jsx("code", _extends({
-    ref: ref,
-    "data-testid": testId,
-    css: styles
-  }, otherProps), decoratedChildren);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("code", _extends({
+      ref: ref,
+      "data-testid": testId,
+      css: styles
+    }, otherProps), decoratedChildren)
+  );
 }));
 function RenderCodeChildrenWithBidiWarnings(_ref2) {
   var children = _ref2.children,

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

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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
+
 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 var getLineNumWidth = function getLineNumWidth(numLines) {

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

@@ -6,6 +6,9 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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 var SyntaxHighlighter = /*#__PURE__*/function (_React$PureComponent) {

package/dist/types/bidi-warning/ui/styled.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';

package/dist/types/code.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React from 'react';
 import { getCodeStyles } from './internal/theme/styles';

package/dist/types-ts4.5/bidi-warning/ui/styled.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';

package/dist/types-ts4.5/code.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React from 'react';
 import { getCodeStyles } from './internal/theme/styles';

package/package.json

@@ -1,109 +1,109 @@
 {
-  "name": "@atlaskit/code",
-  "version": "15.2.1",
-  "description": "Code highlights short strings of code snippets inline with body text.",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "sideEffects": false,
-  "atlaskit:src": "src/index.tsx",
-  "atlassian": {
-    "team": "Design System Team",
-    "releaseModel": "continuous",
-    "website": {
-      "name": "Code",
-      "category": "Components"
-    },
-    "runReact18": true
-  },
-  "config": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.50.0",
-    "@atlaskit/tooltip": "^18.4.0",
-    "@atlaskit/visually-hidden": "^1.3.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "memoize-one": "^6.0.0",
-    "refractor": "^3.6.0"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
-  },
-  "devDependencies": {
-    "@af/accessibility-testing": "*",
-    "@af/integration-testing": "*",
-    "@af/visual-regression": "*",
-    "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/toggle": "^13.1.0",
-    "@atlaskit/visual-regression": "*",
-    "@testing-library/react": "^12.1.5",
-    "@types/jscodeshift": "^0.11.0",
-    "@types/refractor": "^3.0.2",
-    "color-contrast-checker": "^1.5.0",
-    "jscodeshift": "^0.13.0",
-    "prismjs": "^1.25.0",
-    "react-dom": "^16.8.0",
-    "typescript": "~5.4.2"
-  },
-  "keywords": [
-    "atlaskit",
-    "react",
-    "ui"
-  ],
-  "techstack": {
-    "@atlassian/frontend": {
-      "import-structure": "atlassian-conventions"
-    },
-    "@repo/internal": {
-      "design-system": "v1",
-      "design-tokens": [
-        "color",
-        "spacing"
-      ],
-      "dom-events": "use-bind-event-listener",
-      "ui-components": [
-        "lite-mode"
-      ],
-      "analytics": [
-        "analytics-next"
-      ],
-      "theming": [
-        "react-context"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "styling": [
-        "emotion"
-      ]
-    }
-  },
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "af:exports": {
-    "./types": "./src/entry-points/types.tsx",
-    ".": "./src/index.tsx",
-    "./bidi-warning": "./src/bidi-warning/index.tsx",
-    "./bidi-warning-decorator": "./src/bidi-warning/bidi-warning-decorator.tsx",
-    "./block": "./src/entry-points/block.tsx",
-    "./inline": "./src/entry-points/inline.tsx",
-    "./constants": "./src/entry-points/constants.tsx"
-  },
-  "homepage": "https://atlassian.design/components/code/"
-}
+	"name": "@atlaskit/code",
+	"version": "15.3.1",
+	"description": "Code highlights short strings of code snippets inline with body text.",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"sideEffects": false,
+	"atlaskit:src": "src/index.tsx",
+	"atlassian": {
+		"team": "Design System Team",
+		"releaseModel": "continuous",
+		"website": {
+			"name": "Code",
+			"category": "Components"
+		},
+		"runReact18": true
+	},
+	"config": {
+		"access": "public"
+	},
+	"dependencies": {
+		"@atlaskit/codemod-utils": "^4.2.0",
+		"@atlaskit/theme": "^12.11.0",
+		"@atlaskit/tokens": "^1.53.0",
+		"@atlaskit/tooltip": "^18.5.0",
+		"@atlaskit/visually-hidden": "^1.4.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"memoize-one": "^6.0.0",
+		"refractor": "^3.6.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+	},
+	"devDependencies": {
+		"@af/accessibility-testing": "*",
+		"@af/integration-testing": "*",
+		"@af/visual-regression": "*",
+		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/ssr": "*",
+		"@atlaskit/toggle": "^13.2.0",
+		"@atlaskit/visual-regression": "*",
+		"@testing-library/react": "^12.1.5",
+		"@types/jscodeshift": "^0.11.0",
+		"@types/refractor": "^3.0.2",
+		"color-contrast-checker": "^1.5.0",
+		"jscodeshift": "^0.13.0",
+		"prismjs": "^1.25.0",
+		"react-dom": "^16.8.0",
+		"typescript": "~5.4.2"
+	},
+	"keywords": [
+		"atlaskit",
+		"react",
+		"ui"
+	],
+	"techstack": {
+		"@atlassian/frontend": {
+			"import-structure": "atlassian-conventions"
+		},
+		"@repo/internal": {
+			"design-system": "v1",
+			"design-tokens": [
+				"color",
+				"spacing"
+			],
+			"dom-events": "use-bind-event-listener",
+			"ui-components": [
+				"lite-mode"
+			],
+			"analytics": [
+				"analytics-next"
+			],
+			"theming": [
+				"react-context"
+			],
+			"deprecation": "no-deprecated-imports",
+			"styling": [
+				"emotion"
+			]
+		}
+	},
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"af:exports": {
+		"./types": "./src/entry-points/types.tsx",
+		".": "./src/index.tsx",
+		"./bidi-warning": "./src/bidi-warning/index.tsx",
+		"./bidi-warning-decorator": "./src/bidi-warning/bidi-warning-decorator.tsx",
+		"./block": "./src/entry-points/block.tsx",
+		"./inline": "./src/entry-points/inline.tsx",
+		"./constants": "./src/entry-points/constants.tsx"
+	},
+	"homepage": "https://atlassian.design/components/code/"
+}