Update API doc

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",
+                            "name": "handle.hoverBackground",
-                            "token": "imagecompare.handle.border.width",
+                            "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",
+                            "name": "handle.borderColor",
-                            "token": "imagecompare.handle.border.style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border style of handle"
-                        },
-                        {
-                            "name": "border.color",
                             "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,

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?: {
+        hoverBackground?: string;
-            /**
+        /**
-             * Border width of handle
+         * Border color of handle
-             *
+         *
-             * @designToken imagecompare.handle.border.width
+         * @designToken imagecompare.handle.border.color
-             */
+         */
-            width?: string;
+        borderColor?: string;
-            /**
+        /**
-             * Border style of handle
+         * Hover border color of handle
-             *
+         *
-             * @designToken imagecompare.handle.border.style
+         * @designToken imagecompare.handle.hover.border.color
-             */
+         */
-            style?: string;
+        hoverBorderColor?: string;
-            /**
+        /**
-             * Border color of handle
+         * Border width of handle
-             *
+         *
-             * @designToken imagecompare.handle.border.color
+         * @designToken imagecompare.handle.border.width
-             */
+         */
-            color?: string;
+        borderWidth?: string;
-            /**
+        /**
-             * Border radius of handle
+         * Border radius of handle
-             *
+         *
-             * @designToken imagecompare.handle.border.radius
+         * @designToken imagecompare.handle.border.radius
-             */
+         */
-            radius?: string;
+        borderRadius?: string;
-        };
         /**
          * Transition duration of handle
          *