From ea71155b8f4840244c5ffe573004873a4bf443fe Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 17 Aug 2022 16:31:23 -0400
Subject: [PATCH] fix style types

---
 src/components/tree-item/tree-item.ts | 4 ++--
 src/components/tree/tree.ts           | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/tree-item/tree-item.ts b/src/components/tree-item/tree-item.ts
index 472ad1099..d7a7e2264 100644
--- a/src/components/tree-item/tree-item.ts
+++ b/src/components/tree-item/tree-item.ts
@@ -13,7 +13,7 @@ import '../checkbox/checkbox';
 import '../icon/icon';
 import '../spinner/spinner';
 import styles from './tree-item.styles';
-import type { PropertyValueMap } from 'lit';
+import type { CSSResultGroup, PropertyValueMap } from 'lit';
 
 export function isTreeItem(element: Element) {
   return element && element.getAttribute('role') === 'treeitem';
@@ -49,7 +49,7 @@ export function isTreeItem(element: Element) {
  */
 @customElement('sl-tree-item')
 export default class SlTreeItem extends ShoelaceElement {
-  static styles = styles;
+  static styles: CSSResultGroup = styles;
 
   private readonly localize = new LocalizeController(this);
 
diff --git a/src/components/tree/tree.ts b/src/components/tree/tree.ts
index 745a4cece..f5c39ed68 100644
--- a/src/components/tree/tree.ts
+++ b/src/components/tree/tree.ts
@@ -8,6 +8,7 @@ import { LocalizeController } from '../../utilities/localize';
 import { isTreeItem } from '../tree-item/tree-item';
 import styles from './tree.styles';
 import type SlTreeItem from '../tree-item/tree-item';
+import type { CSSResultGroup } from 'lit';
 
 function syncCheckboxes(changedTreeItem: SlTreeItem) {
   function syncAncestors(treeItem: SlTreeItem) {
@@ -56,7 +57,7 @@ function syncCheckboxes(changedTreeItem: SlTreeItem) {
  */
 @customElement('sl-tree')
 export default class SlTree extends ShoelaceElement {
-  static styles = styles;
+  static styles: CSSResultGroup = styles;
 
   @query('slot:not([name])') defaultSlot: HTMLSlotElement;
   @query('slot[name=expand-icon]') expandedIconSlot: HTMLSlotElement;