@atlaskit/form 11.2.0 → 12.0.1
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.
- package/CHANGELOG.md +24 -0
- package/dist/cjs/label.compiled.css +1 -1
- package/dist/cjs/label.js +2 -2
- package/dist/cjs/messages.compiled.css +1 -1
- package/dist/cjs/messages.js +1 -1
- package/dist/cjs/required-asterisk.compiled.css +1 -1
- package/dist/cjs/required-asterisk.js +1 -1
- package/dist/es2019/label.compiled.css +1 -1
- package/dist/es2019/label.js +2 -2
- package/dist/es2019/messages.compiled.css +1 -1
- package/dist/es2019/messages.js +1 -1
- package/dist/es2019/required-asterisk.compiled.css +1 -1
- package/dist/es2019/required-asterisk.js +1 -1
- package/dist/esm/label.compiled.css +1 -1
- package/dist/esm/label.js +2 -2
- package/dist/esm/messages.compiled.css +1 -1
- package/dist/esm/messages.js +1 -1
- package/dist/esm/required-asterisk.compiled.css +1 -1
- package/dist/esm/required-asterisk.js +1 -1
- package/package.json +22 -22
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# @atlaskit/form
|
|
2
2
|
|
|
3
|
+
## 12.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 12.0.0
|
|
10
|
+
|
|
11
|
+
### Major Changes
|
|
12
|
+
|
|
13
|
+
- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
|
|
14
|
+
[`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
|
|
15
|
+
This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
|
|
16
|
+
status of only supporting React 18 going forward. No explicit breaking change to React support has
|
|
17
|
+
been made in this release, but this is to signify going forward, breaking changes for React 16 or
|
|
18
|
+
React 17 may come via non-major semver releases.
|
|
19
|
+
|
|
20
|
+
Please refer this community post for more details:
|
|
21
|
+
https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- Updated dependencies
|
|
26
|
+
|
|
3
27
|
## 11.2.0
|
|
4
28
|
|
|
5
29
|
### Minor Changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._1e0c1o8l{display:inline-block}
|
|
3
3
|
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
4
4
|
._6rth1b66{margin-block-end:var(--ds-space-050,4px)}
|
package/dist/cjs/label.js
CHANGED
|
@@ -30,7 +30,7 @@ var Label = exports.Label = function Label(_ref) {
|
|
|
30
30
|
id: id,
|
|
31
31
|
htmlFor: htmlFor,
|
|
32
32
|
"data-testid": testId,
|
|
33
|
-
className: (0, _runtime.ax)(["
|
|
33
|
+
className: (0, _runtime.ax)(["_11c8dcr7 _1e0c1o8l _syaz1gjq _k48pmoej _6rth1b66 _1pfhze3t"])
|
|
34
34
|
}, children);
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -42,6 +42,6 @@ var Label = exports.Label = function Label(_ref) {
|
|
|
42
42
|
var Legend = exports.Legend = function Legend(_ref2) {
|
|
43
43
|
var children = _ref2.children;
|
|
44
44
|
return /*#__PURE__*/React.createElement("legend", {
|
|
45
|
-
className: (0, _runtime.ax)(["
|
|
45
|
+
className: (0, _runtime.ax)(["_11c8dcr7 _1e0c1o8l _syaz1gjq _k48pmoej _6rth1b66 _1pfhze3t"])
|
|
46
46
|
}, children);
|
|
47
47
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._zulp12x7{gap:var(--ds-space-075,6px)}
|
|
3
3
|
._1bah1q9y{justify-content:baseline}
|
|
4
4
|
._1e0c1txw{display:flex}
|
package/dist/cjs/messages.js
CHANGED
|
@@ -90,7 +90,7 @@ var Message = function Message(_ref2) {
|
|
|
90
90
|
// For backwards compatability, if there is a wrapper, aria-live is not needed
|
|
91
91
|
,
|
|
92
92
|
"aria-live": !hasMessageWrapper ? 'polite' : undefined,
|
|
93
|
-
className: (0, _runtime.ax)(["_zulp12x7
|
|
93
|
+
className: (0, _runtime.ax)(["_zulp12x7 _11c8dcr7 _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
|
|
94
94
|
}, icon && /*#__PURE__*/React.createElement(IconWrapper, null, icon), content);
|
|
95
95
|
};
|
|
96
96
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
2
|
-
.
|
|
2
|
+
._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._syaz1ick{color:var(--ds-text-danger,#de350b)}
|
|
@@ -16,6 +16,6 @@ function RequiredAsterisk() {
|
|
|
16
16
|
return /*#__PURE__*/React.createElement("span", {
|
|
17
17
|
"aria-hidden": "true",
|
|
18
18
|
title: "required",
|
|
19
|
-
className: (0, _runtime.ax)(["_syaz1ick
|
|
19
|
+
className: (0, _runtime.ax)(["_syaz1ick _ect41gqc _bozgv77o"])
|
|
20
20
|
}, "*");
|
|
21
21
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._1e0c1o8l{display:inline-block}
|
|
3
3
|
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
4
4
|
._6rth1b66{margin-block-end:var(--ds-space-050,4px)}
|
package/dist/es2019/label.js
CHANGED
|
@@ -21,7 +21,7 @@ export const Label = ({
|
|
|
21
21
|
id: id,
|
|
22
22
|
htmlFor: htmlFor,
|
|
23
23
|
"data-testid": testId,
|
|
24
|
-
className: ax(["
|
|
24
|
+
className: ax(["_11c8dcr7 _1e0c1o8l _syaz1gjq _k48pmoej _6rth1b66 _1pfhze3t"])
|
|
25
25
|
}, children);
|
|
26
26
|
|
|
27
27
|
/**
|
|
@@ -33,6 +33,6 @@ export const Legend = ({
|
|
|
33
33
|
children
|
|
34
34
|
}) => {
|
|
35
35
|
return /*#__PURE__*/React.createElement("legend", {
|
|
36
|
-
className: ax(["
|
|
36
|
+
className: ax(["_11c8dcr7 _1e0c1o8l _syaz1gjq _k48pmoej _6rth1b66 _1pfhze3t"])
|
|
37
37
|
}, children);
|
|
38
38
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._zulp12x7{gap:var(--ds-space-075,6px)}
|
|
3
3
|
._1bah1q9y{justify-content:baseline}
|
|
4
4
|
._1e0c1txw{display:flex}
|
package/dist/es2019/messages.js
CHANGED
|
@@ -77,7 +77,7 @@ const Message = ({
|
|
|
77
77
|
// For backwards compatability, if there is a wrapper, aria-live is not needed
|
|
78
78
|
,
|
|
79
79
|
"aria-live": !hasMessageWrapper ? 'polite' : undefined,
|
|
80
|
-
className: ax(["_zulp12x7
|
|
80
|
+
className: ax(["_zulp12x7 _11c8dcr7 _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
|
|
81
81
|
}, icon && /*#__PURE__*/React.createElement(IconWrapper, null, icon), content);
|
|
82
82
|
};
|
|
83
83
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
2
|
-
.
|
|
2
|
+
._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._syaz1ick{color:var(--ds-text-danger,#de350b)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._1e0c1o8l{display:inline-block}
|
|
3
3
|
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
4
4
|
._6rth1b66{margin-block-end:var(--ds-space-050,4px)}
|
package/dist/esm/label.js
CHANGED
|
@@ -21,7 +21,7 @@ export var Label = function Label(_ref) {
|
|
|
21
21
|
id: id,
|
|
22
22
|
htmlFor: htmlFor,
|
|
23
23
|
"data-testid": testId,
|
|
24
|
-
className: ax(["
|
|
24
|
+
className: ax(["_11c8dcr7 _1e0c1o8l _syaz1gjq _k48pmoej _6rth1b66 _1pfhze3t"])
|
|
25
25
|
}, children);
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -33,6 +33,6 @@ export var Label = function Label(_ref) {
|
|
|
33
33
|
export var Legend = function Legend(_ref2) {
|
|
34
34
|
var children = _ref2.children;
|
|
35
35
|
return /*#__PURE__*/React.createElement("legend", {
|
|
36
|
-
className: ax(["
|
|
36
|
+
className: ax(["_11c8dcr7 _1e0c1o8l _syaz1gjq _k48pmoej _6rth1b66 _1pfhze3t"])
|
|
37
37
|
}, children);
|
|
38
38
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._zulp12x7{gap:var(--ds-space-075,6px)}
|
|
3
3
|
._1bah1q9y{justify-content:baseline}
|
|
4
4
|
._1e0c1txw{display:flex}
|
package/dist/esm/messages.js
CHANGED
|
@@ -81,7 +81,7 @@ var Message = function Message(_ref2) {
|
|
|
81
81
|
// For backwards compatability, if there is a wrapper, aria-live is not needed
|
|
82
82
|
,
|
|
83
83
|
"aria-live": !hasMessageWrapper ? 'polite' : undefined,
|
|
84
|
-
className: ax(["_zulp12x7
|
|
84
|
+
className: ax(["_zulp12x7 _11c8dcr7 _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
|
|
85
85
|
}, icon && /*#__PURE__*/React.createElement(IconWrapper, null, icon), content);
|
|
86
86
|
};
|
|
87
87
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
|
|
2
|
-
.
|
|
2
|
+
._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._syaz1ick{color:var(--ds-text-danger,#de350b)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/form",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "12.0.1",
|
|
4
4
|
"description": "A form allows users to input information.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
"runReact18": true
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@atlaskit/css": "^0.
|
|
30
|
-
"@atlaskit/ds-lib": "^
|
|
31
|
-
"@atlaskit/heading": "^
|
|
32
|
-
"@atlaskit/icon": "^
|
|
33
|
-
"@atlaskit/primitives": "^
|
|
34
|
-
"@atlaskit/theme": "^
|
|
35
|
-
"@atlaskit/tokens": "^
|
|
29
|
+
"@atlaskit/css": "^0.10.0",
|
|
30
|
+
"@atlaskit/ds-lib": "^4.0.0",
|
|
31
|
+
"@atlaskit/heading": "^5.1.0",
|
|
32
|
+
"@atlaskit/icon": "^24.1.0",
|
|
33
|
+
"@atlaskit/primitives": "^14.1.0",
|
|
34
|
+
"@atlaskit/theme": "^18.0.0",
|
|
35
|
+
"@atlaskit/tokens": "^4.3.0",
|
|
36
36
|
"@babel/runtime": "^7.0.0",
|
|
37
37
|
"@compiled/react": "^0.18.2",
|
|
38
38
|
"final-form": "^4.20.3",
|
|
@@ -41,28 +41,28 @@
|
|
|
41
41
|
"tiny-invariant": "^1.2.0"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
|
-
"react": "^
|
|
44
|
+
"react": "^18.2.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@af/accessibility-testing": "*",
|
|
48
48
|
"@af/integration-testing": "*",
|
|
49
49
|
"@af/visual-regression": "*",
|
|
50
|
-
"@atlaskit/banner": "^
|
|
51
|
-
"@atlaskit/button": "^
|
|
52
|
-
"@atlaskit/checkbox": "^
|
|
53
|
-
"@atlaskit/datetime-picker": "^
|
|
50
|
+
"@atlaskit/banner": "^13.0.0",
|
|
51
|
+
"@atlaskit/button": "^21.1.0",
|
|
52
|
+
"@atlaskit/checkbox": "^17.0.0",
|
|
53
|
+
"@atlaskit/datetime-picker": "^16.0.0",
|
|
54
54
|
"@atlaskit/docs": "*",
|
|
55
|
-
"@atlaskit/link": "^
|
|
56
|
-
"@atlaskit/lozenge": "^
|
|
57
|
-
"@atlaskit/modal-dialog": "^
|
|
58
|
-
"@atlaskit/radio": "^
|
|
59
|
-
"@atlaskit/range": "^
|
|
55
|
+
"@atlaskit/link": "^3.0.0",
|
|
56
|
+
"@atlaskit/lozenge": "^12.2.0",
|
|
57
|
+
"@atlaskit/modal-dialog": "^13.0.0",
|
|
58
|
+
"@atlaskit/radio": "^8.0.0",
|
|
59
|
+
"@atlaskit/range": "^9.0.0",
|
|
60
60
|
"@atlaskit/section-message": "*",
|
|
61
|
-
"@atlaskit/select": "^
|
|
61
|
+
"@atlaskit/select": "^20.0.0",
|
|
62
62
|
"@atlaskit/ssr": "*",
|
|
63
|
-
"@atlaskit/textarea": "^
|
|
64
|
-
"@atlaskit/textfield": "^
|
|
65
|
-
"@atlaskit/toggle": "^
|
|
63
|
+
"@atlaskit/textarea": "^8.0.0",
|
|
64
|
+
"@atlaskit/textfield": "^8.0.0",
|
|
65
|
+
"@atlaskit/toggle": "^15.0.0",
|
|
66
66
|
"@atlaskit/visual-regression": "*",
|
|
67
67
|
"@testing-library/react": "^13.4.0",
|
|
68
68
|
"@testing-library/react-hooks": "^8.0.1",
|