@itcase/ui 1.1.4 → 1.1.6

package/dist/components/ScrollOnDrag.js

@@ -126,6 +126,7 @@ function ScrollOnDrag(props) {
   const {
     children,
     className,
+    isScrollHidden,
     speed
   } = props;
   const ref = React.useRef(null);
@@ -175,7 +176,7 @@ function ScrollOnDrag(props) {
     styles: groupStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", Object.assign({
-    className: clsx__default.default(className, 'scrolldrag', borderColorClass, borderTypeClass, borderWidthClass, elevationClass, fillClass, fillHoverClass, heightClass, widthClass)
+    className: clsx__default.default(className, 'scrolldrag', isScrollHidden === true && 'scrolldrag_scroll_hidden', borderColorClass, borderTypeClass, borderWidthClass, elevationClass, fillClass, fillHoverClass, heightClass, widthClass)
   }, events, {
     ref: ref,
     style: groupStyles
@@ -191,6 +192,8 @@ ScrollOnDrag.propTypes = {
   fill: PropTypes__default.default.oneOf(fill.default),
   fillHover: PropTypes__default.default.oneOf(fillHover.default),
   height: PropTypes__default.default.oneOf(height.default),
+  isScrollHidden: PropTypes__default.default.bool,
+  speed: PropTypes__default.default.number,
   width: PropTypes__default.default.oneOf(width.default)
 };
 ScrollOnDrag.__docgenInfo = {
@@ -275,6 +278,20 @@ ScrollOnDrag.__docgenInfo = {
       },
       "required": false
     },
+    "isScrollHidden": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
+    "speed": {
+      "description": "",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
     "width": {
       "description": "",
       "type": {

package/dist/components/Segmented.js

@@ -76,7 +76,7 @@ const Segmented = /*#__PURE__*/React__default.default.forwardRef((props, ref) =>
   });
   const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
-    propsKey: 'borderColor'
+    propsKey: 'inputBorderColor'
   });
   const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-width_',

package/dist/components/Select.js

@@ -8223,19 +8223,37 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
       }
     };
   }, []);
