@atlaskit/editor-core 209.1.1 → 209.1.3
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 +18 -0
- package/dist/cjs/ui/ContentStyles/index.js +8 -7
- package/dist/cjs/ui/ContentStyles/status.js +14 -7
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +15 -7
- package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +43 -43
- package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +31 -1
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +102 -1
- package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +117 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/ContentStyles/index.js +35 -6
- package/dist/es2019/ui/ContentStyles/status.js +26 -11
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +19 -11
- package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +58 -58
- package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +34 -0
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +153 -0
- package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +116 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/ContentStyles/index.js +9 -8
- package/dist/esm/ui/ContentStyles/status.js +14 -7
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +19 -11
- package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +42 -42
- package/dist/esm/ui/EditorContentContainer/styles/mentions.js +30 -0
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +101 -0
- package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +116 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/ContentStyles/status.d.ts +1 -1
- package/dist/types/ui/EditorContentContainer/styles/findReplaceStyles.d.ts +2 -2
- package/dist/types/ui/EditorContentContainer/styles/mentions.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/styles/statusStyles.d.ts +2 -0
- package/dist/types-ts4.5/ui/ContentStyles/status.d.ts +1 -1
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/findReplaceStyles.d.ts +2 -2
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/mentions.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/smartCardStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/statusStyles.d.ts +2 -0
- package/package.json +11 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 209.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#185513](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185513)
|
|
8
|
+
[`ee3b4336e4aa9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee3b4336e4aa9) -
|
|
9
|
+
ED-28408 clean up fg platform_editor_find_and_replace_magenta_match
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 209.1.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#180962](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180962)
|
|
17
|
+
[`1aa3eabc00314`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1aa3eabc00314) -
|
|
18
|
+
ED-28376 clean up usage of !important in find and replace styles
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 209.1.1
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -37,7 +37,7 @@ var _media = require("./media");
|
|
|
37
37
|
var _panel2 = require("./panel");
|
|
38
38
|
var _status = require("./status");
|
|
39
39
|
var _tasksAndDecisions = require("./tasks-and-decisions");
|
|
40
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
40
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
|
|
41
41
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
42
42
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
43
43
|
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Requires manual remediation over time due to use of unsafe nested mixins */
|
|
@@ -112,9 +112,10 @@ var mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding = (0, _reac
|
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
var mentionSelectionStyles = (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)");
|
|
115
|
-
var
|
|
116
|
-
var
|
|
117
|
-
var
|
|
115
|
+
var mentionsSelectionStylesWithSearchMatch = (0, _react2.css)(_templateObject4 || (_templateObject4 = (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.", ":not(.search-match-block) > .editor-mention-primitive,\n\t.", ":not(.search-match-block)\n\t\t> .editor-mention-primitive.mention-self,\n\t.", ":not(.search-match-block)\n\t\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\n\t.", ".search-match-block > .editor-mention-primitive,\n\t.", ".search-match-block > .editor-mention-primitive.mention-self,\n\t.", ".search-match-block\n\t\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)", _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtle, #44546F)");
|
|
116
|
+
var mentionsStyles = (0, _react2.css)(_templateObject5 || (_templateObject5 = (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\t\t\t(in dark blue) have white text by default */\n\t\t\tcolor: ", ";\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)");
|
|
117
|
+
var listsStyles = (0, _react2.css)(_templateObject6 || (_templateObject6 = (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 : '');
|
|
118
|
+
var emojiStyles = (0, _react2.css)(_templateObject7 || (_templateObject7 = (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
119
|
|
|
119
120
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
120
121
|
var placeholderStyles = exports.placeholderStyles = (0, _react2.css)({
|
|
@@ -149,7 +150,7 @@ var placeholderWrapStyles = (0, _react2.css)({
|
|
|
149
150
|
whiteSpace: 'nowrap'
|
|
150
151
|
}
|
|
151
152
|
});
|
|
152
|
-
var firstBlockNodeStylesNew = (0, _react2.css)(
|
|
153
|
+
var firstBlockNodeStylesNew = (0, _react2.css)(_templateObject8 || (_templateObject8 = (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
154
|
|
|
154
155
|
// Make sure the first floating toolbar button has focus ring when focused via .focus()
|
|
155
156
|
var firstFloatingToolbarButtonStyles = (0, _react2.css)({
|
|
@@ -167,9 +168,9 @@ var akEditorBreakpointForSmallDevice = "1266px";
|
|
|
167
168
|
// Under editor experiment platform_editor_core_static_emotion
|
|
168
169
|
// If you are making changes to this file, please make sure to update in EditorContentContainer.tsx as well
|
|
169
170
|
var legacyContentStyles = function legacyContentStyles(props) {
|
|
170
|
-
return (0, _react2.css)(
|
|
171
|
+
return (0, _react2.css)(_templateObject9 || (_templateObject9 = (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\t", "\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
172
|
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)(
|
|
173
|
+
}), _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)(_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, (0, _experiments.editorExperiment)('platform_editor_advanced_code_blocks', true) ? (0, _react2.css)(_templateObject1 || (_templateObject1 = (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, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? mentionsSelectionStylesWithSearchMatch : mentionSelectionStyles, 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_improvements_1') ? _styles3.findReplaceStylesNewNoImportant : _styles3.findReplaceStylesNew : _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, (0, _status.statusStyles)(), (0, _status.statusNodeStyles)(), (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _styles.getSmartCardSharedStyles)(), _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, (0, _platformFeatureFlags.fg)('platform_editor_vanilla_codebidi_warning') && _codeBidiWarning.codeBidiWarningStyles, _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
174
|
};
|
|
174
175
|
var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
|
|
175
176
|
return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
@@ -6,18 +6,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.statusStyles = exports.statusNodeStyles = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
10
|
var _react = require("@emotion/react");
|
|
10
11
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
11
12
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
12
13
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
|
-
var
|
|
14
|
-
// eslint-disable-next-line @atlaskit/
|
|
14
|
+
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
15
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
16
|
var getVisualRefreshStatusStyles = function getVisualRefreshStatusStyles() {
|
|
16
17
|
return (
|
|
17
18
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
18
|
-
(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ?
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? (0, _react.css)((0, _defineProperty2.default)({}, "&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not('.search-match-block') .").concat(_styles.StatusSharedCssClassName.STATUS_LOZENGE, " > span"), {
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
21
|
+
boxShadow: _editorSharedStyles.akEditorSelectedBoldBoxShadow
|
|
22
|
+
})) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
23
|
+
(0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t\t&.", " .", " > span {\n\t\t\t\t\t\tbox-shadow: ", ";\n\t\t\t\t\t}\n\t\t\t\t"])), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBoldBoxShadow) : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
24
|
+
(0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t\t&.", ":not('.search-match-block')\n\t\t\t\t\t\t.", "\n\t\t\t\t\t\t> span {\n\t\t\t\t\t\t", "\n\t\t\t\t\t}\n\t\t\t\t"])), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow])) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
25
|
+
(0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t\t&.", " .", " > span {\n\t\t\t\t\t\t", "\n\t\t\t\t\t}\n\t\t\t\t"])), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]))
|
|
21
26
|
);
|
|
22
27
|
};
|
|
23
28
|
var getStatusColors = function getStatusColors() {
|
|
@@ -143,8 +148,10 @@ var baseStatusStyles = (0, _react.css)({
|
|
|
143
148
|
|
|
144
149
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
145
150
|
var statusNodeStyles = exports.statusNodeStyles = function statusNodeStyles() {
|
|
146
|
-
return (0, _react.css)(
|
|
151
|
+
return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t", "\n"])), baseStatusStyles, getStatusColors());
|
|
147
152
|
};
|
|
148
153
|
|
|
149
154
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
150
|
-
var statusStyles = exports.statusStyles =
|
|
155
|
+
var statusStyles = exports.statusStyles = function statusStyles() {
|
|
156
|
+
return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\t.", ",\n\t\t.", ",\n\t\t[data-layout-section] {\n\t\t.", " {\n\t\t\tmax-width: 100%;\n\t\t\tline-height: 0;\n\n\t\t\t> span {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t> span {\n\t\t\tcursor: pointer;\n\t\t\tline-height: 0; /* Prevent responsive layouts increasing height of container. */\n\t\t}\n\n\t\t", "\n\t}\n\n\t.danger {\n\t\t.", " > span {\n\t\t\tbackground-color: ", ";\n\t\t}\n\n\t\t.", ".", "\n\t\t\t.", "\n\t\t\t> span {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t}\n\t}\n"])), _styles.TableSharedCssClassName.TABLE_CELL_WRAPPER, _styles.TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _styles.StatusSharedCssClassName.STATUS_CONTAINER, getVisualRefreshStatusStyles(), _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
|
|
157
|
+
};
|
|
@@ -190,11 +190,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
190
190
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
191
191
|
_expandStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
|
|
192
192
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
193
|
-
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('
|
|
193
|
+
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ?
|
|
194
194
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
195
|
-
_findReplaceStyles.
|
|
195
|
+
_findReplaceStyles.findReplaceStylesNewNoImportant :
|
|
196
196
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
197
|
-
_findReplaceStyles.
|
|
197
|
+
_findReplaceStyles.findReplaceStylesNew :
|
|
198
198
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
199
199
|
_findReplaceStyles.findReplaceStyles,
|
|
200
200
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -208,13 +208,19 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
208
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
209
209
|
_tasksAndDecisionsStyles.decisionIconWithoutVisualRefresh,
|
|
210
210
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
211
|
-
_statusStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ?
|
|
211
|
+
_statusStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ?
|
|
212
212
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
213
|
-
_statusStyles.
|
|
213
|
+
_statusStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
|
|
214
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
215
|
+
_statusStyles.statusStylesMixin_fg_platform_component_visual_refresh : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ?
|
|
216
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
217
|
+
_statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match :
|
|
214
218
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
215
219
|
_statusStyles.statusStylesMixin_without_fg_platform_component_visual_refresh,
|
|
216
220
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
217
|
-
_annotationStyles.annotationStyles,
|
|
221
|
+
_annotationStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ?
|
|
222
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
223
|
+
_smartCardStyles.smartCardStylesWithSearchMatch :
|
|
218
224
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
219
225
|
_smartCardStyles.smartCardStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15') &&
|
|
220
226
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -310,7 +316,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
310
316
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
311
317
|
_firstBlockNodeStyles.firstBlockNodeStyles,
|
|
312
318
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
313
|
-
_mentions.mentionNodeStyles,
|
|
319
|
+
_mentions.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ?
|
|
320
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
321
|
+
_mentions.mentionsSelectionStylesWithSearchMatch :
|
|
314
322
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
315
323
|
_mentions.mentionsSelectionStyles, (0, _platformFeatureFlags.fg)('platform_editor_centre_mention_padding') &&
|
|
316
324
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.findReplaceStylesNewNoImportant = exports.findReplaceStylesNew = exports.findReplaceStyles = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
9
9
|
|
|
@@ -22,7 +22,7 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)({
|
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
25
|
-
var
|
|
25
|
+
var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
|
|
26
26
|
/** Text match styles */
|
|
27
27
|
|
|
28
28
|
/** Light mode */
|
|
@@ -30,31 +30,31 @@ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react
|
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
31
31
|
'.search-match-text': {
|
|
32
32
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
33
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
33
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
35
|
-
backgroundColor: "var(--ds-background-accent-
|
|
35
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
|
|
36
36
|
color: "var(--ds-text, #172B4D)"
|
|
37
37
|
},
|
|
38
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
39
39
|
'.search-match-text.selected-search-match': {
|
|
40
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
40
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
41
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
42
|
-
backgroundColor: "var(--ds-background-accent-
|
|
42
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
|
|
43
43
|
},
|
|
44
44
|
/** Dark mode */
|
|
45
45
|
|
|
46
46
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
47
47
|
'.search-match-text.search-match-dark': {
|
|
48
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
48
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
49
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
50
|
-
backgroundColor: "var(--ds-background-accent-
|
|
50
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
|
|
51
51
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
52
52
|
},
|
|
53
53
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
54
54
|
'.search-match-text.selected-search-match.search-match-dark': {
|
|
55
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
55
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
56
56
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
57
|
-
backgroundColor: "var(--ds-background-accent-
|
|
57
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
|
|
58
58
|
},
|
|
59
59
|
/** Block match styles */
|
|
60
60
|
|
|
@@ -65,22 +65,22 @@ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react
|
|
|
65
65
|
'.search-match-block': {
|
|
66
66
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
67
67
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
68
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
68
|
+
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t\t")
|
|
69
69
|
},
|
|
70
70
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
71
71
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
72
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
72
|
+
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
73
73
|
}
|
|
74
74
|
},
|
|
75
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
76
76
|
'.search-match-block.search-match-block-selected': {
|
|
77
77
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
78
78
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
79
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
79
|
+
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
|
|
80
80
|
},
|
|
81
81
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
82
82
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
83
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
83
|
+
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
86
|
/** With node selection */
|
|
@@ -88,24 +88,24 @@ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react
|
|
|
88
88
|
'.search-match-block.ak-editor-selected-node': {
|
|
89
89
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
90
90
|
'.loader-wrapper>div::after': {
|
|
91
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
91
|
+
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
92
92
|
},
|
|
93
93
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
94
94
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
95
95
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
96
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
96
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
100
100
|
'.search-match-block.search-match-block-selected.ak-editor-selected-node': {
|
|
101
101
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
102
102
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
103
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
103
|
+
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
104
104
|
},
|
|
105
105
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
106
106
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
107
107
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
108
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
108
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
|
|
109
109
|
}
|
|
110
110
|
},
|
|
111
111
|
/** Dark mode */
|
|
@@ -114,22 +114,22 @@ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react
|
|
|
114
114
|
'.search-match-block.search-match-dark': {
|
|
115
115
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
116
116
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
117
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
117
|
+
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t\t")
|
|
118
118
|
},
|
|
119
119
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
120
120
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
121
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
121
|
+
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
122
122
|
}
|
|
123
123
|
},
|
|
124
124
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
125
125
|
'.search-match-block.search-match-block-selected.search-match-dark': {
|
|
126
126
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
127
127
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
128
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
128
|
+
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
|
|
129
129
|
},
|
|
130
130
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
131
131
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
132
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
132
|
+
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
133
133
|
}
|
|
134
134
|
},
|
|
135
135
|
/** With node selection */
|
|
@@ -137,24 +137,24 @@ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react
|
|
|
137
137
|
'.search-match-block.search-match-dark.ak-editor-selected-node': {
|
|
138
138
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
139
139
|
'.loader-wrapper>div::after': {
|
|
140
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
140
|
+
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
141
141
|
},
|
|
142
142
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
143
143
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
144
144
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
145
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
145
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
148
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
149
149
|
'.search-match-block.search-match-block-selected.search-match-dark.ak-editor-selected-node': {
|
|
150
150
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
151
151
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
152
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
152
|
+
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
153
153
|
},
|
|
154
154
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
155
155
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
156
156
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
157
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
157
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
|
|
158
158
|
}
|
|
159
159
|
},
|
|
160
160
|
/** Expand title match styles */
|
|
@@ -164,8 +164,8 @@ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react
|
|
|
164
164
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
165
165
|
'.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
166
166
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
167
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
168
|
-
backgroundColor: "var(--ds-background-accent-
|
|
167
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
168
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
|
|
169
169
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
170
170
|
'.ak-editor-expand__title-input': {
|
|
171
171
|
color: "var(--ds-text, #172B4D)"
|
|
@@ -173,15 +173,15 @@ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react
|
|
|
173
173
|
},
|
|
174
174
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
175
175
|
'.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
176
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
177
|
-
backgroundColor: "var(--ds-background-accent-
|
|
176
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
177
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
|
|
178
178
|
},
|
|
179
179
|
/** Dark mode */
|
|
180
180
|
|
|
181
181
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
182
182
|
'.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
183
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
184
|
-
backgroundColor: "var(--ds-background-accent-
|
|
183
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
184
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)",
|
|
185
185
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
186
186
|
'.ak-editor-expand__title-input': {
|
|
187
187
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
@@ -189,13 +189,13 @@ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react
|
|
|
189
189
|
},
|
|
190
190
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
191
191
|
'.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
|
|
192
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
193
|
-
backgroundColor: "var(--ds-background-accent-
|
|
192
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
193
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
|
|
194
194
|
}
|
|
195
195
|
});
|
|
196
196
|
|
|
197
197
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
198
|
-
var
|
|
198
|
+
var findReplaceStylesNewNoImportant = exports.findReplaceStylesNewNoImportant = (0, _react.css)({
|
|
199
199
|
/** Text match styles */
|
|
200
200
|
|
|
201
201
|
/** Light mode */
|
|
@@ -204,6 +204,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
204
204
|
'.search-match-text': {
|
|
205
205
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
206
206
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
207
|
+
// we need to use !important here as we need to override inline selection styles
|
|
207
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
208
209
|
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
|
|
209
210
|
color: "var(--ds-text, #172B4D)"
|
|
@@ -211,6 +212,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
211
212
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
212
213
|
'.search-match-text.selected-search-match': {
|
|
213
214
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
215
|
+
// we need to use !important here as we need to override inline selection styles
|
|
214
216
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
215
217
|
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
|
|
216
218
|
},
|
|
@@ -219,6 +221,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
219
221
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
220
222
|
'.search-match-text.search-match-dark': {
|
|
221
223
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
224
|
+
// we need to use !important here as we need to override inline selection styles
|
|
222
225
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
223
226
|
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
|
|
224
227
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
@@ -226,6 +229,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
226
229
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
227
230
|
'.search-match-text.selected-search-match.search-match-dark': {
|
|
228
231
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
232
|
+
// we need to use !important here as we need to override inline selection styles
|
|
229
233
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
230
234
|
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
|
|
231
235
|
},
|
|
@@ -265,8 +269,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
265
269
|
},
|
|
266
270
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
267
271
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
268
|
-
|
|
269
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
|
|
272
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
270
273
|
}
|
|
271
274
|
},
|
|
272
275
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -277,8 +280,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
277
280
|
},
|
|
278
281
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
279
282
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
280
|
-
|
|
281
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
|
|
283
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
282
284
|
}
|
|
283
285
|
},
|
|
284
286
|
/** Dark mode */
|
|
@@ -314,8 +316,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
314
316
|
},
|
|
315
317
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
316
318
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
317
|
-
|
|
318
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
|
|
319
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
319
320
|
}
|
|
320
321
|
},
|
|
321
322
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -326,8 +327,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
326
327
|
},
|
|
327
328
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
328
329
|
'.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
|
|
329
|
-
|
|
330
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
|
|
330
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
331
331
|
}
|
|
332
332
|
},
|
|
333
333
|
/** Expand title match styles */
|