hrm_ui_lib 1.6.38 → 1.7.0

package/{Alert-5c8ef58f.js → Alert-79801bc1.js}

@@ -1,17 +1,17 @@
-import { _ as _extends } from './extends-3e40af1f.js';
+import { _ as _extends } from './extends-8437dab3.js';
 import React, { useMemo, forwardRef, useState, useCallback, useId, useEffect, useRef } from 'react';
 import { ICONS_MAPPING, TYPE_MAPPING } from './components/Alert/consts.js';
 import classNames from 'classnames';
 import { Text } from './components/Text/Text.js';
-import { _ as _defineProperty } from './defineProperty-2ff83f38.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-0edf05e5.js';
+import { _ as _defineProperty } from './defineProperty-723e0cf1.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-474ef2c1.js';
 import 'dayjs';
 import { Loader } from './helperComponents/Loader/Loader.js';
 import { FILE_ACCEPT_TYPE } from './consts/index.js';
 import './hooks/useScreenSize.js';
 import 'react-hook-form';
-import { _ as _toConsumableArray } from './toConsumableArray-f6050ff2.js';
-import { _ as _slicedToArray } from './slicedToArray-2d190e96.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6254b6dc.js';
+import { _ as _slicedToArray } from './slicedToArray-865238ba.js';
 import { ErrorCode, useDropzone } from 'react-dropzone';
 import { IconUpload } from './components/SVGIcons/IconUpload.js';
 import { FileTypeEnum } from './type/file-upload.js';

package/assets/styles/styles.css

@@ -4962,23 +4962,6 @@ body {
   width: 100%;
 }
 
-.mobile_time_picker {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
-.mobile_time_picker .picker_items {
-  gap: var(--ds-space-56);
-}
-
-.mobile_time_picker .picker_items .date_item_picker_container {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-}
-
 .custom_header_container {
   align-items: center;
   display: flex;
@@ -8412,6 +8395,58 @@ body {
   border-top: 1px solid var(--grey-50);
 }
 
+.time-picker-mobile .modal__content {
+  padding: 16px 0;
+}
+
+.mobile_time_picker {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: var(--ds-size-8);
+}
+
+.mobile_time_picker-wheel-picker {
+  justify-content: center !important;
+}
+
+.mobile_time_picker-wheel-picker-item {
+  color: var(--grey-500) !important;
+  font-size: var(--font-size-16) !important;
+  font-weight: var(--font-weight-500) !important;
+  width: max-content !important;
+}
+
+.mobile_time_picker-wheel-picker-item__hour {
+  left: unset !important;
+  right: 18px !important;
+}
+
+.mobile_time_picker-wheel-picker-item__minute {
+  left: 18px !important;
+}
+
+.mobile_time_picker-wheel-picker-highlight {
+  background-color: var(--grey-100) !important;
+}
+
+.mobile_time_picker-wheel-picker-highlight-item__hour {
+  justify-content: flex-end !important;
+  margin-right: var(--ds-size-16);
+}
+
+.mobile_time_picker-wheel-picker-highlight-item__hour, .mobile_time_picker-wheel-picker-highlight-item__minute {
+  color: var(--grey-900) !important;
+  font-size: var(--font-size-20) !important;
+  font-weight: var(--font-weight-600) !important;
+}
+
+.mobile_time_picker-wheel-picker-highlight-item__minute {
+  justify-content: flex-start !important;
+  margin-left: var(--ds-size-16);
+}
+
 :root {
   --toastify-color-light:#fff;
   --toastify-color-dark:#121212;
@@ -9153,4 +9188,71 @@ body {
   to {
     transform: rotate(1turn);
   }
+}
+[data-rwp-wrapper] {
+  align-items: stretch;
+  display: flex;
+  justify-content: space-between;
+  perspective: 2000px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  width: 100%;
+}
+
+[data-rwp-wrapper], [data-rwp] {
+  overflow: hidden;
+  position: relative;
+}
+
+[data-rwp] {
+  cursor: default;
+  flex: 1;
+  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 20%, #000 80%, transparent);
+  mask-image: linear-gradient(180deg, transparent 0, #000 20%, #000 80%, transparent);
+}
+
+[data-rwp-highlight-wrapper] {
+  font-size: 1rem;
+  font-weight: 500;
+  overflow: hidden;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 100%;
+}
+
+[data-rwp-highlight-list], [data-rwp-options] {
+  list-style: none;
+  position: absolute;
+  width: 100%;
+}
+
+[data-rwp-options] {
+  backface-visibility: hidden;
+  display: block;
+  height: 0;
+  margin: 0 auto;
+  top: 50%;
+  transform-style: preserve-3d;
+  will-change: transform;
+}
+
+[data-rwp-option], [data-rwp-options] {
+  -webkit-font-smoothing: subpixel-antialiased;
+  left: 0;
+}
+
+[data-rwp-option] {
+  font-size: 0.875rem;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  will-change: visibility;
+}
+
+[data-rwp-highlight-item], [data-rwp-option] {
+  align-items: center;
+  display: flex;
+  justify-content: center;
 }