@atlaskit/editor-common 110.9.0 → 110.9.1

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 (143) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/monitoring/error.js +1 -1
  3. package/dist/cjs/panel.js +0 -12
  4. package/dist/cjs/styles/index.js +0 -204
  5. package/dist/cjs/styles/shared/annotation.js +1 -68
  6. package/dist/cjs/styles/shared/code-block.js +2 -17
  7. package/dist/cjs/styles/shared/date.js +2 -12
  8. package/dist/cjs/styles/shared/grid.js +2 -41
  9. package/dist/cjs/styles/shared/lists.js +2 -10
  10. package/dist/cjs/styles/shared/panel.js +1 -39
  11. package/dist/cjs/styles/shared/resizer.js +2 -202
  12. package/dist/cjs/styles/shared/smart-card.js +1 -6
  13. package/dist/cjs/styles/shared/smartCard.js +2 -16
  14. package/dist/cjs/styles/shared/task-decision.js +2 -12
  15. package/dist/cjs/styles/shared/unsupported-content.js +2 -12
  16. package/dist/cjs/ui/DropList/index.js +1 -1
  17. package/dist/cjs/ui/Expand/sharedStyles.js +2 -97
  18. package/dist/cjs/ui/index.js +0 -7
  19. package/dist/es2019/monitoring/error.js +1 -1
  20. package/dist/es2019/panel.js +1 -1
  21. package/dist/es2019/styles/index.js +11 -23
  22. package/dist/es2019/styles/shared/annotation.js +1 -106
  23. package/dist/es2019/styles/shared/code-block.js +1 -164
  24. package/dist/es2019/styles/shared/date.js +1 -11
  25. package/dist/es2019/styles/shared/grid.js +1 -39
  26. package/dist/es2019/styles/shared/lists.js +1 -121
  27. package/dist/es2019/styles/shared/panel.js +1 -138
  28. package/dist/es2019/styles/shared/resizer.js +2 -211
  29. package/dist/es2019/styles/shared/smart-card.js +1 -24
  30. package/dist/es2019/styles/shared/smartCard.js +1 -151
  31. package/dist/es2019/styles/shared/task-decision.js +1 -63
  32. package/dist/es2019/styles/shared/unsupported-content.js +1 -27
  33. package/dist/es2019/ui/DropList/index.js +1 -1
  34. package/dist/es2019/ui/Expand/sharedStyles.js +1 -113
  35. package/dist/es2019/ui/index.js +0 -1
  36. package/dist/esm/monitoring/error.js +1 -1
  37. package/dist/esm/panel.js +1 -1
  38. package/dist/esm/styles/index.js +11 -23
  39. package/dist/esm/styles/shared/annotation.js +0 -67
  40. package/dist/esm/styles/shared/code-block.js +1 -15
  41. package/dist/esm/styles/shared/date.js +1 -9
  42. package/dist/esm/styles/shared/grid.js +1 -39
  43. package/dist/esm/styles/shared/lists.js +1 -10
  44. package/dist/esm/styles/shared/panel.js +0 -37
  45. package/dist/esm/styles/shared/resizer.js +2 -202
  46. package/dist/esm/styles/shared/smart-card.js +0 -5
  47. package/dist/esm/styles/shared/smartCard.js +1 -15
  48. package/dist/esm/styles/shared/task-decision.js +1 -10
  49. package/dist/esm/styles/shared/unsupported-content.js +1 -11
  50. package/dist/esm/ui/DropList/index.js +1 -1
  51. package/dist/esm/ui/Expand/sharedStyles.js +1 -96
  52. package/dist/esm/ui/index.js +0 -1
  53. package/dist/types/panel.d.ts +1 -1
  54. package/dist/types/styles/index.d.ts +11 -23
  55. package/dist/types/styles/shared/annotation.d.ts +0 -30
  56. package/dist/types/styles/shared/code-block.d.ts +0 -3
  57. package/dist/types/styles/shared/date.d.ts +0 -2
  58. package/dist/types/styles/shared/grid.d.ts +0 -2
  59. package/dist/types/styles/shared/lists.d.ts +0 -2
  60. package/dist/types/styles/shared/panel.d.ts +0 -2
  61. package/dist/types/styles/shared/resizer.d.ts +0 -4
  62. package/dist/types/styles/shared/smart-card.d.ts +0 -2
  63. package/dist/types/styles/shared/smartCard.d.ts +0 -1
  64. package/dist/types/styles/shared/task-decision.d.ts +0 -2
  65. package/dist/types/styles/shared/unsupported-content.d.ts +0 -2
  66. package/dist/types/ui/Expand/sharedStyles.d.ts +0 -6
  67. package/dist/types/ui/index.d.ts +0 -2
  68. package/dist/types-ts4.5/panel.d.ts +1 -1
  69. package/dist/types-ts4.5/styles/index.d.ts +11 -23
  70. package/dist/types-ts4.5/styles/shared/annotation.d.ts +0 -30
  71. package/dist/types-ts4.5/styles/shared/code-block.d.ts +0 -3
  72. package/dist/types-ts4.5/styles/shared/date.d.ts +0 -2
  73. package/dist/types-ts4.5/styles/shared/grid.d.ts +0 -2
  74. package/dist/types-ts4.5/styles/shared/lists.d.ts +0 -2
  75. package/dist/types-ts4.5/styles/shared/panel.d.ts +0 -2
  76. package/dist/types-ts4.5/styles/shared/resizer.d.ts +0 -4
  77. package/dist/types-ts4.5/styles/shared/smart-card.d.ts +0 -2
  78. package/dist/types-ts4.5/styles/shared/smartCard.d.ts +0 -1
  79. package/dist/types-ts4.5/styles/shared/task-decision.d.ts +0 -2
  80. package/dist/types-ts4.5/styles/shared/unsupported-content.d.ts +0 -2
  81. package/dist/types-ts4.5/ui/Expand/sharedStyles.d.ts +0 -6
  82. package/dist/types-ts4.5/ui/index.d.ts +0 -2
  83. package/package.json +1 -1
  84. package/dist/cjs/styles/shared/background-color.js +0 -33
  85. package/dist/cjs/styles/shared/block-marks.js +0 -14
  86. package/dist/cjs/styles/shared/code-mark.js +0 -32
  87. package/dist/cjs/styles/shared/column-layout.js +0 -70
  88. package/dist/cjs/styles/shared/embedCard.js +0 -42
  89. package/dist/cjs/styles/shared/indentation.js +0 -40
  90. package/dist/cjs/styles/shared/link.js +0 -24
  91. package/dist/cjs/styles/shared/paragraph.js +0 -39
  92. package/dist/cjs/styles/shared/rule.js +0 -24
  93. package/dist/cjs/styles/shared/shadow.js +0 -64
  94. package/dist/cjs/styles/shared/text-color.js +0 -20
  95. package/dist/cjs/styles/shared/whitespace.js +0 -15
  96. package/dist/es2019/styles/shared/background-color.js +0 -26
  97. package/dist/es2019/styles/shared/block-marks.js +0 -37
  98. package/dist/es2019/styles/shared/code-mark.js +0 -25
  99. package/dist/es2019/styles/shared/column-layout.js +0 -66
  100. package/dist/es2019/styles/shared/embedCard.js +0 -33
  101. package/dist/es2019/styles/shared/indentation.js +0 -34
  102. package/dist/es2019/styles/shared/link.js +0 -18
  103. package/dist/es2019/styles/shared/paragraph.js +0 -32
  104. package/dist/es2019/styles/shared/rule.js +0 -15
  105. package/dist/es2019/styles/shared/shadow.js +0 -69
  106. package/dist/es2019/styles/shared/text-color.js +0 -14
  107. package/dist/es2019/styles/shared/whitespace.js +0 -9
  108. package/dist/esm/styles/shared/background-color.js +0 -26
  109. package/dist/esm/styles/shared/block-marks.js +0 -8
  110. package/dist/esm/styles/shared/code-mark.js +0 -25
  111. package/dist/esm/styles/shared/column-layout.js +0 -63
  112. package/dist/esm/styles/shared/embedCard.js +0 -35
  113. package/dist/esm/styles/shared/indentation.js +0 -34
  114. package/dist/esm/styles/shared/link.js +0 -18
  115. package/dist/esm/styles/shared/paragraph.js +0 -32
  116. package/dist/esm/styles/shared/rule.js +0 -17
  117. package/dist/esm/styles/shared/shadow.js +0 -57
  118. package/dist/esm/styles/shared/text-color.js +0 -14
  119. package/dist/esm/styles/shared/whitespace.js +0 -9
  120. package/dist/types/styles/shared/background-color.d.ts +0 -1
  121. package/dist/types/styles/shared/block-marks.d.ts +0 -2
  122. package/dist/types/styles/shared/code-mark.d.ts +0 -1
  123. package/dist/types/styles/shared/column-layout.d.ts +0 -4
  124. package/dist/types/styles/shared/embedCard.d.ts +0 -3
  125. package/dist/types/styles/shared/indentation.d.ts +0 -2
  126. package/dist/types/styles/shared/link.d.ts +0 -2
  127. package/dist/types/styles/shared/paragraph.d.ts +0 -1
  128. package/dist/types/styles/shared/rule.d.ts +0 -1
  129. package/dist/types/styles/shared/shadow.d.ts +0 -15
  130. package/dist/types/styles/shared/text-color.d.ts +0 -2
  131. package/dist/types/styles/shared/whitespace.d.ts +0 -2
  132. package/dist/types-ts4.5/styles/shared/background-color.d.ts +0 -1
  133. package/dist/types-ts4.5/styles/shared/block-marks.d.ts +0 -2
  134. package/dist/types-ts4.5/styles/shared/code-mark.d.ts +0 -1
  135. package/dist/types-ts4.5/styles/shared/column-layout.d.ts +0 -4
  136. package/dist/types-ts4.5/styles/shared/embedCard.d.ts +0 -3
  137. package/dist/types-ts4.5/styles/shared/indentation.d.ts +0 -2
  138. package/dist/types-ts4.5/styles/shared/link.d.ts +0 -2
  139. package/dist/types-ts4.5/styles/shared/paragraph.d.ts +0 -1
  140. package/dist/types-ts4.5/styles/shared/rule.d.ts +0 -1
  141. package/dist/types-ts4.5/styles/shared/shadow.d.ts +0 -15
  142. package/dist/types-ts4.5/styles/shared/text-color.d.ts +0 -2
  143. package/dist/types-ts4.5/styles/shared/whitespace.d.ts +0 -2
