@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
|
@@ -2,20 +2,26 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import { B200, N30A } from '@atlaskit/theme/colors';
|
|
4
4
|
export const GRID_GUTTER = 12;
|
|
5
|
+
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
7
|
export const gridStyles = css({
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
9
|
'.gridParent': {
|
|
7
10
|
width: `calc(100% + ${GRID_GUTTER * 2}px)`,
|
|
8
11
|
marginLeft: "var(--ds-space-negative-150, -12px)",
|
|
9
12
|
marginRight: "var(--ds-space-negative-150, -12px)",
|
|
10
13
|
transform: 'scale(1)',
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
11
15
|
zIndex: akEditorGridLineZIndex
|
|
12
16
|
},
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
13
18
|
'.gridContainer': {
|
|
14
19
|
position: 'fixed',
|
|
15
20
|
height: '100vh',
|
|
16
21
|
width: '100%',
|
|
17
22
|
pointerEvents: 'none'
|
|
18
23
|
},
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
19
25
|
'.gridLine': {
|
|
20
26
|
borderLeft: `1px solid ${`var(--ds-border, ${N30A})`}`,
|
|
21
27
|
display: 'inline-block',
|
|
@@ -26,6 +32,7 @@ export const gridStyles = css({
|
|
|
26
32
|
transition: 'border-color 0.15s linear',
|
|
27
33
|
zIndex: 0
|
|
28
34
|
},
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
29
36
|
'.highlight': {
|
|
30
37
|
borderLeft: `1px solid ${`var(--ds-border-focused, ${B200})`}`
|
|
31
38
|
}
|
|
@@ -5,31 +5,43 @@ import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography';
|
|
|
5
5
|
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
6
6
|
// text sizing prototype: http://proto/fabricrender/
|
|
7
7
|
export const headingsSharedStyles = () => css({
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
8
9
|
'& h1': {
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
9
11
|
...h700(),
|
|
10
12
|
marginBottom: 0,
|
|
11
13
|
marginTop: '1.667em'
|
|
12
14
|
},
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
13
16
|
'& h2': {
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
14
18
|
...h600(),
|
|
15
19
|
marginTop: '1.8em',
|
|
16
20
|
marginBottom: 0
|
|
17
21
|
},
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
23
|
'& h3': {
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
19
25
|
...h500(),
|
|
20
26
|
marginTop: '2em',
|
|
21
27
|
marginBottom: 0
|
|
22
28
|
},
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
23
30
|
'& h4': {
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
24
32
|
...h400(),
|
|
25
33
|
marginTop: '1.357em'
|
|
26
34
|
},
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
27
36
|
'& h5': {
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
28
38
|
...h300(),
|
|
29
39
|
marginTop: '1.667em',
|
|
30
40
|
textTransform: 'none'
|
|
31
41
|
},
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
32
43
|
'& h6': {
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
33
45
|
...h100(),
|
|
34
46
|
marginTop: '1.455em',
|
|
35
47
|
textTransform: 'none'
|
|
@@ -1,22 +1,31 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/design-system/use-tokens-space */
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
+
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
3
5
|
export const indentationSharedStyles = css({
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
4
7
|
'.fabric-editor-indentation-mark': {
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
5
9
|
"&[data-level='1']": {
|
|
6
10
|
marginLeft: '30px'
|
|
7
11
|
},
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
8
13
|
"&[data-level='2']": {
|
|
9
14
|
marginLeft: '60px'
|
|
10
15
|
},
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
11
17
|
"&[data-level='3']": {
|
|
12
18
|
marginLeft: '90px'
|
|
13
19
|
},
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
14
21
|
"&[data-level='4']": {
|
|
15
22
|
marginLeft: '120px'
|
|
16
23
|
},
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
25
|
"&[data-level='5']": {
|
|
18
26
|
marginLeft: '150px'
|
|
19
27
|
},
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
29
|
"&[data-level='6']": {
|
|
21
30
|
marginLeft: '180px'
|
|
22
31
|
}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
const linkSharedStyle = css({
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
3
4
|
'a.blockLink': {
|
|
4
5
|
display: 'block'
|
|
5
6
|
}
|
|
6
7
|
});
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
7
10
|
export { linkSharedStyle };
|
|
@@ -34,7 +34,7 @@ export function getOrderedListInlineStyles(itemCounterDigitsSize, styleFormat) {
|
|
|
34
34
|
return style;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- There is some "flow-root" hack that is not actually valid css. Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
|
|
37
|
+
// 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, There is some "flow-root" hack that is not actually valid css. Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
|
|
38
38
|
export const listsSharedStyles = css`
|
|
39
39
|
/* =============== INDENTATION SPACING ========= */
|
|
40
40
|
|
|
@@ -2,45 +2,58 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
const richMediaClassName = 'rich-media-item';
|
|
3
3
|
const wrappedMediaBreakoutPoint = 410;
|
|
4
4
|
const mediaSingleSharedStyle = css({
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
5
6
|
[`li .${richMediaClassName}`]: {
|
|
6
7
|
margin: 0
|
|
7
8
|
},
|
|
8
9
|
// Hack for chrome to fix media single position inside a list when media is the first child
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
9
11
|
'&.ua-chrome li > .mediaSingleView-content-wrap::before': {
|
|
10
12
|
content: "''",
|
|
11
13
|
display: 'block',
|
|
12
14
|
height: 0
|
|
13
15
|
},
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
14
17
|
'&.ua-firefox': {
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
19
|
'.mediaSingleView-content-wrap': {
|
|
16
20
|
userSelect: 'none'
|
|
17
21
|
},
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
23
|
'.captionView-content-wrap': {
|
|
19
24
|
userSelect: 'text'
|
|
20
25
|
}
|
|
21
26
|
},
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
28
|
".mediaSingleView-content-wrap[layout='center']": {
|
|
23
29
|
clear: 'both'
|
|
24
30
|
},
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
25
32
|
[`table .${richMediaClassName}`]: {
|
|
26
33
|
marginTop: "var(--ds-space-150, 12px)",
|
|
27
34
|
marginBottom: "var(--ds-space-150, 12px)",
|
|
28
35
|
clear: 'both',
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
29
37
|
'&.image-wrap-left, &.image-wrap-right': {
|
|
30
38
|
clear: 'none',
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
31
40
|
'&:first-child': {
|
|
32
41
|
marginTop: "var(--ds-space-150, 12px)"
|
|
33
42
|
}
|
|
34
43
|
}
|
|
35
44
|
},
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
36
46
|
[`.${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-left`]: {
|
|
37
47
|
clear: 'both'
|
|
38
48
|
},
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
39
50
|
[`.${richMediaClassName}.image-wrap-left + .${richMediaClassName}.image-wrap-right, .${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-left, .${richMediaClassName}.image-wrap-left + .${richMediaClassName}.image-wrap-left, .${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-right`]: {
|
|
40
51
|
marginRight: 0,
|
|
41
52
|
marginLeft: 0
|
|
42
53
|
},
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
43
55
|
[`@media all and (max-width: ${wrappedMediaBreakoutPoint}px)`]: {
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
44
57
|
"div.mediaSingleView-content-wrap[layout='wrap-left'], div.mediaSingleView-content-wrap[data-layout='wrap-left'], div.mediaSingleView-content-wrap[layout='wrap-right'], div.mediaSingleView-content-wrap[data-layout='wrap-right']": {
|
|
45
58
|
float: 'none',
|
|
46
59
|
overflow: 'auto',
|
|
@@ -48,4 +61,6 @@ const mediaSingleSharedStyle = css({
|
|
|
48
61
|
}
|
|
49
62
|
}
|
|
50
63
|
});
|
|
64
|
+
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
51
66
|
export { mediaSingleSharedStyle, richMediaClassName };
|
|
@@ -252,5 +252,6 @@ export const panelSharedStylesWithoutPrefix = () => css`
|
|
|
252
252
|
}
|
|
253
253
|
`;
|
|
254
254
|
export const panelSharedStyles = () => css({
|
|
255
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
255
256
|
[`.${PanelSharedCssClassName.prefix}`]: panelSharedStylesWithoutPrefix()
|
|
256
257
|
});
|
|
@@ -2,12 +2,15 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
|
|
4
4
|
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
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 const paragraphSharedStyles = css({
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
8
|
'& p': {
|
|
7
9
|
fontSize: '1em',
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
8
11
|
lineHeight: akEditorLineHeight,
|
|
9
12
|
fontWeight: 'normal',
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
13
|
+
// 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
14
|
marginTop: blockNodesVerticalMargin,
|
|
12
15
|
marginBottom: 0,
|
|
13
16
|
letterSpacing: '-0.005em'
|
|
@@ -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 const 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 const 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 const separatorStyles = css({
|
|
14
17
|
background: `var(--ds-border, ${N30})`,
|
|
15
18
|
width: '1px',
|
|
@@ -21,18 +24,23 @@ export const 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 const 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 const triggerWrapperStyles = css({
|
|
37
45
|
display: 'flex'
|
|
38
46
|
});
|
|
@@ -18,7 +18,7 @@ const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
|
|
|
18
18
|
export const handleWrapperClass = 'resizer-handle-wrapper';
|
|
19
19
|
export const resizerHandleZIndex = 1;
|
|
20
20
|
|
|
21
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Seems perfectly safe to autofix, but comments would be lost…
|
|
21
|
+
// 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…
|
|
22
22
|
export const resizerStyles = css`
|
|
23
23
|
.${resizerItemClassName} {
|
|
24
24
|
will-change: width;
|
|
@@ -3,10 +3,11 @@ import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
|
|
|
3
3
|
import { N30A } from '@atlaskit/theme/colors';
|
|
4
4
|
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
5
5
|
export const ruleSharedStyles = () => css({
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
7
|
'& hr': {
|
|
7
8
|
border: 'none',
|
|
8
9
|
backgroundColor: `var(--ds-border, ${N30A})`,
|
|
9
|
-
// 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-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
10
11
|
margin: `${akEditorLineHeight}em 0`,
|
|
11
12
|
height: '2px',
|
|
12
13
|
borderRadius: '1px'
|
|
@@ -22,39 +22,48 @@ const shadowWidth = 8;
|
|
|
22
22
|
*/
|
|
23
23
|
|
|
24
24
|
const shadowSharedStyle = css({
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
25
26
|
[`& .${shadowClassNames.RIGHT_SHADOW}::before, .${shadowClassNames.RIGHT_SHADOW}::after, .${shadowClassNames.LEFT_SHADOW}::before, .${shadowClassNames.LEFT_SHADOW}::after`]: {
|
|
26
27
|
display: 'none',
|
|
27
28
|
position: 'absolute',
|
|
28
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
|
|
29
31
|
zIndex: akEditorShadowZIndex,
|
|
30
32
|
width: `${shadowWidth}px`,
|
|
31
33
|
content: "''",
|
|
32
34
|
height: 'calc(100%)'
|
|
33
35
|
},
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
34
37
|
[`& .${shadowClassNames.RIGHT_SHADOW}, .${shadowClassNames.LEFT_SHADOW}`]: {
|
|
35
38
|
position: 'relative'
|
|
36
39
|
},
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
37
41
|
[`& .${shadowClassNames.LEFT_SHADOW}::before`]: {
|
|
38
42
|
background: `linear-gradient( to left, transparent 0, ${`var(--ds-shadow-overflow-spread, ${N40A})`} 140% ), linear-gradient( to right, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
|
|
39
43
|
top: '0px',
|
|
40
44
|
left: 0,
|
|
41
45
|
display: 'block'
|
|
42
46
|
},
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
43
48
|
[`& .${shadowClassNames.RIGHT_SHADOW}::after`]: {
|
|
44
49
|
background: `linear-gradient( to right, transparent 0, ${`var(--ds-shadow-overflow-spread, ${N40A})`} 140% ), linear-gradient( to left, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px )`,
|
|
45
50
|
right: '0px',
|
|
46
51
|
top: '0px',
|
|
47
52
|
display: 'block'
|
|
48
53
|
},
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
49
55
|
[`& .${shadowObserverClassNames.SENTINEL_LEFT}`]: {
|
|
50
56
|
height: '100%',
|
|
51
57
|
width: '0px',
|
|
52
58
|
minWidth: '0px'
|
|
53
59
|
},
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
54
61
|
[`& .${shadowObserverClassNames.SENTINEL_RIGHT}`]: {
|
|
55
62
|
height: '100%',
|
|
56
63
|
width: '0px',
|
|
57
64
|
minWidth: '0px'
|
|
58
65
|
}
|
|
59
66
|
});
|
|
67
|
+
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
60
69
|
export { shadowSharedStyle };
|
|
@@ -7,7 +7,7 @@ import { SmartCardSharedCssClassName } from './smart-card';
|
|
|
7
7
|
export const DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
|
|
8
8
|
export const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
|
|
9
9
|
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
10
|
+
// 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
|
|
11
11
|
export const smartCardStyles = css`
|
|
12
12
|
.${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER} {
|
|
13
13
|
max-width: calc(100% - 20px);
|
|
@@ -6,6 +6,8 @@ export const TaskDecisionSharedCssClassName = {
|
|
|
6
6
|
TASK_CONTAINER: 'taskItemView-content-wrap',
|
|
7
7
|
TASK_ITEM: 'task-item'
|
|
8
8
|
};
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
9
11
|
export const tasksAndDecisionsStyles = css`
|
|
10
12
|
.ProseMirror {
|
|
11
13
|
.taskItemView-content-wrap,
|
|
@@ -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 const 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
|
}
|
|
@@ -7,7 +7,7 @@ export const UnsupportedSharedCssClassName = {
|
|
|
7
7
|
const inlineUnsupportedSelector = `.${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span:nth-of-type(2)`;
|
|
8
8
|
const blockUnsupportedSelector = `.${UnsupportedSharedCssClassName.BLOCK_CONTAINER} > div`;
|
|
9
9
|
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
10
|
+
// 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
|
|
11
11
|
export const unsupportedStyles = css`
|
|
12
12
|
${blockUnsupportedSelector}, ${inlineUnsupportedSelector} {
|
|
13
13
|
cursor: pointer;
|
|
@@ -3,4 +3,6 @@ const 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 };
|
|
@@ -14,7 +14,7 @@ export let StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
|
|
|
14
14
|
return StatusClassNames;
|
|
15
15
|
}({});
|
|
16
16
|
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
17
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
18
18
|
const buttonStyles = css`
|
|
19
19
|
position: absolute;
|
|
20
20
|
display: flex;
|
|
@@ -43,7 +43,7 @@ const buttonStyles = css`
|
|
|
43
43
|
}
|
|
44
44
|
`;
|
|
45
45
|
|
|
46
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
46
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
47
47
|
const iconWrapperStyles = css`
|
|
48
48
|
width: 8px;
|
|
49
49
|
height: 12px;
|
|
@@ -7,14 +7,16 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
|
|
|
7
7
|
import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
|
|
8
8
|
import Layer from '../Layer';
|
|
9
9
|
const packageName = "@atlaskit/editor-common";
|
|
10
|
-
const packageVersion = "82.
|
|
10
|
+
const packageVersion = "82.5.0";
|
|
11
11
|
const halfFocusRing = 1;
|
|
12
12
|
const dropOffset = '0, 8';
|
|
13
13
|
class DropList extends Component {
|
|
14
14
|
constructor(...args) {
|
|
15
15
|
super(...args);
|
|
16
16
|
_defineProperty(this, "wrapperStyles", css({
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
17
18
|
display: this.props.shouldFitContainer ? 'block' : 'inline-flex',
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
18
20
|
flex: this.props.shouldFitContainer ? '1 1 auto' : undefined,
|
|
19
21
|
transitionDuration: '0.2s',
|
|
20
22
|
transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)'
|
|
@@ -22,7 +24,9 @@ class DropList extends Component {
|
|
|
22
24
|
_defineProperty(this, "triggerStyles", css({
|
|
23
25
|
transitionDuration: '0.2s',
|
|
24
26
|
transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
25
28
|
display: this.props.shouldFitContainer ? 'block' : 'inline-flex',
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
26
30
|
boxSizing: this.props.shouldFitContainer ? 'border-box' : undefined
|
|
27
31
|
}));
|
|
28
32
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
@@ -54,15 +54,20 @@ const expandIconWrapperStyle = () => css({
|
|
|
54
54
|
'&:hover': {
|
|
55
55
|
background: `var(--ds-background-neutral-subtle-hovered, ${N30A})`
|
|
56
56
|
},
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
57
58
|
svg: {
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
58
60
|
transition: `transform 0.2s ${akEditorSwoopCubicBezier}`
|
|
59
61
|
}
|
|
60
62
|
});
|
|
61
63
|
const expandIconWrapperExpandedStyle = css({
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
62
65
|
svg: {
|
|
63
66
|
transform: 'rotate(90deg)'
|
|
64
67
|
}
|
|
65
68
|
});
|
|
69
|
+
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
66
71
|
export const expandLayoutWrapperStyle = css({
|
|
67
72
|
width: "var(--ds-space-300, 24px)",
|
|
68
73
|
height: "var(--ds-space-300, 24px)"
|
|
@@ -88,15 +93,19 @@ const containerStyles = styleProps => {
|
|
|
88
93
|
// Only only these margins if the expand isn't editable
|
|
89
94
|
// and is the root level expand.
|
|
90
95
|
const marginHorizontal = styleProps['data-node-type'] === 'expand' ? `-${akLayoutGutterOffset}px` : 0;
|
|
96
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
91
97
|
const margin = `${marginTop} ${marginHorizontal} ${marginBottom}`;
|
|
92
98
|
return () => css({
|
|
93
99
|
borderWidth: '1px',
|
|
94
100
|
borderStyle: 'solid',
|
|
101
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
95
102
|
borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
|
|
96
103
|
borderRadius: BORDER_RADIUS,
|
|
97
104
|
minHeight: '25px',
|
|
105
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
98
106
|
background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
|
|
99
107
|
margin: margin,
|
|
108
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
100
109
|
transition: `background 0.3s ${akEditorSwoopCubicBezier}, border-color 0.3s ${akEditorSwoopCubicBezier}`,
|
|
101
110
|
padding: "var(--ds-space-100, 8px)",
|
|
102
111
|
'&:hover': {
|
|
@@ -106,6 +115,7 @@ const containerStyles = styleProps => {
|
|
|
106
115
|
border: `1px solid ${`var(--ds-border, ${N50A})`}`,
|
|
107
116
|
background: EXPAND_SELECTED_BACKGROUND
|
|
108
117
|
},
|
|
118
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
109
119
|
'td > :not(style):first-child, td > style:first-child + *': {
|
|
110
120
|
marginTop: 0
|
|
111
121
|
}
|
|
@@ -144,7 +154,9 @@ css`
|
|
|
144
154
|
const titleInputStyles = () => css({
|
|
145
155
|
outline: 'none',
|
|
146
156
|
border: 'none',
|
|
157
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
147
158
|
fontSize: relativeFontSizeToBase16(fontSize()),
|
|
159
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
148
160
|
lineHeight: akEditorLineHeight,
|
|
149
161
|
fontWeight: 'normal',
|
|
150
162
|
color: `var(--ds-text-subtlest, ${N200A})`,
|
|
@@ -164,6 +176,7 @@ const titleContainerStyles = () => css({
|
|
|
164
176
|
alignItems: 'flex-start',
|
|
165
177
|
background: 'none',
|
|
166
178
|
border: 'none',
|
|
179
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
167
180
|
fontSize: relativeFontSizeToBase16(fontSize()),
|
|
168
181
|
width: '100%',
|
|
169
182
|
color: `var(--ds-text-subtle, ${N300A})`,
|
|
@@ -21,6 +21,7 @@ export default (({
|
|
|
21
21
|
children,
|
|
22
22
|
className,
|
|
23
23
|
tooltipContent,
|
|
24
|
+
tooltipStyle,
|
|
24
25
|
testId,
|
|
25
26
|
hideTooltipOnClick = true,
|
|
26
27
|
ariaHasPopup,
|
|
@@ -41,6 +42,7 @@ export default (({
|
|
|
41
42
|
// Only fallback to title for tooltip if title is not shown
|
|
42
43
|
, {
|
|
43
44
|
content: tooltipContent || (iconOnly ? title : undefined),
|
|
45
|
+
component: tooltipStyle,
|
|
44
46
|
hideTooltipOnClick: hideTooltipOnClick,
|
|
45
47
|
position: "top"
|
|
46
48
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -75,7 +75,9 @@ export default function MediaSingle({
|
|
|
75
75
|
}
|
|
76
76
|
const [media, caption] = children;
|
|
77
77
|
return jsx("div", _extends({
|
|
78
|
-
ref: handleMediaSingleRef
|
|
78
|
+
ref: handleMediaSingleRef
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
80
|
+
,
|
|
79
81
|
css: MediaSingleDimensionHelper({
|
|
80
82
|
width,
|
|
81
83
|
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 const mediaLinkStyle = css({
|
|
3
5
|
position: 'absolute',
|
|
4
6
|
background: 'transparent',
|
|
@@ -244,7 +244,9 @@ export const mediaWrapperStyle = props => css`
|
|
|
244
244
|
export const MediaWrapper = ({
|
|
245
245
|
children,
|
|
246
246
|
...rest
|
|
247
|
-
}) =>
|
|
247
|
+
}) =>
|
|
248
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
249
|
+
jsx("div", {
|
|
248
250
|
css: mediaWrapperStyle(rest)
|
|
249
251
|
}, children);
|
|
250
252
|
MediaWrapper.displayName = 'WrapperMediaSingle';
|
|
@@ -11,7 +11,11 @@ const errorColor = css({
|
|
|
11
11
|
const validColor = css({
|
|
12
12
|
color: `var(--ds-text-success, ${G400})`
|
|
13
13
|
});
|
|
14
|
-
|
|
14
|
+
|
|
15
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
16
|
+
const messageStyle = () =>
|
|
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
|
|
18
|
+
css(h200(), {
|
|
15
19
|
fontWeight: 'normal',
|
|
16
20
|
color: `var(--ds-text-subtlest, ${N200})`,
|
|
17
21
|
marginTop: "var(--ds-space-050, 4px)",
|