chore(buttons): renamed floating button with floating action button

Author: computools-anastasiia-nahaiska

…ting-button/FloatingButton.component.tsx …utton/FloatingActionButton.component.tsxsrc/buttons/floating-button/FloatingButton.component.tsx renamed to src/buttons/floating-action-button/FloatingActionButton.component.tsx src/buttons/floating-button/FloatingButton.component.tsx renamed to src/buttons/floating-action-button/FloatingActionButton.component.tsx

@@ -6,38 +6,38 @@ import {useTheme} from '../../theme/useTheme.hook';
 import {type IconProps} from '../../icons/icon-props';
 import {EditIcon} from '../../icons/edit-icon/EditIcon.component';
 import {useTypography} from '../../typography/useTypography.component';
-import {getBaseFloatingButtonShape, styles} from './floating-button.styles';
+import {getBaseFloatingButtonShape, styles} from './floating-action-button.styles';
 
-export enum FloatingButtonSize {
+export enum FloatingActionButtonSize {
   SMALL = 'SMALL',
   BIG = 'BIG',
 }
 
-export enum FloatingButtonType {
+export enum FloatingActionButtonType {
   SURFACE = 'SURFACE',
   PRIMARY = 'PRIMARY',
   SECONDARY = 'SECONDARY',
   TERTIARY = 'TERTIARY',
 }
 
-export interface FloatingButtonProps extends TouchableOpacityProps {
-  type?: FloatingButtonType;
+export interface FloatingActionButtonProps extends TouchableOpacityProps {
+  type?: FloatingActionButtonType;
   label?: string;
   extended?: boolean;
   Icon?: React.FC<IconProps>;
   iconProps?: IconProps;
-  size?: FloatingButtonSize;
+  size?: FloatingActionButtonSize;
   labelStyle?: StyleProp<TextStyle>;
 }
 
-export const FloatingButton: React.FC<FloatingButtonProps> = ({
+export const FloatingActionButton: React.FC<FloatingActionButtonProps> = ({
   label,
   iconProps,
   labelStyle,
   Icon = EditIcon,
   extended = true,
-  size = FloatingButtonSize.SMALL,
-  type = FloatingButtonType.PRIMARY,
+  size = FloatingActionButtonSize.SMALL,
+  type = FloatingActionButtonType.PRIMARY,
   style,
   ...props
 }) => {
@@ -46,10 +46,10 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
 
   const colors = useMemo(
     () => ({
-      [FloatingButtonType.SURFACE]: {backgroundColor: surfaceContainer.backgroundHigh, iconColor: primary.background},
-      [FloatingButtonType.PRIMARY]: {backgroundColor: primaryContainer.background, iconColor: primaryContainer.text},
-      [FloatingButtonType.SECONDARY]: {backgroundColor: secondaryContainer.background, iconColor: secondaryContainer.text},
-      [FloatingButtonType.TERTIARY]: {backgroundColor: tertiaryContainer.background, iconColor: tertiaryContainer.text},
+      [FloatingActionButtonType.SURFACE]: {backgroundColor: surfaceContainer.backgroundHigh, iconColor: primary.background},
+      [FloatingActionButtonType.PRIMARY]: {backgroundColor: primaryContainer.background, iconColor: primaryContainer.text},
+      [FloatingActionButtonType.SECONDARY]: {backgroundColor: secondaryContainer.background, iconColor: secondaryContainer.text},
+      [FloatingActionButtonType.TERTIARY]: {backgroundColor: tertiaryContainer.background, iconColor: tertiaryContainer.text},
     }),
     []
   );

…loating-button/floating-button.styles.ts …-button/floating-action-button.styles.tssrc/buttons/floating-button/floating-button.styles.ts renamed to src/buttons/floating-action-button/floating-action-button.styles.ts src/buttons/floating-button/floating-button.styles.ts renamed to src/buttons/floating-action-button/floating-action-button.styles.ts

@@ -1,6 +1,6 @@
 import {StyleSheet, type ViewStyle} from 'react-native';
 
-import {FloatingButtonSize} from './FloatingButton.component';
+import {FloatingActionButtonSize} from './FloatingActionButton.component';
 
 export const styles = StyleSheet.create({
   container: {
@@ -26,13 +26,13 @@ export const styles = StyleSheet.create({
   },
 });
 
-export const getBaseFloatingButtonShape = (size: FloatingButtonSize) => {
-  const buttonSizes: Record<FloatingButtonSize, ViewStyle> = {
-    [FloatingButtonSize.SMALL]: {minWidth: 40, height: 40, borderRadius: 12},
-    [FloatingButtonSize.BIG]: {minWidth: 56, height: 56, borderRadius: 16},
+export const getBaseFloatingButtonShape = (size: FloatingActionButtonSize) => {
+  const buttonSizes: Record<FloatingActionButtonSize, ViewStyle> = {
+    [FloatingActionButtonSize.SMALL]: {minWidth: 40, height: 40, borderRadius: 12},
+    [FloatingActionButtonSize.BIG]: {minWidth: 56, height: 56, borderRadius: 16},
   };
 
   return StyleSheet.create({
-    container: buttonSizes[size] || buttonSizes[FloatingButtonSize.SMALL],
+    container: buttonSizes[size] || buttonSizes[FloatingActionButtonSize.SMALL],
   });
 };

src/index.tsx

@@ -32,7 +32,12 @@ export {FilledIconButton} from './buttons/icon-buttons/filled-icon-button/Filled
 export {StandartIconButton} from './buttons/icon-buttons/standart-icon-button/StandardIconButton.component';
 export {OutlinedIconButton} from './buttons/icon-buttons/outlined-icon-button/OutlinedIconButton.component';
 
-export {FloatingButton, FloatingButtonType, FloatingButtonSize, type FloatingButtonProps} from './buttons/floating-button/FloatingButton.component';
+export {
+  FloatingActionButton,
+  FloatingActionButtonType,
+  FloatingActionButtonSize,
+  type FloatingActionButtonProps,
+} from './buttons/floating-action-button/FloatingActionButton.component';
 
 export {
   CircularActivityIndicator,