@atlaskit/editor-plugin-tasks-and-decisions 19.0.6 → 19.0.7

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 (8) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/ui/Task/RequestToEditPopup.compiled.css +2 -0
  3. package/dist/cjs/ui/Task/RequestToEditPopup.js +5 -3
  4. package/dist/es2019/ui/Task/RequestToEditPopup.compiled.css +2 -0
  5. package/dist/es2019/ui/Task/RequestToEditPopup.js +5 -3
  6. package/dist/esm/ui/Task/RequestToEditPopup.compiled.css +2 -0
  7. package/dist/esm/ui/Task/RequestToEditPopup.js +5 -3
  8. package/package.json +6 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-tasks-and-decisions
2
2
 
3
+ ## 19.0.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`44a80d90ea61d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/44a80d90ea61d) -
8
+ Migrate Pressable hover and pressed colour transitions to semantic motion tokens behind
9
+ platform-dst-motion-uplift-custom-button.
10
+ - Updated dependencies
11
+
3
12
  ## 19.0.6
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/ui/Task/RequestToEditPopup.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
+ ._v564hxmd{transition:var(--ds-listitem-hovered,background-color border-color color text-decoration-color 50ms cubic-bezier(.4,1,.6,1))}
3
4
  ._zulp1b66{gap:var(--ds-space-050,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
4
5
  ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
5
6
  ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
@@ -33,4 +34,5 @@
33
34
  ._1bnx8stv:hover{text-decoration-line:underline}
34
35
  ._9oik1r31:hover{text-decoration-color:currentColor}
35
36
  ._jf4cnqa1:hover{text-decoration-style:solid}
37
+ ._1ggl87vo:active{transition:var(--ds-listitem-pressed,background-color border-color color text-decoration-color .1s cubic-bezier(.4,1,.6,1))}
36
38
  ._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}
package/dist/cjs/ui/Task/RequestToEditPopup.js CHANGED
@@ -21,6 +21,7 @@ var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-
21
21
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
22
22
  var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
23
23
  var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
24
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
24
25
  var _compiled = require("@atlaskit/primitives/compiled");
25
26
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
26
27
  // import Popup from '@atlaskit/popup';
@@ -33,7 +34,8 @@ var wrapperBoxStyles = null;
33
34
  var dotStyles = null;
34
35
  var dotStylesUnbounded = null;
35
36
  var pressableStyles = {
36
- pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h12zz"
37
+ pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h12zz",
38
+ pressableMotion: "_v564hxmd _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _1ggl87vo _9h8h12zz"
37
39
  };
38
40
  var anaylyticsEventPayload = function anaylyticsEventPayload(action) {
39
41
  return {
@@ -60,7 +62,7 @@ var RequestToEditButton = function RequestToEditButton(_ref) {
60
62
  formatMessage = _useIntl2.formatMessage;
61
63
  return /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_compiled.Pressable, {
62
64
  onClick: onClick,
63
- xcss: pressableStyles.pressable,
65
+ xcss: (0, _fg.fg)('platform-dst-motion-uplift-custom-button') ? pressableStyles.pressableMotion : pressableStyles.pressable,
64
66
  testId: "request-to-edit-popup-request-btn"
65
67
  }, formatMessage(_messages.tasksAndDecisionsMessages.requestToEdit)));
66
68
  };
@@ -178,7 +180,7 @@ var RequestToEditPopup = exports.RequestToEditPopup = function RequestToEditPopu
178
180
  var _api$analytics2;
179
181
  return onHandleDismiss(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
180
182
  },
181
- xcss: pressableStyles.pressable,
183
+ xcss: (0, _fg.fg)('platform-dst-motion-uplift-custom-button') ? pressableStyles.pressableMotion : pressableStyles.pressable,
182
184
  testId: "request-to-edit-popup-cancel-btn"
183
185
  }, formatMessage(_messages.tasksAndDecisionsMessages.dismiss)))))));
184
186
  }));
package/dist/es2019/ui/Task/RequestToEditPopup.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
+ ._v564hxmd{transition:var(--ds-listitem-hovered,background-color border-color color text-decoration-color 50ms cubic-bezier(.4,1,.6,1))}
3
4
  ._zulp1b66{gap:var(--ds-space-050,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
4
5
  ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
5
6
  ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
@@ -33,4 +34,5 @@
33
34
  ._1bnx8stv:hover{text-decoration-line:underline}
34
35
  ._9oik1r31:hover{text-decoration-color:currentColor}
35
36
  ._jf4cnqa1:hover{text-decoration-style:solid}
37
+ ._1ggl87vo:active{transition:var(--ds-listitem-pressed,background-color border-color color text-decoration-color .1s cubic-bezier(.4,1,.6,1))}
36
38
  ._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}
package/dist/es2019/ui/Task/RequestToEditPopup.js CHANGED
@@ -15,6 +15,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
15
15
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
16
16
  import Heading from '@atlaskit/heading/heading';
17
17
  import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
18
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
18
19
  import { Box, Pressable, Stack } from '@atlaskit/primitives/compiled';
19
20
  const PopupWithListeners = withOuterListeners(Popup);
20
21
  const TRYING_REQUEST_TIMEOUT = 3000;
@@ -24,7 +25,8 @@ const wrapperBoxStyles = null;
24
25
  const dotStyles = null;
25
26
  const dotStylesUnbounded = null;
26
27
  const pressableStyles = {
27
- pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h12zz"
28
+ pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h12zz",
29
+ pressableMotion: "_v564hxmd _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _1ggl87vo _9h8h12zz"
28
30
  };
29
31
  const anaylyticsEventPayload = action => {
30
32
  return {
@@ -54,7 +56,7 @@ const RequestToEditButton = ({
54
56
  } = useIntl();
55
57
  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Pressable, {
56
58
  onClick: onClick,
57
- xcss: pressableStyles.pressable,
59
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? pressableStyles.pressableMotion : pressableStyles.pressable,
58
60
  testId: "request-to-edit-popup-request-btn"
59
61
  }, formatMessage(tasksAndDecisionsMessages.requestToEdit)));
60
62
  };
@@ -164,7 +166,7 @@ export const RequestToEditPopup = ({
164
166
  var _api$analytics2;
165
167
  return onHandleDismiss(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
166
168
  },
167
- xcss: pressableStyles.pressable,
169
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? pressableStyles.pressableMotion : pressableStyles.pressable,
168
170
  testId: "request-to-edit-popup-cancel-btn"
169
171
  }, formatMessage(tasksAndDecisionsMessages.dismiss)))))))));
