@wix/editor-react-components 1.2695.0 → 1.2697.0

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

@@ -114,15 +114,7 @@ const noop = () => {
 function CollapsibleText(props) {
   var _a, _b, _c;
   const environmentService = useService(EnvironmentDefinition);
-  const {
-    id,
-    className,
-    text: text2,
-    expandMode,
-    link,
-    linkText,
-    tag: TagName = "p"
-  } = props;
+  const { id, className, text: text2, expandMode, link, linkText } = props;
   const { readMoreText, readLessText } = props;
   const {
     onClick = noop,
@@ -130,7 +122,12 @@ function CollapsibleText(props) {
     onMouseIn = noop,
     onMouseOut = noop
   } = props;
-  const { direction: textDirection, className: textClassNameProp } = ((_a = props.elementProps) == null ? void 0 : _a.text) ?? {};
+  const {
+    direction: textDirection,
+    className: textClassNameProp,
+    a11y: textA11y
+  } = ((_a = props.elementProps) == null ? void 0 : _a.text) ?? {};
+  const TagName = (textA11y == null ? void 0 : textA11y.tag) || "p";
   const { direction: buttonDirection } = ((_b = props.elementProps) == null ? void 0 : _b.button) ?? {};
   const textRef = useRef(null);
   const [isExpandRedundant, setIsExpandRedundant] = useState(false);

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

@@ -126,6 +126,13 @@ const manifest = {
           data: {
             direction: {
               dataType: DATA.DATA_TYPE.direction
+            },
+            a11y: {
+              dataType: DATA.DATA_TYPE.a11y,
+              [DATA.DATA_TYPE.a11y]: {
+                attributes: [DATA.A11Y_ATTRIBUTES.tag]
+              },
+              defaultValue: { tag: "p" }
             }
           },
           cssProperties: {

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

@@ -1,5 +1,5 @@
 import { LinkProps } from '../../../types/vendored/editor-elements-definitions';
-import { Direction } from '@wix/editor-react-types';
+import { A11y, Direction } from '@wix/editor-react-types';
 import { ButtonProps } from '../Button/Button';
 import { SdkFunctionClickableProps, SdkFunctionMouseHoverProps } from '../../../utils/functions/sdkFunctionCallbackProps';
 export type ExpandMode = 'button' | 'link';
@@ -20,13 +20,12 @@ export type CollapsibleTextProps = SdkFunctionClickableProps & SdkFunctionMouseH
     readLessText: string;
     /** Label shown on the link control. Used only when `expandMode='link'`. */
     linkText: string;
-    /** HTML tag used for the inner text element. Default `'p'`. */
-    tag: string & keyof JSX.IntrinsicElements;
-    /** Props forwarded to nested elements. `text.direction` sets writing direction on the text wrapper; `button` is the prop bag for the internal Button slot. */
+    /** Props forwarded to nested elements. `text.direction` sets writing direction on the text wrapper; `text.a11y.tag` sets the HTML tag of the text element (e.g. `h1`–`h6`, default `p`), independent of the font style; `button` is the prop bag for the internal Button slot. */
     elementProps: {
         text: {
             className?: string;
             direction: Direction;
+            a11y?: A11y;
         };
         button: Partial<ButtonProps> & {
             direction: Direction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2695.0",
+  "version": "1.2697.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -200,5 +200,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "f6e74ffc526bc8f49f8c46d19ba1d1e39d17b594ba4774c63f8628a3"
+  "falconPackageHash": "7d79912eb0df9ff1e056bf5eb61c973aec52d2340f03f42de7efa25a"
 }