@atlaskit/editor-common 110.24.2 → 110.24.3

package/dist/es2019/extensibility/ExtensionNodeWrapper.js

@@ -23,12 +23,12 @@ const styles = css({
 const hoverStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   ':has(.extension-label:hover) .extension-container, :has(.extension-edit-toggle-container:hover) .extension-container': {
-    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8590A2)"}`
+    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   ':has(.extension-container:hover) .extension-label, :has(.extension-edit-toggle-container:hover) .extension-label, .extension-label:hover': {
     opacity: 1,
-    backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
+    backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
     boxShadow: 'none',
     cursor: 'pointer',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -39,7 +39,7 @@ const hoverStyles = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '&.with-bodied-macro-live-page-styles': {
       backgroundColor: "var(--ds-background-input, #FFFFFF)",
-      boxShadow: `0 0 0 1px ${"var(--ds-border, #091E4224)"}`
+      boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors

package/dist/es2019/extensibility/MultiBodiedExtension/index.js

@@ -36,7 +36,7 @@ const imageStyles = css({
 });
 const hoverStyles = css({
   '&:hover': {
-    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8590A2)"}`
+    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
   }
 });
 const MultiBodiedExtensionFrames = ({

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

@@ -29,11 +29,11 @@ export const 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 ${"var(--ds-border, #091E4224)"}`
+    boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
-    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8590A2)"}`
+    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-padding-background-styles': {

package/dist/es2019/floating-toolbar/DropdownMenuItem.js

@@ -40,7 +40,7 @@ const SelectedIconBefore = ({
     return jsx("span", {
       "aria-hidden": "true"
     }, jsx(EditorDoneIcon, {
-      LEGACY_primaryColor: "var(--ds-icon-selected, #0C66E4)",
+      LEGACY_primaryColor: "var(--ds-icon-selected, #1868DB)",
       LEGACY_size: "small",
       label: intl.formatMessage(messages.confirmModalOK),
       spacing: "none"

package/dist/es2019/floating-toolbar/DropdownSeparator.js

@@ -5,7 +5,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const separatorStyles = css({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   height: '1px'
 });
 export const DropdownSeparator = () => {

package/dist/es2019/icons/shared/DynamicStrokeIconDecoration.js

@@ -23,7 +23,7 @@ const getBackground = (selectedColor, disabled) => {
   if (selectedColor) {
     return selectedColor;
   }
-  return disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)";
+  return disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)";
 };
 export const DynamicStrokeIconDecoration = ({
   selectedColor,

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

@@ -24,8 +24,8 @@ const createSteppedRainbow = colors => {
   }).join('\n')}
     )`;
 };
-export const 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)"]);
-export const 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)"]);
+export const rainbow = createSteppedRainbow(["var(--ds-background-accent-purple-bolder, #964AC0)", "var(--ds-background-accent-teal-subtle, #6CC3E0)", "var(--ds-background-accent-orange-subtle, #FCA700)", "var(--ds-background-accent-red-bolder, #C9372C)"]);
+export const disabledRainbow = createSteppedRainbow(["var(--ds-background-accent-gray-subtle, #8C8F97)", "var(--ds-background-accent-gray-subtle-hovered, #B7B9BE)", "var(--ds-background-accent-gray-subtle-pressed, #DDDEE1)", "var(--ds-background-accent-gray-subtle-hovered, #B7B9BE)"]);
 const barStyles = css({
   position: 'absolute',
   left: 0,

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

@@ -8,13 +8,13 @@ import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button';
 const buttonStyles = css({
   display: 'flex',
-  background: "var(--ds-background-neutral, #091E420F)",
-  color: "var(--ds-icon, #44546F)",
+  background: "var(--ds-background-neutral, #0515240F)",
+  color: "var(--ds-icon, #292A2E)",
   '&:hover': {
-    background: "var(--ds-background-neutral-hovered, #091E4224)"
+    background: "var(--ds-background-neutral-hovered, #0B120E24)"
   },
   '&:active': {
-    background: "var(--ds-background-neutral-pressed, #091E424F)"
+    background: "var(--ds-background-neutral-pressed, #080F214A)"
   },
   width: '1.375rem',
   height: '1.25rem'

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

@@ -62,7 +62,7 @@ const textLabelMargin = css({
   marginTop: "var(--ds-space-150, 12px)"
 });
 const inputLabel = css({
-  color: "var(--ds-text-subtlest, #626F86)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   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, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)"
@@ -783,7 +783,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       onClick: this.handleClearText
     }, jsx(CrossCircleIcon, {
       label: formatClearLinkText,
-      color: "var(--ds-icon-subtle, #626F86)"
+      color: "var(--ds-icon-subtle, #505258)"
     }))))), jsx("label", {
       htmlFor: displayTextInputId,
       css: [inputLabel, textLabelMargin]
@@ -808,7 +808,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       onKeyDown: this.handleClearTextKeyDown
     }, jsx(CrossCircleIcon, {
       label: formatMessage(messages.clearText),
-      color: "var(--ds-icon-subtle, #626F86)"
+      color: "var(--ds-icon-subtle, #505258)"
     }))))), jsx("div", {
       css: visuallyHiddenStyles,
       "aria-live": "polite",

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

@@ -10,7 +10,7 @@ import ForwardedLinkSearchListItemNextWithIntl from './LinkSearchListItem';
 const listContainer = css({
   paddingTop: 0,
   marginTop: "var(--ds-space-150, 12px)",
-  borderTop: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #091E4224)"}`
+  borderTop: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`
 });
 const spinnerContainer = css({
   textAlign: 'center',

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

@@ -24,7 +24,7 @@ export const container = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const containerSelected = css({
-  backgroundColor: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+  backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
 });
 const nameWrapper = css({
   overflow: 'hidden'
@@ -32,7 +32,7 @@ const nameWrapper = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const nameStyle = css({
-  color: "var(--ds-text, #172B4D)",
+  color: "var(--ds-text, #292A2E)",
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
@@ -42,7 +42,7 @@ export const nameStyle = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const containerName = css({
-  color: "var(--ds-text-subtlest, #626F86)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   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

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

@@ -75,7 +75,7 @@ export const wrapperStyle = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const selectedStyle = css({
-  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}`,
+  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`,
   outline: 'none'
 });
 

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

@@ -9,11 +9,11 @@ export const wrapperStyle = css({
   justifyContent: 'center',
   boxDecorationBreak: 'clone',
   borderRadius: `${"var(--ds-radius-small, 3px)"}`,
-  color: `${"var(--ds-text, #172B4D)"}`,
-  backgroundColor: `${"var(--ds-background-neutral, #091E420F)"}`,
+  color: `${"var(--ds-text, #292A2E)"}`,
+  backgroundColor: `${"var(--ds-background-neutral, #0515240F)"}`,
   transition: '0.1s all ease-in-out',
   cursor: 'pointer',
   '&:hover': {
-    backgroundColor: `${"var(--ds-background-neutral-hovered, #091E4224)"}`
+    backgroundColor: `${"var(--ds-background-neutral-hovered, #0B120E24)"}`
   }
 });

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "110.24.1";
+const packageVersion = "0.0.0-development";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/quick-insert/assets/panel-note.js

@@ -21,8 +21,8 @@ export default function IconPanelNote() {
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("rect", {
     fill: iconThemed({
-      light: "var(--ds-background-accent-purple-subtlest, #F3F0FF)",
-      dark: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
+      light: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
+      dark: "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
     }),
     x: 8,
     y: 12,
@@ -32,8 +32,8 @@ export default function IconPanelNote() {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M13 16h4a1 1 0 011 1v6a1 1 0 01-1 1h-4a1 1 0 01-1-1v-6a1 1 0 011-1zm1 2a.5.5 0 100 1h2a.5.5 0 100-1h-2zm0 2a.5.5 0 100 1h1a.5.5 0 100-1h-1z",
     fill: iconThemed({
-      light: "var(--ds-icon-discovery, #8270DB)",
-      dark: "var(--ds-icon-discovery, #8270DB)"
+      light: "var(--ds-icon-discovery, #AF59E1)",
+      dark: "var(--ds-icon-discovery, #AF59E1)"
     })
   })));
 }

package/dist/es2019/quick-insert/assets/panel-success.js

@@ -32,8 +32,8 @@ export default function IconPanelSuccess() {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15 24a4 4 0 110-8 4 4 0 010 8zm.682-5.482l-1.076 2.055-.772-.695a.5.5 0 00-.668.744l1.25 1.125a.5.5 0 00.777-.14l1.375-2.625a.5.5 0 00-.886-.464z",
     fill: iconThemed({
-      light: "var(--ds-icon-success, #22A06B)",
-      dark: "var(--ds-icon-success, #22A06B)"
+      light: "var(--ds-icon-success, #6A9A23)",
+      dark: "var(--ds-icon-success, #6A9A23)"
     })
   })));
 }

package/dist/es2019/quick-insert/assets/panel-warning.js

@@ -21,8 +21,8 @@ export default function IconPanelWarning() {
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("rect", {
     fill: iconThemed({
-      light: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-      dark: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)"
+      light: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
+      dark: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)"
     }),
     x: 8,
     y: 12,
@@ -32,8 +32,8 @@ export default function IconPanelWarning() {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M16.847 16.83l2.808 5.73a1 1 0 01-.898 1.44h-6.514a1 1 0 01-.898-1.44l2.808-5.73a1.5 1.5 0 012.694 0zm-1.347.46a.568.568 0 00-.564.635l.278 2.32a.288.288 0 00.572 0l.278-2.32a.568.568 0 00-.564-.635zm0 5.035c.318 0 .576-.293.576-.656 0-.362-.258-.656-.576-.656-.318 0-.576.294-.576.656 0 .363.258.656.576.656z",
     fill: iconThemed({
-      light: "var(--ds-icon-warning, #E56910)",
-      dark: "var(--ds-icon-warning, #E56910)"
+      light: "var(--ds-icon-warning, #E06C00)",
+      dark: "var(--ds-icon-warning, #E06C00)"
     })
   })));
 }

package/dist/es2019/quick-insert/assets/panel.js

@@ -21,8 +21,8 @@ export default function IconPanel() {
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("rect", {
     fill: iconThemed({
-      light: "var(--ds-background-accent-blue-subtlest, #E9F2FF)",
-      dark: "var(--ds-background-accent-blue-subtlest, #E9F2FF)"
+      light: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
+      dark: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
     }),
     x: 8,
     y: 12,
@@ -32,8 +32,8 @@ export default function IconPanel() {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M12 20a4 4 0 108 0 4 4 0 00-8 0z",
     fill: iconThemed({
-      light: "var(--ds-icon-information, #1D7AFC)",
-      dark: "var(--ds-icon-information, #1D7AFC)"
+      light: "var(--ds-icon-information, #357DE8)",
+      dark: "var(--ds-icon-information, #357DE8)"
     }),
     fillRule: "nonzero"
   }), /*#__PURE__*/React.createElement("rect", {

package/dist/es2019/styles/shared/headings.js

@@ -99,7 +99,7 @@ export const headingsSharedStyles = typographyTheme => {
         fontSize: `${24 / 14}em`,
         fontStyle: 'inherit',
         lineHeight: 28 / 24,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-medium, 500)",
         letterSpacing: `-0.01em`,
         marginBottom: 0,
@@ -109,7 +109,7 @@ export const headingsSharedStyles = typographyTheme => {
         fontSize: `${20 / 14}em`,
         fontStyle: 'inherit',
         lineHeight: 24 / 20,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-medium, 500)",
         letterSpacing: `-0.008em`,
         marginTop: '1.8em',
@@ -119,7 +119,7 @@ export const headingsSharedStyles = typographyTheme => {
         fontSize: `${16 / 14}em`,
         fontStyle: 'inherit',
         lineHeight: 20 / 16,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-semibold, 600)",
         letterSpacing: `-0.006em`,
         marginTop: '2em',
@@ -129,7 +129,7 @@ export const headingsSharedStyles = typographyTheme => {
         fontSize: `${14 / 14}em`,
         fontStyle: 'inherit',
         lineHeight: 16 / 14,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-semibold, 600)",
         letterSpacing: `-0.003em`,
         marginTop: '1.357em'
@@ -138,7 +138,7 @@ export const headingsSharedStyles = typographyTheme => {
         fontSize: `${12 / 14}em`,
         fontStyle: 'inherit',
         lineHeight: 16 / 12,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-semibold, 600)",
         marginTop: '1.667em',
         textTransform: 'none'
@@ -147,7 +147,7 @@ export const headingsSharedStyles = typographyTheme => {
         fontSize: `${11 / 14}em`,
         fontStyle: 'inherit',
         lineHeight: 16 / 11,
-        color: "var(--ds-text-subtlest, #626F86)",
+        color: "var(--ds-text-subtlest, #6B6E76)",
         fontWeight: "var(--ds-font-weight-bold, 700)",
         marginTop: '1.455em',
         textTransform: 'none'

package/dist/es2019/styles/shared/plugins.js

@@ -54,7 +54,7 @@ export const buttonGroupStyle = css({
 // If you make change here, change in above file as well.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const separatorStyles = css({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   width: '1px',
   height: '24px',
   display: 'inline-block',

package/dist/es2019/styles/shared/resizer.js

@@ -34,7 +34,7 @@ export const resizerStyles = css`
 
 		&.is-resizing {
 			& .${resizerHandleThumbClassName} {
-				background: ${"var(--ds-border-focused, #388BFF)"};
+				background: ${"var(--ds-border-focused, #4688EC)"};
 			}
 		}
 
@@ -120,7 +120,7 @@ export const resizerStyles = css`
 
 		&:hover {
 			& .${resizerHandleThumbClassName} {
-				background: ${"var(--ds-border-focused, #388BFF)"};
+				background: ${"var(--ds-border-focused, #4688EC)"};
 			}
 
 			& .${resizerHandleTrackClassName} {
@@ -143,7 +143,7 @@ export const resizerStyles = css`
 		z-index: 2;
 		outline: none;
 		min-height: 24px;
-		background: ${"var(--ds-border, #091E4224)"};
+		background: ${"var(--ds-border, #0B120E24)"};
 
 		&:hover {
 			cursor: col-resize;
@@ -183,11 +183,11 @@ export const resizerStyles = css`
 		}
 
 		&.shadow {
-			background: ${"var(--ds-background-selected, #E9F2FF)"};
+			background: ${"var(--ds-background-selected, #E9F2FE)"};
 		}
 
 		&.full-height {
-			background: ${"var(--ds-background-selected, #E9F2FF)"};
+			background: ${"var(--ds-background-selected, #E9F2FE)"};
 			height: 100%;
 			min-height: 36px;
 		}
@@ -195,7 +195,7 @@ export const resizerStyles = css`
 
 	.${akEditorSelectedNodeClassName} {
 		& .${resizerHandleThumbClassName} {
-			background: ${"var(--ds-border-focused, #388BFF)"};
+			background: ${"var(--ds-border-focused, #4688EC)"};
 		}
 	}
 

package/dist/es2019/table/SortingIcon.js

@@ -34,7 +34,7 @@ const buttonStyles = css`
 	cursor: pointer;
 
 	&:hover {
-		background-color: ${"var(--ds-surface-overlay-hovered, #F1F2F4)"};
+		background-color: ${"var(--ds-surface-overlay-hovered, #F0F1F2)"};
 	}
 
 	&:active {

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

@@ -16,7 +16,7 @@ const captionWrapperStyle = css({
   marginTop: "var(--ds-space-100, 8px)",
   textAlign: 'center',
   position: 'relative',
-  color: "var(--ds-text-subtle, #44546F)"
+  color: "var(--ds-text-subtle, #505258)"
 });
 const placeholderStyle = xcss({
   color: 'color.text.subtlest',

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "110.24.1";
+const packageVersion = "0.0.0-development";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({
@@ -54,10 +54,10 @@ class DropList extends Component {
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     _defineProperty(this, "menuWrapper", () => {
       return css({
-        color: "var(--ds-text-subtle, #44546F)",
+        color: "var(--ds-text-subtle, #505258)",
         backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
         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',
         overflow: 'auto',
         padding: `${"var(--ds-space-050, 4px)"} 0`,

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

@@ -48,12 +48,12 @@ export const ExpandIconWrapper = ({
 const expandIconWrapperStyle = () => css({
   cursor: 'pointer',
   display: 'flex',
-  color: "var(--ds-icon, #44546F)",
+  color: "var(--ds-icon, #292A2E)",
   borderRadius: "var(--ds-radius-small, 4px)",
   width: '24px',
   height: '24px',
   '&:hover': {
-    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 -- Ignored via go/DSP-18766
   svg: {

package/dist/es2019/ui/FloatingToolbar/Separator.js

@@ -5,14 +5,14 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const separator = css({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   width: '1px',
   height: '20px',
   margin: `0 ${"var(--ds-space-050, 4px)"}`,
   alignSelf: 'center'
 });
 const separatorNew = css({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   width: '1px',
   height: '20px',
   alignSelf: 'center'

package/dist/es2019/ui/FloatingToolbar/styles.js

@@ -24,12 +24,12 @@ const background = {
       dark: 'inherit'
     },
     hover: {
-      light: "var(--ds-background-neutral-subtle-hovered, #091E420F)",
-      dark: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+      light: "var(--ds-background-neutral-subtle-hovered, #0515240F)",
+      dark: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
     },
     active: {
-      light: "var(--ds-background-neutral-pressed, #091E424F)",
-      dark: "var(--ds-background-neutral-pressed, #091E424F)"
+      light: "var(--ds-background-neutral-pressed, #080F214A)",
+      dark: "var(--ds-background-neutral-pressed, #080F214A)"
     }
   }
 };
@@ -44,16 +44,16 @@ const backgroundVisualRefresh = {
       dark: "var(--ds-background-danger-hovered, #FFD5D2)"
     },
     active: {
-      light: "var(--ds-background-danger-pressed, #FD9891)",
-      dark: "var(--ds-background-danger-pressed, #FD9891)"
+      light: "var(--ds-background-danger-pressed, #FFB8B2)",
+      dark: "var(--ds-background-danger-pressed, #FFB8B2)"
     }
   }
 };
 const color = {
   danger: {
     default: {
-      light: "var(--ds-icon, #44546F)",
-      dark: "var(--ds-icon, #44546F)"
+      light: "var(--ds-icon, #292A2E)",
+      dark: "var(--ds-icon, #292A2E)"
     },
     hover: {
       light: "var(--ds-icon-danger, #C9372C)",
@@ -68,8 +68,8 @@ const color = {
 const colorVisualRefresh = {
   danger: {
     default: {
-      light: "var(--ds-icon-subtle, #626F86)",
-      dark: "var(--ds-icon-subtle, #626F86)"
+      light: "var(--ds-icon-subtle, #505258)",
+      dark: "var(--ds-icon-subtle, #505258)"
     },
     hover: {
       light: "var(--ds-icon-danger, #C9372C)",

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

@@ -11,7 +11,7 @@ const errorColor = css({
   color: "var(--ds-text-danger, #AE2E24)"
 });
 const validColor = css({
-  color: "var(--ds-text-success, #216E4E)"
+  color: "var(--ds-text-success, #4C6B1F)"
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
@@ -24,7 +24,7 @@ css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 16 / 12,
   fontWeight: "var(--ds-font-weight-regular, 400)",
-  color: "var(--ds-text-subtlest, #626F86)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   marginTop: "var(--ds-space-050, 4px)",
   display: 'flex',
   justifyContent: 'baseline'

package/dist/es2019/ui/PanelTextInput/styles.js

@@ -7,11 +7,11 @@ export const panelTextInput = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'input&': {
     background: 'transparent',
-    border: `1px solid ${"var(--ds-border-input, #8590A2)"}`,
+    border: `1px solid ${"var(--ds-border-input, #8C8F97)"}`,
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
     borderRadius: "var(--ds-radius-small, 3px)",
     boxSizing: 'content-box',
-    color: "var(--ds-text, #172B4D)",
+    color: "var(--ds-text, #292A2E)",
     flexGrow: 1,
     // 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(13),
@@ -27,11 +27,11 @@ export const panelTextInput = css({
     '&:focus': {
       outline: 'none',
       backgroundColor: "var(--ds-background-input-pressed, #FFFFFF)",
-      borderColor: "var(--ds-border-focused, #388BFF)",
-      boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${"var(--ds-border-focused, #388BFF)"}`
+      borderColor: "var(--ds-border-focused, #4688EC)",
+      boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${"var(--ds-border-focused, #4688EC)"}`
     },
     '&::placeholder': {
-      color: "var(--ds-text-subtlest, #626F86)"
+      color: "var(--ds-text-subtlest, #6B6E76)"
     }
   }
 });

package/dist/es2019/ui/Shortcut/index.compiled.css

@@ -2,9 +2,9 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._1wpzesu3{align-self:flex-end}
 ._1wyb1qpa{font-size:.729375rem}
-._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 @media (max-width:0px){._1ggkglyw{display:none}}

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

@@ -10,6 +10,6 @@ export function Shortcut({
   children
 }) {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rkofajl _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syaz1gjq _bfhkm7j4 _1ggkglyw", "_1wyb1qpa"])
+    className: ax(["_2rkofajl _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syazazsu _bfhki8nm _1ggkglyw", "_1wyb1qpa"])
   }, children);
 }

package/dist/es2019/ui/Toolbar/Separator.compiled.css

@@ -4,6 +4,6 @@
 ._1e0c1o8l{display:inline-block}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._4t3i1tcg{height:24px}
-._bfhk15ej{background-color:var(--ds-background-neutral-hovered,#091e4224)}
+._bfhkplhp{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
 ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}

package/dist/es2019/ui/Toolbar/Separator.js

@@ -6,6 +6,6 @@ const separatorStyles = null;
 export function ToolbarSeparator() {
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "editor-toolbar-seperator",
-    className: ax(["_1e0c1o8l _1bsbt94y _4t3i1tcg _19pkze3t _otyrze3t _18u0u2gc _2hwxu2gc _uiztglyw _bfhk15ej"])
+    className: ax(["_1e0c1o8l _1bsbt94y _4t3i1tcg _19pkze3t _otyrze3t _18u0u2gc _2hwxu2gc _uiztglyw _bfhkplhp"])
   });
 }

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

@@ -15,8 +15,8 @@ import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
 const blockNodeStyle = css({
-  background: "var(--ds-background-disabled, #091E4208)",
-  border: `${"var(--ds-border-width, 1px)"} dashed ${"var(--ds-border-disabled, #091E420F)"}`,
+  background: "var(--ds-background-disabled, #17171708)",
+  border: `${"var(--ds-border-width, 1px)"} dashed ${"var(--ds-border-disabled, #0515240F)"}`,
   // 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)",
   boxSizing: 'border-box',