@wix/editor-react-components 1.2548.0 → 1.2550.0

package/dist/site/components/ShareButtons/ShareButtons.types.d.ts

@@ -52,4 +52,5 @@ export type CopyButtonWrapperComponentProps = {
     };
     shareButtonIcon: ReactNode;
     labelNode: ReactNode;
+    buttonClassName?: string;
 };

package/dist/site/components/ShareButtons/component.js

@@ -222,7 +222,8 @@ const CopyButtonWrapper = ({
   labelNode,
   url,
   ariaLabel,
-  tooltipTexts
+  tooltipTexts,
+  buttonClassName
 }) => {
   const [tooltipText, setTooltipText] = React__default.useState("");
   const tooltipId = v4();
@@ -249,7 +250,8 @@ const CopyButtonWrapper = ({
     shareButtonStyles.root,
     shareButtonStyles.showTooltip,
     shareButtonStyles.container,
-    "button"
+    "button",
+    buttonClassName
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     tooltipText && /* @__PURE__ */ jsx("div", { className, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
@@ -311,6 +313,7 @@ const ShareButton = ({
     "label",
     (_b = elementProps == null ? void 0 : elementProps.label) == null ? void 0 : _b.className
   );
+  const buttonClassName = (_c = elementProps == null ? void 0 : elementProps.button) == null ? void 0 : _c.className;
   const platformIdWithFallback = getPlatformIdWithFallback(platformId, value);
   const translatedCopyLinkLabel = translations == null ? void 0 : translations[label2];
   const buttonLabel = platformIdWithFallback === platformIds.copyButton && translatedCopyLinkLabel ? translatedCopyLinkLabel : label2;
@@ -331,7 +334,8 @@ const ShareButton = ({
           svg: (illustration == null ? void 0 : illustration.svgId) ?? ""
         }
       ),
-      labelNode: /* @__PURE__ */ jsx("span", { className: labelClassName, children: buttonLabel })
+      labelNode: /* @__PURE__ */ jsx("span", { className: labelClassName, children: buttonLabel }),
+      buttonClassName
     }
   ) : /* @__PURE__ */ jsxs(
     "a",
@@ -341,7 +345,7 @@ const ShareButton = ({
         shareButtonStyles.root,
         HAS_CUSTOM_FOCUS_CLASSNAME,
         "button",
-        (_c = elementProps == null ? void 0 : elementProps.button) == null ? void 0 : _c.className
+        buttonClassName
       ),
       target: "popup",
       href: url,

package/dist/site/components/ShareButtons/constants.d.ts

@@ -98,10 +98,22 @@ export declare const DisplayNames: {
     };
 };
 export declare const DesignStates: {
-    readonly root: {
+    readonly button: {
+        readonly hover: {
+            readonly displayName: "Hover";
+            readonly className: "share-buttons__button--hover";
+        };
+    };
+    readonly label: {
+        readonly hover: {
+            readonly displayName: "Hover";
+            readonly className: "share-buttons__label--hover";
+        };
+    };
+    readonly icon: {
         readonly hover: {
             readonly displayName: "Hover";
-            readonly className: "share-buttons--hover";
+            readonly className: "share-buttons__icon--hover";
         };
     };
 };

package/dist/site/components/ShareButtons/css.css

@@ -87,7 +87,8 @@ button.root__jXw1V {
 }
 
 .root__jXw1V:hover .label__hsu2V,
-.share-buttons--hover .label__hsu2V {
+.root__jXw1V.share-buttons__button--hover .label__hsu2V,
+.label__hsu2V.share-buttons__label--hover {
   text-decoration: underline;
 }
 

package/dist/site/components/ShareButtons/manifest.js

@@ -1,4 +1,4 @@
-import { C as CSS_PROPERTIES, E as ELEMENTS, a as ACTIONS, D as DATA, N as NativeStateType, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-IO6HLVLV.js";
+import { N as NativeStateType, C as CSS_PROPERTIES, E as ELEMENTS, a as ACTIONS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-IO6HLVLV.js";
 import { h as DesignStates, i as DisplayNames, j as DisplayConfig, D as DefaultValues, I as IconPositionOptions, k as PageToShareOptions, m as DefaultButtons, B as ButtonWidthOptions } from "../chunks/constants22.js";
 import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
@@ -111,14 +111,6 @@ const manifest = {
         defaultValue: DefaultValues.buttonWidth
       }
     },
-    states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
-        displayName: DesignStates.root.hover.displayName,
-        className: DesignStates.root.hover.className,
-        pseudoClass: NativeStateType.hover
-      })
-    },
     data: {
       buttons: {
         dataType: DATA.DATA_TYPE.arrayItems,
@@ -276,6 +268,14 @@ const manifest = {
               cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.justifyContent,
               defaultValue: DefaultValues.contentAlignment
             }
+          },
+          states: {
+            hover: withSpec({
+              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+              displayName: DesignStates.button.hover.displayName,
+              className: DesignStates.button.hover.className,
+              pseudoClass: NativeStateType.hover
+            })
           }
         }
       },
@@ -298,8 +298,18 @@ const manifest = {
             letterSpacing: {
               defaultValue: "0em"
             },
-            textDecorationLine: {},
+            textDecorationLine: {
+              statesDefaultValues: { hover: "underline" }
+            },
             textTransform: {}
+          },
+          states: {
+            hover: withSpec({
+              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+              displayName: DesignStates.label.hover.displayName,
+              className: DesignStates.label.hover.className,
+              pseudoClass: NativeStateType.hover
+            })
           }
         }
       },
@@ -326,6 +336,14 @@ const manifest = {
             "icon-rotation": {
               cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.angle
             }
+          },
+          states: {
+            hover: withSpec({
+              spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+              displayName: DesignStates.icon.hover.displayName,
+              className: DesignStates.icon.hover.className,
+              pseudoClass: NativeStateType.hover
+            })
           }
         }
       }

package/dist/site/components/chunks/constants22.js

@@ -112,8 +112,14 @@ const DisplayNames = {
   }
 };
 const DesignStates = {
-  root: {
-    hover: { displayName: "Hover", className: "share-buttons--hover" }
+  button: {
+    hover: { displayName: "Hover", className: "share-buttons__button--hover" }
+  },
+  label: {
+    hover: { displayName: "Hover", className: "share-buttons__label--hover" }
+  },
+  icon: {
+    hover: { displayName: "Hover", className: "share-buttons__icon--hover" }
   }
 };
 const DefaultValues = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2548.0",
+  "version": "1.2550.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -199,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "4fef7d863b9687b40deba4c86fb8bc19d12e656d76f78f1bc3169901"
+  "falconPackageHash": "6e3af4dd243bbcdda0c59e7f9834044167bf63a8333f4a99b1b05761"
 }