Internal: renaming Visual Refresh experiment name to snake_case (#3955)

pinterest · Jan 22, 2025 · 72e15bd · 72e15bd
1 parent 8475e02
commit 72e15bd
Show file tree

Hide file tree

Showing 86 changed files with 185 additions and 185 deletions.
diff --git a/docs/docs-components/DocsVisualRefreshTypographyStyle.tsx b/docs/docs-components/DocsVisualRefreshTypographyStyle.tsx
@@ -4,8 +4,8 @@ import { useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function DocsVisualRefreshTypographyStyle() {
   const isInExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   return isInExperiment ? (

diff --git a/docs/docs-components/Header.tsx b/docs/docs-components/Header.tsx
@@ -48,8 +48,8 @@ function Header() {
   const searchAnchorRef = useRef<null | HTMLButtonElement | HTMLAnchorElement>(null);
 
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
   const { setExperiments } = useAppContext();
 

diff --git a/docs/docs-components/contexts/DocsExperimentProvider.tsx b/docs/docs-components/contexts/DocsExperimentProvider.tsx
@@ -9,7 +9,7 @@ import { useAppContext } from '../appContext';
  * */
 
 const enabledExperiments = {
-  Tokens: ['web_gestalt_visualRefresh', 'web_gestalt_visualRefresh'],
+  Tokens: ['web_gestalt_visualrefresh', 'web_gestalt_visualrefresh'],
 } as const;
 
 type ExperimentKey = keyof typeof enabledExperiments;

diff --git a/docs/examples/avatar/ideasExample.tsx b/docs/examples/avatar/ideasExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Flex, Text, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const src = isInVRExperiment

diff --git a/docs/examples/avatar/mainExample.tsx b/docs/examples/avatar/mainExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   return isInVRExperiment ? (

diff --git a/docs/examples/avatar/nameExample.tsx b/docs/examples/avatar/nameExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Flex, Text, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const name = isInVRExperiment ? 'Ayesha Rashad' : 'Shanice Byles';

diff --git a/docs/examples/avatar/noEmojiExample.tsx b/docs/examples/avatar/noEmojiExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   return (

diff --git a/docs/examples/avatar/noImageSourceExample.tsx b/docs/examples/avatar/noImageSourceExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   return (

diff --git a/docs/examples/avatar/overExample.tsx b/docs/examples/avatar/overExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Box, Flex, Mask, Text, useDangerouslyInGestaltExperiment } from
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const src = isInVRExperiment

diff --git a/docs/examples/avatar/personExample.tsx b/docs/examples/avatar/personExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Flex, Text, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const firstName = isInVRExperiment ? 'Sora' : 'Keerthi';

diff --git a/docs/examples/avatar/shapeExample.tsx b/docs/examples/avatar/shapeExample.tsx
@@ -2,8 +2,8 @@ import { Flex, Image, Mask, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const alt = isInVRExperiment ? 'Ayesha Avatar' : 'Keerthi Avatar';

diff --git a/docs/examples/avatar/sizingExample.tsx b/docs/examples/avatar/sizingExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const name = isInVRExperiment ? 'Fatima' : 'Keerthi';

diff --git a/docs/examples/avatar/verifiedExample.tsx b/docs/examples/avatar/verifiedExample.tsx
@@ -2,8 +2,8 @@ import { Avatar, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const name = isInVRExperiment ? 'Sora' : 'Shanice';

diff --git a/docs/examples/avatarGroup/accessibility.tsx b/docs/examples/avatarGroup/accessibility.tsx
@@ -33,8 +33,8 @@ export default function Example() {
   const [open, setOpen] = useState(false);
   const anchorRef = useRef<null | HTMLAnchorElement | HTMLDivElement>(null);
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const collaborators = [

diff --git a/docs/examples/avatarGroup/ideas.tsx b/docs/examples/avatarGroup/ideas.tsx
@@ -2,8 +2,8 @@ import { AvatarGroup, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const collaborators = [

diff --git a/docs/examples/avatarGroup/main.tsx b/docs/examples/avatarGroup/main.tsx
@@ -2,8 +2,8 @@ import { AvatarGroup, Box, Flex, useDangerouslyInGestaltExperiment } from 'gesta
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const collaborators = [

diff --git a/docs/examples/avatarGroup/noEmoji.tsx b/docs/examples/avatarGroup/noEmoji.tsx
@@ -2,8 +2,8 @@ import { AvatarGroup, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const collaborators = [

diff --git a/docs/examples/avatarGroup/noImageSource.tsx b/docs/examples/avatarGroup/noImageSource.tsx
@@ -2,8 +2,8 @@ import { AvatarGroup, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const accessibilityLabel = isInVRExperiment

diff --git a/docs/examples/avatarGroup/person.tsx b/docs/examples/avatarGroup/person.tsx
@@ -2,8 +2,8 @@ import { AvatarGroup, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const accessibilityLabel = isInVRExperiment

diff --git a/docs/examples/avatarGroup/roleButton.tsx b/docs/examples/avatarGroup/roleButton.tsx
@@ -14,8 +14,8 @@ export default function Example() {
   const [open, setOpen] = useState(false);
   const anchorRef = useRef<null | HTMLDivElement | HTMLAnchorElement>(null);
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const collaborators = [

diff --git a/docs/examples/avatarGroup/roleLink.tsx b/docs/examples/avatarGroup/roleLink.tsx
@@ -2,8 +2,8 @@ import { AvatarGroup, Flex, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const collaborators = [

diff --git a/docs/pages/visual-test/Icon-list-vr.tsx b/docs/pages/visual-test/Icon-list-vr.tsx
@@ -4,7 +4,7 @@ import icons from '../../../packages/gestalt/src/icons-vr-theme/index';
 export default function Snapshot() {
   return (
     <ExperimentProvider
-      value={{ 'web_gestalt_visualRefresh': { anyEnabled: true, group: 'enabled' } }}
+      value={{ 'web_gestalt_visualrefresh': { anyEnabled: true, group: 'enabled' } }}
     >
       <ColorSchemeProvider colorScheme="light">
         <Box color="default" height={2000} width={2000}>

diff --git a/docs/pages/web/avatar.tsx b/docs/pages/web/avatar.tsx
@@ -24,8 +24,8 @@ import verifiedExample from '../../examples/avatar/verifiedExample';
 
 export default function AvatarPage({ generatedDocGen }: { generatedDocGen: DocGen }) {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   return (

diff --git a/docs/pages/web/avatargroup.tsx b/docs/pages/web/avatargroup.tsx
@@ -29,8 +29,8 @@ import sizing from '../../examples/avatarGroup/sizing';
 
 export default function AvatarGroupPage({ generatedDocGen }: { generatedDocGen: DocGen }) {
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
   const [avatarsize, setAvatarsize] = useState<'md' | 'xs' | 'sm'>('md');
 

diff --git a/docs/pages/web/button.tsx b/docs/pages/web/button.tsx
@@ -33,8 +33,8 @@ const PREVIEW_HEIGHT = 300;
 
 export default function DocsPage({ generatedDocGen }: DocType) {
   const isInExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   return (

diff --git a/docs/pages/web/buttontoggle.tsx b/docs/pages/web/buttontoggle.tsx
@@ -29,8 +29,8 @@ const PREVIEW_HEIGHT = 300;
 
 export default function DocsPage({ generatedDocGen }: DocType) {
   const isInExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   return (

diff --git a/docs/pages/web/toast.tsx b/docs/pages/web/toast.tsx
@@ -37,8 +37,8 @@ import textOnly from '../../examples/toast/textOnly';
 
 export default function DocsPage({ generatedDocGen }: { generatedDocGen: DocGen }) {
   const isInExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
   return (
     <Page title={generatedDocGen?.displayName}>

diff --git a/packages/gestalt-datepicker/src/DateField.tsx b/packages/gestalt-datepicker/src/DateField.tsx
@@ -128,8 +128,8 @@ function DateField({
   };
 
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   useEffect(() => {

diff --git a/packages/gestalt-datepicker/src/DatePicker/DateInput.tsx b/packages/gestalt-datepicker/src/DatePicker/DateInput.tsx
@@ -64,8 +64,8 @@ const DateInputWithForwardRef = forwardRef<HTMLInputElement, Props>(function Dat
   const { openCalendar } = useDefaultLabel('DatePicker');
 
   const isInVRExperiment = useDangerouslyInGestaltExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   if (isInVRExperiment) {

diff --git a/packages/gestalt-datepicker/src/DatePicker/InternalDatePicker.tsx b/packages/gestalt-datepicker/src/DatePicker/InternalDatePicker.tsx
@@ -73,8 +73,8 @@ const InternalDatePickerWithForwardRef = forwardRef<HTMLInputElement, InternalPr
     const { nextMonth, previousMonth } = useDefaultLabel('DatePicker');
 
     const isInVRExperiment = useDangerouslyInGestaltExperiment({
-      webExperimentName: 'web_gestalt_visualRefresh',
-      mwebExperimentName: 'web_gestalt_visualRefresh',
+      webExperimentName: 'web_gestalt_visualrefresh',
+      mwebExperimentName: 'web_gestalt_visualrefresh',
     });
     // This state is only used if the component is uncontrolled or value === undefined. If uncontrolled, DatePicker manages the selected Date value internally
     const [uncontrolledValue, setUncontrolledValue] = useState<Date | null | undefined>(null);

diff --git a/packages/gestalt/src/Avatar/Foundation.tsx b/packages/gestalt/src/Avatar/Foundation.tsx
@@ -32,8 +32,8 @@ function ResponsiveFitSizeBox({
   outline,
 }: ResponsiveFitSizeBoxProps) {
   const isInVRExperiment = useInExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const { colorSchemeName } = useColorScheme();
@@ -115,8 +115,8 @@ export default function AvatarFoundation({
   content = 'text',
 }: AvatarFoundationProps) {
   const isInVRExperiment = useInExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
   const { colorSchemeName } = useColorScheme();
   const isDarkMode = colorSchemeName === 'darkMode';

diff --git a/packages/gestalt/src/Avatar/InternalAvatar.tsx b/packages/gestalt/src/Avatar/InternalAvatar.tsx
@@ -31,8 +31,8 @@ type Props = {
 
 function InternalAvatar(props: Props) {
   const isInVRExperiment = useInExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
   const {
     accessibilityLabel,

diff --git a/packages/gestalt/src/AvatarGroup.tsx b/packages/gestalt/src/AvatarGroup.tsx
@@ -89,8 +89,8 @@ const AvatarGroupWithForwardRef = forwardRef<UnionRefs, Props>(function AvatarGr
   ref,
 ) {
   const isInVRExperiment = useInExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const {

diff --git a/packages/gestalt/src/Badge.tsx b/packages/gestalt/src/Badge.tsx
@@ -78,8 +78,8 @@ export default function Badge({
   tooltip,
 }: Props) {
   const isInVRExperiment = useInExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
   const dataTestIdIcon = dataTestId && `${dataTestId}-icon`;
   const dataTestIdText = dataTestId && `${dataTestId}-text`;

diff --git a/packages/gestalt/src/BannerCallout.tsx b/packages/gestalt/src/BannerCallout.tsx
@@ -197,8 +197,8 @@ export default function BannerCallout({
   } = useDefaultLabelContext('BannerCallout');
 
   const isInVRExperiment = useInExperiment({
-    webExperimentName: 'web_gestalt_visualRefresh',
-    mwebExperimentName: 'web_gestalt_visualRefresh',
+    webExperimentName: 'web_gestalt_visualrefresh',
+    mwebExperimentName: 'web_gestalt_visualrefresh',
   });
 
   const getDefaultIconAccessibilityLabel = () => {