@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,69 +0,0 @@
1
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
2
-
3
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
- import { css } from '@emotion/react';
5
- import { akEditorShadowZIndex } from '@atlaskit/editor-shared-styles';
6
- import { shadowClassNames } from '../../ui/OverflowShadow';
7
- import { shadowObserverClassNames } from '../../ui/OverflowShadow/shadowObserver';
8
- const shadowWidth = 8;
9
-
10
- /**
11
- * TODO: This is close to working and removes a tone of JS from OverflowShadow component
12
- *
13
- * background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
14
- * linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 100% 0,
15
- * linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
16
- * linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 0;
17
- * background-repeat: no-repeat;
18
- * background-color: white;
19
- * background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
20
- *
21
- * background-attachment: local, local, scroll, scroll;
22
- */
23
-
24
- const shadowSharedStyle = css({
25
- // 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
26
- [`& .${shadowClassNames.RIGHT_SHADOW}::before, .${shadowClassNames.RIGHT_SHADOW}::after, .${shadowClassNames.LEFT_SHADOW}::before, .${shadowClassNames.LEFT_SHADOW}::after`]: {
27
- display: 'none',
28
- position: 'absolute',
29
- pointerEvents: 'none',
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
31
- zIndex: akEditorShadowZIndex,
32
- width: `${shadowWidth}px`,
33
- content: "''",
34
- height: 'calc(100%)'
35
- },
36
- // 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
37
- [`& .${shadowClassNames.RIGHT_SHADOW}, .${shadowClassNames.LEFT_SHADOW}`]: {
38
- position: 'relative'
39
- },
40
- // 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
41
- [`& .${shadowClassNames.LEFT_SHADOW}::before`]: {
42
- background: `linear-gradient( to left, transparent 0, ${"var(--ds-shadow-overflow-spread, #091e4229)"} 140% ), linear-gradient( to right, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
43
- top: '0px',
44
- left: 0,
45
- display: 'block'
46
- },
47
- // 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
- [`& .${shadowClassNames.RIGHT_SHADOW}::after`]: {
49
- background: `linear-gradient( to right, transparent 0, ${"var(--ds-shadow-overflow-spread, #091e4229)"} 140% ), linear-gradient( to left, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
50
- right: '0px',
51
- top: '0px',
52
- display: 'block'
53
- },
54
- // 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
55
- [`& .${shadowObserverClassNames.SENTINEL_LEFT}`]: {
56
- height: '100%',
57
- width: '0px',
58
- minWidth: '0px'
59
- },
60
- // 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
61
- [`& .${shadowObserverClassNames.SENTINEL_RIGHT}`]: {
62
- height: '100%',
63
- width: '0px',
64
- minWidth: '0px'
65
- }
66
- });
67
-
68
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
69
- export { shadowSharedStyle };
@@ -1,14 +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 textColorStyles = css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- '.fabric-text-color-mark': {
8
- color: 'var(--custom-palette-color, inherit)'
9
- },
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
11
- 'a .fabric-text-color-mark': {
12
- color: 'unset'
13
- }
14
- });
@@ -1,9 +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
- const whitespaceSharedStyles = css({
4
- wordWrap: 'break-word',
5
- whiteSpace: 'pre-wrap'
6
- });
7
-
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
9
- export { whitespaceSharedStyles };
@@ -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 var backgroundColorStyles = function 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,8 +0,0 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
- /* 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 */
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
- import { css } from '@emotion/react';
6
-
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
- export var blockMarksSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t/**\n * We need to remove margin-top from first item\n * inside doc, tableCell, tableHeader, blockquote, etc.\n */\n\t*:not(.fabric-editor-block-mark) >,\n /* For nested block marks apart from those with indentation mark */\n *:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n /* Do not remove the margin top for nodes inside indentation marks */\n :not(.fabric-editor-indentation-mark)\n /* Do not remove the margin top for nodes inside alignment marks */\n :not(.fabric-editor-alignment),\n /* If first element inside a block node has alignment mark, then remove the margin-top */\n .fabric-editor-alignment:first-of-type:first-child,\n /* If first document element has indentation mark remove margin-top */\n .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {\n\t\tp,\n\t\th1,\n\t\th2,\n\t\th3,\n\t\th4,\n\t\th5,\n\t\th6,\n\t\t.heading-wrapper {\n\t\t\t:first-child:not(style),\n\t\t\tstyle:first-child + * {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\t}\n"])));
@@ -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 var codeMarkSharedStyles = function 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,".concat("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,63 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
- import { css } from '@emotion/react';
4
- import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
5
- var columnLayoutSharedStyle = css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- '[data-layout-section]': _defineProperty({
8
- position: 'relative',
9
- display: 'flex',
10
- flexDirection: 'row',
11
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
12
- '& > *': {
13
- flex: 1,
14
- minWidth: 0
15
- },
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
- '& > .unsupportedBlockView-content-wrap': {
18
- minWidth: 'initial'
19
- }
20
- }, "@media screen and (max-width: ".concat(gridMediumMaxWidth, "px)"), {
21
- flexDirection: 'column'
22
- })
23
- });
24
- var columnLayoutResponsiveSharedStyle = css({
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
26
- '[data-layout-section]': {
27
- display: 'flex',
28
- flexDirection: 'row',
29
- gap: "var(--ds-space-100, 8px)",
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
31
- '& > *': {
32
- flex: 1,
33
- minWidth: 0
34
- },
35
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
36
- '& > .unsupportedBlockView-content-wrap': {
37
- minWidth: 'initial'
38
- }
39
- },
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
41
- '.layout-section-container': {
42
- containerType: 'inline-size',
43
- containerName: 'layout-area'
44
- }
45
- });
46
- var LAYOUT_BREAKPOINT_RENDERER = 629;
47
-
48
- /* jest warning: JSDOM version (22) doesn't support the new @container CSS rule */
49
- var columnLayoutResponsiveRendererStyles = css({
50
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
51
- '.layout-section-container': {
52
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
53
- '[data-layout-section]': _defineProperty({
54
- gap: "var(--ds-space-600, 48px)"
55
- }, "@container layout-area (max-width:".concat(LAYOUT_BREAKPOINT_RENDERER, "px)"), {
56
- flexDirection: 'column',
57
- gap: "var(--ds-space-400, 32px)"
58
- })
59
- }
60
- });
61
-
62
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
63
- export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles };
@@ -1,35 +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 var embedCardStyles = function embedCardStyles() {
6
- return css({
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
8
- '.ProseMirror': {
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
10
- ".embedCardView-content-wrap[layout^='wrap-']": {
11
- maxWidth: '100%',
12
- position: 'relative',
13
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
14
- zIndex: akEditorWrappedNodeZIndex
15
- },
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
- ".embedCardView-content-wrap[layout='wrap-left']": {
18
- float: 'left'
19
- },
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
21
- ".embedCardView-content-wrap[layout='wrap-right']": {
22
- float: 'right'
23
- },
24
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
- ".embedCardView-content-wrap[layout='wrap-right'] + .embedCardView-content-wrap[layout='wrap-left']": {
26
- clear: 'both'
27
- }
28
- }
29
- });
30
- };
31
-
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
33
- export var embedSpacingStyles = css({
34
- margin: "0 ".concat("var(--ds-space-150, 12px)")
35
- });
@@ -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 var 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 var 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 var paragraphSharedStyles = function 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,17 +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 var ruleSharedStyles = function ruleSharedStyles() {
6
- return css({
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
8
- '& hr': {
9
- border: 'none',
10
- backgroundColor: "var(--ds-border, #091E4224)",
11
- // 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
12
- margin: "".concat(akEditorLineHeight, "em 0"),
13
- height: '2px',
14
- borderRadius: '1px'
15
- }
16
- });
17
- };
@@ -1,57 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
3
-
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
- import { css } from '@emotion/react';
6
- import { akEditorShadowZIndex } from '@atlaskit/editor-shared-styles';
7
- import { shadowClassNames } from '../../ui/OverflowShadow';
8
- import { shadowObserverClassNames } from '../../ui/OverflowShadow/shadowObserver';
9
- var shadowWidth = 8;
10
-
11
- /**
12
- * TODO: This is close to working and removes a tone of JS from OverflowShadow component
13
- *
14
- * background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
15
- * linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 100% 0,
16
- * linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
17
- * linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 0;
18
- * background-repeat: no-repeat;
19
- * background-color: white;
20
- * background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
21
- *
22
- * background-attachment: local, local, scroll, scroll;
23
- */
24
-
25
- var shadowSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(shadowClassNames.RIGHT_SHADOW, "::before, .").concat(shadowClassNames.RIGHT_SHADOW, "::after, .").concat(shadowClassNames.LEFT_SHADOW, "::before, .").concat(shadowClassNames.LEFT_SHADOW, "::after"), {
26
- display: 'none',
27
- position: 'absolute',
28
- pointerEvents: 'none',
29
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
30
- zIndex: akEditorShadowZIndex,
31
- width: "".concat(shadowWidth, "px"),
32
- content: "''",
33
- height: 'calc(100%)'
34
- }), "& .".concat(shadowClassNames.RIGHT_SHADOW, ", .").concat(shadowClassNames.LEFT_SHADOW), {
35
- position: 'relative'
36
- }), "& .".concat(shadowClassNames.LEFT_SHADOW, "::before"), {
37
- 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 )"),
38
- top: '0px',
39
- left: 0,
40
- display: 'block'
41
- }), "& .".concat(shadowClassNames.RIGHT_SHADOW, "::after"), {
42
- 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 )"),
43
- right: '0px',
44
- top: '0px',
45
- display: 'block'
46
- }), "& .".concat(shadowObserverClassNames.SENTINEL_LEFT), {
47
- height: '100%',
48
- width: '0px',
49
- minWidth: '0px'
50
- }), "& .".concat(shadowObserverClassNames.SENTINEL_RIGHT), {
51
- height: '100%',
52
- width: '0px',
53
- minWidth: '0px'
54
- }));
55
-
56
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
57
- export { shadowSharedStyle };
@@ -1,14 +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 var textColorStyles = css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- '.fabric-text-color-mark': {
8
- color: 'var(--custom-palette-color, inherit)'
9
- },
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
11
- 'a .fabric-text-color-mark': {
12
- color: 'unset'
13
- }
14
- });
@@ -1,9 +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
- var whitespaceSharedStyles = css({
4
- wordWrap: 'break-word',
5
- whiteSpace: 'pre-wrap'
6
- });
7
-
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
9
- export { whitespaceSharedStyles };
@@ -1 +0,0 @@
1
- export declare const backgroundColorStyles: () => import("@emotion/react").SerializedStyles;
@@ -1,2 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const blockMarksSharedStyles: SerializedStyles;
@@ -1 +0,0 @@
1
- export declare const codeMarkSharedStyles: () => import("@emotion/react").SerializedStyles;
@@ -1,4 +0,0 @@
1
- declare const columnLayoutSharedStyle: import("@emotion/react").SerializedStyles;
2
- declare const columnLayoutResponsiveSharedStyle: import("@emotion/react").SerializedStyles;
3
- declare const columnLayoutResponsiveRendererStyles: import("@emotion/react").SerializedStyles;
4
- export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles, };
@@ -1,3 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const embedCardStyles: () => SerializedStyles;
3
- export declare const embedSpacingStyles: SerializedStyles;
@@ -1,2 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const indentationSharedStyles: SerializedStyles;
@@ -1,2 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const linkSharedStyle: SerializedStyles;
@@ -1 +0,0 @@
1
- export declare const paragraphSharedStyles: (typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed") => import("@emotion/react").SerializedStyles;
@@ -1 +0,0 @@
1
- export declare const ruleSharedStyles: () => import("@emotion/react").SerializedStyles;
@@ -1,15 +0,0 @@
1
- /**
2
- * TODO: This is close to working and removes a tone of JS from OverflowShadow component
3
- *
4
- * background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
5
- * linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 100% 0,
6
- * linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
7
- * linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 0;
8
- * background-repeat: no-repeat;
9
- * background-color: white;
10
- * background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
11
- *
12
- * background-attachment: local, local, scroll, scroll;
13
- */
14
- declare const shadowSharedStyle: import("@emotion/react").SerializedStyles;
15
- export { shadowSharedStyle };
@@ -1,2 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const textColorStyles: SerializedStyles;
@@ -1,2 +0,0 @@
1
- declare const whitespaceSharedStyles: import("@emotion/react").SerializedStyles;
2
- export { whitespaceSharedStyles };
@@ -1 +0,0 @@
1
- export declare const backgroundColorStyles: () => import("@emotion/react").SerializedStyles;
@@ -1,2 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const blockMarksSharedStyles: SerializedStyles;
@@ -1 +0,0 @@
1
- export declare const codeMarkSharedStyles: () => import("@emotion/react").SerializedStyles;
@@ -1,4 +0,0 @@
1
- declare const columnLayoutSharedStyle: import("@emotion/react").SerializedStyles;
2
- declare const columnLayoutResponsiveSharedStyle: import("@emotion/react").SerializedStyles;
3
- declare const columnLayoutResponsiveRendererStyles: import("@emotion/react").SerializedStyles;
4
- export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles, };
@@ -1,3 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const embedCardStyles: () => SerializedStyles;
3
- export declare const embedSpacingStyles: SerializedStyles;
@@ -1,2 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const indentationSharedStyles: SerializedStyles;
@@ -1,2 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const linkSharedStyle: SerializedStyles;
@@ -1 +0,0 @@
1
- export declare const paragraphSharedStyles: (typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed") => import("@emotion/react").SerializedStyles;
@@ -1 +0,0 @@
1
- export declare const ruleSharedStyles: () => import("@emotion/react").SerializedStyles;
@@ -1,15 +0,0 @@
1
- /**
2
- * TODO: This is close to working and removes a tone of JS from OverflowShadow component
3
- *
4
- * background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
5
- * linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 100% 0,
6
- * linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
7
- * linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 0;
8
- * background-repeat: no-repeat;
9
- * background-color: white;
10
- * background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
11
- *
12
- * background-attachment: local, local, scroll, scroll;
13
- */
14
- declare const shadowSharedStyle: import("@emotion/react").SerializedStyles;
15
- export { shadowSharedStyle };
@@ -1,2 +0,0 @@
1
- import { type SerializedStyles } from '@emotion/react';
2
- export declare const textColorStyles: SerializedStyles;
@@ -1,2 +0,0 @@
1
- declare const whitespaceSharedStyles: import("@emotion/react").SerializedStyles;
2
- export { whitespaceSharedStyles };