@atlaskit/form 10.3.1 → 10.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/CHANGELOG.md +14 -1
  2. package/README.md +2 -1
  3. package/__perf__/default.tsx +46 -57
  4. package/dist/cjs/field.js +3 -1
  5. package/dist/cjs/fieldset.js +6 -1
  6. package/dist/cjs/form-footer.js +7 -2
  7. package/dist/cjs/form-header.js +6 -1
  8. package/dist/cjs/form-section.js +5 -0
  9. package/dist/cjs/label.js +11 -2
  10. package/dist/cjs/messages.js +5 -0
  11. package/dist/cjs/required-asterisk.js +4 -0
  12. package/dist/es2019/field.js +5 -0
  13. package/dist/es2019/fieldset.js +5 -1
  14. package/dist/es2019/form-footer.js +6 -2
  15. package/dist/es2019/form-header.js +5 -1
  16. package/dist/es2019/form-section.js +4 -0
  17. package/dist/es2019/label.js +10 -2
  18. package/dist/es2019/messages.js +4 -0
  19. package/dist/es2019/required-asterisk.js +4 -0
  20. package/dist/esm/field.js +5 -0
  21. package/dist/esm/fieldset.js +5 -1
  22. package/dist/esm/form-footer.js +6 -2
  23. package/dist/esm/form-header.js +5 -1
  24. package/dist/esm/form-section.js +4 -0
  25. package/dist/esm/label.js +10 -2
  26. package/dist/esm/messages.js +4 -0
  27. package/dist/esm/required-asterisk.js +4 -0
  28. package/dist/types/field.d.ts +3 -0
  29. package/dist/types/fieldset.d.ts +3 -0
  30. package/dist/types/form-footer.d.ts +4 -1
  31. package/dist/types/form-header.d.ts +3 -0
  32. package/dist/types/form-section.d.ts +3 -0
  33. package/dist/types/label.d.ts +3 -0
  34. package/dist/types/messages.d.ts +3 -0
  35. package/dist/types/required-asterisk.d.ts +3 -0
  36. package/dist/types-ts4.5/field.d.ts +3 -0
  37. package/dist/types-ts4.5/fieldset.d.ts +3 -0
  38. package/dist/types-ts4.5/form-footer.d.ts +4 -1
  39. package/dist/types-ts4.5/form-header.d.ts +3 -0
  40. package/dist/types-ts4.5/form-section.d.ts +3 -0
  41. package/dist/types-ts4.5/label.d.ts +3 -0
  42. package/dist/types-ts4.5/messages.d.ts +3 -0
  43. package/dist/types-ts4.5/required-asterisk.d.ts +3 -0
  44. package/extract-react-types/checkbox-field-props.tsx +1 -1
  45. package/extract-react-types/field-props.tsx +1 -1
  46. package/extract-react-types/fieldset-props.tsx +1 -1
  47. package/extract-react-types/form-footer-props.tsx +1 -1
  48. package/extract-react-types/form-header-props.tsx +1 -1
  49. package/extract-react-types/form-props.tsx +1 -1
  50. package/extract-react-types/form-section-props.tsx +1 -1
  51. package/extract-react-types/range-field-props.tsx +1 -1
  52. package/package.json +133 -133
  53. package/report.api.md +144 -181
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type ReactNode } from 'react';
3
6
  import { jsx } from '@emotion/react';
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type ReactNode } from 'react';
3
6
  import { jsx } from '@emotion/react';
@@ -21,4 +24,4 @@ export interface FormFooterProps {
21
24
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout)
22
25
  * - [Usage](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout)
23
26
  */
24
- export default function FormFooter({ align, children, }: FormFooterProps): jsx.JSX.Element;
27
+ export default function FormFooter({ align, children }: FormFooterProps): jsx.JSX.Element;
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type ReactNode } from 'react';
3
6
  import { jsx } from '@emotion/react';
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type ReactNode } from 'react';
3
6
  import { jsx } from '@emotion/react';
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type FC, type ReactNode } from 'react';
3
6
  export interface LabelProps {
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type ReactNode } from 'react';
3
6
  import { jsx } from '@emotion/react';
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { jsx } from '@emotion/react';
3
6
  export default function RequiredAsterisk(): jsx.JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import type { CheckboxProps as Props } from '../src/checkbox-field';
