style selected and disabled states

Author: madsrasmussen

src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts

@@ -134,6 +134,7 @@ export class UmbDocumentTreeItemElement extends UmbTreeItemElementBase<UmbDocume
 				background: var(--uui-color-surface-emphasis);
 			}
 
+			/** Active */
 			[active] #icon-lock {
 				background: var(--uui-color-current);
 			}
@@ -142,6 +143,20 @@ export class UmbDocumentTreeItemElement extends UmbTreeItemElementBase<UmbDocume
 				background: var(--uui-color-current-emphasis);
 			}
 
+			/** Selected */
+			[selected] #icon-lock {
+				background-color: var(--uui-color-selected);
+			}
+
+			[selected]:hover #icon-lock {
+				background-color: var(--uui-color-selected-emphasis);
+			}
+
+			/** Disabled */
+			[disabled] #icon-lock {
+				background-color: var(--uui-color-disabled);
+			}
+
 			.draft {
 				opacity: 0.6;
 			}