@atlaskit/code 15.2.0 → 15.3.0

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,

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) {
@@ -212,7 +214,8 @@ export var getCodeBlockStyles = function getCodeBlockStyles(theme) {
       // this is required to account for prismjs styles leaking into the codeblock
       'code[class*="language-"], pre[class*="language-"], code': {
         all: 'unset',
-        padding: showLineNumbers ? "".concat(SPACING, "px 0") : SPACING
+        padding: showLineNumbers ? "".concat(SPACING, "px 0") : SPACING,
+        tabSize: 4
       },
       display: 'flex',
       lineHeight: CODE_LINE_HEIGHT,

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/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CodeBidiWarningProps } from './types';
+import { type CodeBidiWarningProps } from './types';
 /**
  * __Bidi Warning__
  *

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

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 export declare function Decorator({ bidiCharacter, children, testId, }: {
     bidiCharacter: string;

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/extract-react-types/code-block.d.ts

@@ -12,24 +12,24 @@ export default function CodeBlock(__: {
      */
     showLineNumbers?: boolean;
     /**
-     Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
-     `design-system/code`. Run against language grammars from PrismJS (full list
-     available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
-  
-     When set to `text` will not perform highlighting. If unsupported language
-     provided - code will be treated as "text" with no highlighting.
-  
-     Defaults to `text`.
-     */
+   Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
+   `design-system/code`. Run against language grammars from PrismJS (full list
+   available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
+
+   When set to `text` will not perform highlighting. If unsupported language
+   provided - code will be treated as "text" with no highlighting.
+
+   Defaults to `text`.
+   */
     language?: string;
     /**
-     Comma delimited lines to highlight.
-  
-     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"`
-     */
+   Comma delimited lines to highlight.
+
+   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"`
+   */
     highlight?: string;
     /**
      * Screen reader text for the start of a highlighted line.

package/dist/types/internal/hooks/use-highlight.d.ts

@@ -1,4 +1,4 @@
-import { HTMLProps } from 'react';
+import { type HTMLProps } from 'react';
 import type { CodeBlockProps } from '../types';
 export declare const useHighlightLines: ({ highlight, testId, }: Pick<CodeBlockProps, 'highlight' | 'testId'>) => {
     getHighlightStyles: (lineNumber: number, highlightedLines: number[]) => HTMLProps<HTMLElement>;

package/dist/types/internal/utils/get-normalized-language.d.ts

@@ -1,2 +1,2 @@
-import { SupportedLanguages } from '../types';
+import { type SupportedLanguages } from '../types';
 export declare const normalizeLanguage: import("memoize-one").MemoizedFn<(language?: SupportedLanguages) => string>;

package/dist/types/syntax-highlighter/async.d.ts

@@ -1,3 +1,3 @@
-import { SyntaxHighlighter } from './types';
+import { type SyntaxHighlighter } from './types';
 declare const _default: typeof SyntaxHighlighter;
 export default _default;

package/dist/types/syntax-highlighter/lib/highlight.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SyntaxHighlighterProps } from '../types';
+import { type SyntaxHighlighterProps } from '../types';
 /**
  * Takes in a code string and (in the default behaviour):
  * - Uses refractor to turn it into a tree structure with highlighting metadata

package/dist/types/syntax-highlighter/lib/process/create-line-element.d.ts

@@ -1,4 +1,4 @@
-import { AST, RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type AST, type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 export type CreateLineElementProps = {
     children: RefractorNode[];
     lineNumber: number;

package/dist/types/syntax-highlighter/lib/process/create-line.d.ts

@@ -1,3 +1,3 @@
-import { RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 declare function createLineGenerator(lineProps: SyntaxHighlighterLineProps, shouldCreateParentElementForLines: boolean, showLineNumbers: boolean): (children: RefractorNode[], lineNumber: number, className?: string[]) => RefractorNode | RefractorNode[];
 export default createLineGenerator;

package/dist/types/syntax-highlighter/lib/process/flatten-code-tree.d.ts

@@ -1,2 +1,2 @@
-import { RefractorNode } from '../../types';
+import { type RefractorNode } from '../../types';
 export default function flattenCodeTree(tree: RefractorNode[], offset?: number, className?: string[]): RefractorNode[];

package/dist/types/syntax-highlighter/lib/process/get-code-tree.d.ts

@@ -1,2 +1,2 @@
-import { AstGenerator, RefractorNode } from '../../types';
+import { type AstGenerator, type RefractorNode } from '../../types';
 export default function getCodeTree(language: string, code: string, astGenerator?: AstGenerator): RefractorNode[];

package/dist/types/syntax-highlighter/lib/process/get-inline-line-number.d.ts

@@ -1,2 +1,2 @@
-import { RefractorNode } from '../../types';
+import { type RefractorNode } from '../../types';
 export default function getInlineLineNumber(lineNumber: number): RefractorNode;

package/dist/types/syntax-highlighter/lib/process/index.d.ts

@@ -1,4 +1,4 @@
-import { AstGenerator, RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type AstGenerator, type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 interface ProcessLines {
     astGenerator: AstGenerator;
     code: string;

package/dist/types/syntax-highlighter/lib/react-renderer/create-children.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type ReactNode } from 'react';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 export default function createChildren(codeBidiWarningConfig: CodeBidiWarningConfig): (children: RefractorNode[]) => ReactNode[];

package/dist/types/syntax-highlighter/lib/react-renderer/create-element.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type ReactNode } from 'react';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 export default function createElement({ node, codeBidiWarningConfig, key, }: {
     node: RefractorNode;
     codeBidiWarningConfig: CodeBidiWarningConfig;

package/dist/types/syntax-highlighter/lib/react-renderer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 /**
  * __React Renderer__
  *

package/dist/types/syntax-highlighter/types.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SerializedStyles } from '@emotion/react';
-import { AST, RefractorNode } from 'refractor';
+import { type SerializedStyles } from '@emotion/react';
+import { type AST, type RefractorNode } from 'refractor';
 export type { AST, RefractorNode } from 'refractor';
 export declare class SyntaxHighlighter extends React.PureComponent<SyntaxHighlighterProps> {
 }

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLProps, ReactNode } from 'react';
-export type { SupportedLanguages, Language, LanguageAlias, CodeBlockProps, } from './internal/types';
+export type { SupportedLanguages, Language, LanguageAlias, CodeBlockProps } from './internal/types';
 export interface CodeProps extends HTMLProps<HTMLElement> {
     /**
      * A unique string that appears as a data attribute `data-testid`

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CodeBidiWarningProps } from './types';
+import { type CodeBidiWarningProps } from './types';
 /**
  * __Bidi Warning__
  *

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

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 export declare function Decorator({ bidiCharacter, children, testId, }: {
     bidiCharacter: string;

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/dist/types-ts4.5/extract-react-types/code-block.d.ts

@@ -12,24 +12,24 @@ export default function CodeBlock(__: {
      */
     showLineNumbers?: boolean;
     /**
-     Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
-     `design-system/code`. Run against language grammars from PrismJS (full list
-     available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
-  
-     When set to `text` will not perform highlighting. If unsupported language
-     provided - code will be treated as "text" with no highlighting.
-  
-     Defaults to `text`.
-     */
+   Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
+   `design-system/code`. Run against language grammars from PrismJS (full list
+   available at [PrismJS documentation](https://prismjs.com/#supported-languages)).
+
+   When set to `text` will not perform highlighting. If unsupported language
+   provided - code will be treated as "text" with no highlighting.
+
+   Defaults to `text`.
+   */
     language?: string;
     /**
-     Comma delimited lines to highlight.
-  
-     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"`
-     */
+   Comma delimited lines to highlight.
+
+   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"`
+   */
     highlight?: string;
     /**
      * Screen reader text for the start of a highlighted line.

package/dist/types-ts4.5/internal/hooks/use-highlight.d.ts

@@ -1,4 +1,4 @@
-import { HTMLProps } from 'react';
+import { type HTMLProps } from 'react';
 import type { CodeBlockProps } from '../types';
 export declare const useHighlightLines: ({ highlight, testId, }: Pick<CodeBlockProps, 'highlight' | 'testId'>) => {
     getHighlightStyles: (lineNumber: number, highlightedLines: number[]) => HTMLProps<HTMLElement>;

package/dist/types-ts4.5/internal/utils/get-normalized-language.d.ts

@@ -1,2 +1,2 @@
-import { SupportedLanguages } from '../types';
+import { type SupportedLanguages } from '../types';
 export declare const normalizeLanguage: import("memoize-one").MemoizedFn<(language?: SupportedLanguages) => string>;

package/dist/types-ts4.5/syntax-highlighter/async.d.ts

@@ -1,3 +1,3 @@
-import { SyntaxHighlighter } from './types';
+import { type SyntaxHighlighter } from './types';
 declare const _default: typeof SyntaxHighlighter;
 export default _default;

package/dist/types-ts4.5/syntax-highlighter/lib/highlight.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SyntaxHighlighterProps } from '../types';
+import { type SyntaxHighlighterProps } from '../types';
 /**
  * Takes in a code string and (in the default behaviour):
  * - Uses refractor to turn it into a tree structure with highlighting metadata

package/dist/types-ts4.5/syntax-highlighter/lib/process/create-line-element.d.ts

@@ -1,4 +1,4 @@
-import { AST, RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type AST, type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 export type CreateLineElementProps = {
     children: RefractorNode[];
     lineNumber: number;

package/dist/types-ts4.5/syntax-highlighter/lib/process/create-line.d.ts

@@ -1,3 +1,3 @@
-import { RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 declare function createLineGenerator(lineProps: SyntaxHighlighterLineProps, shouldCreateParentElementForLines: boolean, showLineNumbers: boolean): (children: RefractorNode[], lineNumber: number, className?: string[]) => RefractorNode | RefractorNode[];
 export default createLineGenerator;

package/dist/types-ts4.5/syntax-highlighter/lib/process/flatten-code-tree.d.ts

@@ -1,2 +1,2 @@
-import { RefractorNode } from '../../types';
+import { type RefractorNode } from '../../types';
 export default function flattenCodeTree(tree: RefractorNode[], offset?: number, className?: string[]): RefractorNode[];

package/dist/types-ts4.5/syntax-highlighter/lib/process/get-code-tree.d.ts

@@ -1,2 +1,2 @@
-import { AstGenerator, RefractorNode } from '../../types';
+import { type AstGenerator, type RefractorNode } from '../../types';
 export default function getCodeTree(language: string, code: string, astGenerator?: AstGenerator): RefractorNode[];

package/dist/types-ts4.5/syntax-highlighter/lib/process/get-inline-line-number.d.ts

@@ -1,2 +1,2 @@
-import { RefractorNode } from '../../types';
+import { type RefractorNode } from '../../types';
 export default function getInlineLineNumber(lineNumber: number): RefractorNode;

package/dist/types-ts4.5/syntax-highlighter/lib/process/index.d.ts

@@ -1,4 +1,4 @@
-import { AstGenerator, RefractorNode, SyntaxHighlighterLineProps } from '../../types';
+import { type AstGenerator, type RefractorNode, type SyntaxHighlighterLineProps } from '../../types';
 interface ProcessLines {
     astGenerator: AstGenerator;
     code: string;

package/dist/types-ts4.5/syntax-highlighter/lib/react-renderer/create-children.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type ReactNode } from 'react';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 export default function createChildren(codeBidiWarningConfig: CodeBidiWarningConfig): (children: RefractorNode[]) => ReactNode[];

package/dist/types-ts4.5/syntax-highlighter/lib/react-renderer/create-element.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type ReactNode } from 'react';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 export default function createElement({ node, codeBidiWarningConfig, key, }: {
     node: RefractorNode;
     codeBidiWarningConfig: CodeBidiWarningConfig;

package/dist/types-ts4.5/syntax-highlighter/lib/react-renderer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CodeBidiWarningConfig, RefractorNode } from '../../types';
+import { type CodeBidiWarningConfig, type RefractorNode } from '../../types';
 /**
  * __React Renderer__
  *

package/dist/types-ts4.5/syntax-highlighter/types.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SerializedStyles } from '@emotion/react';
-import { AST, RefractorNode } from 'refractor';
+import { type SerializedStyles } from '@emotion/react';
+import { type AST, type RefractorNode } from 'refractor';
 export type { AST, RefractorNode } from 'refractor';
 export declare class SyntaxHighlighter extends React.PureComponent<SyntaxHighlighterProps> {
 }

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

@@ -1,5 +1,5 @@
 import type { HTMLProps, ReactNode } from 'react';
-export type { SupportedLanguages, Language, LanguageAlias, CodeBlockProps, } from './internal/types';
+export type { SupportedLanguages, Language, LanguageAlias, CodeBlockProps } from './internal/types';
 export interface CodeProps extends HTMLProps<HTMLElement> {
     /**
      * A unique string that appears as a data attribute `data-testid`