@atlaskit/form 10.5.4 → 10.5.6

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 +17 -0
  2. package/dist/cjs/messages.js +13 -7
  3. package/dist/es2019/messages.js +12 -6
  4. package/dist/esm/messages.js +12 -6
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 10.5.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#149694](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149694)
8
+ [`770bc26d556f7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/770bc26d556f7) -
9
+ Migrate to new icons behind a feature flag
10
+ - Updated dependencies
11
+
12
+ ## 10.5.5
13
+
14
+ ### Patch Changes
15
+
16
+ - [#143559](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143559)
17
+ [`56dfbfe361f96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/56dfbfe361f96) -
18
+ Upgrade react-select from 5.4 to 5.8 and replace it with internal atlaskit/react-select
19
+
3
20
  ## 10.5.4
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/messages.js CHANGED
@@ -8,8 +8,8 @@ exports.ValidMessage = exports.MessageWrapperContext = exports.MessageWrapper =
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _react = require("react");
10
10
  var _react2 = require("@emotion/react");
11
- var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
12
- var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
11
+ var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
12
+ var _successEditorSuccess = _interopRequireDefault(require("@atlaskit/icon/utility/migration/success--editor-success"));
13
13
  var _colors = require("@atlaskit/theme/colors");
14
14
  var _fieldIdContext = require("./field-id-context");