+  const selectAppearanceItem = selectConfig.appearance[appearance] || {};
   return /*#__PURE__*/React__namespace.default.createElement(SelectComponent, {
-    className: clsx__default.default(className, 'select', fillClass, fillHoverClass, shapeClass, borderColorClass, sizeClass || selectConfig.appearance[appearance]?.size && `select_size_${selectConfig.appearance[appearance].size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`),
-    classNamePrefix: "select",
-    styles: clearStyle,
     after: after,
     badgeAppearance: badgeAppearance,
     badgeSize: badgeSize,
     badgeTextSize: badgeTextSize,
     before: before,
+    className: clsx__default.default(className, 'select', fillClass, fillHoverClass, shapeClass, borderColorClass, sizeClass || selectAppearanceItem.size && `select_size_${selectAppearanceItem.size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`),
+    classNamePrefix: "select",
     clearIcon: clearIcon,
     clearIconFill: clearIconFill,
     clearIconStroke: clearIconStroke,
     closeMenuOnSelect: closeMenuOnSelect ?? false,
+    components: {
+      Control: SelectControl,
+      IndicatorsContainer: SelectIndicatorsContainer,
+      ClearIndicator: SelectClearIndicator,
+      DropdownIndicator: SelectDropdownIndicator,
+      IndicatorSeparator: () => null,
+      Input: SelectInput,
+      Menu: SelectMenu,
+      MultiValueContainer: SelectMultiValueContainer,
+      MultiValueRemove: SelectMultiValueRemove,
+      MultiValueLabel: SelectMultiValueLabel,
+      Option: SelectOption,
+      SingleValue: SelectSingleValue,
+      Placeholder: SelectPlaceholder,
+      ValueContainer: SelectValueContainer,
+      NoOptionsMessage: SelectNoOptions,
+      GroupHeading: SelectGroupHeading
+    },
     defaultValue: initialValue,
     dividerDirection: dividerDirection,
     dividerFill: dividerFill,
@@ -8243,7 +8261,7 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     dropdownIcon: dropdownIcon,
     dropdownIconFill: dropdownIconFill,
     dropdownIconStroke: dropdownIconStroke,
-    elevation: elevation || selectConfig.appearance[appearance].elevation,
+    elevation: elevation || selectAppearanceItem.elevation,
     filterOption: filterOption,
     headingFill: headingFillClass,
     headingFillHover: headingFillHoverClass,
@@ -8253,13 +8271,16 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     hideSelectedOptions: hideSelectedOptions,
     inputAfter: inputAfter,
     inputBefore: inputBefore,
-    inputBorderColor: inputBorderColorClass || selectConfig.appearance[appearance]?.inputBorderColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    inputBorderColorHover: inputBorderColorHoverClass || selectConfig.appearance[appearance]?.inputBorderColorHover.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    inputBorderColor: inputBorderColorClass || selectAppearanceItem.inputBorderColor && selectAppearanceItem.inputBorderColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    inputBorderColorHover: inputBorderColorHoverClass || selectAppearanceItem.inputBorderColorHover && selectAppearanceItem.inputBorderColorHover.replace(/([A-Z])/g, '-$1').toLowerCase(),
     inputCaretColor: inputCaretColorClass,
-    inputFill: inputFillClass || selectConfig.appearance[appearance]?.inputFill && `select__control_fill_${selectConfig.appearance[appearance].inputFill}`.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    inputShape: inputShapeClass || selectConfig.appearance[appearance]?.inputShape && `select__control_shape_${selectConfig.appearance[appearance].inputShape}`.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    inputTextColor: inputTextColorClass || selectConfig.appearance[appearance].inputTextColor,
-    inputTextSize: inputTextSizeClass || selectConfig.appearance[appearance].inputTextSize,
+    inputFill: inputFillClass || selectAppearanceItem.inputFill && `select__control_fill_${selectAppearanceItem.inputFill}`.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    inputShape: inputShapeClass || selectAppearanceItem.inputShape && `select__control_shape_${selectAppearanceItem.inputShape}`.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    inputTextColor: inputTextColorClass || selectAppearanceItem.inputTextColor,
+    inputTextSize: inputTextSizeClass || selectAppearanceItem.inputTextSize,
+    isClearable: isClearable,
+    isMulti: isMulti,
+    isSearchable: isSearchable,
     menuAfter: menuAfter,
     menuBefore: menuBefore,
     menuItemSize: menuItemSize,
@@ -8272,50 +8293,30 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     noOptionBorder: optionBorderClass,
     noOptionBorderType: optionBorderTypeClass,
     noOptionsFill: optionFillClass,
-    noOptionsText: noOptionsText || selectConfig.appearance[appearance].noOptionsText,
-    noOptionsTextColor: noOptionsTextColorClass || selectConfig.appearance[appearance].noOptionsTextColor,
-    noOptionsTextSize: noOptionsTextSizeClass || selectConfig.appearance[appearance].noOptionsTextSize,
+    noOptionsText: noOptionsText || selectAppearanceItem.noOptionsText,
+    noOptionsTextColor: noOptionsTextColorClass || selectAppearanceItem.noOptionsTextColor,
+    noOptionsTextSize: noOptionsTextSizeClass || selectAppearanceItem.noOptionsTextSize,
     openMenuOnClick: openMenuOnClick,
     optionAfter: optionAfter,
     optionBefore: optionBefore,
     optionBorder: optionBorderClass,
     optionBorderType: optionBorderTypeClass,
-    optionFill: optionFillClass || selectConfig.appearance[appearance]?.optionFill && `fill_${selectConfig.appearance[appearance].optionFill}`.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    optionFillHover: optionFillHoverClass || selectConfig.appearance[appearance]?.optionFillHover && `fill_hover_${selectConfig.appearance[appearance].optionFillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    optionFill: optionFillClass || selectAppearanceItem.optionFill && `fill_${selectAppearanceItem.optionFill}`.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    optionFillHover: optionFillHoverClass || selectAppearanceItem.optionFillHover && `fill_hover_${selectAppearanceItem.optionFillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(),
     options: options,
     optionSelected: optionSelected,
     optionShape: optionShapeClass,
-    optionTextColor: optionTextColorClass || selectConfig.appearance[appearance].optionTextColor,
-    optionTextSize: optionTextSizeClass || selectConfig.appearance[appearance].optionTextSize,
-    placeholder: placeholder || selectConfig.appearance[appearance].placeholder,
-    placeholderTextColor: placeholderTextColor || selectConfig.appearance[appearance].placeholderTextColor,
-    placeholderTextSize: placeholderTextSize || selectConfig.appearance[appearance].placeholderTextSize,
+    optionTextColor: optionTextColorClass || selectAppearanceItem.optionTextColor,
+    optionTextSize: optionTextSizeClass || selectAppearanceItem.optionTextSize,
+    placeholder: placeholder || selectAppearanceItem.placeholder,
+    placeholderTextColor: placeholderTextColor || selectAppearanceItem.placeholderTextColor,
+    placeholderTextSize: placeholderTextSize || selectAppearanceItem.placeholderTextSize,
     ref: selectRef,
     set: set,
-    showDivider: showDivider,
     showBadge: showBadge,
+    showDivider: showDivider,
+    styles: clearStyle,
     value: value,
-    components: {
-      Control: SelectControl,
-      IndicatorsContainer: SelectIndicatorsContainer,
-      ClearIndicator: SelectClearIndicator,
-      DropdownIndicator: SelectDropdownIndicator,
-      IndicatorSeparator: () => null,
-      Input: SelectInput,
-      Menu: SelectMenu,
-      MultiValueContainer: SelectMultiValueContainer,
-      MultiValueRemove: SelectMultiValueRemove,
-      MultiValueLabel: SelectMultiValueLabel,
-      Option: SelectOption,
-      SingleValue: SelectSingleValue,
-      Placeholder: SelectPlaceholder,
-      ValueContainer: SelectValueContainer,
-      NoOptionsMessage: SelectNoOptions,
-      GroupHeading: SelectGroupHeading
-    },
-    isClearable: isClearable,
-    isMulti: isMulti,
-    isSearchable: isSearchable,
     onChange: onChange
   });
 });

