diff --git a/apps/docs/src/content/04-components/structure/list/examples/customEmptyView.tsx b/apps/docs/src/content/04-components/structure/list/examples/customEmptyView.tsx new file mode 100644 index 0000000000..98f25ff013 --- /dev/null +++ b/apps/docs/src/content/04-components/structure/list/examples/customEmptyView.tsx @@ -0,0 +1,27 @@ +import { + Heading, + IconDomain, + IllustratedMessage, + Text, + typedList, +} from "@mittwald/flow-react-components"; +import { type Domain } from "@/content/04-components/structure/list/examples/domainApi"; + +export default () => { + const List = typedList(); + + const emptyView = ( + + + Keine Domains gefunden + Füge neue Domains hinzu, um zu starten. + + ); + + return ( + + + {() => null} + + ); +}; diff --git a/apps/docs/src/content/04-components/structure/list/examples/emptyView.tsx b/apps/docs/src/content/04-components/structure/list/examples/emptyView.tsx new file mode 100644 index 0000000000..d642e0786b --- /dev/null +++ b/apps/docs/src/content/04-components/structure/list/examples/emptyView.tsx @@ -0,0 +1,13 @@ +import { typedList } from "@mittwald/flow-react-components"; +import { type Domain } from "@/content/04-components/structure/list/examples/domainApi"; + +export default () => { + const List = typedList(); + + return ( + + + {() => null} + + ); +}; diff --git a/apps/docs/src/content/04-components/structure/list/overview.mdx b/apps/docs/src/content/04-components/structure/list/overview.mdx index c0f6e2ad87..8be6288a2f 100644 --- a/apps/docs/src/content/04-components/structure/list/overview.mdx +++ b/apps/docs/src/content/04-components/structure/list/overview.mdx @@ -141,6 +141,19 @@ Die Pagination ist standardmäßig bei jeder List aktiviert, kann jedoch über `hidePagination` deaktiviert werden. Über die `batchSize`-Property kann festgelegt werden, wie viele Einträge gleichzeitig angezeigt werden sollen. +## Empty View + +Mit `emptyView` kann eine benutzerdefinierte Ansicht angezeigt werden, wenn die +Liste keine Einträge enthält. So lässt sich beispielsweise eine Illustration mit +einem Hinweistext anzeigen, um die Nutzer zu informieren, dass keine Daten +vorhanden sind, und ihnen gegebenenfalls Tipps zu geben, wie sie Daten +hinzufügen können. + +In der Regel sollte als Empty View eine IllustratedMessage verwendet werden, um +eine konsistente Nutzererfahrung zu gewährleisten. + + + --- # Kombiniere mit ... diff --git a/packages/components/src/components/List/List.tsx b/packages/components/src/components/List/List.tsx index 639ef56ab1..311e05d8c8 100644 --- a/packages/components/src/components/List/List.tsx +++ b/packages/components/src/components/List/List.tsx @@ -27,7 +27,7 @@ import { type PropsContext, PropsContextProvider } from "@/lib/propsContext"; import { deepFilterByType, deepFindOfType } from "@/lib/react/deepFindOfType"; import DivView from "@/views/DivView"; import { TunnelExit, TunnelProvider } from "@mittwald/react-tunnel"; -import type { PropsWithChildren } from "react"; +import type { PropsWithChildren, ReactNode } from "react"; import Footer from "./components/Footer"; import styles from "./List.module.css"; import { listContext } from "./listContext"; @@ -50,6 +50,8 @@ export interface ListProps /** The number of items to be displayed on one page. */ batchSize?: number; hidePagination?: boolean; + emptySearchResultView?: ReactNode; + emptyView?: ReactNode; } export const List = flowComponent("List", (props) => { diff --git a/packages/components/src/components/List/components/DataLoader/DataLoader.tsx b/packages/components/src/components/List/components/DataLoader/DataLoader.tsx index 0cda316d5d..0d3e54b26c 100644 --- a/packages/components/src/components/List/components/DataLoader/DataLoader.tsx +++ b/packages/components/src/components/List/components/DataLoader/DataLoader.tsx @@ -3,12 +3,18 @@ import { useList } from "@/components/List/hooks/useList"; import { Render } from "@/lib/react/components/Render"; export const DataLoader = () => { - const loaderHooks = useList().loader.getLoaderInvocationHooks(); + const loader = useList().loader; + const loaderHooks = loader.getLoaderInvocationHooks(); + const isInitiallyLoading = loader.useIsInitiallyLoading(); + + const disableSuspense = + loader.disableInitialSuspenseBoundary && isInitiallyLoading; return loaderHooks.map((loaderHook, i) => ( {() => { diff --git a/packages/components/src/components/List/components/DataLoader/DataLoaderSuspense.tsx b/packages/components/src/components/List/components/DataLoader/DataLoaderSuspense.tsx index 3c60ef304a..7ec8855ad6 100644 --- a/packages/components/src/components/List/components/DataLoader/DataLoaderSuspense.tsx +++ b/packages/components/src/components/List/components/DataLoader/DataLoaderSuspense.tsx @@ -4,6 +4,7 @@ import { Suspense } from "react"; interface Props extends PropsWithChildren { useRenderSuspense: () => void; + disabled?: boolean; } interface FallbackProps { @@ -17,7 +18,10 @@ const Fallback: FC = (props) => { }; export const DataLoaderSuspense: FC = (props) => { - const { useRenderSuspense, children } = props; + const { useRenderSuspense, children, disabled = false } = props; + if (disabled) { + return <>{children}; + } const fallback = ; return {children}; }; diff --git a/packages/components/src/components/List/components/EmptySearchResultView/EmptySearchResultView.tsx b/packages/components/src/components/List/components/EmptySearchResultView/EmptySearchResultView.tsx new file mode 100644 index 0000000000..d6a2ad30e7 --- /dev/null +++ b/packages/components/src/components/List/components/EmptySearchResultView/EmptySearchResultView.tsx @@ -0,0 +1,21 @@ +import type { FC } from "react"; +import { IconSearch } from "@/components/Icon/components/icons"; +import locales from "../../locales/*.locale.json"; +import IllustratedMessageView from "@/views/IllustratedMessageView"; +import HeadingView from "@/views/HeadingView"; +import TextView from "@/views/TextView"; +import { useLocalizedStringFormatter } from "@/components/TranslationProvider"; + +export type EmptySearchResultViewProps = Record; + +export const EmptySearchResultView: FC = () => { + const stringFormatter = useLocalizedStringFormatter(locales, "List"); + + return ( + + + {stringFormatter.format("noResult.heading")} + {stringFormatter.format("noResult.text")} + + ); +}; diff --git a/packages/components/src/components/List/components/EmptySearchResultView/index.ts b/packages/components/src/components/List/components/EmptySearchResultView/index.ts new file mode 100644 index 0000000000..719afe12ad --- /dev/null +++ b/packages/components/src/components/List/components/EmptySearchResultView/index.ts @@ -0,0 +1 @@ +export * from "./EmptySearchResultView"; diff --git a/packages/components/src/components/List/components/EmptyView/EmptyView.tsx b/packages/components/src/components/List/components/EmptyView/EmptyView.tsx new file mode 100644 index 0000000000..3bdbb20ad2 --- /dev/null +++ b/packages/components/src/components/List/components/EmptyView/EmptyView.tsx @@ -0,0 +1,21 @@ +import type { FC } from "react"; +import locales from "../../locales/*.locale.json"; +import IllustratedMessageView from "@/views/IllustratedMessageView"; +import HeadingView from "@/views/HeadingView"; +import TextView from "@/views/TextView"; +import { IconClose } from "@/components/Icon/components/icons"; +import { useLocalizedStringFormatter } from "@/components/TranslationProvider"; + +export type EmptyViewProps = Record; + +export const EmptyView: FC = () => { + const stringFormatter = useLocalizedStringFormatter(locales, "List"); + + return ( + + + {stringFormatter.format("noItems.heading")} + {stringFormatter.format("noItems.text")} + + ); +}; diff --git a/packages/components/src/components/List/components/EmptyView/index.ts b/packages/components/src/components/List/components/EmptyView/index.ts new file mode 100644 index 0000000000..5954f096d7 --- /dev/null +++ b/packages/components/src/components/List/components/EmptyView/index.ts @@ -0,0 +1 @@ +export * from "./EmptyView"; diff --git a/packages/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx b/packages/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx index 0f7f4f2f8d..dfde445ad0 100644 --- a/packages/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx +++ b/packages/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.tsx @@ -11,7 +11,7 @@ export const PaginationInfos: FC = (props) => { const list = useList(); const pagination = list.batches; - const isInitiallyLoading = list.loader.useIsInitiallyLoading(); + const isLoading = list.loader.useIsLoading(); const isEmpty = list.useIsEmpty(); const totalItemsCount = pagination.getTotalItemsCount(); @@ -21,7 +21,7 @@ export const PaginationInfos: FC = (props) => { return null; } - const text = isInitiallyLoading ? ( + const text = isLoading ? ( ) : ( stringFormatter.format("paginationInfo", { diff --git a/packages/components/src/components/List/components/Header/Header.tsx b/packages/components/src/components/List/components/Header/Header.tsx index c2bc5610e3..dee11a4b22 100644 --- a/packages/components/src/components/List/components/Header/Header.tsx +++ b/packages/components/src/components/List/components/Header/Header.tsx @@ -1,5 +1,4 @@ import type { FC } from "react"; -import React from "react"; import styles from "./Header.module.css"; import clsx from "clsx"; import { ActiveFilters } from "@/components/List/components/Header/components/ActiveFilters"; @@ -18,6 +17,11 @@ export const Header: FC = (props) => { const { className } = props; const list = useList(); + const isEmpty = list.useIsEmpty(); + const isInitiallyLoading = list.loader.useIsInitiallyLoading(); + const noItemsAvailable = isEmpty && list.getEmptyViewType() === "list"; + const isDisabled = isInitiallyLoading || noItemsAvailable; + const availableViewModes = useAvailableViewModes(); const hasOptions = @@ -26,6 +30,10 @@ export const Header: FC = (props) => { list.search || availableViewModes.length > 1; + if (noItemsAvailable) { + return; + } + return ( = (props) => { {hasOptions && ( - - - - + + + + - {list.search && } + {list.search && ( + + )} )} - + ); }; diff --git a/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx b/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx index cd2972ecc7..19a939cae9 100644 --- a/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx +++ b/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx @@ -4,7 +4,6 @@ import styles from "./ActiveFilters.module.scss"; import locales from "../../../../locales/*.locale.json"; import { observer } from "mobx-react-lite"; import { useLocalizedStringFormatter } from "@/components/TranslationProvider/useLocalizedStringFormatter"; -import { TooltipTrigger } from "@/components/Tooltip"; import { IconClose, IconSave, @@ -20,16 +19,25 @@ import { Filter } from "@/components/List/model/filter/Filter"; import { transformDateValueToFormattedDate } from "@/lib/date/transformDateValueToFormattedDate"; import { DateRangeFilter } from "@/components/List/model/filter/DateRangeFilter"; -export const ActiveFilters: FC = observer(() => { +interface Props { + isDisabled?: boolean; +} + +export const ActiveFilters: FC = observer((props) => { + const { isDisabled } = props; const list = useList(); - const formatter = useLocalizedStringFormatter(locales, "List.ActiveFilters"); + const formatter = useLocalizedStringFormatter(locales, "List"); const activeFilters = list.filters.flatMap((f) => { if (f instanceof DateRangeFilter) { const value = f.getValue(); if (value) { return [ - f.clear()}> + f.clear()} + isDisabled={isDisabled} + > {`${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}`} @@ -41,7 +49,11 @@ export const ActiveFilters: FC = observer(() => { return f.values .filter((v) => v.isActive) .map((v) => ( - v.deactivate()}> + v.deactivate()} + isDisabled={isDisabled} + > {v.render()} )); @@ -51,7 +63,7 @@ export const ActiveFilters: FC = observer(() => { const hasChanges = list.filters.some((f) => f.hasChanges()); const storeFiltersButton = storingAvailable && hasChanges && ( - + {formatter.format("filters.store")} { ); const resetFiltersButton = hasChanges ? ( - + {formatter.format("filters.reset")} { > - + ) : undefined; const removeAllFiltersButton = activeFilters.length > 1 ? ( - + {formatter.format("filters.clear")} { > - + ) : undefined; if ( diff --git a/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx b/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx index 66c5accc68..1fc8d4fdf0 100644 --- a/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx +++ b/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.tsx @@ -19,7 +19,12 @@ import Modal, { ModalTrigger } from "@/components/Modal"; import { SkeletonText } from "@/components/SkeletonText"; import { useAvailableViewModes } from "../../lib"; -export const AllFiltersModal: FC = () => { +interface Props { + isDisabled?: boolean; +} + +export const AllFiltersModal: FC = (props) => { + const { isDisabled } = props; const list = useList(); const stringFormatter = useLocalizedStringFormatter(locales, "List"); @@ -60,6 +65,7 @@ export const AllFiltersModal: FC = () => { )} variant="outline" color="secondary" + isDisabled={isDisabled} > {stringFormatter.format("filters.all")} diff --git a/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.tsx b/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.tsx index 1f83a8a982..7b473b96d4 100644 --- a/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.tsx +++ b/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.tsx @@ -13,10 +13,11 @@ import type { AnyDateRangeFilter } from "@/components/List/model/filter/types"; interface Props { filter: AnyDateRangeFilter; + isDisabled?: boolean; } export const DateRangeFilterPopover: FC = (props) => { - const { filter } = props; + const { filter, isDisabled } = props; const { name, property } = filter; @@ -30,6 +31,7 @@ export const DateRangeFilterPopover: FC = (props) => { className={headerStyles.hideOnMobile} variant="outline" color="secondary" + isDisabled={isDisabled} > {name ?? property} diff --git a/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenu.tsx b/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenu.tsx index 86f4f53f35..7c0cb9392d 100644 --- a/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenu.tsx +++ b/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenu.tsx @@ -10,10 +10,11 @@ import ContextMenuView from "@/views/ContextMenuView"; interface Props { filter: Filter; + isDisabled?: boolean; } export const FilterContextMenu: FC = (props) => { - const { filter } = props; + const { filter, isDisabled } = props; const { values, mode, name, property } = filter; @@ -31,6 +32,7 @@ export const FilterContextMenu: FC = (props) => { className={styles.hideOnMobile} variant="outline" color="secondary" + isDisabled={isDisabled} > {name ?? property} diff --git a/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.tsx b/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.tsx index 5496aec2e1..7e1980800d 100644 --- a/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.tsx +++ b/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.tsx @@ -1,20 +1,32 @@ import type { FC } from "react"; -import React from "react"; import { useList } from "@/components/List"; import { FilterContextMenu } from "@/components/List/components/Header/components/FilterContextMenu/FilterContextMenu"; import { DateRangeFilterPopover } from "@/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover"; import { DateRangeFilter } from "@/components/List/model/filter/DateRangeFilter"; -export const FilterContextMenus: FC = () => { +interface Props { + isDisabled?: boolean; +} + +export const FilterContextMenus: FC = (props) => { + const { isDisabled } = props; const list = useList(); return list.filters .filter((f) => f.priority === "primary") .map((filter) => filter instanceof DateRangeFilter ? ( - + ) : ( - + ), ); }; diff --git a/packages/components/src/components/List/components/Header/components/SearchField/SearchField.tsx b/packages/components/src/components/List/components/Header/components/SearchField/SearchField.tsx index edbc5c1f0a..4d25fe40d7 100644 --- a/packages/components/src/components/List/components/Header/components/SearchField/SearchField.tsx +++ b/packages/components/src/components/List/components/Header/components/SearchField/SearchField.tsx @@ -10,6 +10,7 @@ import { useAriaAnnounceSearchState } from "@/components/List/hooks/useAriaAnnou interface Props extends PropsWithClassName { search: Search; + isDisabled?: boolean; } const autoSubmitTimeout = 500; @@ -68,12 +69,14 @@ const DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => { }; export const SearchField: FC = (props) => { - const { search } = props; + const { search, isDisabled } = props; + const render = search.render ?? DefaultSearchFieldRender; return createElement(render, { value: search.value, onChange: search.setValue.bind(search), + isDisabled, ...search.textFieldProps, }); }; diff --git a/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.tsx b/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.tsx index 778b369024..7e5fbe30fe 100644 --- a/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.tsx +++ b/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.tsx @@ -14,7 +14,13 @@ import ContextMenuTriggerView from "@/views/ContextMenuTriggerView"; import ContextMenuView from "@/views/ContextMenuView"; import { useLocalizedStringFormatter } from "@/components/TranslationProvider"; -export const SortingContextMenu: FC = () => { +interface Props { + isDisabled?: boolean; +} + +export const SortingContextMenu: FC = (props) => { + const { isDisabled } = props; + const list = useList(); const formatter = useLocalizedStringFormatter(locales, "List"); @@ -52,6 +58,7 @@ export const SortingContextMenu: FC = () => { variant="outline" color="secondary" className={styles.hideOnMobile} + isDisabled={isDisabled} > {text} {icon} diff --git a/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.tsx b/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.tsx index 2198b3a871..080f1eabe2 100644 --- a/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.tsx +++ b/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.tsx @@ -11,7 +11,13 @@ import styles from "@/components/List/components/Header/Header.module.css"; import ContextMenuTriggerView from "@/views/ContextMenuTriggerView"; import ContextMenuView from "@/views/ContextMenuView"; -export const ViewModeContextMenu: FC = () => { +interface Props { + isDisabled?: boolean; +} + +export const ViewModeContextMenu: FC = (props) => { + const { isDisabled } = props; + const stringFormatter = useLocalizedStringFormatter(locales, "List"); const list = useList(); const selectedViewMode = list.viewMode.value; @@ -29,6 +35,7 @@ export const ViewModeContextMenu: FC = () => { color="secondary" aria-label={stringFormatter.format("settings")} className={styles.hideOnMobile} + isDisabled={isDisabled} > {stringFormatter.format(`settings.viewMode.${selectedViewMode}`)} diff --git a/packages/components/src/components/List/components/Items/Items.tsx b/packages/components/src/components/List/components/Items/Items.tsx index d638c50b57..7a494a47c8 100644 --- a/packages/components/src/components/List/components/Items/Items.tsx +++ b/packages/components/src/components/List/components/Items/Items.tsx @@ -1,4 +1,3 @@ -import { EmptyView } from "@/components/List"; import Item from "@/components/List/components/Items/components/Item/Item"; import { useList } from "@/components/List/hooks/useList"; import DivView from "@/views/DivView"; @@ -7,6 +6,7 @@ import clsx from "clsx"; import type { FC } from "react"; import styles from "./Items.module.scss"; import { FallbackItems } from "./components/FallbackItems"; +import ListEmptyViewContainerView from "@/views/ListEmptyViewContainerView"; export const Items: FC = () => { const list = useList(); @@ -33,7 +33,13 @@ export const Items: FC = () => { } + emptyView={ + + } layout={tiles ? "grid" : "stack"} tileMaxWidth={list.itemView.tileMaxWidth} > diff --git a/packages/components/src/components/List/components/Items/views/GridList/GridList.tsx b/packages/components/src/components/List/components/Items/views/GridList/GridList.tsx index e5e1abff3b..32c587be33 100644 --- a/packages/components/src/components/List/components/Items/views/GridList/GridList.tsx +++ b/packages/components/src/components/List/components/Items/views/GridList/GridList.tsx @@ -1,19 +1,19 @@ import * as Aria from "react-aria-components"; -import type { FC } from "react"; -import { EmptyView } from "@/components/List/views/EmptyView"; +import type { FC, ReactNode } from "react"; export type GridListProps = Aria.GridListProps & { tileMaxWidth: number; + emptyView?: ReactNode; }; /** @flr-generate all */ export const GridList: FC = (props) => { - const { tileMaxWidth, ...rest } = props; + const { tileMaxWidth, emptyView, ...rest } = props; return ( } + renderEmptyState={() => emptyView} style={{ gridTemplateColumns: `repeat(auto-fill, minmax(${tileMaxWidth}px, 1fr))`, }} diff --git a/packages/components/src/components/List/components/Table/Table.tsx b/packages/components/src/components/List/components/Table/Table.tsx index 4e33997474..e31b0a2693 100644 --- a/packages/components/src/components/List/components/Table/Table.tsx +++ b/packages/components/src/components/List/components/Table/Table.tsx @@ -2,7 +2,6 @@ import type { FC } from "react"; import { useList } from "@/components/List"; import styles from "./Table.module.css"; import clsx from "clsx"; -import ListEmptyViewView from "@/views/ListEmptyViewView"; import TableView from "@/views/TableView"; import TableHeaderView from "@/views/TableHeaderView"; import TableBodyView from "@/views/TableBodyView"; @@ -10,6 +9,7 @@ import TableRowView from "@/views/TableRowView"; import TableCellView from "@/views/TableCellView"; import TableColumnView from "@/views/TableColumnView"; import { TableBodyLoadingView } from "@/components/List/components/Table/components/TableBodyLoadingView"; +import ListEmptyViewContainerView from "@/views/ListEmptyViewContainerView"; export const Table: FC = () => { const list = useList(); @@ -24,7 +24,13 @@ export const Table: FC = () => { } if (listIsEmpty) { - return ; + return ( + + ); } const rowAction = table.list.onAction; diff --git a/packages/components/src/components/List/index.ts b/packages/components/src/components/List/index.ts index 104c7f437b..c6186671fe 100644 --- a/packages/components/src/components/List/index.ts +++ b/packages/components/src/components/List/index.ts @@ -14,7 +14,7 @@ export * from "./components/Items/views/GridList"; export * from "./components/Items/views/GridListItem"; export * from "./components/ListItemView"; export * from "./components/ListSummary"; - +export * from "./views/EmptyViewContainer"; export * from "./views/EmptyView"; export * from "./hooks/useList"; diff --git a/packages/components/src/components/List/locales/de-DE.locale.json b/packages/components/src/components/List/locales/de-DE.locale.json index e0b4b6e8b7..61314cfc2b 100644 --- a/packages/components/src/components/List/locales/de-DE.locale.json +++ b/packages/components/src/components/List/locales/de-DE.locale.json @@ -6,6 +6,8 @@ "filters.clearSelection": "Auswahl aufheben", "filters.reset": "Filter zurücksetzen", "filters.store": "Filter speichern", + "noItems.heading": "Keine Einträge gefunden", + "noItems.text": "Sobald es Einträge gibt, werden sie hier angezeigt.", "noResult.heading": "Keine Suchergebnisse gefunden", "noResult.text": "Deine Suche ergab keine Ergebnisse. Bitte passe die Suchanfrage oder deine Filter an.", "options": "Optionen", diff --git a/packages/components/src/components/List/locales/en-US.locale.json b/packages/components/src/components/List/locales/en-US.locale.json index e5d829fcf1..79f6bafea2 100644 --- a/packages/components/src/components/List/locales/en-US.locale.json +++ b/packages/components/src/components/List/locales/en-US.locale.json @@ -6,6 +6,8 @@ "filters.clearSelection": "Clear selection", "filters.reset": "Reset filters", "filters.store": "Store filters", + "noItems.heading": "No items found", + "noItems.text": "Once there are items, they will be displayed here.", "noResult.heading": "No search results found", "noResult.text": "Your search did not return any results. Please adjust the search query or your filters.", "options": "Options", diff --git a/packages/components/src/components/List/model/List.ts b/packages/components/src/components/List/model/List.ts index 990637f4d5..4aeaac54d1 100644 --- a/packages/components/src/components/List/model/List.ts +++ b/packages/components/src/components/List/model/List.ts @@ -4,6 +4,7 @@ import { Filter } from "./filter/Filter"; import { Sorting } from "@/components/List/model/sorting/Sorting"; import ReactTable from "@/components/List/model/ReactTable"; import type { + EmptyViewType, GetItemId, ItemActionFn, ListSettingsStorageDefaults, @@ -15,7 +16,7 @@ import invariant from "invariant"; import { Search } from "@/components/List/model/search/Search"; import { ItemView } from "@/components/List/model/item/ItemView"; import { Table } from "@/components/List/model/table/Table"; -import { useEffect } from "react"; +import { useEffect, type ReactNode } from "react"; import { ListSettingsStore } from "./ListSettingsStore"; import { ListViewMode } from "./ListViewMode"; import { useSettings } from "@/components/SettingsProvider/SettingsProvider"; @@ -42,6 +43,8 @@ export class List { public readonly settingsStorage?: ListSettingsStore; public readonly loadingItemsCount; public readonly viewMode: ListViewMode; + public readonly emptyView?: ReactNode; + public readonly emptySearchResultView?: ReactNode; public readonly settingsStorageDefaults?: ListSettingsStorageDefaults; public constructor(shape: ListShape) { @@ -97,17 +100,20 @@ export class List { manualSorting: this.loader.manualSorting, }); this.viewMode = new ListViewMode(this, { defaultViewMode }); + this.emptyView = shape.emptyView; + this.emptySearchResultView = shape.emptySearchResultView; useEffect(() => { this.filters.forEach((f) => f.deleteUnknownFilterValues()); }, [this.filters]); } - public get isFiltered(): boolean { - return ( - this.filters.some((f) => f.isActive()) || - (!!this.search && this.search.isSet) - ); + public getEmptyViewType(): EmptyViewType { + return this.hasActiveFilters || this.search?.isSet ? "search" : "list"; + } + + public get hasActiveFilters(): boolean { + return this.filters.some((f) => f.isActive()); } public get visibleSorting() { diff --git a/packages/components/src/components/List/model/loading/IncrementalLoader.ts b/packages/components/src/components/List/model/loading/IncrementalLoader.ts index 9604f02c85..f9ee658051 100644 --- a/packages/components/src/components/List/model/loading/IncrementalLoader.ts +++ b/packages/components/src/components/List/model/loading/IncrementalLoader.ts @@ -14,15 +14,20 @@ import { IncrementalLoaderState } from "@/components/List/model/loading/Incremen import { hash } from "object-code"; import type { PropertyName } from "@/components/List/model/types"; import { useMemo } from "react"; +import { flags } from "@/integrations/react-hook-form"; const emptyData: never[] = []; +const disableInitialSuspenseBoundaryDefault = + flags.disableInitialListSuspenseBoundaries ?? false; + export class IncrementalLoader { private readonly list: List; private readonly dataSource: DataSource; public readonly manualSorting: boolean; public readonly manualFiltering: boolean; public readonly manualPagination: boolean; + public readonly disableInitialSuspenseBoundary: boolean; public readonly loaderState: IncrementalLoaderState; public readonly staticDataProperties: PropertyName[] = []; @@ -31,6 +36,12 @@ export class IncrementalLoader { this.dataSource = source ?? { staticData: emptyData }; + this.disableInitialSuspenseBoundary = + "disableInitialSuspenseBoundary" in this.dataSource + ? (this.dataSource.disableInitialSuspenseBoundary ?? + disableInitialSuspenseBoundaryDefault) + : disableInitialSuspenseBoundaryDefault; + const manualPagination = "manualPagination" in this.dataSource ? this.dataSource.manualPagination @@ -95,7 +106,7 @@ export class IncrementalLoader { } public useIsInitiallyLoading(): boolean { - return this.useIsLoading() && this.list.batches.getBatchIndex() === 0; + return this.loaderState.useIsInitiallyLoading(); } public useData(): T[] { diff --git a/packages/components/src/components/List/model/loading/IncrementalLoaderState.ts b/packages/components/src/components/List/model/loading/IncrementalLoaderState.ts index 5ea32b7fe2..c1a89a23d7 100644 --- a/packages/components/src/components/List/model/loading/IncrementalLoaderState.ts +++ b/packages/components/src/components/List/model/loading/IncrementalLoaderState.ts @@ -16,6 +16,7 @@ export class IncrementalLoaderState { public batchLoadingStates: BatchesLoadingState = ["void"]; public metadata?: unknown = undefined; public readonly list: List; + public isInitiallyLoading = true; private constructor(list: List) { this.list = list; @@ -28,6 +29,8 @@ export class IncrementalLoaderState { metadata: observable, mergedData: computed, isLoading: computed, + isInitiallyLoading: observable, + setIsInitiallyLoading: action.bound, reset: action.bound, setDataBatch: action.bound, setBatchLoadingState: action.bound, @@ -59,6 +62,9 @@ export class IncrementalLoaderState { index: number, state: AsyncResourceLoadingState, ): void { + if (state === "error" || state === "loaded") { + this.setIsInitiallyLoading(false); + } if (this.batchLoadingStates[index] !== state) { this.batchLoadingStates[index] = state; } @@ -68,6 +74,10 @@ export class IncrementalLoaderState { this.metadata = metadata; } + public setIsInitiallyLoading(isInitiallyLoading: boolean): void { + this.isInitiallyLoading = isInitiallyLoading; + } + public get mergedData(): T[] { const dataBatches = this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches; @@ -92,6 +102,10 @@ export class IncrementalLoaderState { return useSelector(() => this.isLoading); } + public useIsInitiallyLoading(): boolean { + return useSelector(() => this.isInitiallyLoading); + } + public isBatchLoaded(batchIndex: number) { return batchIndex in this.dataBatches; } diff --git a/packages/components/src/components/List/model/loading/types.ts b/packages/components/src/components/List/model/loading/types.ts index 7325d8acfa..58ab375e71 100644 --- a/packages/components/src/components/List/model/loading/types.ts +++ b/packages/components/src/components/List/model/loading/types.ts @@ -49,22 +49,29 @@ interface DynamicLoaderShape { manualPagination?: boolean; } +interface SuspenseLoaderShape { + disableInitialSuspenseBoundary?: boolean; +} + export interface StaticDataLoaderShape { staticData: ListData; } export type AsyncResourceFactoryDataLoaderShape = { asyncResourceFactory: AsyncResourceFactory; -} & DynamicLoaderShape; +} & DynamicLoaderShape & + SuspenseLoaderShape; export type AsyncDataLoaderShape = { asyncLoader: AsyncDataLoader; dependencies?: DependencyList; -} & DynamicLoaderShape; +} & DynamicLoaderShape & + SuspenseLoaderShape; export type HooksDataLoaderShape = { useData: HooksDataLoader; -} & DynamicLoaderShape; +} & DynamicLoaderShape & + SuspenseLoaderShape; export type DataSource = | StaticDataLoaderShape diff --git a/packages/components/src/components/List/model/search/types.ts b/packages/components/src/components/List/model/search/types.ts index 227b10941e..f4d64760a0 100644 --- a/packages/components/src/components/List/model/search/types.ts +++ b/packages/components/src/components/List/model/search/types.ts @@ -7,6 +7,7 @@ interface SearchFieldRenderProps extends SupportedSearchFieldProps { onChange: (value: SearchValue) => unknown; value: SearchValue; autoSubmit?: boolean; + isDisabled?: boolean; } export type SearchFieldRenderComponent = ComponentType; diff --git a/packages/components/src/components/List/model/types.ts b/packages/components/src/components/List/model/types.ts index 88bc0e894c..e4740ac390 100644 --- a/packages/components/src/components/List/model/types.ts +++ b/packages/components/src/components/List/model/types.ts @@ -70,6 +70,9 @@ export interface ListShape< onChange?: OnListChanged; defaultViewMode?: ListViewMode; settingsStorageDefaults?: ListSettingsStorageDefaults; + + emptySearchResultView?: ReactNode; + emptyView?: ReactNode; } export type PropertyRecord = Partial< @@ -83,3 +86,5 @@ export interface ListSettingsStorageShape { export type ListViewMode = "table" | "list" | "tiles"; export type ItemActionFn = (data: T) => void; export type GetItemId = (data: T) => string; + +export type EmptyViewType = "search" | "list"; diff --git a/packages/components/src/components/List/stories/Default.stories.tsx b/packages/components/src/components/List/stories/Default.stories.tsx index cfd11e31fa..d4a0fe9a27 100644 --- a/packages/components/src/components/List/stories/Default.stories.tsx +++ b/packages/components/src/components/List/stories/Default.stories.tsx @@ -6,7 +6,11 @@ import { usePromise } from "@mittwald/react-use-promise"; import type { AsyncDataLoader } from "@/components/List/model/loading/types"; import { Avatar } from "@/components/Avatar"; import { ContextMenu, MenuItem } from "@/components/ContextMenu"; -import { IconDomain, IconSubdomain } from "@/components/Icon/components/icons"; +import { + IconDomain, + IconInvoice, + IconSubdomain, +} from "@/components/Icon/components/icons"; import AlertBadge from "@/components/AlertBadge"; import type { Domain } from "../testData/domainApi"; import { getDomains, getTypes } from "../testData/domainApi"; @@ -33,6 +37,7 @@ import SkeletonText from "@/components/SkeletonText"; import Skeleton from "@/components/Skeleton"; import { DateTime } from "luxon"; import { getLocalTimeZone, today } from "@internationalized/date"; +import IllustratedMessage from "@/components/IllustratedMessage"; const loadDomains: AsyncDataLoader = async (opts) => { const response = await getDomains({ @@ -457,3 +462,66 @@ export const WithDateRangeFilter: Story = { ); }, }; + +export const EmptyView: Story = { + render: () => { + const List = typedList<{ + id: string; + date: string; + }>(); + + return ( + + + invoice.id}>{() => null} + + ); + }, +}; + +export const CustomEmptyView: Story = { + render: () => { + const List = typedList<{ + id: string; + date: string; + }>(); + + const emptyView = ( + + + No invoices found + + If you haven't added any invoices yet, start by creating a new one. + + + ); + + return ( + + + + + invoice.id}> + {() => null} + + + ); + }, +}; + +export const NoSearchResultView: Story = { + render: () => { + const List = typedList<{ + id: string; + date: string; + }>(); + + return ( + + + + invoice.id}>{() => null} + + ); + }, +}; diff --git a/packages/components/src/components/List/views/EmptyView/EmptyView.tsx b/packages/components/src/components/List/views/EmptyView/EmptyView.tsx index 94b167f50a..7e93aa9895 100644 --- a/packages/components/src/components/List/views/EmptyView/EmptyView.tsx +++ b/packages/components/src/components/List/views/EmptyView/EmptyView.tsx @@ -1,5 +1,4 @@ import type { FC } from "react"; -import React from "react"; import { IllustratedMessage } from "@/components/IllustratedMessage"; import { IconSearch } from "@/components/Icon/components/icons"; import { Heading } from "@/components/Heading"; @@ -10,7 +9,11 @@ import styles from "../../components/Items/Items.module.scss"; export type EmptyViewProps = Record; -/** @flr-generate all */ +/** + * @flr-generate all + * + * Keep this unused component for backwards compatibility! + */ export const EmptyView: FC = () => { const stringFormatter = useLocalizedStringFormatter(locales, "List"); diff --git a/packages/components/src/components/List/views/EmptyViewContainer/EmptyViewContainer.tsx b/packages/components/src/components/List/views/EmptyViewContainer/EmptyViewContainer.tsx new file mode 100644 index 0000000000..0e8523b486 --- /dev/null +++ b/packages/components/src/components/List/views/EmptyViewContainer/EmptyViewContainer.tsx @@ -0,0 +1,25 @@ +import DivView from "@/views/DivView"; +import type { FC, ReactNode } from "react"; +import styles from "../../components/Items/Items.module.scss"; +import type { EmptyViewType } from "../../model/types"; +import { EmptySearchResultView } from "../../components/EmptySearchResultView"; +import { EmptyView } from "../../components/EmptyView"; + +export interface EmptyViewContainerProps { + emptyView?: ReactNode; + emptySearchResultView?: ReactNode; + viewType: EmptyViewType; +} + +/** @flr-generate all */ +export const EmptyViewContainer: FC = (props) => { + const emptyView = props.emptyView ?? ; + const emptySearchResultView = props.emptySearchResultView ?? ( + + ); + return ( + + {props.viewType === "search" ? emptySearchResultView : emptyView} + + ); +}; diff --git a/packages/components/src/components/List/views/EmptyViewContainer/index.ts b/packages/components/src/components/List/views/EmptyViewContainer/index.ts new file mode 100644 index 0000000000..a77220cf8b --- /dev/null +++ b/packages/components/src/components/List/views/EmptyViewContainer/index.ts @@ -0,0 +1,2 @@ +export * from "./view"; +export * from "./EmptyViewContainer"; diff --git a/packages/components/src/components/List/views/EmptyViewContainer/view.ts b/packages/components/src/components/List/views/EmptyViewContainer/view.ts new file mode 100644 index 0000000000..ae325c964f --- /dev/null +++ b/packages/components/src/components/List/views/EmptyViewContainer/view.ts @@ -0,0 +1,10 @@ +/* prettier-ignore */ +/* This file is auto-generated with the remote-components-generator */ +import type { EmptyViewContainer } from "./EmptyViewContainer"; +import type { ViewComponent } from "@/lib/viewComponentContext"; + +declare global { + interface FlowViewComponents { + ListEmptyViewContainer: ViewComponent; + } +} diff --git a/packages/components/src/integrations/react-hook-form/flags.ts b/packages/components/src/integrations/react-hook-form/flags.ts index 68084afd94..b419285a71 100644 --- a/packages/components/src/integrations/react-hook-form/flags.ts +++ b/packages/components/src/integrations/react-hook-form/flags.ts @@ -1,5 +1,6 @@ export const flags = { requireCloseModalConfirmationOnUnsavedChanges: false, + disableInitialListSuspenseBoundaries: false, }; const defaultFlags = { ...flags }; diff --git a/packages/components/src/views/ListEmptyViewContainerView.tsx b/packages/components/src/views/ListEmptyViewContainerView.tsx new file mode 100644 index 0000000000..efb8a3e8a8 --- /dev/null +++ b/packages/components/src/views/ListEmptyViewContainerView.tsx @@ -0,0 +1,20 @@ +/* prettier-ignore */ +/* This file is auto-generated with the remote-components-generator */ +import React, { memo, type FC, useContext } from "react"; +import { + EmptyViewContainer, + type EmptyViewContainerProps, +} from "@/components/List/views/EmptyViewContainer/EmptyViewContainer"; +import { viewComponentContext } from "@/lib/viewComponentContext/viewComponentContext"; + +const ListEmptyViewContainerView: FC = memo( + (props) => { + const View = + useContext(viewComponentContext)["ListEmptyViewContainer"] ?? + EmptyViewContainer; + return ; + }, +); +ListEmptyViewContainerView.displayName = "ListEmptyViewContainerView"; + +export default ListEmptyViewContainerView; diff --git a/packages/remote-elements/src/auto-generated/RemoteItemsGridListElement.ts b/packages/remote-elements/src/auto-generated/RemoteItemsGridListElement.ts index b1773050bd..ec880fc8b2 100644 --- a/packages/remote-elements/src/auto-generated/RemoteItemsGridListElement.ts +++ b/packages/remote-elements/src/auto-generated/RemoteItemsGridListElement.ts @@ -116,7 +116,7 @@ export class RemoteItemsGridListElement extends FlowRemoteElement { + static override get remoteAttributes() { + return ["style"]; + } + + static override get remoteProperties() { + return { + viewType: {}, + }; + } + + static override get remoteEvents() { + return {}; + } + + static override get remoteSlots() { + return ["emptySearchResultView", "emptyView"]; + } +} + +declare global { + interface HTMLElementTagNameMap { + "flr-list-empty-view-container": InstanceType< + typeof RemoteListEmptyViewContainerElement + >; + } +} + +customElements.define( + "flr-list-empty-view-container", + RemoteListEmptyViewContainerElement, +); diff --git a/packages/remote-elements/src/auto-generated/index.ts b/packages/remote-elements/src/auto-generated/index.ts index 7917ade2d9..2b87011467 100644 --- a/packages/remote-elements/src/auto-generated/index.ts +++ b/packages/remote-elements/src/auto-generated/index.ts @@ -72,6 +72,7 @@ export * from "./RemoteLegendElement"; export * from "./RemoteLineElement"; export * from "./RemoteLinkElement"; export * from "./RemoteListEmptyViewElement"; +export * from "./RemoteListEmptyViewContainerElement"; export * from "./RemoteListItemViewContentElement"; export * from "./RemoteListSummaryElement"; export * from "./RemoteLoadingSpinnerElement"; diff --git a/packages/remote-react-components/src/auto-generated/ListEmptyViewContainer.ts b/packages/remote-react-components/src/auto-generated/ListEmptyViewContainer.ts new file mode 100644 index 0000000000..5657b78fcb --- /dev/null +++ b/packages/remote-react-components/src/auto-generated/ListEmptyViewContainer.ts @@ -0,0 +1,18 @@ +/* prettier-ignore */ +/* This file is auto-generated with the remote-components-generator */ +"use client"; +import createFlowRemoteComponent from "@/components/createFlowRemoteComponent"; +import { RemoteListEmptyViewContainerElement } from "@mittwald/flow-remote-elements"; +export { type RemoteListEmptyViewContainerElement } from "@mittwald/flow-remote-elements"; + +export const ListEmptyViewContainer = createFlowRemoteComponent( + "flr-list-empty-view-container", + "ListEmptyViewContainer", + RemoteListEmptyViewContainerElement, + { + slotProps: { + wrapper: "flr-slot-root-wrapper", + }, + eventProps: {}, + }, +); diff --git a/packages/remote-react-components/src/auto-generated/index.ts b/packages/remote-react-components/src/auto-generated/index.ts index 2b7a6aedcb..c5605d231f 100644 --- a/packages/remote-react-components/src/auto-generated/index.ts +++ b/packages/remote-react-components/src/auto-generated/index.ts @@ -72,6 +72,7 @@ export * from "./Legend"; export * from "./Line"; export * from "./Link"; export * from "./ListEmptyView"; +export * from "./ListEmptyViewContainer"; export * from "./ListItemViewContent"; export * from "./ListSummary"; export * from "./LoadingSpinner"; diff --git a/packages/remote-react-components/src/tests/visual/List.browser.test.tsx b/packages/remote-react-components/src/tests/visual/List.browser.test.tsx index f7da4fe137..8446d0696f 100644 --- a/packages/remote-react-components/src/tests/visual/List.browser.test.tsx +++ b/packages/remote-react-components/src/tests/visual/List.browser.test.tsx @@ -3,6 +3,7 @@ import { test, vi } from "vitest"; import { page, userEvent } from "vitest/browser"; import { sleep } from "@/tests/lib/sleep"; import { getLocalTimeZone, today } from "@internationalized/date"; +import type { ListProps } from "@mittwald/flow-react-components"; test.each(testEnvironments)( "List items (%s)", @@ -551,3 +552,73 @@ test.each(testEnvironments)( await testScreenshot("List date range filter - filtered"); }, ); + +test.each(testEnvironments)( + "List empty views (%s)", + async ({ testScreenshot, render, components: { typedList, Heading } }) => { + function Wrapper( + props: ListProps<{ + id: string; + date: string; + }>, + ) { + const List = typedList<{ + id: string; + date: string; + }>(); + + return ( + i.id} {...props}> + + + {(item) => <>{item.id}} + + ); + } + + await render(); + await testScreenshot("List empty view - default"); + + const emptyView = Custom nothing in the list; + + await render(); + await testScreenshot("List empty view - custom default"); + }, +); + +test.each(testEnvironments)( + "List empty search views (%s)", + async ({ testScreenshot, render, components: { typedList, Heading } }) => { + function Wrapper( + props: ListProps<{ + id: string; + date: string; + }>, + ) { + const List = typedList<{ + id: string; + date: string; + }>(); + + return ( + i.id} {...props}> + + + {(item) => <>{item.id}} + + ); + } + + await render(); + const search = page.getByPlaceholder("Search"); + await userEvent.type(search, "test"); + await sleep(1000); + await testScreenshot("List empty search view - default"); + + const emptySearchView = Custom nothing found; + await render(); + await userEvent.type(search, "test"); + await sleep(1000); + await testScreenshot("List empty search view - custom"); + }, +); diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-background-image-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-background-image-firefox-darwin.png index 79bacb2d8f..5ceff6c917 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-background-image-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-background-image-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-background-image-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-background-image-webkit-darwin.png index f23555c280..f857f95e2f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-background-image-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-background-image-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-edge-cases-firefox-darwin.png index 2a24a8b5fc..5dc533350a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-edge-cases-webkit-darwin.png index 267e7751cd..5a2b6eedea 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AccentBox.browser.test.tsx/AccentBox-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-collapsed-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-collapsed-firefox-darwin.png index fb761e204c..e27d77e667 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-collapsed-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-collapsed-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-collapsed-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-collapsed-webkit-darwin.png index 2fc8b5212d..54d72bf258 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-collapsed-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-collapsed-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-default-firefox-darwin.png index fb761e204c..e27d77e667 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-default-webkit-darwin.png index 2fc8b5212d..54d72bf258 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-edge-cases-firefox-darwin.png index 0f3876e2e5..5f93b9e8d2 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-edge-cases-webkit-darwin.png index 25e37c2e2a..51036e6066 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-expanded-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-expanded-firefox-darwin.png index d05c4097b6..58b5ae2a56 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-expanded-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-expanded-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-expanded-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-expanded-webkit-darwin.png index 0eb24619fa..1da80a4bcd 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-expanded-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-expanded-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-states-firefox-darwin.png index 30de679a20..068a0c2062 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-states-webkit-darwin.png index c59c3d9392..58726c4aaf 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Accordion.browser.test.tsx/Accordion-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ActionGroup.browser.test.tsx/ActionGroup-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ActionGroup.browser.test.tsx/ActionGroup-firefox-darwin.png index 004e3210a3..436baaf7be 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ActionGroup.browser.test.tsx/ActionGroup-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ActionGroup.browser.test.tsx/ActionGroup-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ActionGroup.browser.test.tsx/ActionGroup-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ActionGroup.browser.test.tsx/ActionGroup-webkit-darwin.png index 12327fc125..3c8341a1fa 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ActionGroup.browser.test.tsx/ActionGroup-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ActionGroup.browser.test.tsx/ActionGroup-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Avatar-and-Text-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Avatar-and-Text-firefox-darwin.png index 891f4121b8..134309d4a2 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Avatar-and-Text-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Avatar-and-Text-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Avatar-and-Text-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Avatar-and-Text-webkit-darwin.png index 29cd160bf9..0b3e8415f0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Avatar-and-Text-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Avatar-and-Text-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Icon-and-Text-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Icon-and-Text-firefox-darwin.png index 468d5cff79..29b7040562 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Icon-and-Text-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Icon-and-Text-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Icon-and-Text-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Icon-and-Text-webkit-darwin.png index e33c7a5168..121f632a2c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Icon-and-Text-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Icon-and-Text-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Input-and-Button-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Input-and-Button-firefox-darwin.png index 1ffda0e1c3..c716e99840 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Input-and-Button-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Input-and-Button-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Input-and-Button-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Input-and-Button-webkit-darwin.png index e24fafa8f5..b94e8fa791 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Input-and-Button-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Input-and-Button-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-ContextualHelpTrigger-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-ContextualHelpTrigger-firefox-darwin.png index 5a9f3154b8..41aa5a6fff 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-ContextualHelpTrigger-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-ContextualHelpTrigger-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-ContextualHelpTrigger-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-ContextualHelpTrigger-webkit-darwin.png index 3a7fdc6f20..78a0854869 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-ContextualHelpTrigger-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-ContextualHelpTrigger-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-CopyButton-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-CopyButton-firefox-darwin.png index 052550625e..4808d41dbf 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-CopyButton-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-CopyButton-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-CopyButton-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-CopyButton-webkit-darwin.png index 1fddcb54f6..261a93f753 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-CopyButton-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Align.browser.test.tsx/Align-Text-and-CopyButton-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-default-webkit-darwin.png index 8e4dcb8532..fda32085f0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-option-selected-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-option-selected-firefox-darwin.png index bbafaffe85..926d2636e4 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-option-selected-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-option-selected-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-option-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-option-selected-webkit-darwin.png index c8857be637..57f7fce705 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-option-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-option-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-options-visible-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-options-visible-firefox-darwin.png index 40e31ef9de..df2221d9cf 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-options-visible-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-options-visible-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-options-visible-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-options-visible-webkit-darwin.png index b4b9712474..7a9ed90c5d 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-options-visible-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AutoComplete.browser.test.tsx/AutoComplete-options-visible-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/AvatarStack.browser.test.tsx/AvatarStack-sizes-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/AvatarStack.browser.test.tsx/AvatarStack-sizes-webkit-darwin.png index 2a31f102a6..7c1a306e8c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/AvatarStack.browser.test.tsx/AvatarStack-sizes-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/AvatarStack.browser.test.tsx/AvatarStack-sizes-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/BigNumber.browser.test.tsx/BigNumber-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/BigNumber.browser.test.tsx/BigNumber-firefox-darwin.png index 56c6afc6e3..c73ab64f17 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/BigNumber.browser.test.tsx/BigNumber-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/BigNumber.browser.test.tsx/BigNumber-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/BigNumber.browser.test.tsx/BigNumber-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/BigNumber.browser.test.tsx/BigNumber-webkit-darwin.png index 94e31911f7..7e3abae3ca 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/BigNumber.browser.test.tsx/BigNumber-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/BigNumber.browser.test.tsx/BigNumber-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-EmptyView-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-EmptyView-firefox-darwin.png index 3ff6335d5d..22953b6c48 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-EmptyView-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-EmptyView-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-EmptyView-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-EmptyView-webkit-darwin.png index 406eb49205..a5e87fe19e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-EmptyView-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-EmptyView-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-firefox-darwin.png index f72e27cf47..4971d8d613 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-webkit-darwin.png index 5591ee6a5b..02c2a5b563 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CartesianChart.browser.test.tsx/CartesianChart-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Chat.browser.test.tsx/Chat-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Chat.browser.test.tsx/Chat-firefox-darwin.png index 81df401a34..1420432f42 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Chat.browser.test.tsx/Chat-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Chat.browser.test.tsx/Chat-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Chat.browser.test.tsx/Chat-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Chat.browser.test.tsx/Chat-webkit-darwin.png index 5faf54e844..3a25d86ea3 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Chat.browser.test.tsx/Chat-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Chat.browser.test.tsx/Chat-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-edge-cases-firefox-darwin.png index a4516cb952..380b97e7d3 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-edge-cases-webkit-darwin.png index 58e851c8c1..bb726f8b3d 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-states-firefox-darwin.png index 2e6e04234b..8505afac31 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-states-webkit-darwin.png index 7f20f0c863..9992ea680c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Checkbox.browser.test.tsx/Checkbox-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CheckboxGroup.browser.test.tsx/CheckboxGroup-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CheckboxGroup.browser.test.tsx/CheckboxGroup-firefox-darwin.png index 524f35a20e..631bc74dbf 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CheckboxGroup.browser.test.tsx/CheckboxGroup-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CheckboxGroup.browser.test.tsx/CheckboxGroup-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CheckboxGroup.browser.test.tsx/CheckboxGroup-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CheckboxGroup.browser.test.tsx/CheckboxGroup-webkit-darwin.png index 9f23c9822d..9e0cbdf297 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CheckboxGroup.browser.test.tsx/CheckboxGroup-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CheckboxGroup.browser.test.tsx/CheckboxGroup-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CodeBlock.browser.test.tsx/CodeBlock-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CodeBlock.browser.test.tsx/CodeBlock-firefox-darwin.png index a87af542b6..f7a5c796d2 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CodeBlock.browser.test.tsx/CodeBlock-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CodeBlock.browser.test.tsx/CodeBlock-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CodeBlock.browser.test.tsx/CodeBlock-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CodeBlock.browser.test.tsx/CodeBlock-webkit-darwin.png index 93cd582bd0..e3fc20bc7a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CodeBlock.browser.test.tsx/CodeBlock-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CodeBlock.browser.test.tsx/CodeBlock-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CodeEditor.browser.test.tsx/CodeBlock-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CodeEditor.browser.test.tsx/CodeBlock-firefox-darwin.png index a4981778a7..ddf5471d9e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CodeEditor.browser.test.tsx/CodeBlock-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CodeEditor.browser.test.tsx/CodeBlock-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/CodeEditor.browser.test.tsx/CodeBlock-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/CodeEditor.browser.test.tsx/CodeBlock-webkit-darwin.png index 24f255027b..123dc43c69 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/CodeEditor.browser.test.tsx/CodeBlock-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/CodeEditor.browser.test.tsx/CodeBlock-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Color.browser.test.tsx/Color-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Color.browser.test.tsx/Color-webkit-darwin.png index 2ee5642f69..2385ca2dab 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Color.browser.test.tsx/Color-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Color.browser.test.tsx/Color-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ColumnLayout.browser.test.tsx/ColumnLayout-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ColumnLayout.browser.test.tsx/ColumnLayout-firefox-darwin.png index 86845faca3..68318b9f21 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ColumnLayout.browser.test.tsx/ColumnLayout-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ColumnLayout.browser.test.tsx/ColumnLayout-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ColumnLayout.browser.test.tsx/ColumnLayout-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ColumnLayout.browser.test.tsx/ColumnLayout-webkit-darwin.png index 115a3f0cbe..11b8cc6b28 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ColumnLayout.browser.test.tsx/ColumnLayout-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ColumnLayout.browser.test.tsx/ColumnLayout-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-option-selected-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-option-selected-firefox-darwin.png index 594eecc560..389b56fbad 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-option-selected-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-option-selected-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-option-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-option-selected-webkit-darwin.png index 07003a2b24..4a191568be 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-option-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-option-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-options-visible-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-options-visible-firefox-darwin.png index 9aad642cdc..2074a95b6c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-options-visible-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-options-visible-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-options-visible-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-options-visible-webkit-darwin.png index 2300178d83..bf405642c3 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-options-visible-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-options-visible-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-states-firefox-darwin.png index 88c4de6fa6..261fd8c53a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-states-webkit-darwin.png index aefa3d7c85..8210d74220 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ComboBox.browser.test.tsx/ComboBox-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ContextMenu.browser.test.tsx/ContextMenu-opened-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ContextMenu.browser.test.tsx/ContextMenu-opened-firefox-darwin.png index 35971d83f8..878e5af778 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ContextMenu.browser.test.tsx/ContextMenu-opened-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ContextMenu.browser.test.tsx/ContextMenu-opened-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ContextMenu.browser.test.tsx/ContextMenu-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ContextMenu.browser.test.tsx/ContextMenu-opened-webkit-darwin.png index 2a42a56f4c..2d172001e8 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ContextMenu.browser.test.tsx/ContextMenu-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ContextMenu.browser.test.tsx/ContextMenu-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ContextualHelp.browser.test.tsx/ContextualHelp-opened-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ContextualHelp.browser.test.tsx/ContextualHelp-opened-firefox-darwin.png index 9b07aeebb6..ff355e145f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ContextualHelp.browser.test.tsx/ContextualHelp-opened-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ContextualHelp.browser.test.tsx/ContextualHelp-opened-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ContextualHelp.browser.test.tsx/ContextualHelp-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ContextualHelp.browser.test.tsx/ContextualHelp-opened-webkit-darwin.png index e6417022e9..b46ec6411e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ContextualHelp.browser.test.tsx/ContextualHelp-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ContextualHelp.browser.test.tsx/ContextualHelp-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-calendar-visible-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-calendar-visible-firefox-darwin.png index bc0bc56d91..5302a4ee15 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-calendar-visible-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-calendar-visible-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-calendar-visible-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-calendar-visible-webkit-darwin.png index 8434b93b18..c6983d4602 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-calendar-visible-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-calendar-visible-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-date-selected-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-date-selected-firefox-darwin.png index 793230cec1..48940785df 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-date-selected-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-date-selected-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-date-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-date-selected-webkit-darwin.png index a8e77cac4c..362812876e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-date-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-date-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-default-firefox-darwin.png index fba6218d0c..7f69373641 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-default-webkit-darwin.png index 8bb75cb5ac..546c127812 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-states-firefox-darwin.png index 1b43e8d17e..bd190bac3e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-states-webkit-darwin.png index 97c71dd1fb..6882f7ea33 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DatePicker.browser.test.tsx/DatePicker-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-calendar-visible-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-calendar-visible-firefox-darwin.png index c6de4713e5..af5a79ec9d 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-calendar-visible-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-calendar-visible-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-calendar-visible-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-calendar-visible-webkit-darwin.png index 0a5a067029..692bb0a33c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-calendar-visible-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-calendar-visible-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-default-firefox-darwin.png index aa422d3799..20642c4572 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-default-webkit-darwin.png index 6f1c42a702..22a4bc50f2 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-range-selected-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-range-selected-firefox-darwin.png index acd4a3bdc0..c235f9e1d9 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-range-selected-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-range-selected-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-range-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-range-selected-webkit-darwin.png index a8cc2c2669..df86468425 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-range-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-range-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-start-date-selected-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-start-date-selected-firefox-darwin.png index d3d2522180..18cdc0d9ea 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-start-date-selected-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-start-date-selected-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-start-date-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-start-date-selected-webkit-darwin.png index 3502dd53d2..6e2a054e38 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-start-date-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-start-date-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-states-firefox-darwin.png index 5c4af95b95..edcc40a6d8 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-states-webkit-darwin.png index e84e8109f2..b0e084663b 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DateRangePicker.browser.test.tsx/DateRangePicker-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-default-firefox-darwin.png index d64d753229..627f2a0ab0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-default-webkit-darwin.png index b93195fa2f..aa33732abf 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-edge-cases-firefox-darwin.png index 37369a4040..298453f921 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-edge-cases-webkit-darwin.png index 5f57c9db8c..4774fa64a5 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-segmented-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-segmented-firefox-darwin.png index c8fbfd6252..948f29e9b0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-segmented-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-segmented-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-segmented-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-segmented-webkit-darwin.png index f1b97f722e..5820052651 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-segmented-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/DonutChart.browser.test.tsx/DonutChart-segmented-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-edge-cases-firefox-darwin.png index 998c5c8da8..2ada8d8a98 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-edge-cases-webkit-darwin.png index 1e2dcfd037..200955ba0f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-variants-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-variants-firefox-darwin.png index 1a6341871a..77bff69794 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-variants-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-variants-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-variants-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-variants-webkit-darwin.png index dae76a85d3..e78e6e0e15 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-variants-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCard.browser.test.tsx/FileCard-variants-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCardList.browser.test.tsx/FileCardList-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCardList.browser.test.tsx/FileCardList-webkit-darwin.png index 17d38a112b..640f9a1661 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileCardList.browser.test.tsx/FileCardList-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileCardList.browser.test.tsx/FileCardList-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileDropZone.browser.test.tsx/FileDropZone-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileDropZone.browser.test.tsx/FileDropZone-states-firefox-darwin.png index 2b5d446b37..626a888535 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileDropZone.browser.test.tsx/FileDropZone-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileDropZone.browser.test.tsx/FileDropZone-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileDropZone.browser.test.tsx/FileDropZone-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileDropZone.browser.test.tsx/FileDropZone-states-webkit-darwin.png index 1360f467e8..e93ddc5326 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileDropZone.browser.test.tsx/FileDropZone-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileDropZone.browser.test.tsx/FileDropZone-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-states-firefox-darwin.png index 5687698860..89761e74bd 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-states-webkit-darwin.png index 9b21e5d8dc..9cd1dbb8b6 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-default-firefox-darwin.png index 860c6d32a6..aca9f02fcc 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-default-webkit-darwin.png index 348652c0c7..7319ef6a06 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-uploaded-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-uploaded-firefox-darwin.png index 1b3e5823bf..e5b828a01f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-uploaded-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-uploaded-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-uploaded-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-uploaded-webkit-darwin.png index 54bb6bfb1a..2b99b7023a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-uploaded-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-multiple-uploaded-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-default-firefox-darwin.png index 860c6d32a6..aca9f02fcc 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-default-webkit-darwin.png index 348652c0c7..7319ef6a06 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-uploaded--firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-uploaded--firefox-darwin.png index e5a45b6904..2e52195cdb 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-uploaded--firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-uploaded--firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-uploaded--webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-uploaded--webkit-darwin.png index 2e16091ec9..cd5fdf5a39 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-uploaded--webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/FileField.browser.test.tsx/FileField-upload-one-uploaded--webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Flex.browser.test.tsx/Flex-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Flex.browser.test.tsx/Flex-firefox-darwin.png index 09ef51f59a..4ced8c6c49 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Flex.browser.test.tsx/Flex-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Flex.browser.test.tsx/Flex-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Flex.browser.test.tsx/Flex-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Flex.browser.test.tsx/Flex-webkit-darwin.png index da9bfb0773..83b8b582f0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Flex.browser.test.tsx/Flex-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Flex.browser.test.tsx/Flex-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-default-firefox-darwin.png index 119a9eaa2a..d50ea9581c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-default-webkit-darwin.png index 1fcc107950..fe5bf127ca 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-position-changed-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-position-changed-firefox-darwin.png index 34f792af85..737b76a62d 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-position-changed-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-position-changed-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-position-changed-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-position-changed-webkit-darwin.png index 0267f4f1c9..18995b6102 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-position-changed-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-position-changed-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-zoom-changed-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-zoom-changed-firefox-darwin.png index aef22c8eac..a9d4b6085f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-zoom-changed-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-zoom-changed-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-zoom-changed-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-zoom-changed-webkit-darwin.png index 608267fdfd..a9ab937d8f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-zoom-changed-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-interaction-zoom-changed-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-variants-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-variants-firefox-darwin.png index a389acf6e1..ca5a8f021a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-variants-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-variants-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-variants-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-variants-webkit-darwin.png index 0c7b10eefd..d1231e4ce4 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-variants-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ImageCropper.browser.test.tsx/ImageCropper-variants-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Initials.browser.test.tsx/Initials-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Initials.browser.test.tsx/Initials-firefox-darwin.png index 4fd0a4a664..6d2ae19e16 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Initials.browser.test.tsx/Initials-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Initials.browser.test.tsx/Initials-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Initials.browser.test.tsx/Initials-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Initials.browser.test.tsx/Initials-webkit-darwin.png index 15ea8dc889..8b3dd5d19e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Initials.browser.test.tsx/Initials-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Initials.browser.test.tsx/Initials-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/IntlProvider.browser.test.tsx/IntlProvider-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/IntlProvider.browser.test.tsx/IntlProvider-webkit-darwin.png index 5ccd8b8c7f..02e311a8ec 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/IntlProvider.browser.test.tsx/IntlProvider-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/IntlProvider.browser.test.tsx/IntlProvider-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Kbd.browser.test.tsx/Kbd-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Kbd.browser.test.tsx/Kbd-firefox-darwin.png index f384510313..9aa92b3dd3 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Kbd.browser.test.tsx/Kbd-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Kbd.browser.test.tsx/Kbd-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Kbd.browser.test.tsx/Kbd-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Kbd.browser.test.tsx/Kbd-webkit-darwin.png index d168ef6da1..d3dd04cef0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Kbd.browser.test.tsx/Kbd-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Kbd.browser.test.tsx/Kbd-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-combinations-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-combinations-firefox-darwin.png index ee52897f4f..67cc5737cd 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-combinations-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-combinations-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-combinations-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-combinations-webkit-darwin.png index 83c10473d8..450c82818d 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-combinations-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-combinations-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-edge-cases-firefox-darwin.png index 0a8e4179e5..37fcb48724 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-edge-cases-webkit-darwin.png index 0227bf625a..b13ffd02fd 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LabeledValue.browser.test.tsx/LabeledValue-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LayoutCard.browser.test.tsx/LayoutCard-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LayoutCard.browser.test.tsx/LayoutCard-firefox-darwin.png index 36c06364d9..b79dbdc2de 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LayoutCard.browser.test.tsx/LayoutCard-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LayoutCard.browser.test.tsx/LayoutCard-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LayoutCard.browser.test.tsx/LayoutCard-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LayoutCard.browser.test.tsx/LayoutCard-webkit-darwin.png index 8bceebd974..62ebd60be4 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LayoutCard.browser.test.tsx/LayoutCard-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LayoutCard.browser.test.tsx/LayoutCard-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-closed-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-closed-firefox-darwin.png index d21f9d3636..576db79902 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-closed-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-closed-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-closed-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-closed-webkit-darwin.png index 16def1c911..bfea818a26 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-closed-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-closed-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-opened-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-opened-firefox-darwin.png index 1b9431c7a4..4fec23bbe7 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-opened-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/LightBox.browser.test.tsx/LightBox-opened-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-date-range-filter-filter-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-date-range-filter-filter-opened-webkit-darwin.png index b614094c95..f419a96679 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-date-range-filter-filter-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-date-range-filter-filter-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-custom-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-custom-firefox-darwin.png new file mode 100644 index 0000000000..5245e39be7 Binary files /dev/null and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-custom-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-custom-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-custom-webkit-darwin.png new file mode 100644 index 0000000000..be4577392e Binary files /dev/null and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-custom-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-default-firefox-darwin.png new file mode 100644 index 0000000000..88dfc17bf9 Binary files /dev/null and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-default-webkit-darwin.png new file mode 100644 index 0000000000..aaf06ec08a Binary files /dev/null and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-search-view-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-custom-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-custom-default-firefox-darwin.png new file mode 100644 index 0000000000..4973a0a969 Binary files /dev/null and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-custom-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-custom-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-custom-default-webkit-darwin.png new file mode 100644 index 0000000000..272dc88ad6 Binary files /dev/null and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-custom-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-default-firefox-darwin.png new file mode 100644 index 0000000000..80a26fd2d2 Binary files /dev/null and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-default-webkit-darwin.png new file mode 100644 index 0000000000..9f4fca8239 Binary files /dev/null and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-empty-view-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-Bottom-content-text-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-Bottom-content-text-selected-webkit-darwin.png index 3cba4b7bde..ede103e746 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-Bottom-content-text-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-Bottom-content-text-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-ContextMenu-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-ContextMenu-opened-webkit-darwin.png index 23d4ddfe07..31f34ef242 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-ContextMenu-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-ContextMenu-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-default-webkit-darwin.png index 69a8daed70..14cfb95887 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-filtered-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-filtered-webkit-darwin.png index dd08b05541..75dc1ff697 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-filtered-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-filtered-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-searched-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-searched-webkit-darwin.png index 2aa6f199e8..150cb343f4 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-searched-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-searched-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-sorted-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-sorted-webkit-darwin.png index 310b6a2d0b..d45600ec89 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-sorted-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/List.browser.test.tsx/List-items-sorted-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Message.browser.test.tsx/Message-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Message.browser.test.tsx/Message-firefox-darwin.png index 0308d37c26..70e4002e98 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Message.browser.test.tsx/Message-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Message.browser.test.tsx/Message-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Message.browser.test.tsx/Message-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Message.browser.test.tsx/Message-webkit-darwin.png index edcdd50b38..276a4d3cae 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Message.browser.test.tsx/Message-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Message.browser.test.tsx/Message-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/MessageThread.browser.test.tsx/MessageThread-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/MessageThread.browser.test.tsx/MessageThread-firefox-darwin.png index fe62c3af11..438edadf6f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/MessageThread.browser.test.tsx/MessageThread-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/MessageThread.browser.test.tsx/MessageThread-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/MessageThread.browser.test.tsx/MessageThread-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/MessageThread.browser.test.tsx/MessageThread-webkit-darwin.png index d3d5f85cbe..63258ba5d1 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/MessageThread.browser.test.tsx/MessageThread-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/MessageThread.browser.test.tsx/MessageThread-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-closed-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-closed-firefox-darwin.png index aa5c9d4807..01cd3729eb 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-closed-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-closed-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-closed-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-closed-webkit-darwin.png index 638bf128e9..c1ec23fc73 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-closed-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-closed-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-ContextMenu-opened-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-ContextMenu-opened-firefox-darwin.png index 7f47a31074..66d295e892 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-ContextMenu-opened-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-ContextMenu-opened-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-ContextMenu-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-ContextMenu-opened-webkit-darwin.png index a338e58a6e..8d53ed89f1 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-ContextMenu-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-ContextMenu-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-Modal-opened-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-Modal-opened-firefox-darwin.png index 487025d9fd..6c496a44fa 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-Modal-opened-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-Modal-opened-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-Modal-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-Modal-opened-webkit-darwin.png index 0ec8e478ab..53ca71b728 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-Modal-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-ContextMenu-Modal-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-Section-Header-ContextMenu-opened-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-Section-Header-ContextMenu-opened-firefox-darwin.png index f1672bb981..bbdb41ccf0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-Section-Header-ContextMenu-opened-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-Section-Header-ContextMenu-opened-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-Section-Header-ContextMenu-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-Section-Header-ContextMenu-opened-webkit-darwin.png index ef48ee5bb9..ef4c9235bb 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-Section-Header-ContextMenu-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-in-Section-Header-ContextMenu-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-offCanvas-opened-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-offCanvas-opened-firefox-darwin.png index b7a9cc0d28..0eaf5fcaa4 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-offCanvas-opened-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-offCanvas-opened-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-offCanvas-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-offCanvas-opened-webkit-darwin.png index 59e8886b70..e9b002c02d 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-offCanvas-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-offCanvas-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-opened-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-opened-firefox-darwin.png index b914776bed..9475428c12 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-opened-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-opened-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-opened-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-opened-webkit-darwin.png index 58ab9db51e..272411e75e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-opened-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Modal.browser.test.tsx/Modal-opened-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-collapsed-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-collapsed-firefox-darwin.png index 1c629e5de3..41f228aaa3 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-collapsed-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-collapsed-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-collapsed-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-collapsed-webkit-darwin.png index 91159616c9..e31c137924 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-collapsed-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-collapsed-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-default-firefox-darwin.png index 3e2c23f9cf..4dc6ee237e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-default-webkit-darwin.png index 60761c40cf..7d80d9ab71 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Navigation.browser.test.tsx/Navigation-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/NumberField.browser.test.tsx/NumberField-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/NumberField.browser.test.tsx/NumberField-states-firefox-darwin.png index 309dc4ee86..5274ba106d 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/NumberField.browser.test.tsx/NumberField-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/NumberField.browser.test.tsx/NumberField-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/NumberField.browser.test.tsx/NumberField-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/NumberField.browser.test.tsx/NumberField-states-webkit-darwin.png index 73156555f2..a7736d5fe6 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/NumberField.browser.test.tsx/NumberField-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/NumberField.browser.test.tsx/NumberField-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-default-firefox-darwin.png index 8cee242f83..268bda5798 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-default-webkit-darwin.png index b3e8316be7..bd52d73a9f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-entered-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-entered-firefox-darwin.png index f3d924788a..d028e57573 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-entered-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-entered-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-entered-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-entered-webkit-darwin.png index c52e6b84d7..19eabb6a0a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-entered-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-entered-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-generated-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-generated-firefox-darwin.png index 4b0e88c64f..cb750c29da 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-generated-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-generated-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-generated-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-generated-webkit-darwin.png index 111b2da86e..464e70f056 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-generated-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-password-generated-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-info-clicked-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-info-clicked-firefox-darwin.png index 38dd8b082e..beb128774f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-info-clicked-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-info-clicked-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-info-clicked-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-info-clicked-webkit-darwin.png index 3386a5116e..dcb72496af 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-info-clicked-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-info-clicked-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-password-clicked-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-password-clicked-firefox-darwin.png index fe43b8f3b2..eef1b92de5 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-password-clicked-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-password-clicked-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-password-clicked-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-password-clicked-webkit-darwin.png index 40b93d376b..b57f3705ad 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-password-clicked-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-interaction-show-password-clicked-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-states-firefox-darwin.png index 1cd1e84a0f..a19c12b9eb 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-states-webkit-darwin.png index 340f7c7a98..bf970c026b 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/PasswordCreationField.browser.test.tsx/PasswordCreationField-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-default-firefox-darwin.png index d00907d4ae..1c2361979e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-default-webkit-darwin.png index 666440480c..748b885208 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-edge-cases-firefox-darwin.png index 5eff4936e0..2a5856b733 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-edge-cases-webkit-darwin.png index e5d0bd4b0e..f96b7ae5ab 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-segmented-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-segmented-firefox-darwin.png index 93731740d6..9b694805d6 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-segmented-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-segmented-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-segmented-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-segmented-webkit-darwin.png index 0d705ecb65..740f168542 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-segmented-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/ProgressBar.browser.test.tsx/ProgressBar-segmented-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-edge-cases-firefox-darwin.png index ec5283ea2f..9f46152640 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-edge-cases-webkit-darwin.png index 62f8403bfd..712b51fc80 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-default-firefox-darwin.png index 24be43738c..807d394b83 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-default-webkit-darwin.png index 25daabb643..0ea27a8722 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-option-selected-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-option-selected-firefox-darwin.png index eda582532a..132bece403 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-option-selected-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-option-selected-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-option-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-option-selected-webkit-darwin.png index ce6654ce5f..61e142af99 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-option-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-interaction-option-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-Radio-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-Radio-firefox-darwin.png index 9854518366..eccfd27eea 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-Radio-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-Radio-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-Radio-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-Radio-webkit-darwin.png index 81fe433018..a19aa670d2 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-Radio-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-Radio-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-RadioButton-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-RadioButton-firefox-darwin.png index fd54ccea2a..3960f66eef 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-RadioButton-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-RadioButton-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-RadioButton-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-RadioButton-webkit-darwin.png index 70f2c1dd8a..a417fb9a80 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-RadioButton-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/RadioGroup.browser.test.tsx/RadioGroup-with-RadioButton-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Rating.browser.test.tsx/Rating-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Rating.browser.test.tsx/Rating-states-firefox-darwin.png index 2be509896e..d9be9cb333 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Rating.browser.test.tsx/Rating-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Rating.browser.test.tsx/Rating-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Rating.browser.test.tsx/Rating-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Rating.browser.test.tsx/Rating-states-webkit-darwin.png index 50ea71407d..52d48c858a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Rating.browser.test.tsx/Rating-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Rating.browser.test.tsx/Rating-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-default-webkit-darwin.png index 8e4dcb8532..fda32085f0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-text-entered-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-text-entered-firefox-darwin.png index f447f27f3a..5e97d433e6 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-text-entered-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-text-entered-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-text-entered-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-text-entered-webkit-darwin.png index ca3ed75b2f..ce53e6527a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-text-entered-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-interaction-text-entered-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-states-firefox-darwin.png index 5136109333..d84eb7724c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-states-webkit-darwin.png index 0c246b2084..657ac81ea0 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SearchField.browser.test.tsx/SearchField-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-firefox-darwin.png index 644c863b9e..5b5c5d4b19 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-webkit-darwin.png index efac093c87..9c0c485074 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-with-secondary-button-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-with-secondary-button-firefox-darwin.png index 7d4fcbaac8..f9e39b6883 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-with-secondary-button-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-with-secondary-button-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-with-secondary-button-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-with-secondary-button-webkit-darwin.png index efede06a26..f19988845c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-with-secondary-button-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Section.browser.test.tsx/Section-with-secondary-button-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-edge-cases-firefox-darwin.png index f7364520e1..6292555ef8 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-edge-cases-webkit-darwin.png index f2991d882f..7ab4a0b1f8 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-default-firefox-darwin.png index 98b0fe954a..ed76b60ed6 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-default-webkit-darwin.png index 340f02a1af..3b12656f7a 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-option-selected-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-option-selected-firefox-darwin.png index 2f5076098e..1f5360385d 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-option-selected-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-option-selected-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-option-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-option-selected-webkit-darwin.png index 26779359da..adcbc73292 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-option-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-interaction-option-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-with-Segment-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-with-Segment-firefox-darwin.png index 09cd403a6f..1e19ed6e58 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-with-Segment-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-with-Segment-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-with-Segment-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-with-Segment-webkit-darwin.png index 82cbc82793..0cf1eb83b7 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-with-Segment-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/SegmentedControl.browser.test.tsx/SegmentedControl-with-Segment-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-edge-cases-firefox-darwin.png index f4f0d3cf1d..8b43965cd9 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-edge-cases-webkit-darwin.png index 6d8e76de65..99865e00ba 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-default-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-default-firefox-darwin.png index 3eec8149e9..2533e1d394 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-default-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-default-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-default-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-default-webkit-darwin.png index 4d4f078062..ff0ec12e67 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-default-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-default-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-option-selected-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-option-selected-firefox-darwin.png index 230d59adb1..6d22b87674 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-option-selected-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-option-selected-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-option-selected-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-option-selected-webkit-darwin.png index 47ce01852a..d857b37451 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-option-selected-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-option-selected-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-options-visible-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-options-visible-firefox-darwin.png index cfe0fb6d59..22695cabbc 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-options-visible-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-options-visible-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-options-visible-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-options-visible-webkit-darwin.png index 73d86185c6..052b1f2e7f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-options-visible-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-interaction-options-visible-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-states-firefox-darwin.png index b688299ff4..c5c053d43f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-states-webkit-darwin.png index 6aa424a48a..e63005130e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Select.browser.test.tsx/Select-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Separator.browser.test.tsx/Separator-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Separator.browser.test.tsx/Separator-firefox-darwin.png index 25fa3a37b7..ce2f6a3733 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Separator.browser.test.tsx/Separator-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Separator.browser.test.tsx/Separator-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Separator.browser.test.tsx/Separator-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Separator.browser.test.tsx/Separator-webkit-darwin.png index 92ae068a1d..3107d7c92c 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Separator.browser.test.tsx/Separator-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Separator.browser.test.tsx/Separator-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Slider.browser.test.tsx/Slider-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Slider.browser.test.tsx/Slider-states-webkit-darwin.png index 8c189cbae4..bd5834385f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Slider.browser.test.tsx/Slider-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Slider.browser.test.tsx/Slider-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-edge-cases-firefox-darwin.png index a8710b30ad..c649884076 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-edge-cases-webkit-darwin.png index bba82417c9..eaefba8c15 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-states-firefox-darwin.png index e3afc2ff08..ffbf62b0ee 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-states-webkit-darwin.png index 79fd4615df..a30f6177c9 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Switch.browser.test.tsx/Switch-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Table.browser.test.tsx/Table-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Table.browser.test.tsx/Table-firefox-darwin.png index 08a9351269..6390c494d4 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Table.browser.test.tsx/Table-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Table.browser.test.tsx/Table-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Table.browser.test.tsx/Table-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Table.browser.test.tsx/Table-webkit-darwin.png index 014f4579ff..19ea15d356 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Table.browser.test.tsx/Table-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Table.browser.test.tsx/Table-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Text.browser.test.tsx/Text-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Text.browser.test.tsx/Text-firefox-darwin.png index 16997e200a..5b124d2254 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Text.browser.test.tsx/Text-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Text.browser.test.tsx/Text-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Text.browser.test.tsx/Text-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Text.browser.test.tsx/Text-webkit-darwin.png index 3065b2c5ec..082814a20e 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Text.browser.test.tsx/Text-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Text.browser.test.tsx/Text-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-states-firefox-darwin.png index 11662b6642..f444f597c8 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-states-webkit-darwin.png index 0901ce955b..bf5d0bccb4 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-text-entered-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-text-entered-firefox-darwin.png index 0aefd10e6d..1d48b426b3 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-text-entered-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-text-entered-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-text-entered-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-text-entered-webkit-darwin.png index 46069a686a..4169d817bb 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-text-entered-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextArea.browser.test.tsx/TextArea-text-entered-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-edge-cases-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-edge-cases-firefox-darwin.png index 6c123bc4fc..ff5392fb9f 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-edge-cases-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-edge-cases-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-edge-cases-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-edge-cases-webkit-darwin.png index e3434ed0ea..8b1b7ee676 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-edge-cases-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-edge-cases-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-states-firefox-darwin.png index 706fe0cff2..64e6feab1b 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-states-webkit-darwin.png index f8d4beef8f..43134797b3 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-text-entered-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-text-entered-firefox-darwin.png index ba8c051f23..475176c235 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-text-entered-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-text-entered-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-text-entered-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-text-entered-webkit-darwin.png index d6653a0168..fe9c55dcc1 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-text-entered-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TextField.browser.test.tsx/TextField-text-entered-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TimeField.browser.test.tsx/TimeField-states-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TimeField.browser.test.tsx/TimeField-states-firefox-darwin.png index 24a62f6084..55876c8ca5 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TimeField.browser.test.tsx/TimeField-states-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TimeField.browser.test.tsx/TimeField-states-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/TimeField.browser.test.tsx/TimeField-states-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/TimeField.browser.test.tsx/TimeField-states-webkit-darwin.png index 06e2896ade..d6b8b54991 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/TimeField.browser.test.tsx/TimeField-states-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/TimeField.browser.test.tsx/TimeField-states-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Tooltip.browser.test.tsx/Tooltip-visible-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Tooltip.browser.test.tsx/Tooltip-visible-firefox-darwin.png index 8f00aac02f..a4e82c85f9 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Tooltip.browser.test.tsx/Tooltip-visible-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Tooltip.browser.test.tsx/Tooltip-visible-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Tooltip.browser.test.tsx/Tooltip-visible-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Tooltip.browser.test.tsx/Tooltip-visible-webkit-darwin.png index f8cf7d9df5..db12fa0621 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Tooltip.browser.test.tsx/Tooltip-visible-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Tooltip.browser.test.tsx/Tooltip-visible-webkit-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Truncate.browser.test.tsx/Truncate-firefox-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Truncate.browser.test.tsx/Truncate-firefox-darwin.png index a0999a9eaf..016a4d5830 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Truncate.browser.test.tsx/Truncate-firefox-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Truncate.browser.test.tsx/Truncate-firefox-darwin.png differ diff --git a/packages/remote-react-components/src/tests/visual/__screenshots__/Truncate.browser.test.tsx/Truncate-webkit-darwin.png b/packages/remote-react-components/src/tests/visual/__screenshots__/Truncate.browser.test.tsx/Truncate-webkit-darwin.png index 16e2937153..49dfb2b710 100644 Binary files a/packages/remote-react-components/src/tests/visual/__screenshots__/Truncate.browser.test.tsx/Truncate-webkit-darwin.png and b/packages/remote-react-components/src/tests/visual/__screenshots__/Truncate.browser.test.tsx/Truncate-webkit-darwin.png differ diff --git a/packages/remote-react-renderer/src/auto-generated/index.ts b/packages/remote-react-renderer/src/auto-generated/index.ts index a32d732c91..a59305c4d6 100644 --- a/packages/remote-react-renderer/src/auto-generated/index.ts +++ b/packages/remote-react-renderer/src/auto-generated/index.ts @@ -73,6 +73,7 @@ import { Legend as Legend } from "@mittwald/flow-react-components"; import { Line as Line } from "@mittwald/flow-react-components"; import { Link as Link } from "@mittwald/flow-react-components"; import { EmptyView as ListEmptyView } from "@mittwald/flow-react-components"; +import { EmptyViewContainer as ListEmptyViewContainer } from "@mittwald/flow-react-components"; import { ListItemViewContent as ListItemViewContent } from "@mittwald/flow-react-components"; import { ListSummary as ListSummary } from "@mittwald/flow-react-components"; import { LoadingSpinner as LoadingSpinner } from "@mittwald/flow-react-components"; @@ -319,6 +320,10 @@ export const flowComponents = { "ListEmptyView", ListEmptyView, ), + "flr-list-empty-view-container": createFlowRemoteComponentRenderer( + "ListEmptyViewContainer", + ListEmptyViewContainer, + ), "flr-list-item-view-content": createFlowRemoteComponentRenderer( "ListItemViewContent", ListItemViewContent,