renaming variant files

pinterest · Jun 6, 2024 · 2e0954b · 2e0954b
1 parent 7637031
commit 2e0954b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/gestalt/src/ButtonToggle.tsx b/packages/gestalt/src/ButtonToggle.tsx
@@ -1,8 +1,8 @@
 import { forwardRef, ReactElement, useImperativeHandle, useRef } from 'react';
 import classnames from 'classnames';
 import styles from './ButtonToggle.css';
-import ColorPickerButton from './ButtonToggle/ColorPickerButton';
-import ThumbnailButton from './ButtonToggle/ThumbnailButton';
+import ColorPicker from './ButtonToggle/ColorPicker';
+import LabeledThumbnail from './ButtonToggle/LabeledThumbnail';
 import { useColorScheme } from './contexts/ColorSchemeProvider';
 import { useGlobalEventsHandlerContext } from './contexts/GlobalEventsHandlerProvider';
 import Flex from './Flex';
@@ -199,7 +199,7 @@ const ButtonToggleWithForwardRef = forwardRef<HTMLButtonElement, Props>(function
         onTouchStart={handleTouchStart}
         type="button"
       >
-        <ColorPickerButton colors={color} selected={selected} size={size} />
+        <ColorPicker colors={color} selected={selected} size={size} />
       </button>
     );
   }
@@ -241,7 +241,7 @@ const ButtonToggleWithForwardRef = forwardRef<HTMLButtonElement, Props>(function
 
   const renderContent = () => {
     if (thumbnail) {
-      return <ThumbnailButton text={text} textColor={textColor} thumbnail={thumbnail} />;
+      return <LabeledThumbnail text={text} textColor={textColor} thumbnail={thumbnail} />;
     }
     return (
       <Flex

diff --git a/...lt/src/ButtonToggle/ColorPickerButton.tsx → .../gestalt/src/ButtonToggle/ColorPicker.tsx b/...lt/src/ButtonToggle/ColorPickerButton.tsx → .../gestalt/src/ButtonToggle/ColorPicker.tsx
@@ -32,7 +32,7 @@ export type Props = {
   size: 'sm' | 'md' | 'lg';
 };
 
-export default function ColorPickerButton({ colors, selected, size }: Props) {
+export default function ColorPicker({ colors, selected, size }: Props) {
   const filtersContainerHeightPx = heights[size] + BORDER_OFFSET_PX * 2;
   const filtersContainerWidthPx = widths[size] + BORDER_OFFSET_PX * 2;
   const [hovered, setHovered] = useState(false);

diff --git a/...talt/src/ButtonToggle/ThumbnailButton.tsx → ...alt/src/ButtonToggle/LabeledThumbnail.tsx b/...talt/src/ButtonToggle/ThumbnailButton.tsx → ...alt/src/ButtonToggle/LabeledThumbnail.tsx