From 42fa15280f0674332f7dd38c154a86dfb2303b78 Mon Sep 17 00:00:00 2001
From: Sam Ferrero <ferrerocompanylimited@gmail.com>
Date: Mon, 5 Feb 2024 09:04:45 -0400
Subject: [PATCH] chore: removed copy button story

---
 .../components/Form/NumberField/NumberField.css.ts  |  4 ++--
 .../Form/NumberField/NumberField.stories.tsx        | 13 -------------
 .../src/components/Form/NumberField/NumberField.tsx | 10 +++++-----
 3 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/packages/libs/react-ui/src/components/Form/NumberField/NumberField.css.ts b/packages/libs/react-ui/src/components/Form/NumberField/NumberField.css.ts
index ff280d3ed9..094c9caf79 100644
--- a/packages/libs/react-ui/src/components/Form/NumberField/NumberField.css.ts
+++ b/packages/libs/react-ui/src/components/Form/NumberField/NumberField.css.ts
@@ -1,7 +1,7 @@
 import { style } from '@vanilla-extract/css';
 import { atoms, token } from '../../../styles';
 
-export const numberButtonClass = style([
+export const buttonContainerClass = style([
   atoms({
     display: 'flex',
     flexDirection: 'column',
@@ -22,7 +22,7 @@ export const iconClass = style([
   }),
 ]);
 
-export const overwriteVarianClass = style([
+export const buttonClass = style([
   {
     padding: '0',
   },
diff --git a/packages/libs/react-ui/src/components/Form/NumberField/NumberField.stories.tsx b/packages/libs/react-ui/src/components/Form/NumberField/NumberField.stories.tsx
index efc5e0b3fc..82064966af 100644
--- a/packages/libs/react-ui/src/components/Form/NumberField/NumberField.stories.tsx
+++ b/packages/libs/react-ui/src/components/Form/NumberField/NumberField.stories.tsx
@@ -309,16 +309,3 @@ export const CustomErrorMessage: Story = {
     );
   },
 };
-
-export const WithCopyButton: Story = {
-  name: 'With copy button',
-  render: () => {
-    return (
-      <NumberField
-        id="with-copy-button"
-        label="With copy button"
-        endAddon={<CopyButton inputId="with-copy-button" />}
-      />
-    );
-  },
-};
diff --git a/packages/libs/react-ui/src/components/Form/NumberField/NumberField.tsx b/packages/libs/react-ui/src/components/Form/NumberField/NumberField.tsx
index 7d68ee845d..6c2ae950ca 100644
--- a/packages/libs/react-ui/src/components/Form/NumberField/NumberField.tsx
+++ b/packages/libs/react-ui/src/components/Form/NumberField/NumberField.tsx
@@ -24,9 +24,9 @@ import {
 import { FormFieldHeader } from '../FormFieldHeader/FormFieldHeader';
 import { FormFieldHelpText } from '../FormFieldHelpText/FormFieldHelpText';
 import {
+  buttonClass,
+  buttonContainerClass,
   iconClass,
-  numberButtonClass,
-  overwriteVarianClass,
 } from './NumberField.css';
 
 type PickedAriaNumberFieldProps = Omit<
@@ -155,19 +155,19 @@ export function NumberFieldBase(
           data-outlined={props.isOutlined || undefined}
         />
 
-        <div className={classNames(endAddon, numberButtonClass)}>
+        <div className={classNames(endAddon, buttonContainerClass)}>
           <Button
             icon={<ChevronUp size="sm" className={iconClass} />}
             variant="text"
             isCompact
-            className={overwriteVarianClass}
+            className={buttonClass}
             {...incrementButtonProps}
           />
           <Button
             icon={<ChevronDown size="sm" className={iconClass} />}
             variant="text"
             isCompact
-            className={overwriteVarianClass}
+            className={buttonClass}
             {...decrementButtonProps}
           />
         </div>