@wix/editor-react-components 1.2707.0 → 1.2709.0

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

@@ -5,6 +5,7 @@ export declare const TestIds: {
 };
 export declare const TRANSITION_DURATION = 400;
 export declare const DEFAULT_ICON_POSITION = "row-reverse";
+export declare const HIDDEN_DATA_ITEMS: string[];
 export declare const SEMANTIC_CLASS_NAMES: {
     readonly root: "button";
     readonly buttonLabel: "button__label";

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

@@ -1,5 +1,5 @@
 import { a as ACTIONS, E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, I as INTERACTIONS, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
-import { D as DesignStates, b as DisplayNames, c as DEFAULT_ICON_POSITION, C as COMPONENT_TYPE } from "../chunks/constants21.js";
+import { D as DesignStates, b as DisplayNames, H as HIDDEN_DATA_ITEMS, c as DEFAULT_ICON_POSITION, C as COMPONENT_TYPE } from "../chunks/constants21.js";
 import { m as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
 import { w as withSpec } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
@@ -84,7 +84,7 @@ const manifest = {
     },
     displayFilters: {
       data: {
-        hide: ["iconCollapsed"]
+        hide: [...HIDDEN_DATA_ITEMS]
       }
     },
     cssProperties: {

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

@@ -39,6 +39,8 @@ export declare const DisplayNames: {
             readonly 'navigation-buttons-position': "Navigation button position";
             readonly 'navigation-buttons-arrangement': "Navigation button arrangement";
             readonly 'navigation-buttons-alignment': "Navigation button alignment";
+            readonly 'navigation-buttons-row-gap': "Space between buttons";
+            readonly 'navigation-buttons-column-gap': "Space between buttons";
             readonly 'slide-indicators-position': "Slide indicator position";
             readonly 'controls-padding': "Padding";
             readonly 'pause-button-position': "Pause & play button position";
@@ -169,6 +171,8 @@ export declare const slideshowCssCustomPropertiesDefaults: {
     readonly 'navigation-buttons-position': "center";
     readonly 'navigation-buttons-arrangement': "separated";
     readonly 'navigation-buttons-alignment': "center";
+    readonly 'navigation-buttons-row-gap': "20px";
+    readonly 'navigation-buttons-column-gap': "20px";
     readonly 'slide-indicators-position': "end";
     readonly 'controls-padding': "0px";
     readonly 'pause-button-position': "bottom-end";
@@ -178,6 +182,9 @@ export declare const navigationButtonsPositionFields: readonly ["navigation-butt
 export declare const navigationButtonsArrangementFields: readonly ["navigation-buttons-arrangement"];
 export declare const navigationButtonsAlignmentFields: readonly ["navigation-buttons-alignment"];
 export declare const slideIndicatorsPositionFields: readonly ["slide-indicators-position-horizontal", "slide-indicators-position-vertical"];
+export declare const navigationButtonsRowGapFields: readonly ["navigation-buttons-row-gap"];
+export declare const navigationButtonsColumnGapFields: readonly ["navigation-buttons-column-gap"];
+export declare const navigationButtonsSpacingFields: readonly ["navigation-buttons-row-gap", "navigation-buttons-column-gap"];
 export declare const iconPlacementFields: readonly ["icon-placement-horizontal", "icon-placement-vertical"];
 export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
 export declare const TranslationKeys: {

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

@@ -215,7 +215,8 @@
   flex-direction: var(--navigation-flex-direction, row);
   justify-content: var(--navigation-justify-content, space-between);
   align-items: var(--navigation-align-items, stretch);
-  gap: var(--gap, 20px);
+  row-gap: var(--navigation-buttons-row-gap, var(--gap, 20px));
+  column-gap: var(--navigation-buttons-column-gap, var(--gap, 20px));
   isolation: isolate;
   min-width: 0;
   max-width: 100%;

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

@@ -924,6 +924,16 @@ const manifest = {
           ]
         }
       },
+      "navigation-buttons-row-gap": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.rowGap,
+        displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-row-gap"],
+        defaultValue: slideshowCssCustomPropertiesDefaults["navigation-buttons-row-gap"]
+      },
+      "navigation-buttons-column-gap": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap,
+        displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-column-gap"],
+        defaultValue: slideshowCssCustomPropertiesDefaults["navigation-buttons-column-gap"]
+      },
       "slide-indicators-position-horizontal": {
         cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
         displayName: DisplayNames.root.cssCustomProperties["slide-indicators-position"],

package/dist/site/components/chunks/Slideshow.semanticClassNames.js

@@ -38,6 +38,8 @@ const DisplayNames = {
       "navigation-buttons-position": "Navigation button position",
       "navigation-buttons-arrangement": "Navigation button arrangement",
       "navigation-buttons-alignment": "Navigation button alignment",
+      "navigation-buttons-row-gap": "Space between buttons",
+      "navigation-buttons-column-gap": "Space between buttons",
       "slide-indicators-position": "Slide indicator position",
       "controls-padding": "Padding",
       "pause-button-position": "Pause & play button position"
@@ -154,6 +156,8 @@ const slideshowCssCustomPropertiesDefaults = {
   "icon-placement-vertical": "vertically-stacked",
   "navigation-buttons-arrangement": "separated",
   "navigation-buttons-alignment": "center",
+  "navigation-buttons-row-gap": "20px",
+  "navigation-buttons-column-gap": "20px",
   "controls-padding": "0px",
   "pause-button-position": "bottom-end"
 };

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

@@ -5,6 +5,7 @@ const TestIds = {
 };
 const TRANSITION_DURATION = 400;
 const DEFAULT_ICON_POSITION = "row-reverse";
+const HIDDEN_DATA_ITEMS = ["iconCollapsed"];
 const SEMANTIC_CLASS_NAMES = {
   root: "button",
   buttonLabel: "button__label"
@@ -55,6 +56,7 @@ const DisplayNames = {
 export {
   COMPONENT_TYPE as C,
   DesignStates as D,
+  HIDDEN_DATA_ITEMS as H,
   SEMANTIC_CLASS_NAMES as S,
   TRANSITION_DURATION as T,
   TestIds as a,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2707.0",
+  "version": "1.2709.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -200,5 +200,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "178facc5af566673943f612a26dec0a40c056da99abe67758c821345"
+  "falconPackageHash": "5a6676b4804c7cec0e22df302e289bfebd060e62366f1fd804614fda"
 }