@atlaskit/renderer 108.20.0 → 108.20.2

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 +13 -0
  2. package/dist/cjs/ui/Renderer/index.js +1 -1
  3. package/dist/cjs/ui/Renderer/style.js +1 -1
  4. package/dist/es2019/ui/Renderer/index.js +1 -1
  5. package/dist/es2019/ui/Renderer/style.js +10 -0
  6. package/dist/esm/ui/Renderer/index.js +1 -1
  7. package/dist/esm/ui/Renderer/style.js +1 -1
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 108.20.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#57137](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57137) [`a02f991bd476`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a02f991bd476) - Update and remove various visual regression tests and snapshots in @atlaskit/editor-core and @atlaskit/renderer related to the deprecated legacy theming system.
8
+ - Updated dependencies
9
+
10
+ ## 108.20.1
11
+
12
+ ### Patch Changes
13
+
14
+ - [#59485](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59485) [`724d7b798878`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/724d7b798878) - Accessiblity: Fixes 'Copy link to heading' icon not showing when navigated through keyboard tab
15
+
3
16
  ## 108.20.0
4
17
 
5
18
  ### Minor Changes
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -53,7 +53,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
53
53
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
54
54
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
55
55
  var packageName = "@atlaskit/renderer";
56
- var packageVersion = "108.20.0";
56
+ var packageVersion = "108.20.2";
57
57
  var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
58
58
  (0, _inherits2.default)(Renderer, _PureComponent);
59
59
  var _super = _createSuper(Renderer);
package/dist/cjs/ui/Renderer/style.js CHANGED
@@ -71,7 +71,7 @@ var headingSizes = exports.headingSizes = {
71
71
  };
72
72
  var headingAnchorStyle = function headingAnchorStyle(headingTag) {
73
73
  return (// TODO Delete this comment after verifying space token -> previous value `margin-left: 6px`
74
- (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n /**\n * The copy link button doesn't reserve space in the DOM so that\n * the text alignment isn't impacted by the button/icon's space.\n */\n .", " {\n position: absolute;\n height: ", "em;\n\n margin-left: ", ";\n\n button {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n /**\n * Applies hover effects to the heading anchor link button\n * to fade in when the user rolls over the heading.\n *\n * The link is persistent on mobile, so we use feature detection\n * to enable hover effects for systems that support it (desktop).\n *\n * @see https://caniuse.com/mdn-css_at-rules_media_hover\n */\n @media (hover: hover) and (pointer: fine) {\n .", " {\n > button {\n opacity: 0;\n transform: translate(-8px, 0px);\n transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;\n }\n }\n\n &:hover {\n .", " > button {\n opacity: 1;\n transform: none !important;\n }\n }\n }\n "])), _headingAnchor.HeadingAnchorWrapperClassName, headingSizes[headingTag].lineHeight, "var(--ds-space-075, 6px)", _headingAnchor.HeadingAnchorWrapperClassName, _headingAnchor.HeadingAnchorWrapperClassName)
74
+ (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n /**\n * The copy link button doesn't reserve space in the DOM so that\n * the text alignment isn't impacted by the button/icon's space.\n */\n .", " {\n position: absolute;\n height: ", "em;\n\n margin-left: ", ";\n\n button {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n /**\n * Applies hover effects to the heading anchor link button\n * to fade in when the user rolls over the heading.\n *\n * The link is persistent on mobile, so we use feature detection\n * to enable hover effects for systems that support it (desktop).\n *\n * @see https://caniuse.com/mdn-css_at-rules_media_hover\n */\n @media (hover: hover) and (pointer: fine) {\n .", " {\n > button {\n opacity: 0;\n transform: translate(-8px, 0px);\n transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;\n }\n }\n\n &:hover {\n .", " > button {\n opacity: 1;\n transform: none !important;\n }\n }\n }\n\n /**\n * Adds the visibility of the button when in focus through keyboard navigation.\n */\n .", " {\n button:focus {\n opacity: 1;\n transform: none !important;\n }\n }\n "])), _headingAnchor.HeadingAnchorWrapperClassName, headingSizes[headingTag].lineHeight, "var(--ds-space-075, 6px)", _headingAnchor.HeadingAnchorWrapperClassName, _headingAnchor.HeadingAnchorWrapperClassName, _headingAnchor.HeadingAnchorWrapperClassName)
75
75
  );
76
76
  };
77
77
  var alignedHeadingAnchorStyle = function alignedHeadingAnchorStyle(_ref) {
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
35
35
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
36
36
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
37
37
  const packageName = "@atlaskit/renderer";
38
- const packageVersion = "108.20.0";
38
+ const packageVersion = "108.20.2";
39
39
  export class Renderer extends PureComponent {
40
40
  constructor(props) {
41
41
  super(props);
package/dist/es2019/ui/Renderer/style.js CHANGED
@@ -139,6 +139,16 @@ css`
139
139
  }
140
140
  }
141
141
  }
142
+
143
+ /**
144
+ * Adds the visibility of the button when in focus through keyboard navigation.
145
+ */
146
+ .${HeadingAnchorWrapperClassName} {
147
+ button:focus {
148
+ opacity: 1;
149
+ transform: none !important;
150
+ }
151
+ }
142
152
  `;
143
153
  const alignedHeadingAnchorStyle = ({
144
154
  allowNestedHeaderLinks
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
45
45
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
46
46
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
47
47
  var packageName = "@atlaskit/renderer";
48
- var packageVersion = "108.20.0";
48
+ var packageVersion = "108.20.2";
49
49
  export var Renderer = /*#__PURE__*/function (_PureComponent) {
50
50
  _inherits(Renderer, _PureComponent);
51
51
  var _super = _createSuper(Renderer);
package/dist/esm/ui/Renderer/style.js CHANGED
@@ -62,7 +62,7 @@ export var headingSizes = {
62
62
  };
63
63
  var headingAnchorStyle = function headingAnchorStyle(headingTag) {
64
64
  return (// TODO Delete this comment after verifying space token -> previous value `margin-left: 6px`
65
- css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n /**\n * The copy link button doesn't reserve space in the DOM so that\n * the text alignment isn't impacted by the button/icon's space.\n */\n .", " {\n position: absolute;\n height: ", "em;\n\n margin-left: ", ";\n\n button {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n /**\n * Applies hover effects to the heading anchor link button\n * to fade in when the user rolls over the heading.\n *\n * The link is persistent on mobile, so we use feature detection\n * to enable hover effects for systems that support it (desktop).\n *\n * @see https://caniuse.com/mdn-css_at-rules_media_hover\n */\n @media (hover: hover) and (pointer: fine) {\n .", " {\n > button {\n opacity: 0;\n transform: translate(-8px, 0px);\n transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;\n }\n }\n\n &:hover {\n .", " > button {\n opacity: 1;\n transform: none !important;\n }\n }\n }\n "])), HeadingAnchorWrapperClassName, headingSizes[headingTag].lineHeight, "var(--ds-space-075, 6px)", HeadingAnchorWrapperClassName, HeadingAnchorWrapperClassName)
65
+ css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n /**\n * The copy link button doesn't reserve space in the DOM so that\n * the text alignment isn't impacted by the button/icon's space.\n */\n .", " {\n position: absolute;\n height: ", "em;\n\n margin-left: ", ";\n\n button {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n /**\n * Applies hover effects to the heading anchor link button\n * to fade in when the user rolls over the heading.\n *\n * The link is persistent on mobile, so we use feature detection\n * to enable hover effects for systems that support it (desktop).\n *\n * @see https://caniuse.com/mdn-css_at-rules_media_hover\n */\n @media (hover: hover) and (pointer: fine) {\n .", " {\n > button {\n opacity: 0;\n transform: translate(-8px, 0px);\n transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;\n }\n }\n\n &:hover {\n .", " > button {\n opacity: 1;\n transform: none !important;\n }\n }\n }\n\n /**\n * Adds the visibility of the button when in focus through keyboard navigation.\n */\n .", " {\n button:focus {\n opacity: 1;\n transform: none !important;\n }\n }\n "])), HeadingAnchorWrapperClassName, headingSizes[headingTag].lineHeight, "var(--ds-space-075, 6px)", HeadingAnchorWrapperClassName, HeadingAnchorWrapperClassName, HeadingAnchorWrapperClassName)
66
66
  );
67
67
  };
68
68
  var alignedHeadingAnchorStyle = function alignedHeadingAnchorStyle(_ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "108.20.0",
3
+ "version": "108.20.2",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
30
30
  "@atlaskit/analytics-listeners": "^8.7.0",
31
31
  "@atlaskit/analytics-namespaced-context": "^6.7.0",
32
32
  "@atlaskit/analytics-next": "^9.1.0",
33
- "@atlaskit/button": "^16.17.0",
33
+ "@atlaskit/button": "^16.18.0",
34
34
  "@atlaskit/code": "^15.1.0",
35
35
  "@atlaskit/editor-common": "^76.25.0",
36
36
  "@atlaskit/editor-json-transformer": "^8.10.0",
@@ -48,7 +48,7 @@
48
48
  "@atlaskit/media-ui": "^25.0.0",
49
49
  "@atlaskit/media-viewer": "^48.2.0",
50
50
  "@atlaskit/platform-feature-flags": "^0.2.0",
51
- "@atlaskit/smart-card": "^26.42.0",
51
+ "@atlaskit/smart-card": "^26.43.0",
52
52
  "@atlaskit/status": "^1.4.0",
53
53
  "@atlaskit/task-decision": "^17.9.0",
54
54
  "@atlaskit/theme": "^12.6.0",