chore(s2-avatar): add sizing and border tokens

adobe · Nov 6, 2024 · ac9fd79 · ac9fd79
1 parent 9e19b84
commit ac9fd79
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/friendly-dolls-raise.md b/.changeset/friendly-dolls-raise.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/avatar": major
+---
+
+Adds support for new avatar-size tokens (avatar-size-800 to avatar-size-1500). Updates avatar component story to support new sizes. Adds support for avatar-border-color and avatar-border-thickness.
diff --git a/components/avatar/index.css b/components/avatar/index.css
@@ -17,8 +17,8 @@ governing permissions and limitations under the License.
 	--spectrum-avatar-block-size: var(--spectrum-avatar-size-100);
 
 	--spectrum-avatar-border-radius: var(--spectrum-avatar-block-size);
-	--spectrum-avatar-border-thickness: var(--spectrum-avatar-border-thickness);
-	--spectrum-avatar-border-color: var(--spectrum-avatar-border-color);
+	--spectrum-avatar-border-thickness: var(--spectrum-avatar-border-width);
+	--spectrum-avatar-border-color-default: var(--spectrum-avatar-border-color);
 
 	--spectrum-avatar-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
 	--spectrum-avatar-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
@@ -127,7 +127,7 @@ governing permissions and limitations under the License.
 	border-style: solid;
 	border-radius: var(--mod-avatar-border-radius, var(--spectrum-avatar-border-radius));
 	border-width: var(--spectrum-avatar-border-thickness);
-	border-color: var(--spectrum-avatar-border-color);
+	border-color: var(--spectrum-avatar-border-color-default);
 
 	outline: none;