chore: removed copy button story

kadena-community · Feb 5, 2024 · 42fa152 · 42fa152
1 parent 5eeedbc
commit 42fa152
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 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
@@ -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
@@ -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
@@ -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>