@atlaskit/editor-core 228.1.0 → 228.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +5 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +9 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +184 -3
- package/dist/cjs/ui/EditorContentContainer/styles/ruleWithAttrs.js +50 -0
- package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +0 -45
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +5 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +9 -2
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +185 -4
- package/dist/es2019/ui/EditorContentContainer/styles/ruleWithAttrs.js +43 -0
- package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +0 -45
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +5 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +9 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +185 -4
- package/dist/esm/ui/EditorContentContainer/styles/ruleWithAttrs.js +43 -0
- package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +0 -45
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +0 -11
- package/dist/types/ui/EditorContentContainer/styles/ruleWithAttrs.d.ts +2 -0
- package/package.json +6 -3
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
.cc-1wz6obl .ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor){caret-color:transparent}.cc-1wz6obl .ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor{display:none}.cc-1wz6obl .ProseMirror:has(.ProseMirror-hide-cursor){caret-color:transparent}
|
|
28
28
|
.cc-1aoj0mo .dateView-content-wrap.ak-editor-selected-node.danger .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
|
|
29
29
|
.cc-5hyj3q .ProseMirror hr.ak-editor-selected-node.danger{background-color:var(--ds-border-danger,#e2483d)}
|
|
30
|
+
.cc-dgsww3 .ProseMirror hr[data-style=dashed]{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 4px,transparent 0,transparent 10px);mask-image:linear-gradient(90deg,#000 0,#000 4px,transparent 0,transparent 10px);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:10px 100%;mask-size:10px 100%}.cc-dgsww3 .ProseMirror hr[data-style=dotted]{-webkit-mask-image:radial-gradient(circle at center,#000 1px,transparent 1.1px);mask-image:radial-gradient(circle at center,#000 1px,transparent 1.1px);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:6px 2px;mask-size:6px 2px}.cc-dgsww3 .ProseMirror hr[data-style=sketch]{height:calc(2px + var(--ds-space-050, 4px) + var(--ds-space-050, 4px));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0 5C3 2 3 2 6 5C9 8 9 8 12 5C15 2 15 2 18 5C21 8 21 8 24 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0 5C3 2 3 2 6 5C9 8 9 8 12 5C15 2 15 2 18 5C21 8 21 8 24 5'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:24px 10px;mask-size:24px 10px;padding-top:0;padding-bottom:0}.cc-dgsww3 .ProseMirror hr[data-style=fade]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 27.4%,#000 74%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 27.4%,#000 74%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
|
|
30
31
|
.cc-1mmt8n5 .show-diff-atomic-inline-changed-date{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1);outline:2px solid var(--show-diff-atomic-inline-changed-border-color,var(--ds-border-accent-purple,#af59e1));outline-offset:1px;border-radius:var(--ds-radius-medium,6px)}.cc-1mmt8n5 .show-diff-atomic-inline-changed-date.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-1mmt8n5 .date-lozenger-container span{white-space:unset}.cc-1mmt8n5 .dateView-content-wrap .date-lozenger-container{line-height:normal;cursor:pointer}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::selection, .cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::selection{background-color:transparent}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::-moz-selection, .cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::-moz-selection{background-color:transparent}.cc-1mmt8n5 .danger .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
|
|
31
32
|
.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text,#292a2e);border-radius:var(--ds-radius-small,4px);padding-top:var(--ds-space-025,2px);padding-right:var(--ds-space-050,4px);padding-bottom:var(--ds-space-025,2px);padding-left:var(--ds-space-050,4px);margin-top:0;margin-right:1px;margin-bottom:0;margin-left:1px;position:relative;transition-property:background;transition-duration:.3s;white-space:nowrap;cursor:unset}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{background-color:var(--ds-background-accent-red-subtlest,#ffeceb);color:var(--ds-text-accent-red,#ae2e24)}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red:hover{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
|
|
32
33
|
.cc-ak695d .ak-editor-selected-node.danger>[data-decision-wrapper], .cc-ak695d ol[data-node-type=decisionList].ak-editor-selected-node.danger{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
|
|
@@ -177,7 +178,10 @@
|
|
|
177
178
|
.cc-1ylkv5y .show-diff-atomic-inline-changed-status{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-1ylkv5y .show-diff-atomic-inline-changed-status.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-1ylkv5y .show-diff-atomic-inline-changed-status .lozenge-wrapper, .cc-1ylkv5y .show-diff-atomic-inline-changed-status .status-lozenge-span>span{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color,var(--ds-border-accent-purple,#af59e1))}.cc-1ylkv5y .pm-table-cell-content-wrap .statusView-content-wrap, .cc-1ylkv5y .pm-table-header-content-wrap .statusView-content-wrap, .cc-1ylkv5y [data-layout-section] .statusView-content-wrap{max-width:100%;line-height:0}.cc-1ylkv5y .pm-table-cell-content-wrap .statusView-content-wrap>span, .cc-1ylkv5y .pm-table-header-content-wrap .statusView-content-wrap>span, .cc-1ylkv5y [data-layout-section] .statusView-content-wrap>span{width:100%}.cc-1ylkv5y .statusView-content-wrap>span{cursor:pointer;line-height:0}.cc-1ylkv5y .danger .status-lozenge-span>span{background-color:rgba(255,189,173,.5)}.cc-1ylkv5y .danger .statusView-content-wrap.ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1ylkv5y [data-prosemirror-node-name=status] .lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);max-width:100%;padding-inline:var(--ds-space-050,4px);display:inline-flex;border-radius:var(--ds-radius-small,3px);block-size:min-content;position:static;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box;-webkit-appearance:none;appearance:none;border:none}.cc-1ylkv5y [data-prosemirror-node-name=status] .lozenge-text{font:normal var(--ds-font-weight-bold,653) 11px/1pc var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:calc(200px - var(--ds-space-100, 8px))}
|
|
178
179
|
.cc-1ki047n .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1ki047n [data-prosemirror-node-name=status] .lozenge-text{color:#292a2e}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:#dddee1}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:#d8a0f7}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:#8fb8f6}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:#f9c84e}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:#fd9891}.cc-1ki047n [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:#b3df72}
|
|
179
180
|
.cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span ::selection, .cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span::selection{background-color:transparent}.cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span ::-moz-selection, .cc-x6toxh .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span::-moz-selection{background-color:transparent}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text-subtle,#505258)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-wrapper{background-color:var(--ds-background-discovery,#f8eefe)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery,#803fa5)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-wrapper{background-color:var(--ds-background-information,#e9f2fe)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information,#1558bc)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-wrapper{background-color:var(--ds-background-warning,#fff5db)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning,#9e4c00)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=red] .lozenge-wrapper{background-color:var(--ds-background-danger,#ffeceb)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger,#ae2e24)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=green] .lozenge-wrapper{background-color:var(--ds-background-success,#efffd6)}.cc-x6toxh [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success,#4c6b1f)}
|
|
180
|
-
.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:var(--ds-border,#0b120e24)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83
|
|
181
|
+
.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:var(--ds-border,#0b120e24)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
|
|
182
|
+
.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:var(--ds-border-discovery-subtle,#d8a0f7)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:var(--ds-border-information-subtle,#8fb8f6)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:var(--ds-border-danger-subtle,#fd9891)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:var(--ds-border-warning-subtle,#fbc828)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:var(--ds-border-success-subtle,#b3df72)}.cc-ba6gav [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}
|
|
183
|
+
.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-accent-blue-subtler,#cfe1fd);border-color:var(--ds-border-accent-blue-subtle,#8fb8f6)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-accent-blue-bolder,#123263)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-accent-purple-subtler,#eed7fc);border-color:var(--ds-border-accent-purple-subtle,#d8a0f7)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-accent-purple-bolder,#48245d)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-accent-red-subtler,#ffd5d2);border-color:var(--ds-border-accent-red-subtle,#fd9891)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-accent-red-bolder,#5d1f1a)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-accent-orange-subtler,#fce4a6);border-color:var(--ds-border-accent-orange-subtle,#fbc828)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-accent-orange-bolder,#693200)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7);border-color:var(--ds-border-accent-lime-subtle,#b3df72)}.cc-1gvo00o [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-accent-lime-bolder,#37471f)}
|
|
184
|
+
.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#B3F5FF"]>.lozenge-wrapper{background-color:var(--ds-background-accent-teal-subtler,#c6edfb);border-color:var(--ds-border-accent-teal-subtle,#9dd9ee)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#B3F5FF"] .lozenge-text{color:var(--ds-text-accent-teal-bolder,#164555)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#ABF5D1"]>.lozenge-wrapper{background-color:var(--ds-background-accent-green-subtler,#baf3db);border-color:var(--ds-border-accent-green-subtle,#7ee2b8)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#ABF5D1"] .lozenge-text{color:var(--ds-text-accent-green-bolder,#164b35)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#D3F1A7"]>.lozenge-wrapper{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7);border-color:var(--ds-border-accent-lime-subtle,#b3df72)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#D3F1A7"] .lozenge-text{color:var(--ds-text-accent-lime-bolder,#37471f)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FFF0B3"]>.lozenge-wrapper{background-color:var(--ds-background-accent-yellow-subtler,#f5e989);border-color:var(--ds-border-accent-yellow-subtle,#eed12b)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FFF0B3"] .lozenge-text{color:var(--ds-text-accent-yellow-bolder,#533f04)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FCE4A6"]>.lozenge-wrapper{background-color:var(--ds-background-accent-orange-subtler,#fce4a6);border-color:var(--ds-border-accent-orange-subtle,#fbc828)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FCE4A6"] .lozenge-text{color:var(--ds-text-accent-orange-bolder,#693200)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FDD0EC"]>.lozenge-wrapper{background-color:var(--ds-background-accent-magenta-subtler,#fdd0ec);border-color:var(--ds-border-accent-magenta-subtle,#f797d2)}.cc-1ky6mbc [data-prosemirror-node-name=status]>[data-color="#FDD0EC"] .lozenge-text{color:var(--ds-text-accent-magenta-bolder,#50253f)}
|
|
181
185
|
.cc-1kvcl18 .ProseMirror .telepointer{position:relative;transition-property:opacity;transition-duration:.2s}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){line-height:1.2;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-dim{opacity:.2}.cc-1kvcl18 .ProseMirror .telepointer.color-0{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-red-bolder,#c9372c)}.cc-1kvcl18 .ProseMirror .telepointer.color-1{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-blue-bolder,#1868db)}.cc-1kvcl18 .ProseMirror .telepointer.color-2{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}.cc-1kvcl18 .ProseMirror .telepointer.color-3{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-bolder,#946f00)}.cc-1kvcl18 .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-purple-bolder,#964ac0)}.cc-1kvcl18 .ProseMirror .telepointer.color-5{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-bolder,#ae4787)}.cc-1kvcl18 .ProseMirror .telepointer.color-6{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-teal-bolder,#227d9b)}.cc-1kvcl18 .ProseMirror .telepointer.color-7{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-orange-bolder,#bd5b00)}.cc-1kvcl18 .ProseMirror .telepointer.color-8{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-lime-bolder,#5b7f24)}.cc-1kvcl18 .ProseMirror .telepointer.color-9{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}.cc-1kvcl18 .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-blue-subtle,#669df1)}.cc-1kvcl18 .ProseMirror .telepointer.color-11{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-red-subtle,#f87168)}.cc-1kvcl18 .ProseMirror .telepointer.color-12{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}.cc-1kvcl18 .ProseMirror .telepointer.color-13{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-subtle,#eed12b)}.cc-1kvcl18 .ProseMirror .telepointer.color-14{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-green-subtle,#4bce97)}.cc-1kvcl18 .ProseMirror .telepointer.color-15{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}.cc-1kvcl18 .ProseMirror .telepointer.color-16{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-purple-subtle,#c97cf4)}.cc-1kvcl18 .ProseMirror .telepointer.color-17{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-subtle,#e774bb)}.cc-1kvcl18 .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-850000%;--telepointer-participant-background-second-stop:150000%}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]{background:linear-gradient(to bottom,var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop),transparent var(--telepointer-participant-background-second-stop))}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color);color:var(--telepointer-participant-text-color);border-color:var(--telepointer-participant-bg-color)}
|
|
182
186
|
.cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-134apo0 .ProseMirror .collab-agent-shimmer{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:kufr8jz;animation-timing-function:linear;background-color:var(--ds-skeleton,#0515240f);background-image:linear-gradient(90deg,var(--ds-skeleton,#0515240f) 0,var(--ds-skeleton-subtle,#17171708) 50%,var(--ds-skeleton,#0515240f) 100%);background-size:200% 100%;border-radius:var(--ds-radius-xsmall,2px);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;caret-color:transparent}.cc-134apo0 .ProseMirror .collab-agent-edit-highlight{animation-name:k1coy3hw;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-duration:2s;border-bottom:var(--ds-border-width,1px) dashed transparent}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer{position:relative;z-index:1}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer>.ai-in-editor-telepointer-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ds-space-025,2px);gap:var(--ds-space-075,6px);height:1pc;top:var(--ds-space-0,0);left:var(--ds-space-0,0);border-radius:0 var(--ds-space-050,4px) var(--ds-space-050,4px) 0;border:var(--ds-border-width,1px) solid transparent;background:linear-gradient(var(--ds-text,#292a2e),var(--ds-text,#292a2e)) padding-box,conic-gradient(from 270deg at 50% 50%,#1868db 0deg,#1868db 115deg,#fca700 115deg,#fca700 180deg,#bf63f3 180deg,#bf63f3 310deg,#82b536 310deg,#82b536 359.96deg,#1868db 1turn) border-box;font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-weight:var(--ds-font-weight-semibold,600);font-size:10px;line-height:9px;text-align:center;white-space:pre;color:var(--ds-text-inverse,#fff)}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer:after{content:"";position:absolute;width:1px;height:24px;top:var(--ds-space-0,0);left:var(--ds-space-0,0);background:var(--ds-border-brand,#1868db)}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
|
|
183
187
|
.cc-aj20c0 .fabric-text-color-mark{color:var(--custom-palette-color,inherit)}.cc-aj20c0 a .fabric-text-color-mark{color:unset}
|
|
@@ -19,6 +19,7 @@ import { tableCellBackgroundColorVariablesForCompiled } from '@atlaskit/editor-c
|
|
|
19
19
|
import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, akEditorShadowZIndex, akEditorSwoopCubicBezier, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
|
|
20
20
|
import { overflowShadowForCompiled } from '@atlaskit/editor-shared-styles/overflow-shadow-for-compiled';
|
|
21
21
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
22
|
+
import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
|
|
22
23
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
23
24
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
24
25
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
@@ -244,6 +245,7 @@ const editorContentStyles = {
|
|
|
244
245
|
cursorStyles: "cc-1wz6obl",
|
|
245
246
|
dangerDateStyles: "cc-1aoj0mo",
|
|
246
247
|
dangerRuleStyles: "cc-5hyj3q",
|
|
248
|
+
ruleWithAttrsStyles: "cc-dgsww3",
|
|
247
249
|
dateStyles: "cc-1mmt8n5",
|
|
248
250
|
dateVanillaStyles: "cc-avdkma",
|
|
249
251
|
decisionDangerStyles: "cc-ak695d",
|
|
@@ -401,6 +403,9 @@ const editorContentStyles = {
|
|
|
401
403
|
statusStylesMixin_fg_platform_component_visual_refresh_with_search_match: "cc-1ki047n",
|
|
402
404
|
statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match: "cc-x6toxh",
|
|
403
405
|
statusStylesTeam26: "cc-1szti83",
|
|
406
|
+
statusStylesNamedSemantic: "cc-ba6gav",
|
|
407
|
+
statusStylesNamedAccent: "cc-1gvo00o",
|
|
408
|
+
statusStylesHexAccent: "cc-1ky6mbc",
|
|
404
409
|
telepointerColorAndCommonStyle: "cc-1kvcl18",
|
|
405
410
|
telepointerColorAndCommonStyleDarkMode: "cc-rm5obe",
|
|
406
411
|
agentShimmerStyles: "cc-134apo0",
|
|
@@ -468,6 +473,8 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
468
473
|
// Evaluate the block-spacing experiment once per render.
|
|
469
474
|
const isBlockSpacingEnabled = isExperimentEnabled('platform_editor_extension_block_spacing');
|
|
470
475
|
const isFloatingTocEnabled = isExperimentEnabled('platform_editor_floating_toc');
|
|
476
|
+
const isUpdateStatusColorsEnabled = UNSAFE_expValNoExposure('platform_editor_update_status_colors', 'isEnabled', false);
|
|
477
|
+
const isStatusStylesTeam26 = fg('platform-dst-lozenge-tag-badge-visual-uplifts');
|
|
471
478
|
return /*#__PURE__*/React.createElement("div", {
|
|
472
479
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
473
480
|
className: ax([editorContentStyles.baseStyles, editorContentStyles.maxModeReizeFixStyles, editorContentStyles.baseStylesMaxContainerWidthFixes, fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') ? editorContentStyles.editorLargeGutterPuddingBaseStylesEditorControls : editorContentStyles.editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
@@ -478,8 +485,8 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
478
485
|
exposure: true
|
|
479
486
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
480
487
|
exposure: true
|
|
481
|
-
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
482
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
488
|
+
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, isExperimentEnabled('platform_editor_lovability_dividers_attributes') && editorContentStyles.ruleWithAttrsStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
489
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, isStatusStylesTeam26 ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled && editorContentStyles.statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) && editorContentStyles.statusStylesHexAccent, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
483
490
|
ref: ref,
|
|
484
491
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
485
492
|
"data-testid": "editor-content-container"
|
|
@@ -6,11 +6,12 @@
|
|
|
6
6
|
import React from 'react';
|
|
7
7
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
9
|
-
import { jsx, useTheme } from '@emotion/react';
|
|
9
|
+
import { css, jsx, useTheme } from '@emotion/react';
|
|
10
10
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
11
11
|
import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
|
|
12
12
|
import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
|
|
13
13
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
14
|
+
import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
|
|
14
15
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
15
16
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
16
17
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
@@ -57,6 +58,7 @@ import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './
|
|
|
57
58
|
import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles } from './styles/placeholderStyles';
|
|
58
59
|
import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
|
|
59
60
|
import { dangerRuleStyles, ruleStyles } from './styles/rule';
|
|
61
|
+
import { ruleWithAttrsStyles } from './styles/ruleWithAttrs';
|
|
60
62
|
import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
61
63
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
62
64
|
import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
|
|
@@ -116,6 +118,175 @@ const firstWrappedMediaStyles = {
|
|
|
116
118
|
* If you are not sure, please contact with #proj-cc-editor-full-compiled-css-migration
|
|
117
119
|
* https://home.atlassian.com/o/2346a038-3c8c-498b-a79b-e7847859868d/s/a436116f-02ce-4520-8fbb-7301462a1674/project/ATLAS-120555
|
|
118
120
|
*/
|
|
121
|
+
/**
|
|
122
|
+
* Pre-experiment semantic mapping for every named colour except neutral. Replaced
|
|
123
|
+
* (not overlaid) by statusStylesNamedAccent when platform_editor_update_status_colors
|
|
124
|
+
* is on, and deleted wholesale when that experiment is cleaned up.
|
|
125
|
+
* See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
|
|
126
|
+
*/
|
|
127
|
+
const statusStylesNamedSemantic = css({
|
|
128
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
129
|
+
'[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
|
|
130
|
+
backgroundColor: "var(--ds-background-discovery-subtler, #EED7FC)",
|
|
131
|
+
borderColor: "var(--ds-border-discovery-subtle, #D8A0F7)"
|
|
132
|
+
},
|
|
133
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
134
|
+
'[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
|
|
135
|
+
color: "var(--ds-text-discovery-bolder, #48245D)"
|
|
136
|
+
},
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
138
|
+
'[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
|
|
139
|
+
backgroundColor: "var(--ds-background-information-subtler, #CFE1FD)",
|
|
140
|
+
borderColor: "var(--ds-border-information-subtle, #8FB8F6)"
|
|
141
|
+
},
|
|
142
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
143
|
+
'[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
|
|
144
|
+
color: "var(--ds-text-information-bolder, #123263)"
|
|
145
|
+
},
|
|
146
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
147
|
+
'[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
|
|
148
|
+
backgroundColor: "var(--ds-background-danger-subtler, #FFD5D2)",
|
|
149
|
+
borderColor: "var(--ds-border-danger-subtle, #FD9891)"
|
|
150
|
+
},
|
|
151
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
152
|
+
'[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
|
|
153
|
+
color: "var(--ds-text-danger-bolder, #5D1F1A)"
|
|
154
|
+
},
|
|
155
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
156
|
+
'[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
|
|
157
|
+
backgroundColor: "var(--ds-background-warning-subtler, #FCE4A6)",
|
|
158
|
+
borderColor: "var(--ds-border-warning-subtle, #FBC828)"
|
|
159
|
+
},
|
|
160
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
161
|
+
'[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
|
|
162
|
+
color: "var(--ds-text-warning-bolder, #693200)"
|
|
163
|
+
},
|
|
164
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
165
|
+
'[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
|
|
166
|
+
backgroundColor: "var(--ds-background-success-subtler, #D3F1A7)",
|
|
167
|
+
borderColor: "var(--ds-border-success-subtle, #B3DF72)"
|
|
168
|
+
},
|
|
169
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
170
|
+
'[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
|
|
171
|
+
color: "var(--ds-text-success-bolder, #37471F)"
|
|
172
|
+
}
|
|
173
|
+
});
|
|
174
|
+
/**
|
|
175
|
+
* Accent mapping for every named colour except neutral, used when
|
|
176
|
+
* platform_editor_update_status_colors is on. Replaces statusStylesNamedSemantic.
|
|
177
|
+
* yellow/green map to the orange/lime accents: their tokens are byte-identical to
|
|
178
|
+
* warning/success in both themes, so this is not a recolour. Neutral stays on Team26.
|
|
179
|
+
* See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
|
|
180
|
+
*/
|
|
181
|
+
const statusStylesNamedAccent = css({
|
|
182
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
183
|
+
'[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
|
|
184
|
+
backgroundColor: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
|
|
185
|
+
borderColor: "var(--ds-border-accent-blue-subtle, #8FB8F6)"
|
|
186
|
+
},
|
|
187
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
188
|
+
'[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
|
|
189
|
+
color: "var(--ds-text-accent-blue-bolder, #123263)"
|
|
190
|
+
},
|
|
191
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
192
|
+
'[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
|
|
193
|
+
backgroundColor: "var(--ds-background-accent-purple-subtler, #EED7FC)",
|
|
194
|
+
borderColor: "var(--ds-border-accent-purple-subtle, #D8A0F7)"
|
|
195
|
+
},
|
|
196
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
197
|
+
'[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
|
|
198
|
+
color: "var(--ds-text-accent-purple-bolder, #48245D)"
|
|
199
|
+
},
|
|
200
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
201
|
+
'[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
|
|
202
|
+
backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
|
|
203
|
+
borderColor: "var(--ds-border-accent-red-subtle, #FD9891)"
|
|
204
|
+
},
|
|
205
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
206
|
+
'[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
|
|
207
|
+
color: "var(--ds-text-accent-red-bolder, #5D1F1A)"
|
|
208
|
+
},
|
|
209
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
210
|
+
'[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
|
|
211
|
+
backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
|
|
212
|
+
borderColor: "var(--ds-border-accent-orange-subtle, #FBC828)"
|
|
213
|
+
},
|
|
214
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
215
|
+
'[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
|
|
216
|
+
color: "var(--ds-text-accent-orange-bolder, #693200)"
|
|
217
|
+
},
|
|
218
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
219
|
+
'[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
|
|
220
|
+
backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
|
|
221
|
+
borderColor: "var(--ds-border-accent-lime-subtle, #B3DF72)"
|
|
222
|
+
},
|
|
223
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
224
|
+
'[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
|
|
225
|
+
color: "var(--ds-text-accent-lime-bolder, #37471F)"
|
|
226
|
+
}
|
|
227
|
+
});
|
|
228
|
+
/**
|
|
229
|
+
* Hex IDs the 10-color picker persists (hues that cannot use a named colour).
|
|
230
|
+
* Applied when platform_editor_gracefully_render_status_color or
|
|
231
|
+
* platform_editor_update_status_colors is on.
|
|
232
|
+
* See EDITOR-7600: keep in sync with EditorContentContainer-compiled.tsx.
|
|
233
|
+
*/
|
|
234
|
+
const statusStylesHexAccent = css({
|
|
235
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
236
|
+
'[data-prosemirror-node-name="status"] > [data-color="#B3F5FF"] > .lozenge-wrapper': {
|
|
237
|
+
backgroundColor: "var(--ds-background-accent-teal-subtler, #C6EDFB)",
|
|
238
|
+
borderColor: "var(--ds-border-accent-teal-subtle, #9DD9EE)"
|
|
239
|
+
},
|
|
240
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
241
|
+
'[data-prosemirror-node-name="status"] > [data-color="#B3F5FF"] .lozenge-text': {
|
|
242
|
+
color: "var(--ds-text-accent-teal-bolder, #164555)"
|
|
243
|
+
},
|
|
244
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
245
|
+
'[data-prosemirror-node-name="status"] > [data-color="#ABF5D1"] > .lozenge-wrapper': {
|
|
246
|
+
backgroundColor: "var(--ds-background-accent-green-subtler, #BAF3DB)",
|
|
247
|
+
borderColor: "var(--ds-border-accent-green-subtle, #7EE2B8)"
|
|
248
|
+
},
|
|
249
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
250
|
+
'[data-prosemirror-node-name="status"] > [data-color="#ABF5D1"] .lozenge-text': {
|
|
251
|
+
color: "var(--ds-text-accent-green-bolder, #164B35)"
|
|
252
|
+
},
|
|
253
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
254
|
+
'[data-prosemirror-node-name="status"] > [data-color="#D3F1A7"] > .lozenge-wrapper': {
|
|
255
|
+
backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
|
|
256
|
+
borderColor: "var(--ds-border-accent-lime-subtle, #B3DF72)"
|
|
257
|
+
},
|
|
258
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
259
|
+
'[data-prosemirror-node-name="status"] > [data-color="#D3F1A7"] .lozenge-text': {
|
|
260
|
+
color: "var(--ds-text-accent-lime-bolder, #37471F)"
|
|
261
|
+
},
|
|
262
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
263
|
+
'[data-prosemirror-node-name="status"] > [data-color="#FFF0B3"] > .lozenge-wrapper': {
|
|
264
|
+
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F5E989)",
|
|
265
|
+
borderColor: "var(--ds-border-accent-yellow-subtle, #EED12B)"
|
|
266
|
+
},
|
|
267
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
268
|
+
'[data-prosemirror-node-name="status"] > [data-color="#FFF0B3"] .lozenge-text': {
|
|
269
|
+
color: "var(--ds-text-accent-yellow-bolder, #533F04)"
|
|
270
|
+
},
|
|
271
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
272
|
+
'[data-prosemirror-node-name="status"] > [data-color="#FCE4A6"] > .lozenge-wrapper': {
|
|
273
|
+
backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
|
|
274
|
+
borderColor: "var(--ds-border-accent-orange-subtle, #FBC828)"
|
|
275
|
+
},
|
|
276
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
277
|
+
'[data-prosemirror-node-name="status"] > [data-color="#FCE4A6"] .lozenge-text': {
|
|
278
|
+
color: "var(--ds-text-accent-orange-bolder, #693200)"
|
|
279
|
+
},
|
|
280
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
281
|
+
'[data-prosemirror-node-name="status"] > [data-color="#FDD0EC"] > .lozenge-wrapper': {
|
|
282
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
|
|
283
|
+
borderColor: "var(--ds-border-accent-magenta-subtle, #F797D2)"
|
|
284
|
+
},
|
|
285
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
286
|
+
'[data-prosemirror-node-name="status"] > [data-color="#FDD0EC"] .lozenge-text': {
|
|
287
|
+
color: "var(--ds-text-accent-magenta-bolder, #50253F)"
|
|
288
|
+
}
|
|
289
|
+
});
|
|
119
290
|
export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
120
291
|
const {
|
|
121
292
|
className,
|
|
@@ -161,6 +332,8 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
161
332
|
// Evaluate the block-spacing experiment once per render.
|
|
162
333
|
const isBlockSpacingEnabled = isExperimentEnabled('platform_editor_extension_block_spacing');
|
|
163
334
|
const isFloatingTocEnabled = isExperimentEnabled('platform_editor_floating_toc');
|
|
335
|
+
const isUpdateStatusColorsEnabled = UNSAFE_expValNoExposure('platform_editor_update_status_colors', 'isEnabled', false);
|
|
336
|
+
const isStatusStylesTeam26 = fg('platform-dst-lozenge-tag-badge-visual-uplifts');
|
|
164
337
|
return jsx("div", {
|
|
165
338
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
166
339
|
className: className || undefined,
|
|
@@ -261,7 +434,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
261
434
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
262
435
|
listsStylesMarginLayoutShiftFix,
|
|
263
436
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
264
|
-
ruleStyles,
|
|
437
|
+
ruleStyles, isExperimentEnabled('platform_editor_lovability_dividers_attributes') &&
|
|
438
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
439
|
+
ruleWithAttrsStyles,
|
|
265
440
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
266
441
|
smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ?
|
|
267
442
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -351,13 +526,19 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
351
526
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
352
527
|
decisionIconWithVisualRefresh,
|
|
353
528
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
354
|
-
statusStyles,
|
|
529
|
+
statusStyles, isStatusStylesTeam26 ?
|
|
355
530
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
356
531
|
statusStylesTeam26 : fg('platform-component-visual-refresh') ?
|
|
357
532
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
358
533
|
statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
|
|
359
534
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
360
|
-
statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match,
|
|
535
|
+
statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, isStatusStylesTeam26 && isUpdateStatusColorsEnabled &&
|
|
536
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
537
|
+
statusStylesNamedAccent, isStatusStylesTeam26 && !isUpdateStatusColorsEnabled &&
|
|
538
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
539
|
+
statusStylesNamedSemantic, (fg('platform_editor_gracefully_render_status_color') || isUpdateStatusColorsEnabled) &&
|
|
540
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
541
|
+
statusStylesHexAccent,
|
|
361
542
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
362
543
|
annotationStyles, editorExperiment('platform_editor_block_menu', true) ?
|
|
363
544
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/* eslint-disable @atlaskit/design-system/use-tokens-shape,
|
|
2
|
+
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
|
+
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
+
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
|
|
5
|
+
import { css } from '@emotion/react';
|
|
6
|
+
const dashedStrokeMask = 'linear-gradient(to right, black 0, black 4px, transparent 4px, transparent 10px)';
|
|
7
|
+
const dottedStrokeMask = 'radial-gradient(circle at center, black 1px, transparent 1.1px)';
|
|
8
|
+
const sketchStrokePath = 'M0 5C3 2 3 2 6 5C9 8 9 8 12 5C15 2 15 2 18 5C21 8 21 8 24 5';
|
|
9
|
+
const sketchStrokeMask = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='${sketchStrokePath}'/%3E%3C/svg%3E")`;
|
|
10
|
+
const fadeStrokeMask = 'linear-gradient(to right, transparent 0%, black 27.4%, black 74%, transparent 100%)';
|
|
11
|
+
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
13
|
+
export const ruleWithAttrsStyles = css({
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
15
|
+
'.ProseMirror hr[data-style="dashed"]': {
|
|
16
|
+
maskImage: dashedStrokeMask,
|
|
17
|
+
maskRepeat: 'repeat-x',
|
|
18
|
+
maskSize: '10px 100%'
|
|
19
|
+
},
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
21
|
+
'.ProseMirror hr[data-style="dotted"]': {
|
|
22
|
+
maskImage: dottedStrokeMask,
|
|
23
|
+
maskPosition: 'center',
|
|
24
|
+
maskRepeat: 'repeat-x',
|
|
25
|
+
maskSize: '6px 2px'
|
|
26
|
+
},
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
28
|
+
'.ProseMirror hr[data-style="sketch"]': {
|
|
29
|
+
height: `calc(2px + ${"var(--ds-space-050, 4px)"} + ${"var(--ds-space-050, 4px)"})`,
|
|
30
|
+
maskImage: sketchStrokeMask,
|
|
31
|
+
maskPosition: 'center',
|
|
32
|
+
maskRepeat: 'repeat-x',
|
|
33
|
+
maskSize: '24px 10px',
|
|
34
|
+
paddingTop: 0,
|
|
35
|
+
paddingBottom: 0
|
|
36
|
+
},
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
38
|
+
'.ProseMirror hr[data-style="fade"]': {
|
|
39
|
+
maskImage: fadeStrokeMask,
|
|
40
|
+
maskRepeat: 'no-repeat',
|
|
41
|
+
maskSize: '100% 100%'
|
|
42
|
+
}
|
|
43
|
+
});
|
|
@@ -280,51 +280,6 @@ export const statusStylesTeam26 = css({
|
|
|
280
280
|
'[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
|
|
281
281
|
color: "var(--ds-text, #292A2E)"
|
|
282
282
|
},
|
|
283
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
284
|
-
'[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
|
|
285
|
-
backgroundColor: "var(--ds-background-discovery-subtler, #EED7FC)",
|
|
286
|
-
borderColor: "var(--ds-border-discovery-subtle, #D8A0F7)"
|
|
287
|
-
},
|
|
288
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
289
|
-
'[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
|
|
290
|
-
color: "var(--ds-text-discovery-bolder, #48245D)"
|
|
291
|
-
},
|
|
292
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
293
|
-
'[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
|
|
294
|
-
backgroundColor: "var(--ds-background-information-subtler, #CFE1FD)",
|
|
295
|
-
borderColor: "var(--ds-border-information-subtle, #8FB8F6)"
|
|
296
|
-
},
|
|
297
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
298
|
-
'[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
|
|
299
|
-
color: "var(--ds-text-information-bolder, #123263)"
|
|
300
|
-
},
|
|
301
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
302
|
-
'[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
|
|
303
|
-
backgroundColor: "var(--ds-background-danger-subtler, #FFD5D2)",
|
|
304
|
-
borderColor: "var(--ds-border-danger-subtle, #FD9891)"
|
|
305
|
-
},
|
|
306
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
307
|
-
'[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
|
|
308
|
-
color: "var(--ds-text-danger-bolder, #5D1F1A)"
|
|
309
|
-
},
|
|
310
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
311
|
-
'[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
|
|
312
|
-
backgroundColor: "var(--ds-background-warning-subtler, #FCE4A6)",
|
|
313
|
-
borderColor: "var(--ds-border-warning-subtle, #FBC828)"
|
|
314
|
-
},
|
|
315
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
316
|
-
'[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
|
|
317
|
-
color: "var(--ds-text-warning-bolder, #693200)"
|
|
318
|
-
},
|
|
319
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
320
|
-
'[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
|
|
321
|
-
backgroundColor: "var(--ds-background-success-subtler, #D3F1A7)",
|
|
322
|
-
borderColor: "var(--ds-border-success-subtle, #B3DF72)"
|
|
323
|
-
},
|
|
324
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
325
|
-
'[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
|
|
326
|
-
color: "var(--ds-text-success-bolder, #37471F)"
|
|
327
|
-
},
|
|
328
283
|
/* Find and Replace Styles */
|
|
329
284
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
330
285
|
'.statusView-content-wrap:not(.search-match-block)': {
|