@wix/editor-react-components 1.2700.0 → 1.2702.0

package/dist/site/components/Button/css.css

@@ -61,10 +61,6 @@
   color: black;
   cursor: pointer;
 }
-.link__0rDnC:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
 
 .label__EtLji {
   text-shadow: var(--text-shadow);

package/dist/site/components/Button/hooks/useButtonA11y.d.ts

@@ -3,8 +3,9 @@ import { AriaProps } from '../../../../types/vendored/editor-elements-types-a11y
 type UseButtonA11yParams = {
     propsA11y?: A11y;
     ariaAttributes?: AriaProps;
+    lang?: string;
 };
-export declare function useButtonA11y({ propsA11y, ariaAttributes, }: UseButtonA11yParams): {
+export declare function useButtonA11y({ propsA11y, ariaAttributes, lang, }: UseButtonA11yParams): {
     tabIndex: 0 | -1 | undefined;
     screenReader: {
         prefix?: string | null;

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

@@ -228,7 +228,8 @@ const manifest = {
             DATA.A11Y_ATTRIBUTES.ariaExpanded,
             DATA.A11Y_ATTRIBUTES.ariaDisabled,
             DATA.A11Y_ATTRIBUTES.ariaHaspopup,
-            DATA.A11Y_ATTRIBUTES.ariaLabel
+            DATA.A11Y_ATTRIBUTES.ariaLabel,
+            DATA.A11Y_ATTRIBUTES.lang
           ]
         }
       }

package/dist/site/components/CollapsibleText/css.css

@@ -187,10 +187,6 @@
   color: black;
   cursor: pointer;
 }
-.link__0rDnC:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
 
 .label__EtLji {
   text-shadow: var(--text-shadow);

package/dist/site/components/Lottie/css.css

@@ -101,10 +101,6 @@
   color: black;
   cursor: pointer;
 }
-.link__0rDnC:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
 
 .label__EtLji {
   text-shadow: var(--text-shadow);

package/dist/site/components/Menu/css.css

@@ -961,10 +961,6 @@
   color: black;
   cursor: pointer;
 }
-.link__0rDnC:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
 
 .label__EtLji {
   text-shadow: var(--text-shadow);

package/dist/site/components/Slideshow/css.css

@@ -568,10 +568,6 @@
   color: black;
   cursor: pointer;
 }
-.link__0rDnC:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
 
 .label__EtLji {
   text-shadow: var(--text-shadow);

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

@@ -183,22 +183,35 @@ function useButtonEventHandlers({
 }
 function useButtonA11y({
   propsA11y,
-  ariaAttributes
+  ariaAttributes,
+  lang
 }) {
-  const normalizedA11y = useMemo(
-    () => removeAriaPrefix(propsA11y ?? {}),
-    [propsA11y]
-  );
+  const normalizedA11y = useMemo(() => {
+    const {
+      lang: manifestLang,
+      tabIndex: manifestTabindex,
+      ...manifestAriaAttributes
+    } = propsA11y ?? {};
+    return {
+      lang: manifestLang,
+      tabIndex: manifestTabindex,
+      ariaAttributes: removeAriaPrefix(manifestAriaAttributes)
+    };
+  }, [propsA11y]);
   const a11yAttr = useMemo(
-    () => getAccessibilityAttributesSpread({
-      ariaAttributes: {
-        ...ariaAttributes,
-        ...normalizedA11y,
-        label: (ariaAttributes == null ? void 0 : ariaAttributes.label) ?? normalizedA11y.label
-      },
-      tabindex: normalizedA11y == null ? void 0 : normalizedA11y.tabindex
-    }),
-    [normalizedA11y, ariaAttributes]
+    () => {
+      var _a;
+      return getAccessibilityAttributesSpread({
+        ariaAttributes: {
+          ...ariaAttributes,
+          ...normalizedA11y.ariaAttributes,
+          label: (ariaAttributes == null ? void 0 : ariaAttributes.label) ?? normalizedA11y.ariaAttributes.label
+        },
+        tabIndex: normalizedA11y.tabIndex,
+        lang: ((lang == null ? void 0 : lang.trim()) ?? ((_a = normalizedA11y.lang) == null ? void 0 : _a.trim())) || void 0
+      });
+    },
+    [normalizedA11y, ariaAttributes, lang]
   );
   return a11yAttr;
 }
@@ -377,14 +390,13 @@ const Button = (props) => {
     onFocus,
     onBlur
   });
-  const a11yAttr = useButtonA11y({ propsA11y, ariaAttributes });
+  const a11yAttr = useButtonA11y({ propsA11y, ariaAttributes, lang });
   const renderedLabel = labelContent ?? label2;
   const wrapperAttributes = {
     id,
     ...getDataAttributes(props),
     ...getQaDataAttributes(isQaMode, fullNameCompType),
     "data-semantic-classname": semanticClassNames.root,
-    lang,
     ...direction && { dir: direction }
   };
   const renderButtonContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2700.0",
+  "version": "1.2702.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -200,5 +200,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "066ce6d2d1a5585401d5f6d68f9bb8fc02ac769738c0c94d981e829b"
+  "falconPackageHash": "fadc31f97beeeb5fe29aa725f343f53e9a61b8077278b74539011c80"
 }