@atlaskit/editor-common 82.3.0 → 82.4.0
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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/collab/index.js +1 -1
- package/dist/cjs/element-browser/ViewMore.js +1 -0
- package/dist/cjs/element-browser/components/CategoryList.js +2 -0
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +19 -1
- package/dist/cjs/element-browser/components/ElementSearch.js +56 -42
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +18 -0
- package/dist/cjs/extensibility/Extension/Extension/index.js +6 -2
- package/dist/cjs/extensibility/Extension/Extension/styles.js +20 -0
- package/dist/cjs/extensibility/Extension/InlineExtension/index.js +3 -1
- package/dist/cjs/extensibility/Extension/InlineExtension/styles.js +8 -0
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
- package/dist/cjs/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
- package/dist/cjs/extensibility/Extension/Lozenge/index.js +1 -0
- package/dist/cjs/extensibility/Extension/styles.js +13 -0
- package/dist/cjs/extensibility/ExtensionNodeWrapper.js +2 -0
- package/dist/cjs/extensibility/MultiBodiedExtension/index.js +20 -4
- package/dist/cjs/extensibility/MultiBodiedExtension/styles.js +12 -0
- package/dist/cjs/keymaps/index.js +2 -1
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
- package/dist/cjs/link/LinkSearch/LinkSearchList.js +2 -0
- package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +9 -0
- package/dist/cjs/link/LinkSearch/ToolbarComponents.js +7 -0
- package/dist/cjs/media-inline/inline-image-wrapper.js +9 -1
- package/dist/cjs/media-inline/styles.js +12 -1
- package/dist/cjs/media-inline/views/frame.js +7 -4
- package/dist/cjs/media-inline/views/icon-wrapper.js +1 -0
- package/dist/cjs/media-inline/views/wrapper.js +1 -0
- package/dist/cjs/media-single/CommentBadge.js +5 -1
- package/dist/cjs/messages/help-dialog.js +5 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/rank.js +1 -1
- package/dist/cjs/selection/gap-cursor/styles.js +1 -1
- package/dist/cjs/styles/shared/annotation.js +6 -0
- package/dist/cjs/styles/shared/background-color.js +4 -0
- package/dist/cjs/styles/shared/block-marks.js +1 -0
- package/dist/cjs/styles/shared/blockquote.js +8 -1
- package/dist/cjs/styles/shared/code-block.js +2 -0
- package/dist/cjs/styles/shared/code-mark.js +1 -0
- package/dist/cjs/styles/shared/column-layout.js +6 -1
- package/dist/cjs/styles/shared/date.js +2 -0
- package/dist/cjs/styles/shared/embedCard.js +8 -0
- package/dist/cjs/styles/shared/expand.js +1 -0
- package/dist/cjs/styles/shared/grid.js +7 -0
- package/dist/cjs/styles/shared/headings.js +6 -0
- package/dist/cjs/styles/shared/indentation.js +8 -0
- package/dist/cjs/styles/shared/link.js +4 -1
- package/dist/cjs/styles/shared/lists.js +1 -1
- package/dist/cjs/styles/shared/media-single.js +8 -1
- package/dist/cjs/styles/shared/paragraph.js +4 -1
- package/dist/cjs/styles/shared/plugins.js +8 -0
- package/dist/cjs/styles/shared/resizer.js +1 -1
- package/dist/cjs/styles/shared/rule.js +2 -1
- package/dist/cjs/styles/shared/shadow.js +4 -1
- package/dist/cjs/styles/shared/smartCard.js +1 -1
- package/dist/cjs/styles/shared/tableCell.js +1 -0
- package/dist/cjs/styles/shared/task-decision.js +2 -0
- package/dist/cjs/styles/shared/text-color.js +3 -0
- package/dist/cjs/styles/shared/unsupported-content.js +1 -1
- package/dist/cjs/styles/shared/whitespace.js +3 -1
- package/dist/cjs/table/SortingIcon.js +2 -2
- package/dist/cjs/ui/DropList/index.js +5 -1
- package/dist/cjs/ui/Expand/index.js +13 -0
- package/dist/cjs/ui/MediaSingle/index.js +3 -1
- package/dist/cjs/ui/MediaSingle/link.js +1 -0
- package/dist/cjs/ui/MediaSingle/styled.js +6 -3
- package/dist/cjs/ui/Messages/index.js +12 -7
- package/dist/cjs/ui/MultiBodiedExtension/index.js +24 -0
- package/dist/cjs/ui/PanelTextInput/index.js +1 -0
- package/dist/cjs/ui/PanelTextInput/styles.js +6 -0
- package/dist/cjs/ui/Popup/index.js +1 -0
- package/dist/cjs/ui/UnsupportedBlock/index.js +2 -0
- package/dist/cjs/ui/UnsupportedInline/index.js +2 -0
- package/dist/cjs/ui/clear-next-sibling-margin-top.js +6 -2
- package/dist/cjs/ui-color/ColorPalette/Color/index.js +4 -2
- package/dist/cjs/ui-color/ColorPalette/Color/styles.js +3 -0
- package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
- package/dist/cjs/ui-color/ColorPalette/index.js +1 -0
- package/dist/cjs/ui-color/ColorPalette/styles.js +1 -0
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +7 -0
- package/dist/cjs/ui-menu/DropdownMenu/index.js +1 -0
- package/dist/es2019/collab/index.js +1 -1
- package/dist/es2019/element-browser/ViewMore.js +1 -0
- package/dist/es2019/element-browser/components/CategoryList.js +3 -0
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +19 -1
- package/dist/es2019/element-browser/components/ElementSearch.js +56 -42
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +18 -0
- package/dist/es2019/extensibility/Extension/Extension/index.js +6 -2
- package/dist/es2019/extensibility/Extension/Extension/styles.js +20 -0
- package/dist/es2019/extensibility/Extension/InlineExtension/index.js +3 -1
- package/dist/es2019/extensibility/Extension/InlineExtension/styles.js +9 -0
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
- package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js +19 -14
- package/dist/es2019/extensibility/Extension/Lozenge/index.js +1 -0
- package/dist/es2019/extensibility/Extension/styles.js +14 -0
- package/dist/es2019/extensibility/ExtensionNodeWrapper.js +2 -0
- package/dist/es2019/extensibility/MultiBodiedExtension/index.js +21 -5
- package/dist/es2019/extensibility/MultiBodiedExtension/styles.js +12 -0
- package/dist/es2019/keymaps/index.js +1 -0
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
- package/dist/es2019/link/LinkSearch/LinkSearchList.js +2 -0
- package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +9 -0
- package/dist/es2019/link/LinkSearch/ToolbarComponents.js +8 -0
- package/dist/es2019/media-inline/inline-image-wrapper.js +9 -1
- package/dist/es2019/media-inline/styles.js +12 -1
- package/dist/es2019/media-inline/views/frame.js +3 -1
- package/dist/es2019/media-inline/views/icon-wrapper.js +1 -0
- package/dist/es2019/media-inline/views/wrapper.js +1 -0
- package/dist/es2019/media-single/CommentBadge.js +5 -1
- package/dist/es2019/messages/help-dialog.js +5 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/rank.js +1 -1
- package/dist/es2019/selection/gap-cursor/styles.js +1 -1
- package/dist/es2019/styles/shared/annotation.js +6 -0
- package/dist/es2019/styles/shared/background-color.js +5 -0
- package/dist/es2019/styles/shared/block-marks.js +2 -0
- package/dist/es2019/styles/shared/blockquote.js +8 -1
- package/dist/es2019/styles/shared/code-block.js +2 -0
- package/dist/es2019/styles/shared/code-mark.js +2 -0
- package/dist/es2019/styles/shared/column-layout.js +6 -0
- package/dist/es2019/styles/shared/date.js +3 -0
- package/dist/es2019/styles/shared/embedCard.js +8 -0
- package/dist/es2019/styles/shared/expand.js +1 -0
- package/dist/es2019/styles/shared/grid.js +7 -0
- package/dist/es2019/styles/shared/headings.js +12 -0
- package/dist/es2019/styles/shared/indentation.js +9 -0
- package/dist/es2019/styles/shared/link.js +3 -0
- package/dist/es2019/styles/shared/lists.js +1 -1
- package/dist/es2019/styles/shared/media-single.js +15 -0
- package/dist/es2019/styles/shared/panel.js +1 -0
- package/dist/es2019/styles/shared/paragraph.js +4 -1
- package/dist/es2019/styles/shared/plugins.js +8 -0
- package/dist/es2019/styles/shared/resizer.js +1 -1
- package/dist/es2019/styles/shared/rule.js +2 -1
- package/dist/es2019/styles/shared/shadow.js +9 -0
- package/dist/es2019/styles/shared/smartCard.js +1 -1
- package/dist/es2019/styles/shared/tableCell.js +1 -0
- package/dist/es2019/styles/shared/task-decision.js +2 -0
- package/dist/es2019/styles/shared/text-color.js +4 -0
- package/dist/es2019/styles/shared/unsupported-content.js +1 -1
- package/dist/es2019/styles/shared/whitespace.js +2 -0
- package/dist/es2019/table/SortingIcon.js +2 -2
- package/dist/es2019/ui/DropList/index.js +5 -1
- package/dist/es2019/ui/Expand/index.js +13 -0
- package/dist/es2019/ui/MediaSingle/index.js +3 -1
- package/dist/es2019/ui/MediaSingle/link.js +2 -0
- package/dist/es2019/ui/MediaSingle/styled.js +3 -1
- package/dist/es2019/ui/Messages/index.js +5 -1
- package/dist/es2019/ui/MultiBodiedExtension/index.js +24 -0
- package/dist/es2019/ui/PanelTextInput/index.js +1 -0
- package/dist/es2019/ui/PanelTextInput/styles.js +6 -0
- package/dist/es2019/ui/Popup/index.js +1 -0
- package/dist/es2019/ui/UnsupportedBlock/index.js +2 -0
- package/dist/es2019/ui/UnsupportedInline/index.js +2 -0
- package/dist/es2019/ui/clear-next-sibling-margin-top.js +7 -2
- package/dist/es2019/ui-color/ColorPalette/Color/index.js +4 -2
- package/dist/es2019/ui-color/ColorPalette/Color/styles.js +3 -0
- package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
- package/dist/es2019/ui-color/ColorPalette/index.js +1 -0
- package/dist/es2019/ui-color/ColorPalette/styles.js +1 -0
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +7 -0
- package/dist/es2019/ui-menu/DropdownMenu/index.js +1 -0
- package/dist/esm/collab/index.js +1 -1
- package/dist/esm/element-browser/ViewMore.js +1 -0
- package/dist/esm/element-browser/components/CategoryList.js +2 -0
- package/dist/esm/element-browser/components/ElementList/ElementList.js +19 -1
- package/dist/esm/element-browser/components/ElementSearch.js +56 -42
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +18 -0
- package/dist/esm/extensibility/Extension/Extension/index.js +6 -2
- package/dist/esm/extensibility/Extension/Extension/styles.js +20 -0
- package/dist/esm/extensibility/Extension/InlineExtension/index.js +3 -1
- package/dist/esm/extensibility/Extension/InlineExtension/styles.js +9 -0
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
- package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
- package/dist/esm/extensibility/Extension/Lozenge/index.js +1 -0
- package/dist/esm/extensibility/Extension/styles.js +14 -0
- package/dist/esm/extensibility/ExtensionNodeWrapper.js +2 -0
- package/dist/esm/extensibility/MultiBodiedExtension/index.js +20 -4
- package/dist/esm/extensibility/MultiBodiedExtension/styles.js +12 -0
- package/dist/esm/keymaps/index.js +1 -0
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
- package/dist/esm/link/LinkSearch/LinkSearchList.js +2 -0
- package/dist/esm/link/LinkSearch/LinkSearchListItem.js +9 -0
- package/dist/esm/link/LinkSearch/ToolbarComponents.js +8 -0
- package/dist/esm/media-inline/inline-image-wrapper.js +9 -1
- package/dist/esm/media-inline/styles.js +12 -1
- package/dist/esm/media-inline/views/frame.js +7 -4
- package/dist/esm/media-inline/views/icon-wrapper.js +1 -0
- package/dist/esm/media-inline/views/wrapper.js +1 -0
- package/dist/esm/media-single/CommentBadge.js +5 -1
- package/dist/esm/messages/help-dialog.js +5 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/rank.js +1 -1
- package/dist/esm/selection/gap-cursor/styles.js +1 -1
- package/dist/esm/styles/shared/annotation.js +6 -0
- package/dist/esm/styles/shared/background-color.js +5 -0
- package/dist/esm/styles/shared/block-marks.js +2 -0
- package/dist/esm/styles/shared/blockquote.js +8 -1
- package/dist/esm/styles/shared/code-block.js +2 -0
- package/dist/esm/styles/shared/code-mark.js +1 -0
- package/dist/esm/styles/shared/column-layout.js +5 -0
- package/dist/esm/styles/shared/date.js +2 -0
- package/dist/esm/styles/shared/embedCard.js +8 -0
- package/dist/esm/styles/shared/expand.js +1 -0
- package/dist/esm/styles/shared/grid.js +7 -0
- package/dist/esm/styles/shared/headings.js +6 -0
- package/dist/esm/styles/shared/indentation.js +9 -0
- package/dist/esm/styles/shared/link.js +3 -0
- package/dist/esm/styles/shared/lists.js +1 -1
- package/dist/esm/styles/shared/media-single.js +7 -0
- package/dist/esm/styles/shared/paragraph.js +4 -1
- package/dist/esm/styles/shared/plugins.js +8 -0
- package/dist/esm/styles/shared/resizer.js +1 -1
- package/dist/esm/styles/shared/rule.js +2 -1
- package/dist/esm/styles/shared/shadow.js +3 -0
- package/dist/esm/styles/shared/smartCard.js +1 -1
- package/dist/esm/styles/shared/tableCell.js +1 -0
- package/dist/esm/styles/shared/task-decision.js +2 -0
- package/dist/esm/styles/shared/text-color.js +4 -0
- package/dist/esm/styles/shared/unsupported-content.js +1 -1
- package/dist/esm/styles/shared/whitespace.js +2 -0
- package/dist/esm/table/SortingIcon.js +2 -2
- package/dist/esm/ui/DropList/index.js +5 -1
- package/dist/esm/ui/Expand/index.js +13 -0
- package/dist/esm/ui/MediaSingle/index.js +3 -1
- package/dist/esm/ui/MediaSingle/link.js +2 -0
- package/dist/esm/ui/MediaSingle/styled.js +6 -3
- package/dist/esm/ui/Messages/index.js +12 -7
- package/dist/esm/ui/MultiBodiedExtension/index.js +24 -0
- package/dist/esm/ui/PanelTextInput/index.js +1 -0
- package/dist/esm/ui/PanelTextInput/styles.js +6 -0
- package/dist/esm/ui/Popup/index.js +1 -0
- package/dist/esm/ui/UnsupportedBlock/index.js +2 -0
- package/dist/esm/ui/UnsupportedInline/index.js +2 -0
- package/dist/esm/ui/clear-next-sibling-margin-top.js +6 -2
- package/dist/esm/ui-color/ColorPalette/Color/index.js +4 -2
- package/dist/esm/ui-color/ColorPalette/Color/styles.js +3 -0
- package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
- package/dist/esm/ui-color/ColorPalette/index.js +1 -0
- package/dist/esm/ui-color/ColorPalette/styles.js +1 -0
- package/dist/esm/ui-menu/ColorPickerButton/index.js +7 -0
- package/dist/esm/ui-menu/DropdownMenu/index.js +1 -0
- package/dist/types/analytics/types/highlight-events.d.ts +4 -2
- package/dist/types/keymaps/index.d.ts +1 -0
- package/dist/types/messages/help-dialog.d.ts +5 -0
- package/dist/types-ts4.5/analytics/types/highlight-events.d.ts +4 -2
- package/dist/types-ts4.5/keymaps/index.d.ts +1 -0
- package/dist/types-ts4.5/messages/help-dialog.d.ts +5 -0
- package/package.json +1 -1
|
@@ -42,7 +42,15 @@ export const InlineImageWrapper = ({
|
|
|
42
42
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
43
43
|
,
|
|
44
44
|
className: INLINE_IMAGE_WRAPPER_CLASS_NAME,
|
|
45
|
-
css: [
|
|
45
|
+
css: [
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
47
|
+
wrapperStyle,
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
49
|
+
borderSize && borderColor && borderStyle,
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
51
|
+
isSelected && selectedStyle,
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
53
|
+
isInteractive && interactiveStyle],
|
|
46
54
|
"data-testid": "inline-image-wrapper",
|
|
47
55
|
onClick: onClick
|
|
48
56
|
}, htmlAttrs), jsx("span", {
|
|
@@ -26,7 +26,7 @@ const inlineImageHeight = (height, margin = 0) => css`
|
|
|
26
26
|
* shift in top and bottom and size adjustments to make up for lack of 1to1 size
|
|
27
27
|
* mapping
|
|
28
28
|
*/
|
|
29
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Nested and dynamic css calls are violations, needs manual remediation
|
|
29
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766, Nested and dynamic css calls are violations, needs manual remediation
|
|
30
30
|
export const mediaInlineImageStyles = css`
|
|
31
31
|
// p, h3, and action items
|
|
32
32
|
.${INLINE_IMAGE_WRAPPER_CLASS_NAME} {
|
|
@@ -58,6 +58,8 @@ export const mediaInlineImageStyles = css`
|
|
|
58
58
|
${inlineImageHeight(referenceHeights['h6'], -2)}
|
|
59
59
|
}
|
|
60
60
|
`;
|
|
61
|
+
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
61
63
|
export const wrapperStyle = css({
|
|
62
64
|
display: 'inline-flex',
|
|
63
65
|
justifyContent: 'center',
|
|
@@ -65,21 +67,30 @@ export const wrapperStyle = css({
|
|
|
65
67
|
verticalAlign: 'middle',
|
|
66
68
|
overflow: 'hidden',
|
|
67
69
|
borderRadius: `${"var(--ds-border-radius, 3px)"}`,
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
68
71
|
aspectRatio: `var(${INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY}, ${DEFAULT_INLINE_IMAGE_ASPECT_RATIO})`,
|
|
69
72
|
maxWidth: '100%'
|
|
70
73
|
});
|
|
74
|
+
|
|
75
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
71
76
|
export const selectedStyle = css({
|
|
72
77
|
cursor: 'pointer',
|
|
73
78
|
boxShadow: `0 0 0 1px ${`var(--ds-border-selected, ${B300})`}`,
|
|
74
79
|
outline: 'none'
|
|
75
80
|
});
|
|
81
|
+
|
|
82
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
76
83
|
export const interactiveStyle = css({
|
|
77
84
|
cursor: 'pointer'
|
|
78
85
|
});
|
|
86
|
+
|
|
87
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
79
88
|
export const borderStyle = css({
|
|
80
89
|
borderColor: `var(${INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY})`,
|
|
81
90
|
borderStyle: 'solid',
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
82
92
|
borderRadius: `calc(var(${INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY}, ${DEFAULT_INLINE_IMAGE_BORDER_SIZE}) * 2px)`,
|
|
93
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
83
94
|
borderWidth: `calc(var(${INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY}, ${DEFAULT_INLINE_IMAGE_BORDER_SIZE}) * 1px)`,
|
|
84
95
|
boxSizing: `border-box`
|
|
85
96
|
});
|
|
@@ -5,7 +5,9 @@ import { wrapperStyle } from './wrapper';
|
|
|
5
5
|
export const Frame = ({
|
|
6
6
|
children,
|
|
7
7
|
testId
|
|
8
|
-
}) =>
|
|
8
|
+
}) =>
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
10
|
+
jsx("span", {
|
|
9
11
|
css: wrapperStyle,
|
|
10
12
|
"data-testid": testId
|
|
11
13
|
}, children);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { N30A, N40A, N900 } from '@atlaskit/theme/colors';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
3
4
|
export const wrapperStyle = css({
|
|
4
5
|
display: 'inline-flex',
|
|
5
6
|
width: '100%',
|
|
@@ -14,9 +14,11 @@ const commentBadgeWrapper = css({
|
|
|
14
14
|
right: '2px',
|
|
15
15
|
top: '2px',
|
|
16
16
|
borderRadius: '3px',
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
17
18
|
zIndex: akEditorUnitZIndex * 10
|
|
18
19
|
});
|
|
19
20
|
const commentBadgeEditorOverrides = (commentsOnMediaBugFixEnabled, badgeOffsetRight) => css({
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
20
22
|
right: commentsOnMediaBugFixEnabled ? badgeOffsetRight : '14px',
|
|
21
23
|
zIndex: layers.card()
|
|
22
24
|
});
|
|
@@ -66,7 +68,9 @@ export const CommentBadge = ({
|
|
|
66
68
|
}
|
|
67
69
|
}, [status]);
|
|
68
70
|
return jsx("div", {
|
|
69
|
-
css: badgeOffsetRight ? [commentBadgeWrapper,
|
|
71
|
+
css: badgeOffsetRight ? [commentBadgeWrapper,
|
|
72
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
73
|
+
commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight)] : commentBadgeWrapper
|
|
70
74
|
// This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
|
|
71
75
|
// can target the correct div
|
|
72
76
|
,
|
|
@@ -85,5 +85,10 @@ export const helpDialogMessages = defineMessages({
|
|
|
85
85
|
id: 'fabric.editor.quickInsert',
|
|
86
86
|
defaultMessage: 'Quick insert',
|
|
87
87
|
description: 'Name of a feature, which let you insert items quickly.'
|
|
88
|
+
},
|
|
89
|
+
highlightColor: {
|
|
90
|
+
id: 'fabric.editor.highlightColor',
|
|
91
|
+
defaultMessage: 'Toggle highlight color palette',
|
|
92
|
+
description: 'Keyboard shortcut to toggle highlight color palette.'
|
|
88
93
|
}
|
|
89
94
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isFedRamp } from './environment';
|
|
2
2
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
3
3
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
4
|
-
const packageVersion = "82.
|
|
4
|
+
const packageVersion = "82.4.0";
|
|
5
5
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
6
6
|
// Remove URL as it has UGC
|
|
7
7
|
// TODO: Sanitise the URL instead of just removing it
|
package/dist/es2019/rank.js
CHANGED
|
@@ -5,7 +5,7 @@ export const rankEditorPlugins = {
|
|
|
5
5
|
// Needs to be before indentation to handle tab into input field
|
|
6
6
|
'dateKeymap',
|
|
7
7
|
// This should be always after `typeAheadKeymap` & `emojiKeymap`
|
|
8
|
-
'indentationKeymap', 'textColor', 'highlight', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
|
|
8
|
+
'indentationKeymap', 'textColor', 'highlight', 'highlightKeymap', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
|
|
9
9
|
// task/decisions keymap needs to be above table keymap so can indent actions in a table
|
|
10
10
|
'tasksAndDecisionsKeyMap',
|
|
11
11
|
// expand and table keymaps need to be above selection keymap to add their custom selection behaviour:
|
|
@@ -13,7 +13,7 @@ const prosemirrorwidget = '.ProseMirror-widget';
|
|
|
13
13
|
const wrapLeft = '[layout="wrap-left"]';
|
|
14
14
|
const wrapRight = '[layout="wrap-right"]';
|
|
15
15
|
|
|
16
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- This needs manual remediation, it autofixes seemingly safely, but the code style and readability is destroyed.
|
|
16
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-keyframes, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766, This needs manual remediation, it autofixes seemingly safely, but the code style and readability is destroyed.
|
|
17
17
|
export const gapCursorStyles = css`
|
|
18
18
|
/* =============== GAP CURSOR ================== */
|
|
19
19
|
.ProseMirror {
|
|
@@ -24,6 +24,7 @@ export const AnnotationSharedCSSByState = () => {
|
|
|
24
24
|
boxShadow: `var(--ds-shadow-overlay, ${`1px 2px 3px ${N60A}, -1px 2px 3px ${N60A}`})`,
|
|
25
25
|
cursor: 'pointer',
|
|
26
26
|
padding: '1.5px 0',
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
27
28
|
'&:has(.card)': {
|
|
28
29
|
padding: '4.5px 0 3px 0'
|
|
29
30
|
}
|
|
@@ -33,6 +34,7 @@ export const AnnotationSharedCSSByState = () => {
|
|
|
33
34
|
borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y200a})`}`,
|
|
34
35
|
cursor: 'pointer',
|
|
35
36
|
padding: '1.5px 0',
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
36
38
|
'&:has(.card)': {
|
|
37
39
|
padding: '4.5px 0 3px 0'
|
|
38
40
|
}
|
|
@@ -45,9 +47,11 @@ export const AnnotationSharedCSSByState = () => {
|
|
|
45
47
|
borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y300})`}`,
|
|
46
48
|
boxShadow: `var(--ds-shadow-overlay, ${`1px 2px 3px ${N60A}, -1px 2px 3px ${N60A}`})`,
|
|
47
49
|
cursor: 'pointer',
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
48
51
|
'&:has(.card)': {
|
|
49
52
|
fontSize: '1.5rem',
|
|
50
53
|
lineHeight: '1.2rem',
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
51
55
|
'& > *': {
|
|
52
56
|
fontSize: '16px'
|
|
53
57
|
}
|
|
@@ -57,9 +61,11 @@ export const AnnotationSharedCSSByState = () => {
|
|
|
57
61
|
background: `var(--ds-background-accent-yellow-subtlest, ${Yellow100})`,
|
|
58
62
|
borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y200a})`}`,
|
|
59
63
|
cursor: 'pointer',
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
60
65
|
'&:has(.card)': {
|
|
61
66
|
fontSize: '1.5rem',
|
|
62
67
|
lineHeight: '1.2rem',
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
63
69
|
'& > *': {
|
|
64
70
|
fontSize: '16px'
|
|
65
71
|
}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
2
4
|
export const backgroundColorStyles = css({
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
3
6
|
'.fabric-background-color-mark': {
|
|
4
7
|
backgroundColor: 'var(--custom-palette-color, inherit)'
|
|
5
8
|
},
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
10
|
'a .fabric-background-color-mark': {
|
|
7
11
|
backgroundColor: 'unset'
|
|
8
12
|
},
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
9
14
|
'.fabric-background-color-mark .ak-editor-annotation': {
|
|
10
15
|
backgroundColor: 'unset'
|
|
11
16
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
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
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 blockMarksSharedStyles = css`
|
|
4
6
|
/**
|
|
5
7
|
* We need to remove margin-top from first item
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { akEditorBlockquoteBorderColor, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
3
4
|
export const blockquoteSharedStyles = css({
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
4
6
|
'& blockquote': {
|
|
5
7
|
boxSizing: 'border-box',
|
|
6
8
|
color: 'inherit',
|
|
7
9
|
paddingLeft: "var(--ds-space-200, 16px)",
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
8
11
|
borderLeft: `2px solid ${`var(--ds-border, ${akEditorBlockquoteBorderColor})`}`,
|
|
9
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
12
|
+
// 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
|
|
10
13
|
margin: `${blockNodesVerticalMargin} 0 0 0`,
|
|
11
14
|
marginRight: 0,
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
12
16
|
"[dir='rtl'] &": {
|
|
13
17
|
paddingLeft: 0,
|
|
14
18
|
paddingRight: "var(--ds-space-200, 16px)"
|
|
15
19
|
},
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
16
21
|
'&:first-child': {
|
|
17
22
|
marginTop: 0
|
|
18
23
|
},
|
|
@@ -22,9 +27,11 @@ export const blockquoteSharedStyles = css({
|
|
|
22
27
|
'&::after': {
|
|
23
28
|
content: 'none'
|
|
24
29
|
},
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
25
31
|
'& p': {
|
|
26
32
|
display: 'block'
|
|
27
33
|
},
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
28
35
|
'& table, & table:last-child': {
|
|
29
36
|
display: 'inline-table'
|
|
30
37
|
}
|
|
@@ -121,6 +121,8 @@ export const codeBlockSharedStyles = () => css`
|
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
`;
|
|
124
|
+
|
|
125
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
124
126
|
export const codeBlockInListSafariFix = css`
|
|
125
127
|
::before {
|
|
126
128
|
content: ' ';
|
|
@@ -3,8 +3,10 @@ import { getCodeStyles } from '@atlaskit/code/inline';
|
|
|
3
3
|
import { N30A } from '@atlaskit/theme/colors';
|
|
4
4
|
export const codeMarkSharedStyles = () => {
|
|
5
5
|
return css({
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
7
|
'.code': {
|
|
7
8
|
'--ds--code--bg-color': `var(--ds-background-neutral, ${N30A})`,
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
8
10
|
...getCodeStyles()
|
|
9
11
|
}
|
|
10
12
|
});
|
|
@@ -1,20 +1,26 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
const columnLayoutSharedStyle = css({
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
4
5
|
'[data-layout-section]': {
|
|
5
6
|
position: 'relative',
|
|
6
7
|
display: 'flex',
|
|
7
8
|
flexDirection: 'row',
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
8
10
|
'& > *': {
|
|
9
11
|
flex: 1,
|
|
10
12
|
minWidth: 0
|
|
11
13
|
},
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
12
15
|
'& > .unsupportedBlockView-content-wrap': {
|
|
13
16
|
minWidth: 'initial'
|
|
14
17
|
},
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
15
19
|
[`@media screen and (max-width: ${gridMediumMaxWidth}px)`]: {
|
|
16
20
|
flexDirection: 'column'
|
|
17
21
|
}
|
|
18
22
|
}
|
|
19
23
|
});
|
|
24
|
+
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
20
26
|
export { columnLayoutSharedStyle };
|
|
@@ -3,7 +3,10 @@ export const DateSharedCssClassName = {
|
|
|
3
3
|
DATE_WRAPPER: `date-lozenger-container`,
|
|
4
4
|
DATE_CONTAINER: 'dateView-content-wrap'
|
|
5
5
|
};
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
6
8
|
export const dateSharedStyle = css({
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
7
10
|
[`.${DateSharedCssClassName.DATE_WRAPPER} span`]: {
|
|
8
11
|
whiteSpace: 'unset'
|
|
9
12
|
}
|
|
@@ -1,20 +1,28 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
2
3
|
export const embedCardStyles = css({
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
3
5
|
'.ProseMirror': {
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
4
7
|
".embedCardView-content-wrap[layout^='wrap-']": {
|
|
5
8
|
maxWidth: '100%'
|
|
6
9
|
},
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
7
11
|
".embedCardView-content-wrap[layout='wrap-left']": {
|
|
8
12
|
float: 'left'
|
|
9
13
|
},
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
10
15
|
".embedCardView-content-wrap[layout='wrap-right']": {
|
|
11
16
|
float: 'right'
|
|
12
17
|
},
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
13
19
|
".embedCardView-content-wrap[layout='wrap-right'] + .embedCardView-content-wrap[layout='wrap-left']": {
|
|
14
20
|
clear: 'both'
|
|
15
21
|
}
|
|
16
22
|
}
|
|
17
23
|
});
|
|
24
|
+
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
18
26
|
export const embedSpacingStyles = css({
|
|
19
27
|
margin: `0 ${"var(--ds-space-150, 12px)"}`
|
|
20
28
|
});
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
2
3
|
export const expandIconWrapperStyle = css({
|
|
3
4
|
marginLeft: "var(--ds-space-negative-100, -8px)"
|
|
4
5
|
});
|
|
@@ -2,20 +2,26 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import { B200, N30A } from '@atlaskit/theme/colors';
|
|
4
4
|
export const GRID_GUTTER = 12;
|
|
5
|
+
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
7
|
export const gridStyles = css({
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
9
|
'.gridParent': {
|
|
7
10
|
width: `calc(100% + ${GRID_GUTTER * 2}px)`,
|
|
8
11
|
marginLeft: "var(--ds-space-negative-150, -12px)",
|
|
9
12
|
marginRight: "var(--ds-space-negative-150, -12px)",
|
|
10
13
|
transform: 'scale(1)',
|
|
14
|
+
// 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
15
|
zIndex: akEditorGridLineZIndex
|
|
12
16
|
},
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
13
18
|
'.gridContainer': {
|
|
14
19
|
position: 'fixed',
|
|
15
20
|
height: '100vh',
|
|
16
21
|
width: '100%',
|
|
17
22
|
pointerEvents: 'none'
|
|
18
23
|
},
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
19
25
|
'.gridLine': {
|
|
20
26
|
borderLeft: `1px solid ${`var(--ds-border, ${N30A})`}`,
|
|
21
27
|
display: 'inline-block',
|
|
@@ -26,6 +32,7 @@ export const gridStyles = css({
|
|
|
26
32
|
transition: 'border-color 0.15s linear',
|
|
27
33
|
zIndex: 0
|
|
28
34
|
},
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
29
36
|
'.highlight': {
|
|
30
37
|
borderLeft: `1px solid ${`var(--ds-border-focused, ${B200})`}`
|
|
31
38
|
}
|
|
@@ -5,31 +5,43 @@ import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography';
|
|
|
5
5
|
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
6
6
|
// text sizing prototype: http://proto/fabricrender/
|
|
7
7
|
export const headingsSharedStyles = () => css({
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
8
9
|
'& h1': {
|
|
10
|
+
// 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
11
|
...h700(),
|
|
10
12
|
marginBottom: 0,
|
|
11
13
|
marginTop: '1.667em'
|
|
12
14
|
},
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
13
16
|
'& h2': {
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
14
18
|
...h600(),
|
|
15
19
|
marginTop: '1.8em',
|
|
16
20
|
marginBottom: 0
|
|
17
21
|
},
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
23
|
'& h3': {
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
19
25
|
...h500(),
|
|
20
26
|
marginTop: '2em',
|
|
21
27
|
marginBottom: 0
|
|
22
28
|
},
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
23
30
|
'& h4': {
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
24
32
|
...h400(),
|
|
25
33
|
marginTop: '1.357em'
|
|
26
34
|
},
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
27
36
|
'& h5': {
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
28
38
|
...h300(),
|
|
29
39
|
marginTop: '1.667em',
|
|
30
40
|
textTransform: 'none'
|
|
31
41
|
},
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
32
43
|
'& h6': {
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
33
45
|
...h100(),
|
|
34
46
|
marginTop: '1.455em',
|
|
35
47
|
textTransform: 'none'
|
|
@@ -1,22 +1,31 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/design-system/use-tokens-space */
|
|
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 indentationSharedStyles = css({
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
4
7
|
'.fabric-editor-indentation-mark': {
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
5
9
|
"&[data-level='1']": {
|
|
6
10
|
marginLeft: '30px'
|
|
7
11
|
},
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
8
13
|
"&[data-level='2']": {
|
|
9
14
|
marginLeft: '60px'
|
|
10
15
|
},
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
11
17
|
"&[data-level='3']": {
|
|
12
18
|
marginLeft: '90px'
|
|
13
19
|
},
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
14
21
|
"&[data-level='4']": {
|
|
15
22
|
marginLeft: '120px'
|
|
16
23
|
},
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
25
|
"&[data-level='5']": {
|
|
18
26
|
marginLeft: '150px'
|
|
19
27
|
},
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
29
|
"&[data-level='6']": {
|
|
21
30
|
marginLeft: '180px'
|
|
22
31
|
}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
const linkSharedStyle = css({
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
3
4
|
'a.blockLink': {
|
|
4
5
|
display: 'block'
|
|
5
6
|
}
|
|
6
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
|
|
7
10
|
export { linkSharedStyle };
|
|
@@ -34,7 +34,7 @@ export function getOrderedListInlineStyles(itemCounterDigitsSize, styleFormat) {
|
|
|
34
34
|
return style;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- There is some "flow-root" hack that is not actually valid css. Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
|
|
37
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766, There is some "flow-root" hack that is not actually valid css. Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
|
|
38
38
|
export const listsSharedStyles = css`
|
|
39
39
|
/* =============== INDENTATION SPACING ========= */
|
|
40
40
|
|
|
@@ -2,45 +2,58 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
const richMediaClassName = 'rich-media-item';
|
|
3
3
|
const wrappedMediaBreakoutPoint = 410;
|
|
4
4
|
const mediaSingleSharedStyle = css({
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
5
6
|
[`li .${richMediaClassName}`]: {
|
|
6
7
|
margin: 0
|
|
7
8
|
},
|
|
8
9
|
// Hack for chrome to fix media single position inside a list when media is the first child
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
9
11
|
'&.ua-chrome li > .mediaSingleView-content-wrap::before': {
|
|
10
12
|
content: "''",
|
|
11
13
|
display: 'block',
|
|
12
14
|
height: 0
|
|
13
15
|
},
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
14
17
|
'&.ua-firefox': {
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
19
|
'.mediaSingleView-content-wrap': {
|
|
16
20
|
userSelect: 'none'
|
|
17
21
|
},
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
23
|
'.captionView-content-wrap': {
|
|
19
24
|
userSelect: 'text'
|
|
20
25
|
}
|
|
21
26
|
},
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
28
|
".mediaSingleView-content-wrap[layout='center']": {
|
|
23
29
|
clear: 'both'
|
|
24
30
|
},
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
25
32
|
[`table .${richMediaClassName}`]: {
|
|
26
33
|
marginTop: "var(--ds-space-150, 12px)",
|
|
27
34
|
marginBottom: "var(--ds-space-150, 12px)",
|
|
28
35
|
clear: 'both',
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
29
37
|
'&.image-wrap-left, &.image-wrap-right': {
|
|
30
38
|
clear: 'none',
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
31
40
|
'&:first-child': {
|
|
32
41
|
marginTop: "var(--ds-space-150, 12px)"
|
|
33
42
|
}
|
|
34
43
|
}
|
|
35
44
|
},
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
36
46
|
[`.${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-left`]: {
|
|
37
47
|
clear: 'both'
|
|
38
48
|
},
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
39
50
|
[`.${richMediaClassName}.image-wrap-left + .${richMediaClassName}.image-wrap-right, .${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-left, .${richMediaClassName}.image-wrap-left + .${richMediaClassName}.image-wrap-left, .${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-right`]: {
|
|
40
51
|
marginRight: 0,
|
|
41
52
|
marginLeft: 0
|
|
42
53
|
},
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
43
55
|
[`@media all and (max-width: ${wrappedMediaBreakoutPoint}px)`]: {
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
44
57
|
"div.mediaSingleView-content-wrap[layout='wrap-left'], div.mediaSingleView-content-wrap[data-layout='wrap-left'], div.mediaSingleView-content-wrap[layout='wrap-right'], div.mediaSingleView-content-wrap[data-layout='wrap-right']": {
|
|
45
58
|
float: 'none',
|
|
46
59
|
overflow: 'auto',
|
|
@@ -48,4 +61,6 @@ const mediaSingleSharedStyle = css({
|
|
|
48
61
|
}
|
|
49
62
|
}
|
|
50
63
|
});
|
|
64
|
+
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
51
66
|
export { mediaSingleSharedStyle, richMediaClassName };
|
|
@@ -252,5 +252,6 @@ export const panelSharedStylesWithoutPrefix = () => css`
|
|
|
252
252
|
}
|
|
253
253
|
`;
|
|
254
254
|
export const panelSharedStyles = () => css({
|
|
255
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
255
256
|
[`.${PanelSharedCssClassName.prefix}`]: panelSharedStylesWithoutPrefix()
|
|
256
257
|
});
|
|
@@ -2,12 +2,15 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
|
|
4
4
|
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
6
|
export const paragraphSharedStyles = css({
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
8
|
'& p': {
|
|
7
9
|
fontSize: '1em',
|
|
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
|
|
8
11
|
lineHeight: akEditorLineHeight,
|
|
9
12
|
fontWeight: 'normal',
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
13
|
+
// 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
14
|
marginTop: blockNodesVerticalMargin,
|
|
12
15
|
marginBottom: 0,
|
|
13
16
|
letterSpacing: '-0.005em'
|