@atlaskit/code 15.1.2 → 15.2.1

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`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/code",
-  "version": "15.1.2",
+  "version": "15.2.1",
   "description": "Code highlights short strings of code snippets inline with body text.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -20,33 +20,34 @@
     "website": {
       "name": "Code",
       "category": "Components"
-    }
+    },
+    "runReact18": true
   },
   "config": {
     "access": "public"
   },
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.42.0",
-    "@atlaskit/tooltip": "^18.1.0",
-    "@atlaskit/visually-hidden": "^1.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"
+    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/ds-lib": "^2.2.0",
+    "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/ssr": "*",
+    "@atlaskit/toggle": "^13.1.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "@types/jscodeshift": "^0.11.0",
     "@types/refractor": "^3.0.2",
@@ -104,6 +105,5 @@
     "./inline": "./src/entry-points/inline.tsx",
     "./constants": "./src/entry-points/constants.tsx"
   },
-  "homepage": "https://atlassian.design/components/code/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "homepage": "https://atlassian.design/components/code/"
 }