@atlaskit/renderer 109.32.3 → 109.32.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 (64) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/actions/index.js +7 -0
  3. package/dist/cjs/react/marks/breakout.js +5 -1
  4. package/dist/cjs/react/nodes/blockCard.js +1 -0
  5. package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -0
  6. package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
  7. package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js +4 -2
  8. package/dist/cjs/react/nodes/embedCard.js +2 -0
  9. package/dist/cjs/react/nodes/extension.js +1 -0
  10. package/dist/cjs/react/nodes/layoutColumn.js +6 -1
  11. package/dist/cjs/react/nodes/media/index.js +6 -1
  12. package/dist/cjs/react/nodes/mediaSingle/styles.js +3 -0
  13. package/dist/cjs/react/nodes/multiBodiedExtension.js +2 -1
  14. package/dist/cjs/react/nodes/panel.js +6 -3
  15. package/dist/cjs/react/nodes/table/colgroup.js +1 -1
  16. package/dist/cjs/react/nodes/table/sticky.js +55 -44
  17. package/dist/cjs/ui/Expand.js +2 -0
  18. package/dist/cjs/ui/ExtensionRenderer.js +1 -0
  19. package/dist/cjs/ui/Renderer/index.js +2 -2
  20. package/dist/cjs/ui/Renderer/truncated-wrapper.js +2 -0
  21. package/dist/cjs/ui/annotations/draft/component.js +4 -1
  22. package/dist/es2019/actions/index.js +7 -0
  23. package/dist/es2019/react/marks/breakout.js +5 -1
  24. package/dist/es2019/react/nodes/blockCard.js +1 -0
  25. package/dist/es2019/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -0
  26. package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
  27. package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js +4 -2
  28. package/dist/es2019/react/nodes/embedCard.js +2 -0
  29. package/dist/es2019/react/nodes/extension.js +1 -0
  30. package/dist/es2019/react/nodes/layoutColumn.js +7 -1
  31. package/dist/es2019/react/nodes/media/index.js +6 -1
  32. package/dist/es2019/react/nodes/mediaSingle/styles.js +4 -0
  33. package/dist/es2019/react/nodes/multiBodiedExtension.js +2 -1
  34. package/dist/es2019/react/nodes/panel.js +6 -3
  35. package/dist/es2019/react/nodes/table/colgroup.js +1 -1
  36. package/dist/es2019/react/nodes/table/sticky.js +59 -44
  37. package/dist/es2019/ui/Expand.js +2 -0
  38. package/dist/es2019/ui/ExtensionRenderer.js +1 -0
  39. package/dist/es2019/ui/Renderer/index.js +2 -2
  40. package/dist/es2019/ui/Renderer/truncated-wrapper.js +2 -0
  41. package/dist/es2019/ui/annotations/draft/component.js +5 -1
  42. package/dist/esm/actions/index.js +7 -0
  43. package/dist/esm/react/marks/breakout.js +5 -1
  44. package/dist/esm/react/nodes/blockCard.js +1 -0
  45. package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -0
  46. package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js +1 -1
  47. package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js +4 -2
  48. package/dist/esm/react/nodes/embedCard.js +2 -0
  49. package/dist/esm/react/nodes/extension.js +1 -0
  50. package/dist/esm/react/nodes/layoutColumn.js +7 -1
  51. package/dist/esm/react/nodes/media/index.js +6 -1
  52. package/dist/esm/react/nodes/mediaSingle/styles.js +4 -0
  53. package/dist/esm/react/nodes/multiBodiedExtension.js +2 -1
  54. package/dist/esm/react/nodes/panel.js +6 -3
  55. package/dist/esm/react/nodes/table/colgroup.js +1 -1
  56. package/dist/esm/react/nodes/table/sticky.js +55 -44
  57. package/dist/esm/ui/Expand.js +2 -0
  58. package/dist/esm/ui/ExtensionRenderer.js +1 -0
  59. package/dist/esm/ui/Renderer/index.js +2 -2
  60. package/dist/esm/ui/Renderer/truncated-wrapper.js +2 -0
  61. package/dist/esm/ui/annotations/draft/component.js +5 -1
  62. package/dist/types/react/nodes/extension.d.ts +1 -0
  63. package/dist/types-ts4.5/react/nodes/extension.d.ts +1 -0
  64. package/package.json +156 -160
