Skip to content

Commit 60d4139

Browse files
authored
[Avatar] Remove shape (#10122)
### 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
1 parent 706c889 commit 60d4139

File tree

8 files changed

+105
-332
lines changed

8 files changed

+105
-332
lines changed

.changeset/chilly-grapes-enjoy.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@shopify/polaris': major
3+
---
4+
5+
Removed `shape` prop on `Avatar` component

polaris-react/src/components/Avatar/Avatar.scss

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
background: var(--p-color-avatar-background-experimental);
1919
color: var(--p-color-avatar-color-experimental);
2020
user-select: none;
21+
border-radius: var(--p-border-radius-05);
2122

2223
@media (forced-colors: active) {
2324
border: var(--p-border-width-1) solid transparent;
@@ -40,23 +41,6 @@
4041
}
4142
}
4243

43-
.shapeRound {
44-
border-radius: var(--p-border-radius-05);
45-
}
46-
47-
.shapeSquare {
48-
border-radius: var(--p-border-radius-05);
49-
50-
.Text {
51-
font-size: var(--p-font-size-200);
52-
font-weight: var(--p-font-weight-regular);
53-
}
54-
55-
.long {
56-
font-size: var(--p-font-size-75);
57-
}
58-
}
59-
6044
.hidden {
6145
visibility: hidden;
6246
}

0 commit comments

Comments
 (0)