@atlaskit/renderer 126.8.11 → 126.9.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/renderer
 
+## 126.9.1
+
+### Patch Changes
+
+- [`f47d5ca6cd33f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f47d5ca6cd33f) -
+  [EDITOR-5116] Fixes the unnecessary padding added when a heading is the first node in a panel
+
+## 126.9.0
+
+### Minor Changes
+
+- [`aac76ca1cde5b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aac76ca1cde5b) -
+  Fix hydration error with dates in task lists
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 126.8.11
 
 ### Patch Changes

package/dist/cjs/react/nodes/date.js

@@ -11,7 +11,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _reactIntlNext = require("react-intl-next");
+var _rendererContext = require("../../renderer-context");
 var _TaskItemsFormatContext = require("../../ui/TaskItemsFormatContext/TaskItemsFormatContext");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
 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); }
@@ -20,7 +22,10 @@ var Date = /*#__PURE__*/(0, _react.memo)(function Date(props) {
   var timestamp = props.timestamp,
     parentIsIncompleteTask = props.parentIsIncompleteTask,
     intl = props.intl;
-  var className = !!parentIsIncompleteTask && (0, _utils.isPastDate)(timestamp) ? 'date-node date-node-highlighted' : 'date-node';
+  var _useRendererContext = (0, _rendererContext.useRendererContext)(),
+    contextTimeZone = _useRendererContext.timeZone;
+  var timeZone = (0, _expValEquals.expValEquals)('confluence_frontend_fix_date_hydration_error', 'isEnabled', true) ? contextTimeZone : undefined;
+  var className = !!parentIsIncompleteTask && (0, _utils.isPastDate)(timestamp, timeZone) ? 'date-node date-node-highlighted' : 'date-node';
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _styles.DateSharedCssClassName.DATE_WRAPPER
@@ -31,7 +36,7 @@ var Date = /*#__PURE__*/(0, _react.memo)(function Date(props) {
     className: className,
     "data-node-type": "date",
     "data-timestamp": timestamp
-  }, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl) : (0, _utils.timestampToString)(timestamp, intl)));
+  }, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl, timeZone) : (0, _utils.timestampToString)(timestamp, intl)));
 });
 var DateComponent = exports.DateComponent = (0, _reactIntlNext.injectIntl)(Date);
 function DateWithFormatContext(props) {

package/dist/cjs/ui/Renderer/RendererStyleContainer.js

@@ -956,6 +956,14 @@ var tasksAndDecisionsStyles = (0, _react.css)({
     }
   }
 });
+var headingPanelStyles = (0, _react.css)({
+  // Removes the margin top from the first heading in a panel
+  '.ak-editor-panel__content': {
+    '> .renderer-heading-wrapper:first-child': {
+      marginTop: 0
+    }
+  }
+});
 var smartCardStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
   display: 'block',
   margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0 0"),
@@ -1934,7 +1942,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
       },
       css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
+      textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning
       (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor,
       // this should be placed after baseOtherStyles

package/dist/cjs/ui/Renderer/index.js

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "126.8.10";
+var packageVersion = "126.9.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -438,8 +438,10 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var rendererContext = (0, _react.useMemo)(function () {
-    return createRendererContext(props.featureFlags, props.isTopLevelRenderer, props.contentMode);
-  }, [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.contentMode]);
+    return _objectSpread(_objectSpread({}, createRendererContext(props.featureFlags, props.isTopLevelRenderer, props.contentMode)), {}, {
+      timeZone: props.timeZone
+    });
+  }, [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.contentMode, props.timeZone]);
   (0, _useScrollToBlock.useScrollToBlock)(editorRef, props.document);
   try {
     var _rendererContext$feat, _props$media;

package/dist/es2019/react/nodes/date.js

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { memo } from 'react';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { injectIntl } from 'react-intl-next';
+import { useRendererContext } from '../../renderer-context';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 const Date = /*#__PURE__*/memo(function Date(props) {
@@ -12,7 +14,11 @@ const Date = /*#__PURE__*/memo(function Date(props) {
     parentIsIncompleteTask,
     intl
   } = props;
-  const className = !!parentIsIncompleteTask && isPastDate(timestamp) ? 'date-node date-node-highlighted' : 'date-node';
+  const {
+    timeZone: contextTimeZone
+  } = useRendererContext();
+  const timeZone = expValEquals('confluence_frontend_fix_date_hydration_error', 'isEnabled', true) ? contextTimeZone : undefined;
+  const className = !!parentIsIncompleteTask && isPastDate(timestamp, timeZone) ? 'date-node date-node-highlighted' : 'date-node';
   return /*#__PURE__*/React.createElement("span", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: DateSharedCssClassName.DATE_WRAPPER
@@ -23,7 +29,7 @@ const Date = /*#__PURE__*/memo(function Date(props) {
     className: className,
     "data-node-type": "date",
     "data-timestamp": timestamp
-  }, parentIsIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl)));
+  }, parentIsIncompleteTask ? timestampToTaskContext(timestamp, intl, timeZone) : timestampToString(timestamp, intl)));
 });
 export const DateComponent = injectIntl(Date);
 function DateWithFormatContext(props) {

package/dist/es2019/ui/Renderer/RendererStyleContainer.js

@@ -1135,6 +1135,14 @@ const tasksAndDecisionsStyles = css({
     }
   }
 });
