@atlaskit/renderer 124.10.3 → 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 (26) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
  3. package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
  4. package/dist/cjs/react/nodes/heading-anchor.js +2 -2
  5. package/dist/cjs/react/nodes/panel.js +5 -5
  6. package/dist/cjs/ui/Expand.js +3 -3
  7. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +17 -17
  8. package/dist/cjs/ui/annotations/draft/component.js +2 -2
  9. package/dist/cjs/ui/annotations/element/mark.js +12 -12
  10. package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js +6 -6
  11. package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
  12. package/dist/es2019/react/nodes/heading-anchor.js +2 -2
  13. package/dist/es2019/react/nodes/panel.js +5 -5
  14. package/dist/es2019/ui/Expand.js +3 -3
  15. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +27 -27
  16. package/dist/es2019/ui/annotations/draft/component.js +2 -2
  17. package/dist/es2019/ui/annotations/element/mark.js +12 -12
  18. package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
  19. package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
  20. package/dist/esm/react/nodes/heading-anchor.js +2 -2
  21. package/dist/esm/react/nodes/panel.js +5 -5
  22. package/dist/esm/ui/Expand.js +3 -3
  23. package/dist/esm/ui/Renderer/RendererStyleContainer.js +17 -17
  24. package/dist/esm/ui/annotations/draft/component.js +2 -2
  25. package/dist/esm/ui/annotations/element/mark.js +12 -12
  26. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.10.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 124.10.3
4
10
 
5
11
  ### Patch Changes
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/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/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/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
  }
package/dist/es2019/react/nodes/panel.js CHANGED
@@ -51,7 +51,7 @@ const panelBaseStyles = css({
51
51
  MsUserSelect: 'none',
52
52
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
53
53
  marginTop: '0.1em',
54
- color: "var(--ds-icon-information, #1D7AFC)",
54
+ color: "var(--ds-icon-information, #357DE8)",
55
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
56
56
  '> span': {
57
57
  verticalAlign: 'middle',
@@ -91,7 +91,7 @@ const panelBaseStyles = css({
91
91
  backgroundColor: "var(--ds-background-accent-purple-subtlest, #EAE6FF)",
92
92
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
93
93
  '.ak-editor-panel__icon': {
94
- color: "var(--ds-icon-discovery, #8270DB)"
94
+ color: "var(--ds-icon-discovery, #AF59E1)"
95
95
  }
96
96
  },
97
97
  // 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
@@ -99,7 +99,7 @@ const panelBaseStyles = css({
99
99
  backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
100
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
101
101
  '.ak-editor-panel__icon': {
102
- color: "var(--ds-icon-success, #22A06B)"
102
+ color: "var(--ds-icon-success, #6A9A23)"
103
103
  }
104
104
  },
105
105
  // 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
@@ -107,7 +107,7 @@ const panelBaseStyles = css({
107
107
  backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)",
108
108
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
109
109
  '.ak-editor-panel__icon': {
110
- color: "var(--ds-icon-warning, #E56910)"
110
+ color: "var(--ds-icon-warning, #E06C00)"
111
111
  }
112
112
  },
113
113
  // 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
@@ -123,7 +123,7 @@ const panelBaseStyles = css({
123
123
  backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
124
124
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
125
125
  '.ak-editor-panel__icon': {
126
- color: "var(--ds-icon-success, #22A06B)"
126
+ color: "var(--ds-icon-success, #6A9A23)"
127
127
  }
128
128
  }
129
129
  }
package/dist/es2019/ui/Expand.js CHANGED
@@ -60,10 +60,10 @@ const containerStyles = css({
60
60
  const containerStylesExpanded = css({
61
61
  background: "var(--ds-surface, rgba(255, 255, 255, 0.6))",
62
62
  paddingBottom: "var(--ds-space-100, 8px)",
63
- borderColor: "var(--ds-border, #091E4224)"
63
+ borderColor: "var(--ds-border, #0B120E24)"
64
64
  });
65
65
  const containerStylesFocused = css({
66
- borderColor: "var(--ds-border-focused, #388BFF)"
66
+ borderColor: "var(--ds-border-focused, #4688EC)"
67
67
  });
68
68
  const containerStylesDataNodeTypeExpand = css({
69
69
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -79,7 +79,7 @@ const titleContainerStyles = css({
79
79
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
80
80
  fontSize: `${14 / 16}rem`,
81
81
  width: '100%',
82
- color: "var(--ds-text-subtle, #44546F)",
82
+ color: "var(--ds-text-subtle, #505258)",
83
83
  overflow: 'hidden',
84
84
  cursor: 'pointer',
85
85
  padding: "var(--ds-space-100, 8px)",