add checked-icon part

cspell.json

@@ -12,6 +12,7 @@
     "bezier",
     "boxicons",
     "chatbubble",
+    "checkmark",
     "claviska",
     "Clippy",
     "codepen",

docs/resources/changelog.md

@@ -11,6 +11,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 - Added styles to required form controls so they show an asterisk next to the label by default
 - Added the `--sl-input-required-content` design token
 - Added the `required` attribute to `<sl-radio-group>` and fixed constraint validation logic to support custom validation
+- Added the `checked-icon` part to `<sl-menu-item>`
 - Updated the `fieldset` attribute so it reflects in `<sl-radio-group>`
 
 ## 2.0.0-beta.76

src/components/menu-item/menu-item.ts

@@ -21,6 +21,7 @@ import styles from './menu-item.styles';
  * @slot suffix - Used to append an icon or similar element to the menu item.
  *
  * @csspart base - The component's internal wrapper.
+ * @csspart checked-icon - The checkmark's container, only visible when the menu item is checked.
  * @csspart prefix - The prefix container.
  * @csspart label - The menu item label.
  * @csspart suffix - The suffix container.
@@ -88,7 +89,7 @@ export default class SlMenuItem extends LitElement {
           'menu-item--has-submenu': false // reserved for future use
         })}
       >
-        <span class="menu-item__check">
+        <span part="checked-icon" class="menu-item__check">
           <sl-icon name="check-lg" library="system" aria-hidden="true"></sl-icon>
         </span>