@atlaskit/editor-core 217.9.0 → 217.9.2

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.
@@ -302,352 +302,6 @@ export const taskItemStyles = css({
302
302
 
303
303
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
304
304
  export const taskItemCheckboxStyles = css({
305
- // copied styles from packages/design-system/icon/src/components/icon-new.tsx
306
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
307
- '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"]': {
308
- display: 'inline-block',
309
- boxSizing: 'border-box',
310
- flexShrink: 0,
311
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
312
- lineHeight: 1,
313
- paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
314
- paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
315
- },
316
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
317
- '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg': {
318
- overflow: 'hidden',
319
- pointerEvents: 'none',
320
- color: 'currentColor',
321
- verticalAlign: 'bottom',
322
- width: "var(--ds-space-200, 16px)",
323
- height: "var(--ds-space-200, 16px)"
324
- },
325
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
326
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
327
- display: 'none'
328
- },
329
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
330
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
331
- display: 'inline'
332
- },
333
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
334
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
335
- display: 'inline'
336
- },
337
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
338
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
339
- display: 'none'
340
- },
341
- // 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
342
- [`[data-prosemirror-node-name="taskItem"] .${TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER}`]: {
343
- flex: '0 0 24px',
344
- width: '24px',
345
- height: '24px',
346
- position: 'relative',
347
- alignSelf: 'start',
348
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
349
- "& > input[type='checkbox']": {
350
- width: '16px',
351
- height: '16px',
352
- zIndex: 1,
353
- cursor: 'pointer',
354
- outline: 'none',
355
- margin: 0,
356
- opacity: 0,
357
- position: 'absolute',
358
- top: '50%',
359
- left: '50%',
360
- transform: 'translate(-50%, -50%)',
361
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
362
- '&[disabled]': {
363
- cursor: 'default'
364
- },
365
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
366
- '+ span': {
367
- width: '24px',
368
- height: '24px',
369
- position: 'absolute',
370
- top: '50%',
371
- left: '50%',
372
- transform: 'translate(-50%, -50%)'
373
- },
374
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
375
- '+ span > svg': {
376
- boxSizing: 'border-box',
377
- display: 'inline',
378
- top: '50%',
379
- left: '50%',
380
- transform: 'translate(-50%, -50%)',
381
- maxWidth: 'unset',
382
- maxHeight: 'unset',
383
- position: 'absolute',
384
- overflow: 'hidden',
385
- color: "var(--ds-background-input, #FFFFFF)",
386
- transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
387
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
388
- 'path:first-of-type': {
389
- visibility: 'hidden'
390
- },
391
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
392
- 'rect:first-of-type': {
393
- stroke: "var(--ds-border-input, #8C8F97)",
394
- strokeWidth: 1,
395
- transition: 'stroke 0.2s ease-in-out'
396
- }
397
- },
398
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
399
- '&:hover + span > svg': {
400
- color: "var(--ds-background-input-hovered, #F8F8F8)",
401
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
402
- 'rect:first-of-type': {
403
- stroke: "var(--ds-border-input, #8C8F97)"
404
- }
405
- },
406
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
407
- '&:checked:hover + span > svg': {
408
- color: "var(--ds-background-selected-bold-hovered, #1558BC)",
409
- fill: "var(--ds-icon-inverse, #FFFFFF)",
410
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
411
- 'rect:first-of-type': {
412
- stroke: "var(--ds-background-selected-bold-hovered, #1558BC)"
413
- }
414
- },
415
- '&:checked': {
416
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
417
- '+ span > svg': {
418
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
419
- 'path:first-of-type': {
420
- visibility: 'visible'
421
- },
422
- color: "var(--ds-background-selected-bold, #1868DB)",
423
- fill: "var(--ds-icon-inverse, #FFFFFF)",
424
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
425
- 'rect:first-of-type': {
426
- stroke: "var(--ds-background-selected-bold, #1868DB)"
427
- }
428
- }
429
- },
430
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
431
- '&:active + span > svg': {
432
- color: "var(--ds-background-input-pressed, #FFFFFF)",
433
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
434
- 'rect:first-of-type': {
435
- stroke: "var(--ds-border, #0B120E24)"
436
- }
437
- },
438
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
439
- '&:checked:active + span > svg': {
440
- color: "var(--ds-background-input-pressed, #FFFFFF)",
441
- fill: "var(--ds-icon-inverse, #FFFFFF)",
442
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
443
- 'rect:first-of-type': {
444
- stroke: "var(--ds-border, #0B120E24)"
445
- }
446
- },
447
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
448
- '&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
449
- color: "var(--ds-background-disabled, #17171708)",
450
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
451
- 'rect:first-of-type': {
452
- stroke: "var(--ds-background-disabled, #17171708)"
453
- }
454
- },
455
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
456
- '&:disabled:checked + span > svg': {
457
- fill: "var(--ds-icon-disabled, #080F214A)"
458
- },
459
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
460
- '&:focus + span::after': {
461
- position: 'absolute',
462
- width: "var(--ds-space-200, 16px)",
463
- height: "var(--ds-space-200, 16px)",
464
- border: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #4688EC)"}`,
465
- borderRadius: "var(--ds-space-050, 4px)",
466
- content: "''",
467
- display: 'block',
468
- top: '50%',
469
- left: '50%',
470
- transform: 'translate(-50%, -50%)'
471
- }
472
- }
473
- }
474
- });
475
-
476
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
477
- export const taskItemCheckboxStylesWithBlockTaskItem = css({
478
- // copied styles from packages/design-system/icon/src/components/icon-new.tsx
479
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
480
- '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"], [data-prosemirror-node-name="blockTaskItem"] [data-component="checkbox-icon-wrap"]': {
481
- display: 'inline-block',
482
- boxSizing: 'border-box',
483
- flexShrink: 0,
484
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
485
- lineHeight: 1,
486
- paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
487
- paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
488
- },
489
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
490
- '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg, [data-prosemirror-node-name="blockTaskItem"] [data-component="checkbox-icon-wrap"] svg': {
491
- overflow: 'hidden',
492
- pointerEvents: 'none',
493
- color: 'currentColor',
494
- verticalAlign: 'bottom',
495
- width: "var(--ds-space-200, 16px)",
496
- height: "var(--ds-space-200, 16px)"
497
- },
498
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
499
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
500
- display: 'none'
501
- },
502
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
503
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
504
- display: 'inline'
505
- },
506
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
507
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
508
- display: 'inline'
509
- },
510
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
511
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
512
- display: 'none'
513
- },
514
- // 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
515
- [`[data-prosemirror-node-name="taskItem"] .${TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER}, [data-prosemirror-node-name="blockTaskItem"] .${TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER}`]: {
516
- flex: '0 0 24px',
517
- width: '24px',
518
- height: '24px',
519
- position: 'relative',
520
- alignSelf: 'start',
521
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
522
- "& > input[type='checkbox']": {
523
- width: '16px',
524
- height: '16px',
525
- zIndex: 1,
526
- cursor: 'pointer',
527
- outline: 'none',
528
- margin: 0,
529
- opacity: 0,
530
- position: 'absolute',
531
- top: '50%',
532
- left: '50%',
533
- transform: 'translate(-50%, -50%)',
534
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
535
- '&[disabled]': {
536
- cursor: 'default'
537
- },
538
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
539
- '+ span': {
540
- width: '24px',
541
- height: '24px',
542
- position: 'absolute',
543
- top: '50%',
544
- left: '50%',
545
- transform: 'translate(-50%, -50%)'
546
- },
547
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
548
- '+ span > svg': {
549
- boxSizing: 'border-box',
550
- display: 'inline',
551
- top: '50%',
552
- left: '50%',
553
- transform: 'translate(-50%, -50%)',
554
- maxWidth: 'unset',
555
- maxHeight: 'unset',
556
- position: 'absolute',
557
- overflow: 'hidden',
558
- color: "var(--ds-background-input, #FFFFFF)",
559
- transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
560
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
561
- 'path:first-of-type': {
562
- visibility: 'hidden'
563
- },
564
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
565
- 'rect:first-of-type': {
566
- stroke: "var(--ds-border-input, #8C8F97)",
567
- strokeWidth: 1,
568
- transition: 'stroke 0.2s ease-in-out'
569
- }
570
- },
571
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
572
- '&:hover + span > svg': {
573
- color: "var(--ds-background-input-hovered, #F8F8F8)",
574
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
575
- 'rect:first-of-type': {
576
- stroke: "var(--ds-border-input, #8C8F97)"
577
- }
578
- },
579
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
580
- '&:checked:hover + span > svg': {
581
- color: "var(--ds-background-selected-bold-hovered, #1558BC)",
582
- fill: "var(--ds-icon-inverse, #FFFFFF)",
583
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
584
- 'rect:first-of-type': {
585
- stroke: "var(--ds-background-selected-bold-hovered, #1558BC)"
586
- }
587
- },
588
- '&:checked': {
589
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
590
- '+ span > svg': {
591
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
592
- 'path:first-of-type': {
593
- visibility: 'visible'
594
- },
595
- color: "var(--ds-background-selected-bold, #1868DB)",
596
- fill: "var(--ds-icon-inverse, #FFFFFF)",
597
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
598
- 'rect:first-of-type': {
599
- stroke: "var(--ds-background-selected-bold, #1868DB)"
600
- }
601
- }
602
- },
603
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
604
- '&:active + span > svg': {
605
- color: "var(--ds-background-input-pressed, #FFFFFF)",
606
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
607
- 'rect:first-of-type': {
608
- stroke: "var(--ds-border, #0B120E24)"
609
- }
610
- },
611
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
612
- '&:checked:active + span > svg': {
613
- color: "var(--ds-background-input-pressed, #FFFFFF)",
614
- fill: "var(--ds-icon-inverse, #FFFFFF)",
615
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
616
- 'rect:first-of-type': {
617
- stroke: "var(--ds-border, #0B120E24)"
618
- }
619
- },
620
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
621
- '&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
622
- color: "var(--ds-background-disabled, #17171708)",
623
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
624
- 'rect:first-of-type': {
625
- stroke: "var(--ds-background-disabled, #17171708)"
626
- }
627
- },
628
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
629
- '&:disabled:checked + span > svg': {
630
- fill: "var(--ds-icon-disabled, #080F214A)"
631
- },
632
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
633
- '&:focus + span::after': {
634
- position: 'absolute',
635
- width: "var(--ds-space-200, 16px)",
636
- height: "var(--ds-space-200, 16px)",
637
- border: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #4688EC)"}`,
638
- borderRadius: "var(--ds-space-050, 4px)",
639
- content: "''",
640
- display: 'block',
641
- top: '50%',
642
- left: '50%',
643
- transform: 'translate(-50%, -50%)'
644
- }
645
- }
646
- }
647
- });
648
-
649
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
650
- export const taskItemNextCheckboxStyles = css({
651
305
  /**
652
306
  * Background
653
307
  */
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "217.8.3";
2
+ export const version = "217.9.1";
@@ -15,6 +15,7 @@ import { injectIntl } from 'react-intl-next';
15
15
  import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
16
16
  import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
17
17
  import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
18
+ import FeatureGates from '@atlaskit/feature-gate-js-client';
18
19
  import { fg } from '@atlaskit/platform-feature-flags';
19
20
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
20
21
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -203,7 +204,7 @@ var contentAreaHeightNoToolbar = css({
203
204
  export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
204
205
  export var EDITOR_CONTAINER = 'ak-editor-container';
205
206
  var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
206
- var _props$editorAPI, _props$editorAPI$bloc, _props$editorAPI2, _contentAreaRef$curre, _allowScrollGutter$gu;
207
+ var _props$editorAPI, _props$editorAPI$bloc, _props$editorAPI2, _contentAreaRef$curre, _allowScrollGutter$gu, _allowScrollGutter$gu2;
207
208
  var theme = useTheme();
208
209
  var fullWidthMode = props.appearance === 'full-width';
209
210
  var maxWidthMode = props.appearance === 'max';
@@ -298,13 +299,20 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
298
299
  containerElement: scrollContainerRef.current,
299
300
  dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
300
301
  wrapperElement: props.wrapperElement
301
- }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && jsx("div", {
302
+ }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && (FeatureGates.getExperimentValue('cc_snippets_dogfooding_beta', 'isEnabled', false) ? jsx("div", {
302
303
  id: "editor-scroll-gutter",
303
304
  style: {
304
305
  paddingBottom: "".concat((_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120', "px")
305
306
  },
307
+ "data-vc": "scroll-gutter",
308
+ "data-editor-scroll-gutter": "true"
309
+ }) : jsx("div", {
310
+ id: "editor-scroll-gutter",
311
+ style: {
312
+ paddingBottom: "".concat((_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120', "px")
313
+ },
306
314
  "data-vc": "scroll-gutter"
307
- })))))), jsx("div", {
315
+ }))))))), jsx("div", {
308
316
  css: sidebarArea
309
317
  }, props.contextPanel || jsx(ContextPanel, {
310
318
  editorAPI: props.editorAPI,
@@ -61,7 +61,7 @@ import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDe
61
61
  import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
62
62
  import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
63
63
  import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
64
- import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemCheckboxStylesWithBlockTaskItem, taskItemNextCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
64
+ import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
65
65
  import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
66
66
  import { textColorStyles } from './styles/textColorStyles';
67
67
  import { textHighlightStyle } from './styles/textHighlightStyles';
@@ -328,11 +328,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
328
328
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
329
329
  taskItemStylesWithBlockTaskItem :
330
330
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
331
- taskItemStyles, expValEquals('platform_editor_task_item_styles', 'isEnabled', true) ?
332
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
333
- taskItemNextCheckboxStyles : expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
334
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
335
- taskItemCheckboxStylesWithBlockTaskItem :
331
+ taskItemStyles,
336
332
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
337
333
  taskItemCheckboxStyles,
338
334
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values