wix-noci: update api.json (wix#3439)

Co-authored-by: rnuinoci[bot] <182611266+rnuinoci[bot]@users.noreply.github.com>

Author: rnuinoci[bot]

src/components/floatingButton/floatingButton.api.json

@@ -2,25 +2,62 @@
   "name": "FloatingButton",
   "category": "overlays",
   "description": "Hovering button with gradient background",
-  "modifiers": ["margin", "background", "color"],
+  "modifiers": [
+    "margin",
+    "background",
+    "color"
+  ],
   "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/FloatingButtonScreen.tsx",
   "images": [
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/FloatingButton/FloatingButton.gif?raw=true"
   ],
   "props": [
-    {"name": "visible", "type": "boolean", "description": "Whether the component is visible"},
-    {"name": "button", "type": "ButtonProps", "description": "Props for the Button component"},
-    {"name": "secondaryButton", "type": "ButtonProps", "description": "Props for the secondary Button component"},
+    {
+      "name": "visible",
+      "type": "boolean",
+      "description": "Whether the component is visible"
+    },
+    {
+      "name": "button",
+      "type": "ButtonProps",
+      "description": "Props for the Button component"
+    },
+    {
+      "name": "secondaryButton",
+      "type": "ButtonProps",
+      "description": "Props for the secondary Button component"
+    },
     {
       "name": "bottomMargin",
       "type": "number",
       "description": "The bottom margin of the button, or secondary button if passed"
     },
-    {"name": "fullWidth", "type": "boolean", "description": "Whether the buttons get the container's full with", "note": "Relevant to vertical layout only"},
-    {"name": "buttonLayout", "type": "FloatingButtonLayouts", "description": "Button layout direction: vertical or horizontal"},
-    {"name": "duration", "type": "number", "description": "The duration of the button's animations (show/hide)"},
-    {"name": "withoutAnimation", "type": "boolean", "description": "Whether to show/hide the button without animation"},
-    {"name": "hideBackgroundOverlay", "type": "boolean", "description": "Whether to show background overlay"},
+    {
+      "name": "fullWidth",
+      "type": "boolean",
+      "description": "Whether the buttons get the container's full with",
+      "note": "Relevant to vertical layout only"
+    },
+    {
+      "name": "buttonLayout",
+      "type": "FloatingButtonLayouts",
+      "description": "Button layout direction: vertical or horizontal"
+    },
+    {
+      "name": "duration",
+      "type": "number",
+      "description": "The duration of the button's animations (show/hide)"
+    },
+    {
+      "name": "withoutAnimation",
+      "type": "boolean",
+      "description": "Whether to show/hide the button without animation"
+    },
+    {
+      "name": "hideBackgroundOverlay",
+      "type": "boolean",
+      "description": "Whether to show background overlay"
+    },
     {
       "name": "testID",
       "type": "string",
@@ -30,5 +67,89 @@
   ],
   "snippet": [
     "<FloatingButton visible={isVisible$1} button={{label: 'Approve', onPress: () => console.log('approved')}}$2}/>"
-  ]
+  ],
+  "docs": {
+    "hero": {
+      "title": "FloatingButton",
+      "description": "Description"
+    },
+    "tabs": [
+      {
+        "title": "Overview",
+        "sections": [
+          {
+            "type": "section",
+            "title": "Usage Examples",
+            "description": "The floating button can appear when the screen opens or after the user interacts with the screen or specific elements on it.",
+            "content": [
+              {
+                "value": "https://embed.figma.com/design/xFjvYNkGTmYTGYMLrmz9Ir/Docs-Assets?node-id=607-43542&embed-host=share"
+              }
+            ]
+          },
+          {
+            "type": "table",
+            "columns": [
+              "Property",
+              "Default",
+              "markdown:`fullWidth`"
+            ],
+            "items": [
+              {
+                "title": "Main button",
+                "content": [
+                  {
+                    "background": "#E8ECF0"
+                  },
+                  {
+                    "background": "#E8ECF0"
+                  }
+                ]
+              },
+              {
+                "title": "Main+secondary button",
+                "content": [
+                  {
+                    "background": "#E8ECF0"
+                  },
+                  {
+                    "background": "#E8ECF0"
+                  }
+                ]
+              }
+            ],
+            "title": "Button Options",
+            "description": "markdown:
The FloatingButton component can include up to two buttons: a main button and a secondary button. The main button can be set to full width using the `fullWidth` prop."
+          },
+          {
+            "type": "table",
+            "columns": [
+              "Layout",
+              "Component"
+            ],
+            "items": [
+              {
+                "title": "Horizontal",
+                "content": [
+                  {
+                    "background": "#E8ECF0"
+                  }
+                ]
+              },
+              {
+                "title": "Vertical",
+                "content": [
+                  {
+                    "background": "#E8ECF0"
+                  }
+                ]
+              }
+            ],
+            "title": "Layout",
+            "description": "markdown:
When the `secondaryButton` prop is used, the layout can be configured as either vertical or horizontal. In the vertical layout, the secondary button is styled as a link button, and the main button can span the full width of the container by applying the `fullWidth` prop."
+          }
+        ]
+      }
+    ]
+  }
 }