diff --git a/docs/docs-components/DocsVisualRefreshTypographyStyle.tsx b/docs/docs-components/DocsVisualRefreshTypographyStyle.tsx index 130d6f6a3e..f702e728fd 100644 --- 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 index 0c8186d5ed..761835fa43 100644 --- a/docs/docs-components/Header.tsx +++ b/docs/docs-components/Header.tsx @@ -48,8 +48,8 @@ function Header() { const searchAnchorRef = useRef(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 index a60e22d256..75b76d35af 100644 --- 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 index 048d7cf630..160c61b712 100644 --- 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 index aee97b610c..bca93bdfee 100644 --- 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 index c102d7b773..2e6e636cde 100644 --- 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 index 27216574d5..ff501e7185 100644 --- 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 index 48422c0bf3..1ebfcaeaa3 100644 --- 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 index 768899b427..366961d130 100644 --- 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 index 61376e7b20..6f56271a99 100644 --- 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 index 9ea69deae6..10ddf3cfe1 100644 --- 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 index 9f4e8be274..cc1a7121b5 100644 --- 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 index 473e2348a8..0bbcecfc34 100644 --- 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 index d53ff65a62..d34f7aacf8 100644 --- 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); 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 index 1a0fb00dbc..68b4307076 100644 --- 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 index 12fc87739d..cfbd851541 100644 --- 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 index 0f987a1d93..2e4f033cf7 100644 --- 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 index 998279ecde..571eabe76d 100644 --- 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 index 3b973f37c4..b7b28683c0 100644 --- 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 index c4f0881adc..d19102f06e 100644 --- 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); 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 index 4ab21b029b..d89511e4e7 100644 --- 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 index 9795330fe6..7ad63765ab 100644 --- 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 ( diff --git a/docs/pages/web/avatar.tsx b/docs/pages/web/avatar.tsx index f3904934a3..48c7e14df6 100644 --- 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 index fec515e051..7d50f33d64 100644 --- 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 index 54ba52b0ac..bc14c7c42f 100644 --- 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 index 1dd3b09310..bd41121a77 100644 --- 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 index a7dde31842..a97d9e2636 100644 --- 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 ( diff --git a/packages/gestalt-datepicker/src/DateField.tsx b/packages/gestalt-datepicker/src/DateField.tsx index 0e08668909..9cbf7b3fb7 100644 --- 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 index 6874ff3f46..e2a73743cf 100644 --- a/packages/gestalt-datepicker/src/DatePicker/DateInput.tsx +++ b/packages/gestalt-datepicker/src/DatePicker/DateInput.tsx @@ -64,8 +64,8 @@ const DateInputWithForwardRef = forwardRef(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 index 499b464af0..057d469811 100644 --- a/packages/gestalt-datepicker/src/DatePicker/InternalDatePicker.tsx +++ b/packages/gestalt-datepicker/src/DatePicker/InternalDatePicker.tsx @@ -73,8 +73,8 @@ const InternalDatePickerWithForwardRef = forwardRef(null); diff --git a/packages/gestalt/src/Avatar/Foundation.tsx b/packages/gestalt/src/Avatar/Foundation.tsx index 60c121c553..5e8ab7449a 100644 --- 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 index f3179790ee..755daae574 100644 --- 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 index 8fce38984d..c8725f0137 100644 --- a/packages/gestalt/src/AvatarGroup.tsx +++ b/packages/gestalt/src/AvatarGroup.tsx @@ -89,8 +89,8 @@ const AvatarGroupWithForwardRef = forwardRef(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 index 7f639fc7a2..8f2143016b 100644 --- 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 index 8194820b84..f219676a04 100644 --- 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 = () => { diff --git a/packages/gestalt/src/BannerOverlay.tsx b/packages/gestalt/src/BannerOverlay.tsx index 6b7ac29757..96a9ad3e9a 100644 --- a/packages/gestalt/src/BannerOverlay.tsx +++ b/packages/gestalt/src/BannerOverlay.tsx @@ -131,8 +131,8 @@ export default function BannerOverlay({ const isMobileDevice = useDeviceType() === 'mobile'; const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const { accessibilityDismissButtonLabel: accessibilityDismissButtonLabelDefault } = diff --git a/packages/gestalt/src/BannerSlim.tsx b/packages/gestalt/src/BannerSlim.tsx index 0f5ff98fa7..55e0da9a76 100644 --- a/packages/gestalt/src/BannerSlim.tsx +++ b/packages/gestalt/src/BannerSlim.tsx @@ -153,8 +153,8 @@ export default function BannerSlim({ type = 'neutral', }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const isBare = type.endsWith('Bare'); diff --git a/packages/gestalt/src/Button.tsx b/packages/gestalt/src/Button.tsx index 9336b205e8..536911e925 100644 --- a/packages/gestalt/src/Button.tsx +++ b/packages/gestalt/src/Button.tsx @@ -140,8 +140,8 @@ function InternalButtonContent({ size: string; }) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return ( @@ -208,8 +208,8 @@ const ButtonWithForwardRef = forwardRef(function Butto ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const textSizes: { diff --git a/packages/gestalt/src/ButtonGroup.tsx b/packages/gestalt/src/ButtonGroup.tsx index 0bd1bd859f..d1c134d0d6 100644 --- a/packages/gestalt/src/ButtonGroup.tsx +++ b/packages/gestalt/src/ButtonGroup.tsx @@ -19,8 +19,8 @@ type Props = { */ function ButtonGroup({ children }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (Children.count(children) === 0) { diff --git a/packages/gestalt/src/ButtonLink.tsx b/packages/gestalt/src/ButtonLink.tsx index 9a78f6c664..e118cb9dac 100644 --- a/packages/gestalt/src/ButtonLink.tsx +++ b/packages/gestalt/src/ButtonLink.tsx @@ -161,8 +161,8 @@ const ButtonLinkWithForwardRef = forwardRef(func useImperativeHandle(ref, () => innerRef.current); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const { accessibilityNewTabLabel } = useDefaultLabelContext('Link'); diff --git a/packages/gestalt/src/ButtonToggle.tsx b/packages/gestalt/src/ButtonToggle.tsx index 8a16cce5b7..f95c90ba6f 100644 --- a/packages/gestalt/src/ButtonToggle.tsx +++ b/packages/gestalt/src/ButtonToggle.tsx @@ -146,8 +146,8 @@ const ButtonToggleWithForwardRef = forwardRef(function throw new Error('ButtonToggle: When text is empty, accessibilityLabel is required.'); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const innerRef = useRef(null); diff --git a/packages/gestalt/src/ButtonToggle/ColorPicker.tsx b/packages/gestalt/src/ButtonToggle/ColorPicker.tsx index 55635ac95b..db342d1753 100644 --- a/packages/gestalt/src/ButtonToggle/ColorPicker.tsx +++ b/packages/gestalt/src/ButtonToggle/ColorPicker.tsx @@ -73,8 +73,8 @@ export type Props = { export default function ColorPicker({ colors, selected, isHovered, isFocused, size }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const vrFocus = isFocused && isInVRExperiment; const hasBorder = isHovered || selected || vrFocus || isFocused; diff --git a/packages/gestalt/src/Checkbox.tsx b/packages/gestalt/src/Checkbox.tsx index bcb251c29b..892266013a 100644 --- a/packages/gestalt/src/Checkbox.tsx +++ b/packages/gestalt/src/Checkbox.tsx @@ -89,8 +89,8 @@ const CheckboxWithForwardRef = forwardRef(function Chec ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (isInVRExperiment) { diff --git a/packages/gestalt/src/ComboBox.tsx b/packages/gestalt/src/ComboBox.tsx index 983d70fef1..cd7796c17b 100644 --- a/packages/gestalt/src/ComboBox.tsx +++ b/packages/gestalt/src/ComboBox.tsx @@ -188,8 +188,8 @@ const ComboBoxWithForwardRef = forwardRef(function Comb } = useDefaultLabelContext('ComboBox'); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); // ==== REFS ==== diff --git a/packages/gestalt/src/Divider.tsx b/packages/gestalt/src/Divider.tsx index 86501b5b08..909041d042 100644 --- a/packages/gestalt/src/Divider.tsx +++ b/packages/gestalt/src/Divider.tsx @@ -12,8 +12,8 @@ import useInExperiment from './useInExperiment'; // eslint-disable-next-line no-empty-pattern export default function Divider({}: Record) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return ( diff --git a/packages/gestalt/src/Fieldset.tsx b/packages/gestalt/src/Fieldset.tsx index ef7df6223c..226db96358 100644 --- a/packages/gestalt/src/Fieldset.tsx +++ b/packages/gestalt/src/Fieldset.tsx @@ -48,8 +48,8 @@ export default function Fieldset({ children, }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (errorMessage && id === '') { diff --git a/packages/gestalt/src/Heading.tsx b/packages/gestalt/src/Heading.tsx index 350eeb3332..2899987005 100644 --- a/packages/gestalt/src/Heading.tsx +++ b/packages/gestalt/src/Heading.tsx @@ -96,8 +96,8 @@ export default function Heading({ size = '600', }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const getWordBreakStyle = (): string | undefined => { diff --git a/packages/gestalt/src/HelpButton.tsx b/packages/gestalt/src/HelpButton.tsx index 46a50602a7..942d83107c 100644 --- a/packages/gestalt/src/HelpButton.tsx +++ b/packages/gestalt/src/HelpButton.tsx @@ -102,8 +102,8 @@ export default function HelpButton({ const [innerModalFocus, setInnerModalFocus] = useState(false); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const { colorSchemeName } = useColorScheme(); const popoverId = useId(); diff --git a/packages/gestalt/src/Icon/InternalIcon.tsx b/packages/gestalt/src/Icon/InternalIcon.tsx index f286cf1cce..eb7e34f9e4 100644 --- a/packages/gestalt/src/Icon/InternalIcon.tsx +++ b/packages/gestalt/src/Icon/InternalIcon.tsx @@ -56,8 +56,8 @@ function InternalIcon({ { [styles.iconBlock]: !inline }, ); const isInExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const getIconPath = (iconToUse?: IconName) => { diff --git a/packages/gestalt/src/IconButton/InternalIconButton.tsx b/packages/gestalt/src/IconButton/InternalIconButton.tsx index 4464d4351f..c3b0946db7 100644 --- a/packages/gestalt/src/IconButton/InternalIconButton.tsx +++ b/packages/gestalt/src/IconButton/InternalIconButton.tsx @@ -89,8 +89,8 @@ const InternalIconButtonWithForwardRef = forwardRef(fu // @ts-expect-error - TS2322 - Type 'HTMLButtonElement | null' is not assignable to type 'HTMLButtonElement'. useImperativeHandle(ref, () => innerRef.current); 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/IconButton/InternalIconCompactButton.tsx b/packages/gestalt/src/IconButton/InternalIconCompactButton.tsx index 4e21eafc9d..cf17771c32 100644 --- a/packages/gestalt/src/IconButton/InternalIconCompactButton.tsx +++ b/packages/gestalt/src/IconButton/InternalIconCompactButton.tsx @@ -73,8 +73,8 @@ const InternalIconButtonWithForwardRef = forwardRef(fu // @ts-expect-error - TS2322 - Type 'HTMLButtonElement | null' is not assignable to type 'HTMLButtonElement'. useImperativeHandle(ref, () => innerRef.current); 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/IconButtonFloating.tsx b/packages/gestalt/src/IconButtonFloating.tsx index 7251f80c2f..8436018365 100644 --- a/packages/gestalt/src/IconButtonFloating.tsx +++ b/packages/gestalt/src/IconButtonFloating.tsx @@ -86,8 +86,8 @@ const IconButtonFloatingWithForwardRef = forwardRef( ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return ( diff --git a/packages/gestalt/src/IconButtonLink.tsx b/packages/gestalt/src/IconButtonLink.tsx index 56ba76cc8a..6c7ed6c183 100644 --- a/packages/gestalt/src/IconButtonLink.tsx +++ b/packages/gestalt/src/IconButtonLink.tsx @@ -126,8 +126,8 @@ const IconButtonLinkWithForwardRef = forwardRef(functi ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const innerRef = useRef(null); diff --git a/packages/gestalt/src/Indicator.tsx b/packages/gestalt/src/Indicator.tsx index e802e26bce..d50115a2cd 100644 --- a/packages/gestalt/src/Indicator.tsx +++ b/packages/gestalt/src/Indicator.tsx @@ -36,8 +36,8 @@ export default function Indicator({ position = 'middle', }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (count === undefined) { diff --git a/packages/gestalt/src/Link.tsx b/packages/gestalt/src/Link.tsx index 76a7a2eb56..7c666efa92 100644 --- a/packages/gestalt/src/Link.tsx +++ b/packages/gestalt/src/Link.tsx @@ -165,8 +165,8 @@ const LinkWithForwardRef = forwardRef(function Link( const innerRef = useRef(null); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); // @ts-expect-error - TS2322 - Type 'HTMLAnchorElement | null' is not assignable to type 'HTMLAnchorElement'. diff --git a/packages/gestalt/src/Link/InternalLink.tsx b/packages/gestalt/src/Link/InternalLink.tsx index a7b6cb04aa..725797f0d4 100644 --- a/packages/gestalt/src/Link/InternalLink.tsx +++ b/packages/gestalt/src/Link/InternalLink.tsx @@ -114,8 +114,8 @@ const InternalLinkWithForwardRef = forwardRef(function }); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const { isFocusVisible } = useFocusVisible(); diff --git a/packages/gestalt/src/NumberField.tsx b/packages/gestalt/src/NumberField.tsx index 5e2134b92a..d9c55b474e 100644 --- a/packages/gestalt/src/NumberField.tsx +++ b/packages/gestalt/src/NumberField.tsx @@ -168,8 +168,8 @@ const NumberFieldWithForwardRef = forwardRef(function N ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (isInVRExperiment) { diff --git a/packages/gestalt/src/Pog/InternalPog.tsx b/packages/gestalt/src/Pog/InternalPog.tsx index c17f4f6c10..c358b3f3bf 100644 --- a/packages/gestalt/src/Pog/InternalPog.tsx +++ b/packages/gestalt/src/Pog/InternalPog.tsx @@ -49,8 +49,8 @@ export default function InternalPog({ size = 'md', }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const SIZE_NAME_TO_PADDING_PIXEL = isInVRExperiment diff --git a/packages/gestalt/src/Popover/InternalPopover.tsx b/packages/gestalt/src/Popover/InternalPopover.tsx index 07a3f02752..39bdebec88 100644 --- a/packages/gestalt/src/Popover/InternalPopover.tsx +++ b/packages/gestalt/src/Popover/InternalPopover.tsx @@ -63,8 +63,8 @@ export default function InternalPopover({ useDefaultLabelContext('Popover'); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (!anchor) { diff --git a/packages/gestalt/src/PopoverEducational.tsx b/packages/gestalt/src/PopoverEducational.tsx index d790521e00..5ca40b69fe 100644 --- a/packages/gestalt/src/PopoverEducational.tsx +++ b/packages/gestalt/src/PopoverEducational.tsx @@ -147,8 +147,8 @@ export default function PopoverEducational({ _experimentalVariant, }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (!anchor) { diff --git a/packages/gestalt/src/RadioGroupButton.tsx b/packages/gestalt/src/RadioGroupButton.tsx index cb6cc1506a..acb7adf29b 100644 --- a/packages/gestalt/src/RadioGroupButton.tsx +++ b/packages/gestalt/src/RadioGroupButton.tsx @@ -106,8 +106,8 @@ const RadioGroupButtonWithForwardRef = forwardRef(funct ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const [focused, setFocused] = useState(false); diff --git a/packages/gestalt/src/SearchField.tsx b/packages/gestalt/src/SearchField.tsx index 832d807253..1f69f25cc7 100644 --- a/packages/gestalt/src/SearchField.tsx +++ b/packages/gestalt/src/SearchField.tsx @@ -112,8 +112,8 @@ const SearchFieldWithForwardRef = forwardRef(function S ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const [hovered, setHovered] = useState(false); diff --git a/packages/gestalt/src/SearchGuide.tsx b/packages/gestalt/src/SearchGuide.tsx index d98b23edff..33cfb5727f 100644 --- a/packages/gestalt/src/SearchGuide.tsx +++ b/packages/gestalt/src/SearchGuide.tsx @@ -92,8 +92,8 @@ const SearchGuideWithForwardRef = forwardRef(function ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const innerRef = useRef(null); diff --git a/packages/gestalt/src/SearchGuideLink.tsx b/packages/gestalt/src/SearchGuideLink.tsx index 2ffa6c2d3f..45150c4bf5 100644 --- a/packages/gestalt/src/SearchGuideLink.tsx +++ b/packages/gestalt/src/SearchGuideLink.tsx @@ -88,8 +88,8 @@ const SearchGuideLinkWithForwardRef = forwardRef(funct ref, ) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const innerRef = useRef(null); diff --git a/packages/gestalt/src/SelectList.tsx b/packages/gestalt/src/SelectList.tsx index dab14b4ccd..643a343c3a 100644 --- a/packages/gestalt/src/SelectList.tsx +++ b/packages/gestalt/src/SelectList.tsx @@ -105,8 +105,8 @@ function SelectList({ const [focused, setFocused] = useState(false); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const handleOnChange: (event: React.ChangeEvent) => void = (event) => { diff --git a/packages/gestalt/src/Spinner.tsx b/packages/gestalt/src/Spinner.tsx index e3fcb7b20e..adef404993 100644 --- a/packages/gestalt/src/Spinner.tsx +++ b/packages/gestalt/src/Spinner.tsx @@ -60,8 +60,8 @@ export default function Spinner({ const id = useId(); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (isInVRExperiment) { diff --git a/packages/gestalt/src/Switch.tsx b/packages/gestalt/src/Switch.tsx index 71adf930cb..a0e2338823 100644 --- a/packages/gestalt/src/Switch.tsx +++ b/packages/gestalt/src/Switch.tsx @@ -39,8 +39,8 @@ type Props = { */ export default function Switch({ disabled = false, id, name, onChange, switched = false }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const handleChange: (event: React.ChangeEvent) => void = ( diff --git a/packages/gestalt/src/Tabs.tsx b/packages/gestalt/src/Tabs.tsx index 8bafa58c61..f1877ecccc 100644 --- a/packages/gestalt/src/Tabs.tsx +++ b/packages/gestalt/src/Tabs.tsx @@ -57,8 +57,8 @@ export default function Tabs({ dataTestId, }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return ( diff --git a/packages/gestalt/src/Tabs/Tab.tsx b/packages/gestalt/src/Tabs/Tab.tsx index a3692b58f5..b1e007f76f 100644 --- a/packages/gestalt/src/Tabs/Tab.tsx +++ b/packages/gestalt/src/Tabs/Tab.tsx @@ -83,8 +83,8 @@ const TabWithForwardRef = forwardRef(function Tab( const { isFocusVisible } = useFocusVisible(); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const { accessibilityNotificationLabel } = useDefaultLabelContext('Tabs'); diff --git a/packages/gestalt/src/TapArea.tsx b/packages/gestalt/src/TapArea.tsx index f2d472419d..f1c928844e 100644 --- a/packages/gestalt/src/TapArea.tsx +++ b/packages/gestalt/src/TapArea.tsx @@ -201,8 +201,8 @@ const TapAreaWithForwardRef = forwardRef(function TapArea useImperativeHandle(ref, () => innerRef.current); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const { isFocusVisible } = useFocusVisible(); diff --git a/packages/gestalt/src/Text.tsx b/packages/gestalt/src/Text.tsx index 378ab3b6af..3b4a572655 100644 --- a/packages/gestalt/src/Text.tsx +++ b/packages/gestalt/src/Text.tsx @@ -111,8 +111,8 @@ const TextWithForwardRef = forwardRef(function Text( const colorClass = semanticColors.includes(color) && styles[color]; const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const getWordBreakStyle = (): string | undefined => { diff --git a/packages/gestalt/src/TextArea.tsx b/packages/gestalt/src/TextArea.tsx index 649e720e1a..4ef9b53df4 100644 --- a/packages/gestalt/src/TextArea.tsx +++ b/packages/gestalt/src/TextArea.tsx @@ -136,8 +136,8 @@ const TextAreaWithForwardRef = forwardRef(function T const [currentLength, setCurrentLength] = useState(value?.length ?? 0); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const defaultRows = isInVRExperiment ? 2 : 3; diff --git a/packages/gestalt/src/TextCompact.tsx b/packages/gestalt/src/TextCompact.tsx index 1b224b096e..6f4573ba8c 100644 --- a/packages/gestalt/src/TextCompact.tsx +++ b/packages/gestalt/src/TextCompact.tsx @@ -95,8 +95,8 @@ const TextCompactWithForwardRef = forwardRef(function Tex ref, ): ReactElement { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const colorClass = semanticColors.includes(color) && stylesText[color]; diff --git a/packages/gestalt/src/TextField.tsx b/packages/gestalt/src/TextField.tsx index 8600a25c28..cabf7cc56c 100644 --- a/packages/gestalt/src/TextField.tsx +++ b/packages/gestalt/src/TextField.tsx @@ -160,8 +160,8 @@ const TextFieldWithForwardRef = forwardRef(function Tex const [type, setType] = useState(typeProp); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); useEffect(() => { diff --git a/packages/gestalt/src/TextUI.tsx b/packages/gestalt/src/TextUI.tsx index d99592e56b..24041c9c37 100644 --- a/packages/gestalt/src/TextUI.tsx +++ b/packages/gestalt/src/TextUI.tsx @@ -102,8 +102,8 @@ const TextUIWithForwardRef = forwardRef(function Text( const colorClass = semanticColors.includes(color) && stylesText[color]; const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const getWordBreakStyle = (): string | undefined => { diff --git a/packages/gestalt/src/Toast.tsx b/packages/gestalt/src/Toast.tsx index a0235c3eed..53a8a1c450 100644 --- a/packages/gestalt/src/Toast.tsx +++ b/packages/gestalt/src/Toast.tsx @@ -121,8 +121,8 @@ export default function Toast({ type = 'default', }: Props) { const isInExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const responsiveMinWidth = useResponsiveMinWidth(); const isMobileWidth = responsiveMinWidth === 'xs'; diff --git a/packages/gestalt/src/Toast/PrimaryAction.tsx b/packages/gestalt/src/Toast/PrimaryAction.tsx index a5322ae03d..4d14cc2b03 100644 --- a/packages/gestalt/src/Toast/PrimaryAction.tsx +++ b/packages/gestalt/src/Toast/PrimaryAction.tsx @@ -24,8 +24,8 @@ type Props = export default function PrimaryAction({ accessibilityLabel, label, size = 'lg', ...props }: Props) { const isInExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); if (props.role === 'link') diff --git a/packages/gestalt/src/Tooltip/InternalTooltip.tsx b/packages/gestalt/src/Tooltip/InternalTooltip.tsx index b736914c7a..639531cad4 100644 --- a/packages/gestalt/src/Tooltip/InternalTooltip.tsx +++ b/packages/gestalt/src/Tooltip/InternalTooltip.tsx @@ -89,8 +89,8 @@ export default function InternalTooltip({ const mouseLeaveDelay = link ? TIMEOUT : 0; const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); useEffect(() => { diff --git a/packages/gestalt/src/accessibility/AccessibilityLinkActionIcon.tsx b/packages/gestalt/src/accessibility/AccessibilityLinkActionIcon.tsx index c7c3219599..2fae7f363b 100644 --- a/packages/gestalt/src/accessibility/AccessibilityLinkActionIcon.tsx +++ b/packages/gestalt/src/accessibility/AccessibilityLinkActionIcon.tsx @@ -17,8 +17,8 @@ export default function AccessibilityLinkActionIcon({ size, color, icon = 'visit const { accessibilityNewTabLabel, accessibilityDownloadLabel } = useDefaultLabelContext('Link'); const isInExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const classNames = classnames( diff --git a/packages/gestalt/src/contexts/ColorSchemeProvider.jsdom.test.tsx b/packages/gestalt/src/contexts/ColorSchemeProvider.jsdom.test.tsx index e13cec73a8..bde9fce238 100644 --- a/packages/gestalt/src/contexts/ColorSchemeProvider.jsdom.test.tsx +++ b/packages/gestalt/src/contexts/ColorSchemeProvider.jsdom.test.tsx @@ -115,7 +115,7 @@ describe('visual refresh tokens', () => { it('uses visual refresh light mode theme when specified', () => { const { container } = render( @@ -130,7 +130,7 @@ describe('visual refresh tokens', () => { it('uses visual refresh dark mode theme when specified', () => { const { container } = render( @@ -145,7 +145,7 @@ describe('visual refresh tokens', () => { it('uses visual refresh with tall line height', () => { const { container } = render( @@ -160,7 +160,7 @@ describe('visual refresh tokens', () => { it('uses visual refresh with ck line height', () => { const { container } = render( @@ -175,7 +175,7 @@ describe('visual refresh tokens', () => { it('uses visual refresh with ja line height', () => { const { container } = render( @@ -190,7 +190,7 @@ describe('visual refresh tokens', () => { it('uses visual refresh with th line height', () => { const { container } = render( @@ -205,7 +205,7 @@ describe('visual refresh tokens', () => { it('uses visual refresh with vi line height', () => { const { container } = render( diff --git a/packages/gestalt/src/contexts/ColorSchemeProvider.tsx b/packages/gestalt/src/contexts/ColorSchemeProvider.tsx index 1f80027ec2..47ae4cedbd 100644 --- a/packages/gestalt/src/contexts/ColorSchemeProvider.tsx +++ b/packages/gestalt/src/contexts/ColorSchemeProvider.tsx @@ -157,8 +157,8 @@ export default function ColorSchemeProvider({ const [languageLineHeight, setLanguageLineHeight] = useState(language); const isInExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const className = id ? `__gestaltTheme${id}` : undefined; diff --git a/packages/gestalt/src/sharedSubcomponents/FormErrorMessage.tsx b/packages/gestalt/src/sharedSubcomponents/FormErrorMessage.tsx index fd88bd372c..59b2b8f13a 100644 --- a/packages/gestalt/src/sharedSubcomponents/FormErrorMessage.tsx +++ b/packages/gestalt/src/sharedSubcomponents/FormErrorMessage.tsx @@ -24,8 +24,8 @@ export default function FormErrorMessage({ noPadding: noStartPadding, }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return ( diff --git a/packages/gestalt/src/sharedSubcomponents/FormHelperText.tsx b/packages/gestalt/src/sharedSubcomponents/FormHelperText.tsx index 0f0482b3e8..074cee7ca8 100644 --- a/packages/gestalt/src/sharedSubcomponents/FormHelperText.tsx +++ b/packages/gestalt/src/sharedSubcomponents/FormHelperText.tsx @@ -28,8 +28,8 @@ export default function FormHelperText({ noPadding: noStartPadding, }: Props) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return ( diff --git a/packages/gestalt/src/sharedSubcomponents/FormHelperTextCounter.tsx b/packages/gestalt/src/sharedSubcomponents/FormHelperTextCounter.tsx index 7827264cdf..8ad455628c 100644 --- a/packages/gestalt/src/sharedSubcomponents/FormHelperTextCounter.tsx +++ b/packages/gestalt/src/sharedSubcomponents/FormHelperTextCounter.tsx @@ -18,8 +18,8 @@ export default function FormHelperTextCounter({ disabled, currentLength, maxLeng const [width, setWidth] = useState(undefined); const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); useEffect(() => { diff --git a/packages/gestalt/src/sharedSubcomponents/OverridingSpan.tsx b/packages/gestalt/src/sharedSubcomponents/OverridingSpan.tsx index 2a1a347dd7..bdf7ee8c34 100644 --- a/packages/gestalt/src/sharedSubcomponents/OverridingSpan.tsx +++ b/packages/gestalt/src/sharedSubcomponents/OverridingSpan.tsx @@ -20,8 +20,8 @@ export default function OverridingSpan({ size?: Size; }) { const isInExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const { colorSchemeName } = useColorScheme(); diff --git a/packages/gestalt/src/sharedSubcomponents/thumbnailSubcomponents.tsx b/packages/gestalt/src/sharedSubcomponents/thumbnailSubcomponents.tsx index 24a78b61ce..c89ea73220 100644 --- a/packages/gestalt/src/sharedSubcomponents/thumbnailSubcomponents.tsx +++ b/packages/gestalt/src/sharedSubcomponents/thumbnailSubcomponents.tsx @@ -43,8 +43,8 @@ export function Message({ type?: 'default' | 'success' | 'error' | 'progress'; }) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); const isError = type === 'error'; const textRef = useRef(null); @@ -133,8 +133,8 @@ export function Message({ export function ImageThumbnail({ thumbnail }: { thumbnail: ReactElement }) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return ( @@ -158,8 +158,8 @@ export function IconThumbnail({ overrideColor?: IconColor; }) { const isInVRExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return ( @@ -183,8 +183,8 @@ export function TypeThumbnail({ type }: { type: 'default' | 'success' | 'error' accessibilityProcessingLabel, } = useDefaultLabelContext('Toast'); const isInExperiment = useInExperiment({ - webExperimentName: 'web_gestalt_visualRefresh', - mwebExperimentName: 'web_gestalt_visualRefresh', + webExperimentName: 'web_gestalt_visualrefresh', + mwebExperimentName: 'web_gestalt_visualrefresh', }); return (