@atlaskit/code 14.3.6 → 14.3.9

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/code
 
+## 14.3.9
+
+### Patch Changes
+
+- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+
+## 14.3.8
+
+### Patch Changes
+
+- [`8202e37941b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8202e37941b) - Internal code change turning on new linting rules.
+
+## 14.3.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.3.6
 
 ### Patch Changes

package/bidi-warning/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/bidi-warning/index.js",
   "module": "../dist/esm/bidi-warning/index.js",
   "module:es2019": "../dist/es2019/bidi-warning/index.js",
+  "sideEffects": false,
   "types": "../dist/types/bidi-warning/index.d.ts"
 }

package/bidi-warning-decorator/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/bidi-warning/bidi-warning-decorator.js",
   "module": "../dist/esm/bidi-warning/bidi-warning-decorator.js",
   "module:es2019": "../dist/es2019/bidi-warning/bidi-warning-decorator.js",
+  "sideEffects": false,
   "types": "../dist/types/bidi-warning/bidi-warning-decorator.d.ts"
 }

package/block/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/entry-points/block.js",
   "module": "../dist/esm/entry-points/block.js",
   "module:es2019": "../dist/es2019/entry-points/block.js",
+  "sideEffects": false,
   "types": "../dist/types/entry-points/block.d.ts"
 }

package/constants/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/entry-points/constants.js",
   "module": "../dist/esm/entry-points/constants.js",
   "module:es2019": "../dist/es2019/entry-points/constants.js",
+  "sideEffects": false,
   "types": "../dist/types/entry-points/constants.d.ts"
 }

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

@@ -18,32 +18,27 @@ var decoration = (0, _core.css)({
   // U+202E RIGHT-TO-LEFT OVERRIDE' (when using pseudo element after)
   position: 'relative',
   ':before': {
-    /* layout */
     display: 'inline-flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: '0 4px',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    background: "var(--ds-background-warning, ".concat(_colors.Y75, ")"),
+    color: "var(--ds-text-warning, #7F5F01)",
+    content: '"<"attr(data-bidi-character-code)">"',
     fontSize: '14px',
+    fontStyle: 'normal',
     lineHeight: '18px',
-    background: "var(--ds-background-warning, ".concat(_colors.Y75, ")"),
 
     /**
      * Ensures the decoration receives pointer events when it occurs with
      * an ancestor that disables them.
      */
-    pointerEvents: 'auto',
-
-    /* contents */
-    content: '"<"attr(data-bidi-character-code)">"',
-    // This color is Y800 which is not yet rolled out
-    // https://hello.atlassian.net/wiki/spaces/~tswan/pages/1366555782?focusedCommentId=1370387374#comment-1370387374
-    color: "var(--ds-text-warning, #7F5F01)",
-    fontStyle: 'normal'
+    pointerEvents: 'auto'
   },
   ':hover:before': {
-    color: "var(--ds-text-warning, #533F04)",
-    background: "var(--ds-background-warning-hovered, ".concat(_colors.Y75, ")")
+    background: "var(--ds-background-warning-hovered, ".concat(_colors.Y75, ")"),
+    color: "var(--ds-text-warning, #533F04)"
   }
 });
 

package/dist/cjs/code-block.js

@@ -22,6 +22,16 @@ var _getNormalizedLanguage = require("./internal/utils/get-normalized-language")
 var _reactSyntaxHighlighterBidiWarningRenderer = require("./react-syntax-highlighter-bidi-warning-renderer");
 
 /** @jsx jsx */
+
+/**
+ * __Code block__
+ *
+ * A code block highlights an entire block of code and keeps the formatting.
+ *
+ * - [Examples](https://atlassian.design/components/code/code-block/examples)
+ * - [Code](https://atlassian.design/components/code/code-block/code)
+ * - [Usage](https://atlassian.design/components/code/code-block/usage)
+ */
 var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
   var _ref$showLineNumbers = _ref.showLineNumbers,
       showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,

package/dist/cjs/code.js

@@ -38,6 +38,15 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+/**
+ * __Code__
+ *
+ * Code highlights short strings of code snippets inline with body text.
+ *
+ * - [Examples](https://atlassian.design/components/code/examples)
+ * - [Code](https://atlassian.design/components/code/code)
+ * - [Usage](https://atlassian.design/components/code/usage)
+ */
 var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Code(_ref, ref) {
   var testId = _ref.testId,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -84,6 +93,7 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
     }
 
     if (isReactElement(childNode) && childNode.props.children) {
+      // eslint-disable-next-line @repo/internal/react/no-clone-element
       var newChildNode = /*#__PURE__*/_react.default.cloneElement(childNode, {
         children: (0, _core.jsx)(RenderCodeChildrenWithBidiWarnings, {
           codeBidiWarningLabel: codeBidiWarningLabel,

package/dist/cjs/version.json

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

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

@@ -9,32 +9,27 @@ const decoration = css({
   // U+202E RIGHT-TO-LEFT OVERRIDE' (when using pseudo element after)
   position: 'relative',
   ':before': {
-    /* layout */
     display: 'inline-flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: '0 4px',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    background: `var(--ds-background-warning, ${Y75})`,
+    color: "var(--ds-text-warning, #7F5F01)",
+    content: '"<"attr(data-bidi-character-code)">"',
     fontSize: '14px',
+    fontStyle: 'normal',
     lineHeight: '18px',
-    background: `var(--ds-background-warning, ${Y75})`,
 
     /**
      * Ensures the decoration receives pointer events when it occurs with
      * an ancestor that disables them.
      */
-    pointerEvents: 'auto',
-
-    /* contents */
-    content: '"<"attr(data-bidi-character-code)">"',
-    // This color is Y800 which is not yet rolled out
-    // https://hello.atlassian.net/wiki/spaces/~tswan/pages/1366555782?focusedCommentId=1370387374#comment-1370387374
-    color: "var(--ds-text-warning, #7F5F01)",
-    fontStyle: 'normal'
+    pointerEvents: 'auto'
   },
   ':hover:before': {
-    color: "var(--ds-text-warning, #533F04)",
-    background: `var(--ds-background-warning-hovered, ${Y75})`
+    background: `var(--ds-background-warning-hovered, ${Y75})`,
+    color: "var(--ds-text-warning, #533F04)"
   }
 });
 export function Decorator({

package/dist/es2019/code-block.js

@@ -7,6 +7,16 @@ import { useHighlightLines } from './internal/hooks/use-highlight';
 import { getCodeBlockStyles, getCodeBlockTheme } from './internal/theme/styles';
 import { normalizeLanguage } from './internal/utils/get-normalized-language';
 import { createBidiWarningRenderer } from './react-syntax-highlighter-bidi-warning-renderer';
+/**
+ * __Code block__
+ *
+ * A code block highlights an entire block of code and keeps the formatting.
+ *
+ * - [Examples](https://atlassian.design/components/code/code-block/examples)
+ * - [Code](https://atlassian.design/components/code/code-block/code)
+ * - [Usage](https://atlassian.design/components/code/code-block/usage)
+ */
+
 const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
   showLineNumbers = true,
   language: providedLanguage = 'text',

package/dist/es2019/code.js

@@ -7,6 +7,16 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import CodeBidiWarning from './bidi-warning';
 import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
 import { getCodeStyles } from './internal/theme/styles';
+
+/**
+ * __Code__
+ *
+ * Code highlights short strings of code snippets inline with body text.
+ *
+ * - [Examples](https://atlassian.design/components/code/examples)
+ * - [Code](https://atlassian.design/components/code/code)
+ * - [Usage](https://atlassian.design/components/code/usage)
+ */
 const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
   testId,
   ...props
@@ -51,6 +61,7 @@ function RenderCodeChildrenWithBidiWarnings({
     }
 
     if (isReactElement(childNode) && childNode.props.children) {
+      // eslint-disable-next-line @repo/internal/react/no-clone-element
       const newChildNode = /*#__PURE__*/React.cloneElement(childNode, {
         children: jsx(RenderCodeChildrenWithBidiWarnings, {
           codeBidiWarningLabel: codeBidiWarningLabel,

package/dist/es2019/version.json

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

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

@@ -9,32 +9,27 @@ var decoration = css({
   // U+202E RIGHT-TO-LEFT OVERRIDE' (when using pseudo element after)
   position: 'relative',
   ':before': {
-    /* layout */
     display: 'inline-flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: '0 4px',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    background: "var(--ds-background-warning, ".concat(Y75, ")"),
+    color: "var(--ds-text-warning, #7F5F01)",
+    content: '"<"attr(data-bidi-character-code)">"',
     fontSize: '14px',
+    fontStyle: 'normal',
     lineHeight: '18px',
-    background: "var(--ds-background-warning, ".concat(Y75, ")"),
 
     /**
      * Ensures the decoration receives pointer events when it occurs with
      * an ancestor that disables them.
      */
-    pointerEvents: 'auto',
-
-    /* contents */
-    content: '"<"attr(data-bidi-character-code)">"',
-    // This color is Y800 which is not yet rolled out
-    // https://hello.atlassian.net/wiki/spaces/~tswan/pages/1366555782?focusedCommentId=1370387374#comment-1370387374
-    color: "var(--ds-text-warning, #7F5F01)",
-    fontStyle: 'normal'
+    pointerEvents: 'auto'
   },
   ':hover:before': {
-    color: "var(--ds-text-warning, #533F04)",
-    background: "var(--ds-background-warning-hovered, ".concat(Y75, ")")
+    background: "var(--ds-background-warning-hovered, ".concat(Y75, ")"),
+    color: "var(--ds-text-warning, #533F04)"
   }
 });
 export function Decorator(_ref) {

package/dist/esm/code-block.js

@@ -7,6 +7,16 @@ import { useHighlightLines } from './internal/hooks/use-highlight';
 import { getCodeBlockStyles, getCodeBlockTheme } from './internal/theme/styles';
 import { normalizeLanguage } from './internal/utils/get-normalized-language';
 import { createBidiWarningRenderer } from './react-syntax-highlighter-bidi-warning-renderer';
+/**
+ * __Code block__
+ *
+ * A code block highlights an entire block of code and keeps the formatting.
+ *
+ * - [Examples](https://atlassian.design/components/code/code-block/examples)
+ * - [Code](https://atlassian.design/components/code/code-block/code)
+ * - [Usage](https://atlassian.design/components/code/code-block/usage)
+ */
+
 var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
   var _ref$showLineNumbers = _ref.showLineNumbers,
       showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,

package/dist/esm/code.js

@@ -10,6 +10,16 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import CodeBidiWarning from './bidi-warning';
 import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
 import { getCodeStyles } from './internal/theme/styles';
+
+/**
+ * __Code__
+ *
+ * Code highlights short strings of code snippets inline with body text.
+ *
+ * - [Examples](https://atlassian.design/components/code/examples)
+ * - [Code](https://atlassian.design/components/code/code)
+ * - [Usage](https://atlassian.design/components/code/usage)
+ */
 var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
   var testId = _ref.testId,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -58,6 +68,7 @@ function RenderCodeChildrenWithBidiWarnings(_ref2) {
     }
 
     if (isReactElement(childNode) && childNode.props.children) {
+      // eslint-disable-next-line @repo/internal/react/no-clone-element
       var newChildNode = /*#__PURE__*/React.cloneElement(childNode, {
         children: jsx(RenderCodeChildrenWithBidiWarnings, {
           codeBidiWarningLabel: codeBidiWarningLabel,

package/dist/esm/version.json

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

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

@@ -2,7 +2,8 @@ export declare type CodeBidiWarningProps = {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests */
+     * serving as a hook for automated tests
+     */
     testId?: string;
     /**
      * A bidi character which can be used to perform a "bidi override attack".
@@ -20,6 +21,9 @@ export declare type CodeBidiWarningProps = {
      * not work as expected.
      */
     tooltipEnabled?: boolean;
+    /**
+     * Useful when wrapping the bidi character with the decoration is not achievable.
+     */
     skipChildren?: boolean;
     /**
      * Labels for the previous and next buttons used in pagination.

package/dist/types/code-block.d.ts

@@ -1,4 +1,13 @@
 /// <reference types="react" />
 import type { CodeBlockProps } from './internal/types';
+/**
+ * __Code block__
+ *
+ * A code block highlights an entire block of code and keeps the formatting.
+ *
+ * - [Examples](https://atlassian.design/components/code/code-block/examples)
+ * - [Code](https://atlassian.design/components/code/code-block/code)
+ * - [Usage](https://atlassian.design/components/code/code-block/usage)
+ */
 declare const CodeBlock: import("react").NamedExoticComponent<CodeBlockProps>;
 export default CodeBlock;

package/dist/types/code.d.ts

@@ -2,6 +2,15 @@
 import React from 'react';
 import { getCodeStyles } from './internal/theme/styles';
 import type { CodeProps } from './types';
-declare const Code: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<CodeProps, "as" | "css" | "name" | "color" | "content" | "height" | "width" | "start" | "children" | "testId" | "default" | "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "codeBidiWarnings" | "codeBidiWarningLabel" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLElement>>>;
+/**
+ * __Code__
+ *
+ * Code highlights short strings of code snippets inline with body text.
+ *
+ * - [Examples](https://atlassian.design/components/code/examples)
+ * - [Code](https://atlassian.design/components/code/code)
+ * - [Usage](https://atlassian.design/components/code/usage)
+ */
+declare const Code: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<CodeProps, "as" | "css" | "name" | "testId" | "codeBidiWarnings" | "codeBidiWarningLabel" | "codeBidiWarningTooltipEnabled" | "list" | "step" | "color" | "content" | "height" | "width" | "start" | "hidden" | "size" | "style" | "default" | "wrap" | "open" | "multiple" | "disabled" | "children" | "cite" | "data" | "form" | "label" | "span" | "summary" | "title" | "pattern" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "type" | "useMap" | "value" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLElement>>>;
 export { getCodeStyles };
 export default Code;

package/dist/types/extract-react-types/code-block.d.ts

@@ -14,14 +14,13 @@ export default function CodeBlock(__: {
     showLineNumbers?: boolean;
     /**
      * The language in which the code is written
-  
      * @see `SupportedLanguages` for type information in src
      */
     language?: string;
     /**
      * Lines to highlight comma delimited.
+     *
      * Example uses:
-  
      * - To highlight one line `highlight="3"`
      * - To highlight a group of lines `highlight="1-5"`
      * - To highlight multiple groups `highlight="1-5,7,10,15-20"`

package/dist/types/internal/types.d.ts

@@ -20,7 +20,6 @@ export interface CodeBlockProps {
     /**
      * Lines to highlight comma delimited.
      * Example uses:
-  
      * - To highlight one line `highlight="3"`
      * - To highlight a group of lines `highlight="1-5"`
      * - To highlight multiple groups `highlight="1-5,7,10,15-20"`

package/inline/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/entry-points/inline.js",
   "module": "../dist/esm/entry-points/inline.js",
   "module:es2019": "../dist/es2019/entry-points/inline.js",
+  "sideEffects": false,
   "types": "../dist/types/entry-points/inline.d.ts"
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/code",
-  "version": "14.3.6",
+  "version": "14.3.9",
   "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",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -13,21 +13,22 @@
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
+  "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
-      "name": "Code"
+      "name": "Code",
+      "category": "Components"
     }
   },
   "config": {
     "access": "public"
   },
   "dependencies": {
-    "@atlaskit/codemod-utils": "^4.0.0",
+    "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.9.0",
+    "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
@@ -40,6 +41,7 @@
   "devDependencies": {
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "^9.0.0",
+    "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -51,7 +53,7 @@
     "jscodeshift": "^0.13.0",
     "prismjs": "^1.25.0",
     "react-dom": "^16.8.0",
-    "typescript": "4.2.4"
+    "typescript": "4.3.5"
   },
   "keywords": [
     "atlaskit",
@@ -59,19 +61,21 @@
     "ui"
   ],
   "af:exports": {
-    "./types": "./src/entry-points/types.ts",
-    ".": "./src/index.ts",
-    "./bidi-warning": "./src/bidi-warning/index.ts",
+    "./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.ts",
-    "./inline": "./src/entry-points/inline.ts",
-    "./constants": "./src/entry-points/constants.ts"
+    "./block": "./src/entry-points/block.tsx",
+    "./inline": "./src/entry-points/inline.tsx",
+    "./constants": "./src/entry-points/constants.tsx"
   },
   "techstack": {
     "@atlassian/frontend": {
       "import-structure": "atlassian-conventions"
     },
     "@repo/internal": {
+      "design-system": "v1",
+      "dom-events": "use-bind-event-listener",
       "ui-components": [
         "lite-mode"
       ],