@atlaskit/editor-core 217.0.1 → 217.0.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 217.0.2
+
+### Patch Changes
+
+- [`898d1ef39bc2a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/898d1ef39bc2a) -
+  [ux] EDITOR-5419 Styles to hide markers for wrapper only list items
+- Updated dependencies
+
 ## 217.0.1
 
 ### Patch Changes

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -222,7 +222,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _backgroundColorStyles.textHighlightPaddingStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _list.listsStyles,
+    _list.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_indentation', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _list.listItemHiddenMarkerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _list.diffListStyles,
     // Condense vertical spacing between list items when content mode dense is active

package/dist/cjs/ui/EditorContentContainer/styles/list.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.listsStylesSafariFix = exports.listsStylesMarginLayoutShiftFix = exports.listsStyles = exports.getDenseListStyles = exports.diffListStyles = exports.EDITOR_LIST_DENSE_GAP = void 0;
+exports.listsStylesSafariFix = exports.listsStylesMarginLayoutShiftFix = exports.listsStyles = exports.listItemHiddenMarkerStyles = exports.getDenseListStyles = exports.diffListStyles = exports.EDITOR_LIST_DENSE_GAP = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -205,4 +205,36 @@ var getDenseListStyles = exports.getDenseListStyles = function getDenseListStyle
       }
     }
   });
-};
+};
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var listItemHiddenMarkerStyles = exports.listItemHiddenMarkerStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // Hide list markers for wrapper list items (items containing only nested lists)
+    // Wrapper items for bullet lists: li with only ul child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> ul:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Wrapper items for ordered lists: li with only ol child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> ol:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Wrapper items for task lists: li with only div[data-node-type="actionList"] child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> div[data-node-type="actionList"]:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Hide checkbox for wrapper task list items
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      display: 'none !important'
+    }
+  }
+});

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "217.0.0";
+var version = exports.version = "217.0.1";

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js

@@ -43,7 +43,7 @@ import { indentationStyles } from './styles/indentationStyles';
 import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
 import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync } from './styles/layout';
 import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
-import { diffListStyles, getDenseListStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
+import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
 import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
 import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
 import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
@@ -218,7 +218,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     textHighlightPaddingStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    listsStyles,
+    listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_indentation', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listItemHiddenMarkerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     diffListStyles,
     // Condense vertical spacing between list items when content mode dense is active

package/dist/es2019/ui/EditorContentContainer/styles/list.js

@@ -201,4 +201,36 @@ export const getDenseListStyles = baseFontSize => {
       }
     }
   });
-};
+};
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const listItemHiddenMarkerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // Hide list markers for wrapper list items (items containing only nested lists)
+    // Wrapper items for bullet lists: li with only ul child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> ul:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Wrapper items for ordered lists: li with only ol child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> ol:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Wrapper items for task lists: li with only div[data-node-type="actionList"] child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> div[data-node-type="actionList"]:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Hide checkbox for wrapper task list items
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      display: 'none !important'
+    }
+  }
+});

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "217.0.0";
+export const version = "217.0.1";

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -44,7 +44,7 @@ import { indentationStyles } from './styles/indentationStyles';
 import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
 import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync } from './styles/layout';
 import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
-import { diffListStyles, getDenseListStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
+import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
 import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
 import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentionsSelectionStylesWithSearchMatch, mentionsStyles } from './styles/mentions';
 import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
@@ -214,7 +214,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     textHighlightPaddingStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    listsStyles,
+    listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_indentation', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    listItemHiddenMarkerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     diffListStyles,
     // Condense vertical spacing between list items when content mode dense is active

package/dist/esm/ui/EditorContentContainer/styles/list.js

@@ -197,4 +197,36 @@ export var getDenseListStyles = function getDenseListStyles(baseFontSize) {
       }
     }
   });
-};
+};
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var listItemHiddenMarkerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // Hide list markers for wrapper list items (items containing only nested lists)
+    // Wrapper items for bullet lists: li with only ul child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> ul:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Wrapper items for ordered lists: li with only ol child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> ol:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Wrapper items for task lists: li with only div[data-node-type="actionList"] child
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> div[data-node-type="actionList"]:only-child)': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      listStyleType: 'none !important'
+    },
+    // Hide checkbox for wrapper task list items
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      display: 'none !important'
+    }
+  }
+});

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "217.0.0";
+export var version = "217.0.1";

package/dist/types/ui/EditorContentContainer/styles/list.d.ts

@@ -5,3 +5,4 @@ export declare const listsStylesMarginLayoutShiftFix: SerializedStyles;
 export declare const listsStylesSafariFix: SerializedStyles;
 export declare const EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
 export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
+export declare const listItemHiddenMarkerStyles: SerializedStyles;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/list.d.ts

@@ -5,3 +5,4 @@ export declare const listsStylesMarginLayoutShiftFix: SerializedStyles;
 export declare const listsStylesSafariFix: SerializedStyles;
 export declare const EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
 export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
+export declare const listItemHiddenMarkerStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "217.0.1",
+	"version": "217.0.2",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -83,7 +83,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.0.0",
+		"@atlaskit/editor-common": "^112.1.0",
 		"@atlaskit/link-provider": "^4.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",