+const headingPanelStyles = css({
+  // Removes the margin top from the first heading in a panel
+  '.ak-editor-panel__content': {
+    '> .renderer-heading-wrapper:first-child': {
+      marginTop: 0
+    }
+  }
+});
 const smartCardStyles = css({
   [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
     display: 'block',
@@ -2459,7 +2467,7 @@ export const RendererStyleContainer = props => {
       },
       css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
+      textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning
       fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor,
       // this should be placed after baseOtherStyles

package/dist/es2019/ui/Renderer/index.js

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "126.8.10";
+const packageVersion = "126.9.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -430,7 +430,10 @@ export const RendererFunctionalComponent = props => {
     // having a dependency array means we run stopMeasure twice per render
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const rendererContext = useMemo(() => createRendererContext(props.featureFlags, props.isTopLevelRenderer, props.contentMode), [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.contentMode]);
+  const rendererContext = useMemo(() => ({
+    ...createRendererContext(props.featureFlags, props.isTopLevelRenderer, props.contentMode),
+    timeZone: props.timeZone
+  }), [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.contentMode, props.timeZone]);
   useScrollToBlock(editorRef, props.document);
   try {
     var _rendererContext$feat, _props$media;

package/dist/esm/react/nodes/date.js

@@ -3,7 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { memo } from 'react';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { injectIntl } from 'react-intl-next';
+import { useRendererContext } from '../../renderer-context';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 var Date = /*#__PURE__*/memo(function Date(props) {
@@ -11,7 +13,10 @@ var Date = /*#__PURE__*/memo(function Date(props) {
   var timestamp = props.timestamp,
     parentIsIncompleteTask = props.parentIsIncompleteTask,
     intl = props.intl;
-  var className = !!parentIsIncompleteTask && isPastDate(timestamp) ? 'date-node date-node-highlighted' : 'date-node';
+  var _useRendererContext = useRendererContext(),
+    contextTimeZone = _useRendererContext.timeZone;
+  var timeZone = expValEquals('confluence_frontend_fix_date_hydration_error', 'isEnabled', true) ? contextTimeZone : undefined;
+  var className = !!parentIsIncompleteTask && isPastDate(timestamp, timeZone) ? 'date-node date-node-highlighted' : 'date-node';
   return /*#__PURE__*/React.createElement("span", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: DateSharedCssClassName.DATE_WRAPPER
@@ -22,7 +27,7 @@ var Date = /*#__PURE__*/memo(function Date(props) {
     className: className,
     "data-node-type": "date",
     "data-timestamp": timestamp
-  }, parentIsIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl)));
+  }, parentIsIncompleteTask ? timestampToTaskContext(timestamp, intl, timeZone) : timestampToString(timestamp, intl)));
 });
 export var DateComponent = injectIntl(Date);
 function DateWithFormatContext(props) {

package/dist/esm/ui/Renderer/RendererStyleContainer.js

@@ -949,6 +949,14 @@ var tasksAndDecisionsStyles = css({
     }
   }
 });
+var headingPanelStyles = css({
+  // Removes the margin top from the first heading in a panel
+  '.ak-editor-panel__content': {
+    '> .renderer-heading-wrapper:first-child': {
+      marginTop: 0
+    }
+  }
+});
 var smartCardStyles = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), {
   display: 'block',
   margin: "".concat(blockNodesVerticalMargin, " 0 0"),
@@ -1927,7 +1935,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
       },
       css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
