Skip to content
This repository was archived by the owner on Nov 16, 2023. It is now read-only.
Merged
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