@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/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -293,7 +293,7 @@ const telepointerStyles = css({
293
293
  position: 'relative',
294
294
  width: '1.5px',
295
295
  height: '25px',
296
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
296
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
297
297
  marginLeft: "var(--ds-space-025, 2px)",
298
298
  '&::after': {
299
299
  content: '"AI"',
@@ -314,7 +314,7 @@ const telepointerStyles = css({
314
314
  lineHeight: 'initial',
315
315
  borderRadius: `0px ${"var(--ds-radius-xsmall, 2px)"} ${"var(--ds-radius-xsmall, 2px)"} 0px`,
316
316
  color: "var(--ds-text-inverse, white)",
317
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
317
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)"
318
318
  }
319
319
  }
320
320
  });
@@ -324,7 +324,7 @@ const rovoTelepointerStyles = css({
324
324
  position: 'relative',
325
325
  width: '1.5px',
326
326
  height: '24px',
327
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
327
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
328
328
  marginLeft: "var(--ds-space-025, 2px)",
329
329
  '&::after': {
330
330
  content: '""',
@@ -345,7 +345,7 @@ const rovoTelepointerStyles = css({
345
345
  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
346
346
  fontWeight: "var(--ds-font-weight-semibold, 600)",
347
347
  color: "var(--ds-text-inverse, white)",
348
- background: "var(--ds-text, #172B4D)",
348
+ background: "var(--ds-text, #292A2E)",
349
349
  top: 1,
350
350
  left: 1,
351
351
  borderRadius: `0px ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0px`,
@@ -418,7 +418,7 @@ const headingsSharedStyles = css({
418
418
  fontStyle: 'inherit',
419
419
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
420
420
  lineHeight: 28 / 24,
421
- color: "var(--ds-text, #172B4D)",
421
+ color: "var(--ds-text, #292A2E)",
422
422
  fontWeight: "var(--ds-font-weight-medium, 500)",
423
423
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
424
424
  letterSpacing: `-0.01em`,
@@ -432,7 +432,7 @@ const headingsSharedStyles = css({
432
432
  fontStyle: 'inherit',
433
433
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
434
434
  lineHeight: 24 / 20,
435
- color: "var(--ds-text, #172B4D)",
435
+ color: "var(--ds-text, #292A2E)",
436
436
  fontWeight: "var(--ds-font-weight-medium, 500)",
437
437
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
438
438
  letterSpacing: `-0.008em`,
@@ -446,7 +446,7 @@ const headingsSharedStyles = css({
446
446
  fontStyle: 'inherit',
447
447
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
448
448
  lineHeight: 20 / 16,
449
- color: "var(--ds-text, #172B4D)",
449
+ color: "var(--ds-text, #292A2E)",
450
450
  fontWeight: "var(--ds-font-weight-semibold, 600)",
451
451
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
452
452
  letterSpacing: `-0.006em`,
@@ -459,7 +459,7 @@ const headingsSharedStyles = css({
459
459
  fontStyle: 'inherit',
460
460
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
461
461
  lineHeight: 16 / 14,
462
- color: "var(--ds-text, #172B4D)",
462
+ color: "var(--ds-text, #292A2E)",
463
463
  fontWeight: "var(--ds-font-weight-semibold, 600)",
464
464
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
465
465
  letterSpacing: `-0.003em`,
@@ -472,7 +472,7 @@ const headingsSharedStyles = css({
472
472
  fontStyle: 'inherit',
473
473
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
474
474
  lineHeight: 16 / 12,
475
- color: "var(--ds-text, #172B4D)",
475
+ color: "var(--ds-text, #292A2E)",
476
476
  fontWeight: "var(--ds-font-weight-semibold, 600)",
477
477
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
478
478
  marginTop: '1.667em',
@@ -484,7 +484,7 @@ const headingsSharedStyles = css({
484
484
  fontStyle: 'inherit',
485
485
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
486
486
  lineHeight: 16 / 11,
487
- color: "var(--ds-text-subtlest, #626F86)",
487
+ color: "var(--ds-text-subtlest, #6B6E76)",
488
488
  fontWeight: "var(--ds-font-weight-bold, 700)",
489
489
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
490
490
  marginTop: '1.455em',
@@ -604,7 +604,7 @@ const headingWithAlignmentStyles = css({
604
604
  const ruleSharedStyles = css({
605
605
  '& hr': {
606
606
  border: 'none',
607
- backgroundColor: "var(--ds-border, #091E4224)",
607
+ backgroundColor: "var(--ds-border, #0B120E24)",
608
608
  // 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
609
609
  margin: `${akEditorLineHeight}em 0`,
610
610
  height: '2px',
@@ -807,7 +807,7 @@ const blockMarksSharedStyles = css({
807
807
  const codeMarkSharedStyles = css({
808
808
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
809
809
  '.code': {
810
- '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
810
+ '--ds--code--bg-color': "var(--ds-background-neutral, #0515240F)",
811
811
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
812
812
  fontSize: '0.875em',
813
813
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -856,14 +856,14 @@ const shadowSharedStyle = css({
856
856
  },
857
857
  // 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 -- Ignored via go/DSP-18766
858
858
  [`& .${shadowClassNames.LEFT_SHADOW}::before`]: {
859
- background: `linear-gradient( to left, transparent 0, ${"var(--ds-shadow-overflow-spread, #091e4229)"} 140% ), linear-gradient( to right, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
859
+ background: `linear-gradient( to left, transparent 0, ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140% ), linear-gradient( to right, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
860
860
  top: '0px',
861
861
  left: 0,
862
862
  display: 'block'
863
863
  },
864
864
  // 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 -- Ignored via go/DSP-18766
865
865
  [`& .${shadowClassNames.RIGHT_SHADOW}::after`]: {
866
- background: `linear-gradient( to right, transparent 0, ${"var(--ds-shadow-overflow-spread, #091e4229)"} 140% ), linear-gradient( to left, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
866
+ background: `linear-gradient( to right, transparent 0, ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 140% ), linear-gradient( to left, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
867
867
  right: '0px',
868
868
  top: '0px',
869
869
  display: 'block'
@@ -1349,7 +1349,7 @@ const tableSharedStyle = css({
1349
1349
  // originally copied from packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts
1350
1350
  backgroundImage: `linear-gradient(
1351
1351
  to right,
1352
- ${"var(--ds-background-neutral, #091E420F)"} ${"var(--ds-space-300, 24px)"},
1352
+ ${"var(--ds-background-neutral, #0515240F)"} ${"var(--ds-space-300, 24px)"},
1353
1353
  transparent ${"var(--ds-space-300, 24px)"}
1354
1354
  ),linear-gradient(
1355
1355
  to right,
@@ -1357,7 +1357,7 @@ const tableSharedStyle = css({
1357
1357
  transparent ${"var(--ds-space-300, 24px)"}
1358
1358
  ),linear-gradient(
1359
1359
  to left,
1360
- ${"var(--ds-background-neutral, #091E420F)"} ${"var(--ds-space-100, 8px)"},
1360
+ ${"var(--ds-background-neutral, #0515240F)"} ${"var(--ds-space-100, 8px)"},
1361
1361
  transparent ${"var(--ds-space-100, 8px)"}
1362
1362
  ),linear-gradient(
1363
1363
  to left,
@@ -1365,19 +1365,19 @@ const tableSharedStyle = css({
1365
1365
  transparent ${"var(--ds-space-100, 8px)"}
1366
1366
  ),linear-gradient(
1367
1367
  to left,
1368
- ${"var(--ds-shadow-overflow-spread, #091e4229)"} 0,
1368
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
1369
1369
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
1370
1370
  ),linear-gradient(
1371
1371
  to left,
1372
- ${"var(--ds-shadow-overflow-perimeter, #091e421f)"} 0,
1372
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
1373
1373
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
1374
1374
  ),linear-gradient(
1375
1375
  to right,
1376
- ${"var(--ds-shadow-overflow-spread, #091e4229)"} 0,
1376
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
1377
1377
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
1378
1378
  ),linear-gradient(
1379
1379
  to right,
1380
- ${"var(--ds-shadow-overflow-perimeter, #091e421f)"} 0,
1380
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
1381
1381
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
1382
1382
  )`,
1383
1383
  backgroundColor: "var(--ds-background-neutral, rgb(235, 237, 240))"
@@ -1390,7 +1390,7 @@ const tableSharedStyle = css({
1390
1390
  // originally copied from packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts
1391
1391
  backgroundImage: `linear-gradient(
1392
1392
  to right,
1393
- ${"var(--ds-background-neutral, #091E420F)"} ${"var(--ds-space-300, 24px)"},
1393
+ ${"var(--ds-background-neutral, #0515240F)"} ${"var(--ds-space-300, 24px)"},
1394
1394
  transparent ${"var(--ds-space-300, 24px)"}
1395
1395
  ),linear-gradient(
1396
1396
  to right,
@@ -1398,7 +1398,7 @@ const tableSharedStyle = css({
1398
1398
  transparent ${"var(--ds-space-300, 24px)"}
1399
1399
  ),linear-gradient(
1400
1400
  to left,
1401
- ${"var(--ds-background-neutral, #091E420F)"} ${"var(--ds-space-100, 8px)"},
1401
+ ${"var(--ds-background-neutral, #0515240F)"} ${"var(--ds-space-100, 8px)"},
1402
1402
  transparent ${"var(--ds-space-100, 8px)"}
1403
1403
  ),linear-gradient(
1404
1404
  to left,
@@ -1406,19 +1406,19 @@ const tableSharedStyle = css({
1406
1406
  transparent ${"var(--ds-space-100, 8px)"}
1407
1407
  ),linear-gradient(
1408
1408
  to left,
1409
- ${"var(--ds-shadow-overflow-spread, #091e4229)"} 0,
1409
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
1410
1410
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
1411
1411
  ),linear-gradient(
1412
1412
  to left,
1413
- ${"var(--ds-shadow-overflow-perimeter, #091e421f)"} 0,
1413
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
1414
1414
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
1415
1415
  ),linear-gradient(
1416
1416
  to right,
1417
- ${"var(--ds-shadow-overflow-spread, #091e4229)"} 0,
1417
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
1418
1418
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
1419
1419
  ),linear-gradient(
1420
1420
  to right,
1421
- ${"var(--ds-shadow-overflow-perimeter, #091e421f)"} 0,
1421
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
1422
1422
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${"var(--ds-space-100, 8px)"}
1423
1423
  )`,
1424
1424
  backgroundColor: `${"var(--ds-background-neutral, rgb(235, 237, 240))"}!important`,
@@ -1657,7 +1657,7 @@ const rendererTableColumnStyles = css({
1657
1657
  [`.${RendererCssClassName.DOCUMENT} .${TableSharedCssClassName.TABLE_CONTAINER}`]: {
1658
1658
  'table[data-number-column="true"]': {
1659
1659
  [`.${RendererCssClassName.NUMBER_COLUMN}`]: {
1660
- backgroundColor: `${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"}`,
1660
+ backgroundColor: `${"var(--ds-background-accent-gray-subtlest, #F0F1F2)"}`,
1661
1661
  borderRight: `${"var(--ds-border-width, 1px)"} solid
1662
1662
  ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
1663
1663
  width: `${akEditorTableNumberColumnWidth}px`,
package/dist/es2019/ui/annotations/draft/component.js CHANGED
@@ -31,9 +31,9 @@ const markStyles = css({
31
31
  '&:has(.date-lozenger-container)': {
32
32
  paddingTop: "var(--ds-space-025, 2px)"
33
33
  },
34
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
34
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
35
35
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
36
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
36
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
37
37
  });
38
38
  export const AnnotationDraft = ({
39
39
  draftPosition,
package/dist/es2019/ui/annotations/element/mark.js CHANGED
@@ -18,14 +18,14 @@ const markStyles = css({
18
18
  // 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
19
19
  [`&[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}']`]: {
20
20
  // was from blur in AnnotationSharedCSSByState().blur
21
- background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
21
+ background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
22
22
  borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
23
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
24
  '&[data-has-focus="true"]': {
25
- background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
25
+ background: "var(--ds-background-accent-yellow-subtler, #F5E989)",
26
26
  borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
27
27
  // TODO: DSP-4147 - Annotation shadow
28
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
28
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
29
29
  cursor: 'pointer'
30
30
  }
31
31
  }
@@ -40,9 +40,9 @@ const markStylesLayeringFix = css({
40
40
  },
41
41
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
42
42
  '.fabric-background-color-mark &[data-has-focus="true"], &[data-has-focus="true"]': {
43
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
43
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
44
44
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
45
- boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
45
+ boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
46
46
  }
47
47
  }
48
48
  });
@@ -51,9 +51,9 @@ const markStylesWithUpdatedShadow = css({
51
51
  [`&[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}']`]: {
52
52
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
53
53
  '&[data-has-focus="true"]': {
54
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
54
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
55
55
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
56
- boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
56
+ boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
57
57
  }
58
58
  }
59
59
  });
@@ -74,13 +74,13 @@ const markStylesWithInlineComments = css({
74
74
  paddingTop: "var(--ds-space-025, 2px)"
75
75
  },
76
76
  // was from blur in AnnotationSharedCSSByState().blur
77
- background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
77
+ background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
78
78
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
79
79
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
80
80
  '&[data-has-focus="true"]': {
81
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
81
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
82
82
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
83
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
83
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
84
84
  }
85
85
  }
86
86
  });
@@ -89,9 +89,9 @@ const markStylesWithCommentsPanel = css({
89
89
  [`&[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}']`]: {
90
90
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
91
91
  '&[data-is-hovered="true"]:not([data-has-focus="true"])': {
92
- background: "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)",
92
+ background: "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)",
93
93
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
94
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
94
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
95
95
  }
96
96
  }
97
97
  });
package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js CHANGED
@@ -29,7 +29,7 @@ var codeBlockStyleOverrides = css(_defineProperty({
29
29
  fontSize: "".concat(14 / 16, "rem"),
30
30
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
31
31
  lineHeight: '1.5rem',
32
- 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)"),
32
+ 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)"),
33
33
  backgroundAttachment: 'local, local, local, local, scroll, scroll, scroll, scroll',
34
34
  backgroundPosition: '0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0'
35
35
  }));
package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js CHANGED
@@ -58,7 +58,7 @@ var codeBlockSharedStyles = css(_defineProperty(_defineProperty(_defineProperty(
58
58
  right: '0px'
59
59
  }), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER), {
60
60
  position: 'relative',
61
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
61
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
62
62
  display: 'flex',
63
63
  borderRadius: "var(--ds-radius-small, 3px)",
64
64
  width: '100%',
@@ -72,7 +72,7 @@ var codeBlockSharedStyles = css(_defineProperty(_defineProperty(_defineProperty(
72
72
  /* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */
73
73
  overflowY: 'hidden'
74
74
  }), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
75
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
75
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
76
76
  position: 'relative',
77
77
  width: 'var(--lineNumberGutterWidth, 2rem)',
78
78
  padding: "var(--ds-space-100, 8px)",
@@ -91,7 +91,7 @@ var codeBlockSharedStyles = css(_defineProperty(_defineProperty(_defineProperty(
91
91
  code: {
92
92
  tabSize: 4,
93
93
  cursor: 'text',
94
- color: "var(--ds-text, #172B4D)",
94
+ color: "var(--ds-text, #292A2E)",
95
95
  borderRadius: "var(--ds-radius-small, 3px)",
96
96
  margin: "var(--ds-space-100, 8px)",
97
97
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
package/dist/esm/react/nodes/heading-anchor.js CHANGED
@@ -38,7 +38,7 @@ var copyAnchorButtonStyles = css({
38
38
  outline: 'none',
39
39
  backgroundColor: 'transparent',
40
40
  border: 'none',
41
- color: "var(--ds-icon, #44546F)",
41
+ color: "var(--ds-icon, #292A2E)",
42
42
  cursor: 'pointer',
43
43
  right: 0
44
44
  });
@@ -120,7 +120,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
120
120
  }, jsx(LinkIcon, {
121
121
  label: _this.getCopyAriaLabel(),
122
122
  LEGACY_size: _this.props.level > 3 ? 'small' : 'medium',
123
- color: _this.state.isClicked ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon-subtle, #626F86)"
123
+ color: _this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
124
124
  }));
125
125
  });
126
126
  return _this;
package/dist/esm/react/nodes/panel.js CHANGED
@@ -53,7 +53,7 @@ var panelBaseStyles = css({
53
53
  MsUserSelect: 'none',
54
54
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
55
55
  marginTop: '0.1em',
56
- color: "var(--ds-icon-information, #1D7AFC)",
56
+ color: "var(--ds-icon-information, #357DE8)",
57
57
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
58
58
  '> span': {
59
59
  verticalAlign: 'middle',
@@ -93,7 +93,7 @@ var panelBaseStyles = css({
93
93
  backgroundColor: "var(--ds-background-accent-purple-subtlest, #EAE6FF)",
94
94
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
95
95
  '.ak-editor-panel__icon': {
96
- color: "var(--ds-icon-discovery, #8270DB)"
96
+ color: "var(--ds-icon-discovery, #AF59E1)"
97
97
  }
98
98
  },
99
99
  // 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
@@ -101,7 +101,7 @@ var panelBaseStyles = css({
101
101
  backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
102
102
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
103
103
  '.ak-editor-panel__icon': {
104
- color: "var(--ds-icon-success, #22A06B)"
104
+ color: "var(--ds-icon-success, #6A9A23)"
105
105
  }
106
106
  },
107
107
  // 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
@@ -109,7 +109,7 @@ var panelBaseStyles = css({
109
109
  backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)",
110
110
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
111
111
  '.ak-editor-panel__icon': {
112
- color: "var(--ds-icon-warning, #E56910)"
112
+ color: "var(--ds-icon-warning, #E06C00)"
113
113
  }
114
114
  },
115
115
  // 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
@@ -125,7 +125,7 @@ var panelBaseStyles = css({
125
125
  backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
126
126
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
127
127
  '.ak-editor-panel__icon': {
128
- color: "var(--ds-icon-success, #22A06B)"
128
+ color: "var(--ds-icon-success, #6A9A23)"
129
129
  }
130
130
  }
131
131
  }
package/dist/esm/ui/Expand.js CHANGED
@@ -63,10 +63,10 @@ var containerStyles = css({
63
63
  var containerStylesExpanded = css({
64
64
  background: "var(--ds-surface, rgba(255, 255, 255, 0.6))",
65
65
  paddingBottom: "var(--ds-space-100, 8px)",
66
- borderColor: "var(--ds-border, #091E4224)"
66
+ borderColor: "var(--ds-border, #0B120E24)"
67
67
  });
68
68
  var containerStylesFocused = css({
69
- borderColor: "var(--ds-border-focused, #388BFF)"
69
+ borderColor: "var(--ds-border-focused, #4688EC)"
70
70
  });
71
71
  var containerStylesDataNodeTypeExpand = css({
72
72
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -82,7 +82,7 @@ var titleContainerStyles = css({
82
82
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
83
83
  fontSize: "".concat(14 / 16, "rem"),
84
84
  width: '100%',
85
- color: "var(--ds-text-subtle, #44546F)",
85
+ color: "var(--ds-text-subtle, #505258)",
86
86
  overflow: 'hidden',
87
87
  cursor: 'pointer',
88
88
  padding: "var(--ds-space-100, 8px)",
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -211,7 +211,7 @@ var telepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID), {
211
211
  position: 'relative',
212
212
  width: '1.5px',
213
213
  height: '25px',
214
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
214
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
215
215
  marginLeft: "var(--ds-space-025, 2px)",
216
216
  '&::after': {
217
217
  content: '"AI"',
@@ -232,7 +232,7 @@ var telepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID), {
232
232
  lineHeight: 'initial',
233
233
  borderRadius: "0px ".concat("var(--ds-radius-xsmall, 2px)", " ", "var(--ds-radius-xsmall, 2px)", " 0px"),
234
234
  color: "var(--ds-text-inverse, white)",
235
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
235
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)"
236
236
  }
237
237
  }));
238
238
  var rovoTelepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID), {
@@ -240,7 +240,7 @@ var rovoTelepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID),
240
240
  position: 'relative',
241
241
  width: '1.5px',
242
242
  height: '24px',
243
- backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
243
+ backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
244
244
  marginLeft: "var(--ds-space-025, 2px)",
245
245
  '&::after': {
246
246
  content: '""',
@@ -261,7 +261,7 @@ var rovoTelepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID),
261
261
  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
262
262
  fontWeight: "var(--ds-font-weight-semibold, 600)",
263
263
  color: "var(--ds-text-inverse, white)",
264
- background: "var(--ds-text, #172B4D)",
264
+ background: "var(--ds-text, #292A2E)",
265
265
  top: 1,
266
266
  left: 1,
267
267
  borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
@@ -333,7 +333,7 @@ var headingsSharedStyles = css({
333
333
  fontStyle: 'inherit',
334
334
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
335
335
  lineHeight: 28 / 24,
336
- color: "var(--ds-text, #172B4D)",
336
+ color: "var(--ds-text, #292A2E)",
337
337
  fontWeight: "var(--ds-font-weight-medium, 500)",
338
338
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
339
339
  letterSpacing: "-0.01em",
@@ -347,7 +347,7 @@ var headingsSharedStyles = css({
347
347
  fontStyle: 'inherit',
348
348
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
349
349
  lineHeight: 24 / 20,
350
- color: "var(--ds-text, #172B4D)",
350
+ color: "var(--ds-text, #292A2E)",
351
351
  fontWeight: "var(--ds-font-weight-medium, 500)",
352
352
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
353
353
  letterSpacing: "-0.008em",
@@ -361,7 +361,7 @@ var headingsSharedStyles = css({
361
361
  fontStyle: 'inherit',
362
362
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
363
363
  lineHeight: 20 / 16,
364
- color: "var(--ds-text, #172B4D)",
364
+ color: "var(--ds-text, #292A2E)",
365
365
  fontWeight: "var(--ds-font-weight-semibold, 600)",
366
366
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
367
367
  letterSpacing: "-0.006em",
@@ -374,7 +374,7 @@ var headingsSharedStyles = css({
374
374
  fontStyle: 'inherit',
375
375
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
376
376
  lineHeight: 16 / 14,
377
- color: "var(--ds-text, #172B4D)",
377
+ color: "var(--ds-text, #292A2E)",
378
378
  fontWeight: "var(--ds-font-weight-semibold, 600)",
379
379
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
380
380
  letterSpacing: "-0.003em",
@@ -387,7 +387,7 @@ var headingsSharedStyles = css({
387
387
  fontStyle: 'inherit',
388
388
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
389
389
  lineHeight: 16 / 12,
390
- color: "var(--ds-text, #172B4D)",
390
+ color: "var(--ds-text, #292A2E)",
391
391
  fontWeight: "var(--ds-font-weight-semibold, 600)",
392
392
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
393
393
  marginTop: '1.667em',
@@ -399,7 +399,7 @@ var headingsSharedStyles = css({
399
399
  fontStyle: 'inherit',
400
400
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
401
401
  lineHeight: 16 / 11,
402
- color: "var(--ds-text-subtlest, #626F86)",
402
+ color: "var(--ds-text-subtlest, #6B6E76)",
403
403
  fontWeight: "var(--ds-font-weight-bold, 700)",
404
404
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
405
405
  marginTop: '1.455em',
@@ -519,7 +519,7 @@ var headingWithAlignmentStyles = css({
519
519
  var ruleSharedStyles = css({
520
520
  '& hr': {
521
521
  border: 'none',
522
- backgroundColor: "var(--ds-border, #091E4224)",
522
+ backgroundColor: "var(--ds-border, #0B120E24)",
523
523
  // 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
524
524
  margin: "".concat(akEditorLineHeight, "em 0"),
525
525
  height: '2px',
@@ -691,7 +691,7 @@ var blockMarksSharedStyles = css(_defineProperty({}, "*:not(.fabric-editor-block
691
691
  var codeMarkSharedStyles = css({
692
692
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
693
693
  '.code': {
694
- '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
694
+ '--ds--code--bg-color': "var(--ds-background-neutral, #0515240F)",
695
695
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
696
696
  fontSize: '0.875em',
697
697
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -734,12 +734,12 @@ var shadowSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_def
734
734
  }), "& .".concat(shadowClassNames.RIGHT_SHADOW, ", .").concat(shadowClassNames.LEFT_SHADOW), {
735
735
  position: 'relative'
736
736
  }), "& .".concat(shadowClassNames.LEFT_SHADOW, "::before"), {
737
- 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 )"),
737
+ 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 )"),
738
738
  top: '0px',
739
739
  left: 0,
740
740
  display: 'block'
741
741
  }), "& .".concat(shadowClassNames.RIGHT_SHADOW, "::after"), {
742
- 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 )"),
742
+ 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 )"),
743
743
  right: '0px',
744
744
  top: '0px',
745
745
  display: 'block'
@@ -1137,13 +1137,13 @@ var tableSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defi
1137
1137
  boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, transparent)")
1138
1138
  }), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER), {
1139
1139
  // originally copied from packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts
1140
- 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 )"),
1140
+ 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 )"),
1141
1141
  backgroundColor: "var(--ds-background-neutral, rgb(235, 237, 240))"
1142
1142
  }), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
1143
1143
  backgroundColor: "var(--ds-background-neutral, rgb(226, 229, 233))"
1144
1144
  }), '> [data-ds--code--code-block]', {
1145
1145
  // originally copied from packages/editor/editor-shared-styles/src/overflow-shadow/overflow-shadow.ts
1146
- 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 )"),
1146
+ 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 )"),
1147
1147
  backgroundColor: "var(--ds-background-neutral, rgb(235, 237, 240))".concat("!important"),
1148
1148
  // selector lives inside @atlaskit/code
1149
1149
  '--ds--code--line-number-bg-color': "var(--ds-background-neutral, rgb(226, 229, 233))"
@@ -1293,7 +1293,7 @@ var rendererTableSortableColumnStyles = css(_defineProperty({}, ".".concat(Rende
1293
1293
  }))))));
1294
1294
  var rendererTableColumnStyles = css(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(TableSharedCssClassName.TABLE_CONTAINER), {
1295
1295
  'table[data-number-column="true"]': _defineProperty(_defineProperty({}, ".".concat(RendererCssClassName.NUMBER_COLUMN), {
1296
- backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
1296
+ backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
1297
1297
  borderRight: "var(--ds-border-width, 1px)".concat(" solid\n\t\t\t\t\t\t\t\t", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")")),
1298
1298
  width: "".concat(akEditorTableNumberColumnWidth, "px"),
1299
1299
  textAlign: 'center',
package/dist/esm/ui/annotations/draft/component.js CHANGED
@@ -31,9 +31,9 @@ var markStyles = css({
31
31
  '&:has(.date-lozenger-container)': {
32
32
  paddingTop: "var(--ds-space-025, 2px)"
33
33
  },
34
- background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
34
+ background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
35
35
  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
36
- boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
36
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
37
37
  });
38
38
  export var AnnotationDraft = function AnnotationDraft(_ref) {
39
39
  var draftPosition = _ref.draftPosition,