@wix/editor-react-components 1.2706.0 → 1.2708.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2136,6 +2136,7 @@ const NavbarMenu = (props) => {
2136
2136
  svg: (_b = animatedIconPropsRef.current) == null ? void 0 : _b.svg,
2137
2137
  className: clsx(
2138
2138
  selectors.animatedIcon,
2139
+ selectors.itemIcon,
2139
2140
  classes$1.itemIcon,
2140
2141
  (_c = animatedIconPropsRef.current) == null ? void 0 : _c.className,
2141
2142
  iconClassName
@@ -250,6 +250,7 @@ export declare const selectors: {
250
250
  dropdownSubItem: string;
251
251
  scrollButton: string;
252
252
  animatedIcon: string;
253
+ itemIcon: string;
253
254
  itemLabel: string;
254
255
  hamburgerMenu: string;
255
256
  hamburgerMenuContent: string;
@@ -532,7 +532,7 @@ const animatedIconConfig = {
532
532
  elementType: ELEMENTS.ELEMENT_TYPE.refElement,
533
533
  [ELEMENTS.ELEMENT_TYPE.refElement]: {
534
534
  displayName: DisplayNames.itemIcon.elementDisplayName,
535
- selector: `.${selectors.animatedIcon}`,
535
+ selector: `.${selectors.itemIcon}`,
536
536
  type: "wixEditorElements.AnimatedIcon",
537
537
  behaviors: {
538
538
  selectable: false,
@@ -39,6 +39,8 @@ export declare const DisplayNames: {
39
39
  readonly 'navigation-buttons-position': "Navigation button position";
40
40
  readonly 'navigation-buttons-arrangement': "Navigation button arrangement";
41
41
  readonly 'navigation-buttons-alignment': "Navigation button alignment";
42
+ readonly 'navigation-buttons-row-gap': "Space between buttons";
43
+ readonly 'navigation-buttons-column-gap': "Space between buttons";
42
44
  readonly 'slide-indicators-position': "Slide indicator position";
43
45
  readonly 'controls-padding': "Padding";
44
46
  readonly 'pause-button-position': "Pause & play button position";
@@ -169,6 +171,8 @@ export declare const slideshowCssCustomPropertiesDefaults: {
169
171
  readonly 'navigation-buttons-position': "center";
170
172
  readonly 'navigation-buttons-arrangement': "separated";
171
173
  readonly 'navigation-buttons-alignment': "center";
174
+ readonly 'navigation-buttons-row-gap': "20px";
175
+ readonly 'navigation-buttons-column-gap': "20px";
172
176
  readonly 'slide-indicators-position': "end";
173
177
  readonly 'controls-padding': "0px";
174
178
  readonly 'pause-button-position': "bottom-end";
@@ -178,6 +182,9 @@ export declare const navigationButtonsPositionFields: readonly ["navigation-butt
178
182
  export declare const navigationButtonsArrangementFields: readonly ["navigation-buttons-arrangement"];
179
183
  export declare const navigationButtonsAlignmentFields: readonly ["navigation-buttons-alignment"];
180
184
  export declare const slideIndicatorsPositionFields: readonly ["slide-indicators-position-horizontal", "slide-indicators-position-vertical"];
185
+ export declare const navigationButtonsRowGapFields: readonly ["navigation-buttons-row-gap"];
186
+ export declare const navigationButtonsColumnGapFields: readonly ["navigation-buttons-column-gap"];
187
+ export declare const navigationButtonsSpacingFields: readonly ["navigation-buttons-row-gap", "navigation-buttons-column-gap"];
181
188
  export declare const iconPlacementFields: readonly ["icon-placement-horizontal", "icon-placement-vertical"];
182
189
  export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
183
190
  export declare const TranslationKeys: {
@@ -215,7 +215,8 @@
215
215
  flex-direction: var(--navigation-flex-direction, row);
216
216
  justify-content: var(--navigation-justify-content, space-between);
217
217
  align-items: var(--navigation-align-items, stretch);
218
- gap: var(--gap, 20px);
218
+ row-gap: var(--navigation-buttons-row-gap, var(--gap, 20px));
219
+ column-gap: var(--navigation-buttons-column-gap, var(--gap, 20px));
219
220
  isolation: isolate;
220
221
  min-width: 0;
221
222
  max-width: 100%;
@@ -924,6 +924,16 @@ const manifest = {
924
924
  ]
925
925
  }
926
926
  },
927
+ "navigation-buttons-row-gap": {
928
+ cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.rowGap,
929
+ displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-row-gap"],
930
+ defaultValue: slideshowCssCustomPropertiesDefaults["navigation-buttons-row-gap"]
931
+ },
932
+ "navigation-buttons-column-gap": {
933
+ cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap,
934
+ displayName: DisplayNames.root.cssCustomProperties["navigation-buttons-column-gap"],
935
+ defaultValue: slideshowCssCustomPropertiesDefaults["navigation-buttons-column-gap"]
936
+ },
927
937
  "slide-indicators-position-horizontal": {
928
938
  cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
929
939
  displayName: DisplayNames.root.cssCustomProperties["slide-indicators-position"],
@@ -38,6 +38,8 @@ const DisplayNames = {
38
38
  "navigation-buttons-position": "Navigation button position",
39
39
  "navigation-buttons-arrangement": "Navigation button arrangement",
40
40
  "navigation-buttons-alignment": "Navigation button alignment",
41
+ "navigation-buttons-row-gap": "Space between buttons",
42
+ "navigation-buttons-column-gap": "Space between buttons",
41
43
  "slide-indicators-position": "Slide indicator position",
42
44
  "controls-padding": "Padding",
43
45
  "pause-button-position": "Pause & play button position"
@@ -154,6 +156,8 @@ const slideshowCssCustomPropertiesDefaults = {
154
156
  "icon-placement-vertical": "vertically-stacked",
155
157
  "navigation-buttons-arrangement": "separated",
156
158
  "navigation-buttons-alignment": "center",
159
+ "navigation-buttons-row-gap": "20px",
160
+ "navigation-buttons-column-gap": "20px",
157
161
  "controls-padding": "0px",
158
162
  "pause-button-position": "bottom-end"
159
163
  };
@@ -322,6 +322,7 @@ const selectors = {
322
322
  dropdownSubItem: "dropdown-sub-item",
323
323
  scrollButton: "scroll-button",
324
324
  animatedIcon: "animated-icon",
325
+ itemIcon: "item-icon",
325
326
  itemLabel: "item-label",
326
327
  hamburgerMenu: "hamburger-menu",
327
328
  hamburgerMenuContent: "hamburger-menu-content",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/editor-react-components",
3
- "version": "1.2706.0",
3
+ "version": "1.2708.0",
4
4
  "description": "React components for the Wix Editor",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -200,5 +200,5 @@
200
200
  "registry": "https://registry.npmjs.org/",
201
201
  "access": "public"
202
202
  },
203
- "falconPackageHash": "2ee2252ee95a803963f69008e9b0909285daaacff35efca1453b844a"
203
+ "falconPackageHash": "40115ec2831aa8dc87291b829215257f0850053306ec975a46e538e3"
204
204
  }