chore(treeview): replace property value with unused custom property (#3318)

cdransf · web-flow · commit d8d0450a1c4b · 2024-10-28T11:24:00.000-07:00
diff --git a/.changeset/nervous-steaks-provide.md b/.changeset/nervous-steaks-provide.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/treeview": patch
+---
+
+Use the already defined custom property `--spectrum-treeview-item-border-color-quiet-selected` in place of the direct value. The border color value remains the same.
diff --git a/components/treeview/index.css b/components/treeview/index.css
@@ -111,7 +111,7 @@
 
 .spectrum-TreeView--quiet {
 	--mod-treeview-item-background-color-selected: var(--highcontrast-treeview-item-background-color-selected, var(--mod-treeview-item-background-color-quiet-selected, var(--spectrum-treeview-item-background-color-quiet-selected)));
-	--mod-treeview-item-border-color-selected: var(--highcontrast-treeview-item-border-color-selected, var(--mod-treeview-item-border-color-selected-quiet, transparent));
+	--mod-treeview-item-border-color-selected: var(--highcontrast-treeview-item-border-color-selected, var(--mod-treeview-item-border-color-selected-quiet, var(--spectrum-treeview-item-border-color-quiet-selected)));
 }
 
 .spectrum-TreeView--thumbnail {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@spectrum-css/treeview": patch
 +---
++
 +Use the already defined custom property `--spectrum-treeview-item-border-color-quiet-selected` in place of the direct value. The border color value remains the same.
Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,7 @@`
`111`	`111`
`112`	`112`	`.spectrum-TreeView--quiet {`
`113`	`113`	`--mod-treeview-item-background-color-selected: var(--highcontrast-treeview-item-background-color-selected, var(--mod-treeview-item-background-color-quiet-selected, var(--spectrum-treeview-item-background-color-quiet-selected)));`
`114`		`- --mod-treeview-item-border-color-selected: var(--highcontrast-treeview-item-border-color-selected, var(--mod-treeview-item-border-color-selected-quiet, transparent));`
	`114`	`+ --mod-treeview-item-border-color-selected: var(--highcontrast-treeview-item-border-color-selected, var(--mod-treeview-item-border-color-selected-quiet, var(--spectrum-treeview-item-border-color-quiet-selected)));`
`115`	`115`	`}`
`116`	`116`
`117`	`117`	`.spectrum-TreeView--thumbnail {`