@atlaskit/renderer 124.10.2 → 124.10.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/react/nodes/bodiedExtension.js +10 -22
  3. package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
  4. package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
  5. package/dist/cjs/react/nodes/heading-anchor.js +2 -2
  6. package/dist/cjs/react/nodes/panel.js +5 -5
  7. package/dist/cjs/render-document.js +1 -4
  8. package/dist/cjs/ui/Expand.js +3 -3
  9. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +17 -17
  10. package/dist/cjs/ui/Renderer/index.js +1 -1
  11. package/dist/cjs/ui/annotations/draft/component.js +2 -2
  12. package/dist/cjs/ui/annotations/element/mark.js +12 -12
  13. package/dist/es2019/react/nodes/bodiedExtension.js +6 -19
  14. package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js +6 -6
  15. package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
  16. package/dist/es2019/react/nodes/heading-anchor.js +2 -2
  17. package/dist/es2019/react/nodes/panel.js +5 -5
  18. package/dist/es2019/render-document.js +1 -4
  19. package/dist/es2019/ui/Expand.js +3 -3
  20. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +27 -27
  21. package/dist/es2019/ui/Renderer/index.js +1 -1
  22. package/dist/es2019/ui/annotations/draft/component.js +2 -2
  23. package/dist/es2019/ui/annotations/element/mark.js +12 -12
  24. package/dist/esm/react/nodes/bodiedExtension.js +10 -22
  25. package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
  26. package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
  27. package/dist/esm/react/nodes/heading-anchor.js +2 -2
  28. package/dist/esm/react/nodes/panel.js +5 -5
  29. package/dist/esm/render-document.js +1 -4
  30. package/dist/esm/ui/Expand.js +3 -3
  31. package/dist/esm/ui/Renderer/RendererStyleContainer.js +17 -17
  32. package/dist/esm/ui/Renderer/index.js +1 -1
  33. package/dist/esm/ui/annotations/draft/component.js +2 -2
  34. package/dist/esm/ui/annotations/element/mark.js +12 -12
  35. package/package.json +5 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.10.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 124.10.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [`4660917b9e6b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4660917b9e6b9) -
14
+ Cleaned platform_editor_nested_table_extension_comment_fix FG.
15
+ - Updated dependencies
16
+
3
17
  ## 124.10.2
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/react/nodes/bodiedExtension.js CHANGED
@@ -16,26 +16,7 @@ var _enums = require("../../analytics/enums");
16
16
  var _analytics = require("@atlaskit/editor-common/analytics");
17
17
  var _annotations = require("../../ui/annotations");
18
18
  var _ValidationContext = require("../../ui/Renderer/ValidationContext");
19
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
19
  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); }
21
- var ValidationContextWrapper = function ValidationContextWrapper(_ref) {
22
- var children = _ref.children;
23
- // We override validation of nested tables in nested renderers as invalid ADF (but valid Prosemirror)
24
- // may have been introduced in the parent renderer's render and subsequent transformations.
25
- // For example - nested tables which are transformed from an extension node in ADF
26
- // to native Prosemirror nested table nodes in and this is invalid ADF.
27
- var validationContextValue = (0, _react.useMemo)(function () {
28
- return {
29
- allowNestedTables: true
30
- };
31
- }, []);
32
- if (!(0, _platformFeatureFlags.fg)('platform_editor_nested_table_extension_comment_fix')) {
33
- return children;
34
- }
35
- return /*#__PURE__*/_react.default.createElement(_ValidationContext.ValidationContextProvider, {
36
- value: validationContextValue
37
- }, children);
38
- };
39
20
  var BodiedExtension = function BodiedExtension(props) {
40
21
  var children = props.children,
41
22
  _props$layout = props.layout,
@@ -55,6 +36,11 @@ var BodiedExtension = function BodiedExtension(props) {
55
36
  .map(function (child) {
56
37
  return /*#__PURE__*/_react.default.isValidElement(child) ? child.props.nodeType === 'table' : false;
57
38
  }).every(Boolean);
39
+ var validationContextValue = (0, _react.useMemo)(function () {
40
+ return {
41
+ allowNestedTables: true
42
+ };
43
+ }, []);
58
44
  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
59
45
  component: _enums.ACTION_SUBJECT.RENDERER,
60
46
  componentId: _analytics.ACTION_SUBJECT_ID.EXTENSION_BODIED,
@@ -64,13 +50,15 @@ var BodiedExtension = function BodiedExtension(props) {
64
50
  value: {
65
51
  startPos: props.startPos + 1
66
52
  }
67
- }, /*#__PURE__*/_react.default.createElement(ValidationContextWrapper, null, /*#__PURE__*/_react.default.createElement(_ExtensionRenderer.default
53
+ }, /*#__PURE__*/_react.default.createElement(_ValidationContext.ValidationContextProvider, {
54
+ value: validationContextValue
55
+ }, /*#__PURE__*/_react.default.createElement(_ExtensionRenderer.default
68
56
  // Ignored via go/ees005
69
57
  // eslint-disable-next-line react/jsx-props-no-spreading
70
58
  , (0, _extends2.default)({}, props, {
71
59
  type: "bodiedExtension"
72
- }), function (_ref2) {
73
- var result = _ref2.result;
60
+ }), function (_ref) {
61
+ var result = _ref.result;
74
62
  try {
75
63
  if (result && /*#__PURE__*/_react.default.isValidElement(result)) {
76
64
  // Return the content directly if it's a valid JSX.Element
package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js CHANGED
@@ -37,7 +37,7 @@ var codeBlockStyleOverrides = (0, _react.css)((0, _defineProperty2.default)({
37
37
  fontSize: "".concat(14 / 16, "rem"),
38
38
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
39
39
  lineHeight: '1.5rem',
40
- backgroundImage: "linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-background-neutral, #091E420F)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t),linear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t),linear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-background-neutral, #091E420F)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-shadow-overflow-spread, #091e4229)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #091e421f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-shadow-overflow-spread, #091e4229)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #091e421f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t)"),
40
+ backgroundImage: "linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t),linear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t),linear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto left,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t),linear-gradient(\n\t\t\tto right,\n\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t)"),
41
41
  backgroundAttachment: 'local, local, local, local, scroll, scroll, scroll, scroll',
42
42
  backgroundPosition: '0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0'
43
43
  }));
package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js CHANGED
@@ -67,7 +67,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
67
67
  right: '0px'
68
68
  }), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER), {
69
69
  position: 'relative',
70
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
70
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
71
71
  display: 'flex',
72
72
  borderRadius: "var(--ds-radius-small, 3px)",
73
73
  width: '100%',
@@ -81,7 +81,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
81
81
  /* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */
82
82
  overflowY: 'hidden'
83
83
  }), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
84
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
84
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
85
85
  position: 'relative',
86
86
  width: 'var(--lineNumberGutterWidth, 2rem)',
87
87
  padding: "var(--ds-space-100, 8px)",
@@ -100,7 +100,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
100
100
  code: {
101
101
  tabSize: 4,
102
102
  cursor: 'text',
103
- color: "var(--ds-text, #172B4D)",
103
+ color: "var(--ds-text, #292A2E)",
104
104
  borderRadius: "var(--ds-radius-small, 3px)",
105
105
  margin: "var(--ds-space-100, 8px)",
106
106
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
package/dist/cjs/react/nodes/heading-anchor.js CHANGED
@@ -44,7 +44,7 @@ var copyAnchorButtonStyles = (0, _react2.css)({
44
44
  outline: 'none',
45
45
  backgroundColor: 'transparent',
46
46
  border: 'none',
47
- color: "var(--ds-icon, #44546F)",
47
+ color: "var(--ds-icon, #292A2E)",
48
48
  cursor: 'pointer',
49
49
  right: 0
50
50
  });
@@ -126,7 +126,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
126
126
  }, (0, _react2.jsx)(_link.default, {
127
127
  label: _this.getCopyAriaLabel(),
128
128
  LEGACY_size: _this.props.level > 3 ? 'small' : 'medium',
129
- color: _this.state.isClicked ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon-subtle, #626F86)"
129
+ color: _this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
130
130
  }));
131
131
  });
132
132
  return _this;
package/dist/cjs/react/nodes/panel.js CHANGED
@@ -60,7 +60,7 @@ var panelBaseStyles = (0, _react2.css)({
60
60
  MsUserSelect: 'none',
61
61
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
62
62
  marginTop: '0.1em',
63
- color: "var(--ds-icon-information, #1D7AFC)",
63
+ color: "var(--ds-icon-information, #357DE8)",
64
64
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
65
65
  '> span': {
66
66
  verticalAlign: 'middle',
@@ -100,7 +100,7 @@ var panelBaseStyles = (0, _react2.css)({
100
100
  backgroundColor: "var(--ds-background-accent-purple-subtlest, #EAE6FF)",
101
101
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
102
102
  '.ak-editor-panel__icon': {
103
- color: "var(--ds-icon-discovery, #8270DB)"
103
+ color: "var(--ds-icon-discovery, #AF59E1)"
104
104
  }
105
105
  },
106
106
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
@@ -108,7 +108,7 @@ var panelBaseStyles = (0, _react2.css)({
108
108
  backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
109
109
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
110
110
  '.ak-editor-panel__icon': {
111
- color: "var(--ds-icon-success, #22A06B)"
111
+ color: "var(--ds-icon-success, #6A9A23)"
112
112
  }
113
113
  },
114
114
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
@@ -116,7 +116,7 @@ var panelBaseStyles = (0, _react2.css)({
116
116
  backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)",
117
117
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
118
118
  '.ak-editor-panel__icon': {
119
- color: "var(--ds-icon-warning, #E56910)"
119
+ color: "var(--ds-icon-warning, #E06C00)"
120
120
  }
121
121
  },
122
122
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
@@ -132,7 +132,7 @@ var panelBaseStyles = (0, _react2.css)({
132
132
  backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
133
133
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
134
134
  '.ak-editor-panel__icon': {
135
- color: "var(--ds-icon-success, #22A06B)"
135
+ color: "var(--ds-icon-success, #6A9A23)"
136
136
  }
137
137
  }
138
138
  }
package/dist/cjs/render-document.js CHANGED
@@ -70,10 +70,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
70
70
 
71
71
  // Convert nested-table extensions into nested tables
72
72
  try {
73
- var _transformNestedTable = (0, _transforms.transformNestedTablesIncomingDocument)(result, {
74
- environment: 'renderer',
75
- disableNestedRendererTreatment: (0, _platformFeatureFlags.fg)('platform_editor_nested_table_extension_comment_fix')
76
- }),
73
+ var _transformNestedTable = (0, _transforms.transformNestedTablesIncomingDocument)(result),
77
74
  _transformedAdf = _transformNestedTable.transformedAdf,
78
75
  _isTransformed = _transformNestedTable.isTransformed;
79
76
  if (_isTransformed) {
package/dist/cjs/ui/Expand.js CHANGED
@@ -72,10 +72,10 @@ var containerStyles = (0, _react.css)({
72
72
  var containerStylesExpanded = (0, _react.css)({
73
73
  background: "var(--ds-surface, rgba(255, 255, 255, 0.6))",
74
74
  paddingBottom: "var(--ds-space-100, 8px)",
75
- borderColor: "var(--ds-border, #091E4224)"
75
+ borderColor: "var(--ds-border, #0B120E24)"
76
76
  });
77
77
  var containerStylesFocused = (0, _react.css)({
78
- borderColor: "var(--ds-border-focused, #388BFF)"
78
+ borderColor: "var(--ds-border-focused, #4688EC)"
79
79
  });
80
80
  var containerStylesDataNodeTypeExpand = (0, _react.css)({
81
81
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -91,7 +91,7 @@ var titleContainerStyles = (0, _react.css)({
91
91
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
92
92
  fontSize: "".concat(14 / 16, "rem"),
93
93
  width: '100%',
94
- color: "var(--ds-text-subtle, #44546F)",
94
+ color: "var(--ds-text-subtle, #505258)",
95
95
  overflow: 'hidden',
96
96
  cursor: 'pointer',
97
97
  padding: "var(--ds-space-100, 8px)",
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -218,7 +218,7 @@ var telepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".co
218
218
  position: 'relative',
219
219
  width: '1.5px',
220
220
  height: '25px',
221
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
221
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
222
222
  marginLeft: "var(--ds-space-025, 2px)",
223
223
  '&::after': {
224
224
  content: '"AI"',
@@ -239,7 +239,7 @@ var telepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".co
239
239
  lineHeight: 'initial',
240
240
  borderRadius: "0px ".concat("var(--ds-radius-xsmall, 2px)", " ", "var(--ds-radius-xsmall, 2px)", " 0px"),
241
241
  color: "var(--ds-text-inverse, white)",
242
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
242
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)"
243
243
  }
244
244
  }));
245
245
  var rovoTelepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".concat(TELEPOINTER_ID), {
@@ -247,7 +247,7 @@ var rovoTelepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#
247
247
  position: 'relative',
248
248
  width: '1.5px',
249
249
  height: '24px',
250
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
250
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
251
251
  marginLeft: "var(--ds-space-025, 2px)",
252
252
  '&::after': {
253
253
  content: '""',
@@ -268,7 +268,7 @@ var rovoTelepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#
268
268
  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
269
269
  fontWeight: "var(--ds-font-weight-semibold, 600)",
270
270
  color: "var(--ds-text-inverse, white)",
271
- background: "var(--ds-text, #172B4D)",
271
+ background: "var(--ds-text, #292A2E)",
272
272
  top: 1,
273
273
  left: 1,
274
274
  borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
@@ -340,7 +340,7 @@ var headingsSharedStyles = (0, _react.css)({
340
340
  fontStyle: 'inherit',
341
341
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
342
342
  lineHeight: 28 / 24,
343
- color: "var(--ds-text, #172B4D)",
343
+ color: "var(--ds-text, #292A2E)",
344
344
  fontWeight: "var(--ds-font-weight-medium, 500)",
345
345
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
346
346
  letterSpacing: "-0.01em",
@@ -354,7 +354,7 @@ var headingsSharedStyles = (0, _react.css)({
354
354
  fontStyle: 'inherit',
355
355
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
356
356
  lineHeight: 24 / 20,
357
- color: "var(--ds-text, #172B4D)",
357
+ color: "var(--ds-text, #292A2E)",
358
358
  fontWeight: "var(--ds-font-weight-medium, 500)",
359
359
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
360
360
  letterSpacing: "-0.008em",
@@ -368,7 +368,7 @@ var headingsSharedStyles = (0, _react.css)({
368
368
  fontStyle: 'inherit',
369
369
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
370
370
  lineHeight: 20 / 16,
371
- color: "var(--ds-text, #172B4D)",
371
+ color: "var(--ds-text, #292A2E)",
372
372
  fontWeight: "var(--ds-font-weight-semibold, 600)",
373
373
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
374
374
  letterSpacing: "-0.006em",
@@ -381,7 +381,7 @@ var headingsSharedStyles = (0, _react.css)({
381
381
  fontStyle: 'inherit',
382
382
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
383
383
  lineHeight: 16 / 14,
384
- color: "var(--ds-text, #172B4D)",
384
+ color: "var(--ds-text, #292A2E)",
385
385
  fontWeight: "var(--ds-font-weight-semibold, 600)",
386
386
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
387
387
  letterSpacing: "-0.003em",
@@ -394,7 +394,7 @@ var headingsSharedStyles = (0, _react.css)({
394
394
  fontStyle: 'inherit',
395
395
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
396
396
  lineHeight: 16 / 12,
397
- color: "var(--ds-text, #172B4D)",
397
+ color: "var(--ds-text, #292A2E)",
398
398
  fontWeight: "var(--ds-font-weight-semibold, 600)",
399
399
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
400
400
  marginTop: '1.667em',
@@ -406,7 +406,7 @@ var headingsSharedStyles = (0, _react.css)({
406
406
  fontStyle: 'inherit',
407
407
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
408
408
  lineHeight: 16 / 11,
409
- color: "var(--ds-text-subtlest, #626F86)",
409
+ color: "var(--ds-text-subtlest, #6B6E76)",
410
410
  fontWeight: "var(--ds-font-weight-bold, 700)",
411
411
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
412
412
  marginTop: '1.455em',
@@ -526,7 +526,7 @@ var headingWithAlignmentStyles = (0, _react.css)({
526
526
  var ruleSharedStyles = (0, _react.css)({
527
527
  '& hr': {
528
528
  border: 'none',
529
- backgroundColor: "var(--ds-border, #091E4224)",
529
+ backgroundColor: "var(--ds-border, #0B120E24)",
530
530
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
531
531
  margin: "".concat(_editorSharedStyles.akEditorLineHeight, "em 0"),
532
532
  height: '2px',
@@ -698,7 +698,7 @@ var blockMarksSharedStyles = (0, _react.css)((0, _defineProperty2.default)({}, "
698
698
  var codeMarkSharedStyles = (0, _react.css)({
699
699
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
700
700
  '.code': {
701
- '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
701
+ '--ds--code--bg-color': "var(--ds-background-neutral, #0515240F)",
702
702
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
703
703
  fontSize: '0.875em',
704
704
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -741,12 +741,12 @@ var shadowSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defin
741
741
  }), "& .".concat(_ui.shadowClassNames.RIGHT_SHADOW, ", .").concat(_ui.shadowClassNames.LEFT_SHADOW), {
742
742
  position: 'relative'
743
743
  }), "& .".concat(_ui.shadowClassNames.LEFT_SHADOW, "::before"), {
744
- background: "linear-gradient( to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #091e4229)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
744
+ background: "linear-gradient( to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
745
745
  top: '0px',
746
746
  left: 0,
747
747
  display: 'block'
748
748
  }), "& .".concat(_ui.shadowClassNames.RIGHT_SHADOW, "::after"), {
749
- background: "linear-gradient( to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #091e4229)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
749
+ background: "linear-gradient( to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
750
750
  right: '0px',
751
751
  top: '0px',
752
752
  display: 'block'
@@ -1144,13 +1144,13 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
1144
1144
  boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, transparent)")
1145
1145
  }), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER), {
1146
1146
  // originally copied from packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts
1147
- backgroundImage: "linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t".concat("var(--ds-background-neutral, #091E420F)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-background-neutral, #091E420F)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #091e4229)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #091e421f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #091e4229)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #091e421f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t )"),
1147
+ backgroundImage: "linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t )"),
1148
1148
  backgroundColor: "var(--ds-background-neutral, rgb(235, 237, 240))"
1149
1149
  }), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
1150
1150
  backgroundColor: "var(--ds-background-neutral, rgb(226, 229, 233))"
1151
1151
  }), '> [data-ds--code--code-block]', {
1152
1152
  // originally copied from packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts
1153
- backgroundImage: "linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t".concat("var(--ds-background-neutral, #091E420F)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-background-neutral, #091E420F)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #091e4229)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #091e421f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #091e4229)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #091e421f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t )"),
1153
+ backgroundImage: "linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-300, 24px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-300, 24px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-background-neutral, #0515240F)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-surface-raised, #FFFFFF)", " ", "var(--ds-space-100, 8px)", ",\n\t\t\t\t\t\t\ttransparent ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto left,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t ),linear-gradient(\n\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t\t\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", "var(--ds-space-100, 8px)", "\n\t\t\t\t\t\t )"),
1154
1154
  backgroundColor: "var(--ds-background-neutral, rgb(235, 237, 240))".concat("!important"),
1155
1155
  // selector lives inside @atlaskit/code
1156
1156
  '--ds--code--line-number-bg-color': "var(--ds-background-neutral, rgb(226, 229, 233))"
@@ -1300,7 +1300,7 @@ var rendererTableSortableColumnStyles = (0, _react.css)((0, _defineProperty2.def
1300
1300
  }))))));
1301
1301
  var rendererTableColumnStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
1302
1302
  'table[data-number-column="true"]': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.NUMBER_COLUMN), {
1303
- backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
1303
+ backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
1304
1304
  borderRight: "var(--ds-border-width, 1px)".concat(" solid\n\t\t\t\t\t\t\t\t", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")")),
1305
1305
  width: "".concat(_editorSharedStyles.akEditorTableNumberColumnWidth, "px"),
1306
1306
  textAlign: 'center',
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
69
69
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
70
70
  var TABLE_INFO_TIMEOUT = 10000;
71
71
  var packageName = "@atlaskit/renderer";
72
- var packageVersion = "124.10.1";
72
+ var packageVersion = "0.0.0-development";
73
73
  var setAsQueryContainerStyles = (0, _react2.css)({
74
74
  containerName: 'ak-renderer-wrapper',
75
75
  containerType: 'inline-size'
package/dist/cjs/ui/annotations/draft/component.js CHANGED
@@ -41,9 +41,9 @@ var markStyles = (0, _react2.css)({
41
41
  '&:has(.date-lozenger-container)': {
42
42
  paddingTop: "var(--ds-space-025, 2px)"
43
43
  },
44
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
44
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
45
45
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
46
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
46
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
47
47
  });
48
48
  var AnnotationDraft = exports.AnnotationDraft = function AnnotationDraft(_ref) {
49
49
  var draftPosition = _ref.draftPosition,
package/dist/cjs/ui/annotations/element/mark.js CHANGED
@@ -25,14 +25,14 @@ var markStyles = (0, _react2.css)((0, _defineProperty2.default)({
25
25
  WebkitTapHighlightColor: 'transparent'
26
26
  }, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
27
27
  // was from blur in AnnotationSharedCSSByState().blur
28
- background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
28
+ background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
29
29
  borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-accent-yellow, #B38600)"),
30
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
31
31
  '&[data-has-focus="true"]': {
32
- background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
32
+ background: "var(--ds-background-accent-yellow-subtler, #F5E989)",
33
33
  borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-accent-yellow, #B38600)"),
34
34
  // TODO: DSP-4147 - Annotation shadow
35
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
35
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
36
36
  cursor: 'pointer'
37
37
  }
38
38
  }));
@@ -44,17 +44,17 @@ var markStylesLayeringFix = (0, _react2.css)((0, _defineProperty2.default)({}, "
44
44
  },
45
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
46
46
  '.fabric-background-color-mark &[data-has-focus="true"], &[data-has-focus="true"]': {
47
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
47
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
48
48
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
49
- boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
49
+ boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
50
50
  }
51
51
  }));
52
52
  var markStylesWithUpdatedShadow = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
53
53
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
54
54
  '&[data-has-focus="true"]': {
55
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
55
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
56
56
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
57
- boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
57
+ boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
58
58
  }
59
59
  }));
60
60
  var markStylesWithInlineComments = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
@@ -72,21 +72,21 @@ var markStylesWithInlineComments = (0, _react2.css)((0, _defineProperty2.default
72
72
  paddingTop: "var(--ds-space-025, 2px)"
73
73
  },
74
74
  // was from blur in AnnotationSharedCSSByState().blur
75
- background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
75
+ background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
76
76
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
77
77
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
78
78
  '&[data-has-focus="true"]': {
79
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
79
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
80
80
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
81
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
81
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
82
82
  }
83
83
  }));
84
84
  var markStylesWithCommentsPanel = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
85
85
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
86
86
  '&[data-is-hovered="true"]:not([data-has-focus="true"])': {
87
- background: "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)",
87
+ background: "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)",
88
88
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
89
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
89
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
90
90
  }
91
91
  }));
92
92
  var isMobile = function isMobile() {
package/dist/es2019/react/nodes/bodiedExtension.js CHANGED
@@ -8,24 +8,6 @@ import { ACTION_SUBJECT } from '../../analytics/enums';
8
8
  import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
9
9
  import { AnnotationsPositionContext } from '../../ui/annotations';
10
10
  import { ValidationContextProvider } from '../../ui/Renderer/ValidationContext';
11
- import { fg } from '@atlaskit/platform-feature-flags';
12
- const ValidationContextWrapper = ({
13
- children
14
- }) => {
15
- // We override validation of nested tables in nested renderers as invalid ADF (but valid Prosemirror)
16
- // may have been introduced in the parent renderer's render and subsequent transformations.
17
- // For example - nested tables which are transformed from an extension node in ADF
18
- // to native Prosemirror nested table nodes in and this is invalid ADF.
19
- const validationContextValue = useMemo(() => ({
20
- allowNestedTables: true
21
- }), []);
22
- if (!fg('platform_editor_nested_table_extension_comment_fix')) {
23
- return children;
24
- }
25
- return /*#__PURE__*/React.createElement(ValidationContextProvider, {
26
- value: validationContextValue
27
- }, children);
28
- };
29
11
  const BodiedExtension = props => {
30
12
  const {
31
13
  children,
@@ -44,6 +26,9 @@ const BodiedExtension = props => {
44
26
  // Ignored via go/ees005
45
27
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
46
28
  .map(child => /*#__PURE__*/React.isValidElement(child) ? child.props.nodeType === 'table' : false).every(Boolean);
29
+ const validationContextValue = useMemo(() => ({
30
+ allowNestedTables: true
31
+ }), []);
47
32
  return /*#__PURE__*/React.createElement(ErrorBoundary, {
48
33
  component: ACTION_SUBJECT.RENDERER,
49
34
  componentId: ACTION_SUBJECT_ID.EXTENSION_BODIED,
@@ -53,7 +38,9 @@ const BodiedExtension = props => {
53
38
  value: {
54
39
  startPos: props.startPos + 1
55
40
  }
56
- }, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement(ExtensionRenderer
41
+ }, /*#__PURE__*/React.createElement(ValidationContextProvider, {
42
+ value: validationContextValue
43
+ }, /*#__PURE__*/React.createElement(ExtensionRenderer
57
44
  // Ignored via go/ees005
58
45
  // eslint-disable-next-line react/jsx-props-no-spreading
59
46
  , _extends({}, props, {
package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js CHANGED
@@ -31,7 +31,7 @@ const codeBlockStyleOverrides = css({
31
31
  lineHeight: '1.5rem',
32
32
  backgroundImage: `linear-gradient(
33
33
  to right,
34
- ${"var(--ds-background-neutral, #091E420F)"} ${"var(--ds-space-300, 24px)"},
34
+ ${"var(--ds-background-neutral, #0515240F)"} ${"var(--ds-space-300, 24px)"},
35
35
  transparent ${"var(--ds-space-300, 24px)"}
36
36
  ),linear-gradient(
37
37
  to right,
@@ -39,7 +39,7 @@ const codeBlockStyleOverrides = css({
39
39
  transparent ${"var(--ds-space-300, 24px)"}
40
40
  ),linear-gradient(
41
41
  to left,
42
- ${"var(--ds-background-neutral, #091E420F)"} ${"var(--ds-space-100, 8px)"},
42
+ ${"var(--ds-background-neutral, #0515240F)"} ${"var(--ds-space-100, 8px)"},
43
43
  transparent ${"var(--ds-space-100, 8px)"}
44
44
  ),linear-gradient(
45
45
  to left,
@@ -47,19 +47,19 @@ const codeBlockStyleOverrides = css({
47
47
  transparent ${"var(--ds-space-100, 8px)"}
48
48
  ),linear-gradient(
49
49
  to left,
50
- ${"var(--ds-shadow-overflow-spread, #091e4229)"} 0,
50
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
51
51
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
52
52
  ),linear-gradient(
53
53
  to left,
54
- ${"var(--ds-shadow-overflow-perimeter, #091e421f)"} 0,
54
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
55
55
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
56
56
  ),linear-gradient(
57
57
  to right,
58
- ${"var(--ds-shadow-overflow-spread, #091e4229)"} 0,
58
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
59
59
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
60
60
  ),linear-gradient(
61
61
  to right,
62
- ${"var(--ds-shadow-overflow-perimeter, #091e421f)"} 0,
62
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
63
63
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
64
64
  )`,
65
65
  backgroundAttachment: 'local, local, local, local, scroll, scroll, scroll, scroll',
package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js CHANGED
@@ -63,7 +63,7 @@ const codeBlockSharedStyles = css({
63
63
  },
64
64
  [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER}`]: {
65
65
  position: 'relative',
66
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
66
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
67
67
  display: 'flex',
68
68
  borderRadius: "var(--ds-radius-small, 3px)",
69
69
  width: '100%',
@@ -92,7 +92,7 @@ const codeBlockSharedStyles = css({
92
92
  overflowY: 'hidden'
93
93
  },
94
94
  [`.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER}`]: {
95
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
95
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
96
96
  position: 'relative',
97
97
  width: 'var(--lineNumberGutterWidth, 2rem)',
98
98
  padding: "var(--ds-space-100, 8px)",
@@ -118,7 +118,7 @@ const codeBlockSharedStyles = css({
118
118
  code: {
119
119
  tabSize: 4,
120
120
  cursor: 'text',
121
- color: "var(--ds-text, #172B4D)",
121
+ color: "var(--ds-text, #292A2E)",
122
122
  borderRadius: "var(--ds-radius-small, 3px)",
123
123
  margin: "var(--ds-space-100, 8px)",
124
124
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
package/dist/es2019/react/nodes/heading-anchor.js CHANGED
@@ -29,7 +29,7 @@ const copyAnchorButtonStyles = css({
29
29
  outline: 'none',
30
30
  backgroundColor: 'transparent',
31
31
  border: 'none',
32
- color: "var(--ds-icon, #44546F)",
32
+ color: "var(--ds-icon, #292A2E)",
33
33
  cursor: 'pointer',
34
34
  right: 0
35
35
  });
@@ -91,7 +91,7 @@ class HeadingAnchor extends React.PureComponent {
91
91
  }, jsx(LinkIcon, {
92
92
  label: this.getCopyAriaLabel(),
93
93
  LEGACY_size: this.props.level > 3 ? 'small' : 'medium',
94
- color: this.state.isClicked ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon-subtle, #626F86)"
94
+ color: this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
95
95
  }));
96
96
  });
97
97
  }