@@ -1,8 +1,12 @@
1
1
  /** @jsx jsx */
2
2
  import { css } from '@emotion/react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
3
5
  export const uiMediaSingleBaseStyles = css({
4
6
  transition: 'all 0.1s linear'
5
7
  });
8
+
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
6
10
  export const uiMediaSingleLayoutStyles = css({
7
11
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
8
12
  marginLeft: '50%',
@@ -41,7 +41,7 @@ const useMultiBodiedExtensionActions = ({
41
41
  return actions;
42
42
  };
43
43
 
44
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
44
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
45
45
  const navigationCssExtended = css`
46
46
  ${sharedMultiBodiedExtensionStyles.mbeNavigation};
47
47
  margin-left: 0 !important;
@@ -101,6 +101,7 @@ const MultiBodiedExtension = props => {
101
101
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
102
102
  className: `${RendererCssClassName.EXTENSION} ${centerAlignClass} ${overflowContainerClass}`,
103
103
  style: {
104
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
104
105
  width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
105
106
  },
106
107
  "data-layout": layout
@@ -37,9 +37,12 @@ const PanelStyled = ({
37
37
  }
38
38
  `;
39
39
  }
40
- return jsx("div", _extends({
41
- css: styles
42
- }, props), props.children);
40
+ return (
41
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
42
+ jsx("div", _extends({
43
+ css: styles
44
+ }, props), props.children)
45
+ );
43
46
  };
44
47
  PanelStyled.displayName = 'PanelStyled';
45
48
  const panelIcons = {
@@ -161,7 +161,7 @@ export const Colgroup = props => {
161
161
  return null;
162
162
  }
163
163
  return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
164
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
164
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
165
165
  style: {
166
166
  width: akEditorTableNumberColumnWidth
167
167
  },
@@ -29,12 +29,18 @@ const fixedTableDivStaticStyles = (top, width, rendererAppearance) => {
29
29
  } else {
30
30
  stickyHeaderZIndex = akEditorStickyHeaderZIndex;
31
31
  }
32
+
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
34
  return css(typeof top === 'number' && `top: ${top}px;`, {
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
33
36
  width: `${width}px`,
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
34
38
  zIndex: stickyHeaderZIndex,
39
+ // 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
35
40
  [`& .${TableSharedCssClassName.TABLE_CONTAINER}, & .${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table`]: {
36
41
  marginTop: 0,
37
42
  marginBottom: 0,
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
38
44
  tr: {
39
45
  background: "var(--ds-surface, white)"
40
46
  }
@@ -42,14 +48,18 @@ const fixedTableDivStaticStyles = (top, width, rendererAppearance) => {
42
48
  borderTop: `${tableStickyPadding}px solid ${"var(--ds-surface, white)"}`,
43
49
  background: "var(--ds-surface-overlay, white)",
44
50
  boxShadow: `0 6px 4px -4px ${`var(--ds-shadow-overflow-perimeter, ${N40A})`}`,
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
45
52
  "div[data-expanded='false'] &": {
46
53
  display: 'none'
47
54
  },
55
+ // 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
48
56
  [`& .${TableSharedCssClassName.TABLE_CONTAINER}.is-sticky.right-shadow::after, & .${TableSharedCssClassName.TABLE_CONTAINER}.is-sticky.left-shadow::before`]: {
49
57
  top: '0px',
50
58
  height: '100%'
51
59
  },
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
52
61
  "&.fixed-table-div-custom-table-resizing[mode='stick']": {
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
53
63
  zIndex: stickyHeaderZIndex
54
64
  }
55
65
  });
@@ -69,7 +79,9 @@ export const FixedTableDiv = props => {
69
79
  "data-testid": "sticky-table-fixed"
70
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
71
81
  ,
72
- className: isTableResizingEnabled(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : '',
82
+ className: isTableResizingEnabled(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : ''
83
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
84
+ ,
73
85
  css: fixedTableCss
74
86
  }), props.children);
75
87
  };
@@ -94,60 +106,63 @@ export const StickyTable = ({
94
106
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
95
107
  if (isTableResizingEnabled(rendererAppearance)) {
96
108
  styles = css({
97
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
109
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
98
110
  top: mode === 'pin-bottom' ? top : undefined,
99
111
  position: 'absolute'
100
112
  });
101
113
  } else {
102
114
  styles = css({
103
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
115
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
104
116
  left: left && left < 0 ? left : undefined,
105
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
117
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
106
118
  top: mode === 'pin-bottom' ? top : undefined,
107
119
  position: 'relative'
108
120
  });
109
121
  }
110
122
  /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
111
- return jsx("div", {
112
- css: styles
113
- }, jsx(FixedTableDiv, {
114
- top: mode === 'stick' ? top : undefined,
115
- mode: rowHeight > 300 ? 'none' : mode,
116
- wrapperWidth: wrapperWidth,
117
- rendererAppearance: rendererAppearance
118
- }, jsx("div", {
119
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
120
- className: `${TableSharedCssClassName.TABLE_CONTAINER} is-sticky ${shadowClassNames || ''}`,
121
- "data-layout": layout,
122
- style: {
123
- width: tableWidth
124
- }
125
- }, jsx("div", {
126
- ref: innerRef
127
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
128
- ,
129
- className: `${TableSharedCssClassName.TABLE_STICKY_WRAPPER}`,
130
- style: {
131
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
132
- overflow: 'hidden'
133
- }
134
- }, jsx(Table, {
135
- columnWidths: columnWidths,
136
- layout: layout,
137
- isNumberColumnEnabled: isNumberColumnEnabled,
138
- renderWidth: renderWidth,
139
- tableNode: tableNode,
140
- rendererAppearance: rendererAppearance
141
- },
142
- /**
143
- * @see https://product-fabric.atlassian.net/browse/ED-10235
144
- * We pass prop 'invisible' to our table's children nodes meaning
145
- * they exist inside of the 'invisible' duplicated table component that
146
- * enables sticky headers.
147
- */
148
- recursivelyInjectProps(children, {
149
- invisible: true
150
- }))))));
123
+ return (
124
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
125
+ jsx("div", {
126
+ css: styles
127
+ }, jsx(FixedTableDiv, {
128
+ top: mode === 'stick' ? top : undefined,
129
+ mode: rowHeight > 300 ? 'none' : mode,
130
+ wrapperWidth: wrapperWidth,
131
+ rendererAppearance: rendererAppearance
132
+ }, jsx("div", {
133
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
134
+ className: `${TableSharedCssClassName.TABLE_CONTAINER} is-sticky ${shadowClassNames || ''}`,
135
+ "data-layout": layout,
136
+ style: {
137
+ width: tableWidth
138
+ }
139
+ }, jsx("div", {
140
+ ref: innerRef
141
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
142
+ ,
143
+ className: `${TableSharedCssClassName.TABLE_STICKY_WRAPPER}`,
144
+ style: {
145
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
146
+ overflow: 'hidden'
147
+ }
148
+ }, jsx(Table, {
149
+ columnWidths: columnWidths,
150
+ layout: layout,
151
+ isNumberColumnEnabled: isNumberColumnEnabled,
152
+ renderWidth: renderWidth,
153
+ tableNode: tableNode,
154
+ rendererAppearance: rendererAppearance
155
+ },
156
+ /**
157
+ * @see https://product-fabric.atlassian.net/browse/ED-10235
158
+ * We pass prop 'invisible' to our table's children nodes meaning
159
+ * they exist inside of the 'invisible' duplicated table component that
160
+ * enables sticky headers.
161
+ */
162
+ recursivelyInjectProps(children, {
163
+ invisible: true
164
+ }))))))
165
+ );
151
166
  };
152
167
 
153
168
  /**
@@ -17,7 +17,9 @@ import { ActiveHeaderIdConsumer } from './active-header-id-provider';
17
17
  const titleStyles = css({
18
18
  outline: 'none',
19
19
  border: 'none',
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
20
21
  fontSize: relativeFontSizeToBase16(fontSize()),
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
23
  lineHeight: akEditorLineHeight,
22
24
  fontWeight: 'normal',
23
25
  display: 'flex',
@@ -13,6 +13,7 @@ const inlineExtensionStyle = css({
13
13
  verticalAlign: 'middle',
14
14
  // es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
15
15
  margin: `1px 1px ${"var(--ds-space-050, 4px)"}`,
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
16
17
  '& .rich-media-item': {
17
18
  maxWidth: '100%'
18
19
  }
@@ -37,7 +37,7 @@ import { nodeToReact } from '../../react/nodes';
37
37
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
38
38
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
39
39
  const packageName = "@atlaskit/renderer";
40
- const packageVersion = "109.32.3";
40
+ const packageVersion = "109.32.4";
41
41
  export const defaultNodeComponents = nodeToReact;
42
42
  export class Renderer extends PureComponent {
43
43
  constructor(props) {
@@ -521,7 +521,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
521
521
  ref: innerRef,
522
522
  onClick: onClick,
523
523
  onMouseDown: onMouseDown
524
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
524
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
525
525
  ,
526
526
  css: rendererStyles({
527
527
  appearance,
@@ -4,10 +4,12 @@ import { Component } from 'react';
4
4
  const fadeOutStyles = (maxHeight, top, backgroundColor) => css({
5
5
  position: 'relative',
6
6
  overflowY: 'hidden',
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
7
8
  maxHeight: `${maxHeight}px`,
8
9
  '&::after': {
9
10
  content: "''",
10
11
  position: 'absolute',
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
11
13
  top: `${top}px`,
12
14
  bottom: 0,
13
15
  left: 0,
@@ -10,11 +10,15 @@ import { dataAttributes } from './dom';
10
10
  import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
11
11
  import { segmentText } from '../../../react/utils/segment-text';
12
12
  import { renderTextSegments } from '../../../react/utils/render-text-segments';
13
+
14
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
13
15
  const markStyles = () => css({
14
16
  color: 'inherit',
15
17
  backgroundColor: 'unset',
16
18
  WebkitTapHighlightColor: 'transparent'
17
- }, AnnotationSharedCSSByState().focus);
19
+ },
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
+ AnnotationSharedCSSByState().focus);
18
22
  export const AnnotationDraft = ({
19
23
  draftPosition,
20
24
  children
@@ -273,6 +273,13 @@ var RendererActions = /*#__PURE__*/function () {
273
273
  return _objectSpread({
274
274
  step: step,
275
275
  doc: this.transformer.encode(doc),
276
+ inlineNodeTypes: getRendererRangeInlineNodeNames({
277
+ actions: this,
278
+ pos: {
279
+ from: from,
280
+ to: to
281
+ }
282
+ }),
276
283
  originalSelection: originalSelection,
277
284
  numMatches: numMatches,
278
285
  matchIndex: matchIndex,
@@ -3,7 +3,9 @@ import { css, jsx } from '@emotion/react';
3
3
  import { WidthConsumer } from '@atlaskit/editor-common/ui';
4
4
  import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
5
5
  import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
6
7
  export var wrapperStyles = css({
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
7
9
  margin: "".concat(blockNodesVerticalMargin, " 0"),
8
10
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
9
11
  marginLeft: '50%',
@@ -14,7 +16,9 @@ export default function Breakout(props) {
14
16
  var width = _ref.width;
15
17
  return jsx("div", {
16
18
  css: wrapperStyles,
17
- "data-mode": props.mode,
19
+ "data-mode": props.mode
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
21
+ ,
18
22
  style: {
19
23
  width: calcBreakoutWidth(props.mode, width)
20
24
  }
@@ -99,6 +99,7 @@ export default function BlockCard(props) {
99
99
  css: datasourceContainerStyle,
100
100
  "data-testid": "renderer-datasource-table",
101
101
  style: {
102
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
102
103
  width: isNodeNested ? '100%' : calcBreakoutWidth(layout, width)
103
104
  }
104
105
  }, jsx(DatasourceTableView, {
@@ -17,6 +17,7 @@ var codeBlockButtonsStyle = css({
17
17
  right: "var(--ds-space-075, 6px)",
18
18
  top: "var(--ds-space-050, 4px)",
19
19
  padding: "var(--ds-space-025, 2px)",
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
21
  button: {
21
22
  height: '32px',
22
23
  width: '32px',
@@ -32,9 +33,11 @@ var codeBlockButtonsStyle = css({
32
33
  height: '32px',
33
34
  width: '32px'
34
35
  },
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
35
37
  '&.clicked': {
36
38
  backgroundColor: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(N700, ")")),
37
39
  borderRadius: '4px',
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
38
41
  color: "".concat("var(--ds-icon-inverse, ".concat(N0, ")"), " !important")
39
42
  }
40
43
  }
@@ -8,7 +8,7 @@ import { fontSize } from '@atlaskit/theme/constants';
8
8
  import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
9
9
  import CodeBlockButtonContainer from './codeBlockButtonContainer';
10
10
 
11
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
11
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
12
12
  var codeBlockStyleOverrides = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\ttab-size: 4;\n\tbackground-color: ", ";\n\n\t&:hover {\n\t\tbutton {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\tbutton {\n\t\topacity: 0;\n\t\ttransition: opacity 0.2s ease 0s;\n\t}\n\n\t", " {\n\t\tfont-size: ", ";\n\t\tline-height: 1.5rem;\n\t\tbackground-image: ", ";\n\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\tbackground-position:\n\t\t\t0 0,\n\t\t\t0 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t0 0,\n\t\t\t0 0;\n\t}\n"])), "var(--ds-surface-raised, ".concat(N20, ")"), CodeBlockSharedCssClassName.DS_CODEBLOCK, relativeFontSizeToBase16(fontSize()), overflowShadow({
13
13
  leftCoverWidth: "var(--ds-space-300, 24px)"
14
14
  }));
@@ -7,7 +7,7 @@ import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
7
7
  import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
8
8
  import { useBidiWarnings } from '../../../hooks/use-bidi-warnings';
9
9
  import { RendererCssClassName } from '../../../../consts';
10
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
10
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
11
11
  var lightWeightCodeBlockStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tcursor: text;\n\t}\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER);
12
12
  export var LightWeightCodeBlockCssClassName = {
13
13
  CONTAINER: 'light-weight-code-block'
@@ -38,7 +38,9 @@ var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
38
38
  return jsx("div", {
39
39
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
40
40
  className: classNames,
41
- ref: ref,
41
+ ref: ref
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
43
+ ,
42
44
  css: [codeBlockSharedStyles(), lightWeightCodeBlockStyles]
43
45
  }, jsx("div", {
44
46
  className: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
@@ -15,9 +15,11 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
15
15
  var embedCardWrapperStyles = css({
16
16
  width: '100%',
17
17
  height: '100%',
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
18
19
  '> div': {
19
20
  height: '100%'
20
21
  },
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
21
23
  '.loader-wrapper': {
22
24
  height: '100%'
23
25
  },
@@ -22,6 +22,7 @@ export var renderExtension = function renderExtension(content, layout) {
22
22
  ,
23
23
  className: "".concat(RendererCssClassName.EXTENSION, " ").concat(options.shadowClassNames, " ").concat(centerAlignClass),
24
24
  style: {
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
25
26
  width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
26
27
  },
27
28
  "data-layout": layout
@@ -2,7 +2,13 @@
2
2
  import React from 'react';
3
3
  import { jsx, css } from '@emotion/react';
4
4
  import { WidthProvider, clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from '@atlaskit/editor-common/ui';
5
- var layoutColumnClearMarginTopStyles = css(clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle);
5
+
6
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
7
+ var layoutColumnClearMarginTopStyles = css(
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
9
+ clearNextSiblingMarginTopStyle,
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
11
+ clearNextSiblingBlockMarkMarginTopStyle);
6
12
  export default function LayoutSection(props) {
7
13
  return jsx("div", {
8
14
  "data-layout-column": true,
@@ -35,7 +35,10 @@ import { CommentBadge as CommentBadgeComponent } from '@atlaskit/editor-common/m
35
35
  import { injectIntl } from 'react-intl-next';
36
36
  import { useInlineCommentSubscriberContext, useInlineCommentsFilter } from '../../../ui/annotations/hooks';
37
37
  import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
38
39
  export var linkStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tbackground: transparent;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tcursor: pointer;\n\twidth: 100% !important;\n\theight: 100% !important;\n"])));
40
+
41
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
39
42
  export var borderStyle = function borderStyle(color, width) {
40
43
  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tposition: absolute;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tborder-radius: ", "px;\n\tbox-shadow: 0 0 0 ", "px ", ";\n"])), width, width, color);
41
44
  };
@@ -52,7 +55,9 @@ var MediaBorder = function MediaBorder(_ref) {
52
55
  return jsx("div", {
53
56
  "data-mark-type": "border",
54
57
  "data-color": borderColor,
55
- "data-size": borderWidth,
58
+ "data-size": borderWidth
59
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
60
+ ,
56
61
  css: borderStyle(paletteColorValue, borderWidth)
57
62
  }, jsx(MediaBorderGapFiller, {
58
63
  borderColor: borderColor
@@ -1,8 +1,12 @@
1
1
  /** @jsx jsx */
2
2
  import { css } from '@emotion/react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
3
5
  export var uiMediaSingleBaseStyles = css({
4
6
  transition: 'all 0.1s linear'
5
7
  });
8
+
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
6
10
  export var uiMediaSingleLayoutStyles = css({
7
11
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
8
12
  marginLeft: '50%',
@@ -43,7 +43,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
43
43
  return actions;
44
44
  };
45
45
 
46
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
46
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
47
47
  var navigationCssExtended = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", ";\n\tmargin-left: 0 !important;\n\tmargin-right: 0 !important;\n\t.mbe-add-tab-button,\n\t.mbe-remove-tab {\n\t\tdisplay: none;\n\t}\n"])), sharedMultiBodiedExtensionStyles.mbeNavigation);
48
48
  var MultiBodiedExtension = function MultiBodiedExtension(props) {
49
49
  var children = props.children,
@@ -81,6 +81,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
81
81
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
82
82
  className: "".concat(RendererCssClassName.EXTENSION, " ").concat(centerAlignClass, " ").concat(overflowContainerClass),
83
83
  style: {
84
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
84
85
  width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
85
86
  },
86
87
  "data-layout": layout
@@ -23,9 +23,12 @@ var PanelStyled = function PanelStyled(_ref) {
23
23
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- nested css mixins are violations
24
24
  styles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t&.", " {\n\t\t\t\t", "\n\t\t\t}\n\n\t\t\t&[data-panel-type=", "] {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\t", "\n\t\t\t}\n\t\t"])), PanelSharedCssClassName.prefix, panelSharedStylesWithoutPrefix(), PanelType.CUSTOM, hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor, hasIcon ? '' : 'padding-left: 12px;padding-right: 12px;');
25
25
  }
26
- return jsx("div", _extends({
27
- css: styles
28
- }, props), props.children);
26
+ return (
27
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
28
+ jsx("div", _extends({
29
+ css: styles
30
+ }, props), props.children)
31
+ );
29
32
  };
30
33
  PanelStyled.displayName = 'PanelStyled';
31
34
  var panelIcons = {
@@ -164,7 +164,7 @@ export var Colgroup = function Colgroup(props) {
164
164
  return null;
165
165
  }
166
166
  return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
167
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
167
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
168
168
  style: {
169
169
  width: akEditorTableNumberColumnWidth
170
170
  },