Skip to content

Commit

Permalink
[Avatar] Remove shape (#10122)
Browse files Browse the repository at this point in the history
### WHY are these changes introduced?

Fixes #9977

### WHAT is this pull request doing?

- Removes the `shape` prop from `Avatar` as now there is only the
squircle shape
- Cleaned up the `Avatar` stories
  • Loading branch information
aveline authored Aug 21, 2023
1 parent 8d82cc4 commit 43b42ae
Show file tree
Hide file tree
Showing 8 changed files with 105 additions and 332 deletions.
5 changes: 5 additions & 0 deletions .changeset/chilly-grapes-enjoy.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@shopify/polaris': major
---

Removed `shape` prop on `Avatar` component
18 changes: 1 addition & 17 deletions polaris-react/src/components/Avatar/Avatar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
background: var(--p-color-avatar-background-experimental);
color: var(--p-color-avatar-color-experimental);
user-select: none;
border-radius: var(--p-border-radius-05);

@media (forced-colors: active) {
border: var(--p-border-width-1) solid transparent;
Expand All @@ -40,23 +41,6 @@
}
}

.shapeRound {
border-radius: var(--p-border-radius-05);
}

.shapeSquare {
border-radius: var(--p-border-radius-05);

.Text {
font-size: var(--p-font-size-200);
font-weight: var(--p-font-weight-regular);
}

.long {
font-size: var(--p-font-size-75);
}
}

.hidden {
visibility: hidden;
}
Expand Down
Loading

0 comments on commit 43b42ae

Please sign in to comment.