diff --git a/docs/examples/avatar/colorExample.tsx b/docs/examples/avatar/colorExample.tsx index 58bced9e66..59b2a7dafc 100644 --- a/docs/examples/avatar/colorExample.tsx +++ b/docs/examples/avatar/colorExample.tsx @@ -1,6 +1,6 @@ import { Avatar, Box, Flex } from 'gestalt'; -type AvatarColorIndex = "01" | "02" | "03" | "04" | "05" | "06" | "07" | "08" | "09" | "10"; +type AvatarColorIndex = '01' | '02' | '03' | '04' | '05' | '06' | '07' | '08' | '09' | '10'; interface AvatarProps { name: string; @@ -8,16 +8,16 @@ interface AvatarProps { } const avatars: AvatarProps[] = [ - { name: 'Alberto', avatarColorIndex: "01" }, - { name: 'Andy', avatarColorIndex: "02" }, - { name: 'Alexandra', avatarColorIndex: "03" }, - { name: 'Alexi', avatarColorIndex: "04" }, - { name: 'Alonso', avatarColorIndex: "05" }, - { name: 'Arturo', avatarColorIndex: "06" }, - { name: 'Amanda', avatarColorIndex: "07" }, - { name: 'Angelina', avatarColorIndex: "08" }, - { name: 'Adrian', avatarColorIndex: "09" }, - { name: 'Amelia', avatarColorIndex: "10" } + { name: 'Alberto', avatarColorIndex: '01' }, + { name: 'Andy', avatarColorIndex: '02' }, + { name: 'Alexandra', avatarColorIndex: '03' }, + { name: 'Alexi', avatarColorIndex: '04' }, + { name: 'Alonso', avatarColorIndex: '05' }, + { name: 'Arturo', avatarColorIndex: '06' }, + { name: 'Amanda', avatarColorIndex: '07' }, + { name: 'Angelina', avatarColorIndex: '08' }, + { name: 'Adrian', avatarColorIndex: '09' }, + { name: 'Amelia', avatarColorIndex: '10' }, ]; export default function Example() { diff --git a/docs/examples/avatar/overExample.tsx b/docs/examples/avatar/overExample.tsx index a39b815c6c..768899b427 100644 --- a/docs/examples/avatar/overExample.tsx +++ b/docs/examples/avatar/overExample.tsx @@ -6,7 +6,9 @@ export default function Example() { mwebExperimentName: 'web_gestalt_visualRefresh', }); - const src = isInVRExperiment ? 'https://i.pinimg.com/564x/8e/fb/f7/8efbf75008c34394104ef9568c038d2d.jpg' : 'https://i.ibb.co/jVR29XV/stock5.jpg'; + const src = isInVRExperiment + ? 'https://i.pinimg.com/564x/8e/fb/f7/8efbf75008c34394104ef9568c038d2d.jpg' + : 'https://i.ibb.co/jVR29XV/stock5.jpg'; return ( diff --git a/docs/examples/avatar/shapeExample.tsx b/docs/examples/avatar/shapeExample.tsx index 71f0838432..de357484e1 100644 --- a/docs/examples/avatar/shapeExample.tsx +++ b/docs/examples/avatar/shapeExample.tsx @@ -7,19 +7,14 @@ export default function Example() { }); const alt = isInVRExperiment ? 'Sora Avatar' : 'Keerthi Avatar'; - const src = isInVRExperiment ? 'https://i.pinimg.com/originals/ab/c5/4a/abc54abd85df131e90ca6b372368b738.jpg' : 'https://i.ibb.co/ZfCZrY8/keerthi.jpg'; + const src = isInVRExperiment + ? 'https://i.pinimg.com/originals/51/bf/6e/51bf6e6ff17418ae4269a1f35f8f7646.jpg' + : 'https://i.ibb.co/ZfCZrY8/keerthi.jpg'; return ( - {alt} + {alt} ); diff --git a/docs/examples/avatarGroup/accessibility.tsx b/docs/examples/avatarGroup/accessibility.tsx index 5f67c3f9fb..0df9efdec0 100644 --- a/docs/examples/avatarGroup/accessibility.tsx +++ b/docs/examples/avatarGroup/accessibility.tsx @@ -1,5 +1,14 @@ import { useEffect, useRef, useState } from 'react'; -import { AvatarGroup, Box, Flex, Layer, Popover, SearchField, Text, useDangerouslyInGestaltExperiment } from 'gestalt'; +import { + AvatarGroup, + Box, + Flex, + Layer, + Popover, + SearchField, + Text, + useDangerouslyInGestaltExperiment, +} from 'gestalt'; function SearchCollaboratorsField() { const ref = useRef(null); diff --git a/docs/examples/avatarGroup/noEmoji.tsx b/docs/examples/avatarGroup/noEmoji.tsx index ecbe6e9cda..45a74a9401 100644 --- a/docs/examples/avatarGroup/noEmoji.tsx +++ b/docs/examples/avatarGroup/noEmoji.tsx @@ -21,11 +21,11 @@ export default function Example() { const collaboratorsVR = [ { - avatarColor: "10", + avatarColor: '10', name: 'Sora', }, { - avatarColor: "04", + avatarColor: '04', name: '🙏🏾', }, { diff --git a/docs/examples/avatarGroup/noImageSource.tsx b/docs/examples/avatarGroup/noImageSource.tsx index 28608fb7ff..998279ecde 100644 --- a/docs/examples/avatarGroup/noImageSource.tsx +++ b/docs/examples/avatarGroup/noImageSource.tsx @@ -7,8 +7,8 @@ export default function Example() { }); const accessibilityLabel = isInVRExperiment - ? 'Collaborators: Fatima, Sora, Ayesha.' - : 'Collaborators: Keerthi, Alberto, Shanice.'; + ? 'Collaborators: Fatima, Sora, Ayesha.' + : 'Collaborators: Keerthi, Alberto, Shanice.'; const collaborators = [ { diff --git a/docs/examples/avatarGroup/person.tsx b/docs/examples/avatarGroup/person.tsx index e78eb10ef5..3b973f37c4 100644 --- a/docs/examples/avatarGroup/person.tsx +++ b/docs/examples/avatarGroup/person.tsx @@ -7,8 +7,8 @@ export default function Example() { }); const accessibilityLabel = isInVRExperiment - ? 'Collaborators: Fatima, Mami Wata, Ayesha.' - : 'Collaborators: Keerthi, Mami Wata, Shanice.'; + ? 'Collaborators: Fatima, Mami Wata, Ayesha.' + : 'Collaborators: Keerthi, Mami Wata, Shanice.'; const collaborators = [ { diff --git a/packages/gestalt/src/Avatar/AvatarFoundation.css b/packages/gestalt/src/Avatar/AvatarFoundation.css index 4018b77413..5546d26b53 100644 --- a/packages/gestalt/src/Avatar/AvatarFoundation.css +++ b/packages/gestalt/src/Avatar/AvatarFoundation.css @@ -45,6 +45,5 @@ } .imagePressed { - /* stylelint-disable-next-line color-function-notation */ - background: var(--sema-color-pressed-background-wash-image-tint, rgba(57, 57, 55, 0.14)); + background: var(--sema-color-pressed-background-wash-image-tint); }