15
15
  /**
@@ -30,7 +30,7 @@ var _fieldIdContext = require("./field-id-context");
30
30
  var messageStyles = (0, _react2.css)({
31
31
  display: 'flex',
32
32
  justifyContent: 'baseline',
33
- gap: "var(--ds-space-050, 4px)",
33
+ gap: "var(--ds-space-075, 6px)",
34
34
  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
35
35
  marginBlockStart: "var(--ds-space-050, 4px)"
36
36
  });
@@ -46,7 +46,9 @@ var messageAppearanceStyles = {
46
46
  })
47
47
  };
48
48
  var iconWrapperStyles = (0, _react2.css)({
49
- display: 'flex'
49
+ display: 'flex',
50
+ height: '16px',
51
+ alignItems: 'center'
50
52
  });
51
53
  var IconWrapper = function IconWrapper(_ref) {
52
54
  var children = _ref.children;
@@ -56,11 +58,15 @@ var IconWrapper = function IconWrapper(_ref) {
56
58
  };
57
59
  var messageIcons = {
58
60
  error: (0, _react2.jsx)(_error.default, {
59
- size: "small",
61
+ LEGACY_margin: "0 -2px 0 0",
62
+ color: "currentColor",
63
+ LEGACY_size: "small",
60
64
  label: "error"
61
65
  }),
62
- valid: (0, _react2.jsx)(_success.default, {
63
- size: "small",
66
+ valid: (0, _react2.jsx)(_successEditorSuccess.default, {
67
+ LEGACY_margin: "0 -2px 0 0",
68
+ color: "currentColor",
69
+ LEGACY_size: "small",
64
70
  label: "success"
65
71
  })
66
72
  };
package/dist/es2019/messages.js CHANGED
@@ -7,8 +7,8 @@ import { createContext, useContext, useEffect, useRef, useState } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { css, jsx } from '@emotion/react';
10
- import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
11
- import ErrorIcon from '@atlaskit/icon/glyph/error';
10
+ import ErrorIcon from '@atlaskit/icon/utility/migration/error';
11
+ import SuccessIcon from '@atlaskit/icon/utility/migration/success--editor-success';
12
12
  import { N200 } from '@atlaskit/theme/colors';
13
13
  import { FieldId } from './field-id-context';
14
14
 
@@ -23,7 +23,7 @@ import { FieldId } from './field-id-context';
23
23
  const messageStyles = css({
24
24
  display: 'flex',
25
25
  justifyContent: 'baseline',
26
- gap: "var(--ds-space-050, 4px)",
26
+ gap: "var(--ds-space-075, 6px)",
27
27
  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
28
28
  marginBlockStart: "var(--ds-space-050, 4px)"
29
29
  });
@@ -39,7 +39,9 @@ const messageAppearanceStyles = {
39
39
  })
40
40
  };
41
41
  const iconWrapperStyles = css({
42
- display: 'flex'
42
+ display: 'flex',
43
+ height: '16px',
44
+ alignItems: 'center'
43
45
  });
44
46
  const IconWrapper = ({
45
47
  children
@@ -50,11 +52,15 @@ const IconWrapper = ({
50
52
  };
51
53
  const messageIcons = {
52
54
  error: jsx(ErrorIcon, {
53
- size: "small",
55
+ LEGACY_margin: "0 -2px 0 0",
56
+ color: "currentColor",
57
+ LEGACY_size: "small",
54
58
  label: "error"
55
59
  }),
56
60
  valid: jsx(SuccessIcon, {
57
- size: "small",
61
+ LEGACY_margin: "0 -2px 0 0",
62
+ color: "currentColor",
63
+ LEGACY_size: "small",
58
64
  label: "success"
59
65
  })
60
66
  };
package/dist/esm/messages.js CHANGED
@@ -8,8 +8,8 @@ import { createContext, useContext, useEffect, useRef, useState } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
10
  import { css, jsx } from '@emotion/react';
11
- import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
12
- import ErrorIcon from '@atlaskit/icon/glyph/error';
11
+ import ErrorIcon from '@atlaskit/icon/utility/migration/error';
12
+ import SuccessIcon from '@atlaskit/icon/utility/migration/success--editor-success';
13
13
  import { N200 } from '@atlaskit/theme/colors';
14
14
  import { FieldId } from './field-id-context';
15
15
 
@@ -24,7 +24,7 @@ import { FieldId } from './field-id-context';
24
24
  var messageStyles = css({
25
25
  display: 'flex',
26
26
  justifyContent: 'baseline',
27
- gap: "var(--ds-space-050, 4px)",
27
+ gap: "var(--ds-space-075, 6px)",
28
28
  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
29
29
  marginBlockStart: "var(--ds-space-050, 4px)"
30
30
  });
@@ -40,7 +40,9 @@ var messageAppearanceStyles = {
40
40
  })
41
41
  };
42
42
  var iconWrapperStyles = css({
43
- display: 'flex'
43
+ display: 'flex',
44
+ height: '16px',
45
+ alignItems: 'center'
44
46
  });
45
47
  var IconWrapper = function IconWrapper(_ref) {
46
48
  var children = _ref.children;
@@ -50,11 +52,15 @@ var IconWrapper = function IconWrapper(_ref) {
50
52
  };
51
53
  var messageIcons = {
52
54
  error: jsx(ErrorIcon, {
53
- size: "small",
55
+ LEGACY_margin: "0 -2px 0 0",
56
+ color: "currentColor",
57
+ LEGACY_size: "small",
54
58
  label: "error"
55
59
  }),
56
60
  valid: jsx(SuccessIcon, {
57
- size: "small",
61
+ LEGACY_margin: "0 -2px 0 0",
62
+ color: "currentColor",
63
+ LEGACY_size: "small",
58
64
  label: "success"
59
65
  })
60
66
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "10.5.4",
3
+ "version": "10.5.6",
4
4
  "description": "A form allows users to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@atlaskit/heading": "^2.4.0",
28
- "@atlaskit/icon": "^22.18.0",
28
+ "@atlaskit/icon": "^22.21.0",
29
29
  "@atlaskit/primitives": "^12.2.0",
30
30
  "@atlaskit/theme": "^13.0.0",
31
31
  "@atlaskit/tokens": "^2.0.0",
@@ -47,11 +47,11 @@
47
47
  "@atlaskit/banner": "^12.5.0",
48
48
  "@atlaskit/button": "^20.2.0",
49
49
  "@atlaskit/checkbox": "^14.0.0",
50
- "@atlaskit/ds-lib": "^2.6.0",
50
+ "@atlaskit/ds-lib": "^3.0.0",
51
51
  "@atlaskit/modal-dialog": "^12.17.0",
52
52
  "@atlaskit/radio": "^6.5.0",
53
53
  "@atlaskit/range": "^7.4.0",
54
- "@atlaskit/select": "^17.19.0",
54
+ "@atlaskit/select": "^18.0.0",
55
55
  "@atlaskit/ssr": "*",
56
56
  "@atlaskit/textfield": "^6.5.0",
57
57
  "@atlaskit/toggle": "^13.4.0",