+      textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning
       fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor,
       // this should be placed after baseOtherStyles

package/dist/esm/ui/Renderer/index.js

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "126.8.10";
+var packageVersion = "126.9.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -429,8 +429,10 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var rendererContext = useMemo(function () {
-    return createRendererContext(props.featureFlags, props.isTopLevelRenderer, props.contentMode);
-  }, [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.contentMode]);
+    return _objectSpread(_objectSpread({}, createRendererContext(props.featureFlags, props.isTopLevelRenderer, props.contentMode)), {}, {
+      timeZone: props.timeZone
+    });
+  }, [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.contentMode, props.timeZone]);
   useScrollToBlock(editorRef, props.document);
   try {
     var _rendererContext$feat, _props$media;

package/dist/types/renderer-context.d.ts

@@ -6,6 +6,7 @@ export type RendererContextProps = {
     featureFlags?: FeatureFlags;
     isTopLevelRenderer?: boolean;
     nestedRendererType?: NestedRendererType;
+    timeZone?: string;
 };
 export declare const useRendererContext: () => RendererContextProps;
 export declare const RendererContextProvider: React.Provider<{}>;

package/dist/types/ui/renderer-props.d.ts

@@ -147,6 +147,7 @@ export interface RendererProps {
     smartLinks?: SmartLinksOptions;
     stickyHeaders?: StickyHeaderProps;
     textHighlighter?: TextHighlighter;
+    timeZone?: string;
     truncated?: boolean;
     UNSTABLE_allowTableAlignment?: boolean;
     UNSTABLE_allowTableResizing?: boolean;

package/dist/types-ts4.5/renderer-context.d.ts

@@ -6,6 +6,7 @@ export type RendererContextProps = {
     featureFlags?: FeatureFlags;
     isTopLevelRenderer?: boolean;
     nestedRendererType?: NestedRendererType;
+    timeZone?: string;
 };
 export declare const useRendererContext: () => RendererContextProps;
 export declare const RendererContextProvider: React.Provider<{}>;

package/dist/types-ts4.5/ui/renderer-props.d.ts

@@ -147,6 +147,7 @@ export interface RendererProps {
     smartLinks?: SmartLinksOptions;
     stickyHeaders?: StickyHeaderProps;
     textHighlighter?: TextHighlighter;
+    timeZone?: string;
     truncated?: boolean;
     UNSTABLE_allowTableAlignment?: boolean;
     UNSTABLE_allowTableResizing?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "126.8.11",
+	"version": "126.9.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,12 +44,12 @@
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/linking-common": "^9.9.0",
 		"@atlaskit/media-card": "^79.15.0",
-		"@atlaskit/media-client": "^35.7.0",
-		"@atlaskit/media-client-react": "^4.1.0",
-		"@atlaskit/media-common": "^12.3.0",
+		"@atlaskit/media-client": "^35.8.0",
+		"@atlaskit/media-client-react": "^4.2.0",
+		"@atlaskit/media-common": "^12.4.0",
 		"@atlaskit/media-filmstrip": "^51.1.0",
 		"@atlaskit/media-ui": "^28.7.0",
-		"@atlaskit/media-viewer": "^52.7.0",
+		"@atlaskit/media-viewer": "^52.8.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^5.2.0",
@@ -57,7 +57,7 @@
 		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^25.4.0",
+		"@atlaskit/tmp-editor-statsig": "^25.6.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.14.0",
+		"@atlaskit/editor-common": "^111.15.0",
 		"@atlaskit/link-provider": "^4.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -90,7 +90,7 @@
 		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/modal-dialog": "^14.10.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
-		"@atlaskit/profilecard": "^24.35.0",
+		"@atlaskit/profilecard": "^24.36.0",
 		"@atlaskit/util-data-test": "^18.5.0",
 		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
@@ -124,6 +124,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"confluence_frontend_fix_date_hydration_error": {
+			"type": "boolean"
+		},
 		"confluence_frontend_table_scrollbar_ttvc_fix": {
 			"type": "boolean"
 		},