@atlaskit/editor-core 223.1.5 → 224.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +33 -0
- package/compass.yml +3 -3
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +1 -26
- package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +33 -0
- package/dist/cjs/utils/extensions.js +3 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +0 -25
- package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +33 -0
- package/dist/es2019/utils/extensions.js +3 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +0 -25
- package/dist/esm/ui/EditorContentContainer/styles/mentions.js +33 -0
- package/dist/esm/utils/extensions.js +3 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/editorUGCTokenStyles.d.ts +0 -14
- package/package.json +17 -20
- package/editor-core.docs.tsx +0 -70
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,38 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 224.0.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`603baa8adc517`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/603baa8adc517) -
|
|
8
|
+
Clean up feature gate `atlas_editor_typography_refreshed`
|
|
9
|
+
- [`bb37742539a7d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb37742539a7d) -
|
|
10
|
+
Rename Quick Insert category analytics from app counts to macro counts, add reusable extension app
|
|
11
|
+
identity, and track internal, ecosystem, and all macro/app counts for externally provided items
|
|
12
|
+
behind `platform_editor_slash_app_category_analytics`. GUID-only app identities are grouped as
|
|
13
|
+
`unknown`.
|
|
14
|
+
|
|
15
|
+
Breaking change: `CategoryInformation` and `QuickInsertInformationAttributes` from
|
|
16
|
+
`@atlaskit/editor-common/analytics/types/quick-insert-events` have changed shape. Update usages to
|
|
17
|
+
the new fields (`internalMacroCount`, `internalAppCount`, `internalAppMacroMax`,
|
|
18
|
+
`ecosystemMacroCount`, `ecosystemAppCount`, `ecosystemAppMacroMax`, `allMacroCount`,
|
|
19
|
+
`allAppCount`, and `allAppMacroMax`) and add the `allCategories` aggregate. Remove references to
|
|
20
|
+
the removed `appCount` and `appMacros` fields. `ExtensionApp.ownership` has been replaced by
|
|
21
|
+
`ExtensionApp.source` (`internal` or `ecosystem`); update app metadata producers accordingly.
|
|
22
|
+
|
|
23
|
+
- Updated dependencies
|
|
24
|
+
|
|
25
|
+
## 223.2.0
|
|
26
|
+
|
|
27
|
+
### Minor Changes
|
|
28
|
+
|
|
29
|
+
- [`13e86ff9f1588`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/13e86ff9f1588) -
|
|
30
|
+
[ux] Display avatars for mention nodes.
|
|
31
|
+
|
|
32
|
+
### Patch Changes
|
|
33
|
+
|
|
34
|
+
- Updated dependencies
|
|
35
|
+
|
|
3
36
|
## 223.1.5
|
|
4
37
|
|
|
5
38
|
### Patch Changes
|
package/compass.yml
CHANGED
|
@@ -3,7 +3,7 @@ id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-35
|
|
|
3
3
|
description: A package contains Atlassian editor core functionality
|
|
4
4
|
configVersion: 1
|
|
5
5
|
typeId: UI_ELEMENT
|
|
6
|
-
ownerId: ari:cloud:
|
|
6
|
+
ownerId: ari:cloud:identity::team/cf6a670b-5252-4c68-a769-9207de366beb # Editor Developers
|
|
7
7
|
fields:
|
|
8
8
|
tier: 2
|
|
9
9
|
lifecycle: Active
|
|
@@ -38,7 +38,7 @@ links:
|
|
|
38
38
|
url: https://atlassian.slack.com/app_redirect?channel=help-editor
|
|
39
39
|
- name: Slack Channel
|
|
40
40
|
type: CHAT_CHANNEL
|
|
41
|
-
url: https://atlassian.enterprise.slack.com/archives/
|
|
41
|
+
url: https://atlassian.enterprise.slack.com/archives/CFG3PSQ9E # #help-editor
|
|
42
42
|
- name: Editor Core
|
|
43
43
|
type: REPOSITORY
|
|
44
44
|
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/editor/editor-core
|
|
@@ -53,7 +53,7 @@ labels:
|
|
|
53
53
|
customFields:
|
|
54
54
|
- name: Department
|
|
55
55
|
type: text
|
|
56
|
-
value:
|
|
56
|
+
value: Editor Developers
|
|
57
57
|
- name: Trusted Reviewer Teams
|
|
58
58
|
type: text
|
|
59
59
|
value: ari:cloud:identity::team/cf6a670b-5252-4c68-a769-9207de366beb
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
.cc-pxnj3p .mediaGroupView-content-wrap ul{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
111
111
|
.cc-1al43g7 .ProseMirror li .rich-media-item{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.cc-1al43g7 .ProseMirror.ua-chrome li>.mediaSingleView-content-wrap:before{content:"";display:block;height:0}.cc-1al43g7 .ProseMirror.ua-firefox .mediaSingleView-content-wrap{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1al43g7 .ProseMirror.ua-firefox .captionView-content-wrap{-webkit-user-select:text;-ms-user-select:text;user-select:text}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout^=wrap-]{position:relative;z-index:2;max-width:100%;clear:inherit}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=center]{clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item{margin-top:var(--ds-space-150,9pt);margin-bottom:var(--ds-space-150,9pt);clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout], .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]{clear:none}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout]:first-child, .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]:first-child{margin-top:var(--ds-space-150,9pt)}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left{clear:both}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-right, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-right{margin-right:0;margin-left:0}@media (max-width:410px){.cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-right], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-right]{float:none;overflow-x:auto;overflow-y:auto;margin:var(--ds-space-150,9pt) 0}}.cc-1al43g7 .ProseMirror [layout=full-width] .rich-media-item, .cc-1al43g7 .ProseMirror [layout=wide] .rich-media-item{margin-left:50%;transform:translateX(-50%)}.cc-1al43g7 .ProseMirror .media-extended-resize-experience[layout^=wrap-]{overflow-x:visible!important;overflow-y:visible!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]{clear:none}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align], .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h1, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h2, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h3, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h4, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h5, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h6, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+p, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ul{clear:both!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-] .rich-media-item{margin-left:0;margin-right:0}.cc-1al43g7 .ProseMirror .media-inline-image-wrapper{height:22px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h1>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:36px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h2>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:31px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h3>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:25px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h4>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:23px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h5>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:20px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h6>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:18px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-left]{float:left}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]{float:right}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]+.mediaSingleView-content-wrap[layout=wrap-left]{clear:both}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-right{margin-right:-9pt}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-left{margin-left:-9pt}.cc-1al43g7 .pm-alt-text-alt-text-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.cc-1al43g7 .richMedia-resize-handle-left, .cc-1al43g7 .richMedia-resize-handle-right{display:flex;flex-direction:column;justify-content:center}.cc-1al43g7 .richMedia-resize-handle-right{align-items:flex-end;padding-right:var(--ds-space-150,9pt);margin-right:-4px}.cc-1al43g7 .richMedia-resize-handle-left{align-items:flex-start;padding-left:var(--ds-space-150,9pt);margin-left:-4px}.cc-1al43g7 .richMedia-resize-handle-left:after, .cc-1al43g7 .richMedia-resize-handle-right:after{content:" ";display:flex;width:3px;height:4pc;border-radius:var(--ds-radius-medium,6px)}.cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-right:after{background:var(--ds-border,#0b120e24)}.cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-left:after, .cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-right:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-left:hover:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-right:hover:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-right:after{background:var(--ds-border-focused,#4688ec)}.cc-1al43g7 .__resizable_base__{left:unset!important;width:auto!important;height:auto!important}.cc-1al43g7 .danger>div>div>.media-card-frame, .cc-1al43g7 .danger>span>a{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d);transition:background-color 0s,box-shadow 0s}.cc-1al43g7 .danger .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1al43g7 .danger .richMedia-resize-handle-left:after, .cc-1al43g7 .danger .richMedia-resize-handle-right:after{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .resizer-handle-thumb{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .inlineCardView-content-wrap>span>a, .cc-1al43g7 .danger div div .media-card-frame{background-color:var(--ds-blanket-danger,#ef5c4814);transition:background-color 0s}.cc-1al43g7 .danger div div .media-card-frame:after{box-shadow:none}.cc-1al43g7 .warning .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-warning,#e06c00)!important}.cc-1al43g7 .warning .resizer-handle-thumb{background:var(--ds-icon-warning,#e06c00)!important}.cc-1al43g7 .media-filmstrip-list-item{cursor:pointer}.cc-1al43g7 .mediaGroupView-content-wrap.ak-editor-selected-node #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}.cc-1al43g7 .ak-editor-no-interaction #newFileExperienceWrapper{box-shadow:none}
|
|
112
112
|
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}
|
|
113
|
-
.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}
|
|
113
|
+
.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:var(--ds-space-200,1pc);height:var(--ds-space-200,1pc);align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:var(--ds-space-050,4px);overflow-x:hidden;overflow-y:hidden;border-radius:var(--ds-radius-full,9999px);vertical-align:-.125em}.cc-f3tkhc .editor-mention-avatar-fallback{vertical-align:baseline}.cc-f3tkhc .editor-mention-avatar-agent{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.cc-f3tkhc .editor-mention-avatar-image{display:block;width:100%;height:100%;object-fit:cover}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}
|
|
114
114
|
.cc-18wl5mr .danger .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::-moz-selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{color:var(--ds-text-subtle,#505258)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:hover{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}
|
|
115
115
|
.cc-1rxkxid .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;background-color:var(--ds-background-selected,#e9f2fe);color:var(--ds-text-subtle,#505258)}.cc-1rxkxid .danger .mentionView-content-wrap.ak-editor-selected-node>span>span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-1rxkxid .danger .mentionView-content-wrap>span>span>span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text-subtle,#505258)}
|
|
116
116
|
.cc-q1df3a .ProseMirror .ak-editor-panel .ak-editor-panel__content .ak-editor-panel{border:1px solid var(--ds-border,#0b120e24)}
|
|
@@ -3,38 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.editorUGCTokensRefreshed = exports.
|
|
6
|
+
exports.editorUGCTokensRefreshed = exports.editorUGCSmallText = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
9
9
|
@repo/internal/deprecations/deprecation-ticket-required,
|
|
10
10
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
|
-
* Use when the following is not enabled:
|
|
14
|
-
* - fg('atlas_editor_typography_refreshed')
|
|
15
|
-
*/
|
|
16
|
-
/**
|
|
17
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
18
|
-
* If you need to make changes here, also update the corresponding style in
|
|
19
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
20
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
21
|
-
*/
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
23
|
-
var editorUGCTokensModernized = exports.editorUGCTokensModernized = (0, _react.css)({
|
|
24
|
-
'--editor-font-ugc-token-heading-h1': 'normal 600 1.71429em/1.16667 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
25
|
-
'--editor-font-ugc-token-heading-h2': 'normal 600 1.42857em/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
26
|
-
'--editor-font-ugc-token-heading-h3': 'normal 600 1.14286em/1.25 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
27
|
-
'--editor-font-ugc-token-heading-h4': 'normal 600 1em/1.14286 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
28
|
-
'--editor-font-ugc-token-heading-h5': 'normal 600 0.857143em/1.33333 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
29
|
-
'--editor-font-ugc-token-heading-h6': 'normal 600 0.785714em/1.45455 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
30
|
-
'--editor-font-ugc-token-body': 'normal 400 1em/1.714 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
31
|
-
'--editor-font-ugc-token-weight-heading-bold': '700'
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
* Use when the following is enabled:
|
|
36
|
-
* - fg('atlas_editor_typography_refreshed')
|
|
37
|
-
*/
|
|
38
13
|
/**
|
|
39
14
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
40
15
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -84,6 +84,39 @@ var mentionNodeStyles = exports.mentionNodeStyles = (0, _react.css)({
|
|
|
84
84
|
background: "var(--ds-background-neutral-pressed, #080F214A)"
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
88
|
+
'.editor-mention-primitive-with-avatar': {
|
|
89
|
+
padding: '1px 0.3em 1px 0.23em'
|
|
90
|
+
},
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
92
|
+
'.editor-mention-avatar': {
|
|
93
|
+
display: 'inline-flex',
|
|
94
|
+
width: "var(--ds-space-200, 16px)",
|
|
95
|
+
height: "var(--ds-space-200, 16px)",
|
|
96
|
+
alignItems: 'center',
|
|
97
|
+
justifyContent: 'center',
|
|
98
|
+
flexShrink: 0,
|
|
99
|
+
marginInlineEnd: "var(--ds-space-050, 4px)",
|
|
100
|
+
overflow: 'hidden',
|
|
101
|
+
borderRadius: "var(--ds-radius-full, 9999px)",
|
|
102
|
+
verticalAlign: '-0.125em'
|
|
103
|
+
},
|
|
104
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
105
|
+
'.editor-mention-avatar-fallback': {
|
|
106
|
+
verticalAlign: 'baseline'
|
|
107
|
+
},
|
|
108
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
109
|
+
'.editor-mention-avatar-agent': {
|
|
110
|
+
borderRadius: 0,
|
|
111
|
+
clipPath: 'polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%)'
|
|
112
|
+
},
|
|
113
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
114
|
+
'.editor-mention-avatar-image': {
|
|
115
|
+
display: 'block',
|
|
116
|
+
width: '100%',
|
|
117
|
+
height: '100%',
|
|
118
|
+
objectFit: 'cover'
|
|
119
|
+
},
|
|
87
120
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
88
121
|
'.editor-mention-primitive.mention-restricted': {
|
|
89
122
|
background: 'transparent',
|
|
@@ -127,7 +127,9 @@ function _extensionProviderToQuickInsertProvider() {
|
|
|
127
127
|
return null;
|
|
128
128
|
}
|
|
129
129
|
});
|
|
130
|
-
return _objectSpread(_objectSpread({
|
|
130
|
+
return _objectSpread(_objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_app_category_analytics') && item.app ? {
|
|
131
|
+
app: item.app
|
|
132
|
+
} : {}), {}, {
|
|
131
133
|
// Add module key so typeahead/quick-insert can identify items
|
|
132
134
|
// **locale-agnostically**! nb: we _already_ send key in analytics
|
|
133
135
|
// events, this standardises and makes our items more predictable.
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.name = void 0;
|
|
7
7
|
var name = exports.name = "@atlaskit/editor-core";
|
|
8
8
|
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
9
|
-
var version = exports.version = "223.
|
|
9
|
+
var version = exports.version = "223.2.0";
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
.cc-pxnj3p .mediaGroupView-content-wrap ul{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
111
111
|
.cc-1al43g7 .ProseMirror li .rich-media-item{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.cc-1al43g7 .ProseMirror.ua-chrome li>.mediaSingleView-content-wrap:before{content:"";display:block;height:0}.cc-1al43g7 .ProseMirror.ua-firefox .mediaSingleView-content-wrap{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1al43g7 .ProseMirror.ua-firefox .captionView-content-wrap{-webkit-user-select:text;-ms-user-select:text;user-select:text}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout^=wrap-]{position:relative;z-index:2;max-width:100%;clear:inherit}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=center]{clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item{margin-top:var(--ds-space-150,9pt);margin-bottom:var(--ds-space-150,9pt);clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout], .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]{clear:none}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout]:first-child, .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]:first-child{margin-top:var(--ds-space-150,9pt)}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left{clear:both}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-right, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-right{margin-right:0;margin-left:0}@media (max-width:410px){.cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-right], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-right]{float:none;overflow-x:auto;overflow-y:auto;margin:var(--ds-space-150,9pt) 0}}.cc-1al43g7 .ProseMirror [layout=full-width] .rich-media-item, .cc-1al43g7 .ProseMirror [layout=wide] .rich-media-item{margin-left:50%;transform:translateX(-50%)}.cc-1al43g7 .ProseMirror .media-extended-resize-experience[layout^=wrap-]{overflow-x:visible!important;overflow-y:visible!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]{clear:none}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align], .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h1, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h2, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h3, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h4, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h5, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h6, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+p, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ul{clear:both!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-] .rich-media-item{margin-left:0;margin-right:0}.cc-1al43g7 .ProseMirror .media-inline-image-wrapper{height:22px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h1>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:36px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h2>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:31px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h3>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:25px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h4>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:23px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h5>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:20px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h6>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:18px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-left]{float:left}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]{float:right}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]+.mediaSingleView-content-wrap[layout=wrap-left]{clear:both}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-right{margin-right:-9pt}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-left{margin-left:-9pt}.cc-1al43g7 .pm-alt-text-alt-text-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.cc-1al43g7 .richMedia-resize-handle-left, .cc-1al43g7 .richMedia-resize-handle-right{display:flex;flex-direction:column;justify-content:center}.cc-1al43g7 .richMedia-resize-handle-right{align-items:flex-end;padding-right:var(--ds-space-150,9pt);margin-right:-4px}.cc-1al43g7 .richMedia-resize-handle-left{align-items:flex-start;padding-left:var(--ds-space-150,9pt);margin-left:-4px}.cc-1al43g7 .richMedia-resize-handle-left:after, .cc-1al43g7 .richMedia-resize-handle-right:after{content:" ";display:flex;width:3px;height:4pc;border-radius:var(--ds-radius-medium,6px)}.cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-right:after{background:var(--ds-border,#0b120e24)}.cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-left:after, .cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-right:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-left:hover:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-right:hover:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-right:after{background:var(--ds-border-focused,#4688ec)}.cc-1al43g7 .__resizable_base__{left:unset!important;width:auto!important;height:auto!important}.cc-1al43g7 .danger>div>div>.media-card-frame, .cc-1al43g7 .danger>span>a{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d);transition:background-color 0s,box-shadow 0s}.cc-1al43g7 .danger .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1al43g7 .danger .richMedia-resize-handle-left:after, .cc-1al43g7 .danger .richMedia-resize-handle-right:after{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .resizer-handle-thumb{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .inlineCardView-content-wrap>span>a, .cc-1al43g7 .danger div div .media-card-frame{background-color:var(--ds-blanket-danger,#ef5c4814);transition:background-color 0s}.cc-1al43g7 .danger div div .media-card-frame:after{box-shadow:none}.cc-1al43g7 .warning .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-warning,#e06c00)!important}.cc-1al43g7 .warning .resizer-handle-thumb{background:var(--ds-icon-warning,#e06c00)!important}.cc-1al43g7 .media-filmstrip-list-item{cursor:pointer}.cc-1al43g7 .mediaGroupView-content-wrap.ak-editor-selected-node #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}.cc-1al43g7 .ak-editor-no-interaction #newFileExperienceWrapper{box-shadow:none}
|
|
112
112
|
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}
|
|
113
|
-
.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}
|
|
113
|
+
.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:var(--ds-space-200,1pc);height:var(--ds-space-200,1pc);align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:var(--ds-space-050,4px);overflow-x:hidden;overflow-y:hidden;border-radius:var(--ds-radius-full,9999px);vertical-align:-.125em}.cc-f3tkhc .editor-mention-avatar-fallback{vertical-align:baseline}.cc-f3tkhc .editor-mention-avatar-agent{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.cc-f3tkhc .editor-mention-avatar-image{display:block;width:100%;height:100%;object-fit:cover}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}
|
|
114
114
|
.cc-18wl5mr .danger .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::-moz-selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{color:var(--ds-text-subtle,#505258)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:hover{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}
|
|
115
115
|
.cc-1rxkxid .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;background-color:var(--ds-background-selected,#e9f2fe);color:var(--ds-text-subtle,#505258)}.cc-1rxkxid .danger .mentionView-content-wrap.ak-editor-selected-node>span>span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-1rxkxid .danger .mentionView-content-wrap>span>span>span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text-subtle,#505258)}
|
|
116
116
|
.cc-q1df3a .ProseMirror .ak-editor-panel .ak-editor-panel__content .ak-editor-panel{border:1px solid var(--ds-border,#0b120e24)}
|
|
@@ -3,31 +3,6 @@
|
|
|
3
3
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
/**
|
|
6
|
-
* Use when the following is not enabled:
|
|
7
|
-
* - fg('atlas_editor_typography_refreshed')
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
11
|
-
* If you need to make changes here, also update the corresponding style in
|
|
12
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
13
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
14
|
-
*/
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
16
|
-
export const editorUGCTokensModernized = css({
|
|
17
|
-
'--editor-font-ugc-token-heading-h1': 'normal 600 1.71429em/1.16667 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
18
|
-
'--editor-font-ugc-token-heading-h2': 'normal 600 1.42857em/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
19
|
-
'--editor-font-ugc-token-heading-h3': 'normal 600 1.14286em/1.25 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
20
|
-
'--editor-font-ugc-token-heading-h4': 'normal 600 1em/1.14286 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
21
|
-
'--editor-font-ugc-token-heading-h5': 'normal 600 0.857143em/1.33333 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
22
|
-
'--editor-font-ugc-token-heading-h6': 'normal 600 0.785714em/1.45455 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
23
|
-
'--editor-font-ugc-token-body': 'normal 400 1em/1.714 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
24
|
-
'--editor-font-ugc-token-weight-heading-bold': '700'
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Use when the following is enabled:
|
|
29
|
-
* - fg('atlas_editor_typography_refreshed')
|
|
30
|
-
*/
|
|
31
6
|
/**
|
|
32
7
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
33
8
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -90,6 +90,39 @@ export const mentionNodeStyles = css({
|
|
|
90
90
|
background: "var(--ds-background-neutral-pressed, #080F214A)"
|
|
91
91
|
}
|
|
92
92
|
},
|
|
93
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
94
|
+
'.editor-mention-primitive-with-avatar': {
|
|
95
|
+
padding: '1px 0.3em 1px 0.23em'
|
|
96
|
+
},
|
|
97
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
98
|
+
'.editor-mention-avatar': {
|
|
99
|
+
display: 'inline-flex',
|
|
100
|
+
width: "var(--ds-space-200, 16px)",
|
|
101
|
+
height: "var(--ds-space-200, 16px)",
|
|
102
|
+
alignItems: 'center',
|
|
103
|
+
justifyContent: 'center',
|
|
104
|
+
flexShrink: 0,
|
|
105
|
+
marginInlineEnd: "var(--ds-space-050, 4px)",
|
|
106
|
+
overflow: 'hidden',
|
|
107
|
+
borderRadius: "var(--ds-radius-full, 9999px)",
|
|
108
|
+
verticalAlign: '-0.125em'
|
|
109
|
+
},
|
|
110
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
111
|
+
'.editor-mention-avatar-fallback': {
|
|
112
|
+
verticalAlign: 'baseline'
|
|
113
|
+
},
|
|
114
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
115
|
+
'.editor-mention-avatar-agent': {
|
|
116
|
+
borderRadius: 0,
|
|
117
|
+
clipPath: 'polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%)'
|
|
118
|
+
},
|
|
119
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
120
|
+
'.editor-mention-avatar-image': {
|
|
121
|
+
display: 'block',
|
|
122
|
+
width: '100%',
|
|
123
|
+
height: '100%',
|
|
124
|
+
objectFit: 'cover'
|
|
125
|
+
},
|
|
93
126
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
94
127
|
'.editor-mention-primitive.mention-restricted': {
|
|
95
128
|
background: 'transparent',
|
|
@@ -89,6 +89,9 @@ export async function extensionProviderToQuickInsertProvider(extensionProvider,
|
|
|
89
89
|
loading: () => null
|
|
90
90
|
});
|
|
91
91
|
return {
|
|
92
|
+
...(isExperimentEnabled('platform_editor_slash_app_category_analytics') && item.app ? {
|
|
93
|
+
app: item.app
|
|
94
|
+
} : {}),
|
|
92
95
|
// Add module key so typeahead/quick-insert can identify items
|
|
93
96
|
// **locale-agnostically**! nb: we _already_ send key in analytics
|
|
94
97
|
// events, this standardises and makes our items more predictable.
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
.cc-pxnj3p .mediaGroupView-content-wrap ul{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
111
111
|
.cc-1al43g7 .ProseMirror li .rich-media-item{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.cc-1al43g7 .ProseMirror.ua-chrome li>.mediaSingleView-content-wrap:before{content:"";display:block;height:0}.cc-1al43g7 .ProseMirror.ua-firefox .mediaSingleView-content-wrap{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1al43g7 .ProseMirror.ua-firefox .captionView-content-wrap{-webkit-user-select:text;-ms-user-select:text;user-select:text}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout^=wrap-]{position:relative;z-index:2;max-width:100%;clear:inherit}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=center]{clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item{margin-top:var(--ds-space-150,9pt);margin-bottom:var(--ds-space-150,9pt);clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout], .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]{clear:none}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout]:first-child, .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]:first-child{margin-top:var(--ds-space-150,9pt)}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left{clear:both}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-right, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-right{margin-right:0;margin-left:0}@media (max-width:410px){.cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-right], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-right]{float:none;overflow-x:auto;overflow-y:auto;margin:var(--ds-space-150,9pt) 0}}.cc-1al43g7 .ProseMirror [layout=full-width] .rich-media-item, .cc-1al43g7 .ProseMirror [layout=wide] .rich-media-item{margin-left:50%;transform:translateX(-50%)}.cc-1al43g7 .ProseMirror .media-extended-resize-experience[layout^=wrap-]{overflow-x:visible!important;overflow-y:visible!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]{clear:none}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align], .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h1, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h2, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h3, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h4, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h5, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h6, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+p, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ul{clear:both!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-] .rich-media-item{margin-left:0;margin-right:0}.cc-1al43g7 .ProseMirror .media-inline-image-wrapper{height:22px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h1>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:36px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h2>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:31px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h3>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:25px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h4>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:23px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h5>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:20px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h6>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:18px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-left]{float:left}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]{float:right}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]+.mediaSingleView-content-wrap[layout=wrap-left]{clear:both}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-right{margin-right:-9pt}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-left{margin-left:-9pt}.cc-1al43g7 .pm-alt-text-alt-text-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.cc-1al43g7 .richMedia-resize-handle-left, .cc-1al43g7 .richMedia-resize-handle-right{display:flex;flex-direction:column;justify-content:center}.cc-1al43g7 .richMedia-resize-handle-right{align-items:flex-end;padding-right:var(--ds-space-150,9pt);margin-right:-4px}.cc-1al43g7 .richMedia-resize-handle-left{align-items:flex-start;padding-left:var(--ds-space-150,9pt);margin-left:-4px}.cc-1al43g7 .richMedia-resize-handle-left:after, .cc-1al43g7 .richMedia-resize-handle-right:after{content:" ";display:flex;width:3px;height:4pc;border-radius:var(--ds-radius-medium,6px)}.cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-right:after{background:var(--ds-border,#0b120e24)}.cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-left:after, .cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-right:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-left:hover:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-right:hover:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-right:after{background:var(--ds-border-focused,#4688ec)}.cc-1al43g7 .__resizable_base__{left:unset!important;width:auto!important;height:auto!important}.cc-1al43g7 .danger>div>div>.media-card-frame, .cc-1al43g7 .danger>span>a{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d);transition:background-color 0s,box-shadow 0s}.cc-1al43g7 .danger .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1al43g7 .danger .richMedia-resize-handle-left:after, .cc-1al43g7 .danger .richMedia-resize-handle-right:after{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .resizer-handle-thumb{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .inlineCardView-content-wrap>span>a, .cc-1al43g7 .danger div div .media-card-frame{background-color:var(--ds-blanket-danger,#ef5c4814);transition:background-color 0s}.cc-1al43g7 .danger div div .media-card-frame:after{box-shadow:none}.cc-1al43g7 .warning .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-warning,#e06c00)!important}.cc-1al43g7 .warning .resizer-handle-thumb{background:var(--ds-icon-warning,#e06c00)!important}.cc-1al43g7 .media-filmstrip-list-item{cursor:pointer}.cc-1al43g7 .mediaGroupView-content-wrap.ak-editor-selected-node #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}.cc-1al43g7 .ak-editor-no-interaction #newFileExperienceWrapper{box-shadow:none}
|
|
112
112
|
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}
|
|
113
|
-
.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}
|
|
113
|
+
.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:var(--ds-space-200,1pc);height:var(--ds-space-200,1pc);align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:var(--ds-space-050,4px);overflow-x:hidden;overflow-y:hidden;border-radius:var(--ds-radius-full,9999px);vertical-align:-.125em}.cc-f3tkhc .editor-mention-avatar-fallback{vertical-align:baseline}.cc-f3tkhc .editor-mention-avatar-agent{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.cc-f3tkhc .editor-mention-avatar-image{display:block;width:100%;height:100%;object-fit:cover}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}
|
|
114
114
|
.cc-18wl5mr .danger .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::-moz-selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{color:var(--ds-text-subtle,#505258)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:hover{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}
|
|
115
115
|
.cc-1rxkxid .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;background-color:var(--ds-background-selected,#e9f2fe);color:var(--ds-text-subtle,#505258)}.cc-1rxkxid .danger .mentionView-content-wrap.ak-editor-selected-node>span>span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-1rxkxid .danger .mentionView-content-wrap>span>span>span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text-subtle,#505258)}
|
|
116
116
|
.cc-q1df3a .ProseMirror .ak-editor-panel .ak-editor-panel__content .ak-editor-panel{border:1px solid var(--ds-border,#0b120e24)}
|
|
@@ -3,31 +3,6 @@
|
|
|
3
3
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
/**
|
|
6
|
-
* Use when the following is not enabled:
|
|
7
|
-
* - fg('atlas_editor_typography_refreshed')
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
11
|
-
* If you need to make changes here, also update the corresponding style in
|
|
12
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
13
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
14
|
-
*/
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
16
|
-
export var editorUGCTokensModernized = css({
|
|
17
|
-
'--editor-font-ugc-token-heading-h1': 'normal 600 1.71429em/1.16667 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
18
|
-
'--editor-font-ugc-token-heading-h2': 'normal 600 1.42857em/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
19
|
-
'--editor-font-ugc-token-heading-h3': 'normal 600 1.14286em/1.25 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
20
|
-
'--editor-font-ugc-token-heading-h4': 'normal 600 1em/1.14286 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
21
|
-
'--editor-font-ugc-token-heading-h5': 'normal 600 0.857143em/1.33333 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
22
|
-
'--editor-font-ugc-token-heading-h6': 'normal 600 0.785714em/1.45455 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
23
|
-
'--editor-font-ugc-token-body': 'normal 400 1em/1.714 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
24
|
-
'--editor-font-ugc-token-weight-heading-bold': '700'
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Use when the following is enabled:
|
|
29
|
-
* - fg('atlas_editor_typography_refreshed')
|
|
30
|
-
*/
|
|
31
6
|
/**
|
|
32
7
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
33
8
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -77,6 +77,39 @@ export var mentionNodeStyles = css({
|
|
|
77
77
|
background: "var(--ds-background-neutral-pressed, #080F214A)"
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
81
|
+
'.editor-mention-primitive-with-avatar': {
|
|
82
|
+
padding: '1px 0.3em 1px 0.23em'
|
|
83
|
+
},
|
|
84
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
85
|
+
'.editor-mention-avatar': {
|
|
86
|
+
display: 'inline-flex',
|
|
87
|
+
width: "var(--ds-space-200, 16px)",
|
|
88
|
+
height: "var(--ds-space-200, 16px)",
|
|
89
|
+
alignItems: 'center',
|
|
90
|
+
justifyContent: 'center',
|
|
91
|
+
flexShrink: 0,
|
|
92
|
+
marginInlineEnd: "var(--ds-space-050, 4px)",
|
|
93
|
+
overflow: 'hidden',
|
|
94
|
+
borderRadius: "var(--ds-radius-full, 9999px)",
|
|
95
|
+
verticalAlign: '-0.125em'
|
|
96
|
+
},
|
|
97
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
98
|
+
'.editor-mention-avatar-fallback': {
|
|
99
|
+
verticalAlign: 'baseline'
|
|
100
|
+
},
|
|
101
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
102
|
+
'.editor-mention-avatar-agent': {
|
|
103
|
+
borderRadius: 0,
|
|
104
|
+
clipPath: 'polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%)'
|
|
105
|
+
},
|
|
106
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
107
|
+
'.editor-mention-avatar-image': {
|
|
108
|
+
display: 'block',
|
|
109
|
+
width: '100%',
|
|
110
|
+
height: '100%',
|
|
111
|
+
objectFit: 'cover'
|
|
112
|
+
},
|
|
80
113
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
81
114
|
'.editor-mention-primitive.mention-restricted': {
|
|
82
115
|
background: 'transparent',
|
|
@@ -121,7 +121,9 @@ function _extensionProviderToQuickInsertProvider() {
|
|
|
121
121
|
return null;
|
|
122
122
|
}
|
|
123
123
|
});
|
|
124
|
-
return _objectSpread(_objectSpread({
|
|
124
|
+
return _objectSpread(_objectSpread(_objectSpread({}, isExperimentEnabled('platform_editor_slash_app_category_analytics') && item.app ? {
|
|
125
|
+
app: item.app
|
|
126
|
+
} : {}), {}, {
|
|
125
127
|
// Add module key so typeahead/quick-insert can identify items
|
|
126
128
|
// **locale-agnostically**! nb: we _already_ send key in analytics
|
|
127
129
|
// events, this standardises and makes our items more predictable.
|
|
@@ -1,19 +1,5 @@
|
|
|
1
1
|
import type { SerializedStyles } from '@emotion/react';
|
|
2
2
|
/**
|
|
3
|
-
* Use when the following is not enabled:
|
|
4
|
-
* - fg('atlas_editor_typography_refreshed')
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
8
|
-
* If you need to make changes here, also update the corresponding style in
|
|
9
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
10
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
11
|
-
*/
|
|
12
|
-
export declare const editorUGCTokensModernized: SerializedStyles;
|
|
13
|
-
/**
|
|
14
|
-
* Use when the following is enabled:
|
|
15
|
-
* - fg('atlas_editor_typography_refreshed')
|
|
16
|
-
*/
|
|
17
3
|
/**
|
|
18
4
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
19
5
|
* If you need to make changes here, also update the corresponding style in
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "224.0.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -47,29 +47,29 @@
|
|
|
47
47
|
"@atlaskit/css": "^1.0.0",
|
|
48
48
|
"@atlaskit/editor-json-transformer": "^9.2.0",
|
|
49
49
|
"@atlaskit/editor-performance-metrics": "^3.2.0",
|
|
50
|
-
"@atlaskit/editor-plugin-connectivity": "^
|
|
51
|
-
"@atlaskit/editor-plugin-quick-insert": "^
|
|
52
|
-
"@atlaskit/editor-plugin-user-preferences": "^
|
|
50
|
+
"@atlaskit/editor-plugin-connectivity": "^15.0.0",
|
|
51
|
+
"@atlaskit/editor-plugin-quick-insert": "^15.0.0",
|
|
52
|
+
"@atlaskit/editor-plugin-user-preferences": "^13.0.0",
|
|
53
53
|
"@atlaskit/editor-plugins": "^15.0.0",
|
|
54
54
|
"@atlaskit/editor-prosemirror": "^8.0.0",
|
|
55
55
|
"@atlaskit/editor-shared-styles": "^4.0.0",
|
|
56
|
-
"@atlaskit/editor-ssr-renderer": "^
|
|
56
|
+
"@atlaskit/editor-ssr-renderer": "^10.0.0",
|
|
57
57
|
"@atlaskit/editor-toolbar": "^2.4.0",
|
|
58
58
|
"@atlaskit/editor-toolbar-model": "^1.2.0",
|
|
59
59
|
"@atlaskit/emoji": "^71.16.0",
|
|
60
60
|
"@atlaskit/feature-gate-js-client": "^6.0.0",
|
|
61
61
|
"@atlaskit/icon": "^37.3.0",
|
|
62
|
-
"@atlaskit/insm": "^
|
|
62
|
+
"@atlaskit/insm": "^2.0.0",
|
|
63
63
|
"@atlaskit/link": "^5.0.0",
|
|
64
64
|
"@atlaskit/media-card": "^81.6.0",
|
|
65
|
-
"@atlaskit/mention": "^27.
|
|
65
|
+
"@atlaskit/mention": "^27.16.0",
|
|
66
66
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
67
67
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
68
68
|
"@atlaskit/platform-feature-flags-react": "^1.1.0",
|
|
69
69
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
70
70
|
"@atlaskit/react-ufo": "^7.5.0",
|
|
71
71
|
"@atlaskit/task-decision": "^21.8.0",
|
|
72
|
-
"@atlaskit/tmp-editor-statsig": "^147.
|
|
72
|
+
"@atlaskit/tmp-editor-statsig": "^147.1.0",
|
|
73
73
|
"@atlaskit/tokens": "^16.7.0",
|
|
74
74
|
"@atlaskit/tooltip": "^24.0.0",
|
|
75
75
|
"@atlaskit/width-detector": "^7.0.0",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"uuid": "^3.1.0"
|
|
88
88
|
},
|
|
89
89
|
"peerDependencies": {
|
|
90
|
-
"@atlaskit/editor-common": "^
|
|
90
|
+
"@atlaskit/editor-common": "^119.0.0",
|
|
91
91
|
"@atlaskit/link-provider": "^5.3.0",
|
|
92
92
|
"@atlaskit/media-core": "^38.0.0",
|
|
93
93
|
"react": "^18.2.0",
|
|
@@ -101,11 +101,11 @@
|
|
|
101
101
|
"@atlaskit/adf-utils": "^20.5.0",
|
|
102
102
|
"@atlaskit/analytics-listeners": "^11.1.0",
|
|
103
103
|
"@atlaskit/code": "^19.0.0",
|
|
104
|
-
"@atlaskit/collab-provider": "^
|
|
105
|
-
"@atlaskit/editor-plugin-annotation": "^
|
|
106
|
-
"@atlaskit/editor-plugin-card": "^
|
|
107
|
-
"@atlaskit/editor-plugin-list": "^
|
|
108
|
-
"@atlaskit/editor-plugin-paste": "^
|
|
104
|
+
"@atlaskit/collab-provider": "^24.0.0",
|
|
105
|
+
"@atlaskit/editor-plugin-annotation": "^15.0.0",
|
|
106
|
+
"@atlaskit/editor-plugin-card": "^21.0.0",
|
|
107
|
+
"@atlaskit/editor-plugin-list": "^17.0.0",
|
|
108
|
+
"@atlaskit/editor-plugin-paste": "^16.0.0",
|
|
109
109
|
"@atlaskit/editor-test-helpers": "workspace:^",
|
|
110
110
|
"@atlaskit/link-provider": "^5.3.0",
|
|
111
111
|
"@atlaskit/linking-common": "^11.1.0",
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
"@atlaskit/modal-dialog": "^16.3.0",
|
|
117
117
|
"@atlaskit/popper": "^9.1.0",
|
|
118
118
|
"@atlaskit/portal": "^6.2.0",
|
|
119
|
-
"@atlaskit/renderer": "^
|
|
119
|
+
"@atlaskit/renderer": "^136.0.0",
|
|
120
120
|
"@atlaskit/section-message": "^10.0.0",
|
|
121
121
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
122
122
|
"@atlaskit/toggle": "^17.1.0",
|
|
@@ -124,11 +124,11 @@
|
|
|
124
124
|
"@atlassian/a11y-jest-testing": "^0.15.0",
|
|
125
125
|
"@atlassian/a11y-playwright-testing": "^0.10.0",
|
|
126
126
|
"@atlassian/adf-schema-json": "^1.34.0",
|
|
127
|
-
"@atlassian/editor-rovo-bridge": "^
|
|
127
|
+
"@atlassian/editor-rovo-bridge": "^13.0.0",
|
|
128
128
|
"@atlassian/experiment-test-utils": "^0.2.0",
|
|
129
129
|
"@atlassian/feature-flags-test-utils": "^1.2.0",
|
|
130
130
|
"@atlassian/search-client": "^2.12.0",
|
|
131
|
-
"@atlassian/search-provider": "^
|
|
131
|
+
"@atlassian/search-provider": "^16.0.0",
|
|
132
132
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
133
133
|
"@atlassian/user-profile-card": "^1.29.0",
|
|
134
134
|
"@emotion/jest": "^11.8.0",
|
|
@@ -263,9 +263,6 @@
|
|
|
263
263
|
"type": "boolean",
|
|
264
264
|
"referenceOnly": true
|
|
265
265
|
},
|
|
266
|
-
"atlas_editor_typography_refreshed": {
|
|
267
|
-
"type": "boolean"
|
|
268
|
-
},
|
|
269
266
|
"platform_editor_controls_increase_full_page_gutter": {
|
|
270
267
|
"type": "boolean"
|
|
271
268
|
},
|
package/editor-core.docs.tsx
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Testing structured MCP docs for review — ignore this file.
|
|
3
|
-
* Contact #dst-structured-content in Slack with questions.
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import path from 'path';
|
|
7
|
-
|
|
8
|
-
import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
|
|
9
|
-
|
|
10
|
-
import packageJson from './package.json';
|
|
11
|
-
|
|
12
|
-
const packagePath = path.resolve(__dirname);
|
|
13
|
-
|
|
14
|
-
const documentation: StructuredContentSource = {
|
|
15
|
-
components: [
|
|
16
|
-
{
|
|
17
|
-
name: 'Editor Core',
|
|
18
|
-
description: 'A package contains Atlassian editor core functionality',
|
|
19
|
-
status: 'general-availability',
|
|
20
|
-
import: {
|
|
21
|
-
name: 'ComposableEditor',
|
|
22
|
-
package: '@atlaskit/editor-core/composable-editor',
|
|
23
|
-
type: 'named',
|
|
24
|
-
packagePath,
|
|
25
|
-
packageJson,
|
|
26
|
-
},
|
|
27
|
-
usageGuidelines: [
|
|
28
|
-
'Use the comment appearance when the editor is not the primary focus (e.g. comments on a page); use full-page or full-width when the editor is the main focus; use chromeless when you need complete control over the editor UI; use mobile for mobile web.',
|
|
29
|
-
'Configure features via presets (default, universal, or custom). Always include basePlugin; use usePreset or similar memoization so the preset is stable across re-renders.',
|
|
30
|
-
'Use ComposableEditor with a preset; provide providers (e.g. mentionProvider) when the editor needs context from your app.',
|
|
31
|
-
],
|
|
32
|
-
contentGuidelines: [],
|
|
33
|
-
accessibilityGuidelines: [],
|
|
34
|
-
keywords: ['editor', 'editor-core', 'atlaskit'],
|
|
35
|
-
categories: ['editor'],
|
|
36
|
-
examples: [
|
|
37
|
-
{
|
|
38
|
-
name: 'Basic composable editor',
|
|
39
|
-
description: 'Minimal ComposableEditor with preset.',
|
|
40
|
-
source: path.resolve(packagePath, './examples/1-basic-composable-editor.tsx'),
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
name: 'Comment editor',
|
|
44
|
-
description: 'Comment appearance composable editor.',
|
|
45
|
-
source: path.resolve(packagePath, './examples/1-comment-editor-component-composable.tsx'),
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
name: 'Full page editor',
|
|
49
|
-
description: 'Full-page appearance composable editor.',
|
|
50
|
-
source: path.resolve(packagePath, './examples/1-full-page-editor-composable.tsx'),
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
name: 'Chromeless editor',
|
|
54
|
-
description: 'Chromeless appearance with custom UI.',
|
|
55
|
-
source: path.resolve(
|
|
56
|
-
packagePath,
|
|
57
|
-
'./examples/1-chromeless-editor-component-composable.tsx',
|
|
58
|
-
),
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
name: 'Collapsed editor',
|
|
62
|
-
description: 'Async collapsed editor (labs).',
|
|
63
|
-
source: path.resolve(packagePath, './examples/1-labs-async-collapsed-editor.tsx'),
|
|
64
|
-
},
|
|
65
|
-
],
|
|
66
|
-
},
|
|
67
|
-
],
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
export default documentation;
|