refactor(ui5-multi-combobox): add unique parts to tokens (#1203)

add unique part attributes for each token, so the user can style them, each token would have part="token-{index}",  the index of the item within the ui5-multi-combobox the token refers to.

* fix public docs

Author: ilhan007

docs/Public Module Imports.md

@@ -39,7 +39,7 @@ For API documentation and samples, please check the [UI5 Web Components Playgrou
 | List - Custom Item       | `ui5-li-custom`      | `import "@ui5/webcomponents/dist/CustomListItem.js";`      |
 | List - Group Header Item | `ui5-li-groupheader` | `import "@ui5/webcomponents/dist/GroupHeaderListItem.js";` |
 | Message Strip            | `ui5-messagestrip`   | `import "@ui5/webcomponents/dist/MessageStrip.js";`        |
-| Multi Combo Box          | `ui5-multicombobox`  | `import "@ui5/webcomponents/dist/MultiComboBox.js";`       |
+| Multi Combo Box          | `ui5-multi-combobox`  | `import "@ui5/webcomponents/dist/MultiComboBox.js";`       |
 | Panel                    | `ui5-panel`          | `import "@ui5/webcomponents/dist/Panel.js";`               |
 | Popover                  | `ui5-popover`        | `import "@ui5/webcomponents/dist/Popover.js";`             |
 | Radio Button             | `ui5-radiobutton`    | `import "@ui5/webcomponents/dist/RadioButton.js";`         |

packages/main/src/MultiComboBox.hbs

@@ -23,7 +23,14 @@
 	>
 		{{#each items}}
 			{{#if this.selected}}
-				<ui5-token ?readonly="{{../readonly}}" class="ui5-multi-combobox-token" data-ui5-id="{{this._id}}" >{{this.textContent}}</ui5-token>
+				<ui5-token
+				?readonly="{{../readonly}}"
+				class="ui5-multi-combobox-token"
+				data-ui5-id="{{this._id}}"
+				part="token-{{@index}}"
+				>
+					{{this.textContent}}
+				</ui5-token>
 			{{/if}}
 		{{/each}}
 	</ui5-tokenizer>