@wix/editor-react-components 1.2906.0 → 1.2908.0

package/dist/site/components/Checkbox/css.css

@@ -15,7 +15,7 @@
 .item__EzhwB {
   display: inline-flex;
   align-items: center;
-  column-gap: var(--gap, 4px);
+  column-gap: var(--gap);
 }
 
 .indicator__dzBy2 {

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

@@ -31,6 +31,9 @@ const manifest = {
         presetCssUrl: `./site/components/Checkbox/presets/${basePresetName}.css`,
         displayName: DisplayNames.root.presets.baseCheckbox,
         presetDefaults: {
+          cssCustomProperties: {
+            gap: { defaultValue: "0px" }
+          },
           elements: {
             indicator: {
               cssProperties: {
@@ -89,8 +92,7 @@ const manifest = {
     cssCustomProperties: {
       gap: {
         cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap,
-        displayName: DisplayNames.root.cssCustomProperties.gap,
-        defaultValue: "4px"
+        displayName: DisplayNames.root.cssCustomProperties.gap
       }
     },
     elements: {

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

@@ -4069,6 +4069,7 @@ const calendarHeader = "calendarHeader__h7CtJ";
 const calendarHeading = "calendarHeading__JLdsJ";
 const calendarGrid = "calendarGrid__7hp87";
 const calendarCell = "calendarCell__Pjcxr";
+const pageScrollable = "pageScrollable__JiNN-";
 const styles = {
   root,
   datePicker,
@@ -4088,7 +4089,8 @@ const styles = {
   calendarHeader,
   calendarHeading,
   calendarGrid,
-  calendarCell
+  calendarCell,
+  pageScrollable
 };
 const toCalendarDate = (value) => {
   if (typeof value !== "string" || !value) {
@@ -4156,6 +4158,22 @@ const DatePickerField = ({
   ] });
 };
 const keepOpen = () => false;
+const PAGE_PADDING_VAR = "--date-picker-page-padding-right";
+const KeepPageScrollable = () => {
+  React__default.useLayoutEffect(() => {
+    const html = document.documentElement;
+    html.style.setProperty(
+      PAGE_PADDING_VAR,
+      getComputedStyle(html).paddingRight
+    );
+    html.classList.add(styles.pageScrollable);
+    return () => {
+      html.classList.remove(styles.pageScrollable);
+      html.style.removeProperty(PAGE_PADDING_VAR);
+    };
+  }, []);
+  return null;
+};
 const DatePickerCalendar = ({
   portalContainer,
   popoverRef,
@@ -4254,7 +4272,10 @@ const DatePickerCalendar = ({
         UNSTABLE_portalContainer: portalContainer ?? void 0,
         isNonModal: isPreviewOpen,
         shouldCloseOnInteractOutside: isPreviewOpen ? keepOpen : void 0,
-        children: isPreviewOpen ? /* @__PURE__ */ jsx("div", { className: boxClassName, children: calendar2 }) : /* @__PURE__ */ jsx($de32f1b87079253c$export$3ddf2d174ce01153, { className: boxClassName, children: calendar2 })
+        children: isPreviewOpen ? /* @__PURE__ */ jsx("div", { className: boxClassName, children: calendar2 }) : /* @__PURE__ */ jsxs($de32f1b87079253c$export$3ddf2d174ce01153, { className: boxClassName, children: [
+          /* @__PURE__ */ jsx(KeepPageScrollable, {}),
+          calendar2
+        ] })
       }
     )
   );

package/dist/site/components/DatePicker/components/DatePickerCalendar.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { DatePickerElementProps } from '../DatePicker.types';
+export declare const PAGE_PADDING_VAR = "--date-picker-page-padding-right";
 export declare const DatePickerCalendar: ({ portalContainer, popoverRef, isPreviewOpen, elementProps, }: {
     portalContainer: HTMLElement | null;
     popoverRef?: React.Ref<HTMLElement>;

package/dist/site/components/DatePicker/css.css

@@ -190,6 +190,11 @@
     outline-offset: -2px !important;
   }
 }
+html.pageScrollable__JiNN- {
+  overflow: visible !important;
+  scrollbar-gutter: auto !important;
+  padding-right: var(--date-picker-page-padding-right) !important;
+}
 .fallbackDirection__HeRgn:not([dir]) {
   direction: var(--wix-opt-in-direction);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2906.0",
+  "version": "1.2908.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -226,5 +226,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "c13f1e23ee522b46ebb14c3b172ec87dbf3e634fa4024cb581ca0174"
+  "falconPackageHash": "b2c50155c6027c5bfd9aac0c8c6390ff810898b6ec92bd008115af88"
 }