@atlaskit/form 9.0.7 → 9.0.8

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 (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/form-header.js +4 -4
  3. package/dist/es2019/form-header.js +4 -4
  4. package/dist/esm/form-header.js +4 -4
  5. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 9.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [#76686](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/76686) [`8eba69714ea6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8eba69714ea6) - The internal composition of this component has changed. There is no expected change in behaviour.
8
+
3
9
  ## 9.0.7
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/form-header.js CHANGED
@@ -11,9 +11,9 @@ var _typography = require("@atlaskit/theme/typography");
11
11
  /** @jsx jsx */
12
12
 
13
13
  var fontFamily = (0, _constants.fontFamily)();
14
- var formHeaderContentStyles = (0, _react.css)({
14
+ var formHeaderContentStyles = (0, _primitives.xcss)({
15
15
  minWidth: '100%',
16
- marginBlockStart: "var(--ds-space-100, 8px)"
16
+ marginBlockStart: 'space.100'
17
17
  });
18
18
  var formHeaderDescriptionStyles = (0, _primitives.xcss)({
19
19
  marginBlockStart: 'space.100'
@@ -38,8 +38,8 @@ var lightH700Styles = (0, _react.css)((0, _typography.h700)({
38
38
  }));
39
39
  var FormHeaderContent = exports.FormHeaderContent = function FormHeaderContent(_ref) {
40
40
  var children = _ref.children;
41
- return (0, _react.jsx)("div", {
42
- css: formHeaderContentStyles
41
+ return (0, _react.jsx)(_primitives.Box, {
42
+ xcss: formHeaderContentStyles
43
43
  }, children);
44
44
  };
45
45
  var FormHeaderDescription = exports.FormHeaderDescription = function FormHeaderDescription(_ref2) {
package/dist/es2019/form-header.js CHANGED
@@ -5,9 +5,9 @@ import { Box, xcss } from '@atlaskit/primitives';
5
5
  import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
6
6
  import { h700 } from '@atlaskit/theme/typography';
7
7
  const fontFamily = getFontFamily();
8
- const formHeaderContentStyles = css({
8
+ const formHeaderContentStyles = xcss({
9
9
  minWidth: '100%',
10
- marginBlockStart: "var(--ds-space-100, 8px)"
10
+ marginBlockStart: 'space.100'
11
11
  });
12
12
  const formHeaderDescriptionStyles = xcss({
13
13
  marginBlockStart: 'space.100'
@@ -33,8 +33,8 @@ const lightH700Styles = css(h700({
33
33
  const FormHeaderContent = ({
34
34
  children
35
35
  }) => {
36
- return jsx("div", {
37
- css: formHeaderContentStyles
36
+ return jsx(Box, {
37
+ xcss: formHeaderContentStyles
38
38
  }, children);
39
39
  };
40
40
  const FormHeaderDescription = ({
package/dist/esm/form-header.js CHANGED
@@ -5,9 +5,9 @@ import { Box, xcss } from '@atlaskit/primitives';
5
5
  import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
6
6
  import { h700 } from '@atlaskit/theme/typography';
7
7
  var fontFamily = getFontFamily();
8
- var formHeaderContentStyles = css({
8
+ var formHeaderContentStyles = xcss({
9
9
  minWidth: '100%',
10
- marginBlockStart: "var(--ds-space-100, 8px)"
10
+ marginBlockStart: 'space.100'
11
11
  });
12
12
  var formHeaderDescriptionStyles = xcss({
13
13
  marginBlockStart: 'space.100'
@@ -32,8 +32,8 @@ var lightH700Styles = css(h700({
32
32
  }));
33
33
  var FormHeaderContent = function FormHeaderContent(_ref) {
34
34
  var children = _ref.children;
35
- return jsx("div", {
36
- css: formHeaderContentStyles
35
+ return jsx(Box, {
36
+ xcss: formHeaderContentStyles
37
37
  }, children);
38
38
  };
39
39
  var FormHeaderDescription = function FormHeaderDescription(_ref2) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "9.0.7",
3
+ "version": "9.0.8",
4
4
  "description": "A form allows users to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,10 +27,10 @@
27
27
  }
28
28
  },
29
29
  "dependencies": {
30
- "@atlaskit/icon": "^22.0.0",
31
- "@atlaskit/primitives": "^2.0.0",
30
+ "@atlaskit/icon": "^22.1.0",
31
+ "@atlaskit/primitives": "^2.1.0",
32
32
  "@atlaskit/theme": "^12.6.0",
33
- "@atlaskit/tokens": "^1.35.0",
33
+ "@atlaskit/tokens": "^1.38.0",
34
34
  "@babel/runtime": "^7.0.0",
35
35
  "@emotion/react": "^11.7.1",
36
36
  "final-form": "^4.20.3",
@@ -46,11 +46,11 @@
46
46
  "@af/accessibility-testing": "*",
47
47
  "@af/integration-testing": "*",
48
48
  "@af/visual-regression": "*",
49
- "@atlaskit/button": "^17.3.0",
49
+ "@atlaskit/button": "^17.4.0",
50
50
  "@atlaskit/checkbox": "^13.0.0",
51
51
  "@atlaskit/ds-lib": "^2.2.0",
52
52
  "@atlaskit/range": "^7.1.0",
53
- "@atlaskit/select": "^17.0.3",
53
+ "@atlaskit/select": "^17.1.0",
54
54
  "@atlaskit/ssr": "*",
55
55
  "@atlaskit/textfield": "^6.0.0",
56
56
  "@atlaskit/visual-regression": "*",