From dc801d14aebb651c3f4505965a9f92f8df137780 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Fri, 4 Oct 2024 15:51:53 +0000
Subject: [PATCH] Update API doc

---
 apps/showcase/doc/common/apidoc/index.json    | 46 +++++++++-----
 packages/themes/types/imagecompare/index.d.ts | 61 +++++++++++--------
 2 files changed, 66 insertions(+), 41 deletions(-)

diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json
index dfc1da545..20801def0 100644
--- a/apps/showcase/doc/common/apidoc/index.json
+++ b/apps/showcase/doc/common/apidoc/index.json
@@ -81877,6 +81877,15 @@
                             "default": "",
                             "description": "Size of handle"
                         },
+                        {
+                            "name": "handle.hoverSize",
+                            "token": "imagecompare.handle.hover.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover size of handle"
+                        },
                         {
                             "name": "handle.background",
                             "token": "imagecompare.handle.background",
@@ -81887,25 +81896,16 @@
                             "description": "Background of handle"
                         },
                         {
-                            "name": "border.width",
-                            "token": "imagecompare.handle.border.width",
+                            "name": "handle.hoverBackground",
+                            "token": "imagecompare.handle.hover.background",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Border width of handle"
+                            "description": "Hover background of handle"
                         },
                         {
-                            "name": "border.style",
-                            "token": "imagecompare.handle.border.style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border style of handle"
-                        },
-                        {
-                            "name": "border.color",
+                            "name": "handle.borderColor",
                             "token": "imagecompare.handle.border.color",
                             "optional": true,
                             "readonly": false,
@@ -81914,7 +81914,25 @@
                             "description": "Border color of handle"
                         },
                         {
-                            "name": "border.radius",
+                            "name": "handle.hoverBorderColor",
+                            "token": "imagecompare.handle.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of handle"
+                        },
+                        {
+                            "name": "handle.borderWidth",
+                            "token": "imagecompare.handle.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of handle"
+                        },
+                        {
+                            "name": "handle.borderRadius",
                             "token": "imagecompare.handle.border.radius",
                             "optional": true,
                             "readonly": false,
diff --git a/packages/themes/types/imagecompare/index.d.ts b/packages/themes/types/imagecompare/index.d.ts
index 3fa7d9d22..e2fdfcd07 100644
--- a/packages/themes/types/imagecompare/index.d.ts
+++ b/packages/themes/types/imagecompare/index.d.ts
@@ -21,6 +21,12 @@ export interface ImageCompareDesignTokens extends ColorSchemeDesignToken<ImageCo
          * @designToken imagecompare.handle.size
          */
         size?: string;
+        /**
+         * Hover size of handle
+         *
+         * @designToken imagecompare.handle.hover.size
+         */
+        hoverSize?: string;
         /**
          * Background of handle
          *
@@ -28,34 +34,35 @@ export interface ImageCompareDesignTokens extends ColorSchemeDesignToken<ImageCo
          */
         background?: string;
         /**
-         * Border of handle
+         * Hover background of handle
+         *
+         * @designToken imagecompare.handle.hover.background
          */
-        border?: {
-            /**
-             * Border width of handle
-             *
-             * @designToken imagecompare.handle.border.width
-             */
-            width?: string;
-            /**
-             * Border style of handle
-             *
-             * @designToken imagecompare.handle.border.style
-             */
-            style?: string;
-            /**
-             * Border color of handle
-             *
-             * @designToken imagecompare.handle.border.color
-             */
-            color?: string;
-            /**
-             * Border radius of handle
-             *
-             * @designToken imagecompare.handle.border.radius
-             */
-            radius?: string;
-        };
+        hoverBackground?: string;
+        /**
+         * Border color of handle
+         *
+         * @designToken imagecompare.handle.border.color
+         */
+        borderColor?: string;
+        /**
+         * Hover border color of handle
+         *
+         * @designToken imagecompare.handle.hover.border.color
+         */
+        hoverBorderColor?: string;
+        /**
+         * Border width of handle
+         *
+         * @designToken imagecompare.handle.border.width
+         */
+        borderWidth?: string;
+        /**
+         * Border radius of handle
+         *
+         * @designToken imagecompare.handle.border.radius
+         */
+        borderRadius?: string;
         /**
          * Transition duration of handle
          *