@atlaskit/editor-common 82.3.0 → 82.5.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 +26 -0
- package/dist/cjs/analytics/types/element-events.js +5 -0
- package/dist/cjs/analytics/types/enums.js +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/extensions/module-helpers.js +4 -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/FloatingToolbar/Button.js +2 -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 +10 -3
- 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/analytics/types/element-events.js +1 -0
- package/dist/es2019/analytics/types/enums.js +8 -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/extensions/module-helpers.js +4 -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/FloatingToolbar/Button.js +2 -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 +10 -3
- 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/analytics/types/element-events.js +1 -0
- package/dist/esm/analytics/types/enums.js +8 -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/extensions/module-helpers.js +4 -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/FloatingToolbar/Button.js +2 -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 +10 -3
- 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/element-events.d.ts +10 -0
- package/dist/types/analytics/types/enums.d.ts +9 -1
- package/dist/types/analytics/types/events.d.ts +2 -1
- package/dist/types/analytics/types/highlight-events.d.ts +4 -2
- package/dist/types/analytics/types/index.d.ts +1 -0
- package/dist/types/extensions/types/extension-manifest-toolbar-item.d.ts +17 -2
- package/dist/types/keymaps/index.d.ts +1 -0
- package/dist/types/messages/help-dialog.d.ts +5 -0
- package/dist/types/ui/FloatingToolbar/Button.d.ts +2 -1
- package/dist/types/ui-color/ColorPalette/Color/index.d.ts +2 -8
- package/dist/types-ts4.5/analytics/types/element-events.d.ts +10 -0
- package/dist/types-ts4.5/analytics/types/enums.d.ts +9 -1
- package/dist/types-ts4.5/analytics/types/events.d.ts +2 -1
- package/dist/types-ts4.5/analytics/types/highlight-events.d.ts +4 -2
- package/dist/types-ts4.5/analytics/types/index.d.ts +1 -0
- package/dist/types-ts4.5/extensions/types/extension-manifest-toolbar-item.d.ts +17 -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/dist/types-ts4.5/ui/FloatingToolbar/Button.d.ts +2 -1
- package/dist/types-ts4.5/ui-color/ColorPalette/Color/index.d.ts +2 -8
- package/package.json +1 -1
|
@@ -13,8 +13,17 @@ import { WithPluginState } from '../../with-plugin-state';
|
|
|
13
13
|
import ExtensionLozenge from '../Extension/Lozenge';
|
|
14
14
|
import { useMultiBodiedExtensionActions } from './action-api';
|
|
15
15
|
import { mbeExtensionWrapperCSSStyles, overlayStyles } from './styles';
|
|
16
|
-
const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) =>
|
|
17
|
-
|
|
16
|
+
const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) =>
|
|
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
|
|
18
|
+
css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
20
|
+
[`.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
22
|
+
})`]: css(
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
24
|
+
sharedMultiBodiedExtensionStyles.extensionFrameContent,
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
26
|
+
showMacroInteractionDesignUpdates && removeMarginsAndBorder)
|
|
18
27
|
});
|
|
19
28
|
const imageStyles = css({
|
|
20
29
|
maxHeight: '24px',
|
|
@@ -146,7 +155,9 @@ const MultiBodiedExtensionWithWidth = ({
|
|
|
146
155
|
isBodiedMacro: true
|
|
147
156
|
}), jsx("div", {
|
|
148
157
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
149
|
-
className: wrapperClassNames
|
|
158
|
+
className: wrapperClassNames
|
|
159
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
160
|
+
,
|
|
150
161
|
css: mbeExtensionWrapperCSSStyles,
|
|
151
162
|
"data-testid": "multiBodiedExtension--wrapper"
|
|
152
163
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
@@ -155,6 +166,7 @@ const MultiBodiedExtensionWithWidth = ({
|
|
|
155
166
|
onMouseEnter: () => handleMouseEvent(true),
|
|
156
167
|
onMouseLeave: () => handleMouseEvent(false)
|
|
157
168
|
}, jsx("div", {
|
|
169
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
158
170
|
css: overlayStyles
|
|
159
171
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
160
172
|
,
|
|
@@ -162,13 +174,17 @@ const MultiBodiedExtensionWithWidth = ({
|
|
|
162
174
|
"data-testid": "multiBodiedExtension--overlay"
|
|
163
175
|
}), getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), jsx("div", {
|
|
164
176
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
165
|
-
className: containerClassNames
|
|
177
|
+
className: containerClassNames
|
|
178
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
179
|
+
,
|
|
166
180
|
css: getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates),
|
|
167
181
|
"data-testid": "multiBodiedExtension--container",
|
|
168
182
|
"data-active-child-index": activeChildIndex
|
|
169
183
|
}, jsx("nav", {
|
|
170
184
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
171
|
-
className: navigationClassNames
|
|
185
|
+
className: navigationClassNames
|
|
186
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
187
|
+
,
|
|
172
188
|
css: sharedMultiBodiedExtensionStyles.mbeNavigation,
|
|
173
189
|
"data-testid": "multiBodiedExtension-navigation"
|
|
174
190
|
}, extensionHandlerResult), jsx("article", {
|
|
@@ -3,7 +3,9 @@ import { N30, N500 } from '@atlaskit/theme/colors';
|
|
|
3
3
|
import { wrapperDefault } from '../Extension/styles';
|
|
4
4
|
|
|
5
5
|
// Wrapper the extension title and extensionContainer
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
6
7
|
export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
7
9
|
'&.with-margin-styles': {
|
|
8
10
|
marginTop: 0,
|
|
9
11
|
marginLeft: "var(--ds-space-negative-150, -12px)",
|
|
@@ -12,26 +14,35 @@ export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
|
|
|
12
14
|
cursor: 'pointer',
|
|
13
15
|
marginTop: "var(--ds-space-250, 24px)",
|
|
14
16
|
marginBottom: "var(--ds-space-200, 16px)",
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
18
|
'.extension-title': {
|
|
16
19
|
display: 'flex',
|
|
17
20
|
alignItems: 'center',
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
18
22
|
lineHeight: '16px !important',
|
|
19
23
|
marginBottom: "var(--ds-space-100, 8px)",
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
20
25
|
marginLeft: `${"var(--ds-space-050, 4px)"} !important`,
|
|
21
26
|
marginRight: "var(--ds-space-100, 8px)",
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
22
28
|
paddingTop: `${"var(--ds-space-100, 8px)"} !important`
|
|
23
29
|
},
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
24
31
|
'&.with-border': {
|
|
25
32
|
boxShadow: `0 0 0 1px ${`var(--ds-border, ${N30})`}`
|
|
26
33
|
},
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
27
35
|
'&.with-hover-border': {
|
|
28
36
|
boxShadow: `0 0 0 1px ${`var(--ds-border-input, ${N500})`}`
|
|
29
37
|
},
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
30
39
|
'&.with-padding-background-styles': {
|
|
31
40
|
padding: "var(--ds-space-100, 8px)",
|
|
32
41
|
background: 'transparent'
|
|
33
42
|
}
|
|
34
43
|
});
|
|
44
|
+
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
35
46
|
export const overlayStyles = css({
|
|
36
47
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
37
48
|
position: 'absolute',
|
|
@@ -41,6 +52,7 @@ export const overlayStyles = css({
|
|
|
41
52
|
pointerEvents: 'none',
|
|
42
53
|
transition: 'opacity 0.3s',
|
|
43
54
|
zIndex: 1,
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
44
56
|
'&.with-margin': {
|
|
45
57
|
margin: "var(--ds-space-negative-100, -8px)"
|
|
46
58
|
}
|
|
@@ -62,8 +62,10 @@ const logError = (msg, ...args) => {
|
|
|
62
62
|
const toolbarItemToButtonConfig = (toolbarItem, parentKey) => {
|
|
63
63
|
const {
|
|
64
64
|
tooltip,
|
|
65
|
+
tooltipStyle,
|
|
65
66
|
key,
|
|
66
67
|
label,
|
|
68
|
+
ariaLabel,
|
|
67
69
|
icon,
|
|
68
70
|
action,
|
|
69
71
|
disabled
|
|
@@ -102,7 +104,9 @@ const toolbarItemToButtonConfig = (toolbarItem, parentKey) => {
|
|
|
102
104
|
}
|
|
103
105
|
return {
|
|
104
106
|
key: itemKey,
|
|
107
|
+
ariaLabel,
|
|
105
108
|
tooltip,
|
|
109
|
+
tooltipStyle,
|
|
106
110
|
action,
|
|
107
111
|
disabled,
|
|
108
112
|
...labelAndIcon
|
|
@@ -92,6 +92,7 @@ export const selectTable = makeKeyMapWithCommon('Select table', 'Mod-a');
|
|
|
92
92
|
export const increaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-Alt-]');
|
|
93
93
|
export const decreaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-Alt-[');
|
|
94
94
|
export const activateVideoControls = makeKeyMapWithCommon('Activate controls panel on video', 'Shift-F10');
|
|
95
|
+
export const toggleHighlightPalette = makeKeyMapWithCommon('Toggle Highlight Palette', 'Mod-Alt-b');
|
|
95
96
|
const arrowKeysMap = {
|
|
96
97
|
// for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
|
|
97
98
|
ARROWLEFT: '\u2190',
|
|
@@ -25,6 +25,7 @@ import { filterUniqueItems, mapContentTypeToIcon, sha1, wordCount } from './util
|
|
|
25
25
|
* Visible only to screenreaders. Use when there is a need
|
|
26
26
|
* to provide more context to a non-sighted user.
|
|
27
27
|
*/
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
28
29
|
export const visuallyHiddenStyles = css({
|
|
29
30
|
clip: 'rect(1px, 1px, 1px, 1px)',
|
|
30
31
|
clipPath: 'inset(50%)',
|
|
@@ -686,6 +687,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
|
|
|
686
687
|
className: "recent-list",
|
|
687
688
|
"data-testid": "hyperlink-add-toolbar"
|
|
688
689
|
}, jsx("div", {
|
|
690
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
689
691
|
css: [container, !!activityProvider && containerWithProvider, containerPadding],
|
|
690
692
|
ref: this.wrapperRef
|
|
691
693
|
}, jsx("label", {
|
|
@@ -14,6 +14,8 @@ const spinnerContainer = css({
|
|
|
14
14
|
minHeight: '80px',
|
|
15
15
|
marginTop: "var(--ds-space-400, 32px)"
|
|
16
16
|
});
|
|
17
|
+
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
17
19
|
export const linkSearchList = css({
|
|
18
20
|
padding: 0,
|
|
19
21
|
listStyle: 'none'
|
|
@@ -11,6 +11,7 @@ import { N20, N300, N800 } from '@atlaskit/theme/colors';
|
|
|
11
11
|
import { fontSizeSmall } from '@atlaskit/theme/constants';
|
|
12
12
|
import { getCorrectAltByIconUrl } from './listItemAlts';
|
|
13
13
|
import { transformTimeStamp } from './transformTimeStamp';
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
14
15
|
export const container = css({
|
|
15
16
|
backgroundColor: 'transparent',
|
|
16
17
|
padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"}`,
|
|
@@ -18,12 +19,16 @@ export const container = css({
|
|
|
18
19
|
display: 'flex',
|
|
19
20
|
marginTop: 0
|
|
20
21
|
});
|
|
22
|
+
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
21
24
|
export const containerSelected = css({
|
|
22
25
|
backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N20})`
|
|
23
26
|
});
|
|
24
27
|
const nameWrapper = css({
|
|
25
28
|
overflow: 'hidden'
|
|
26
29
|
});
|
|
30
|
+
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
27
32
|
export const nameStyle = css({
|
|
28
33
|
color: `var(--ds-text, ${N800})`,
|
|
29
34
|
overflow: 'hidden',
|
|
@@ -31,15 +36,19 @@ export const nameStyle = css({
|
|
|
31
36
|
whiteSpace: 'nowrap',
|
|
32
37
|
lineHeight: '20px'
|
|
33
38
|
});
|
|
39
|
+
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
34
41
|
export const containerName = css({
|
|
35
42
|
color: `var(--ds-text-subtlest, ${N300})`,
|
|
36
43
|
lineHeight: '14px',
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
37
45
|
fontSize: relativeFontSizeToBase16(fontSizeSmall())
|
|
38
46
|
});
|
|
39
47
|
const iconStyle = css({
|
|
40
48
|
minWidth: '16px',
|
|
41
49
|
marginTop: "var(--ds-space-050, 4px)",
|
|
42
50
|
marginRight: "var(--ds-space-150, 12px)",
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
43
52
|
img: {
|
|
44
53
|
maxWidth: '16px'
|
|
45
54
|
}
|
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { RECENT_SEARCH_WIDTH_IN_PX, RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX } from '../../ui';
|
|
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 inputWrapper = css({
|
|
4
6
|
display: 'flex',
|
|
5
7
|
lineHeight: 0,
|
|
6
8
|
padding: `${"var(--ds-space-075, 6px)"} 0`,
|
|
7
9
|
alignItems: 'center'
|
|
8
10
|
});
|
|
11
|
+
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
9
13
|
export const container = css({
|
|
10
14
|
display: 'flex',
|
|
11
15
|
flexDirection: 'column',
|
|
12
16
|
overflow: 'auto',
|
|
13
17
|
padding: 0,
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
14
19
|
width: `${RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX}px`,
|
|
15
20
|
lineHeight: 'initial'
|
|
16
21
|
});
|
|
22
|
+
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
17
24
|
export const containerWithProvider = css({
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
18
26
|
width: `${RECENT_SEARCH_WIDTH_IN_PX}px`
|
|
19
27
|
});
|
|
@@ -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.5.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
|
});
|