@wix/editor-react-components 1.2529.0 → 1.2530.0

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

@@ -82,4 +82,5 @@ export type ButtonProps = {
     wix?: {
         presetsWrapperProps?: Record<string, any>;
     };
+    hasTransitions?: boolean;
 };

package/dist/site/components/Button/component.preview.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
 import { ResolveManifestOverrides } from '../../../utils/ResolveManifestOverrides';
-export { default } from './component';
+import { default as Button } from './component';
+export default function ButtonPreview(props: React.ComponentProps<typeof Button>): React.JSX.Element;
 export declare const resolveManifestOverrides: ResolveManifestOverrides;

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

@@ -16,11 +16,6 @@
   align-items: var(--container-align-items, center);
   outline: none;
 }
-.root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
-  transition-duration: 0.4s;
-  transition-timing-function: ease;
-}
 @media (forced-colors: active) {
   .root__IB9QF:not(:disabled):not(.button--disabled) {
     outline: 2px solid ButtonText;
@@ -54,6 +49,12 @@
   white-space: pre-line;
 }
 
+.root__IB9QF.hasTransitions__sv08Z:hover, .root__IB9QF.hasTransitions__sv08Z.active__lpoVO, .root__IB9QF.hasTransitions__sv08Z.button--hover {
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-duration: 0.4s;
+  transition-timing-function: ease;
+}
+
 .link__0rDnC {
   text-decoration: none;
   box-sizing: border-box;

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

@@ -334,7 +334,10 @@ const manifest = {
       }
     },
     editor: {
-      componentUrl: "./site/components/Button/component.preview.tsx"
+      componentUrl: "./site/components/Button/component.preview.tsx",
+      dependencies: {
+        serviceDependencies: ["@wix/viewer-service-environment"]
+      }
     },
     sdk: {
       url: "./site/components/Button/sdk.ts"

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

@@ -142,11 +142,6 @@
   align-items: var(--container-align-items, center);
   outline: none;
 }
-.root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
-  transition-duration: 0.4s;
-  transition-timing-function: ease;
-}
 @media (forced-colors: active) {
   .root__IB9QF:not(:disabled):not(.button--disabled) {
     outline: 2px solid ButtonText;
@@ -180,6 +175,12 @@
   white-space: pre-line;
 }
 
+.root__IB9QF.hasTransitions__sv08Z:hover, .root__IB9QF.hasTransitions__sv08Z.active__lpoVO, .root__IB9QF.hasTransitions__sv08Z.button--hover {
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-duration: 0.4s;
+  transition-timing-function: ease;
+}
+
 .link__0rDnC {
   text-decoration: none;
   box-sizing: border-box;

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

@@ -56,11 +56,6 @@
   align-items: var(--container-align-items, center);
   outline: none;
 }
-.root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
-  transition-duration: 0.4s;
-  transition-timing-function: ease;
-}
 @media (forced-colors: active) {
   .root__IB9QF:not(:disabled):not(.button--disabled) {
     outline: 2px solid ButtonText;
@@ -94,6 +89,12 @@
   white-space: pre-line;
 }
 
+.root__IB9QF.hasTransitions__sv08Z:hover, .root__IB9QF.hasTransitions__sv08Z.active__lpoVO, .root__IB9QF.hasTransitions__sv08Z.button--hover {
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-duration: 0.4s;
+  transition-timing-function: ease;
+}
+
 .link__0rDnC {
   text-decoration: none;
   box-sizing: border-box;

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

@@ -942,11 +942,6 @@
   align-items: var(--container-align-items, center);
   outline: none;
 }
-.root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
-  transition-duration: 0.4s;
-  transition-timing-function: ease;
-}
 @media (forced-colors: active) {
   .root__IB9QF:not(:disabled):not(.button--disabled) {
     outline: 2px solid ButtonText;
@@ -980,6 +975,12 @@
   white-space: pre-line;
 }
 
+.root__IB9QF.hasTransitions__sv08Z:hover, .root__IB9QF.hasTransitions__sv08Z.active__lpoVO, .root__IB9QF.hasTransitions__sv08Z.button--hover {
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-duration: 0.4s;
+  transition-timing-function: ease;
+}
+
 .link__0rDnC {
   text-decoration: none;
   box-sizing: border-box;

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

@@ -24,6 +24,7 @@
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr;
+  overflow: hidden;
   z-index: 1;
   animation-duration: var(--animation-duration, 0.5s);
   animation-fill-mode: forwards;
@@ -468,11 +469,6 @@
   align-items: var(--container-align-items, center);
   outline: none;
 }
-.root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
-  transition-duration: 0.4s;
-  transition-timing-function: ease;
-}
 @media (forced-colors: active) {
   .root__IB9QF:not(:disabled):not(.button--disabled) {
     outline: 2px solid ButtonText;
@@ -506,6 +502,12 @@
   white-space: pre-line;
 }
 
+.root__IB9QF.hasTransitions__sv08Z:hover, .root__IB9QF.hasTransitions__sv08Z.active__lpoVO, .root__IB9QF.hasTransitions__sv08Z.button--hover {
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-duration: 0.4s;
+  transition-timing-function: ease;
+}
+
 .link__0rDnC {
   text-decoration: none;
   box-sizing: border-box;

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

@@ -13,6 +13,7 @@ import { i as isValidLink } from "./Link.js";
 const root = "root__IB9QF";
 const active = "active__lpoVO";
 const label = "label__EtLji";
+const hasTransitions = "hasTransitions__sv08Z";
 const link = "link__0rDnC";
 const icon = "icon__ZzsS5";
 const button = "button__i8gkO";
@@ -20,6 +21,7 @@ const styles = {
   root,
   active,
   label,
+  hasTransitions,
   link,
   icon,
   button
@@ -223,7 +225,8 @@ const Button = (props) => {
     preventLinkNavigation,
     onMouseEnter: propsOnMouseEnter,
     onMouseLeave: propsOnMouseLeave,
-    wix
+    wix,
+    hasTransitions: hasTransitions2 = true
   } = props;
   const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
   const animatedIconProps = elementProps == null ? void 0 : elementProps.animatedIcon;
@@ -249,7 +252,8 @@ const Button = (props) => {
     formatClassNames(semanticClassNames.root),
     {
       disabled: isDisabled,
-      [styles.active]: active2
+      [styles.active]: active2,
+      [styles.hasTransitions]: hasTransitions2
     }
   );
   const labelClassName = clsx(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2529.0",
+  "version": "1.2530.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -197,5 +197,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "61729e1850309a23091648246790b9c0fb8f4f415912733ba5e1adb6"
+  "falconPackageHash": "3194917ae1c964fd130b27f40399ca257160768db8fcf284ffac3443"
 }