@atlaskit/form 10.6.2 → 11.0.0

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

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 import { type Align } from './types';
 export interface FormFooterProps {
     /**
@@ -24,4 +23,4 @@ export interface FormFooterProps {
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout)
  * - [Usage](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout)
  */
-export default function FormFooter({ align, children }: FormFooterProps): jsx.JSX.Element;
+export default function FormFooter({ align, children }: FormFooterProps): JSX.Element;

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

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 export interface FormHeaderProps {
     /**
      * Title of the form. This is a header.
@@ -28,5 +23,5 @@ export interface FormHeaderProps {
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout)
  * - [Usage](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout).
  */
-declare const FormHeader: ({ children, description, title }: FormHeaderProps) => jsx.JSX.Element;
+declare const FormHeader: ({ children, description, title }: FormHeaderProps) => JSX.Element;
 export default FormHeader;

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

@@ -1,9 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 export interface FormSectionProps {
     /**
      * Title of the form section.
@@ -28,5 +23,5 @@ export interface FormSectionProps {
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout)
  * - [Usage](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout).
  */
-declare const FormSection: ({ children, description, title }: FormSectionProps) => jsx.JSX.Element;
+declare const FormSection: ({ children, description, title }: FormSectionProps) => JSX.Element;
 export default FormSection;

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

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
 type MessageAppearance = 'default' | 'error' | 'valid';
 /**
  * API for the internal `<Message />` component. This is not public API.
@@ -36,7 +35,7 @@ type MessageProps = Pick<InternalMessageProps, 'children' | 'testId'>;
  * 'Password should be more than 4 characters'
  *
  */
-export declare const HelperMessage: ({ children, testId }: MessageProps) => jsx.JSX.Element;
+export declare const HelperMessage: ({ children, testId }: MessageProps) => JSX.Element;
 /**
  * __Error message__
  *
@@ -44,7 +43,7 @@ export declare const HelperMessage: ({ children, testId }: MessageProps) => jsx.
  * 'Invalid username, needs to be more than 4 characters'.
  *
  */
-export declare const ErrorMessage: ({ children, testId }: MessageProps) => jsx.JSX.Element;
+export declare const ErrorMessage: ({ children, testId }: MessageProps) => JSX.Element;
 /**
  * __Valid message__
  *
@@ -52,7 +51,7 @@ export declare const ErrorMessage: ({ children, testId }: MessageProps) => jsx.J
  * a helper message could be 'Nice one, this username is available'.
  *
  */
-export declare const ValidMessage: ({ children, testId }: MessageProps) => jsx.JSX.Element;
+export declare const ValidMessage: ({ children, testId }: MessageProps) => JSX.Element;
 /**
  * __Message wrapper context__
  *
@@ -71,5 +70,5 @@ export declare const MessageWrapperContext: import("react").Context<{
  * may not render the message.
  *
  */
-export declare const MessageWrapper: ({ children }: MessageProps) => jsx.JSX.Element;
+export declare const MessageWrapper: ({ children }: MessageProps) => JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
-export default function RequiredAsterisk(): jsx.JSX.Element;
+export default function RequiredAsterisk(): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/form",
-	"version": "10.6.2",
+	"version": "11.0.0",
 	"description": "A form allows users to input information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -26,14 +26,15 @@
 		"runReact18": true
 	},
 	"dependencies": {
+		"@atlaskit/css": "^0.7.0",
 		"@atlaskit/ds-lib": "^3.3.0",
 		"@atlaskit/heading": "^4.0.0",
-		"@atlaskit/icon": "^23.0.0",
+		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1",
+		"@compiled/react": "^0.18.1",
 		"final-form": "^4.20.3",
 		"final-form-focus": "^1.1.2",
 		"lodash": "^4.17.21",
@@ -50,12 +51,12 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/checkbox": "^15.2.0",
 		"@atlaskit/modal-dialog": "^12.18.0",
-		"@atlaskit/radio": "^6.6.0",
-		"@atlaskit/range": "^7.4.0",
-		"@atlaskit/select": "^18.7.0",
+		"@atlaskit/radio": "^7.0.0",
+		"@atlaskit/range": "^8.0.0",
+		"@atlaskit/select": "^18.9.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/textfield": "^6.6.0",
-		"@atlaskit/toggle": "^13.4.0",
+		"@atlaskit/textfield": "^6.7.0",
+		"@atlaskit/toggle": "^14.0.0",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/react-hooks": "^8.0.1",
@@ -63,8 +64,7 @@
 		"@types/final-form-focus": "^1.1.1",
 		"jest-in-case": "^1.0.2",
 		"react-dom": "^16.8.0",
-		"react-router": "^4.2.0",
-		"react-router-dom": "^4.2.2",
+		"react-router-dom": "^6.28.0",
 		"typescript": "~5.4.2",
 		"validator": "^9.4.1",
 		"wait-for-expect": "^1.2.0"