@@ -1,70 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.columnLayoutSharedStyle = exports.columnLayoutResponsiveSharedStyle = exports.columnLayoutResponsiveRendererStyles = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _react = require("@emotion/react");
10
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
-
13
- var columnLayoutSharedStyle = exports.columnLayoutSharedStyle = (0, _react.css)({
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
- '[data-layout-section]': (0, _defineProperty2.default)({
16
- position: 'relative',
17
- display: 'flex',
18
- flexDirection: 'row',
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
- '& > *': {
21
- flex: 1,
22
- minWidth: 0
23
- },
24
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
- '& > .unsupportedBlockView-content-wrap': {
26
- minWidth: 'initial'
27
- }
28
- }, "@media screen and (max-width: ".concat(_editorSharedStyles.gridMediumMaxWidth, "px)"), {
29
- flexDirection: 'column'
30
- })
31
- });
32
- var columnLayoutResponsiveSharedStyle = exports.columnLayoutResponsiveSharedStyle = (0, _react.css)({
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
34
- '[data-layout-section]': {
35
- display: 'flex',
36
- flexDirection: 'row',
37
- gap: "var(--ds-space-100, 8px)",
38
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
39
- '& > *': {
40
- flex: 1,
41
- minWidth: 0
42
- },
43
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
- '& > .unsupportedBlockView-content-wrap': {
45
- minWidth: 'initial'
46
- }
47
- },
48
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
49
- '.layout-section-container': {
50
- containerType: 'inline-size',
51
- containerName: 'layout-area'
52
- }
53
- });
54
- var LAYOUT_BREAKPOINT_RENDERER = 629;
55
-
56
- /* jest warning: JSDOM version (22) doesn't support the new @container CSS rule */
57
- var columnLayoutResponsiveRendererStyles = exports.columnLayoutResponsiveRendererStyles = (0, _react.css)({
58
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
59
- '.layout-section-container': {
60
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
61
- '[data-layout-section]': (0, _defineProperty2.default)({
62
- gap: "var(--ds-space-600, 48px)"
63
- }, "@container layout-area (max-width:".concat(LAYOUT_BREAKPOINT_RENDERER, "px)"), {
64
- flexDirection: 'column',
65
- gap: "var(--ds-space-400, 32px)"
66
- })
67
- }
68
- });
69
-
70
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.embedSpacingStyles = exports.embedCardStyles = void 0;
7
- var _react = require("@emotion/react");
8
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
-
11
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
- var embedCardStyles = exports.embedCardStyles = function embedCardStyles() {
13
- return (0, _react.css)({
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
- '.ProseMirror': {
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
- ".embedCardView-content-wrap[layout^='wrap-']": {
18
- maxWidth: '100%',
19
- position: 'relative',
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
21
- zIndex: _editorSharedStyles.akEditorWrappedNodeZIndex
22
- },
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
24
- ".embedCardView-content-wrap[layout='wrap-left']": {
25
- float: 'left'
26
- },
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
28
- ".embedCardView-content-wrap[layout='wrap-right']": {
29
- float: 'right'
30
- },
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
32
- ".embedCardView-content-wrap[layout='wrap-right'] + .embedCardView-content-wrap[layout='wrap-left']": {
33
- clear: 'both'
34
- }
35
- }
36
- });
37
- };
38
-
39
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
40
- var embedSpacingStyles = exports.embedSpacingStyles = (0, _react.css)({
41
- margin: "0 ".concat("var(--ds-space-150, 12px)")
42
- });
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.indentationSharedStyles = void 0;
7
- var _react = require("@emotion/react");
8
- /* eslint-disable @atlaskit/design-system/use-tokens-space */
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
-
11
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
- var indentationSharedStyles = exports.indentationSharedStyles = (0, _react.css)({
13
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
14
- '.fabric-editor-indentation-mark': {
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
16
- "&[data-level='1']": {
17
- marginLeft: '30px'
18
- },
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
- "&[data-level='2']": {
21
- marginLeft: '60px'
22
- },
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
24
- "&[data-level='3']": {
25
- marginLeft: '90px'
26
- },
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
28
- "&[data-level='4']": {
29
- marginLeft: '120px'
30
- },
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
32
- "&[data-level='5']": {
33
- marginLeft: '150px'
34
- },
35
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
36
- "&[data-level='6']": {
37
- marginLeft: '180px'
38
- }
39
- }
40
- });
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.linkSharedStyle = void 0;
7
- var _react = require("@emotion/react");
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
-
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
11
- var linkSharedStyle = exports.linkSharedStyle = (0, _react.css)({
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
- 'a.blockLink': {
14
- display: 'block'
15
- },
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
- 'a[data-prosemirror-mark-name="link"]': {
18
- textDecoration: 'underline'
19
- },
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
21
- 'a[data-prosemirror-mark-name="link"]:hover': {
22
- textDecoration: 'none'
23
- }
24
- });
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.paragraphSharedStyles = void 0;
8
- var _react = require("@emotion/react");
9
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
10
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
- var _getEditorUgcToken = _interopRequireDefault(require("../../ugc-tokens/get-editor-ugc-token"));
12
- /* eslint-disable @atlaskit/ui-styling-standard/no-exported-styles */
13
- /* eslint-disable @atlaskit/design-system/use-tokens-typography */
14
- /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
15
- /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
-
18
- // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
19
- var paragraphSharedStyles = exports.paragraphSharedStyles = function paragraphSharedStyles(typographyTheme) {
20
- return (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? (0, _react.css)({
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
22
- '& p': {
23
- font: (0, _getEditorUgcToken.default)('editor.font.body'),
24
- marginTop: _editorSharedStyles.blockNodesVerticalMargin,
25
- marginBottom: 0
26
- }
27
- }) : (0, _react.css)({
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
29
- '& p': {
30
- fontSize: '1em',
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
- lineHeight: _editorSharedStyles.akEditorLineHeight,
33
- fontWeight: "var(--ds-font-weight-regular, 400)",
34
- marginTop: _editorSharedStyles.blockNodesVerticalMargin,
35
- marginBottom: 0,
36
- letterSpacing: '-0.005em'
37
- }
38
- });
39
- };
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ruleSharedStyles = void 0;
7
- var _react = require("@emotion/react");
8
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
-
11
- // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
12
- var ruleSharedStyles = exports.ruleSharedStyles = function ruleSharedStyles() {
13
- return (0, _react.css)({
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
- '& hr': {
16
- border: 'none',
17
- backgroundColor: "var(--ds-border, #091E4224)",
18
- // 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
19
- margin: "".concat(_editorSharedStyles.akEditorLineHeight, "em 0"),
20
- height: '2px',
21
- borderRadius: '1px'
22
- }
23
- });
24
- };
@@ -1,64 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.shadowSharedStyle = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _react = require("@emotion/react");
10
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
- var _OverflowShadow = require("../../ui/OverflowShadow");
12
- var _shadowObserver = require("../../ui/OverflowShadow/shadowObserver");
13
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
14
-
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
-
17
- var shadowWidth = 8;
18
-
19
- /**
20
- * TODO: This is close to working and removes a tone of JS from OverflowShadow component
21
- *
22
- * background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
23
- * linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 100% 0,
24
- * linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
25
- * linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 0;
26
- * background-repeat: no-repeat;
27
- * background-color: white;
28
- * background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
29
- *
30
- * background-attachment: local, local, scroll, scroll;
31
- */
32
-
33
- var shadowSharedStyle = exports.shadowSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::before, .").concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after, .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before, .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::after"), {
34
- display: 'none',
35
- position: 'absolute',
36
- pointerEvents: 'none',
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
38
- zIndex: _editorSharedStyles.akEditorShadowZIndex,
39
- width: "".concat(shadowWidth, "px"),
40
- content: "''",
41
- height: 'calc(100%)'
42
- }), "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, ", .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW), {
43
- position: 'relative'
44
- }), "& .".concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before"), {
45
- 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 )"),
46
- top: '0px',
47
- left: 0,
48
- display: 'block'
49
- }), "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after"), {
50
- 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 )"),
51
- right: '0px',
52
- top: '0px',
53
- display: 'block'
54
- }), "& .".concat(_shadowObserver.shadowObserverClassNames.SENTINEL_LEFT), {
55
- height: '100%',
56
- width: '0px',
57
- minWidth: '0px'
58
- }), "& .".concat(_shadowObserver.shadowObserverClassNames.SENTINEL_RIGHT), {
59
- height: '100%',
60
- width: '0px',
61
- minWidth: '0px'
62
- }));
63
-
64
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.textColorStyles = void 0;
7
- var _react = require("@emotion/react");
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
-
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
11
- var textColorStyles = exports.textColorStyles = (0, _react.css)({
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
- '.fabric-text-color-mark': {
14
- color: 'var(--custom-palette-color, inherit)'
15
- },
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
- 'a .fabric-text-color-mark': {
18
- color: 'unset'
19
- }
20
- });
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.whitespaceSharedStyles = void 0;
7
- var _react = require("@emotion/react");
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
-
10
- var whitespaceSharedStyles = exports.whitespaceSharedStyles = (0, _react.css)({
11
- wordWrap: 'break-word',
12
- whiteSpace: 'pre-wrap'
13
- });
14
-
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -1,26 +0,0 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
4
- export const backgroundColorStyles = () => {
5
- return css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- '.fabric-background-color-mark': {
8
- backgroundColor: 'var(--custom-palette-color, inherit)',
9
- borderRadius: "var(--ds-radius-xsmall, 2px)",
10
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
11
- paddingTop: '1px',
12
- paddingBottom: "var(--ds-space-025, 2px)",
13
- boxDecorationBreak: 'clone'
14
- },
15
- // Don't show text highlight styling when there is a hyperlink
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
- 'a .fabric-background-color-mark': {
18
- backgroundColor: 'unset'
19
- },
20
- // Don't show text highlight styling when there is an inline comment
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
22
- '.fabric-background-color-mark .ak-editor-annotation': {
23
- backgroundColor: 'unset'
24
- }
25
- });
26
- };
@@ -1,37 +0,0 @@
1
- /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Perfectly safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing */
2
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
- import { css } from '@emotion/react';
4
-
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
6
- export const blockMarksSharedStyles = css`
7
- /**
8
- * We need to remove margin-top from first item
9
- * inside doc, tableCell, tableHeader, blockquote, etc.
10
- */
11
- *:not(.fabric-editor-block-mark) >,
12
- /* For nested block marks apart from those with indentation mark */
13
- *:not(.fabric-editor-block-mark) >
14
- div.fabric-editor-block-mark:first-of-type
15
- /* Do not remove the margin top for nodes inside indentation marks */
16
- :not(.fabric-editor-indentation-mark)
17
- /* Do not remove the margin top for nodes inside alignment marks */
18
- :not(.fabric-editor-alignment),
19
- /* If first element inside a block node has alignment mark, then remove the margin-top */
20
- .fabric-editor-alignment:first-of-type:first-child,
21
- /* If first document element has indentation mark remove margin-top */
22
- .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {
23
- p,
24
- h1,
25
- h2,
26
- h3,
27
- h4,
28
- h5,
29
- h6,
30
- .heading-wrapper {
31
- :first-child:not(style),
32
- style:first-child + * {
33
- margin-top: 0;
34
- }
35
- }
36
- }
37
- `;
@@ -1,25 +0,0 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- export const codeMarkSharedStyles = () => {
4
- return css({
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
6
- '.code': {
7
- '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
9
- display: 'inline',
10
- padding: '2px 0.5ch',
11
- backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #091E420F)"})`,
12
- borderRadius: "var(--ds-radius-small, 3px)",
13
- borderStyle: 'none',
14
- boxDecorationBreak: 'clone',
15
- color: "var(--ds-text, #172B4D)",
16
- fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
17
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
18
- fontSize: '0.875em',
19
- fontWeight: "var(--ds-font-weight-regular, 400)",
20
- overflow: 'auto',
21
- overflowWrap: 'break-word',
22
- whiteSpace: 'pre-wrap'
23
- }
24
- });
25
- };
@@ -1,66 +0,0 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
4
- const columnLayoutSharedStyle = css({
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
6
- '[data-layout-section]': {
7
- position: 'relative',
8
- display: 'flex',
9
- flexDirection: 'row',
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
11
- '& > *': {
12
- flex: 1,
13
- minWidth: 0
14
- },
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
16
- '& > .unsupportedBlockView-content-wrap': {
17
- minWidth: 'initial'
18
- },
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
20
- [`@media screen and (max-width: ${gridMediumMaxWidth}px)`]: {
21
- flexDirection: 'column'
22
- }
23
- }
24
- });
25
- const columnLayoutResponsiveSharedStyle = css({
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
27
- '[data-layout-section]': {
28
- display: 'flex',
29
- flexDirection: 'row',
30
- gap: "var(--ds-space-100, 8px)",
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
32
- '& > *': {
33
- flex: 1,
34
- minWidth: 0
35
- },
36
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
37
- '& > .unsupportedBlockView-content-wrap': {
38
- minWidth: 'initial'
39
- }
40
- },
41
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
42
- '.layout-section-container': {
43
- containerType: 'inline-size',
44
- containerName: 'layout-area'
45
- }
46
- });
47
- const LAYOUT_BREAKPOINT_RENDERER = 629;
48
-
49
- /* jest warning: JSDOM version (22) doesn't support the new @container CSS rule */
50
- const columnLayoutResponsiveRendererStyles = css({
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
52
- '.layout-section-container': {
53
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
54
- '[data-layout-section]': {
55
- gap: "var(--ds-space-600, 48px)",
56
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
57
- [`@container layout-area (max-width:${LAYOUT_BREAKPOINT_RENDERER}px)`]: {
58
- flexDirection: 'column',
59
- gap: "var(--ds-space-400, 32px)"
60
- }
61
- }
62
- }
63
- });
64
-
65
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
66
- export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles };
@@ -1,33 +0,0 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- import { akEditorWrappedNodeZIndex } from '@atlaskit/editor-shared-styles';
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
- export const embedCardStyles = () => css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- '.ProseMirror': {
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
9
- ".embedCardView-content-wrap[layout^='wrap-']": {
10
- maxWidth: '100%',
11
- position: 'relative',
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
13
- zIndex: akEditorWrappedNodeZIndex
14
- },
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
16
- ".embedCardView-content-wrap[layout='wrap-left']": {
17
- float: 'left'
18
- },
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
- ".embedCardView-content-wrap[layout='wrap-right']": {
21
- float: 'right'
22
- },
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
24
- ".embedCardView-content-wrap[layout='wrap-right'] + .embedCardView-content-wrap[layout='wrap-left']": {
25
- clear: 'both'
26
- }
27
- }
28
- });
29
-
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
- export const embedSpacingStyles = css({
32
- margin: `0 ${"var(--ds-space-150, 12px)"}`
33
- });
@@ -1,34 +0,0 @@
1
- /* eslint-disable @atlaskit/design-system/use-tokens-space */
2
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
- import { css } from '@emotion/react';
4
-
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
6
- export const indentationSharedStyles = css({
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
8
- '.fabric-editor-indentation-mark': {
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
10
- "&[data-level='1']": {
11
- marginLeft: '30px'
12
- },
13
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
14
- "&[data-level='2']": {
15
- marginLeft: '60px'
16
- },
17
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
18
- "&[data-level='3']": {
19
- marginLeft: '90px'
20
- },
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
22
- "&[data-level='4']": {
23
- marginLeft: '120px'
24
- },
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
26
- "&[data-level='5']": {
27
- marginLeft: '150px'
28
- },
29
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
30
- "&[data-level='6']": {
31
- marginLeft: '180px'
32
- }
33
- }
34
- });
@@ -1,18 +0,0 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
-
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
- export const linkSharedStyle = css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- 'a.blockLink': {
8
- display: 'block'
9
- },
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
11
- 'a[data-prosemirror-mark-name="link"]': {
12
- textDecoration: 'underline'
13
- },
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
- 'a[data-prosemirror-mark-name="link"]:hover': {
16
- textDecoration: 'none'
17
- }
18
- });
@@ -1,32 +0,0 @@
1
- /* eslint-disable @atlaskit/ui-styling-standard/no-exported-styles */
2
- /* eslint-disable @atlaskit/design-system/use-tokens-typography */
3
- /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
4
- /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
- import { css } from '@emotion/react';
7
- import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
8
- import { fg } from '@atlaskit/platform-feature-flags';
9
- import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
10
-
11
- // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
12
- export const paragraphSharedStyles = typographyTheme => {
13
- return fg('platform_editor_typography_ugc') ? css({
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
- '& p': {
16
- font: editorUGCToken('editor.font.body'),
17
- marginTop: blockNodesVerticalMargin,
18
- marginBottom: 0
19
- }
20
- }) : css({
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
22
- '& p': {
23
- fontSize: '1em',
24
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
25
- lineHeight: akEditorLineHeight,
26
- fontWeight: "var(--ds-font-weight-regular, 400)",
27
- marginTop: blockNodesVerticalMargin,
28
- marginBottom: 0,
29
- letterSpacing: '-0.005em'
30
- }
31
- });
32
- };
@@ -1,15 +0,0 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
4
- // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
5
- export const ruleSharedStyles = () => css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- '& hr': {
8
- border: 'none',
9
- backgroundColor: "var(--ds-border, #091E4224)",
10
- // 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
11
- margin: `${akEditorLineHeight}em 0`,
12
- height: '2px',
13
- borderRadius: '1px'
14
- }
15
- });