@atlaskit/renderer 133.16.7 → 133.17.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/react/nodes/heading.compiled.css +3 -1
  3. package/dist/cjs/react/nodes/heading.js +7 -9
  4. package/dist/cjs/ui/Renderer/index.js +1 -1
  5. package/dist/es2019/react/nodes/heading.compiled.css +3 -1
  6. package/dist/es2019/react/nodes/heading.js +4 -7
  7. package/dist/es2019/ui/Renderer/index.js +1 -1
  8. package/dist/esm/react/nodes/heading.compiled.css +3 -1
  9. package/dist/esm/react/nodes/heading.js +7 -9
  10. package/dist/esm/ui/Renderer/index.js +1 -1
  11. package/package.json +8 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 133.17.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`dbd6aad00148d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dbd6aad00148d) -
8
+ Animate collapsible heading toggle icons
9
+ - Updated dependencies
10
+
11
+ ## 133.17.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`7d37c14edffa7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7d37c14edffa7) -
16
+ Update i18n NPM package versions for editor,editor-extensions,activity-platform,media,elements
17
+ (Group 3)
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies
22
+
3
23
  ## 133.16.7
4
24
 
5
25
  ### Patch Changes
package/dist/cjs/react/nodes/heading.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._l8kuuqm3 svg{transition:var(--_1vzp3at)}._12hn14w8 svg{transform:rotate(90deg)}
1
2
  ._152tidpf{inset-block-start:0}
2
3
  ._1e02idpf{inset-inline-start:0}
3
4
  ._1e0c1ule{display:block}
@@ -9,4 +10,5 @@
9
10
  ._lcxvglyw{pointer-events:none}
10
11
  ._tzy4idpf{opacity:0}
11
12
  @media (hover:none){._tza3kb7n{opacity:1}._12yg1wug{pointer-events:auto}}
12
- @media (pointer:coarse){._xrqrkb7n{opacity:1}._l4c51wug{pointer-events:auto}}
13
+ @media (pointer:coarse){._xrqrkb7n{opacity:1}._l4c51wug{pointer-events:auto}}
14
+ @media (prefers-reduced-motion:reduce){._wxvuglyw svg{transition:none}}
package/dist/cjs/react/nodes/heading.js CHANGED
@@ -13,7 +13,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
13
13
  var _react = _interopRequireDefault(require("react"));
14
14
  var _reactIntl = require("react-intl");
15
15
  var _new = require("@atlaskit/button/new");
16
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
16
+ var _constants = require("@atlaskit/editor-shared-styles/constants");
17
17
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
18
18
  var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
19
19
  var _analytics = require("@atlaskit/editor-common/analytics");
@@ -44,13 +44,8 @@ function hasRightAlignmentMark(marks) {
44
44
  var wrapperStyles = null;
45
45
  var collapsibleHeadingWrapperStyles = null;
46
46
  var collapsibleHeadingButtonStyles = null;
47
+ var collapsibleHeadingButtonExpandedStyles = null;
47
48
  var collapsibleHeadingButtonHiddenStyles = null;
48
- var ChevronDownSmallIcon = function ChevronDownSmallIcon() {
49
- return /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
50
- label: "",
51
- size: "small"
52
- });
53
- };
54
49
  var ChevronRightSmallIcon = function ChevronRightSmallIcon() {
55
50
  return /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
56
51
  label: "",
@@ -120,11 +115,14 @@ function CollapsibleHeadingButton(_ref3) {
120
115
  return setIsFocused(true);
121
116
  }, []);
