@atlaskit/editor-plugin-extension 11.0.14 → 11.0.16

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-extension
 
+## 11.0.16
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.0.15
+
+### Patch Changes
+
+- [`5892e575833a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5892e575833a1) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 11.0.14
 
 ### Patch Changes

package/dist/cjs/pm-plugins/toDOM-fixes/bodiedExtension.js

@@ -8,7 +8,6 @@ exports.bodiedExtensionSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var capitalizeFirstLetter = function capitalizeFirstLetter(str) {
@@ -36,7 +35,7 @@ var bodiedExtensionSpecWithFixedToDOM = exports.bodiedExtensionSpecWithFixedToDO
       return ['div', attrs, ['span', {
         // Styles based on `packages/editor/editor-common/src/extensibility/Extension/Lozenge/ExtensionLabel.tsx`
         style: (0, _lazyNodeView.convertToInlineCss)({
-          boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(_colors.N30, ")")),
+          boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)"),
           fontSize: '14px',
           padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
           color: "var(--ds-text-subtle, #505258)",
@@ -56,7 +55,7 @@ var bodiedExtensionSpecWithFixedToDOM = exports.bodiedExtensionSpecWithFixedToDO
           padding: "var(--ds-space-200, 16px)",
           marginLeft: "var(--ds-space-negative-150, -12px)",
           marginRight: "var(--ds-space-negative-150, -12px)",
-          boxShadow: "0 0 0 1px ".concat("var(--ds-border, ".concat(_colors.N30, ")")),
+          boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)"),
           borderRadius: "var(--ds-radius-small, 4px)"
         })
       }, 0]];

package/dist/cjs/ui/ConfigPanel/Fields/CheckboxGroup.js

@@ -26,7 +26,7 @@ function _validate(value, isRequired) {
   }
 }
 var requiredIndicatorStyles = (0, _react2.css)({
-  color: "var(--ds-text-danger, #bf2600)"
+  color: "var(--ds-text-danger, #AE2E24)"
 });
 function CheckboxGroupInner(_ref) {
   var label = _ref.label,

package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js

@@ -29,105 +29,105 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 var colorPalette = exports.colorPalette = [{
   label: 'Light Blue',
-  value: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
+  value: "var(--ds-background-accent-blue-subtle, #669DF1)"
 },
 // 400
 {
   label: 'Light Green',
-  value: "var(--ds-background-accent-green-subtle, #6BE1B0)"
+  value: "var(--ds-background-accent-green-subtle, #4BCE97)"
 },
 // 400
 {
   label: 'Light Yellow',
-  value: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
+  value: "var(--ds-background-accent-yellow-subtle, #EED12B)"
 },
 // 400
 {
   label: 'Light Red',
-  value: "var(--ds-background-accent-red-subtle, #FF8F73)"
+  value: "var(--ds-background-accent-red-subtle, #F87168)"
 },
 // 400
 {
   label: 'Light Purple',
-  value: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
+  value: "var(--ds-background-accent-purple-subtle, #C97CF4)"
 },
 // 400
 
 {
   label: 'Blue',
-  value: "var(--ds-chart-blue-bold, #247FFF)"
+  value: "var(--ds-chart-blue-bold, #4688EC)"
 },
 // 600
 {
   label: 'Green',
-  value: "var(--ds-chart-green-bold, #23A971)"
+  value: "var(--ds-chart-green-bold, #22A06B)"
 },
 // 600
 {
   label: 'Yellow',
-  value: "var(--ds-chart-yellow-bold, #FFBE33)"
+  value: "var(--ds-chart-yellow-bold, #B38600)"
 },
 // 600
 {
   label: 'Red',
-  value: "var(--ds-chart-red-bold, #FC552C)"
+  value: "var(--ds-chart-red-bold, #F15B50)"
 },
 // 600
 {
   label: 'Purple',
-  value: "var(--ds-chart-purple-bold, #8B77EE)"
+  value: "var(--ds-chart-purple-bold, #BF63F3)"
 },
 // 600
 
 {
   label: 'Dark Blue',
-  value: "var(--ds-chart-blue-bolder, #0055CC)"
+  value: "var(--ds-chart-blue-bolder, #357DE8)"
 },
 // 800
 {
   label: 'Dark Green',
-  value: "var(--ds-chart-green-bolder, #177D52)"
+  value: "var(--ds-chart-green-bolder, #1F845A)"
 },
 // 800
 {
   label: 'Dark Yellow',
-  value: "var(--ds-chart-yellow-bolder, #FF9D00)"
+  value: "var(--ds-chart-yellow-bolder, #946F00)"
 },
 // 800
 {
   label: 'Dark Red',
-  value: "var(--ds-chart-red-bolder, #D32D03)"
+  value: "var(--ds-chart-red-bolder, #E2483D)"
 },
 // 800
 {
   label: 'Dark Purple',
-  value: "var(--ds-chart-purple-bolder, #5A43D0)"
+  value: "var(--ds-chart-purple-bolder, #AF59E1)"
 },
 // 800
 
 {
   label: 'Darker Blue',
-  value: "var(--ds-chart-blue-boldest, #003884)"
+  value: "var(--ds-chart-blue-boldest, #1558BC)"
 },
 // 1000
 {
   label: 'Darker Green',
-  value: "var(--ds-chart-green-boldest, #055C3F)"
+  value: "var(--ds-chart-green-boldest, #216E4E)"
 },
 // 1000
 {
   label: 'Darker Yellow',
-  value: "var(--ds-chart-yellow-boldest, #946104)"
+  value: "var(--ds-chart-yellow-boldest, #7F5F01)"
 },
 // 1000
 {
   label: 'Darker Red',
-  value: "var(--ds-chart-red-boldest, #A32000)"
+  value: "var(--ds-chart-red-boldest, #AE2E24)"
 },
 // 1000
 {
   label: 'Darker Purple',
-  value: "var(--ds-chart-purple-boldest, #44368B)"
+  value: "var(--ds-chart-purple-boldest, #803FA5)"
 } // 1000
 ].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
@@ -141,32 +141,32 @@ var colorPalette = exports.colorPalette = [{
  */
 var extendedColorPalette = exports.extendedColorPalette = [{
   label: 'Darker Blue',
-  value: "var(--ds-chart-blue-boldest, #003884)"
+  value: "var(--ds-chart-blue-boldest, #1558BC)"
 },
 // 1000
 {
   label: 'Darker Teal',
-  value: "var(--ds-chart-teal-boldest, #206B74)"
+  value: "var(--ds-chart-teal-boldest, #206A83)"
 },
 // 1000
 {
   label: 'Darker Green',
-  value: "var(--ds-chart-green-boldest, #055C3F)"
+  value: "var(--ds-chart-green-boldest, #216E4E)"
 },
 // 1000
 {
   label: 'Darker Yellow',
-  value: "var(--ds-chart-yellow-boldest, #946104)"
+  value: "var(--ds-chart-yellow-boldest, #7F5F01)"
 },
 // 1000
 {
   label: 'Darker Orange',
-  value: "var(--ds-chart-orange-boldest, #974F0C)"
+  value: "var(--ds-chart-orange-boldest, #7A3B00)"
 },
 // 1000
 {
   label: 'Darker Red',
-  value: "var(--ds-chart-red-boldest, #A32000)"
+  value: "var(--ds-chart-red-boldest, #AE2E24)"
 },
 // 1000
 {
@@ -176,43 +176,43 @@ var extendedColorPalette = exports.extendedColorPalette = [{
 // 1000
 {
   label: 'Darker Purple',
-  value: "var(--ds-chart-purple-boldest, #44368B)"
+  value: "var(--ds-chart-purple-boldest, #803FA5)"
 },
 // 1000
 {
   label: 'Darker Gray',
-  value: "var(--ds-chart-gray-boldest, #44546F)"
+  value: "var(--ds-chart-gray-boldest, #505258)"
 },
 // 1000
 
 {
   label: 'Dark Blue',
-  value: "var(--ds-chart-blue-bolder, #0055CC)"
+  value: "var(--ds-chart-blue-bolder, #357DE8)"
 },
 // 800
 {
   label: 'Dark Teal',
-  value: "var(--ds-chart-teal-bolder, #1D7F8C)"
+  value: "var(--ds-chart-teal-bolder, #227D9B)"
 },
 // 800
 {
   label: 'Dark Green',
-  value: "var(--ds-chart-green-bolder, #177D52)"
+  value: "var(--ds-chart-green-bolder, #1F845A)"
 },
 // 800
 {
   label: 'Dark Yellow',
-  value: "var(--ds-chart-yellow-bolder, #FF9D00)"
+  value: "var(--ds-chart-yellow-bolder, #946F00)"
 },
 // 800
 {
   label: 'Dark Orange',
-  value: "var(--ds-chart-orange-bolder, #B65C02)"
+  value: "var(--ds-chart-orange-bolder, #BD5B00)"
 },
 // 800
 {
   label: 'Dark Red',
-  value: "var(--ds-chart-red-bolder, #D32D03)"
+  value: "var(--ds-chart-red-bolder, #E2483D)"
 },
 // 800
 {
@@ -222,43 +222,43 @@ var extendedColorPalette = exports.extendedColorPalette = [{
 // 800
 {
   label: 'Dark Purple',
-  value: "var(--ds-chart-purple-bolder, #5A43D0)"
+  value: "var(--ds-chart-purple-bolder, #AF59E1)"
 },
 // 800
 {
   label: 'Dark Gray',
-  value: "var(--ds-chart-gray-bolder, #758195)"
+  value: "var(--ds-chart-gray-bolder, #7D818A)"
 },
 // 800
 
 {
   label: 'Blue',
-  value: "var(--ds-chart-blue-bold, #247FFF)"
+  value: "var(--ds-chart-blue-bold, #4688EC)"
 },
 // 600
 {
   label: 'Teal',
-  value: "var(--ds-chart-teal-bold, #1D9AAA)"
+  value: "var(--ds-chart-teal-bold, #2898BD)"
 },
 // 600
 {
   label: 'Green',
-  value: "var(--ds-chart-green-bold, #23A971)"
+  value: "var(--ds-chart-green-bold, #22A06B)"
 },
 // 600
 {
   label: 'Yellow',
-  value: "var(--ds-chart-yellow-bold, #FFBE33)"
+  value: "var(--ds-chart-yellow-bold, #B38600)"
 },
 // 600
 {
   label: 'Orange',
-  value: "var(--ds-chart-orange-bold, #D97008)"
+  value: "var(--ds-chart-orange-bold, #E06C00)"
 },
 // 600
 {
   label: 'Red',
-  value: "var(--ds-chart-red-bold, #FC552C)"
+  value: "var(--ds-chart-red-bold, #F15B50)"
 },
 // 600
 {
@@ -268,43 +268,43 @@ var extendedColorPalette = exports.extendedColorPalette = [{
 // 600
 {
   label: 'Purple',
-  value: "var(--ds-chart-purple-bold, #8B77EE)"
+  value: "var(--ds-chart-purple-bold, #BF63F3)"
 },
 // 600
 {
   label: 'Gray',
-  value: "var(--ds-chart-gray-bold, #8590A2)"
+  value: "var(--ds-chart-gray-bold, #8C8F97)"
 },
 // 600
 
 {
   label: 'Light Blue',
-  value: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
+  value: "var(--ds-background-accent-blue-subtle, #669DF1)"
 },
 // 400
 {
   label: 'Light Teal',
-  value: "var(--ds-background-accent-teal-subtle, #60C6D2)"
+  value: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
 },
 // 400
 {
   label: 'Light Green',
-  value: "var(--ds-background-accent-green-subtle, #6BE1B0)"
+  value: "var(--ds-background-accent-green-subtle, #4BCE97)"
 },
 // 400
 {
   label: 'Light Yellow',
-  value: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
+  value: "var(--ds-background-accent-yellow-subtle, #EED12B)"
 },
 // 400
 {
   label: 'Light Orange',
-  value: "var(--ds-background-accent-orange-subtle, #FAA53D)"
+  value: "var(--ds-background-accent-orange-subtle, #FCA700)"
 },
 // 400
 {
   label: 'Light Red',
-  value: "var(--ds-background-accent-red-subtle, #FF8F73)"
+  value: "var(--ds-background-accent-red-subtle, #F87168)"
 },
 // 400
 {
@@ -314,12 +314,12 @@ var extendedColorPalette = exports.extendedColorPalette = [{
 // 400
 {
   label: 'Light Purple',
-  value: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
+  value: "var(--ds-background-accent-purple-subtle, #C97CF4)"
 },
 // 400
 {
   label: 'Light Gray',
-  value: "var(--ds-background-accent-gray-subtle, #8993A5)"
+  value: "var(--ds-background-accent-gray-subtle, #8C8F97)"
 } // 400
 ].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {

package/dist/cjs/ui/ConfigPanel/Fields/Expand.js

@@ -14,7 +14,6 @@ var _new = require("@atlaskit/button/new");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
-var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * @jsxRuntime classic
@@ -24,7 +23,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var expandContainerStyles = (0, _react2.css)({
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")"))
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)")
 });
 var expandControlStyles = (0, _react2.css)({
   display: 'flex',

package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js

@@ -25,7 +25,6 @@ var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
 var _primitives = require("@atlaskit/primitives");
 var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
 var _select = _interopRequireDefault(require("@atlaskit/select"));
-var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -37,7 +36,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var actionsWrapperStyles = (0, _react2.css)({
-  borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40A, ")")),
+  borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   marginTop: "var(--ds-space-200, 16px)",
   paddingTop: "var(--ds-space-200, 16px)"
 });

package/dist/cjs/ui/ConfigPanel/Fields/SelectItem.js

@@ -54,7 +54,7 @@ var formatOptionLabel = exports.formatOptionLabel = function formatOptionLabel(_
     appearance: "square"
   }) : icon), (0, _react.jsx)("div", {
     style: {
-      paddingLeft: icon ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0)"
+      paddingLeft: icon ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)"
     },
     "data-testid": "extension-option-label"
   }, label, description && context !== 'value' && (0, _react.jsx)("small", null, description)));

package/dist/cjs/ui/ConfigPanel/Header/HeaderIcon.js

@@ -16,7 +16,7 @@ var itemIconStyles = (0, _primitives.xcss)({
   width: iconWidth,
   height: iconWidth,
   overflow: 'hidden',
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))"),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   display: 'flex',

package/dist/cjs/ui/ConfigPanel/Header.js

@@ -13,7 +13,6 @@ var _extensions = require("@atlaskit/editor-common/extensions");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
 var _HelpLink = require("./HelpLink");
 /**
  * @jsxRuntime classic
@@ -36,7 +35,7 @@ var itemIconStyles = (0, _react2.css)({
   width: iconWidth,
   height: iconWidth,
   overflow: 'hidden',
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))"),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   display: 'flex',
@@ -72,7 +71,7 @@ var itemTextStyles = (0, _react2.css)({
   itemSummary: {
     // 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: (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67),
-    color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+    color: "var(--ds-text-subtlest, #6B6E76)",
     marginTop: "var(--ds-space-050, 4px)",
     whiteSpace: 'nowrap',
     overflow: 'hidden',

package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -10,7 +10,6 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
-var _colors = require("@atlaskit/theme/colors");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 /**
@@ -32,9 +31,9 @@ var removeButtonWrapperStyles = (0, _react2.css)({
   right: 0,
   top: 0,
   cursor: 'pointer',
-  color: "var(--ds-icon-subtle, ".concat(_colors.N80, ")"),
+  color: "var(--ds-icon-subtle, #505258)",
   '&:hover': {
-    color: "var(--ds-icon-danger, ".concat(_colors.R300, ")")
+    color: "var(--ds-icon-danger, #C9372C)"
   }
 });
 var RemovableField = function RemovableField(_ref) {

package/dist/cjs/ui/SaveIndicator/SaveIndicator.js

@@ -12,7 +12,6 @@ var _reactIntlNext = require("react-intl-next");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
 var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -35,9 +34,9 @@ var saveIndicatorContentStyles = (0, _react2.css)({
   flexDirection: 'row',
   alignItems: 'center',
   padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-150, 12px)"),
-  background: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   /* E300 */
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0px 8px 12px rgba(9, 30, 66, 0.15), 0px 0px 1px rgba(9, 30, 66, 0.31)", ")"),
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   borderRadius: "var(--ds-radius-xxlarge, 16px)"
 });
 var saveIndicatorTextStyles = (0, _primitives.xcss)({
@@ -79,7 +78,7 @@ var SaveIndicator = exports.SaveIndicator = function SaveIndicator(_ref) {
     "data-testid": "save-indicator-content"
   }, (0, _react2.jsx)(_statusSuccess.default, {
     label: "Saving",
-    color: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
+    color: "var(--ds-icon-success, #6A9A23)",
     spacing: "none"
   }), (0, _react2.jsx)(_primitives.Box, {
     xcss: saveIndicatorTextStyles

package/dist/es2019/pm-plugins/toDOM-fixes/bodiedExtension.js

@@ -1,6 +1,5 @@
 import { bodiedExtension } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { N30 } from '@atlaskit/theme/colors';
 const capitalizeFirstLetter = str => {
   return str.charAt(0).toUpperCase() + str.slice(1);
 };
@@ -27,7 +26,7 @@ export const bodiedExtensionSpecWithFixedToDOM = () => {
       return ['div', attrs, ['span', {
         // Styles based on `packages/editor/editor-common/src/extensibility/Extension/Lozenge/ExtensionLabel.tsx`
         style: convertToInlineCss({
-          boxShadow: `0 0 0 1px ${`var(--ds-border, ${N30})`}`,
+          boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`,
           fontSize: '14px',
           padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`,
           color: "var(--ds-text-subtle, #505258)",
@@ -47,7 +46,7 @@ export const bodiedExtensionSpecWithFixedToDOM = () => {
           padding: "var(--ds-space-200, 16px)",
           marginLeft: "var(--ds-space-negative-150, -12px)",
           marginRight: "var(--ds-space-negative-150, -12px)",
-          boxShadow: `0 0 0 1px ${`var(--ds-border, ${N30})`}`,
+          boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`,
           borderRadius: "var(--ds-radius-small, 4px)"
         })
       }, 0]];

package/dist/es2019/ui/ConfigPanel/Fields/CheckboxGroup.js

@@ -18,7 +18,7 @@ function validate(value, isRequired) {
   }
 }
 const requiredIndicatorStyles = css({
-  color: "var(--ds-text-danger, #bf2600)"
+  color: "var(--ds-text-danger, #AE2E24)"
 });
 function CheckboxGroupInner({
   label,