@atlaskit/editor-common 92.1.2 → 93.0.0

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -17,8 +17,6 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
-import { B100, N200 } from '@atlaskit/theme/colors';
-import { borderRadius } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../analytics';
 import { IconFallback } from '../../../quick-insert';
@@ -38,7 +36,7 @@ export var itemIcon = css({
   overflow: 'hidden',
   border: "1px solid ".concat("var(--ds-border, rgba(223, 225, 229, 0.5))"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "".concat(borderRadius(), "px"),
+  borderRadius: "var(--ds-border-radius, 3px)",
   boxSizing: 'border-box',
   display: 'flex',
   justifyContent: 'center',
@@ -326,7 +324,7 @@ var elementItemsWrapper = css({
     outline: 'none',
     '&:focus': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      boxShadow: "0 0 0 ".concat(ELEMENT_LIST_PADDING, "px ", "var(--ds-border-focused, ".concat(B100, ")"))
+      boxShadow: "0 0 0 ".concat(ELEMENT_LIST_PADDING, "px ", "var(--ds-border-focused, #388BFF)")
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -373,7 +371,7 @@ var itemDescription = css(multilineStyle, {
   overflow: 'hidden',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(11.67),
-  color: "var(--ds-text-subtle, ".concat(N200, ")"),
+  color: "var(--ds-text-subtle, #44546F)",
   marginTop: "var(--ds-space-025, 2px)"
 });
 var itemText = css({

package/dist/esm/element-browser/components/ElementSearch.js

@@ -13,7 +13,6 @@ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import SearchIcon from '@atlaskit/icon/glyph/search';
 import Textfield from '@atlaskit/textfield';
-import { N200 } from '@atlaskit/theme/colors';
 import { GRID_SIZE, SEARCH_ITEM_HEIGHT_WIDTH } from '../constants';
 import useFocus from '../hooks/use-focus';
 import commonMessages from '../messages';
@@ -157,7 +156,7 @@ var wrapperInline = css({
 });
 var elementBeforeInput = css({
   margin: "1px ".concat("var(--ds-space-075, 6px)", " 0 ", "var(--ds-space-100, 8px)"),
-  color: "var(--ds-icon, ".concat(N200, ")"),
+  color: "var(--ds-icon, #44546F)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'span, svg': {
     height: '20px',

package/dist/esm/element-browser/constants.js

@@ -1,8 +1,4 @@
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
-// TODO: Migrate away from deprecated gridSize
-// Recommendation: Replace gridSize with 8
-export var GRID_SIZE = gridSize();
+export var GRID_SIZE = 8;
 export var DEVICE_BREAKPOINT_NUMBERS = {
   small: GRID_SIZE * 40,
   medium: GRID_SIZE * 75,

package/dist/esm/extensibility/Extension/Extension/styles.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { N30, N500 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../styles';
 export var widerLayoutClassName = 'wider-layout';
 
@@ -18,11 +17,11 @@ export var wrapperStyle = css(wrapperDefault, {
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-margin-styles': {
@@ -49,7 +48,7 @@ export var header = css({
 export var content = css({
   padding: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
-  border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")")),
+  border: "1px solid ".concat("var(--ds-border, #091E4224)"),
   borderRadius: "var(--ds-border-radius, 3px)",
   cursor: 'initial',
   width: '100%',

package/dist/esm/extensibility/Extension/InlineExtension/styles.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { N500 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../styles';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -24,7 +23,7 @@ export var wrapperStyle = css(wrapperDefault, {
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
   }
 });
 

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -9,7 +9,6 @@ import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
-import { N0, N30, N40, N500, N800 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 var containerStyles = css({
   textAlign: 'left',
@@ -47,11 +46,11 @@ var sharedLabelStyles = css({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.bodied-background': {
-    background: "var(--ds-surface, ".concat(N0, ")")
+    background: "var(--ds-surface, #FFFFFF)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.bodied-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
   }
 });
 var buttonLabelStyles = css({
@@ -60,8 +59,8 @@ var buttonLabelStyles = css({
   borderRadius: "var(--ds-border-radius, 3px)",
   paddingLeft: "var(--ds-space-100, 8px)",
   paddingRight: "var(--ds-space-100, 8px)",
-  color: "var(--ds-text-subtle, ".concat(N800, ")"),
-  backgroundColor: "var(--ds-background-accent-gray-subtlest, ".concat(N30, ")"),
+  color: "var(--ds-text-subtle, #44546F)",
+  backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-left-margin': {
     marginLeft: "var(--ds-space-negative-150, -12px)"
@@ -83,11 +82,11 @@ var textStyles = css({
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
 });
 var originalLabelStyles = css({
-  background: "var(--ds-background-accent-gray-subtle-pressed, ".concat(N40, ")"),
+  background: "var(--ds-background-accent-gray-subtle-pressed, #DCDFE4)",
   borderRadius: "var(--ds-border-radius, 3px)".concat(" ", "var(--ds-border-radius, 3px)", " 0 0"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.show-label': {
-    color: "var(--ds-text-subtle, ".concat(N500, ")")
+    color: "var(--ds-text-subtle, #44546F)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.inline': {

package/dist/esm/extensibility/Extension/styles.js

@@ -1,12 +1,11 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { N20, N20A, N70 } from '@atlaskit/theme/colors';
 import { BODIED_EXT_PADDING, EXTENSION_PADDING } from '../../styles';
 export { EXTENSION_PADDING as padding, BODIED_EXT_PADDING };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var wrapperDefault = css({
-  background: "var(--ds-background-neutral, ".concat(N20, ")"),
+  background: "var(--ds-background-neutral, #091E420F)",
   borderRadius: "var(--ds-border-radius, 3px)",
   position: 'relative',
   verticalAlign: 'middle',
@@ -14,7 +13,7 @@ export var wrapperDefault = css({
   '&.with-overlay': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.extension-overlay': {
-      background: "var(--ds-background-neutral-hovered, ".concat(N20A, ")"),
+      background: "var(--ds-background-neutral-hovered, #091E4224)",
       color: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -53,7 +52,7 @@ export var placeholderFallbackParams = css({
   display: 'inline-block',
   maxWidth: '200px',
   marginLeft: "var(--ds-space-050, 4px)",
-  color: "var(--ds-text-subtlest, ".concat(N70, ")"),
+  color: "var(--ds-text-subtlest, #626F86)",
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
   overflow: 'hidden'

package/dist/esm/extensibility/MultiBodiedExtension/styles.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { N30, N500 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../Extension/styles';
 
 // Wrapper the extension title and extensionContainer
@@ -30,11 +29,11 @@ export var mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(N30, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, ".concat(N500, ")"))
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-padding-background-styles': {

package/dist/esm/icons/shared/SteppedRainbowIconDecoration.js

@@ -4,7 +4,6 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { N40, N60, N80, P300, R400, T300, Y400 } from '@atlaskit/theme/colors';
 var createSteppedRainbow = function createSteppedRainbow(colors) {
   return "\n    linear-gradient(\n      to right,\n      ".concat(colors.map(function (color, i) {
     var inc = 100 / colors.length;
@@ -18,8 +17,8 @@ var createSteppedRainbow = function createSteppedRainbow(colors) {
     return "\n            ".concat(color, " ").concat((pos - 1) * inc, "%,\n            ").concat(color, " ").concat(pos * inc, "%,\n          ");
   }).join('\n'), "\n    )");
 };
-var rainbow = createSteppedRainbow([P300, T300, Y400, R400]);
-var disabledRainbow = createSteppedRainbow([N80, N60, N40, N60]);
+var rainbow = createSteppedRainbow(["var(--ds-background-accent-purple-bolder, #6E5DC6)", "var(--ds-background-accent-teal-subtle, #6CC3E0)", "var(--ds-background-accent-orange-subtle, #FEA362)", "var(--ds-background-accent-red-bolder, #C9372C)"]);
+var disabledRainbow = createSteppedRainbow(["var(--ds-background-accent-gray-subtle, #8590A2)", "var(--ds-background-accent-gray-subtle-hovered, #B3B9C4)", "var(--ds-background-accent-gray-subtle-pressed, #DCDFE4)", "var(--ds-background-accent-gray-subtle-hovered, #B3B9C4)"]);
 var barStyles = css({
   position: 'absolute',
   left: 0,

package/dist/esm/keymaps/index.js

@@ -8,7 +8,6 @@ import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { base, keyName } from 'w3c-keyname';
-import { N400 } from '@atlaskit/theme/colors';
 import { editorCommandToPMCommand } from '../preset/editor-commands';
 import { browser } from '../utils';
 export var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
@@ -113,7 +112,7 @@ var arrowKeysMap = {
 };
 var tooltipShortcutStyle = css({
   borderRadius: '2px',
-  backgroundColor: "var(--ds-background-inverse-subtle, ".concat(N400, ")"),
+  backgroundColor: "var(--ds-background-inverse-subtle, #00000029)",
   padding: "0 ".concat("var(--ds-space-025, 2px)"),
   // NOTE: This might not actually do anything: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E
   label: 'tooltip-shortcut'

package/dist/esm/link/ConfigureLinkOverlay/StyledButton.js

@@ -8,16 +8,15 @@ var _excluded = ["innerRef"];
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button';
-import { N30A, N40A, N60A, N700 } from '@atlaskit/theme/colors';
 var buttonStyles = css({
   display: 'flex',
-  background: "var(--ds-background-neutral, ".concat(N30A, ")"),
-  color: "var(--ds-icon, ".concat(N700, ")"),
+  background: "var(--ds-background-neutral, #091E420F)",
+  color: "var(--ds-icon, #44546F)",
   '&:hover': {
-    background: "var(--ds-background-neutral-hovered, ".concat(N40A, ")")
+    background: "var(--ds-background-neutral-hovered, #091E4224)"
   },
   '&:active': {
-    background: "var(--ds-background-neutral-pressed, ".concat(N60A, ")")
+    background: "var(--ds-background-neutral-pressed, #091E424F)"
   },
   width: '1.375rem',
   height: '1.25rem'

package/dist/esm/link/ConfigureLinkOverlay/index.js

@@ -11,8 +11,6 @@ import { useIntl } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
-import { N0 } from '@atlaskit/theme/colors';
-import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { cardMessages } from '../../messages';
 import Dropdown from './Dropdown';
@@ -20,11 +18,11 @@ import { StyledButton } from './StyledButton';
 import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
 var buttonWrapperStyles = css({
   position: 'absolute',
-  zIndex: layers.card(),
+  zIndex: 100,
   display: 'inline-flex',
   top: '50%',
   transform: 'translateY(-50%)',
-  background: "var(--ds-surface-raised, ".concat(N0, ")"),
+  background: "var(--ds-surface-raised, #FFFFFF)",
   borderRadius: "var(--ds-border-radius, 3px)"
 });
 var showDropdownThresholdPx = 50;

package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -28,7 +28,6 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import { Pressable, xcss } from '@atlaskit/primitives';
-import { N200 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '../../../analytics';
 import { Announcer, PanelTextInput } from '../../../ui';
@@ -71,7 +70,7 @@ var textLabelMargin = css({
   marginTop: "var(--ds-space-150, 12px)"
 });
 var inputLabel = css({
-  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
+  color: "var(--ds-text-subtlest, #626F86)",
   paddingBottom: "var(--ds-space-050, 4px)",
   font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)"

package/dist/esm/link/LinkSearch/LinkSearchList.js

@@ -14,12 +14,11 @@ import { PureComponent } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
-import { N30 } from '@atlaskit/theme/colors';
 import LinkSearchListItem from './LinkSearchListItem';
 var listContainer = css({
   paddingTop: 0,
   marginTop: "var(--ds-space-150, 12px)",
-  borderTop: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
+  borderTop: "1px solid ".concat("var(--ds-border, #091E4224)")
 });
 var spinnerContainer = css({
   textAlign: 'center',

package/dist/esm/link/LinkSearch/LinkSearchListItem.js

@@ -20,8 +20,6 @@ import { css, jsx } from '@emotion/react';
 
 import { injectIntl } from 'react-intl-next';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { N20, N300, N800 } from '@atlaskit/theme/colors';
-import { fontSizeSmall } from '@atlaskit/theme/constants';
 import { getCorrectAltByIconUrl } from './listItemAlts';
 import { transformTimeStamp } from './transformTimeStamp';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -35,7 +33,7 @@ export var container = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var containerSelected = css({
-  backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")
+  backgroundColor: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
 });
 var nameWrapper = css({
   overflow: 'hidden'
@@ -43,7 +41,7 @@ var nameWrapper = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var nameStyle = css({
-  color: "var(--ds-text, ".concat(N800, ")"),
+  color: "var(--ds-text, #172B4D)",
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
@@ -52,10 +50,10 @@ export var nameStyle = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var containerName = css({
-  color: "var(--ds-text-subtlest, ".concat(N300, ")"),
+  color: "var(--ds-text-subtlest, #626F86)",
   lineHeight: '14px',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: relativeFontSizeToBase16(fontSizeSmall())
+  fontSize: relativeFontSizeToBase16(11)
 });
 var iconStyle = css({
   minWidth: '16px',

package/dist/esm/media-inline/constants.js

@@ -1,4 +1,3 @@
-import { headingSizes } from '@atlaskit/theme/typography';
 export var DEFAULT_IMAGE_WIDTH = 250;
 export var DEFAULT_IMAGE_HEIGHT = 200;
 export var DEFAULT_INLINE_IMAGE_ASPECT_RATIO = DEFAULT_IMAGE_WIDTH / DEFAULT_IMAGE_HEIGHT;
@@ -12,13 +11,16 @@ export var DEFAULT_INLINE_IMAGE_BORDER_SIZE = 0;
  *
  * There is conversation about refactoring media inline nodes to conform to
  * aligning correctly with the surrounding text.
+ *
+ * These constants originally came from `headingSizes` from the `theme` package
+ * and have been copied here to remove this package.
  */
 export var referenceHeights = {
-  p: headingSizes.h600.lineHeight - 2,
-  h1: headingSizes.h800.lineHeight + 4,
-  h2: headingSizes.h700.lineHeight + 3,
-  h3: headingSizes.h600.lineHeight + 1,
-  h4: headingSizes.h500.lineHeight + 3,
-  h5: headingSizes.h400.lineHeight + 4,
-  h6: headingSizes.h300.lineHeight + 2
+  p: 24 - 2,
+  h1: 32 + 4,
+  h2: 28 + 3,
+  h3: 24 + 1,
+  h4: 20 + 3,
+  h5: 16 + 4,
+  h6: 16 + 2
 };

package/dist/esm/media-inline/styles.js

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { B300 } from '@atlaskit/theme/colors';
 import { DEFAULT_INLINE_IMAGE_ASPECT_RATIO, DEFAULT_INLINE_IMAGE_BORDER_SIZE, referenceHeights } from './constants';
 export var INLINE_IMAGE_WRAPPER_CLASS_NAME = 'media-inline-image-wrapper';
 export var INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = '--editor-media-inline-image-aspect-ratio';
@@ -41,7 +40,7 @@ export var wrapperStyle = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var selectedStyle = css({
   cursor: 'pointer',
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, ".concat(B300, ")")),
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
   outline: 'none'
 });
 

package/dist/esm/media-inline/views/error-view.js

@@ -6,7 +6,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
-import { R300 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { ICON_SIZE_THRESOLD } from './constants';
 import { Frame } from './frame';
@@ -28,6 +27,6 @@ export var InlineImageCardErrorView = function InlineImageCardErrorView(_ref) {
   }, jsx(IconWrapper, null, icon || jsx(WarningIcon, {
     label: "error",
     size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
-    primaryColor: "var(--ds-icon-danger, ".concat(R300, ")")
+    primaryColor: "var(--ds-icon-danger, #C9372C)"
   }))));
 };

package/dist/esm/media-inline/views/wrapper.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { N30A, N40A, N900 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var wrapperStyle = css({
   display: 'inline-flex',
@@ -10,11 +9,11 @@ export var wrapperStyle = css({
   justifyContent: 'center',
   boxDecorationBreak: 'clone',
   borderRadius: "var(--ds-border-radius, 3px)",
-  color: "".concat("var(--ds-text, ".concat(N900, ")")),
-  backgroundColor: "".concat("var(--ds-background-neutral, ".concat(N30A, ")")),
+  color: "var(--ds-text, #172B4D)",
+  backgroundColor: "var(--ds-background-neutral, #091E420F)",
   transition: '0.1s all ease-in-out',
   cursor: 'pointer',
   '&:hover': {
-    backgroundColor: "".concat("var(--ds-background-neutral-hovered, ".concat(N40A, ")"))
+    backgroundColor: "var(--ds-background-neutral-hovered, #091E4224)"
   }
 });

package/dist/esm/media-single/CommentBadge.js

@@ -11,7 +11,6 @@ import debounce from 'lodash/debounce';
 import CustomThemeButton from '@atlaskit/button/custom-theme-button';
 import { akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
 import CommentIcon from '@atlaskit/icon/glyph/comment';
-import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
 var commentBadgeWrapper = css({
@@ -27,7 +26,7 @@ var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(badgeOffs
   return css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     right: badgeOffsetRight,
-    zIndex: layers.card()
+    zIndex: 100
   });
 };
 export var getBadgeSize = function getBadgeSize(width, height) {

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "92.1.2";
+var packageVersion = "93.0.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/node-width/index.js

@@ -1,10 +1,9 @@
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
 import { BODIED_EXT_PADDING } from '../styles/shared/extension';
 import { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '../styles/shared/layout';
 import { absoluteBreakoutWidth } from '../utils/breakout';
+var GRID_SIZE = 8;
 export var layoutToWidth = {
   default: akEditorDefaultLayoutWidth,
   wide: akEditorWideLayoutWidth,
@@ -69,18 +68,15 @@ export var getParentNodeWidth = function getParentNodeWidth(pos, state, containe
     case schema.nodes.extensionFrame:
       parentWidth -= BODIED_EXT_PADDING * 2;
       break;
-
-    // TODO: Migrate away from gridSize
-    // Recommendation: Replace gridSize with 8
     case schema.nodes.expand:
       // padding
-      parentWidth -= gridSize() * 2;
+      parentWidth -= GRID_SIZE * 2;
       // gutter offset
-      parentWidth += gridSize() * 1.5 * 2;
+      parentWidth += GRID_SIZE * 1.5 * 2;
       // padding right
-      parentWidth -= gridSize();
+      parentWidth -= GRID_SIZE;
       // padding left
-      parentWidth -= gridSize() * 4 - gridSize() / 2;
+      parentWidth -= GRID_SIZE * 4 - GRID_SIZE / 2;
       break;
   }
   parentWidth -= 2; // border

package/dist/esm/panel.js

@@ -1 +1 @@
-export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, getPanelDarkColor, panelSharedStyles, panelSharedStylesWithoutPrefix, PanelSharedCssClassName, PanelSharedSelectors, getPanelBackgroundDarkModeColors } from './styles/shared/panel';
+export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, panelSharedStyles, panelSharedStylesWithoutPrefix, PanelSharedCssClassName, PanelSharedSelectors } from './styles/shared/panel';

package/dist/esm/styles/shared/annotation.js

@@ -3,7 +3,6 @@ var _templateObject, _templateObject2;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N60A, Y300, Y75 } from '@atlaskit/theme/colors';
 export var annotationPrefix = 'ak-editor-annotation';
 export var AnnotationSharedClassNames = {
   focus: "".concat(annotationPrefix, "-focus"),
@@ -16,8 +15,6 @@ export var BlockAnnotationSharedClassNames = {
   blur: "".concat(blockAnnotationPrefix, "-blur"),
   draft: "".concat(blockAnnotationPrefix, "-draft")
 };
-var Yellow100 = 'rgb(255, 247, 214)';
-var Y200a = 'rgba(255, 196, 0, 0.82)';
 export var AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
   if (fg('editor_inline_comments_on_inline_nodes')) {
     // NOTE: These styles are shared between renderer and editor. Sometimes they
@@ -35,20 +32,20 @@ export var AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
         } : {
           paddingTop: '4px',
           border: 'none',
-          boxShadow: "0 2px 0 0 ".concat("var(--ds-border-accent-yellow, ".concat(Y200a, ")"))
+          boxShadow: "0 2px 0 0 ".concat("var(--ds-border-accent-yellow, #B38600)")
         },
         '&:has(.date-lozenger-container)': {
           paddingTop: '2px'
         }
       },
       focus: css({
-        background: "var(--ds-background-accent-yellow-subtler, ".concat(Y75, ")"),
-        borderBottomColor: "var(--ds-border-accent-yellow, ".concat(Y300, ")"),
-        boxShadow: "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(N60A, ", -1px 2px 3px ").concat(N60A), ")")
+        background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
+        borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
+        boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
       }),
       blur: css({
-        background: "var(--ds-background-accent-yellow-subtlest, ".concat(Yellow100, ")"),
-        borderBottomColor: "var(--ds-border-accent-yellow, ".concat(Y200a, ")")
+        background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
+        borderBottomColor: "var(--ds-border-accent-yellow, #B38600)"
       })
     };
   } else {
@@ -56,15 +53,15 @@ export var AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
       focus: css({
         // Background is not coming through in confluence, suspecting to be caused by some specific combination of
         // emotion and token look up
-        background: "var(--ds-background-accent-yellow-subtler, ".concat(Y75, ")"),
-        borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, ".concat(Y300, ")")),
+        background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
+        borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4147
-        boxShadow: "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(N60A, ", -1px 2px 3px ").concat(N60A), ")"),
+        boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
         cursor: 'pointer'
       }),
       blur: css({
-        background: "var(--ds-background-accent-yellow-subtlest, ".concat(Yellow100, ")"),
-        borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, ".concat(Y200a, ")")),
+        background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
+        borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
         cursor: 'pointer'
       })
     };