@atlaskit/editor-shared-styles 4.0.66 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-shared-styles
 
+## 4.1.0
+
+### Minor Changes
+
+- [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
+  Remove stale API report artifacts from published Platform packages.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.0.67
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.0.66
 
 ### Patch Changes

package/dist/cjs/consts/consts.js

@@ -9,7 +9,7 @@ exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeC
 exports.scaledBlockNodesVerticalMargin = exports.relativeSizeToBaseFontSize = exports.relativeSize = exports.relativeFontSizeToBase16 = exports.participantColors = exports.layoutBreakpointWidth = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 var akEditorFullPageDefaultFontSize = exports.akEditorFullPageDefaultFontSize = 16;
@@ -72,7 +72,7 @@ var akEditorGutterPadding = exports.akEditorGutterPadding = 32;
 var akEditorGutterPaddingDynamic = exports.akEditorGutterPaddingDynamic = function akEditorGutterPaddingDynamic() {
   return (
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    (0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? 72 : 52
+    (0, _fg.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? 72 : 52
   );
 };
 var akEditorGutterPaddingReduced = exports.akEditorGutterPaddingReduced = 24;
@@ -116,10 +116,10 @@ var DEFAULT_FONT_SIZE = 14;
 var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(isToolbarAIFCEnabled) {
   if (
   // if value is undefined assume this is being called outside of editor where the experiment can be checked
-  isToolbarAIFCEnabled === undefined ? (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) || (0, _fg.fg)('platform_editor_ai_aifc_streaming') : isToolbarAIFCEnabled) {
+  isToolbarAIFCEnabled === undefined ? (0, _editorExperiment.editorExperiment)('platform_editor_toolbar_aifc', true) || (0, _fg.fg)('platform_editor_ai_aifc_streaming') : isToolbarAIFCEnabled) {
     return '44px';
   }
-  if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1', {
+  if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1', {
     exposure: true
   })) {
     return "var(--ds-space-500, 40px)";

package/dist/es2019/consts/consts.js

@@ -1,5 +1,5 @@
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 export const akEditorFullPageDefaultFontSize = 16;

package/dist/esm/consts/consts.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 export var akEditorFullPageDefaultFontSize = 16;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-shared-styles",
-	"version": "4.0.66",
+	"version": "4.1.0",
 	"description": "Style values used in the editor/renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,9 +28,9 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/tmp-editor-statsig": "^167.0.0",
-		"@atlaskit/tokens": "^16.9.0",
+		"@atlaskit/platform-feature-flags": "^2.2.0",
+		"@atlaskit/tmp-editor-statsig": "^168.0.0",
+		"@atlaskit/tokens": "^16.10.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},

package/report.api.md

@@ -1,382 +0,0 @@
-<!-- API Report Version: 2.3 -->
-
-## API Report File for "@atlaskit/editor-shared-styles"
-
-> Do not edit this file. This report is auto-generated using
-> [API Extractor](https://api-extractor.com/).
-> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
-
-### Table of contents
-
-- [Main Entry Types](#main-entry-types)
-- [Peer Dependencies](#peer-dependencies)
-
-### Main Entry Types
-
-<!--SECTION START: Main Entry Types-->
-
-```ts
-import { SerializedStyles } from '@emotion/react';
-
-// @public (undocumented)
-export const akEditorActiveBackground = '#42526E';
-
-// @public (undocumented)
-export const akEditorActiveForeground = '#FFFFFF';
-
-// @public (undocumented)
-export const akEditorBlockquoteBorderColor = '#DFE1E6';
-
-// @public (undocumented)
-export const akEditorBreakoutPadding = 96;
-
-// @public (undocumented)
-export const akEditorCalculatedWideLayoutWidth = 1011;
-
-// @public (undocumented)
-export const akEditorCodeBackground = '#F4F5F7';
-
-// @public (undocumented)
-export const akEditorCodeBlockPadding = '12px';
-
-// @public (undocumented)
-export const akEditorCodeFontFamily: string;
-
-// @public (undocumented)
-export const akEditorCodeInlinePadding = '2px 4px';
-
-// @public (undocumented)
-export const akEditorContextPanelWidth = 320;
-
-// @public (undocumented)
-export const akEditorDefaultLayoutWidth = 760;
-
-// @public (undocumented)
-export const akEditorDeleteBackground = '#FFEBE6';
-
-// @public (undocumented)
-export const akEditorDeleteBackgroundShaded = '#FFEBE6';
-
-// @public (undocumented)
-export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)';
-
-// @public (undocumented)
-export const akEditorDeleteBorder = '#FF5630';
-
-// @public (undocumented)
-export const akEditorDeleteIconColor = '#DE350B';
-
-// @public (undocumented)
-export const akEditorDropdownActiveBackground = '#091E42';
-
-// @public (undocumented)
-export const akEditorFloatingDialogZIndex: number;
-
-// @public (undocumented)
-export const akEditorFloatingOverlapPanelZIndex: number;
-
-// @public (undocumented)
-export const akEditorFloatingPanelZIndex: 400;
-
-// @public (undocumented)
-export const akEditorFocus = '#4C9AFF';
-
-// @public (undocumented)
-export const akEditorFullPageDefaultFontSize = 16;
-
-// @public (undocumented)
-export const akEditorFullPageMaxWidth = 680;
-
-// @public (undocumented)
-export const akEditorFullWidthLayoutLineLength = 1792;
-
-// @public (undocumented)
-export const akEditorFullWidthLayoutWidth = 1800;
-
-// @public (undocumented)
-export const akEditorGridLineZIndex = 1;
-
-// @public (undocumented)
-export const akEditorGutterPadding = 32;
-
-// @public (undocumented)
-export const akEditorInactiveForeground = '#42526E';
-
-// @public (undocumented)
-export const akEditorLineHeight = 1.714;
-
-// @public (undocumented)
-export const akEditorMediaResizeHandlerPadding = 4;
-
-// @public (undocumented)
-export const akEditorMediaResizeHandlerPaddingWide = 12;
-
-// @public (undocumented)
-export const akEditorMentionSelected = '#7A869A';
-
-// @public (undocumented)
-export const akEditorMenuZIndex: 500;
-
-// @public (undocumented)
-export const akEditorMobileBreakoutPoint = 720;
-
-// @public (undocumented)
-export const akEditorMobileMaxWidth = 0;
-
-// @public (undocumented)
-export const akEditorPopupBackground = '#253858';
-
-// @public (undocumented)
-export const akEditorPopupText = '#DEEBFF';
-
-// @public (undocumented)
-export const akEditorPrimaryButton = '#0052CC';
-
-// @public (undocumented)
-export const akEditorRuleBackground = '#EBECF0';
-
-// @public (undocumented)
-export const akEditorRuleBorderRadius = '1px';
-
-// @public (undocumented)
-export const akEditorSelectedBgColor = '#DEEBFF';
-
-// @public (undocumented)
-export const akEditorSelectedBlanketColor = '#B3D4FF';
-
-// @public (undocumented)
-export const akEditorSelectedBlanketOpacity = 0.3;
-
-// @public (undocumented)
-export const akEditorSelectedBorder: string;
-
-// @public (undocumented)
-export const akEditorSelectedBorderBoldSize = 2;
-
-// @public (undocumented)
-export const akEditorSelectedBorderColor = '#0065FF';
-
-// @public (undocumented)
-export const akEditorSelectedBorderSize = 1;
-
-// @public (undocumented)
-export const akEditorSelectedBoxShadow: string;
-
-// @public (undocumented)
-export const akEditorSelectedIconColor = '#0052CC';
-
-// @public (undocumented)
-export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
-
-// @public (undocumented)
-export const akEditorShadowZIndex = 2;
-
-// @public (undocumented)
-export const akEditorSmallZIndex: number;
-
-// @public (undocumented)
-export const akEditorStickyHeaderZIndex = 11;
-
-// @public (undocumented)
-export const akEditorSubtleAccent = '#DFE1E6';
-
-// @public (undocumented)
-export const akEditorSwoopCubicBezier = 'cubic-bezier(0.15, 1, 0.3, 1)';
-
-// @public (undocumented)
-export const akEditorTableBorder = '#C1C7D0';
-
-// @public (undocumented)
-export const akEditorTableBorderDark = '#3B475C';
-
-// @public (undocumented)
-export const akEditorTableBorderDelete = '#FF5630';
-
-// @public (undocumented)
-export const akEditorTableBorderRadius = '3px';
-
-// @public (undocumented)
-export const akEditorTableBorderSelected = '#0065FF';
-
-// @public (undocumented)
-export const akEditorTableCellBackgroundOpacity = 0.5;
-
-// @public (undocumented)
-export const akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
-
-// @public (undocumented)
-export const akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
-
-// @public (undocumented)
-export const akEditorTableCellDelete = '#FFEBE6';
-
-// @public (undocumented)
-export const akEditorTableCellMinWidth = 48;
-
-// @public (undocumented)
-export const akEditorTableCellOnStickyHeaderZIndex: number;
-
-// @public (undocumented)
-export const akEditorTableCellSelected = '#B3D4FF';
-
-// @public (undocumented)
-export const akEditorTableFloatingControls = '#F4F5F7';
-
-// @public (undocumented)
-export const akEditorTableHeaderCellBackground = '#F1F2F4';
-
-// @public (undocumented)
-export const akEditorTableHeaderCellBackgroundDark = '#2C333A';
-
-// @public (undocumented)
-export const akEditorTableLegacyCellMinWidth = 128;
-
-// @public (undocumented)
-export const akEditorTableNumberColumnWidth = 42;
-
-// @public (undocumented)
-export const akEditorTableToolbar = '#F4F5F7';
-
-// @public (undocumented)
-export const akEditorTableToolbarDark = '#283447';
-
-// @public (undocumented)
-export const akEditorTableToolbarDelete = '#FFBDAD';
-
-// @public (undocumented)
-export const akEditorTableToolbarSelected = '#4C9AFF';
-
-// @public (undocumented)
-export const akEditorTableToolbarSize = 11;
-
-// @public (undocumented)
-export const akEditorToolbarKeylineHeight = 2;
-
-// @public (undocumented)
-export const akEditorUnitZIndex = 1;
-
-// @public (undocumented)
-export const akEditorWideLayoutWidth = 960;
-
-// @public (undocumented)
-export const akLayoutGutterOffset: number;
-
-// @public (undocumented)
-export const akRichMediaResizeZIndex: number;
-
-// @public (undocumented)
-export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
-
-// @public (undocumented)
-export const blockNodesVerticalMargin = '0.75rem';
-
-// @public (undocumented)
-export const breakoutWideScaleRatio = 1.33;
-
-// @public (undocumented)
-export const DEFAULT_EMBED_CARD_HEIGHT = 480;
-
-// @public (undocumented)
-export const DEFAULT_EMBED_CARD_WIDTH = 680;
-
-// @public (undocumented)
-export const editorFontSize: ({ theme }: { theme: EditorTheme }) => number;
-
-// @public (undocumented)
-export type EditorTheme = {
-	baseFontSize?: number;
-};
-
-// @public
-export const getSelectionStyles: (selectionStyles: Array<SelectionStyle>) => string;
-
-// @public (undocumented)
-export const getTableCellBackgroundDarkModeColors: string;
-
-// @public (undocumented)
-export const gridMediumMaxWidth = 1024;
-
-// @public (undocumented)
-export const hideNativeBrowserTextSelectionStyles =
-	'\n  ::selection,*::selection {\n    background-color: transparent;\n  }\n  ::-moz-selection,*::-moz-selection {\n    background-color: transparent;\n  }\n';
-
-// @public (undocumented)
-export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
-
-// @public (undocumented)
-export const overflowShadow: ({
-	background,
-	width,
-	leftCoverWidth,
-	rightCoverWidth,
-}: {
-	background: string;
-	width?: string | undefined;
-	leftCoverWidth?: string | undefined;
-	rightCoverWidth?: string | undefined;
-}) => SerializedStyles;
-
-// @public (undocumented)
-export const relativeFontSizeToBase16: (px: number | string) => string;
-
-// @public (undocumented)
-export const relativeSize: (multiplier: number) => ({ theme }: { theme: EditorTheme }) => number;
-
-// @public
-export enum SelectionStyle {
-	// (undocumented)
-	Background = 2,
-	// (undocumented)
-	Blanket = 3,
-	// (undocumented)
-	Border = 0,
-	// (undocumented)
-	BoxShadow = 1,
-}
-
-// @public (undocumented)
-export const VIEWPORT_SIZES: {
-	laptopHiDPI: {
-		width: number;
-		height: number;
-	};
-	laptopMDPI: {
-		width: number;
-		height: number;
-	};
-	tabletL: {
-		width: number;
-		height: number;
-	};
-	tabletS: {
-		width: number;
-		height: number;
-	};
-	mobileM: {
-		width: number;
-		height: number;
-	};
-	mobileS: {
-		width: number;
-		height: number;
-	};
-	mobileXS: {
-		width: number;
-		height: number;
-	};
-};
-
-// (No @packageDocumentation comment for this package)
-```
-
-<!--SECTION END: Main Entry Types-->
-
-### Peer Dependencies
-
-<!--SECTION START: Peer Dependencies-->
-
-```json
-{}
-```
-
-<!--SECTION END: Peer Dependencies-->