prettier

pinterest · Oct 1, 2024 · e3b5eac · e3b5eac
1 parent da83e26
commit e3b5eac
Show file tree

Hide file tree

Showing 8 changed files with 35 additions and 30 deletions.
diff --git a/docs/examples/avatar/colorExample.tsx b/docs/examples/avatar/colorExample.tsx
@@ -1,23 +1,23 @@
 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;
   avatarColorIndex: AvatarColorIndex;
 }
 
 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
@@ -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 (
     <Flex alignItems="center" height="100%" justifyContent="center" width="100%">

diff --git 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 (
     <Flex alignItems="center" height="100%" justifyContent="center" width="100%">
       <Mask height={150} rounding={3} width={150}>
-        <Image
-          alt={alt}
-          color="#000"
-          fit="contain"
-          naturalHeight={1}
-          naturalWidth={1}
-          src={src}
-        />
+        <Image alt={alt} color="#000" fit="contain" naturalHeight={1} naturalWidth={1} src={src} />
       </Mask>
     </Flex>
   );

diff --git 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 | HTMLInputElement>(null);

diff --git 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
@@ -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
@@ -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
@@ -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);
 }