@atlaskit/editor-core 208.7.0 → 208.7.2
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 +21 -0
- package/dist/cjs/ui/ContentStyles/index.js +6 -15
- package/dist/cjs/ui/ContentStyles/tasks-and-decisions.js +50 -37
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +5 -17
- package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +16 -38
- package/dist/cjs/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +89 -119
- package/dist/cjs/ui/EditorContentContainer/styles/telepointerStyles.js +6 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/ContentStyles/index.js +17 -50
- package/dist/es2019/ui/ContentStyles/tasks-and-decisions.js +49 -57
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +7 -19
- package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +25 -59
- package/dist/es2019/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +56 -66
- package/dist/es2019/ui/EditorContentContainer/styles/telepointerStyles.js +6 -6
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/ContentStyles/index.js +7 -16
- package/dist/esm/ui/ContentStyles/tasks-and-decisions.js +49 -38
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +7 -19
- package/dist/esm/ui/EditorContentContainer/styles/emoji.js +15 -37
- package/dist/esm/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +88 -116
- package/dist/esm/ui/EditorContentContainer/styles/telepointerStyles.js +6 -6
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/ContentStyles/tasks-and-decisions.d.ts +3 -4
- package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts +1 -2
- package/dist/types/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +4 -5
- package/dist/types-ts4.5/ui/ContentStyles/tasks-and-decisions.d.ts +3 -4
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/emoji.d.ts +1 -2
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +4 -5
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 208.7.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#180304](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180304)
|
|
8
|
+
[`82e8e7a0b9283`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/82e8e7a0b9283) -
|
|
9
|
+
[ux] Updated telepointer pulse animations by copying keyframes from the old CSS styles
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 208.7.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#180357](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180357)
|
|
17
|
+
[`4f4d1545d11af`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4f4d1545d11af) -
|
|
18
|
+
Cleanup feature gates for vanilla dom experiment and decision nodes
|
|
19
|
+
- [#179660](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/179660)
|
|
20
|
+
[`75577e79c0fa2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75577e79c0fa2) -
|
|
21
|
+
Cleanup vanilla emoji experiment
|
|
22
|
+
- Updated dependencies
|
|
23
|
+
|
|
3
24
|
## 208.7.0
|
|
4
25
|
|
|
5
26
|
### Minor Changes
|
|
@@ -36,7 +36,7 @@ var _media = require("./media");
|
|
|
36
36
|
var _panel2 = require("./panel");
|
|
37
37
|
var _status = require("./status");
|
|
38
38
|
var _tasksAndDecisions = require("./tasks-and-decisions");
|
|
39
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1
|
|
39
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
40
40
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
41
41
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
42
42
|
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Requires manual remediation over time due to use of unsafe nested mixins */
|
|
@@ -113,8 +113,7 @@ var mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding = (0, _reac
|
|
|
113
113
|
var vanillaSelectionStyles = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t.danger {\n\t\t.editor-mention-primitive {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n\n\t.", " > .editor-mention-primitive,\n\t.", " > .editor-mention-primitive.mention-self,\n\t.", " > .editor-mention-primitive.mention-restricted {\n\t\t", "\n\t\t/* need to specify dark text colour because personal mentions\n\t (in dark blue) have white text by default */\n\t\tcolor: ", "\n\t}\n"])), _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)");
|
|
114
114
|
var mentionsStyles = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\t&.", " [data-mention-id] > span {\n\t\t\t", "\n\n\t\t\t/* need to specify dark text colour because personal mentions\n (in dark blue) have white text by default */\n color: ", ";\n\t\t}\n\t}\n\n\t.danger {\n\t\t.", ".", "\n\t\t\t> span\n\t\t\t> span\n\t\t\t> span {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t\t.", " > span > span > span {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), _mention.MentionSharedCssClassName.MENTION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)", _mention.MentionSharedCssClassName.MENTION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"), _mention.MentionSharedCssClassName.MENTION_CONTAINER, "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)");
|
|
115
115
|
var listsStyles = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\tli {\n\t\t\tposition: relative;\n\n\t\t\t> p:not(:first-child) {\n\t\t\t\tmargin: ", " 0 0 0;\n\t\t\t}\n\n\t\t\t/* In SSR the above rule will apply to all p tags because first-child would be a style tag.\n\t\t\tThe following rule resets the first p tag back to its original margin\n\t\t\tdefined in packages/editor/editor-common/src/styles/shared/paragraph.ts */\n\t\t\t> style:first-child + p {\n\t\t\t\tmargin-top: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:not([data-node-type='decisionList']) > li,\n /* This prevents https://product-fabric.atlassian.net/browse/ED-20924 */\n &:not(.", ") > li {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-space-050, 4px)", _editorSharedStyles.blockNodesVerticalMargin, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _browser.browser.safari ? _styles.codeBlockInListSafariFix : '');
|
|
116
|
-
var
|
|
117
|
-
var emojiStyles = (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\t[data-prosemirror-node-view-type='vanilla'] {\n\t\t.", " {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.", ", .", " {\n\t\t\tbackground: no-repeat transparent;\n\t\t\tdisplay: inline-block;\n\t\t\theight: ", "px;\n\t\t\tmax-height: ", "px;\n\t\t\tcursor: pointer;\n\t\t\tvertical-align: middle;\n\t\t\tuser-select: all;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", ", .", " {\n\t\t\t\tborder-radius: 2px;\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), _emoji.EmojiSharedCssClassName.EMOJI_CONTAINER, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, _emoji.defaultEmojiHeight, _emoji.defaultEmojiHeight, _editorSharedStyles.akEditorSelectedNodeClassName, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.BoxShadow]));
|
|
116
|
+
var emojiStyles = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tdisplay: inline-block;\n\t}\n\n\t.", ", .", " {\n\t\tbackground: no-repeat transparent;\n\t\tdisplay: inline-block;\n\t\theight: ", "px;\n\t\tmax-height: ", "px;\n\t\tcursor: pointer;\n\t\tvertical-align: middle;\n\t\tuser-select: all;\n\t}\n\n\t.", " {\n\t\t.", ", .", " {\n\t\t\tborder-radius: 2px;\n\t\t\t", "\n\t\t}\n\t}\n"])), _emoji.EmojiSharedCssClassName.EMOJI_CONTAINER, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, _emoji.defaultEmojiHeight, _emoji.defaultEmojiHeight, _editorSharedStyles.akEditorSelectedNodeClassName, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.BoxShadow]));
|
|
118
117
|
|
|
119
118
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
120
119
|
var placeholderStyles = exports.placeholderStyles = (0, _react2.css)({
|
|
@@ -149,7 +148,7 @@ var placeholderWrapStyles = (0, _react2.css)({
|
|
|
149
148
|
whiteSpace: 'nowrap'
|
|
150
149
|
}
|
|
151
150
|
});
|
|
152
|
-
var firstBlockNodeStylesNew = (0, _react2.css)(
|
|
151
|
+
var firstBlockNodeStylesNew = (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> div[data-task-list-local-id],\n\t\t> div[data-layout-section],\n\t\t> .", " {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> hr:first-child,\n\t\t> .ProseMirror-widget:first-child + hr {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n"])), _panel.PanelSharedCssClassName.prefix, _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.expandClassNames.prefix);
|
|
153
152
|
|
|
154
153
|
// Make sure the first floating toolbar button has focus ring when focused via .focus()
|
|
155
154
|
var firstFloatingToolbarButtonStyles = (0, _react2.css)({
|
|
@@ -167,19 +166,11 @@ var akEditorBreakpointForSmallDevice = "1266px";
|
|
|
167
166
|
// Under editor experiment platform_editor_core_static_emotion
|
|
168
167
|
// If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
|
|
169
168
|
var legacyContentStyles = function legacyContentStyles(props) {
|
|
170
|
-
return (0, _react2.css)(
|
|
169
|
+
return (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t--ak-editor--breakout-fallback-width: calc(\n\t\t100cqw - var(--ak-editor--breakout-full-page-guttering-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\n\t\t/* in full width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */\n\t\t--ak-editor--breakout-fallback-width: 100%;\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t * https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n /* Switch between the two icons based on the visual refresh feature gate */\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n is bigger than the others, new ADS icon does not have this issue\n */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, (0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _editorSharedStyles.editorFontSize)({
|
|
171
170
|
theme: props.theme
|
|
172
|
-
}), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_hide_cursor_when_pm_hideselection') ? (0, _react2.css)(
|
|
171
|
+
}), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_hide_cursor_when_pm_hideselection') ? (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, (0, _experiments.editorExperiment)('platform_editor_advanced_code_blocks', true) ? (0, _react2.css)(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", firstFloatingToolbarButtonStyles, _styles5.placeholderTextStyles, (0, _platformFeatureFlags.fg)('platform_editor_system_fake_text_highlight_colour') && _styles5.placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour, placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(props.typographyTheme), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), (0, _media.mediaStyles)(), (0, _layout.layoutStyles)(props.viewMode), (0, _platformFeatureFlags.fg)('confluence_team_presence_scroll_to_pointer') ? _collab.telepointerStyle : _collab.telepointerStyleWithInitialOnly, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, mentionNodeStyles, (0, _platformFeatureFlags.fg)('platform_editor_centre_mention_padding') && mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
173
172
|
exposure: false
|
|
174
|
-
}) && vanillaSelectionStyles, (0,
|
|
175
|
-
exposure: false
|
|
176
|
-
}) ? emojiStyles : reactEmojiStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_magenta_match') ? _styles3.findReplaceStylesNewMagenta : _styles3.findReplaceStylesNewYellow : _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, _tasksAndDecisions.vanillaTaskItemStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
177
|
-
exposure: false
|
|
178
|
-
}) && _tasksAndDecisions.vanillaTaskDecisionStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
179
|
-
exposure: false
|
|
180
|
-
}) && (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithVisualRefresh, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
|
|
181
|
-
exposure: false
|
|
182
|
-
}) && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithoutVisualRefresh, _status.statusStyles, (0, _status.statusNodeStyles)(), (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _styles.smartCardSharedStyles, _date.dateStyles, _date.dateNodeStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _styles.pragmaticResizerStyles)(), (0, _styles.pragmaticStylesLayoutFirstNodeResizeHandleFix)(), (0, _styles.pragmaticResizerStylesForTooltip)(), (0, _aiPanels.aiPanelStyles)(props.colorMode), firstBlockNodeStylesNew, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
|
|
173
|
+
}) && vanillaSelectionStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_magenta_match') ? _styles3.findReplaceStylesNewMagenta : _styles3.findReplaceStylesNewYellow : _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, _tasksAndDecisions.taskItemStyles, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.taskDecisionIconWithVisualRefresh, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.taskDecisionIconWithoutVisualRefresh, _status.statusStyles, (0, _status.statusNodeStyles)(), (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _styles.smartCardSharedStyles, _date.dateStyles, _date.dateNodeStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _styles.pragmaticResizerStyles)(), (0, _styles.pragmaticStylesLayoutFirstNodeResizeHandleFix)(), (0, _styles.pragmaticResizerStylesForTooltip)(), (0, _aiPanels.aiPanelStyles)(props.colorMode), firstBlockNodeStylesNew, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
|
|
183
174
|
};
|
|
184
175
|
var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
|
|
185
176
|
return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
@@ -4,25 +4,38 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.taskItemStyles = exports.taskDecisionStyles = exports.taskDecisionIconWithoutVisualRefresh = exports.taskDecisionIconWithVisualRefresh = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
9
|
var _react = require("@emotion/react");
|
|
11
10
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
12
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
13
|
-
|
|
14
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
15
|
-
var taskDecisionStyles = exports.taskDecisionStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[data-decision-wrapper] {\n\t\tcursor: pointer;\n\t}\n\n\t.", " > [data-decision-wrapper],\n\tol[data-node-type='decisionList'].", " {\n\t\tborder-radius: 4px;\n\t\t", "\n\t}\n\n\t.danger {\n\t\t.", ".", " > div {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t\t&::after {\n\t\t\t\tcontent: none; /* reset the Blanket selection style */\n\t\t\t}\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _styles.TaskDecisionSharedCssClassName.DECISION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"));
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
13
|
|
|
17
|
-
// Combine this with taskDecisionStyles (above) when cleaning up the platform_editor_vanilla_dom experiment.
|
|
18
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
|
-
var
|
|
15
|
+
var taskDecisionStyles = exports.taskDecisionStyles = (0, _react.css)({
|
|
20
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
21
|
-
'
|
|
17
|
+
'.ak-editor-selected-node > [data-decision-wrapper], ol[data-node-type="decisionList"].ak-editor-selected-node':
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
19
|
+
[{
|
|
20
|
+
borderRadius: '4px'
|
|
21
|
+
},
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
23
|
+
(0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket])],
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
25
|
+
'.danger decisionItemView-content-wrap.ak-editor-selected-node > div': {
|
|
26
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
27
|
+
backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
|
|
28
|
+
'&::after': {
|
|
29
|
+
content: 'none' // reset the Blanket selection style
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
33
|
+
'[data-prosemirror-node-name="decisionItem"]': {
|
|
22
34
|
listStyleType: 'none'
|
|
23
35
|
},
|
|
24
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
25
|
-
'[data-prosemirror-node-
|
|
37
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper]': {
|
|
38
|
+
cursor: 'pointer',
|
|
26
39
|
display: 'flex',
|
|
27
40
|
flexDirection: 'row',
|
|
28
41
|
margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
|
|
@@ -33,7 +46,7 @@ var vanillaTaskDecisionStyles = exports.vanillaTaskDecisionStyles = (0, _react.c
|
|
|
33
46
|
position: 'relative'
|
|
34
47
|
},
|
|
35
48
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
36
|
-
'[data-prosemirror-node-
|
|
49
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"]': {
|
|
37
50
|
flex: '0 0 16px',
|
|
38
51
|
height: '16px',
|
|
39
52
|
width: '16px',
|
|
@@ -44,25 +57,25 @@ var vanillaTaskDecisionStyles = exports.vanillaTaskDecisionStyles = (0, _react.c
|
|
|
44
57
|
justifyContent: 'center'
|
|
45
58
|
},
|
|
46
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
|
|
47
|
-
'[data-prosemirror-node-
|
|
60
|
+
'[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="icon"]': {
|
|
48
61
|
color: "var(--ds-icon-success, #22A06B)"
|
|
49
62
|
},
|
|
50
63
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
51
|
-
'[data-prosemirror-node-
|
|
64
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
|
|
52
65
|
display: 'inline-block',
|
|
53
66
|
flexShrink: 0,
|
|
54
67
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography -- Mirroring icon styles
|
|
55
68
|
lineHeight: 1
|
|
56
69
|
},
|
|
57
70
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
58
|
-
'[data-prosemirror-node-
|
|
71
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
|
|
59
72
|
overflow: 'hidden',
|
|
60
73
|
pointerEvents: 'none',
|
|
61
74
|
color: 'currentColor',
|
|
62
75
|
verticalAlign: 'bottom'
|
|
63
76
|
},
|
|
64
77
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
65
|
-
'[data-prosemirror-node-
|
|
78
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="placeholder"]': {
|
|
66
79
|
margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3.5)"),
|
|
67
80
|
position: 'absolute',
|
|
68
81
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
@@ -73,11 +86,11 @@ var vanillaTaskDecisionStyles = exports.vanillaTaskDecisionStyles = (0, _react.c
|
|
|
73
86
|
maxWidth: 'calc(100% - 50px)'
|
|
74
87
|
},
|
|
75
88
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
|
|
76
|
-
'[data-prosemirror-node-
|
|
89
|
+
'[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="placeholder"]': {
|
|
77
90
|
display: 'none'
|
|
78
91
|
},
|
|
79
92
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
80
|
-
'[data-prosemirror-node-
|
|
93
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="content"]': {
|
|
81
94
|
margin: 0,
|
|
82
95
|
wordWrap: 'break-word',
|
|
83
96
|
minWidth: 0,
|
|
@@ -86,13 +99,13 @@ var vanillaTaskDecisionStyles = exports.vanillaTaskDecisionStyles = (0, _react.c
|
|
|
86
99
|
});
|
|
87
100
|
|
|
88
101
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
89
|
-
var
|
|
102
|
+
var taskDecisionIconWithVisualRefresh = exports.taskDecisionIconWithVisualRefresh = (0, _react.css)({
|
|
90
103
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
91
|
-
'[data-prosemirror-node-
|
|
104
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg[data-icon-source="legacy"]': {
|
|
92
105
|
display: 'none'
|
|
93
106
|
},
|
|
94
107
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
95
|
-
'[data-prosemirror-node-
|
|
108
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
|
|
96
109
|
boxSizing: 'border-box',
|
|
97
110
|
paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
|
|
98
111
|
paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)',
|
|
@@ -102,20 +115,20 @@ var vanillaTaskDecisionIconWithVisualRefresh = exports.vanillaTaskDecisionIconWi
|
|
|
102
115
|
}
|
|
103
116
|
},
|
|
104
117
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
105
|
-
'[data-prosemirror-node-
|
|
118
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
|
|
106
119
|
width: "var(--ds-space-300, 24px)",
|
|
107
120
|
height: "var(--ds-space-300, 24px)"
|
|
108
121
|
}
|
|
109
122
|
});
|
|
110
123
|
|
|
111
124
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
112
|
-
var
|
|
125
|
+
var taskDecisionIconWithoutVisualRefresh = exports.taskDecisionIconWithoutVisualRefresh = (0, _react.css)({
|
|
113
126
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
114
|
-
'[data-prosemirror-node-
|
|
127
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg[data-icon-source="refreshed"]': {
|
|
115
128
|
display: 'none'
|
|
116
129
|
},
|
|
117
130
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
118
|
-
'[data-prosemirror-node-
|
|
131
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
|
|
119
132
|
width: '32px',
|
|
120
133
|
height: '32px',
|
|
121
134
|
'@media screen and (forced-colors: active)': {
|
|
@@ -125,7 +138,7 @@ var vanillaTaskDecisionIconWithoutVisualRefresh = exports.vanillaTaskDecisionIco
|
|
|
125
138
|
}
|
|
126
139
|
},
|
|
127
140
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
128
|
-
'[data-prosemirror-node-
|
|
141
|
+
'[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
|
|
129
142
|
maxWidth: '100%',
|
|
130
143
|
maxHeight: '100%',
|
|
131
144
|
fill: "var(--ds-surface, #FFFFFF)",
|
|
@@ -135,19 +148,19 @@ var vanillaTaskDecisionIconWithoutVisualRefresh = exports.vanillaTaskDecisionIco
|
|
|
135
148
|
});
|
|
136
149
|
|
|
137
150
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
138
|
-
var
|
|
151
|
+
var taskItemStyles = exports.taskItemStyles = (0, _react.css)((0, _defineProperty2.default)({
|
|
139
152
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
140
|
-
'[data-prosemirror-node-
|
|
153
|
+
'[data-prosemirror-node-name="taskItem"]': {
|
|
141
154
|
listStyle: 'none'
|
|
142
155
|
},
|
|
143
156
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
144
|
-
'[data-prosemirror-node-
|
|
157
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="task-item-main"]': {
|
|
145
158
|
display: 'flex',
|
|
146
159
|
flexDirection: 'row',
|
|
147
160
|
position: 'relative'
|
|
148
161
|
},
|
|
149
162
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
150
|
-
'[data-prosemirror-node-
|
|
163
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="placeholder"]': {
|
|
151
164
|
position: 'absolute',
|
|
152
165
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
153
166
|
margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3)"),
|
|
@@ -159,11 +172,11 @@ var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0,
|
|
|
159
172
|
display: 'none'
|
|
160
173
|
},
|
|
161
174
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
162
|
-
"[data-prosemirror-node-
|
|
175
|
+
"[data-prosemirror-node-name='taskItem']:has([data-empty]):not(:has([data-type-ahead])) [data-component='placeholder']": {
|
|
163
176
|
display: 'block'
|
|
164
177
|
},
|
|
165
178
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
166
|
-
'[data-prosemirror-node-
|
|
179
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="content"]': {
|
|
167
180
|
margin: 0,
|
|
168
181
|
wordWrap: 'break-word',
|
|
169
182
|
minWidth: 0,
|
|
@@ -171,7 +184,7 @@ var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0,
|
|
|
171
184
|
},
|
|
172
185
|
// copied styles from packages/design-system/icon/src/components/icon-new.tsx
|
|
173
186
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
174
|
-
'[data-prosemirror-node-
|
|
187
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"]': {
|
|
175
188
|
display: 'inline-block',
|
|
176
189
|
boxSizing: 'border-box',
|
|
177
190
|
flexShrink: 0,
|
|
@@ -181,7 +194,7 @@ var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0,
|
|
|
181
194
|
paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
|
|
182
195
|
},
|
|
183
196
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
184
|
-
'[data-prosemirror-node-
|
|
197
|
+
'[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg': {
|
|
185
198
|
overflow: 'hidden',
|
|
186
199
|
pointerEvents: 'none',
|
|
187
200
|
color: 'currentColor',
|
|
@@ -190,22 +203,22 @@ var vanillaTaskItemStyles = exports.vanillaTaskItemStyles = (0, _react.css)((0,
|
|
|
190
203
|
height: "var(--ds-space-200, 16px)"
|
|
191
204
|
},
|
|
192
205
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
193
|
-
'[data-prosemirror-node-
|
|
206
|
+
'[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
|
|
194
207
|
display: 'none'
|
|
195
208
|
},
|
|
196
209
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
197
|
-
'[data-prosemirror-node-
|
|
210
|
+
'[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
|
|
198
211
|
display: 'inline'
|
|
199
212
|
},
|
|
200
213
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
201
|
-
'[data-prosemirror-node-
|
|
214
|
+
'[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
|
|
202
215
|
display: 'inline'
|
|
203
216
|
},
|
|
204
217
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
205
|
-
'[data-prosemirror-node-
|
|
218
|
+
'[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
|
|
206
219
|
display: 'none'
|
|
207
220
|
}
|
|
208
|
-
}, "[data-prosemirror-node-
|
|
221
|
+
}, "[data-prosemirror-node-name=\"taskItem\"] .".concat(_styles.TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
|
|
209
222
|
flex: '0 0 24px',
|
|
210
223
|
width: '24px',
|
|
211
224
|
height: '24px',
|
|
@@ -201,19 +201,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
201
201
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
202
202
|
_tasksAndDecisionsStyles.decisionStyles,
|
|
203
203
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
204
|
-
_tasksAndDecisionsStyles.
|
|
205
|
-
exposure: false
|
|
206
|
-
}) &&
|
|
204
|
+
_tasksAndDecisionsStyles.taskItemStyles, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') &&
|
|
207
205
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
208
|
-
_tasksAndDecisionsStyles.
|
|
209
|
-
exposure: false
|
|
210
|
-
}) && (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') &&
|
|
206
|
+
_tasksAndDecisionsStyles.decisionIconWithVisualRefresh, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') &&
|
|
211
207
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
212
|
-
_tasksAndDecisionsStyles.
|
|
213
|
-
exposure: false
|
|
214
|
-
}) && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') &&
|
|
215
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
216
|
-
_tasksAndDecisionsStyles.vanillaDecisionIconWithoutVisualRefresh,
|
|
208
|
+
_tasksAndDecisionsStyles.decisionIconWithoutVisualRefresh,
|
|
217
209
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
218
210
|
_statusStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ?
|
|
219
211
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -319,13 +311,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
319
311
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
320
312
|
_mentions.mentionsSelectionStyles, (0, _platformFeatureFlags.fg)('platform_editor_centre_mention_padding') &&
|
|
321
313
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
322
|
-
_mentions.mentionsStylesMixin_platform_editor_centre_mention_padding,
|
|
323
|
-
exposure: false
|
|
324
|
-
}) ?
|
|
325
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
326
|
-
_emoji.vanillaEmojiStyles :
|
|
314
|
+
_mentions.mentionsStylesMixin_platform_editor_centre_mention_padding,
|
|
327
315
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
328
|
-
_emoji.
|
|
316
|
+
_emoji.emojiStyles,
|
|
329
317
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
330
318
|
_panelStyles.panelViewStyles,
|
|
331
319
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.emojiStyles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _emoji = require("@atlaskit/editor-common/emoji");
|
|
@@ -12,50 +12,28 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
12
12
|
var _selectionStyles = require("./selectionStyles");
|
|
13
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var emojiSelectionStyles = (0, _react.css)({
|
|
16
16
|
borderRadius: '2px'
|
|
17
17
|
});
|
|
18
18
|
|
|
19
|
+
// Emoji styles from Emoji vanilla node view
|
|
19
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
20
|
-
var
|
|
21
|
+
var emojiStyles = exports.emojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_CONTAINER), {
|
|
21
22
|
display: 'inline-block'
|
|
22
|
-
}, ".".concat(_emoji.EmojiSharedCssClassName.
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
}), ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
|
|
24
|
+
background: 'no-repeat transparent',
|
|
25
|
+
display: 'inline-block',
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
27
|
+
height: "".concat(_emoji.defaultEmojiHeight, "px"),
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
29
|
+
maxHeight: "".concat(_emoji.defaultEmojiHeight, "px"),
|
|
30
|
+
cursor: 'pointer',
|
|
31
|
+
verticalAlign: 'middle',
|
|
32
|
+
userSelect: 'all'
|
|
33
|
+
}), ".".concat(_editorSharedStyles.akEditorSelectedNodeClassName), (0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), [emojiSelectionStyles,
|
|
28
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
29
35
|
_selectionStyles.blanketSelectionStyles,
|
|
30
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
31
37
|
_selectionStyles.boxShadowSelectionStyles,
|
|
32
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
33
|
-
_selectionStyles.hideNativeBrowserTextSelectionStyles
|
|
34
|
-
var vanillaEmojiSelectionStyles = (0, _react.css)({
|
|
35
|
-
borderRadius: '2px'
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
// Emoji styles from Emoji vanilla node view
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
40
|
-
var vanillaEmojiStyles = exports.vanillaEmojiStyles = (0, _react.css)({
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
42
|
-
'[data-prosemirror-node-view-type="vanilla"]': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_CONTAINER), {
|
|
43
|
-
display: 'inline-block'
|
|
44
|
-
}), ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
|
|
45
|
-
background: 'no-repeat transparent',
|
|
46
|
-
display: 'inline-block',
|
|
47
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
48
|
-
height: "".concat(_emoji.defaultEmojiHeight, "px"),
|
|
49
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
50
|
-
maxHeight: "".concat(_emoji.defaultEmojiHeight, "px"),
|
|
51
|
-
cursor: 'pointer',
|
|
52
|
-
verticalAlign: 'middle',
|
|
53
|
-
userSelect: 'all'
|
|
54
|
-
}), "&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName), (0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), [vanillaEmojiSelectionStyles,
|
|
55
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
56
|
-
_selectionStyles.blanketSelectionStyles,
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
58
|
-
_selectionStyles.boxShadowSelectionStyles,
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
60
|
-
_selectionStyles.hideNativeBrowserTextSelectionStyles]))
|
|
61
|
-
});
|
|
39
|
+
_selectionStyles.hideNativeBrowserTextSelectionStyles])));
|