@wix/editor-react-components 1.2238.0 → 1.2240.0

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

@@ -22,9 +22,6 @@ type WRichTextProps = {
     skin: WRichTextSkin;
     a11y?: StyledTextA11yProps;
 };
-type VerticalAlignTopExperiment = {
-    shouldFixVerticalTopAlignment: boolean;
-};
 type ListMarkersInRtlExperiment = {
     isListInRtlEnabled: boolean;
 };
@@ -39,7 +36,7 @@ interface IWRichTextCorvidProps {
 export type IWRichTextProps = DefaultCompPlatformProps & WRichTextProps & ScreenReaderSDKProps & LangSDKProps & AriaAttributesSDKProps & Partial<IElementPropsSDKActions> & Partial<IClickPropsSDKActions> & {
     ref?: React.Ref<HTMLDivElement>;
     className?: string;
-} & VerticalAlignTopExperiment & ListMarkersInRtlExperiment & ClassNameToRootExperiment & Partial<IWRichTextCorvidProps>;
+} & ListMarkersInRtlExperiment & ClassNameToRootExperiment & Partial<IWRichTextCorvidProps>;
 export type WRichTextBuilderProps = IWRichTextProps & {
     richText: {
         html: string;

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

@@ -13,7 +13,6 @@ const semanticClassNames = {
 const clickable = "clickable__rSuxD";
 const srOnly = "srOnly__0aNh1";
 const supportTableDesign = "supportTableDesign__Lc0ts";
-const safariFix = "safariFix__Ovgjt";
 const corvidColorOverride = "corvidColorOverride__ZZVku";
 const WRichTextSkin = "WRichTextSkin__U6zUa";
 const wRichTextSkin = "WRichTextSkin__U6zUa";
@@ -29,7 +28,6 @@ const skinsStyle = {
   clickable,
   srOnly,
   supportTableDesign,
-  safariFix,
   corvidColorOverride,
   WRichTextSkin,
   wRichTextSkin,
@@ -85,8 +83,6 @@ const WRichText$1 = React.forwardRef((props, ref) => {
     ariaAttributes,
     onClick,
     onDblClick,
-    shouldFixVerticalTopAlignment,
-    // Should be removed after the specs.thunderbolt.WRichTextVerticalAlignTopSafariAndIOS experiment is open to 100%
     isListInRtlEnabled,
     // Should be removed after the specs.thunderbolt.wrichtextListInRtl experiment is open to 100%
     isClassNameToRootEnabled,
@@ -116,8 +112,6 @@ const WRichText$1 = React.forwardRef((props, ref) => {
     skinsStyle.supportTableDesign,
     {
       [skinsStyle.clickable]: isInteractive,
-      [skinsStyle.safariFix]: shouldFixVerticalTopAlignment,
-      // Should be removed after the experiment is open to 100%
       [skinsStyle["list-direction-spec"]]: isListInRtlEnabled
       // Should be removed after the specs.thunderbolt.wrichtextListInRtl experiment is open to 100%
     }

package/dist/site/components/WRichText/css.css

@@ -61,6 +61,16 @@ ol.wix-list-text-align h6 {
    * only in case if it was set using .richText SDK method
    */
 }
+@supports (-webkit-appearance: none) and (stroke-color: transparent) {
+  .supportTableDesign__Lc0ts > * > :first-child {
+    vertical-align: top;
+  }
+}
+@supports (-webkit-touch-callout: none) {
+  .supportTableDesign__Lc0ts > * > :first-child {
+    vertical-align: top;
+  }
+}
 .supportTableDesign__Lc0ts [data-attr-richtext-marker=true] {
   display: block;
 }
@@ -91,17 +101,6 @@ ol.wix-list-text-align h6 {
   border-top: 1px solid currentColor;
 }
 
-@supports (-webkit-appearance: none) and (stroke-color: transparent) {
-  .safariFix__Ovgjt > * > :first-child {
-    vertical-align: top;
-  }
-}
-@supports (-webkit-touch-callout: none) {
-  .safariFix__Ovgjt > * > :first-child {
-    vertical-align: top;
-  }
-}
-
 .corvidColorOverride__ZZVku :is(p,
 h1,
 h2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2238.0",
+  "version": "1.2240.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -49,6 +49,8 @@
     "test:watch": "yarn prepare:manifest-tests && vitest watch",
     "test:manifest": "yarn prepare:manifest-tests && vitest src/**/*manifest.spec.ts",
     "test:e2e": "echo 'Package must be built before running e2e tests, running build:' && yarn build:lite && sled-playwright test --config=playwright.livesite.config.ts",
+    "test:playwright:a11y": "(sled-playwright test --config=playwright.a11y.config.ts) || true",
+    "check-a11y-coverage": "a11y-check-coverage --warn-only",
     "tsc": "npx tsc -b ./tsconfig.json --force",
     "prepare:manifest-tests": "yarn validate:manifests && yarn generate:manifest-tests",
     "build:janet": "yarn build-storybook && janet-build",
@@ -99,6 +101,7 @@
     "@types/react-dom": "^18.2.17",
     "@uiw/react-codemirror": "^4.24.1",
     "@vitejs/plugin-react": "^4.3.4",
+    "@wix/a11y-audit-tool-plugin": "^0.313.0",
     "@wix/astro": "^2.39.0",
     "@wix/business-tools": "^1.0.225",
     "@wix/ci-build-info": "^1.0.333",
@@ -179,6 +182,12 @@
       "postDependenciesBuild": [
         "check:lint-and-format"
       ],
+      "postBuild": [
+        {
+          "scriptName": "test:playwright:a11y",
+          "timeout": 30
+        }
+      ],
       "postPublish": [
         "test:e2e"
       ]
@@ -188,5 +197,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "d1f2d4944ed72248169793732edede1a1924932a5a2b6ed0847bb0dd"
+  "falconPackageHash": "b8e2916e9c4db2ee3d7c8af5629b7cb7360d395b03d1e90f236c393e"
 }