170
172
  };
package/dist/esm/ui/Task/RequestToEditPopup.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
2
2
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
+ ._v564hxmd{transition:var(--ds-listitem-hovered,background-color border-color color text-decoration-color 50ms cubic-bezier(.4,1,.6,1))}
3
4
  ._zulp1b66{gap:var(--ds-space-050,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
4
5
  ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
5
6
  ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
@@ -33,4 +34,5 @@
33
34
  ._1bnx8stv:hover{text-decoration-line:underline}
34
35
  ._9oik1r31:hover{text-decoration-color:currentColor}
35
36
  ._jf4cnqa1:hover{text-decoration-style:solid}
37
+ ._1ggl87vo:active{transition:var(--ds-listitem-pressed,background-color border-color color text-decoration-color .1s cubic-bezier(.4,1,.6,1))}
36
38
  ._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}
package/dist/esm/ui/Task/RequestToEditPopup.js CHANGED
@@ -16,6 +16,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
16
16
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
17
17
  import Heading from '@atlaskit/heading/heading';
18
18
  import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
19
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
19
20
  import { Box, Pressable, Stack } from '@atlaskit/primitives/compiled';
20
21
  var PopupWithListeners = withOuterListeners(Popup);
21
22
  var TRYING_REQUEST_TIMEOUT = 3000;
@@ -25,7 +26,8 @@ var wrapperBoxStyles = null;
25
26
  var dotStyles = null;
26
27
  var dotStylesUnbounded = null;
27
28
  var pressableStyles = {
28
- pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h12zz"
29
+ pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h12zz",
30
+ pressableMotion: "_v564hxmd _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1oa5 _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _1ggl87vo _9h8h12zz"
29
31
  };
30
32
  var anaylyticsEventPayload = function anaylyticsEventPayload(action) {
31
33
  return {
@@ -52,7 +54,7 @@ var RequestToEditButton = function RequestToEditButton(_ref) {
52
54
  formatMessage = _useIntl2.formatMessage;
53
55
  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Pressable, {
54
56
  onClick: onClick,
55
- xcss: pressableStyles.pressable,
57
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? pressableStyles.pressableMotion : pressableStyles.pressable,
56
58
  testId: "request-to-edit-popup-request-btn"
57
59
  }, formatMessage(tasksAndDecisionsMessages.requestToEdit)));
58
60
  };
@@ -170,7 +172,7 @@ export var RequestToEditPopup = function RequestToEditPopup(_ref2) {
170
172
  var _api$analytics2;
171
173
  return onHandleDismiss(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
172
174
  },
173
- xcss: pressableStyles.pressable,
175
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? pressableStyles.pressableMotion : pressableStyles.pressable,
174
176
  testId: "request-to-edit-popup-cancel-btn"
175
177
  }, formatMessage(tasksAndDecisionsMessages.dismiss)))))));
176
178
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-tasks-and-decisions",
3
- "version": "19.0.6",
3
+ "version": "19.0.7",
4
4
  "description": "Tasks and decisions plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -42,7 +42,7 @@
42
42
  "@atlaskit/primitives": "^22.4.0",
43
43
  "@atlaskit/prosemirror-input-rules": "^4.0.0",
44
44
  "@atlaskit/task-decision": "^21.8.0",
45
- "@atlaskit/tmp-editor-statsig": "^165.0.0",
45
+ "@atlaskit/tmp-editor-statsig": "^166.0.0",
46
46
  "@atlaskit/tokens": "^16.8.0",
47
47
  "@babel/runtime": "^7.0.0",
48
48
  "@compiled/react": "^1.0.2",
@@ -98,6 +98,10 @@
98
98
  }
99
99
  },
100
100
  "platform-feature-flags": {
101
+ "platform-dst-motion-uplift-custom-button": {
102
+ "type": "boolean",
103
+ "referenceOnly": true
104
+ },
101
105
  "platform_editor_element_browser_analytic": {
102
106
  "type": "boolean"
103
107
  },