diff --git a/components/treeview/index.css b/components/treeview/index.css index 5a19ea53f18..2222d742460 100644 --- a/components/treeview/index.css +++ b/components/treeview/index.css @@ -13,7 +13,7 @@ .spectrum-TreeView { --spectrum-treeview-line-height: var(--spectrum-line-height-200); - --spectrum-treeview-margin-block: 1em; + --spectrum-treeview-margin-block: var(--spectrum-spacing-300);; --spectrum-treeview-font-size: var(--spectrum-font-size-100); --spectrum-treeview-item-min-block-size: var(--spectrum-component-height-100); @@ -28,7 +28,7 @@ --spectrum-treeview-heading-color: var(--spectrum-heading-color); --spectrum-treeview-item-border-size: var(--spectrum-border-width-200); - --spectrum-treeview-item-border-size-selected: 1px; + --spectrum-treeview-item-border-size-selected: var(--spectrum-divider-thickness-small); --spectrum-treeview-item-border-radius: 0px; --spectrum-treeview-item-border-color-selected: var(--spectrum-blue-800); diff --git a/components/treeview/metadata/metadata.json b/components/treeview/metadata/metadata.json index 9902324dd1c..8654ff1cb17 100644 --- a/components/treeview/metadata/metadata.json +++ b/components/treeview/metadata/metadata.json @@ -154,6 +154,7 @@ "--spectrum-disclosure-indicator-top-to-disclosure-icon-large", "--spectrum-disclosure-indicator-top-to-disclosure-icon-medium", "--spectrum-disclosure-indicator-top-to-disclosure-icon-small", + "--spectrum-divider-thickness-small", "--spectrum-font-size-100", "--spectrum-font-size-200", "--spectrum-font-size-300", @@ -166,6 +167,7 @@ "--spectrum-line-height-200", "--spectrum-logical-rotation", "--spectrum-neutral-content-color-default", + "--spectrum-spacing-300", "--spectrum-text-to-visual-75" ], "system-theme": [],