fix button variant camel case (#171)

* fix button variant camel case * up version
platformbuilders · Feb 5, 2024 · b7e6a14 · b7e6a14
1 parent 18c8a74
commit b7e6a14
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@platformbuilders/fluid-react",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "private": false,
   "description": "Builders React for Fluid Design System",
   "keywords": [

diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
@@ -15,7 +15,7 @@ const Button: FC<ButtonProps> = ({
   typographyVariant = 'md',
   leftIconName,
   rightIconName,
-  colorVariant = 'primary',
+  $colorVariant = 'primary',
   size = 'normal',
   ...rest
 }) => {
@@ -31,7 +31,7 @@ const Button: FC<ButtonProps> = ({
     disabled: loading || disabled,
     variant,
     onPress,
-    colorVariant,
+    $colorVariant,
     size,
   };
 

diff --git a/src/components/Button/styles.tsx b/src/components/Button/styles.tsx
@@ -19,11 +19,11 @@ type ButtonWrapperProps = ButtonProps & ThemeProps;
 
 const getStylesButton = (props: ButtonWrapperProps) => {
   const colorButton =
-    getTheme(`brand.${props.colorVariant}.main`)(props) ||
-    getTheme(`${props.colorVariant}.main`)(props);
+    getTheme(`brand.${props.$colorVariant}.main`)(props) ||
+    getTheme(`${props.$colorVariant}.main`)(props);
   const colorConstrastButton =
-    getTheme(`brand.${props.colorVariant}.contrast`)(props) ||
-    getTheme(`${props.colorVariant}.contrast`)(props);
+    getTheme(`brand.${props.$colorVariant}.contrast`)(props) ||
+    getTheme(`${props.$colorVariant}.contrast`)(props);
   const defaultTheme = css`
     background-color: ${colorButton};
     box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);

diff --git a/src/components/Button/types.ts b/src/components/Button/types.ts
@@ -16,7 +16,7 @@ export type ButtonProps = {
   children?: string | ReactNode;
   leftIconName?: keyof typeof RadixIcon;
   rightIconName?: keyof typeof RadixIcon;
-  colorVariant?: ButtonColorType;
+  $colorVariant?: ButtonColorType;
   size?: 'normal' | 'medium' | 'large';
 } & TouchableType;