added button label and truncate file type

Author: JesmoDev

packages/uui-input-file/lib/uui-input-file.element.ts

@@ -236,7 +236,10 @@ export class UUIInputFileElement extends FormControlMixin(LitElement) {
   private _renderFileItem(file: File, index: number) {
     return html`<uui-file-preview .file="${file}">
       <uui-action-bar slot="actions">
-        <uui-button @click=${() => this._removeFile(index)} look="danger">
+        <uui-button
+          @click=${() => this._removeFile(index)}
+          look="danger"
+          label=${`Delete ${file.name}`}>
           <uui-icon name="delete" .fallback=${iconDelete.strings[0]}></uui-icon>
         </uui-button>
       </uui-action-bar>

packages/uui-symbol-file/lib/uui-symbol-file.element.ts

@@ -24,6 +24,10 @@ export class UUISymbolFileElement extends LitElement {
         font-weight: 700;
         color: var(--uui-color-gunmetal);
         background-color: var(--uui-color-spanish-pink);
+        max-width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
       #icon {