122
117
  return /*#__PURE__*/_react.default.createElement("span", {
123
- className: (0, _runtime.ax)(["_kqswstnw _152tidpf _1e02idpf _1pbykb7n", !isVisible && "_tzy4idpf _lcxvglyw _tza3kb7n _12yg1wug _xrqrkb7n _l4c51wug"])
118
+ className: (0, _runtime.ax)(["_kqswstnw _152tidpf _1e02idpf _1pbykb7n _l8kuuqm3 _wxvuglyw", !isCollapsed && "_12hn14w8", !isVisible && "_tzy4idpf _lcxvglyw _tza3kb7n _12yg1wug _xrqrkb7n _l4c51wug"]),
119
+ style: {
120
+ "--_1vzp3at": (0, _runtime.ix)("transform 0.2s ".concat(_constants.akEditorSwoopCubicBezier))
121
+ }
124
122
  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
125
123
  appearance: "subtle",
126
124
  spacing: "compact",
127
- icon: isCollapsed ? ChevronRightSmallIcon : ChevronDownSmallIcon,
125
+ icon: ChevronRightSmallIcon,
128
126
  label: intl.formatMessage(isCollapsed ? _messages.collapsibleHeadingMessages.expandSection : _messages.collapsibleHeadingMessages.collapseSection),
129
127
  "aria-expanded": !isCollapsed,
130
128
  isTooltipDisabled: false,
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -73,7 +73,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
73
73
  var TABLE_INFO_TIMEOUT = 10000;
74
74
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
75
75
  var packageName = "@atlaskit/renderer";
76
- var packageVersion = "133.16.6";
76
+ var packageVersion = "133.17.0";
77
77
  var setAsQueryContainerStyles = (0, _react2.css)({
78
78
  containerName: 'ak-renderer-wrapper',
79
79
  containerType: 'inline-size'
package/dist/es2019/react/nodes/heading.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._l8ku180e svg{transition:transform .2s cubic-bezier(.15,1,.3,1)}._12hn14w8 svg{transform:rotate(90deg)}
1
2
  ._152tidpf{inset-block-start:0}
2
3
  ._1e02idpf{inset-inline-start:0}
3
4
  ._1e0c1ule{display:block}
@@ -9,4 +10,5 @@
9
10
  ._lcxvglyw{pointer-events:none}
10
11
  ._tzy4idpf{opacity:0}
11
12
  @media (hover:none){._tza3kb7n{opacity:1}._12yg1wug{pointer-events:auto}}
12
- @media (pointer:coarse){._xrqrkb7n{opacity:1}._l4c51wug{pointer-events:auto}}
13
+ @media (pointer:coarse){._xrqrkb7n{opacity:1}._l4c51wug{pointer-events:auto}}
14
+ @media (prefers-reduced-motion:reduce){._wxvuglyw svg{transition:none}}
package/dist/es2019/react/nodes/heading.js CHANGED
@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
5
  import { useIntl } from 'react-intl';
6
6
  import { IconButton } from '@atlaskit/button/new';
7
- import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
7
+ import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles/constants';
8
8
  import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
9
9
  import { abortAll } from '@atlaskit/react-ufo/interaction-metrics';
10
10
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -32,11 +32,8 @@ function hasRightAlignmentMark(marks) {
32
32
  const wrapperStyles = null;
33
33
  const collapsibleHeadingWrapperStyles = null;
34
34
  const collapsibleHeadingButtonStyles = null;
35
+ const collapsibleHeadingButtonExpandedStyles = null;
35
36
  const collapsibleHeadingButtonHiddenStyles = null;
36
- const ChevronDownSmallIcon = () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
37
- label: "",
38
- size: "small"
39
- });
40
37
  const ChevronRightSmallIcon = () => /*#__PURE__*/React.createElement(ChevronRightIcon, {
41
38
  label: "",
42
39
  size: "small"
@@ -98,11 +95,11 @@ function CollapsibleHeadingButton({
98
95
  const handleBlur = React.useCallback(() => setIsFocused(false), []);
99
96
  const handleKeyDown = React.useCallback(() => setIsFocused(true), []);
100
97
  return /*#__PURE__*/React.createElement("span", {
101
- className: ax(["_kqswstnw _152tidpf _1e02idpf _1pbykb7n", !isVisible && "_tzy4idpf _lcxvglyw _tza3kb7n _12yg1wug _xrqrkb7n _l4c51wug"])
98
+ className: ax(["_kqswstnw _152tidpf _1e02idpf _1pbykb7n _l8ku180e _wxvuglyw", !isCollapsed && "_12hn14w8", !isVisible && "_tzy4idpf _lcxvglyw _tza3kb7n _12yg1wug _xrqrkb7n _l4c51wug"])
102
99
  }, /*#__PURE__*/React.createElement(IconButton, {
103
100
  appearance: "subtle",
104
101
  spacing: "compact",
105
- icon: isCollapsed ? ChevronRightSmallIcon : ChevronDownSmallIcon,
102
+ icon: ChevronRightSmallIcon,
106
103
  label: intl.formatMessage(isCollapsed ? collapsibleHeadingMessages.expandSection : collapsibleHeadingMessages.collapseSection),
107
104
  "aria-expanded": !isCollapsed,
108
105
  isTooltipDisabled: false,
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -59,7 +59,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
59
59
  const TABLE_INFO_TIMEOUT = 10000;
60
60
  const RENDER_EVENT_SAMPLE_RATE = 0.1;
61
61
  const packageName = "@atlaskit/renderer";
62
- const packageVersion = "133.16.6";
62
+ const packageVersion = "133.17.0";
63
63
  const setAsQueryContainerStyles = css({
64
64
  containerName: 'ak-renderer-wrapper',
65
65
  containerType: 'inline-size'
package/dist/esm/react/nodes/heading.compiled.css CHANGED
@@ -1,3 +1,4 @@
1
+ ._l8kuuqm3 svg{transition:var(--_1vzp3at)}._12hn14w8 svg{transform:rotate(90deg)}
1
2
  ._152tidpf{inset-block-start:0}
2
3
  ._1e02idpf{inset-inline-start:0}
3
4
  ._1e0c1ule{display:block}
@@ -9,4 +10,5 @@
9
10
  ._lcxvglyw{pointer-events:none}
10
11
  ._tzy4idpf{opacity:0}
11
12
  @media (hover:none){._tza3kb7n{opacity:1}._12yg1wug{pointer-events:auto}}
12
- @media (pointer:coarse){._xrqrkb7n{opacity:1}._l4c51wug{pointer-events:auto}}
13
+ @media (pointer:coarse){._xrqrkb7n{opacity:1}._l4c51wug{pointer-events:auto}}
14
+ @media (prefers-reduced-motion:reduce){._wxvuglyw svg{transition:none}}
package/dist/esm/react/nodes/heading.js CHANGED
@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  import React from 'react';
7
7
  import { useIntl } from 'react-intl';
8
8
  import { IconButton } from '@atlaskit/button/new';
9
- import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
9
+ import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles/constants';
10
10
  import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
11
11
  import { abortAll } from '@atlaskit/react-ufo/interaction-metrics';
12
12
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -37,13 +37,8 @@ function hasRightAlignmentMark(marks) {
37
37
  var wrapperStyles = null;
38
38
  var collapsibleHeadingWrapperStyles = null;
39
39
  var collapsibleHeadingButtonStyles = null;
40
+ var collapsibleHeadingButtonExpandedStyles = null;
40
41
  var collapsibleHeadingButtonHiddenStyles = null;
41
- var ChevronDownSmallIcon = function ChevronDownSmallIcon() {
42
- return /*#__PURE__*/React.createElement(ChevronDownIcon, {
43
- label: "",
44
- size: "small"
45
- });
46
- };
47
42
  var ChevronRightSmallIcon = function ChevronRightSmallIcon() {
48
43
  return /*#__PURE__*/React.createElement(ChevronRightIcon, {
49
44
  label: "",
@@ -113,11 +108,14 @@ function CollapsibleHeadingButton(_ref3) {
113
108
  return setIsFocused(true);
114
109
  }, []);
115
110
  return /*#__PURE__*/React.createElement("span", {
116
- className: ax(["_kqswstnw _152tidpf _1e02idpf _1pbykb7n", !isVisible && "_tzy4idpf _lcxvglyw _tza3kb7n _12yg1wug _xrqrkb7n _l4c51wug"])
111
+ className: ax(["_kqswstnw _152tidpf _1e02idpf _1pbykb7n _l8kuuqm3 _wxvuglyw", !isCollapsed && "_12hn14w8", !isVisible && "_tzy4idpf _lcxvglyw _tza3kb7n _12yg1wug _xrqrkb7n _l4c51wug"]),
112
+ style: {
113
+ "--_1vzp3at": ix("transform 0.2s ".concat(akEditorSwoopCubicBezier))
114
+ }
117
115
  }, /*#__PURE__*/React.createElement(IconButton, {
118
116
  appearance: "subtle",
119
117
  spacing: "compact",
120
- icon: isCollapsed ? ChevronRightSmallIcon : ChevronDownSmallIcon,
118
+ icon: ChevronRightSmallIcon,
121
119
  label: intl.formatMessage(isCollapsed ? collapsibleHeadingMessages.expandSection : collapsibleHeadingMessages.collapseSection),
122
120
  "aria-expanded": !isCollapsed,
123
121
  isTooltipDisabled: false,
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -64,7 +64,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
64
64
  var TABLE_INFO_TIMEOUT = 10000;
65
65
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
66
66
  var packageName = "@atlaskit/renderer";
67
- var packageVersion = "133.16.6";
67
+ var packageVersion = "133.17.0";
68
68
  var setAsQueryContainerStyles = css({
69
69
  containerName: 'ak-renderer-wrapper',
70
70
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "133.16.7",
3
+ "version": "133.17.1",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
32
32
  "dependencies": {
33
33
  "@atlaskit/adf-schema": "^56.1.0",
34
34
  "@atlaskit/adf-utils": "^20.3.0",
35
- "@atlaskit/afm-i18n-platform-editor-renderer": "2.196.0",
35
+ "@atlaskit/afm-i18n-platform-editor-renderer": "2.200.0",
36
36
  "@atlaskit/analytics-listeners": "^11.1.0",
37
37
  "@atlaskit/analytics-namespaced-context": "^8.1.0",
38
38
  "@atlaskit/analytics-next": "^12.3.0",
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/editor-prosemirror": "^8.0.0",
46
46
  "@atlaskit/editor-shared-styles": "^4.0.0",
47
47
  "@atlaskit/editor-smart-link-draggable": "^1.1.0",
48
- "@atlaskit/emoji": "^71.14.0",
48
+ "@atlaskit/emoji": "^71.15.0",
49
49
  "@atlaskit/feature-gate-js-client": "^6.0.0",
50
50
  "@atlaskit/icon": "^37.2.0",
51
51
  "@atlaskit/link": "^4.3.0",
@@ -57,7 +57,7 @@
57
57
  "@atlaskit/media-client-react": "^6.1.0",
58
58
  "@atlaskit/media-common": "^14.3.0",
59
59
  "@atlaskit/media-filmstrip": "^52.2.0",
60
- "@atlaskit/media-ui": "^30.10.0",
60
+ "@atlaskit/media-ui": "^30.11.0",
61
61
  "@atlaskit/media-viewer": "^54.5.0",
62
62
  "@atlaskit/platform-feature-flags": "^2.1.0",
63
63
  "@atlaskit/platform-feature-flags-react": "^1.1.0",
@@ -65,8 +65,8 @@
65
65
  "@atlaskit/react-compiler-gating": "^0.2.0",
66
66
  "@atlaskit/react-ufo": "^7.3.0",
67
67
  "@atlaskit/smart-card": "^45.13.0",
68
- "@atlaskit/status": "^5.7.0",
69
- "@atlaskit/task-decision": "^21.7.0",
68
+ "@atlaskit/status": "^5.8.0",
69
+ "@atlaskit/task-decision": "^21.8.0",
70
70
  "@atlaskit/theme": "^26.1.0",
71
71
  "@atlaskit/tmp-editor-statsig": "^135.2.0",
72
72
  "@atlaskit/tokens": "^16.3.0",
@@ -83,7 +83,7 @@
83
83
  "uuid": "^3.1.0"
84
84
  },
85
85
  "peerDependencies": {
86
- "@atlaskit/editor-common": "^116.42.0",
86
+ "@atlaskit/editor-common": "^116.43.0",
87
87
  "@atlaskit/link-provider": "^5.2.0",
88
88
  "@atlaskit/media-core": "^38.0.0",
89
89
  "react": "^18.2.0",
@@ -101,7 +101,7 @@
101
101
  "@atlaskit/media-core": "^38.0.0",
102
102
  "@atlaskit/media-integration-test-helpers": "workspace:^",
103
103
  "@atlaskit/media-test-helpers": "^42.2.0",
104
- "@atlaskit/mention": "^27.10.0",
104
+ "@atlaskit/mention": "^27.11.0",
105
105
  "@atlaskit/modal-dialog": "^16.2.0",
106
106
  "@atlaskit/navigation-system": "^10.9.0",
107
107
  "@atlaskit/profilecard": "^26.14.0",
@@ -212,9 +212,6 @@
212
212
  "platform_editor_numbered_column_in_include": {
213
213
  "type": "boolean"
214
214
  },
215
- "jfp-magma-ssr-iv-editor-media": {
216
- "type": "boolean"
217
- },
218
215
  "jfp-magma-ssr-iv-editor-links": {
219
216
  "type": "boolean"
220
217
  },