@atlaskit/form 8.8.4 → 8.8.5

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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/form-footer.js +1 -3
  3. package/dist/cjs/form-section.js +4 -6
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/form-footer.js +1 -3
  6. package/dist/es2019/form-section.js +4 -6
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/form-footer.js +1 -3
  9. package/dist/esm/form-section.js +4 -6
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 8.8.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
8
+
3
9
  ## 8.8.4
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/form-footer.js CHANGED
@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = FormFooter;
7
7
  var _react = require("@emotion/react");
8
- var _constants = require("@atlaskit/theme/constants");
9
8
  /** @jsx jsx */
10
9
 
11
- var gridSize = (0, _constants.gridSize)();
12
10
  var formFooterWrapperStyles = (0, _react.css)({
13
11
  display: 'flex',
14
- marginTop: "".concat(gridSize * 3, "px"),
12
+ marginTop: "var(--ds-space-300, 24px)",
15
13
  justifyContent: 'flex-end'
16
14
  });
17
15
  var justifyContentStyles = (0, _react.css)({
package/dist/cjs/form-section.js CHANGED
@@ -8,24 +8,22 @@ exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _react2 = require("@emotion/react");
10
10
  var _components = require("@atlaskit/theme/components");
11
- var _constants = require("@atlaskit/theme/constants");
12
11
  var _typography = require("@atlaskit/theme/typography");
13
12
  /** @jsx jsx */
14
13
 
15
- var gridSize = (0, _constants.gridSize)();
16
14
  var formSectionDescriptionStyles = (0, _react2.css)({
17
- marginTop: "".concat(gridSize, "px")
15
+ marginTop: "var(--ds-space-100, 8px)"
18
16
  });
19
17
  var formSectionTitleStyles = (0, _react2.css)({
20
18
  marginTop: 0,
21
- marginRight: "".concat(gridSize * 4, "px"),
22
- lineHeight: "".concat(gridSize * 4, "px"),
19
+ marginRight: "var(--ds-space-400, 32px)",
20
+ lineHeight: "var(--ds-space-400, 32px)",
23
21
  overflow: 'hidden',
24
22
  textOverflow: 'ellipsis',
25
23
  whiteSpace: 'nowrap'
26
24
  });
27
25
  var formSectionWrapperStyles = (0, _react2.css)({
28
- marginTop: "".concat(gridSize * 3, "px")
26
+ marginTop: "var(--ds-space-300, 24px)"
29
27
  });
30
28
 
31
29
  // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "8.8.4",
3
+ "version": "8.8.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/form-footer.js CHANGED
@@ -1,11 +1,9 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
- const gridSize = getGridSize();
6
4
  const formFooterWrapperStyles = css({
7
5
  display: 'flex',
8
- marginTop: `${gridSize * 3}px`,
6
+ marginTop: "var(--ds-space-300, 24px)",
9
7
  justifyContent: 'flex-end'
10
8
  });
11
9
  const justifyContentStyles = css({
package/dist/es2019/form-section.js CHANGED
@@ -2,22 +2,20 @@
2
2
  import React from 'react';
3
3
  import { css, jsx } from '@emotion/react';
4
4
  import { useGlobalTheme } from '@atlaskit/theme/components';
5
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
6
5
  import { h600 } from '@atlaskit/theme/typography';
7
- const gridSize = getGridSize();
8
6
  const formSectionDescriptionStyles = css({
9
- marginTop: `${gridSize}px`
7
+ marginTop: "var(--ds-space-100, 8px)"
10
8
  });
11
9
  const formSectionTitleStyles = css({
12
10
  marginTop: 0,
13
- marginRight: `${gridSize * 4}px`,
14
- lineHeight: `${gridSize * 4}px`,
11
+ marginRight: "var(--ds-space-400, 32px)",
12
+ lineHeight: "var(--ds-space-400, 32px)",
15
13
  overflow: 'hidden',
16
14
  textOverflow: 'ellipsis',
17
15
  whiteSpace: 'nowrap'
18
16
  });
19
17
  const formSectionWrapperStyles = css({
20
- marginTop: `${gridSize * 3}px`
18
+ marginTop: "var(--ds-space-300, 24px)"
21
19
  });
22
20
 
23
21
  // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "8.8.4",
3
+ "version": "8.8.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/form-footer.js CHANGED
@@ -1,11 +1,9 @@
1
1
  /** @jsx jsx */
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
5
- var gridSize = getGridSize();
6
4
  var formFooterWrapperStyles = css({
7
5
  display: 'flex',
8
- marginTop: "".concat(gridSize * 3, "px"),
6
+ marginTop: "var(--ds-space-300, 24px)",
9
7
  justifyContent: 'flex-end'
10
8
  });
11
9
  var justifyContentStyles = css({
package/dist/esm/form-section.js CHANGED
@@ -2,22 +2,20 @@
2
2
  import React from 'react';
3
3
  import { css, jsx } from '@emotion/react';
4
4
  import { useGlobalTheme } from '@atlaskit/theme/components';
5
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
6
5
  import { h600 } from '@atlaskit/theme/typography';
7
- var gridSize = getGridSize();
8
6
  var formSectionDescriptionStyles = css({
9
- marginTop: "".concat(gridSize, "px")
7
+ marginTop: "var(--ds-space-100, 8px)"
10
8
  });
11
9
  var formSectionTitleStyles = css({
12
10
  marginTop: 0,
13
- marginRight: "".concat(gridSize * 4, "px"),
14
- lineHeight: "".concat(gridSize * 4, "px"),
11
+ marginRight: "var(--ds-space-400, 32px)",
12
+ lineHeight: "var(--ds-space-400, 32px)",
15
13
  overflow: 'hidden',
16
14
  textOverflow: 'ellipsis',
17
15
  whiteSpace: 'nowrap'
18
16
  });
19
17
  var formSectionWrapperStyles = css({
20
- marginTop: "".concat(gridSize * 3, "px")
18
+ marginTop: "var(--ds-space-300, 24px)"
21
19
  });
22
20
 
23
21
  // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "8.8.4",
3
+ "version": "8.8.5",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "8.8.4",
3
+ "version": "8.8.5",
4
4
  "description": "A form allows users to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,6 @@
29
29
  ".": "./src/index.tsx"
30
30
  },
31
31
  "atlassian": {
32
- "disableProductCI": true,
33
32
  "team": "Design System Team",
34
33
  "releaseModel": "scheduled",
35
34
  "website": {
@@ -41,7 +40,7 @@
41
40
  "dependencies": {
42
41
  "@atlaskit/icon": "^21.11.0",
43
42
  "@atlaskit/theme": "^12.2.0",
44
- "@atlaskit/tokens": "^1.0.0",
43
+ "@atlaskit/tokens": "^1.2.0",
45
44
  "@babel/runtime": "^7.0.0",
46
45
  "@emotion/react": "^11.7.1",
47
46
  "final-form": "^4.20.1",
@@ -59,8 +58,7 @@
59
58
  "@atlaskit/checkbox": "^12.4.0",
60
59
  "@atlaskit/datetime-picker": "^12.3.0",
61
60
  "@atlaskit/docs": "^9.0.0",
62
- "@atlaskit/dropdown-menu": "^11.5.0",
63
- "@atlaskit/droplist": "^11.0.0",
61
+ "@atlaskit/dropdown-menu": "^11.7.0",
64
62
  "@atlaskit/ds-lib": "^2.1.1",
65
63
  "@atlaskit/lozenge": "^11.2.4",
66
64
  "@atlaskit/modal-dialog": "^12.4.0",
@@ -72,7 +70,7 @@
72
70
  "@atlaskit/textarea": "^4.5.0",
73
71
  "@atlaskit/textfield": "^5.3.0",
74
72
  "@atlaskit/toggle": "^12.5.0",
75
- "@atlaskit/tooltip": "^17.6.0",
73
+ "@atlaskit/tooltip": "^17.7.0",
76
74
  "@atlaskit/visual-regression": "*",
77
75
  "@atlaskit/webdriver-runner": "*",
78
76
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -99,9 +97,11 @@
99
97
  "@repo/internal": {
100
98
  "dom-events": "use-bind-event-listener",
101
99
  "analytics": "analytics-next",
100
+ "design-tokens": [
101
+ "color"
102
+ ],
102
103
  "theming": [
103
- "react-context",
104
- "tokens"
104
+ "react-context"
105
105
  ],
106
106
  "styling": [
107
107
  "static",