hrm_ui_lib 1.4.7 → 1.4.9

package/{Button-1cf2fb6e.js → Button-4b1e4ee3.js}

@@ -1,6 +1,6 @@
-import { _ as _extends } from './extends-f5aaef11.js';
-import { _ as _defineProperty } from './defineProperty-1c75d740.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-8fc7420e.js';
+import { _ as _extends } from './extends-1e62d5b8.js';
+import { _ as _defineProperty } from './defineProperty-805fd0d9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-4f4f9f3a.js';
 import React, { useState, useId, useEffect, forwardRef, useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import 'dayjs';
@@ -8,7 +8,7 @@ import { Loader } from './helperComponents/Loader/Loader.js';
 import './consts/index.js';
 import './hooks/useScreenSize.js';
 import 'react-hook-form';
-import { _ as _slicedToArray } from './slicedToArray-90043d06.js';
+import { _ as _slicedToArray } from './slicedToArray-8d9b7be0.js';
 import { useIsMobile } from './hooks/useGetIsMobile.js';
 import { motion } from 'framer-motion';
 import { AnimatePresenceWrapper } from './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
@@ -155,8 +155,7 @@ var Modal = function Modal(props) {
     }
   }, /*#__PURE__*/React.createElement(motion.div, _extends({
     className: classNames('modal__container', {
-      modal__container_mobile: isMobile,
-      fullScreen: isMobileFullScreen
+      modal__container_fullScreen: isMobile && isMobileFullScreen
     }),
     ref: setContainerRef
   }, isMobile ? MOBILE_ANIMATION(isMobileFullScreen) : DESKTOP_ANIMATION), /*#__PURE__*/React.createElement(ModalContent, _extends({}, rest, {

package/assets/styles/styles.css

@@ -5854,10 +5854,15 @@ body {
   max-height: calc(100vh - var(--ds-modal-overlay-padding) * 2);
 }
 
-.modal__container_mobile {
-  border-radius: var(--ds-modal-border-radius-mobile) var(--ds-modal-border-radius-mobile) 0 0;
+@media screen and (max-width: 768px) {
+  .modal__container {
+    border-radius: var(--ds-modal-border-radius-mobile) var(--ds-modal-border-radius-mobile) 0 0;
+    max-height: 70%;
+    position: absolute;
+  }
+}
+.modal__container_fullScreen {
   max-height: 100vh;
-  position: absolute;
 }
 
 .modal__header {
@@ -6697,6 +6702,12 @@ body {
   min-height: var(--ds-select-scroll-min-height);
 }
 
+@media screen and (max-width: 768px) {
+  .select__options__scroll {
+    max-height: 100%;
+    overflow-y: auto;
+  }
+}
 .select__option, .select__option__content, .select__option__inner {
   -webkit-box-align: center;
   -moz-box-align: center;
@@ -6905,6 +6916,17 @@ body {
   width: 100%;
 }
 
+@media screen and (max-width: 768px) {
+  .content-top {
+    padding: 0 var(--space-16) 0 0;
+  }
+  .content-top .search-container {
+    align-items: center;
+  }
+  .content-top .search-container .input {
+    width: 100%;
+  }
+}
 .content-top__label {
   margin: var(--ds-space-10) 0;
 }