@atlaskit/jql-editor 5.6.5 → 5.7.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 CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/jql-editor
2
2
 
3
+ ## 5.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c4f71a3593ce3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c4f71a3593ce3) -
8
+ Update team node styling
9
+
10
+ ## 5.7.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [`8e600a4218a79`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e600a4218a79) -
15
+ [ux] Fixed offset of anonymous user icon in jqlEditor and edited user example to showcase the
16
+ anonymous user icon
17
+
3
18
  ## 5.6.5
4
19
 
5
20
  ### Patch Changes
@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.useJqlEditorAnalytics = void 0;
7
7
  var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
8
8
  var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
9
- return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.6.4", _jqlEditorCommon.ANALYTICS_CHANNEL);
9
+ return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.7.1", _jqlEditorCommon.ANALYTICS_CHANNEL);
10
10
  };
@@ -27,6 +27,7 @@ var Team = function Team(_ref) {
27
27
  error: error
28
28
  }, /*#__PURE__*/_react.default.createElement(_styled.AvatarWrapper, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
29
29
  src: team === null || team === void 0 ? void 0 : team.avatarUrl,
30
+ appearance: "square",
30
31
  borderColor: "transparent",
31
32
  size: "xsmall"
32
33
  })), /*#__PURE__*/_react.default.createElement(_styled.NameContainer, null, name));