package/dist/components/Swiper.js

@@ -1259,6 +1259,13 @@ function updateProgress(translate) {
   swiper.emit('progress', progress);
 }
 
+const toggleSlideClasses = (slideEl, condition, className) => {
+  if (condition && !slideEl.classList.contains(className)) {
+    slideEl.classList.add(className);
+  } else if (!condition && slideEl.classList.contains(className)) {
+    slideEl.classList.remove(className);
+  }
+};
 function updateSlidesClasses() {
   const swiper = this;
   const {
@@ -1272,9 +1279,6 @@ function updateSlidesClasses() {
   const getFilteredSlide = selector => {
     return elementChildren(slidesEl, `.${params.slideClass}${selector}, swiper-slide${selector}`)[0];
   };
-  slides.forEach(slideEl => {
-    slideEl.classList.remove(params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
-  });
   let activeSlide;
   let prevSlide;
   let nextSlide;
@@ -1297,35 +1301,25 @@ function updateSlidesClasses() {
     }
   }
   if (activeSlide) {
-    // Active classes
-    activeSlide.classList.add(params.slideActiveClass);
-    if (gridEnabled) {
-      if (nextSlide) {
-        nextSlide.classList.add(params.slideNextClass);
-      }
-      if (prevSlide) {
-        prevSlide.classList.add(params.slidePrevClass);
-      }
-    } else {
+    if (!gridEnabled) {
       // Next Slide
       nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
       if (params.loop && !nextSlide) {
         nextSlide = slides[0];
       }
-      if (nextSlide) {
-        nextSlide.classList.add(params.slideNextClass);
-      }
 
       // Prev Slide
       prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
       if (params.loop && !prevSlide === 0) {
         prevSlide = slides[slides.length - 1];
       }
-      if (prevSlide) {
-        prevSlide.classList.add(params.slidePrevClass);
-      }
     }
   }
+  slides.forEach(slideEl => {
+    toggleSlideClasses(slideEl, slideEl === activeSlide, params.slideActiveClass);
+    toggleSlideClasses(slideEl, slideEl === nextSlide, params.slideNextClass);
+    toggleSlideClasses(slideEl, slideEl === prevSlide, params.slidePrevClass);
+  });
   swiper.emitSlidesClasses();
 }
 
@@ -1703,6 +1697,7 @@ function translateTo(translate, speed, runCallbacks, translateBounds, internal)
           swiper.wrapperEl.removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
           swiper.onTranslateToWrapperTransitionEnd = null;
           delete swiper.onTranslateToWrapperTransitionEnd;
+          swiper.animating = false;
           if (runCallbacks) {
             swiper.emit('transitionEnd');
           }
@@ -1810,9 +1805,6 @@ function slideTo(index, speed, runCallbacks, internal, initial) {
   if (index === void 0) {
     index = 0;
   }
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -1832,9 +1824,12 @@ function slideTo(index, speed, runCallbacks, internal, initial) {
     wrapperEl,
     enabled
   } = swiper;
-  if (swiper.animating && params.preventInteractionOnTransition || !enabled && !internal && !initial || swiper.destroyed) {
+  if (!enabled && !internal && !initial || swiper.destroyed || swiper.animating && params.preventInteractionOnTransition) {
     return false;
   }
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
   let snapIndex = skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
   if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
@@ -1961,9 +1956,6 @@ function slideToLoop(index, speed, runCallbacks, internal) {
   if (index === void 0) {
     index = 0;
   }
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -1973,6 +1965,9 @@ function slideToLoop(index, speed, runCallbacks, internal) {
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const gridEnabled = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
   let newIndex = index;
   if (swiper.params.loop) {
@@ -2004,6 +1999,9 @@ function slideToLoop(index, speed, runCallbacks, internal) {
       if (centeredSlides) {
         needLoopFix = needLoopFix || targetSlideIndex < Math.ceil(slidesPerView / 2);
       }
+      if (internal && centeredSlides && swiper.params.slidesPerView !== 'auto' && !gridEnabled) {
+        needLoopFix = false;
+      }
       if (needLoopFix) {
         const direction = centeredSlides ? targetSlideIndex < swiper.activeIndex ? 'prev' : 'next' : targetSlideIndex - swiper.activeIndex - 1 < swiper.params.slidesPerView ? 'next' : 'prev';
         swiper.loopFix({
@@ -2029,9 +2027,6 @@ function slideToLoop(index, speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideNext(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2042,6 +2037,9 @@ function slideNext(speed, runCallbacks, internal) {
     animating
   } = swiper;
   if (!enabled || swiper.destroyed) return swiper;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   let perGroup = params.slidesPerGroup;
   if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {
     perGroup = Math.max(swiper.slidesPerViewDynamic('current', true), 1);
@@ -2070,9 +2068,6 @@ function slideNext(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slidePrev(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2086,6 +2081,9 @@ function slidePrev(speed, runCallbacks, internal) {
     animating
   } = swiper;
   if (!enabled || swiper.destroyed) return swiper;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const isVirtual = swiper.virtual && params.virtual.enabled;
   if (params.loop) {
     if (animating && !isVirtual && params.loopPreventsSliding) return false;
@@ -2138,22 +2136,19 @@ function slidePrev(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideReset(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
 }
 
 /* eslint no-unused-vars: "off" */
 function slideToClosest(speed, runCallbacks, internal, threshold) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2162,6 +2157,9 @@ function slideToClosest(speed, runCallbacks, internal, threshold) {
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   let index = swiper.activeIndex;
   const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
   const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
@@ -3340,6 +3338,8 @@ function setBreakpoint() {
   const breakpointParams = breakpointOnlyParams || swiper.originalParams;
   const wasMultiRow = isGridEnabled(swiper, params);
   const isMultiRow = isGridEnabled(swiper, breakpointParams);
+  const wasGrabCursor = swiper.params.grabCursor;
+  const isGrabCursor = breakpointParams.grabCursor;
   const wasEnabled = params.enabled;
   if (wasMultiRow && !isMultiRow) {
     el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
@@ -3351,6 +3351,11 @@ function setBreakpoint() {
     }
     swiper.emitContainerClasses();
   }
+  if (wasGrabCursor && !isGrabCursor) {
+    swiper.unsetGrabCursor();
+  } else if (!wasGrabCursor && isGrabCursor) {
+    swiper.setGrabCursor();
+  }
 
   // Toggle navigation, pagination, scrollbar
   ['navigation', 'pagination', 'scrollbar'].forEach(prop => {
@@ -4676,7 +4681,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.0.7
+ * Swiper React 11.1.0
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4684,7 +4689,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: February 27, 2024
+ * Released on: March 28, 2024
  */
 
 

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

@@ -12,16 +12,6 @@
   top: 6px;
   width: 9px;
 }
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  fill: #f0f0f0;
-  color: #f0f0f0;
-  stroke: #aeaeae;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
-  fill: #fff;
-  color: #fff;
-  stroke: #aeaeae;
-}
 .react-datepicker-wrapper {
   display: inline-block;
   padding: 0;
@@ -50,6 +40,17 @@
   z-index: 1;
   line-height: 0;
 }
+.react-datepicker-popper .react-datepicker__triangle {
+  stroke: #aeaeae;
+}
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
+  fill: #f0f0f0;
+  color: #f0f0f0;
+}
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
+  fill: #fff;
+  color: #fff;
+}
 .react-datepicker__header {
   text-align: center;
   background-color: #f0f0f0;

package/dist/css/components/Grid/Grid.css

@@ -38,20 +38,14 @@
   }
 }
 .grid {
-  @each $val in auto, normal, stretch, center, start, end, space-around, space-between, space-evenly, safe center, unsafe center, self-start, self-end, first, baseline, first, baseline, last baseline {
+  @each $val in auto, normal, stretch, center, start, end, space-around, space-between, space-evenly,
+    safe center, unsafe center, self-start, self-end, first, baseline, first, baseline,
+    last baseline {
     &_align-content_$(val) {
-      & > ^&__wrapper {
-        & > div {
-          align-content: $(val);
-        }
-      }
+      align-content: $(val);
     }
     &_align-items_$(val) {
-      & > ^&__wrapper {
-        & > div {
-          align-items: $(val);
-        }
-      }
+      align-items: $(val);
     }
   }
 }
@@ -86,16 +80,14 @@
   }
 }
 .grid {
-  @each $val in auto, legacy, normal, stretch, center, start, end, left, right, space-around, space-between, space-evenly, safe, center, unsafe center, self-start, self-end, left, right, baseline, first baseline, last baseline {
+  @each $val in auto, legacy, normal, stretch, center, start, end, left, right, space-around,
+    space-between, space-evenly, safe, center, unsafe center, self-start, self-end, left, right,
+    baseline, first baseline, last baseline {
     &_justify-content_$(val) {
       justify-content: $(val);
     }
     &_justify-items_$(val) {
-      & > ^&__wrapper {
-        & > div {
-          justify-items: $(val);
-        }
-      }
+      justify-items: $(val);
     }
   }
 }

package/dist/css/components/Input/Input.css

@@ -36,6 +36,14 @@
       background: var(--input-state-focus-background);
       border: solid 1px var(--input-state-focus-border);
     }
+    &_required {
+      background: var(--input-state-required-background);
+      border: solid 1px var(--input-state-required-border);
+    }
+    &_custom {
+      background: var(--input-state-custom-background);
+      border: solid 1px var(--input-state-custom-border);
+    }
   }
 }
 .input {

package/dist/css/components/MenuItem/MenuItem.css

@@ -84,9 +84,9 @@
 :root {
   --menu-item-size-xxs-padding: 0 4px;
   --menu-item-size-xs-padding: 0 4px;
-  --menu-item-size-s-padding: 1px 4px;
-  --menu-item-size-m-padding: 2px 4px;
-  --menu-item-size-l-padding: 4px 6px;
-  --menu-item-size-xl-padding: 7px 8px;
-  --menu-item-size-xxl-padding: 4px 10px;
+  --menu-item-size-s-padding: 3px 4px;
+  --menu-item-size-m-padding: 4px 4px;
+  --menu-item-size-l-padding: 6px 6px;
+  --menu-item-size-xl-padding: 10px 8px;
+  --menu-item-size-xxl-padding: 12px 10px;
 }

package/dist/css/components/Modal/Modal.css

@@ -29,6 +29,7 @@
   min-height: 200px;
   max-width: var(--modal-max-width, 1200px);
   position: relative;
+  z-index: 100;
   &:focus {
     outline: 0;
   }

package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css

@@ -1,6 +1,16 @@
 .scrolldrag {
   white-space: nowrap;
   padding: 0 5px;
-  display: inline-block;
   overflow: scroll hidden;
+  display: inline-block;
+  cursor: grab;
+  &_scroll_hidden {
+    overflow: auto;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      width: 0;
+      height: 0;
+    }
+  }
 }

package/dist/css/components/Select/Select.css

@@ -337,7 +337,7 @@
 .select {
   &__single-value {
     display: flex;
-    position: absolute;
+    /* position: absolute; */
   }
 }
 

package/dist/css/components/Select/css/__single-value/select__single-value.css

@@ -1,6 +1,6 @@
 .select {
   &__single-value {
     display: flex;
-    position: absolute;
+    /* position: absolute; */
   }
 }

package/dist/css/components/Swiper/Swiper.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.0.7
+ * Swiper 11.1.0
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: February 27, 2024
+ * Released on: March 28, 2024
  */
 
 /* FONT_START */