hrm_ui_lib 1.4.3 → 1.4.4

package/{Button-110130b7.js → Button-2f532776.js}

@@ -1,6 +1,6 @@
-import { _ as _extends } from './extends-acf19b4c.js';
-import { _ as _defineProperty } from './defineProperty-fdfb938c.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-c5575e26.js';
+import { _ as _extends } from './extends-50177a50.js';
+import { _ as _defineProperty } from './defineProperty-6b97a267.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-6b5c8df6.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-72c4258c.js';
+import { _ as _slicedToArray } from './slicedToArray-9decae19.js';
 import { useIsMobile } from './hooks/useGetIsMobile.js';
 import { motion } from 'framer-motion';
 import { AnimatePresenceWrapper } from './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';

package/assets/styles/styles.css

@@ -4946,6 +4946,29 @@ body {
   flex-direction: column;
 }
 
+.custom_header_container {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: var(--ds-space-10);
+  width: 100%;
+}
+
+.custom_header_container .selects_container {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  min-width: 170px;
+}
+
+.custom_header_container .cursor-pointer {
+  cursor: pointer;
+}
+
+.custom_header_container .date_picker_select .select__options {
+  max-height: 200px;
+}
+
 .divider {
   --ds-divider-bg-color:var(--ds-color-divider);
   border: none;
@@ -8012,6 +8035,70 @@ body {
   gap: var(--ds-space-16);
 }
 
+.profile-dropdown {
+  background-color: var(--ds-color-bg-white);
+  border-radius: var(--ds-border-radius-lg);
+  bottom: unset;
+  box-shadow: var(--ds-shadow-2);
+  left: unset;
+  position: absolute;
+  right: 0;
+  top: calc(100% + var(--ds-space-8));
+  width: 360px;
+}
+
+.profile-dropdown__top {
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  border-bottom: 1px solid var(--grey-50);
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  padding: var(--ds-space-16);
+}
+
+.profile-dropdown__nav {
+  list-style: none;
+}
+
+.profile-dropdown__nav li {
+  padding: var(--ds-space-10) var(--ds-space-16);
+}
+
+.profile-dropdown__nav__link {
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  color: var(--ds-color-text-primary);
+  display: -webkit-inline-box;
+  display: -moz-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+
+.profile-dropdown__nav__link:hover {
+  color: var(--ds-color-text-brand);
+  cursor: pointer;
+  text-decoration: none;
+  transition: none;
+}
+
+.profile-dropdown__nav__link:hover .svg-icon path {
+  fill: var(--ds-color-text-brand);
+}
+
+.profile-dropdown__bottom {
+  border-top: 1px solid var(--grey-50);
+}
+
 :root {
   --toastify-color-light:#fff;
   --toastify-color-dark:#121212;
@@ -8753,90 +8840,4 @@ body {
   to {
     transform: rotate(1turn);
   }
-}
-.custom_header_container {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: var(--ds-space-10);
-  width: 100%;
-}
-
-.custom_header_container .selects_container {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  min-width: 170px;
-}
-
-.custom_header_container .cursor-pointer {
-  cursor: pointer;
-}
-
-.custom_header_container .date_picker_select .select__options {
-  max-height: 200px;
-}
-
-.profile-dropdown {
-  background-color: var(--ds-color-bg-white);
-  border-radius: var(--ds-border-radius-lg);
-  bottom: unset;
-  box-shadow: var(--ds-shadow-2);
-  left: unset;
-  position: absolute;
-  right: 0;
-  top: calc(100% + var(--ds-space-8));
-  width: 360px;
-}
-
-.profile-dropdown__top {
-  -webkit-box-align: center;
-  -moz-box-align: center;
-  -ms-flex-align: center;
-  -webkit-align-items: center;
-  align-items: center;
-  border-bottom: 1px solid var(--grey-50);
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  padding: var(--ds-space-16);
-}
-
-.profile-dropdown__nav {
-  list-style: none;
-}
-
-.profile-dropdown__nav li {
-  padding: var(--ds-space-10) var(--ds-space-16);
-}
-
-.profile-dropdown__nav__link {
-  -webkit-box-align: center;
-  -moz-box-align: center;
-  -ms-flex-align: center;
-  -webkit-align-items: center;
-  align-items: center;
-  color: var(--ds-color-text-primary);
-  display: -webkit-inline-box;
-  display: -moz-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.profile-dropdown__nav__link:hover {
-  color: var(--ds-color-text-brand);
-  cursor: pointer;
-  text-decoration: none;
-  transition: none;
-}
-
-.profile-dropdown__nav__link:hover .svg-icon path {
-  fill: var(--ds-color-text-brand);
-}
-
-.profile-dropdown__bottom {
-  border-top: 1px solid var(--grey-50);
 }