@atlaskit/teams-public 0.23.7 → 0.24.0

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 +8 -0
  2. package/dist/cjs/common/utils/get-container-properties.js +5 -2
  3. package/dist/cjs/ui/team-containers/add-container-card/index.js +6 -2
  4. package/dist/cjs/ui/team-containers/linked-container-card/index.js +6 -2
  5. package/dist/es2019/common/utils/get-container-properties.js +6 -3
  6. package/dist/es2019/ui/team-containers/add-container-card/index.js +6 -2
  7. package/dist/es2019/ui/team-containers/linked-container-card/index.js +6 -2
  8. package/dist/esm/common/utils/get-container-properties.js +6 -3
  9. package/dist/esm/ui/team-containers/add-container-card/index.js +6 -2
  10. package/dist/esm/ui/team-containers/linked-container-card/index.js +6 -2
  11. package/package.json +8 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/teams-public
2
2
 
3
+ ## 0.24.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#140948](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/140948)
8
+ [`0242fc0ffc4fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0242fc0ffc4fa) -
9
+ [ux] fixed alignment issue on container card
10
+
3
11
  ## 0.23.7
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/common/utils/get-container-properties.js CHANGED
@@ -12,6 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
  var _reactIntlNext = require("react-intl-next");
14
14
  var _image = _interopRequireDefault(require("@atlaskit/image"));
15
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
16
  var _compiled = require("@atlaskit/primitives/compiled");
16
17
  var _ConfluenceIcon = _interopRequireDefault(require("../assets/ConfluenceIcon.svg"));
17
18
  var _JiraIcon = _interopRequireDefault(require("../assets/JiraIcon.svg"));
@@ -84,9 +85,10 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
84
85
  var _ref = containerTypeProperties || {},
85
86
  subType = _ref.subType,
86
87
  name = _ref.name;
88
+ var Comp = (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? _compiled.Flex : _compiled.Box;
87
89
  var baseProperties = {
88
90
  description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.jiraProjectDescription),
89
- icon: /*#__PURE__*/_react.default.createElement(_compiled.Box, {
91
+ icon: /*#__PURE__*/_react.default.createElement(Comp, {
90
92
  xcss: styles.iconWrapper
91
93
  }, /*#__PURE__*/_react.default.createElement(_image.default, {
92
94
  src: getJiraIcon(subType),
@@ -110,11 +112,12 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
110
112
  var getContainerProperties = exports.getContainerProperties = function getContainerProperties(containerType) {
111
113
  var iconSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'small';
112
114
  var containerTypeProperties = arguments.length > 2 ? arguments[2] : undefined;
115
+ var Comp = (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? _compiled.Flex : _compiled.Box;
113
116
  switch (containerType) {
114
117
  case 'ConfluenceSpace':
115
118
  return {
116
119
  description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.confluenceContainerDescription),
117
- icon: /*#__PURE__*/_react.default.createElement(_compiled.Box, {
120
+ icon: /*#__PURE__*/_react.default.createElement(Comp, {
118
121
  xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
119
122
  }, /*#__PURE__*/_react.default.createElement(_image.default, {
120
123
  src: _ConfluenceIcon.default,
package/dist/cjs/ui/team-containers/add-container-card/index.js CHANGED
@@ -9,10 +9,12 @@ Object.defineProperty(exports, "__esModule", {
9
9
  exports.AddContainerCard = void 0;
10
10
  require("./index.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
13
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
14
  var _react = _interopRequireWildcard(require("react"));
14
15
  var _new = require("@atlaskit/button/new");
15
16
  var _add = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
17
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
18
  var _compiled = require("@atlaskit/primitives/compiled");
17
19
  var _getContainerProperties = require("../../../common/utils/get-container-properties");
18
20
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -70,9 +72,11 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
70
72
  maxLines: 1,
71
73
  weight: "medium",
72
74
  color: "color.text"
73
- }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
75
+ }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, (0, _extends2.default)({
74
76
  gap: "space.050"
75
- }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
77
+ }, (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? {
78
+ alignItems: 'center'
79
+ } : {}), icon, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
76
80
  size: "small",
77
81
  color: "color.text.subtle"
78
82
  }, description)))));
package/dist/cjs/ui/team-containers/linked-container-card/index.js CHANGED
@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
9
9
  exports.LinkedContainerCard = void 0;
10
10
  require("./index.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
13
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
14
  var _react = _interopRequireWildcard(require("react"));
14
15
  var _reactIntlNext = require("react-intl-next");
@@ -17,6 +18,7 @@ var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
17
18
  var _new = require("@atlaskit/button/new");
18
19
  var _cross = _interopRequireDefault(require("@atlaskit/icon/utility/cross"));
19
20
  var _link = _interopRequireDefault(require("@atlaskit/link"));
21
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
22
  var _compiled = require("@atlaskit/primitives/compiled");
21
23
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
22
24
  var _analytics = require("../../../common/utils/analytics");
@@ -120,9 +122,11 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
120
122
  maxLines: 1,
121
123
  weight: "medium",
122
124
  color: "color.text"
123
- }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
125
+ }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, (0, _extends2.default)({
124
126
  gap: "space.050"
125
- }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
127
+ }, (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? {
128
+ alignItems: 'center'
129
+ } : {}), icon, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
126
130
  space: "space.050"
127
131
  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
128
132
  size: "small",
package/dist/es2019/common/utils/get-container-properties.js CHANGED
@@ -4,7 +4,8 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { defineMessages, FormattedMessage } from 'react-intl-next';
6
6
  import Image from '@atlaskit/image';
7
- import { Box, Text } from '@atlaskit/primitives/compiled';
7
+ import { fg } from '@atlaskit/platform-feature-flags';
8
+ import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
8
9
  import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
9
10
  import JiraIcon from '../assets/JiraIcon.svg';
10
11
  import JiraProjectDiscovery from '../assets/JiraProjectDiscovery.svg';
@@ -75,9 +76,10 @@ const getJiraContainerProperties = containerTypeProperties => {
75
76
  subType,
76
77
  name
77
78
  } = containerTypeProperties || {};
79
+ const Comp = fg('enable_card_alignment_fix') ? Flex : Box;
78
80
  const baseProperties = {
79
81
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
80
- icon: /*#__PURE__*/React.createElement(Box, {
82
+ icon: /*#__PURE__*/React.createElement(Comp, {
81
83
  xcss: styles.iconWrapper
82
84
  }, /*#__PURE__*/React.createElement(Image, {
83
85
  src: getJiraIcon(subType),
@@ -100,11 +102,12 @@ const getJiraContainerProperties = containerTypeProperties => {
100
102
  }
101
103
  };
102
104
  export const getContainerProperties = (containerType, iconSize = 'small', containerTypeProperties) => {
105
+ const Comp = fg('enable_card_alignment_fix') ? Flex : Box;
103
106
  switch (containerType) {
104
107
  case 'ConfluenceSpace':
105
108
  return {
106
109
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
107
- icon: /*#__PURE__*/React.createElement(Box, {
110
+ icon: /*#__PURE__*/React.createElement(Comp, {
108
111
  xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
109
112
  }, /*#__PURE__*/React.createElement(Image, {
110
113
  src: ConfluenceIcon,
package/dist/es2019/ui/team-containers/add-container-card/index.js CHANGED
@@ -1,9 +1,11 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import "./index.compiled.css";
3
4
  import { ax, ix } from "@compiled/react/runtime";
4
5
  import React, { useState } from 'react';
5
6
  import { IconButton } from '@atlaskit/button/new';
6
7
  import AddIcon from '@atlaskit/icon/utility/add';
8
+ import { fg } from '@atlaskit/platform-feature-flags';
7
9
  import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
8
10
  import { getContainerProperties } from '../../../common/utils/get-container-properties';
9
11
  const styles = {
@@ -55,9 +57,11 @@ export const AddContainerCard = ({
55
57
  maxLines: 1,
56
58
  weight: "medium",
57
59
  color: "color.text"
58
- }, title), /*#__PURE__*/React.createElement(Flex, {
60
+ }, title), /*#__PURE__*/React.createElement(Flex, _extends({
59
61
  gap: "space.050"
60
- }, icon, /*#__PURE__*/React.createElement(Text, {
62
+ }, fg('enable_card_alignment_fix') ? {
63
+ alignItems: 'center'
64
+ } : {}), icon, /*#__PURE__*/React.createElement(Text, {
61
65
  size: "small",
62
66
  color: "color.text.subtle"
63
67
  }, description)))));
package/dist/es2019/ui/team-containers/linked-container-card/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import "./index.compiled.css";
3
4
  import { ax, ix } from "@compiled/react/runtime";
4
5
  import React, { useState } from 'react';
@@ -8,6 +9,7 @@ import Avatar from '@atlaskit/avatar';
8
9
  import { IconButton } from '@atlaskit/button/new';
9
10
  import CrossIcon from '@atlaskit/icon/utility/cross';
10
11
  import Link from '@atlaskit/link';
12
+ import { fg } from '@atlaskit/platform-feature-flags';
11
13
  import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
12
14
  import Tooltip from '@atlaskit/tooltip';
13
15
  import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
@@ -107,9 +109,11 @@ export const LinkedContainerCard = ({
107
109
  maxLines: 1,
108
110
  weight: "medium",
109
111
  color: "color.text"
110
- }, title), /*#__PURE__*/React.createElement(Flex, {
112
+ }, title), /*#__PURE__*/React.createElement(Flex, _extends({
111
113
  gap: "space.050"
112
- }, icon, /*#__PURE__*/React.createElement(Inline, {
114
+ }, fg('enable_card_alignment_fix') ? {
115
+ alignItems: 'center'
116
+ } : {}), icon, /*#__PURE__*/React.createElement(Inline, {
113
117
  space: "space.050"
114
118
  }, /*#__PURE__*/React.createElement(Text, {
115
119
  size: "small",
package/dist/esm/common/utils/get-container-properties.js CHANGED
@@ -7,7 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { defineMessages, FormattedMessage } from 'react-intl-next';
9
9
  import Image from '@atlaskit/image';
10
- import { Box, Text } from '@atlaskit/primitives/compiled';
10
+ import { fg } from '@atlaskit/platform-feature-flags';
11
+ import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
11
12
  import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
12
13
  import JiraIcon from '../assets/JiraIcon.svg';
13
14
  import JiraProjectDiscovery from '../assets/JiraProjectDiscovery.svg';
@@ -77,9 +78,10 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
77
78
  var _ref = containerTypeProperties || {},
78
79
  subType = _ref.subType,
79
80
  name = _ref.name;
81
+ var Comp = fg('enable_card_alignment_fix') ? Flex : Box;
80
82
  var baseProperties = {
81
83
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
82
- icon: /*#__PURE__*/React.createElement(Box, {
84
+ icon: /*#__PURE__*/React.createElement(Comp, {
83
85
  xcss: styles.iconWrapper
84
86
  }, /*#__PURE__*/React.createElement(Image, {
85
87
  src: getJiraIcon(subType),
@@ -103,11 +105,12 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
103
105
  export var getContainerProperties = function getContainerProperties(containerType) {
104
106
  var iconSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'small';
105
107
  var containerTypeProperties = arguments.length > 2 ? arguments[2] : undefined;
108
+ var Comp = fg('enable_card_alignment_fix') ? Flex : Box;
106
109
  switch (containerType) {
107
110
  case 'ConfluenceSpace':
108
111
  return {
109
112
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
110
- icon: /*#__PURE__*/React.createElement(Box, {
113
+ icon: /*#__PURE__*/React.createElement(Comp, {
111
114
  xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
112
115
  }, /*#__PURE__*/React.createElement(Image, {
113
116
  src: ConfluenceIcon,
package/dist/esm/ui/team-containers/add-container-card/index.js CHANGED
@@ -1,10 +1,12 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
4
  import "./index.compiled.css";
4
5
  import { ax, ix } from "@compiled/react/runtime";
5
6
  import React, { useState } from 'react';
6
7
  import { IconButton } from '@atlaskit/button/new';
7
8
  import AddIcon from '@atlaskit/icon/utility/add';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
8
10
  import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
9
11
  import { getContainerProperties } from '../../../common/utils/get-container-properties';
10
12
  var styles = {
@@ -60,9 +62,11 @@ export var AddContainerCard = function AddContainerCard(_ref2) {
60
62
  maxLines: 1,
61
63
  weight: "medium",
62
64
  color: "color.text"
63
- }, title), /*#__PURE__*/React.createElement(Flex, {
65
+ }, title), /*#__PURE__*/React.createElement(Flex, _extends({
64
66
  gap: "space.050"
65
- }, icon, /*#__PURE__*/React.createElement(Text, {
67
+ }, fg('enable_card_alignment_fix') ? {
68
+ alignItems: 'center'
69
+ } : {}), icon, /*#__PURE__*/React.createElement(Text, {
66
70
  size: "small",
67
71
  color: "color.text.subtle"
68
72
  }, description)))));
package/dist/esm/ui/team-containers/linked-container-card/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
4
  import "./index.compiled.css";
4
5
  import { ax, ix } from "@compiled/react/runtime";
@@ -9,6 +10,7 @@ import Avatar from '@atlaskit/avatar';
9
10
  import { IconButton } from '@atlaskit/button/new';
10
11
  import CrossIcon from '@atlaskit/icon/utility/cross';
11
12
  import Link from '@atlaskit/link';
13
+ import { fg } from '@atlaskit/platform-feature-flags';
12
14
  import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
13
15
  import Tooltip from '@atlaskit/tooltip';
14
16
  import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
@@ -110,9 +112,11 @@ export var LinkedContainerCard = function LinkedContainerCard(_ref2) {
110
112
  maxLines: 1,
111
113
  weight: "medium",
112
114
  color: "color.text"
113
- }, title), /*#__PURE__*/React.createElement(Flex, {
115
+ }, title), /*#__PURE__*/React.createElement(Flex, _extends({
114
116
  gap: "space.050"
115
- }, icon, /*#__PURE__*/React.createElement(Inline, {
117
+ }, fg('enable_card_alignment_fix') ? {
118
+ alignItems: 'center'
119
+ } : {}), icon, /*#__PURE__*/React.createElement(Inline, {
116
120
  space: "space.050"
117
121
  }, /*#__PURE__*/React.createElement(Text, {
118
122
  size: "small",
package/package.json CHANGED
@@ -34,12 +34,13 @@
34
34
  "@atlaskit/button": "^23.0.0",
35
35
  "@atlaskit/css": "^0.10.0",
36
36
  "@atlaskit/heading": "^5.2.0",
37
- "@atlaskit/icon": "^25.5.0",
37
+ "@atlaskit/icon": "^25.6.0",
38
38
  "@atlaskit/image": "^3.0.0",
39
39
  "@atlaskit/link": "^3.1.0",
40
40
  "@atlaskit/logo": "^16.0.0",
41
41
  "@atlaskit/modal-dialog": "^14.1.0",
42
42
  "@atlaskit/people-teams-ui-public": "^3.1.0",
43
+ "@atlaskit/platform-feature-flags": "^1.1.0",
43
44
  "@atlaskit/primitives": "^14.4.0",
44
45
  "@atlaskit/theme": "^18.0.0",
45
46
  "@atlaskit/tokens": "^4.7.0",
@@ -106,7 +107,7 @@
106
107
  }
107
108
  },
108
109
  "name": "@atlaskit/teams-public",
109
- "version": "0.23.7",
110
+ "version": "0.24.0",
110
111
  "description": "Public components related to teams",
111
112
  "author": "Atlassian Pty Ltd",
112
113
  "license": "Apache-2.0",
@@ -115,5 +116,10 @@
115
116
  },
116
117
  "scripts": {
117
118
  "ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.svg"
119
+ },
120
+ "platform-feature-flags": {
121
+ "enable_card_alignment_fix": {
122
+ "type": "boolean"
123
+ }
118
124
  }
119
125
  }