@atlaskit/editor-common 82.3.0 → 82.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/dist/cjs/analytics/types/element-events.js +5 -0
- package/dist/cjs/analytics/types/enums.js +8 -0
- package/dist/cjs/collab/index.js +1 -1
- package/dist/cjs/element-browser/ViewMore.js +1 -0
- package/dist/cjs/element-browser/components/CategoryList.js +2 -0
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +19 -1
- package/dist/cjs/element-browser/components/ElementSearch.js +56 -42
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +18 -0
- package/dist/cjs/extensibility/Extension/Extension/index.js +6 -2
- package/dist/cjs/extensibility/Extension/Extension/styles.js +20 -0
- package/dist/cjs/extensibility/Extension/InlineExtension/index.js +3 -1
- package/dist/cjs/extensibility/Extension/InlineExtension/styles.js +8 -0
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
- package/dist/cjs/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
- package/dist/cjs/extensibility/Extension/Lozenge/index.js +1 -0
- package/dist/cjs/extensibility/Extension/styles.js +13 -0
- package/dist/cjs/extensibility/ExtensionNodeWrapper.js +2 -0
- package/dist/cjs/extensibility/MultiBodiedExtension/index.js +20 -4
- package/dist/cjs/extensibility/MultiBodiedExtension/styles.js +12 -0
- package/dist/cjs/extensions/module-helpers.js +4 -0
- package/dist/cjs/keymaps/index.js +2 -1
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
- package/dist/cjs/link/LinkSearch/LinkSearchList.js +2 -0
- package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +9 -0
- package/dist/cjs/link/LinkSearch/ToolbarComponents.js +7 -0
- package/dist/cjs/media-inline/inline-image-wrapper.js +9 -1
- package/dist/cjs/media-inline/styles.js +12 -1
- package/dist/cjs/media-inline/views/frame.js +7 -4
- package/dist/cjs/media-inline/views/icon-wrapper.js +1 -0
- package/dist/cjs/media-inline/views/wrapper.js +1 -0
- package/dist/cjs/media-single/CommentBadge.js +5 -1
- package/dist/cjs/messages/help-dialog.js +5 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/rank.js +1 -1
- package/dist/cjs/selection/gap-cursor/styles.js +1 -1
- package/dist/cjs/styles/shared/annotation.js +6 -0
- package/dist/cjs/styles/shared/background-color.js +4 -0
- package/dist/cjs/styles/shared/block-marks.js +1 -0
- package/dist/cjs/styles/shared/blockquote.js +8 -1
- package/dist/cjs/styles/shared/code-block.js +2 -0
- package/dist/cjs/styles/shared/code-mark.js +1 -0
- package/dist/cjs/styles/shared/column-layout.js +6 -1
- package/dist/cjs/styles/shared/date.js +2 -0
- package/dist/cjs/styles/shared/embedCard.js +8 -0
- package/dist/cjs/styles/shared/expand.js +1 -0
- package/dist/cjs/styles/shared/grid.js +7 -0
- package/dist/cjs/styles/shared/headings.js +6 -0
- package/dist/cjs/styles/shared/indentation.js +8 -0
- package/dist/cjs/styles/shared/link.js +4 -1
- package/dist/cjs/styles/shared/lists.js +1 -1
- package/dist/cjs/styles/shared/media-single.js +8 -1
- package/dist/cjs/styles/shared/paragraph.js +4 -1
- package/dist/cjs/styles/shared/plugins.js +8 -0
- package/dist/cjs/styles/shared/resizer.js +1 -1
- package/dist/cjs/styles/shared/rule.js +2 -1
- package/dist/cjs/styles/shared/shadow.js +4 -1
- package/dist/cjs/styles/shared/smartCard.js +1 -1
- package/dist/cjs/styles/shared/tableCell.js +1 -0
- package/dist/cjs/styles/shared/task-decision.js +2 -0
- package/dist/cjs/styles/shared/text-color.js +3 -0
- package/dist/cjs/styles/shared/unsupported-content.js +1 -1
- package/dist/cjs/styles/shared/whitespace.js +3 -1
- package/dist/cjs/table/SortingIcon.js +2 -2
- package/dist/cjs/ui/DropList/index.js +5 -1
- package/dist/cjs/ui/Expand/index.js +13 -0
- package/dist/cjs/ui/FloatingToolbar/Button.js +2 -0
- package/dist/cjs/ui/MediaSingle/index.js +3 -1
- package/dist/cjs/ui/MediaSingle/link.js +1 -0
- package/dist/cjs/ui/MediaSingle/styled.js +6 -3
- package/dist/cjs/ui/Messages/index.js +12 -7
- package/dist/cjs/ui/MultiBodiedExtension/index.js +24 -0
- package/dist/cjs/ui/PanelTextInput/index.js +1 -0
- package/dist/cjs/ui/PanelTextInput/styles.js +6 -0
- package/dist/cjs/ui/Popup/index.js +1 -0
- package/dist/cjs/ui/UnsupportedBlock/index.js +2 -0
- package/dist/cjs/ui/UnsupportedInline/index.js +2 -0
- package/dist/cjs/ui/clear-next-sibling-margin-top.js +6 -2
- package/dist/cjs/ui-color/ColorPalette/Color/index.js +10 -3
- package/dist/cjs/ui-color/ColorPalette/Color/styles.js +3 -0
- package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
- package/dist/cjs/ui-color/ColorPalette/index.js +1 -0
- package/dist/cjs/ui-color/ColorPalette/styles.js +1 -0
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +7 -0
- package/dist/cjs/ui-menu/DropdownMenu/index.js +1 -0
- package/dist/es2019/analytics/types/element-events.js +1 -0
- package/dist/es2019/analytics/types/enums.js +8 -0
- package/dist/es2019/collab/index.js +1 -1
- package/dist/es2019/element-browser/ViewMore.js +1 -0
- package/dist/es2019/element-browser/components/CategoryList.js +3 -0
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +19 -1
- package/dist/es2019/element-browser/components/ElementSearch.js +56 -42
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +18 -0
- package/dist/es2019/extensibility/Extension/Extension/index.js +6 -2
- package/dist/es2019/extensibility/Extension/Extension/styles.js +20 -0
- package/dist/es2019/extensibility/Extension/InlineExtension/index.js +3 -1
- package/dist/es2019/extensibility/Extension/InlineExtension/styles.js +9 -0
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
- package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js +19 -14
- package/dist/es2019/extensibility/Extension/Lozenge/index.js +1 -0
- package/dist/es2019/extensibility/Extension/styles.js +14 -0
- package/dist/es2019/extensibility/ExtensionNodeWrapper.js +2 -0
- package/dist/es2019/extensibility/MultiBodiedExtension/index.js +21 -5
- package/dist/es2019/extensibility/MultiBodiedExtension/styles.js +12 -0
- package/dist/es2019/extensions/module-helpers.js +4 -0
- package/dist/es2019/keymaps/index.js +1 -0
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
- package/dist/es2019/link/LinkSearch/LinkSearchList.js +2 -0
- package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +9 -0
- package/dist/es2019/link/LinkSearch/ToolbarComponents.js +8 -0
- package/dist/es2019/media-inline/inline-image-wrapper.js +9 -1
- package/dist/es2019/media-inline/styles.js +12 -1
- package/dist/es2019/media-inline/views/frame.js +3 -1
- package/dist/es2019/media-inline/views/icon-wrapper.js +1 -0
- package/dist/es2019/media-inline/views/wrapper.js +1 -0
- package/dist/es2019/media-single/CommentBadge.js +5 -1
- package/dist/es2019/messages/help-dialog.js +5 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/rank.js +1 -1
- package/dist/es2019/selection/gap-cursor/styles.js +1 -1
- package/dist/es2019/styles/shared/annotation.js +6 -0
- package/dist/es2019/styles/shared/background-color.js +5 -0
- package/dist/es2019/styles/shared/block-marks.js +2 -0
- package/dist/es2019/styles/shared/blockquote.js +8 -1
- package/dist/es2019/styles/shared/code-block.js +2 -0
- package/dist/es2019/styles/shared/code-mark.js +2 -0
- package/dist/es2019/styles/shared/column-layout.js +6 -0
- package/dist/es2019/styles/shared/date.js +3 -0
- package/dist/es2019/styles/shared/embedCard.js +8 -0
- package/dist/es2019/styles/shared/expand.js +1 -0
- package/dist/es2019/styles/shared/grid.js +7 -0
- package/dist/es2019/styles/shared/headings.js +12 -0
- package/dist/es2019/styles/shared/indentation.js +9 -0
- package/dist/es2019/styles/shared/link.js +3 -0
- package/dist/es2019/styles/shared/lists.js +1 -1
- package/dist/es2019/styles/shared/media-single.js +15 -0
- package/dist/es2019/styles/shared/panel.js +1 -0
- package/dist/es2019/styles/shared/paragraph.js +4 -1
- package/dist/es2019/styles/shared/plugins.js +8 -0
- package/dist/es2019/styles/shared/resizer.js +1 -1
- package/dist/es2019/styles/shared/rule.js +2 -1
- package/dist/es2019/styles/shared/shadow.js +9 -0
- package/dist/es2019/styles/shared/smartCard.js +1 -1
- package/dist/es2019/styles/shared/tableCell.js +1 -0
- package/dist/es2019/styles/shared/task-decision.js +2 -0
- package/dist/es2019/styles/shared/text-color.js +4 -0
- package/dist/es2019/styles/shared/unsupported-content.js +1 -1
- package/dist/es2019/styles/shared/whitespace.js +2 -0
- package/dist/es2019/table/SortingIcon.js +2 -2
- package/dist/es2019/ui/DropList/index.js +5 -1
- package/dist/es2019/ui/Expand/index.js +13 -0
- package/dist/es2019/ui/FloatingToolbar/Button.js +2 -0
- package/dist/es2019/ui/MediaSingle/index.js +3 -1
- package/dist/es2019/ui/MediaSingle/link.js +2 -0
- package/dist/es2019/ui/MediaSingle/styled.js +3 -1
- package/dist/es2019/ui/Messages/index.js +5 -1
- package/dist/es2019/ui/MultiBodiedExtension/index.js +24 -0
- package/dist/es2019/ui/PanelTextInput/index.js +1 -0
- package/dist/es2019/ui/PanelTextInput/styles.js +6 -0
- package/dist/es2019/ui/Popup/index.js +1 -0
- package/dist/es2019/ui/UnsupportedBlock/index.js +2 -0
- package/dist/es2019/ui/UnsupportedInline/index.js +2 -0
- package/dist/es2019/ui/clear-next-sibling-margin-top.js +7 -2
- package/dist/es2019/ui-color/ColorPalette/Color/index.js +10 -3
- package/dist/es2019/ui-color/ColorPalette/Color/styles.js +3 -0
- package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
- package/dist/es2019/ui-color/ColorPalette/index.js +1 -0
- package/dist/es2019/ui-color/ColorPalette/styles.js +1 -0
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +7 -0
- package/dist/es2019/ui-menu/DropdownMenu/index.js +1 -0
- package/dist/esm/analytics/types/element-events.js +1 -0
- package/dist/esm/analytics/types/enums.js +8 -0
- package/dist/esm/collab/index.js +1 -1
- package/dist/esm/element-browser/ViewMore.js +1 -0
- package/dist/esm/element-browser/components/CategoryList.js +2 -0
- package/dist/esm/element-browser/components/ElementList/ElementList.js +19 -1
- package/dist/esm/element-browser/components/ElementSearch.js +56 -42
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +18 -0
- package/dist/esm/extensibility/Extension/Extension/index.js +6 -2
- package/dist/esm/extensibility/Extension/Extension/styles.js +20 -0
- package/dist/esm/extensibility/Extension/InlineExtension/index.js +3 -1
- package/dist/esm/extensibility/Extension/InlineExtension/styles.js +9 -0
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
- package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
- package/dist/esm/extensibility/Extension/Lozenge/index.js +1 -0
- package/dist/esm/extensibility/Extension/styles.js +14 -0
- package/dist/esm/extensibility/ExtensionNodeWrapper.js +2 -0
- package/dist/esm/extensibility/MultiBodiedExtension/index.js +20 -4
- package/dist/esm/extensibility/MultiBodiedExtension/styles.js +12 -0
- package/dist/esm/extensions/module-helpers.js +4 -0
- package/dist/esm/keymaps/index.js +1 -0
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
- package/dist/esm/link/LinkSearch/LinkSearchList.js +2 -0
- package/dist/esm/link/LinkSearch/LinkSearchListItem.js +9 -0
- package/dist/esm/link/LinkSearch/ToolbarComponents.js +8 -0
- package/dist/esm/media-inline/inline-image-wrapper.js +9 -1
- package/dist/esm/media-inline/styles.js +12 -1
- package/dist/esm/media-inline/views/frame.js +7 -4
- package/dist/esm/media-inline/views/icon-wrapper.js +1 -0
- package/dist/esm/media-inline/views/wrapper.js +1 -0
- package/dist/esm/media-single/CommentBadge.js +5 -1
- package/dist/esm/messages/help-dialog.js +5 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/rank.js +1 -1
- package/dist/esm/selection/gap-cursor/styles.js +1 -1
- package/dist/esm/styles/shared/annotation.js +6 -0
- package/dist/esm/styles/shared/background-color.js +5 -0
- package/dist/esm/styles/shared/block-marks.js +2 -0
- package/dist/esm/styles/shared/blockquote.js +8 -1
- package/dist/esm/styles/shared/code-block.js +2 -0
- package/dist/esm/styles/shared/code-mark.js +1 -0
- package/dist/esm/styles/shared/column-layout.js +5 -0
- package/dist/esm/styles/shared/date.js +2 -0
- package/dist/esm/styles/shared/embedCard.js +8 -0
- package/dist/esm/styles/shared/expand.js +1 -0
- package/dist/esm/styles/shared/grid.js +7 -0
- package/dist/esm/styles/shared/headings.js +6 -0
- package/dist/esm/styles/shared/indentation.js +9 -0
- package/dist/esm/styles/shared/link.js +3 -0
- package/dist/esm/styles/shared/lists.js +1 -1
- package/dist/esm/styles/shared/media-single.js +7 -0
- package/dist/esm/styles/shared/paragraph.js +4 -1
- package/dist/esm/styles/shared/plugins.js +8 -0
- package/dist/esm/styles/shared/resizer.js +1 -1
- package/dist/esm/styles/shared/rule.js +2 -1
- package/dist/esm/styles/shared/shadow.js +3 -0
- package/dist/esm/styles/shared/smartCard.js +1 -1
- package/dist/esm/styles/shared/tableCell.js +1 -0
- package/dist/esm/styles/shared/task-decision.js +2 -0
- package/dist/esm/styles/shared/text-color.js +4 -0
- package/dist/esm/styles/shared/unsupported-content.js +1 -1
- package/dist/esm/styles/shared/whitespace.js +2 -0
- package/dist/esm/table/SortingIcon.js +2 -2
- package/dist/esm/ui/DropList/index.js +5 -1
- package/dist/esm/ui/Expand/index.js +13 -0
- package/dist/esm/ui/FloatingToolbar/Button.js +2 -0
- package/dist/esm/ui/MediaSingle/index.js +3 -1
- package/dist/esm/ui/MediaSingle/link.js +2 -0
- package/dist/esm/ui/MediaSingle/styled.js +6 -3
- package/dist/esm/ui/Messages/index.js +12 -7
- package/dist/esm/ui/MultiBodiedExtension/index.js +24 -0
- package/dist/esm/ui/PanelTextInput/index.js +1 -0
- package/dist/esm/ui/PanelTextInput/styles.js +6 -0
- package/dist/esm/ui/Popup/index.js +1 -0
- package/dist/esm/ui/UnsupportedBlock/index.js +2 -0
- package/dist/esm/ui/UnsupportedInline/index.js +2 -0
- package/dist/esm/ui/clear-next-sibling-margin-top.js +6 -2
- package/dist/esm/ui-color/ColorPalette/Color/index.js +10 -3
- package/dist/esm/ui-color/ColorPalette/Color/styles.js +3 -0
- package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
- package/dist/esm/ui-color/ColorPalette/index.js +1 -0
- package/dist/esm/ui-color/ColorPalette/styles.js +1 -0
- package/dist/esm/ui-menu/ColorPickerButton/index.js +7 -0
- package/dist/esm/ui-menu/DropdownMenu/index.js +1 -0
- package/dist/types/analytics/types/element-events.d.ts +10 -0
- package/dist/types/analytics/types/enums.d.ts +9 -1
- package/dist/types/analytics/types/events.d.ts +2 -1
- package/dist/types/analytics/types/highlight-events.d.ts +4 -2
- package/dist/types/analytics/types/index.d.ts +1 -0
- package/dist/types/extensions/types/extension-manifest-toolbar-item.d.ts +17 -2
- package/dist/types/keymaps/index.d.ts +1 -0
- package/dist/types/messages/help-dialog.d.ts +5 -0
- package/dist/types/ui/FloatingToolbar/Button.d.ts +2 -1
- package/dist/types/ui-color/ColorPalette/Color/index.d.ts +2 -8
- package/dist/types-ts4.5/analytics/types/element-events.d.ts +10 -0
- package/dist/types-ts4.5/analytics/types/enums.d.ts +9 -1
- package/dist/types-ts4.5/analytics/types/events.d.ts +2 -1
- package/dist/types-ts4.5/analytics/types/highlight-events.d.ts +4 -2
- package/dist/types-ts4.5/analytics/types/index.d.ts +1 -0
- package/dist/types-ts4.5/extensions/types/extension-manifest-toolbar-item.d.ts +17 -2
- package/dist/types-ts4.5/keymaps/index.d.ts +1 -0
- package/dist/types-ts4.5/messages/help-dialog.d.ts +5 -0
- package/dist/types-ts4.5/ui/FloatingToolbar/Button.d.ts +2 -1
- package/dist/types-ts4.5/ui-color/ColorPalette/Color/index.d.ts +2 -8
- package/package.json +1 -1
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { N30 } from '@atlaskit/theme/colors';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
3
4
|
export var buttonGroupStyle = css({
|
|
4
5
|
display: 'inline-flex',
|
|
5
6
|
alignItems: 'center',
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
8
|
'& > div': {
|
|
7
9
|
display: 'flex'
|
|
8
10
|
}
|
|
@@ -10,6 +12,7 @@ export var buttonGroupStyle = css({
|
|
|
10
12
|
|
|
11
13
|
// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
|
|
12
14
|
// If you make change here, change in above file as well.
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
13
16
|
export var separatorStyles = css({
|
|
14
17
|
background: "var(--ds-border, ".concat(N30, ")"),
|
|
15
18
|
width: '1px',
|
|
@@ -21,18 +24,23 @@ export var separatorStyles = css({
|
|
|
21
24
|
|
|
22
25
|
// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
|
|
23
26
|
// If you make change here, change in above file as well.
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
24
28
|
export var wrapperStyle = css({
|
|
25
29
|
display: 'flex',
|
|
26
30
|
alignItems: 'center',
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
27
32
|
'> div, > span': {
|
|
28
33
|
display: 'flex'
|
|
29
34
|
},
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
30
36
|
'> div > div': {
|
|
31
37
|
display: 'flex'
|
|
32
38
|
},
|
|
33
39
|
marginLeft: 0,
|
|
34
40
|
minWidth: 'auto'
|
|
35
41
|
});
|
|
42
|
+
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
36
44
|
export var triggerWrapperStyles = css({
|
|
37
45
|
display: 'flex'
|
|
38
46
|
});
|
|
@@ -20,5 +20,5 @@ var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
|
|
|
20
20
|
export var handleWrapperClass = 'resizer-handle-wrapper';
|
|
21
21
|
export var resizerHandleZIndex = 1;
|
|
22
22
|
|
|
23
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Seems perfectly safe to autofix, but comments would be lost…
|
|
23
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
|
|
24
24
|
export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n into the tooltip\n */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n Handle Positions\n */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n Handle Sizing\n */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\n\t\t/*\n Handle Alignment\n */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t// This below style is here to make sure the image width is correct when nested in a table\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, ".concat(N60, ")"), "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, ".concat(B50, ")"), "var(--ds-background-selected, ".concat(B50, ")"), akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
|
|
@@ -4,10 +4,11 @@ import { N30A } from '@atlaskit/theme/colors';
|
|
|
4
4
|
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
5
5
|
export var ruleSharedStyles = function ruleSharedStyles() {
|
|
6
6
|
return css({
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
7
8
|
'& hr': {
|
|
8
9
|
border: 'none',
|
|
9
10
|
backgroundColor: "var(--ds-border, ".concat(N30A, ")"),
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
11
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
11
12
|
margin: "".concat(akEditorLineHeight, "em 0"),
|
|
12
13
|
height: '2px',
|
|
13
14
|
borderRadius: '1px'
|
|
@@ -27,6 +27,7 @@ var shadowSharedStyle = css((_css = {}, _defineProperty(_css, "& .".concat(shado
|
|
|
27
27
|
display: 'none',
|
|
28
28
|
position: 'absolute',
|
|
29
29
|
pointerEvents: 'none',
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
30
31
|
zIndex: akEditorShadowZIndex,
|
|
31
32
|
width: "".concat(shadowWidth, "px"),
|
|
32
33
|
content: "''",
|
|
@@ -52,4 +53,6 @@ var shadowSharedStyle = css((_css = {}, _defineProperty(_css, "& .".concat(shado
|
|
|
52
53
|
width: '0px',
|
|
53
54
|
minWidth: '0px'
|
|
54
55
|
}), _css));
|
|
56
|
+
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
55
58
|
export { shadowSharedStyle };
|
|
@@ -9,5 +9,5 @@ import { SmartCardSharedCssClassName } from './smart-card';
|
|
|
9
9
|
export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
|
|
10
10
|
export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
|
|
11
11
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
12
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
13
13
|
export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > a {\n\t\t\t", "\n\t\t}\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div::after {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes') ? ".card-with-comment {\n background: ".concat("var(--ds-background-accent-yellow-subtler, ".concat(Y75, ")"), ";\n border-bottom: 2px solid ", "var(--ds-border-accent-yellow, ".concat(Y300, ")"), ";\n box-shadow: ", "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(N60A, ", -1px 2px 3px ").concat(N60A), ")"), ";\n }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(N0, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
|
|
@@ -17,6 +17,7 @@ var mapBackgroundColors = function mapBackgroundColors() {
|
|
|
17
17
|
});
|
|
18
18
|
return cssString;
|
|
19
19
|
};
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
20
21
|
export var tableCellBackgroundStyleOverride = function tableCellBackgroundStyleOverride() {
|
|
21
22
|
return css(mapBackgroundColors());
|
|
22
23
|
};
|
|
@@ -8,4 +8,6 @@ export var TaskDecisionSharedCssClassName = {
|
|
|
8
8
|
TASK_CONTAINER: 'taskItemView-content-wrap',
|
|
9
9
|
TASK_ITEM: 'task-item'
|
|
10
10
|
};
|
|
11
|
+
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
11
13
|
export var tasksAndDecisionsStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t.taskItemView-content-wrap,\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmin-width: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t.", " {\n\t\t\tspan[contenteditable='false'] {\n\t\t\t\theight: ", "em;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tline-height: ", ";\n\t\t}\n\t}\n\n\tdiv[data-task-local-id] {\n\t\tspan[contenteditable='false'] {\n\t\t\theight: ", "em;\n\t\t}\n\t\tspan[contenteditable='false'] + div {\n\t\t\tline-height: ", "em;\n\t\t}\n\t}\n\n\tdiv[data-task-list-local-id] {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\tdiv[data-task-list-local-id] {\n\t\t// If task item is not first in the list then set margin top to 4px.\n\t\tdiv + div {\n\t\t\tmargin-top: ", ";\n\t\t}\n\t}\n\n\t// If task list is not first in the document then set margin top to 4px.\n\tdiv[data-task-list-local-id] div[data-task-list-local-id] {\n\t\tmargin-top: ", ";\n\t\tmargin-left: ", ";\n\t}\n\n\t/* When action list is inside panel */\n\t.ak-editor-panel__content {\n\t\t> div[data-task-list-local-id]:first-child {\n\t\t\tmargin: 0 0 0 0 !important;\n\t\t}\n\t}\n"])), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorTableCellMinWidth, TaskDecisionSharedCssClassName.DECISION_CONTAINER, TaskDecisionSharedCssClassName.TASK_CONTAINER, akEditorLineHeight, TaskDecisionSharedCssClassName.TASK_ITEM, akEditorLineHeight, akEditorLineHeight, akEditorLineHeight, "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-300, 24px)");
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
2
4
|
export var textColorStyles = css({
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
3
6
|
'.fabric-text-color-mark': {
|
|
4
7
|
color: 'var(--custom-palette-color, inherit)'
|
|
5
8
|
},
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
10
|
'a .fabric-text-color-mark': {
|
|
7
11
|
color: 'unset'
|
|
8
12
|
}
|
|
@@ -9,5 +9,5 @@ export var UnsupportedSharedCssClassName = {
|
|
|
9
9
|
var inlineUnsupportedSelector = ".".concat(UnsupportedSharedCssClassName.INLINE_CONTAINER, " > span:nth-of-type(2)");
|
|
10
10
|
var blockUnsupportedSelector = ".".concat(UnsupportedSharedCssClassName.BLOCK_CONTAINER, " > div");
|
|
11
11
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
12
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
13
13
|
export var unsupportedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", ", ", " {\n\t\tcursor: pointer;\n\t}\n\n\t.", "", ",\n\t\t.", "", " {\n\t\t", "\n\t}\n\n\t.danger {\n\t\t.", "", ",\n\t\t\t.", "", " {\n\t\t\tborder: ", "px solid\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n"])), blockUnsupportedSelector, inlineUnsupportedSelector, akEditorSelectedNodeClassName, blockUnsupportedSelector, akEditorSelectedNodeClassName, inlineUnsupportedSelector, getSelectionStyles([SelectionStyle.Background, SelectionStyle.Border]), akEditorSelectedNodeClassName, blockUnsupportedSelector, akEditorSelectedNodeClassName, inlineUnsupportedSelector, akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"));
|
|
@@ -3,4 +3,6 @@ var whitespaceSharedStyles = css({
|
|
|
3
3
|
wordWrap: 'break-word',
|
|
4
4
|
whiteSpace: 'pre-wrap'
|
|
5
5
|
});
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
6
8
|
export { whitespaceSharedStyles };
|
|
@@ -16,10 +16,10 @@ export var StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
|
|
|
16
16
|
return StatusClassNames;
|
|
17
17
|
}({});
|
|
18
18
|
|
|
19
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
20
20
|
var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: 2px solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border, #fff)", "var(--ds-border-radius-100, 4px)", "var(--ds-surface-overlay, ".concat(N20, ")"), "var(--ds-surface-overlay-hovered, ".concat(N30, ")"), "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", SORTABLE_COLUMN_ICON_CLASSNAME);
|
|
21
21
|
|
|
22
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
23
23
|
var iconWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), StatusClassNames.DESC, SORTABLE_COLUMN_ICON_CLASSNAME);
|
|
24
24
|
|
|
25
25
|
// The icon is created with CSS due to the following Firefox issue: https://product-fabric.atlassian.net/browse/ED-8001
|
|
@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
|
|
|
15
15
|
import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
|
|
16
16
|
import Layer from '../Layer';
|
|
17
17
|
var packageName = "@atlaskit/editor-common";
|
|
18
|
-
var packageVersion = "82.
|
|
18
|
+
var packageVersion = "82.5.0";
|
|
19
19
|
var halfFocusRing = 1;
|
|
20
20
|
var dropOffset = '0, 8';
|
|
21
21
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -29,7 +29,9 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
29
29
|
}
|
|
30
30
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
31
31
|
_defineProperty(_assertThisInitialized(_this), "wrapperStyles", css({
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
32
33
|
display: _this.props.shouldFitContainer ? 'block' : 'inline-flex',
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
33
35
|
flex: _this.props.shouldFitContainer ? '1 1 auto' : undefined,
|
|
34
36
|
transitionDuration: '0.2s',
|
|
35
37
|
transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)'
|
|
@@ -37,7 +39,9 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
37
39
|
_defineProperty(_assertThisInitialized(_this), "triggerStyles", css({
|
|
38
40
|
transitionDuration: '0.2s',
|
|
39
41
|
transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
40
43
|
display: _this.props.shouldFitContainer ? 'block' : 'inline-flex',
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
41
45
|
boxSizing: _this.props.shouldFitContainer ? 'border-box' : undefined
|
|
42
46
|
}));
|
|
43
47
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
@@ -60,16 +60,21 @@ var expandIconWrapperStyle = function expandIconWrapperStyle() {
|
|
|
60
60
|
'&:hover': {
|
|
61
61
|
background: "var(--ds-background-neutral-subtle-hovered, ".concat(N30A, ")")
|
|
62
62
|
},
|
|
63
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
63
64
|
svg: {
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
64
66
|
transition: "transform 0.2s ".concat(akEditorSwoopCubicBezier)
|
|
65
67
|
}
|
|
66
68
|
});
|
|
67
69
|
};
|
|
68
70
|
var expandIconWrapperExpandedStyle = css({
|
|
71
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
69
72
|
svg: {
|
|
70
73
|
transform: 'rotate(90deg)'
|
|
71
74
|
}
|
|
72
75
|
});
|
|
76
|
+
|
|
77
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
73
78
|
export var expandLayoutWrapperStyle = css({
|
|
74
79
|
width: "var(--ds-space-300, 24px)",
|
|
75
80
|
height: "var(--ds-space-300, 24px)"
|
|
@@ -91,16 +96,20 @@ var containerStyles = function containerStyles(styleProps) {
|
|
|
91
96
|
// Only only these margins if the expand isn't editable
|
|
92
97
|
// and is the root level expand.
|
|
93
98
|
var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(akLayoutGutterOffset, "px") : 0;
|
|
99
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
94
100
|
var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
|
|
95
101
|
return function () {
|
|
96
102
|
return css({
|
|
97
103
|
borderWidth: '1px',
|
|
98
104
|
borderStyle: 'solid',
|
|
105
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
99
106
|
borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
|
|
100
107
|
borderRadius: BORDER_RADIUS,
|
|
101
108
|
minHeight: '25px',
|
|
109
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
102
110
|
background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
|
|
103
111
|
margin: margin,
|
|
112
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
104
113
|
transition: "background 0.3s ".concat(akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(akEditorSwoopCubicBezier),
|
|
105
114
|
padding: "var(--ds-space-100, 8px)",
|
|
106
115
|
'&:hover': {
|
|
@@ -110,6 +119,7 @@ var containerStyles = function containerStyles(styleProps) {
|
|
|
110
119
|
border: "1px solid ".concat("var(--ds-border, ".concat(N50A, ")")),
|
|
111
120
|
background: EXPAND_SELECTED_BACKGROUND
|
|
112
121
|
},
|
|
122
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
113
123
|
'td > :not(style):first-child, td > style:first-child + *': {
|
|
114
124
|
marginTop: 0
|
|
115
125
|
}
|
|
@@ -127,7 +137,9 @@ var titleInputStyles = function titleInputStyles() {
|
|
|
127
137
|
return css({
|
|
128
138
|
outline: 'none',
|
|
129
139
|
border: 'none',
|
|
140
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
130
141
|
fontSize: relativeFontSizeToBase16(fontSize()),
|
|
142
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
131
143
|
lineHeight: akEditorLineHeight,
|
|
132
144
|
fontWeight: 'normal',
|
|
133
145
|
color: "var(--ds-text-subtlest, ".concat(N200A, ")"),
|
|
@@ -149,6 +161,7 @@ var titleContainerStyles = function titleContainerStyles() {
|
|
|
149
161
|
alignItems: 'flex-start',
|
|
150
162
|
background: 'none',
|
|
151
163
|
border: 'none',
|
|
164
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
152
165
|
fontSize: relativeFontSizeToBase16(fontSize()),
|
|
153
166
|
width: '100%',
|
|
154
167
|
color: "var(--ds-text-subtle, ".concat(N300A, ")"),
|
|
@@ -27,6 +27,7 @@ export default (function (_ref) {
|
|
|
27
27
|
children = _ref.children,
|
|
28
28
|
className = _ref.className,
|
|
29
29
|
tooltipContent = _ref.tooltipContent,
|
|
30
|
+
tooltipStyle = _ref.tooltipStyle,
|
|
30
31
|
testId = _ref.testId,
|
|
31
32
|
_ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
|
|
32
33
|
hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
|
|
@@ -47,6 +48,7 @@ export default (function (_ref) {
|
|
|
47
48
|
// Only fallback to title for tooltip if title is not shown
|
|
48
49
|
, {
|
|
49
50
|
content: tooltipContent || (iconOnly ? title : undefined),
|
|
51
|
+
component: tooltipStyle,
|
|
50
52
|
hideTooltipOnClick: hideTooltipOnClick,
|
|
51
53
|
position: "top"
|
|
52
54
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -82,7 +82,9 @@ export default function MediaSingle(_ref) {
|
|
|
82
82
|
media = _children[0],
|
|
83
83
|
caption = _children[1];
|
|
84
84
|
return jsx("div", _extends({
|
|
85
|
-
ref: handleMediaSingleRef
|
|
85
|
+
ref: handleMediaSingleRef
|
|
86
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
87
|
+
,
|
|
86
88
|
css: MediaSingleDimensionHelper({
|
|
87
89
|
width: width,
|
|
88
90
|
layout: layout,
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
2
4
|
export var mediaLinkStyle = css({
|
|
3
5
|
position: 'absolute',
|
|
4
6
|
background: 'transparent',
|
|
@@ -175,9 +175,12 @@ export var mediaWrapperStyle = function mediaWrapperStyle(props) {
|
|
|
175
175
|
export var MediaWrapper = function MediaWrapper(_ref3) {
|
|
176
176
|
var children = _ref3.children,
|
|
177
177
|
rest = _objectWithoutProperties(_ref3, _excluded);
|
|
178
|
-
return
|
|
179
|
-
css
|
|
180
|
-
|
|
178
|
+
return (
|
|
179
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
180
|
+
jsx("div", {
|
|
181
|
+
css: mediaWrapperStyle(rest)
|
|
182
|
+
}, children)
|
|
183
|
+
);
|
|
181
184
|
};
|
|
182
185
|
MediaWrapper.displayName = 'WrapperMediaSingle';
|
|
183
186
|
|
|
@@ -11,14 +11,19 @@ var errorColor = css({
|
|
|
11
11
|
var validColor = css({
|
|
12
12
|
color: "var(--ds-text-success, ".concat(G400, ")")
|
|
13
13
|
});
|
|
14
|
+
|
|
15
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
14
16
|
var messageStyle = function messageStyle() {
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
return (
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
19
|
+
css(h200(), {
|
|
20
|
+
fontWeight: 'normal',
|
|
21
|
+
color: "var(--ds-text-subtlest, ".concat(N200, ")"),
|
|
22
|
+
marginTop: "var(--ds-space-050, 4px)",
|
|
23
|
+
display: 'flex',
|
|
24
|
+
justifyContent: 'baseline'
|
|
25
|
+
})
|
|
26
|
+
);
|
|
22
27
|
};
|
|
23
28
|
var iconWrapperStyle = css({
|
|
24
29
|
display: 'flex',
|
|
@@ -3,26 +3,35 @@
|
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
4
|
// Wraps the navigation bar and extensionFrames
|
|
5
5
|
var mbeExtensionContainer = css({
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
6
7
|
background: 'transparent !important',
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
7
9
|
'padding:': {
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
8
11
|
left: "var(--ds-space-100, 8px)".concat(" !important"),
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
9
13
|
right: "var(--ds-space-100, 8px)".concat(" !important")
|
|
10
14
|
},
|
|
11
15
|
paddingBottom: "var(--ds-space-100, 8px)",
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
12
17
|
'&.remove-padding': {
|
|
13
18
|
paddingBottom: 0
|
|
14
19
|
},
|
|
15
20
|
position: 'relative',
|
|
16
21
|
verticalAlign: 'middle',
|
|
17
22
|
cursor: 'pointer',
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
24
|
'.multiBodiedExtension-handler-result': {
|
|
19
25
|
marginLeft: "var(--ds-space-100, 8px)"
|
|
20
26
|
},
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
21
28
|
".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'], .multiBodiedExtension--frames > [data-extension-frame='true']": {
|
|
22
29
|
display: 'none',
|
|
23
30
|
background: "var(--ds-surface, white)"
|
|
24
31
|
},
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
25
33
|
'.multiBodiedExtension-content-dom-wrapper, .multiBodiedExtension--frames': {
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
26
35
|
"[data-extension-frame='true'] > :not(style):first-child, [data-extension-frame='true'] > style:first-child + *": {
|
|
27
36
|
marginTop: 0
|
|
28
37
|
}
|
|
@@ -33,18 +42,22 @@ var mbeNavigation = css({
|
|
|
33
42
|
borderTopRightRadius: "var(--ds-border-radius, 3px)",
|
|
34
43
|
userSelect: 'none',
|
|
35
44
|
WebkitUserModify: 'read-only',
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
36
46
|
borderBottom: 'none !important',
|
|
37
47
|
background: "var(--ds-surface, white)",
|
|
38
48
|
marginLeft: "var(--ds-space-100, 8px)",
|
|
39
49
|
marginRight: "var(--ds-space-100, 8px)",
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
40
51
|
'&.remove-margins': {
|
|
41
52
|
margin: "var(--ds-space-negative-100, -8px)"
|
|
42
53
|
},
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
43
55
|
'&.remove-border': {
|
|
44
56
|
border: 'none'
|
|
45
57
|
}
|
|
46
58
|
});
|
|
47
59
|
var extensionFrameContent = css({
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
48
61
|
padding: "var(--ds-space-100, 8px)".concat(" !important"),
|
|
49
62
|
display: 'block',
|
|
50
63
|
minHeight: '100px',
|
|
@@ -54,22 +67,33 @@ var extensionFrameContent = css({
|
|
|
54
67
|
marginLeft: "var(--ds-space-100, 8px)",
|
|
55
68
|
marginRight: "var(--ds-space-100, 8px)",
|
|
56
69
|
cursor: 'initial',
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
57
71
|
'.pm-table-with-controls': {
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
58
73
|
marginLeft: "var(--ds-space-150, 12px)".concat(" !important"),
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
59
75
|
paddingRight: "var(--ds-space-150, 12px)".concat(" !important")
|
|
60
76
|
},
|
|
77
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
61
78
|
'.bodiedExtensionView-content-wrap': {
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
62
80
|
marginTop: "var(--ds-space-150, 12px)".concat(" !important")
|
|
63
81
|
},
|
|
82
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
64
83
|
'.extensionView-content-wrap': {
|
|
84
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
65
85
|
marginTop: "var(--ds-space-100, 8px)".concat(" !important")
|
|
66
86
|
}
|
|
67
87
|
});
|
|
88
|
+
|
|
89
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
68
90
|
export var removeMarginsAndBorder = css({
|
|
69
91
|
marginLeft: 0,
|
|
70
92
|
marginRight: 0,
|
|
71
93
|
border: 'none'
|
|
72
94
|
});
|
|
95
|
+
|
|
96
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
73
97
|
export var sharedMultiBodiedExtensionStyles = {
|
|
74
98
|
mbeExtensionContainer: mbeExtensionContainer,
|
|
75
99
|
mbeNavigation: mbeNavigation,
|
|
@@ -119,6 +119,7 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
119
119
|
inputId = _this$props2.inputId;
|
|
120
120
|
var value = this.state.value;
|
|
121
121
|
return jsx("input", {
|
|
122
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
122
123
|
css: [panelTextInput, width !== undefined && panelTextInputWithCustomWidth(width)],
|
|
123
124
|
role: role,
|
|
124
125
|
"aria-autocomplete": ariaAutoComplete ? 'list' : undefined,
|
|
@@ -2,7 +2,9 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import { B100, N100, N30, N400 } from '@atlaskit/theme/colors';
|
|
4
4
|
// Normal .className gets overridden by input[type=text] hence this hack to produce input.className
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
6
|
export var panelTextInput = css({
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
6
8
|
'input&': {
|
|
7
9
|
background: 'transparent',
|
|
8
10
|
border: "2px solid ".concat("var(--ds-border, ".concat(N30, ")")),
|
|
@@ -10,11 +12,13 @@ export var panelTextInput = css({
|
|
|
10
12
|
boxSizing: 'content-box',
|
|
11
13
|
color: "var(--ds-text-subtle, ".concat(N400, ")"),
|
|
12
14
|
flexGrow: 1,
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
13
16
|
fontSize: relativeFontSizeToBase16(13),
|
|
14
17
|
lineHeight: '20px',
|
|
15
18
|
padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-400, 32px)", " ", "var(--ds-space-075, 6px)", " ", "var(--ds-space-100, 8px)"),
|
|
16
19
|
minWidth: '145px',
|
|
17
20
|
/* Hides IE10+ built-in [x] clear input button */
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
18
22
|
'&::-ms-clear': {
|
|
19
23
|
display: 'none'
|
|
20
24
|
},
|
|
@@ -29,7 +33,9 @@ export var panelTextInput = css({
|
|
|
29
33
|
});
|
|
30
34
|
export var panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
|
|
31
35
|
return css({
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
32
37
|
'input&': {
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
33
39
|
width: "".concat(width, "px")
|
|
34
40
|
}
|
|
35
41
|
});
|
|
@@ -287,6 +287,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
|
|
|
287
287
|
style: _objectSpread(_objectSpread({
|
|
288
288
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
289
289
|
position: 'absolute',
|
|
290
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
290
291
|
zIndex: this.props.zIndex || akEditorFloatingPanelZIndex
|
|
291
292
|
}, position), this.props.style),
|
|
292
293
|
"aria-label": ariaLabel,
|
|
@@ -14,10 +14,12 @@ import { getUnsupportedContent } from '../unsupported-content-helper';
|
|
|
14
14
|
var blockNodeStyle = css({
|
|
15
15
|
background: "var(--ds-background-disabled, ".concat(N30, ")"),
|
|
16
16
|
border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(N50, ")")),
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
17
18
|
borderRadius: "".concat(borderRadius(), "px"),
|
|
18
19
|
boxSizing: 'border-box',
|
|
19
20
|
cursor: 'default',
|
|
20
21
|
display: 'flex',
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
21
23
|
fontSize: relativeFontSizeToBase16(fontSize()),
|
|
22
24
|
margin: "var(--ds-space-100, 8px)".concat(" 0"),
|
|
23
25
|
minHeight: '24px',
|
|
@@ -15,10 +15,12 @@ var inlineNodeStyle = css({
|
|
|
15
15
|
alignItems: 'center',
|
|
16
16
|
background: "var(--ds-background-disabled, ".concat(N30, ")"),
|
|
17
17
|
border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(N50, ")")),
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
18
19
|
borderRadius: "".concat(borderRadius(), "px"),
|
|
19
20
|
boxSizing: 'border-box',
|
|
20
21
|
cursor: 'default',
|
|
21
22
|
display: 'inline-flex',
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
22
24
|
fontSize: relativeFontSizeToBase16(fontSize()),
|
|
23
25
|
margin: "0 ".concat("var(--ds-space-025, 2px)"),
|
|
24
26
|
minHeight: '24px',
|
|
@@ -3,9 +3,11 @@ import { css } from '@emotion/react';
|
|
|
3
3
|
|
|
4
4
|
// We use !important to ensure next sibling gets the margin reset no matter what
|
|
5
5
|
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
6
7
|
export var clearNextSiblingMarginTopStyle = css({
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
7
9
|
'& + *': {
|
|
8
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
10
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
9
11
|
marginTop: '0 !important'
|
|
10
12
|
}
|
|
11
13
|
});
|
|
@@ -13,7 +15,9 @@ var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
|
|
|
13
15
|
var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
|
|
14
16
|
return "+ .fabric-editor-block-mark > ".concat(elem);
|
|
15
17
|
}).join(',');
|
|
18
|
+
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
16
20
|
export var clearNextSiblingBlockMarkMarginTopStyle = css(_defineProperty({}, "".concat(nextSiblingBlockMarkContentSelectors), {
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
21
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
18
22
|
marginTop: '0 !important'
|
|
19
23
|
}));
|
|
@@ -58,7 +58,7 @@ function FunctionalComponentColor(props) {
|
|
|
58
58
|
border: "1px solid ".concat(borderColor)
|
|
59
59
|
},
|
|
60
60
|
autoFocus: autoFocus
|
|
61
|
-
}, isSelected && jsx(EditorDoneIcon, {
|
|
61
|
+
}, !decorator && isSelected && jsx(EditorDoneIcon, {
|
|
62
62
|
primaryColor: checkMarkColor,
|
|
63
63
|
label: ""
|
|
64
64
|
}), decorator)));
|
|
@@ -105,7 +105,9 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
|
|
|
105
105
|
}, jsx("span", {
|
|
106
106
|
css: buttonWrapperStyle
|
|
107
107
|
}, jsx("button", {
|
|
108
|
-
type: "button"
|
|
108
|
+
type: "button"
|
|
109
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
110
|
+
,
|
|
109
111
|
css: buttonStyle,
|
|
110
112
|
"aria-label": label,
|
|
111
113
|
role: "radio",
|
|
@@ -129,5 +131,10 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
|
|
|
129
131
|
}]);
|
|
130
132
|
return ClassComponentColor;
|
|
131
133
|
}(PureComponent);
|
|
132
|
-
var Color =
|
|
134
|
+
var Color = function Color(props) {
|
|
135
|
+
if (getBooleanFF('platform.editor.transparent-diagonal-decorator')) {
|
|
136
|
+
return jsx(FunctionalComponentColor, props);
|
|
137
|
+
}
|
|
138
|
+
return jsx(ClassComponentColor, props);
|
|
139
|
+
};
|
|
133
140
|
export default Color;
|
|
@@ -2,6 +2,7 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { N0, N50, N900 } from '@atlaskit/theme/colors';
|
|
3
3
|
/** this is not new usage - old code extracted from editor-core */
|
|
4
4
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
6
|
export var buttonStyle = css({
|
|
6
7
|
height: '26px',
|
|
7
8
|
width: '26px',
|
|
@@ -16,6 +17,7 @@ export var buttonStyle = css({
|
|
|
16
17
|
|
|
17
18
|
/** this is not new usage - old code extracted from editor-core */
|
|
18
19
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
19
21
|
export var buttonWrapperStyle = css({
|
|
20
22
|
border: '1px solid transparent',
|
|
21
23
|
fontSize: 0,
|
|
@@ -24,6 +26,7 @@ export var buttonWrapperStyle = css({
|
|
|
24
26
|
padding: "var(--ds-space-025, 2px)",
|
|
25
27
|
borderRadius: '6px',
|
|
26
28
|
'&:focus-within, &:focus, &:hover': {
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
27
30
|
borderColor: "".concat("var(--ds-border, ".concat(N50, ")"), " !important")
|
|
28
31
|
}
|
|
29
32
|
});
|