@atlaskit/editor-core 215.10.1 → 215.10.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 215.10.2
+
+### Patch Changes
+
+- [`855e2a1085226`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/855e2a1085226) -
+  [ux] Scaffolding for native sticky headers
+- Updated dependencies
+
 ## 215.10.1
 
 ### Patch Changes

package/dist/cjs/ui/Addon/Dropdown/styles.js

@@ -14,7 +14,7 @@ var dropdown = exports.dropdown = (0, _react.css)({
   background: "var(--ds-surface-overlay, white)",
   // 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: "var(--ds-radius-small, 3px)",
-  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   boxSizing: 'border-box',
   padding: "var(--ds-space-050, 4px)".concat(" 0")
 });

package/dist/cjs/ui/Appearance/Chromeless.js

@@ -38,12 +38,12 @@ var scrollbarStylesNew = (0, _react2.css)({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '&:hover::-webkit-scrollbar-thumb': {
-    backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
+    backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
     borderRadius: "var(--ds-radius-large, 8px)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '&::-webkit-scrollbar-thumb:hover': {
-    backgroundColor: "var(--ds-background-neutral-bold-hovered, #2C3E5D)"
+    backgroundColor: "var(--ds-background-neutral-bold-hovered, #3B3D42)"
   }
 });
 var chromelessEditorStylesNew = (0, _react2.css)({

package/dist/cjs/ui/Appearance/Comment/Comment.js

@@ -52,7 +52,7 @@ var commentEditorStyles = (0, _react2.css)({
   minWidth: '272px',
   height: 'auto',
   backgroundColor: "var(--ds-background-input, white)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8590A2)"),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)"),
   boxSizing: 'border-box',
   // 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: "var(--ds-radius-small, 3px)",

package/dist/cjs/ui/Appearance/Comment/Toolbar.js

@@ -85,7 +85,7 @@ var stickyToolbarWrapperStyleNew = (0, _react2.css)({
   transition: 'box-shadow ease-in-out 0.2s',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&.show-keyline': {
-    boxShadow: "0 ".concat(akEditorToolbarKeylineHeight, "px 0 0 ", "var(--ds-background-accent-gray-subtlest, #F1F2F4)")
+    boxShadow: "0 ".concat(akEditorToolbarKeylineHeight, "px 0 0 ", "var(--ds-background-accent-gray-subtlest, #F0F1F2)")
   }
 });
 var StickyToolbar = function StickyToolbar(props) {

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.compiled.css

@@ -1,8 +1,8 @@
 
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._1rjc12x7{padding-block:var(--ds-space-075,6px)}
-._n7zl7r9e{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._16jlkb7n{flex-grow:1}
-._16qs9g9j{box-shadow:var(--ds-shadow-overflow,0 0 8px #091e4228,0 0 1px #091e421e)}
+._n7zlia51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._16jlkb7n{flex-grow:1}
+._16qs1nax{box-shadow:var(--ds-shadow-overflow,0 0 8px #1e1f2128,0 0 1px #1e1f211e)}
 ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -22,10 +22,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   mainToolbarIconBefore: "_19pkpxbi _2hwxpxbi _otyrpxbi",
   mainToolbarIconBeforeNew: "_4cvr1h6o _1e0c1txw",
-  mainToolbarWrapper: "_1rjc12x7 _18zrutpp _n7zl7r9e",
+  mainToolbarWrapper: "_1rjc12x7 _18zrutpp _n7zlia51",
   mainToolbarNew: "_1e0c1txw _4t3izwfg",
   mainToolbarZIndex: "_1pby16oo _kqswh2mm",
-  mainToolbarWithKeyline: "_16qs9g9j",
+  mainToolbarWithKeyline: "_16qs1nax",
   customToolbarWrapperStyle: "_4cvr1h6o _1e0c1txw",
   firstChildWrapperOneLine: "_1e0c1txw _16jlkb7n",
   secondChildWrapperOneLine: "_1e0c1txw _1ul91ns9 _4cvr1h6o",

package/dist/cjs/ui/Appearance/FullPage/MainToolbarWrapper.js

@@ -23,7 +23,7 @@ var baseToolbarStyles = (0, _react2.css)({
   position: 'relative',
   alignItems: 'center',
   boxShadow: 'none',
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)"),
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   transition: "box-shadow 200ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
@@ -48,7 +48,7 @@ var flexibleIconSize = (0, _react2.css)({
 // box-shadow is overriden by the mainToolbar
 var mainToolbarWithKeyline = (0, _react2.css)({
   // 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: "var(--ds-shadow-overflow, 0px 0px 8px #091E4228, 0px 0px 1px #091E421e)"
+  boxShadow: "var(--ds-shadow-overflow, 0px 0px 8px #1E1F2128, 0px 0px 1px #1E1F211e)"
 });
 var mainToolbarTwoLineStyle = (0, _react2.css)((0, _defineProperty2.default)({}, "@media (max-width: ".concat(_MainToolbar.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px)"), {
   flexWrap: 'wrap',

package/dist/cjs/ui/ChromeCollapsed/styles.js

@@ -30,10 +30,10 @@ var inputStyle = exports.inputStyle = (0, _react.css)({
     lineHeight: 1.42857142857143,
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     letterSpacing: '-0.005em',
-    color: "var(--ds-text-subtlest, #626F86)",
+    color: "var(--ds-text-subtlest, #6B6E76)",
     '&:hover': {
       backgroundColor: "var(--ds-background-input-hovered, white)",
-      borderColor: "var(--ds-border-input, #8590A2)",
+      borderColor: "var(--ds-border-input, #8C8F97)",
       cursor: 'text'
     }
   }

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

@@ -42,7 +42,7 @@ var panel = exports.panel = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   transition: "width ".concat(ANIM_SPEED_MS, "ms ").concat(_editorSharedStyles.akEditorSwoopCubicBezier),
   overflow: 'hidden',
-  boxShadow: "inset 2px 0 0 0 ".concat("var(--ds-border, #091E4224)")
+  boxShadow: "inset 2px 0 0 0 ".concat("var(--ds-border, #0B120E24)")
 });
 var disablePanelAnimation = (0, _react2.css)({
   transition: 'none'

package/dist/cjs/ui/EditorContentContainer/styles/aiPanel.js

@@ -106,7 +106,7 @@ var aiPanelBaseStyles = exports.aiPanelBaseStyles = (0, _react.css)({
       '&.with-hover-border': {
         '&::before, &::after': {
           //prismBorderHoverStyles
-          background: "var(--ds-border-input, #8590A2)"
+          background: "var(--ds-border-input, #8C8F97)"
         }
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/cjs/ui/EditorContentContainer/styles/annotationStyles.js

@@ -26,20 +26,20 @@ var annotationStyles = exports.annotationStyles = (0, _react.css)({
       paddingTop: "var(--ds-space-025, 2px)"
     }
   }), ".".concat(_styles.AnnotationSharedClassNames.focus), {
-    background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
+    background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
     borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
-    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
+    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
   }), ".".concat(_styles.AnnotationSharedClassNames.draft), {
-    background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
+    background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
     borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
-    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)",
+    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)",
     cursor: 'initial'
   }), ".".concat(_styles.AnnotationSharedClassNames.blur), {
-    background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
+    background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
     borderBottomColor: "var(--ds-border-accent-yellow, #B38600)"
   }), ".".concat(_styles.AnnotationSharedClassNames.hover), {
-    background: "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)",
+    background: "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)",
     borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
-    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
+    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
   })
 });

package/dist/cjs/ui/EditorContentContainer/styles/blockTypeStyles.js

@@ -21,7 +21,7 @@ var blocktypeStyles = exports.blocktypeStyles = (0, _react.css)({
       paddingLeft: "var(--ds-space-200, 16px)",
       borderLeftWidth: "var(--ds-border-width-selected, 2px)",
       borderLeftStyle: 'solid',
-      borderLeftColor: "var(--ds-border, #091E4224)",
+      borderLeftColor: "var(--ds-border, #0B120E24)",
       margin: '0.75rem 0 0 0',
       // From https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
       marginRight: 0,
@@ -199,7 +199,7 @@ var blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktyp
       fontStyle: 'inherit',
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: 'calc(28 / 24)',
-      color: "var(--ds-text, #172B4D)",
+      color: "var(--ds-text, #292A2E)",
       fontWeight: "var(--ds-font-weight-medium, 500)",
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       letterSpacing: "-0.01em",
@@ -214,7 +214,7 @@ var blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktyp
       fontStyle: 'inherit',
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: 'calc(24 / 20)',
-      color: "var(--ds-text, #172B4D)",
+      color: "var(--ds-text, #292A2E)",
       fontWeight: "var(--ds-font-weight-medium, 500)",
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       letterSpacing: "-0.008em",
@@ -229,7 +229,7 @@ var blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktyp
       fontStyle: 'inherit',
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: 'calc(20 / 16)',
-      color: "var(--ds-text, #172B4D)",
+      color: "var(--ds-text, #292A2E)",
       fontWeight: "var(--ds-font-weight-semibold, 600)",
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       letterSpacing: "-0.006em",
@@ -244,7 +244,7 @@ var blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktyp
       fontStyle: 'inherit',
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: 'calc(16 / 14)',
-      color: "var(--ds-text, #172B4D)",
+      color: "var(--ds-text, #292A2E)",
       fontWeight: "var(--ds-font-weight-semibold, 600)",
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       letterSpacing: "-0.003em",
@@ -258,7 +258,7 @@ var blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktyp
       fontStyle: 'inherit',
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: 'calc(16 / 12)',
-      color: "var(--ds-text, #172B4D)",
+      color: "var(--ds-text, #292A2E)",
       fontWeight: "var(--ds-font-weight-semibold, 600)",
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
       marginTop: '1.667em',
@@ -271,7 +271,7 @@ var blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktyp
       fontStyle: 'inherit',
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: 'calc(16 / 11)',
-      color: "var(--ds-text-subtlest, #626F86)",
+      color: "var(--ds-text-subtlest, #6B6E76)",
       fontWeight: "var(--ds-font-weight-bold, 700)",
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
       marginTop: '1.455em',

package/dist/cjs/ui/EditorContentContainer/styles/codeBidiWarningStyles.js

@@ -24,20 +24,20 @@ var codeBidiWarningStyles = exports.codeBidiWarningStyles = (0, _react.css)({
     paddingTop: '0.05rem',
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
     paddingBottom: '0.05rem',
-    color: "var(--ds-text-warning, #A54800)",
-    backgroundColor: "var(--ds-background-warning, #FFF7D6)"
+    color: "var(--ds-text-warning, #9E4C00)",
+    backgroundColor: "var(--ds-background-warning, #FFF5DB)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="code-bidi-warning"] [data-bidi-component="code-bidi-warning-decorator"]:hover': {
-    color: "var(--ds-text-warning, #A54800)",
-    backgroundColor: "var(--ds-background-warning-hovered, #F8E6A0)"
+    color: "var(--ds-text-warning, #9E4C00)",
+    backgroundColor: "var(--ds-background-warning-hovered, #FCE4A6)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="code-bidi-warning"] [data-bidi-component="code-bidi-warning-tooltip"]': {
     visibility: 'hidden',
     boxSizing: 'border-box',
     width: '15pc',
-    backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
+    backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
     color: "var(--ds-text-inverse, #FFFFFF)",
     overflowWrap: 'break-word',
     cursor: 'default',

package/dist/cjs/ui/EditorContentContainer/styles/codeBlockStyles.js

@@ -88,7 +88,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
   _overflowShadowStyles.overflowShadowStyles, {
     position: 'relative',
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
+    backgroundColor: "var(--ds-background-neutral, #0515240F)",
     display: 'flex',
     borderRadius: "var(--ds-radius-small, 3px)",
     width: '100%',
@@ -101,7 +101,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
     // Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers.
     overflowY: 'hidden'
   }]), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
+    backgroundColor: "var(--ds-background-neutral, #0515240F)",
     position: 'relative',
     width: 'var(--lineNumberGutterWidth, 2rem)',
     padding: "var(--ds-space-100, 8px)",
@@ -121,7 +121,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
     code: {
       tabSize: 4,
       cursor: 'text',
-      color: "var(--ds-text, #172B4D)",
+      color: "var(--ds-text, #292A2E)",
       borderRadius: "var(--ds-radius-small, 3px)",
       margin: "var(--ds-space-100, 8px)",
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

package/dist/cjs/ui/EditorContentContainer/styles/codeMarkStyles.js

@@ -11,15 +11,15 @@ var _react = require("@emotion/react");
 var codeMarkStyles = exports.codeMarkStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.code': {
-    '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
+    '--ds--code--bg-color': "var(--ds-background-neutral, #0515240F)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     display: 'inline',
     padding: '2px 0.5ch',
-    backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
+    backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #0515240F)", ")"),
     borderRadius: "var(--ds-radius-small, 3px)",
     borderStyle: 'none',
     boxDecorationBreak: 'clone',
-    color: "var(--ds-text, #172B4D)",
+    color: "var(--ds-text, #292A2E)",
     fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     fontSize: '0.875em',

package/dist/cjs/ui/EditorContentContainer/styles/dateStyles.js

@@ -17,8 +17,8 @@ var DateSharedCssClassName = exports.DateSharedCssClassName = {
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var dateVanillaStyles = exports.dateVanillaStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "[data-prosemirror-node-name='date'] .".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
-  backgroundColor: "var(--ds-background-neutral, #091E420F)",
-  color: "var(--ds-text, #172B4D)",
+  backgroundColor: "var(--ds-background-neutral, #0515240F)",
+  color: "var(--ds-text, #292A2E)",
   borderRadius: "var(--ds-radius-small, 4px)",
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
   margin: '0 1px',
@@ -27,7 +27,7 @@ var dateVanillaStyles = exports.dateVanillaStyles = (0, _react.css)((0, _defineP
   whiteSpace: 'nowrap',
   cursor: 'unset'
 }), "[data-prosemirror-node-name='date'] .".concat(DateSharedCssClassName.DATE_WRAPPER, " span:hover"), {
-  backgroundColor: "var(--ds-background-neutral-hovered, #091E4224)"
+  backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
 }), "[data-prosemirror-node-name='date'] .".concat(DateSharedCssClassName.DATE_WRAPPER, " span.date-node-color-red"), {
   backgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)",
   color: "var(--ds-text-accent-red, #AE2E24)"

package/dist/cjs/ui/EditorContentContainer/styles/expandStyles.js

@@ -38,7 +38,7 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.ak-editor-expand__icon-container svg': {
-      color: "var(--ds-icon-subtle, #626F86)",
+      color: "var(--ds-icon-subtle, #505258)",
       transform: 'rotate(90deg)'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -62,7 +62,7 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
         backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
       },
       // SelectionStyle.Border (common case)
-      border: "1px solid ".concat("var(--ds-border-selected, #0C66E4)"),
+      border: "1px solid ".concat("var(--ds-border-selected, #1868DB)"),
       // If fg('platform_editor_nested_dnd_styles_changes') is true,
       // then we'll also need the rest of the selection styles for blanket
 
@@ -129,7 +129,7 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
     lineHeight: 1.714,
     // If fg('platform-visual-refresh-icons') then this needs to be overridden
     fontWeight: "var(--ds-font-weight-regular, 400)",
-    color: "var(--ds-text-subtlest, #626F86)",
+    color: "var(--ds-text-subtlest, #6B6E76)",
     background: 'transparent',
     display: 'flex',
     flex: 1,
@@ -137,7 +137,7 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
     width: '100%',
     '&::placeholder': {
       opacity: 1,
-      color: "var(--ds-text-subtlest, #626F86)"
+      color: "var(--ds-text-subtlest, #6B6E76)"
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -152,7 +152,7 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
     fontSize: 'calc(14rem / 16)',
     // relativeFontSizeToBase16(14),
     width: '100%',
-    color: "var(--ds-text-subtle, #44546F)",
+    color: "var(--ds-text-subtle, #505258)",
     // Omitting overflow: 'hidden' as it would be overridden
     cursor: 'pointer',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -180,16 +180,16 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
       cursor: 'not-allowed'
     },
     '&:focus-visible': {
-      outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)"),
+      outline: "2px solid ".concat("var(--ds-border-focused, #4688EC)"),
       outlineOffset: "var(--ds-space-025, 2px)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
     '&:hover:not(:disabled)': {
-      background: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+      background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.ak-editor-expand__icon-svg': {
-      color: "var(--ds-icon-subtle, #626F86)",
+      color: "var(--ds-icon-subtle, #505258)",
       transform: 'rotate(0deg)',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
       transition: "transform 0.2s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier, ";")
@@ -198,7 +198,7 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ak-editor-expand__expanded': {
     background: "var(--ds-background-neutral-subtle, #00000000)",
-    borderColor: "var(--ds-border, #091E4224)",
+    borderColor: "var(--ds-border, #0B120E24)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.ak-editor-expand__content': {
       paddingTop: "var(--ds-space-100, 8px)"
@@ -229,7 +229,7 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.ak-editor-expand__icon-container svg': {
-      color: "var(--ds-icon-subtle, #626F86)",
+      color: "var(--ds-icon-subtle, #505258)",
       transform: 'rotate(0deg)'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -237,7 +237,7 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
       background: 'transparent',
       borderColor: 'transparent',
       '&:hover': {
-        borderColor: "var(--ds-border, #091E4224)",
+        borderColor: "var(--ds-border, #0B120E24)",
         background: "var(--ds-background-neutral-subtle, #00000000)"
       }
     }
@@ -314,7 +314,7 @@ var expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes = exp
       '&::after': {
         height: '100%',
         content: "'\\00a0'",
-        background: "var(--ds-border-selected, #0C66E4)",
+        background: "var(--ds-border-selected, #1868DB)",
         position: 'absolute',
         right: '-1px',
         top: 0,

package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js

@@ -34,8 +34,8 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
       '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-selected, #E9F2FF)",
-        color: "var(--ds-text-selected, #0C66E4)",
+        backgroundColor: "var(--ds-background-selected, #E9F2FE)",
+        color: "var(--ds-text-selected, #1868DB)",
         opacity: 1,
         boxShadow: 'none'
       },
@@ -69,7 +69,7 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
       '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)")
+        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)")
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
@@ -146,8 +146,8 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
       '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-selected, #E9F2FF)",
-        color: "var(--ds-text-selected, #0C66E4)",
+        backgroundColor: "var(--ds-background-selected, #E9F2FE)",
+        color: "var(--ds-text-selected, #1868DB)",
         opacity: 1,
         boxShadow: 'none'
       },
@@ -181,7 +181,7 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
       '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)")
+        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)")
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
@@ -237,8 +237,8 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
       '&:not(.danger).ak-editor-selected-node > span > div > .extension-label': {
-        backgroundColor: "var(--ds-background-selected, #E9F2FF)",
-        color: "var(--ds-text-selected, #0C66E4)",
+        backgroundColor: "var(--ds-background-selected, #E9F2FE)",
+        color: "var(--ds-text-selected, #1868DB)",
         opacity: 1,
         boxShadow: 'none'
       },
@@ -282,7 +282,7 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       /* .with-bodied-macro-live-page-styles class will only be added to bodied macros with the renderer mode gate enabled */
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
       '&:not(.danger).ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {
-        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)")
+        boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)")
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '&.danger.ak-editor-selected-node > span > div > .extension-label.with-bodied-macro-live-page-styles': {