@atlaskit/editor-shared-styles 3.3.1 → 3.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-shared-styles
 
+## 3.4.0
+
+### Minor Changes
+
+- [#117777](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117777)
+  [`6d31e7761757c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d31e7761757c) -
+  [ux] ED-26722 Update header area spacing to avoid layout shift when hiding top toolbar
+
 ## 3.3.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -20,6 +20,9 @@
         {
             "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
         }

package/afm-jira/tsconfig.json

@@ -20,6 +20,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../tmp-editor-statsig/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
 		}

package/afm-post-office/tsconfig.json

@@ -20,6 +20,9 @@
 		{
 			"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../tmp-editor-statsig/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
 		}

package/dist/cjs/consts/consts.js

@@ -9,6 +9,7 @@ exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeC
 exports.relativeSize = exports.relativeFontSizeToBase16 = exports.participantColors = exports.layoutBreakpointWidth = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 var akEditorFullPageDefaultFontSize = exports.akEditorFullPageDefaultFontSize = 16;
@@ -102,7 +103,15 @@ var MAX_BROWSER_SCROLLBAR_HEIGHT = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
 var ATLASSIAN_NAVIGATION_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = '56px';
 var DEFAULT_FONT_SIZE = 14;
 var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
-  return (0, _platformFeatureFlags.fg)('live_pages_content_jump_mitigation') ? '2.188rem' : "var(--ds-space-500, 40px)";
+  if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1', {
+    exposure: true
+  })) {
+    return "var(--ds-space-500, 40px)";
+  }
+  if ((0, _platformFeatureFlags.fg)('live_pages_content_jump_mitigation')) {
+    return '2.188rem';
+  }
+  return "var(--ds-space-500, 40px)";
 };
 var akEditorSelectedNodeClassName = exports.akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 var editorFontSize = exports.editorFontSize = function editorFontSize(_ref) {

package/dist/cjs/shortcut/shortcut.js

@@ -9,5 +9,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _consts = require("../consts");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/**
+ * @private
+ * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var shortcutStyle = exports.shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: ", ";\n\tline-height: 12px;\n\tfont-size: ", ";\n\talign-self: flex-end;\n\t@media (max-width: ", "px) {\n\t\tdisplay: none;\n\t}\n"])), "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)", "var(--ds-border-radius, 3px)", "var(--ds-space-050, 4px)", (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);

package/dist/es2019/consts/consts.js

@@ -1,4 +1,5 @@
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 export const akEditorFullPageDefaultFontSize = 16;
@@ -89,7 +90,17 @@ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
 // @deprecated
 export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
 const DEFAULT_FONT_SIZE = 14;
-export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () => fg('live_pages_content_jump_mitigation') ? '2.188rem' : "var(--ds-space-500, 40px)";
+export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () => {
+  if (editorExperiment('platform_editor_controls', 'variant1', {
+    exposure: true
+  })) {
+    return "var(--ds-space-500, 40px)";
+  }
+  if (fg('live_pages_content_jump_mitigation')) {
+    return '2.188rem';
+  }
+  return "var(--ds-space-500, 40px)";
+};
 export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export const editorFontSize = ({
   theme

package/dist/es2019/shortcut/shortcut.js

@@ -2,6 +2,10 @@
 import { css } from '@emotion/react';
 import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
 
+/**
+ * @private
+ * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const shortcutStyle = css`
 	background-color: ${"var(--ds-background-neutral, #091E420F)"};

package/dist/esm/consts/consts.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 export var akEditorFullPageDefaultFontSize = 16;
@@ -93,7 +94,15 @@ export var MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
 export var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
 var DEFAULT_FONT_SIZE = 14;
 export var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
-  return fg('live_pages_content_jump_mitigation') ? '2.188rem' : "var(--ds-space-500, 40px)";
+  if (editorExperiment('platform_editor_controls', 'variant1', {
+    exposure: true
+  })) {
+    return "var(--ds-space-500, 40px)";
+  }
+  if (fg('live_pages_content_jump_mitigation')) {
+    return '2.188rem';
+  }
+  return "var(--ds-space-500, 40px)";
 };
 export var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export var editorFontSize = function editorFontSize(_ref) {

package/dist/esm/shortcut/shortcut.js

@@ -4,5 +4,9 @@ var _templateObject;
 import { css } from '@emotion/react';
 import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
 
+/**
+ * @private
+ * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: ", ";\n\tline-height: 12px;\n\tfont-size: ", ";\n\talign-self: flex-end;\n\t@media (max-width: ", "px) {\n\t\tdisplay: none;\n\t}\n"])), "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)", "var(--ds-border-radius, 3px)", "var(--ds-space-050, 4px)", relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);

package/dist/types/shortcut/shortcut.d.ts

@@ -1 +1,5 @@
+/**
+ * @private
+ * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const shortcutStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/shortcut/shortcut.d.ts

@@ -1 +1,5 @@
+/**
+ * @private
+ * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
+ */
 export declare const shortcutStyle: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-shared-styles",
-	"version": "3.3.1",
+	"version": "3.4.0",
 	"description": "Style values used in the editor/renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,7 +42,8 @@
 	},
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tokens": "^4.0.0",
+		"@atlaskit/tmp-editor-statsig": "^3.2.0",
+		"@atlaskit/tokens": "^4.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},

package/src/consts/consts.ts

@@ -1,4 +1,5 @@
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { token } from '@atlaskit/tokens';
 
@@ -103,8 +104,15 @@ export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
 
 const DEFAULT_FONT_SIZE = 14;
 
-export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () =>
-	fg('live_pages_content_jump_mitigation') ? '2.188rem' : token('space.500', '40px');
+export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () => {
+	if (editorExperiment('platform_editor_controls', 'variant1', { exposure: true })) {
+		return token('space.500', '40px');
+	}
+	if (fg('live_pages_content_jump_mitigation')) {
+		return '2.188rem';
+	}
+	return token('space.500', '40px');
+};
 
 export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 

package/src/shortcut/shortcut.ts

@@ -5,6 +5,10 @@ import { token } from '@atlaskit/tokens';
 
 import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
 
+/**
+ * @private
+ * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
+ */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const shortcutStyle = css`
 	background-color: ${token('color.background.neutral')};

package/tsconfig.app.json

@@ -34,6 +34,9 @@
 		{
 			"path": "../../platform/feature-flags/tsconfig.app.json"
 		},
+		{
+			"path": "../tmp-editor-statsig/tsconfig.app.json"
+		},
 		{
 			"path": "../../design-system/tokens/tsconfig.app.json"
 		}