2
2
 
3
3
  export default function CheckboxFieldProps(props: Props) {
4
- return null;
4
+ return null;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import type { FieldComponentProps as Props } from '../src/field';
2
2
 
3
3
  export default function FieldProps(props: Props<any, any>) {
4
- return null;
4
+ return null;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import type { FieldsetProps as Props } from '../src/fieldset';
2
2
 
3
3
  export default function FieldsetProps(props: Props) {
4
- return null;
4
+ return null;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import type { FormFooterProps as Props } from '../src/form-footer';
2
2
 
3
3
  export default function FormFooterProps(props: Props) {
4
- return null;
4
+ return null;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import type { FormHeaderProps as Props } from '../src/form-header';
2
2
 
3
3
  export default function FormHeaderProps(props: Props) {
4
- return null;
4
+ return null;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { type FormProps } from '../src/form';
2
2
 
3
3
  export default function FormReactProps(props: FormProps<any>) {
4
- return null;
4
+ return null;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import type { FormSectionProps as Props } from '../src/form-section';
2
2
 
3
3
  export default function FormSectionProps(props: Props) {
4
- return null;
4
+ return null;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import type { RangeFieldProps as Props } from '../src/range-field';
2
2
 
3
3
  export default function RangeFieldProps(props: Props) {
4
- return null;
4
+ return null;
5
5
  }
package/package.json CHANGED
@@ -1,134 +1,134 @@
1
1
  {
2
- "name": "@atlaskit/form",
3
- "version": "10.3.1",
4
- "description": "A form allows users to input information.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "sideEffects": false,
16
- "atlaskit:src": "src/index.tsx",
17
- "atlaskit:designLink": "https://atlassian.design/guidelines/product/patterns/forms",
18
- "atlassian": {
19
- "team": "Design System Team",
20
- "productPushConsumption": [
21
- "jira"
22
- ],
23
- "releaseModel": "continuous",
24
- "website": {
25
- "name": "Form",
26
- "category": "Components"
27
- },
28
- "runReact18": true
29
- },
30
- "dependencies": {
31
- "@atlaskit/heading": "^2.2.0",
32
- "@atlaskit/icon": "^22.3.0",
33
- "@atlaskit/platform-feature-flags": "^0.2.5",
34
- "@atlaskit/primitives": "^7.0.0",
35
- "@atlaskit/theme": "^12.9.0",
36
- "@atlaskit/tokens": "^1.49.0",
37
- "@babel/runtime": "^7.0.0",
38
- "@emotion/react": "^11.7.1",
39
- "final-form": "^4.20.3",
40
- "final-form-focus": "^1.1.2",
41
- "lodash": "^4.17.21",
42
- "react-uid": "^2.2.0",
43
- "tiny-invariant": "^1.2.0"
44
- },
45
- "peerDependencies": {
46
- "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
47
- },
48
- "devDependencies": {
49
- "@af/accessibility-testing": "*",
50
- "@af/integration-testing": "*",
51
- "@af/visual-regression": "*",
52
- "@atlaskit/banner": "^12.3.0",
53
- "@atlaskit/button": "^17.17.0",
54
- "@atlaskit/checkbox": "^13.4.0",
55
- "@atlaskit/ds-lib": "^2.3.0",
56
- "@atlaskit/modal-dialog": "^12.13.0",
57
- "@atlaskit/radio": "^6.3.0",
58
- "@atlaskit/range": "^7.2.0",
59
- "@atlaskit/select": "^17.10.0",
60
- "@atlaskit/ssr": "*",
61
- "@atlaskit/textfield": "^6.3.0",
62
- "@atlaskit/toggle": "^13.1.0",
63
- "@atlaskit/visual-regression": "*",
64
- "@testing-library/react": "^12.1.5",
65
- "@testing-library/react-hooks": "^8.0.1",
66
- "@testing-library/user-event": "^14.4.3",
67
- "@types/final-form-focus": "^1.1.1",
68
- "jest-in-case": "^1.0.2",
69
- "react-dom": "^16.8.0",
70
- "react-router": "^4.2.0",
71
- "react-router-dom": "^4.2.2",
72
- "react-test-renderer": "^16.8.0",
73
- "typescript": "~5.4.2",
74
- "validator": "^9.4.1",
75
- "wait-for-expect": "^1.2.0"
76
- },
77
- "keywords": [
78
- "atlaskit",
79
- "react",
80
- "ui"
81
- ],
82
- "techstack": {
83
- "@atlassian/frontend": {
84
- "import-structure": "atlassian-conventions"
85
- },
86
- "@repo/internal": {
87
- "dom-events": "use-bind-event-listener",
88
- "analytics": "analytics-next",
89
- "design-tokens": [
90
- "color",
91
- "spacing"
92
- ],
93
- "theming": [
94
- "react-context"
95
- ],
96
- "styling": [
97
- "static",
98
- "emotion"
99
- ],
100
- "design-system": "v1",
101
- "deprecation": "no-deprecated-imports"
102
- }
103
- },
104
- "typesVersions": {
105
- ">=4.5 <4.9": {
106
- "*": [
107
- "dist/types-ts4.5/*",
108
- "dist/types-ts4.5/index.d.ts"
109
- ]
110
- }
111
- },
112
- "af:exports": {
113
- "./CheckboxField": "./src/entry-points/checkbox-field.tsx",
114
- "./Field": "./src/entry-points/field.tsx",
115
- "./Fieldset": "./src/entry-points/fieldset.tsx",
116
- "./FormFooter": "./src/entry-points/form-footer.tsx",
117
- "./FormHeader": "./src/entry-points/form-header.tsx",
118
- "./FormSection": "./src/entry-points/form-section.tsx",
119
- "./Form": "./src/entry-points/form.tsx",
120
- "./Messages": "./src/entry-points/messages.tsx",
121
- "./RangeField": "./src/entry-points/range-field.tsx",
122
- "./Label": "./src/entry-points/label.tsx",
123
- ".": "./src/index.tsx"
124
- },
125
- "homepage": "https://atlassian.design/components/form/",
126
- "platform-feature-flags": {
127
- "platform.design-system-team.form-header-typography-updates_4f1g6": {
128
- "type": "boolean"
129
- },
130
- "platform.design-system-team.form-label-typography-updates": {
131
- "type": "boolean"
132
- }
133
- }
134
- }
2
+ "name": "@atlaskit/form",
3
+ "version": "10.4.0",
4
+ "description": "A form allows users to input information.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "sideEffects": false,
16
+ "atlaskit:src": "src/index.tsx",
17
+ "atlaskit:designLink": "https://atlassian.design/guidelines/product/patterns/forms",
18
+ "atlassian": {
19
+ "team": "Design System Team",
20
+ "productPushConsumption": [
21
+ "jira"
22
+ ],
23
+ "releaseModel": "continuous",
24
+ "website": {
25
+ "name": "Form",
26
+ "category": "Components"
27
+ },
28
+ "runReact18": true
29
+ },
30
+ "dependencies": {
31
+ "@atlaskit/heading": "^2.4.0",
32
+ "@atlaskit/icon": "^22.4.0",
33
+ "@atlaskit/platform-feature-flags": "^0.2.5",
34
+ "@atlaskit/primitives": "^7.4.0",
35
+ "@atlaskit/theme": "^12.10.0",
36
+ "@atlaskit/tokens": "^1.51.0",
37
+ "@babel/runtime": "^7.0.0",
38
+ "@emotion/react": "^11.7.1",
39
+ "final-form": "^4.20.3",
40
+ "final-form-focus": "^1.1.2",
41
+ "lodash": "^4.17.21",
42
+ "react-uid": "^2.2.0",
43
+ "tiny-invariant": "^1.2.0"
44
+ },
45
+ "peerDependencies": {
46
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
47
+ },
48
+ "devDependencies": {
49
+ "@af/accessibility-testing": "*",
50
+ "@af/integration-testing": "*",
51
+ "@af/visual-regression": "*",
52
+ "@atlaskit/banner": "^12.4.0",
53
+ "@atlaskit/button": "^17.17.0",
54
+ "@atlaskit/checkbox": "^13.4.0",
55
+ "@atlaskit/ds-lib": "^2.3.0",
56
+ "@atlaskit/modal-dialog": "^12.14.0",
57
+ "@atlaskit/radio": "^6.4.0",
58
+ "@atlaskit/range": "^7.3.0",
59
+ "@atlaskit/select": "^17.11.0",
60
+ "@atlaskit/ssr": "*",
61
+ "@atlaskit/textfield": "^6.4.0",
62
+ "@atlaskit/toggle": "^13.2.0",
63
+ "@atlaskit/visual-regression": "*",
64
+ "@testing-library/react": "^12.1.5",
65
+ "@testing-library/react-hooks": "^8.0.1",
66
+ "@testing-library/user-event": "^14.4.3",
67
+ "@types/final-form-focus": "^1.1.1",
68
+ "jest-in-case": "^1.0.2",
69
+ "react-dom": "^16.8.0",
70
+ "react-router": "^4.2.0",
71
+ "react-router-dom": "^4.2.2",
72
+ "react-test-renderer": "^16.8.0",
73
+ "typescript": "~5.4.2",
74
+ "validator": "^9.4.1",
75
+ "wait-for-expect": "^1.2.0"
76
+ },
77
+ "keywords": [
78
+ "atlaskit",
79
+ "react",
80
+ "ui"
81
+ ],
82
+ "techstack": {
83
+ "@atlassian/frontend": {
84
+ "import-structure": "atlassian-conventions"
85
+ },
86
+ "@repo/internal": {
87
+ "dom-events": "use-bind-event-listener",
88
+ "analytics": "analytics-next",
89
+ "design-tokens": [
90
+ "color",
91
+ "spacing"
92
+ ],
93
+ "theming": [
94
+ "react-context"
95
+ ],
96
+ "styling": [
97
+ "static",
98
+ "emotion"
99
+ ],
100
+ "design-system": "v1",
101
+ "deprecation": "no-deprecated-imports"
102
+ }
103
+ },
104
+ "typesVersions": {
105
+ ">=4.5 <4.9": {
106
+ "*": [
107
+ "dist/types-ts4.5/*",
108
+ "dist/types-ts4.5/index.d.ts"
109
+ ]
110
+ }
111
+ },
112
+ "af:exports": {
113
+ "./CheckboxField": "./src/entry-points/checkbox-field.tsx",
114
+ "./Field": "./src/entry-points/field.tsx",
115
+ "./Fieldset": "./src/entry-points/fieldset.tsx",
116
+ "./FormFooter": "./src/entry-points/form-footer.tsx",
117
+ "./FormHeader": "./src/entry-points/form-header.tsx",
118
+ "./FormSection": "./src/entry-points/form-section.tsx",
119
+ "./Form": "./src/entry-points/form.tsx",
120
+ "./Messages": "./src/entry-points/messages.tsx",
121
+ "./RangeField": "./src/entry-points/range-field.tsx",
122
+ "./Label": "./src/entry-points/label.tsx",
123
+ ".": "./src/index.tsx"
124
+ },
125
+ "homepage": "https://atlassian.design/components/form/",
126
+ "platform-feature-flags": {
127
+ "platform.design-system-team.form-header-typography-updates_4f1g6": {
128
+ "type": "boolean"
129
+ },
130
+ "platform.design-system-team.form-label-typography-updates": {
131
+ "type": "boolean"
132
+ }
133
+ }
134
+ }