@@ -17,7 +17,7 @@ var TeamContainer = exports.TeamContainer = _styled.default.span({
17
17
  display: 'inline-flex',
18
18
  alignItems: 'baseline',
19
19
  paddingLeft: "var(--ds-space-025, 2px)",
20
- borderRadius: "var(--ds-radius-xlarge, 12px)",
20
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
21
21
  cursor: 'pointer',
22
22
  userSelect: 'none'
23
23
  },
@@ -74,7 +74,7 @@ function (_ref) {
74
74
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
75
75
  var NameContainer = exports.NameContainer = _styled.default.span({
76
76
  marginLeft: "var(--ds-space-075, 6px)",
77
- marginRight: "var(--ds-space-100, 8px)",
77
+ marginRight: "var(--ds-space-050, 4px)",
78
78
  // eslint-disable-next-line -- Ignored via go/DSP-18766
79
79
  lineHeight: "var(--ds-space-250, 20px)"
80
80
  });
@@ -88,5 +88,12 @@ var AvatarWrapper = exports.AvatarWrapper = _styled.default.div({
88
88
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
89
89
  '> div span': {
90
90
  margin: "var(--ds-space-0, 0px)"
91
+ },
92
+ // Fix fallback icon alignment by targeting the outer AvatarContent span
93
+ // This contains the icon background and needs to move as a unit
94
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
95
+ '> div > span:has(> span)': {
96
+ position: 'relative',
97
+ top: '-2px'
91
98
  }
92
99
  });
@@ -88,5 +88,12 @@ var AvatarWrapper = exports.AvatarWrapper = _styled.default.div({
88
88
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
89
89
  '> div span': {
90
90
  margin: "var(--ds-space-0, 0px)"
91
+ },
92
+ // Fix fallback icon alignment by targeting the outer AvatarContent span
93
+ // This contains the icon background and needs to move as a unit
94
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
95
+ '> div > span:has(> span)': {
96
+ position: 'relative',
97
+ top: '-2px'
91
98
  }
92
99
  });
@@ -1,4 +1,4 @@
1
1
  import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
2
2
  export const useJqlEditorAnalytics = analyticsSource => {
3
- return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.6.4", ANALYTICS_CHANNEL);
3
+ return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.7.1", ANALYTICS_CHANNEL);
4
4
  };
@@ -18,6 +18,7 @@ const Team = ({
18
18
  error: error
19
19
  }, /*#__PURE__*/React.createElement(AvatarWrapper, null, /*#__PURE__*/React.createElement(Avatar, {
20
20
  src: team === null || team === void 0 ? void 0 : team.avatarUrl,
21
+ appearance: "square",
21
22
  borderColor: "transparent",
22
23
  size: "xsmall"
23
24
  })), /*#__PURE__*/React.createElement(NameContainer, null, name));
@@ -8,7 +8,7 @@ export const TeamContainer = styled.span({
8
8
  display: 'inline-flex',
9
9
  alignItems: 'baseline',
10
10
  paddingLeft: `${"var(--ds-space-025, 2px)"}`,
11
- borderRadius: "var(--ds-radius-xlarge, 12px)",
11
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
12
12
  cursor: 'pointer',
13
13
  userSelect: 'none'
14
14
  },
@@ -66,7 +66,7 @@ export const TeamContainer = styled.span({
66
66
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
67
67
  export const NameContainer = styled.span({
68
68
  marginLeft: "var(--ds-space-075, 6px)",
69
- marginRight: "var(--ds-space-100, 8px)",
69
+ marginRight: "var(--ds-space-050, 4px)",
70
70
  // eslint-disable-next-line -- Ignored via go/DSP-18766
71
71
  lineHeight: "var(--ds-space-250, 20px)"
72
72
  });
@@ -80,5 +80,12 @@ export const AvatarWrapper = styled.div({
80
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
81
81
  '> div span': {
82
82
  margin: "var(--ds-space-0, 0px)"
83
+ },
84
+ // Fix fallback icon alignment by targeting the outer AvatarContent span
85
+ // This contains the icon background and needs to move as a unit
86
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
87
+ '> div > span:has(> span)': {
88
+ position: 'relative',
89
+ top: '-2px'
83
90
  }
84
91
  });
@@ -80,5 +80,12 @@ export const AvatarWrapper = styled.div({
80
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
81
81
  '> div span': {
82
82
  margin: "var(--ds-space-0, 0px)"
83
+ },
84
+ // Fix fallback icon alignment by targeting the outer AvatarContent span
85
+ // This contains the icon background and needs to move as a unit
86
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
87
+ '> div > span:has(> span)': {
88
+ position: 'relative',
89
+ top: '-2px'
83
90
  }
84
91
  });
@@ -1,4 +1,4 @@
1
1
  import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
2
2
  export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
3
- return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.6.4", ANALYTICS_CHANNEL);
3
+ return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.7.1", ANALYTICS_CHANNEL);
4
4
  };
@@ -20,6 +20,7 @@ var Team = function Team(_ref) {
20
20
  error: error
21
21
  }, /*#__PURE__*/React.createElement(AvatarWrapper, null, /*#__PURE__*/React.createElement(Avatar, {
22
22
  src: team === null || team === void 0 ? void 0 : team.avatarUrl,
23
+ appearance: "square",
23
24
  borderColor: "transparent",
24
25
  size: "xsmall"
25
26
  })), /*#__PURE__*/React.createElement(NameContainer, null, name));
@@ -8,7 +8,7 @@ export var TeamContainer = styled.span({
8
8
  display: 'inline-flex',
9
9
  alignItems: 'baseline',
10
10
  paddingLeft: "var(--ds-space-025, 2px)",
11
- borderRadius: "var(--ds-radius-xlarge, 12px)",
11
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
12
12
  cursor: 'pointer',
13
13
  userSelect: 'none'
14
14
  },
@@ -65,7 +65,7 @@ function (_ref) {
65
65
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
66
66
  export var NameContainer = styled.span({
67
67
  marginLeft: "var(--ds-space-075, 6px)",
68
- marginRight: "var(--ds-space-100, 8px)",
68
+ marginRight: "var(--ds-space-050, 4px)",
69
69
  // eslint-disable-next-line -- Ignored via go/DSP-18766
70
70
  lineHeight: "var(--ds-space-250, 20px)"
71
71
  });
@@ -79,5 +79,12 @@ export var AvatarWrapper = styled.div({
79
79
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
80
80
  '> div span': {
81
81
  margin: "var(--ds-space-0, 0px)"
82
+ },
83
+ // Fix fallback icon alignment by targeting the outer AvatarContent span
84
+ // This contains the icon background and needs to move as a unit
85
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
86
+ '> div > span:has(> span)': {
87
+ position: 'relative',
88
+ top: '-2px'
82
89
  }
83
90
  });
@@ -79,5 +79,12 @@ export var AvatarWrapper = styled.div({
79
79
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
80
80
  '> div span': {
81
81
  margin: "var(--ds-space-0, 0px)"
82
+ },
83
+ // Fix fallback icon alignment by targeting the outer AvatarContent span
84
+ // This contains the icon background and needs to move as a unit
85
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
86
+ '> div > span:has(> span)': {
87
+ position: 'relative',
88
+ top: '-2px'
82
89
  }
83
90
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/jql-editor",
3
- "version": "5.6.5",
3
+ "version": "5.7.1",
4
4
  "description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/afm-i18n-platform-jql-jql-editor": "2.7.0",
36
36
  "@atlaskit/analytics-gas-types": "^5.1.0",
37
37
  "@atlaskit/analytics-next": "^11.1.0",
38
- "@atlaskit/avatar": "^25.4.0",
38
+ "@atlaskit/avatar": "^25.5.0",
39
39
  "@atlaskit/button": "^23.5.0",
40
40
  "@atlaskit/editor-prosemirror": "7.0.0",
41
41
  "@atlaskit/form": "^14.2.0",