Skip to content
This repository was archived by the owner on Nov 16, 2023. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from 12 commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 29 additions & 30 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
},
"dependencies": {
"normalize.css": "6.0.0",
"office-ui-fabric-react": "5.64.4",
"office-ui-fabric-react": "5.85.0",
"react-intersection-observer": "3.0.2"
},
"devDependencies": {
Expand Down
4 changes: 4 additions & 0 deletions src/components/Avatar/Avatar.css
Original file line number Diff line number Diff line change
Expand Up @@ -56,3 +56,7 @@
.y-avatar__borderType-soft .ms-Image {
border-radius: $borderRadius__soft;
}

.y-avatar__size-xLarge .ms-Persona-initials {
line-height: 70px;
}
32 changes: 8 additions & 24 deletions src/components/Avatar/__snapshots__/Avatar.test.tsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,10 @@ exports[`<Avatar /> accessible text with badge description matches its snapshot
<div
className="y-avatar y-avatar__size-medium"
>
<PersonaCoin
<StyledCustomizedPersonaCoin
hidePersonaDetails={true}
imageAlt=""
imageShouldFadeIn={false}
imageUrl="test.jpg"
presence={0}
primaryText="NAME"
size={12}
/>
Expand All @@ -23,12 +21,10 @@ exports[`<Avatar /> accessible text without badge description matches its snapsh
<div
className="y-avatar y-avatar__size-medium"
>
<PersonaCoin
<StyledCustomizedPersonaCoin
hidePersonaDetails={true}
imageAlt=""
imageShouldFadeIn={false}
imageUrl="test.jpg"
presence={0}
primaryText="NAME"
size={12}
/>
Expand All @@ -42,12 +38,10 @@ exports[`<Avatar /> with additional className matches its snapshot 1`] = `
<div
className="y-avatar y-avatar__size-medium TEST_CLASSNAME"
>
<PersonaCoin
<StyledCustomizedPersonaCoin
hidePersonaDetails={true}
imageAlt=""
imageShouldFadeIn={false}
imageUrl="test.jpg"
presence={0}
primaryText="NAME"
size={12}
/>
Expand All @@ -61,12 +55,10 @@ exports[`<Avatar /> with badge content matches its snapshot 1`] = `
<div
className="y-avatar y-avatar__size-xSmall"
>
<PersonaCoin
<StyledCustomizedPersonaCoin
hidePersonaDetails={true}
imageAlt=""
imageShouldFadeIn={false}
imageUrl="test.jpg"
presence={0}
primaryText="NAME"
size={10}
/>
Expand All @@ -87,12 +79,10 @@ exports[`<Avatar /> with image url matches its snapshot 1`] = `
<div
className="y-avatar y-avatar__size-medium"
>
<PersonaCoin
<StyledCustomizedPersonaCoin
hidePersonaDetails={true}
imageAlt=""
imageShouldFadeIn={false}
imageUrl="test.jpg"
presence={0}
primaryText="NAME"
size={12}
/>
Expand All @@ -106,12 +96,10 @@ exports[`<Avatar /> with size matches its snapshot 1`] = `
<div
className="y-avatar y-avatar__size-xLarge"
>
<PersonaCoin
<StyledCustomizedPersonaCoin
hidePersonaDetails={true}
imageAlt=""
imageShouldFadeIn={false}
imageUrl="test.jpg"
presence={0}
primaryText="NAME"
size={14}
/>
Expand All @@ -125,12 +113,10 @@ exports[`<Avatar /> with soft border type matches its snapshot 1`] = `
<div
className="y-avatar y-avatar__size-medium y-avatar__borderType-soft"
>
<PersonaCoin
<StyledCustomizedPersonaCoin
hidePersonaDetails={true}
imageAlt=""
imageShouldFadeIn={false}
imageUrl="test.jpg"
presence={0}
primaryText="NAME"
size={12}
/>
Expand All @@ -144,11 +130,9 @@ exports[`<Avatar /> with too many characters matches its snapshot 1`] = `
<div
className="y-avatar y-avatar__size-medium"
>
<PersonaCoin
<StyledCustomizedPersonaCoin
hidePersonaDetails={true}
imageAlt=""
imageShouldFadeIn={false}
presence={0}
primaryText="First Last"
size={12}
/>
Expand Down
18 changes: 0 additions & 18 deletions src/components/Button/__snapshots__/Button.test.tsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ exports[`<Button /> set as disabled matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular y-button__state-disabled"
classNames={Object {}}
disabled={true}
split={false}
styles={Object {}}
Expand All @@ -27,7 +26,6 @@ exports[`<Button /> set as loading matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular y-button__state-loading"
classNames={Object {}}
disabled={true}
split={false}
styles={Object {}}
Expand Down Expand Up @@ -59,7 +57,6 @@ exports[`<Button /> with additional className matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular TEST_CLASSNAME"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -83,7 +80,6 @@ exports[`<Button /> with aria label matches its snapshot 1`] = `
ariaLabel="Aria description"
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -106,7 +102,6 @@ exports[`<Button /> with button type matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -129,7 +124,6 @@ exports[`<Button /> with default options matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -152,7 +146,6 @@ exports[`<Button /> with fullWidth matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular y-button__fullWidth"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -175,7 +168,6 @@ exports[`<Button /> with icon matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand Down Expand Up @@ -209,7 +201,6 @@ exports[`<Button /> with icon on the right matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand Down Expand Up @@ -243,7 +234,6 @@ exports[`<Button /> with invalid href matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
href="#"
split={false}
Expand All @@ -267,7 +257,6 @@ exports[`<Button /> with primary color matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-primary y-button__size-regular"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -290,7 +279,6 @@ exports[`<Button /> with primary color set as loading matches its snapshot 1`] =
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-primary y-button__size-regular y-button__state-loading"
classNames={Object {}}
disabled={true}
split={false}
styles={Object {}}
Expand Down Expand Up @@ -322,7 +310,6 @@ exports[`<Button /> with reset type matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -345,7 +332,6 @@ exports[`<Button /> with small size matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-small"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -368,7 +354,6 @@ exports[`<Button /> with small size set as loading matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-small y-button__state-loading"
classNames={Object {}}
disabled={true}
split={false}
styles={Object {}}
Expand Down Expand Up @@ -400,7 +385,6 @@ exports[`<Button /> with small size with icon matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-small"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand Down Expand Up @@ -434,7 +418,6 @@ exports[`<Button /> with submit type matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
split={false}
styles={Object {}}
Expand All @@ -457,7 +440,6 @@ exports[`<Button /> with valid href matches its snapshot 1`] = `
<BaseButton
baseClassName="ms-Button"
className="y-button y-button__color-secondary y-button__size-regular"
classNames={Object {}}
disabled={false}
href="https://www.yammer.com"
split={false}
Expand Down
2 changes: 1 addition & 1 deletion src/components/Fabric/__snapshots__/Fabric.test.tsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`<Fabric /> with default options renders 1`] = `
<div
class="ms-Fabric css-32"
class="ms-Fabric root-33"
>
wrapped content
</div>
Expand Down
Loading