hrm_ui_lib 1.6.15 → 1.6.16-alpha.2

package/{Alert-ca805215.js → Alert-8ca2f034.js}

@@ -1,17 +1,17 @@
-import { _ as _extends } from './extends-7ebf6528.js';
+import { _ as _extends } from './extends-e11bf5b2.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-cd2759b8.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-162f125b.js';
+import { _ as _defineProperty } from './defineProperty-6b99eb8b.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-6601d874.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-38890490.js';
-import { _ as _slicedToArray } from './slicedToArray-7fbc5104.js';
+import { _ as _toConsumableArray } from './toConsumableArray-4b91ea14.js';
+import { _ as _slicedToArray } from './slicedToArray-056dd88e.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

@@ -2163,13 +2163,13 @@ body {
   --green-900:#265b25;
   --green-800:#357939;
   --green-700:#3d8b46;
-  --green-600:#469d52;
+  --green-600:#199754;
   --green-500:#4daa5b;
   --green-400:#5db773;
   --green-300:#7ac48b;
   --green-200:#9fd4ac;
   --green-100:#c5e5cc;
-  --green-50:#e6f4ea;
+  --green-50:#e0faec;
   --blue-900:#2443b8;
   --blue-800:#2e63d6;
   --blue-700:#3475e8;
@@ -2210,6 +2210,7 @@ body {
   --red-200:#ff9c8f;
   --red-100:#ffb5ab;
   --red-50:#ffe0dc;
+  --red-20:#fff2f0;
   --yellow-900:#eb7520;
   --yellow-800:#ed912a;
   --yellow-700:#eea02f;
@@ -2279,26 +2280,26 @@ body {
   --ds-color-text-primary:var(--grey-900);
   --ds-color-text-secondary:var(--grey-700);
   --ds-color-text-tertiary:var(--grey-500);
-  --ds-color-text-disabled:var(--grey-400);
+  --ds-color-text-disabled:var(--grey-700);
   --ds-color-text-selected:var(--brand-500);
   --ds-color-text-inverse:var(--white);
-  --ds-color-text-brand:var(--brand-500);
+  --ds-color-text-brand:var(--brand-700);
   --ds-color-text-danger:var(--red-800);
   --ds-color-text-warning:var(--yellow-800);
   --ds-color-text-success:var(--green-600);
-  --ds-color-text-info:var(--blue-600);
-  --ds-color-text-discovery:var(--purple-400);
+  --ds-color-text-info:var(--blue-800);
+  --ds-color-text-discovery:var(--purple-800);
   --ds-color-icon-primary:var(--grey-900);
   --ds-color-icon-secondary:var(--grey-700);
   --ds-color-icon-tertiary:var(--grey-500);
   --ds-color-icon-inverse:var(--white);
-  --ds-color-icon-disabled:var(--grey-400);
-  --ds-color-icon-brand:var(--brand-500);
+  --ds-color-icon-disabled:var(--grey-500);
+  --ds-color-icon-brand:var(--brand-700);
   --ds-color-icon-danger:var(--red-800);
   --ds-color-icon-warning:var(--yellow-800);
   --ds-color-icon-success:var(--green-600);
   --ds-color-icon-selected:var(--brand-500);
-  --ds-color-icon-info:var(--blue-600);
+  --ds-color-icon-info:var(--blue-800);
   --ds-color-icon-discovery:var(--purple-400);
   --ds-color-border-primary:var(--grey-400);
   --ds-color-border-secondary:var(--grey-300);
@@ -7553,7 +7554,7 @@ body {
 .status {
   --ds-status-circle-size-lg:var(--ds-size-8);
   --ds-status-circle-size-sm:var(--ds-size-6);
-  --ds-status-circle-bg-primary:var(--ds-color-icon-primary);
+  --ds-status-circle-bg-primary:var(--color-700);
   --ds-status-circle-bg-information:var(--ds-color-icon-info);
   --ds-status-circle-bg-brand:var(--ds-color-icon-brand);
   --ds-status-circle-bg-danger:var(--ds-color-icon-danger);
@@ -7561,6 +7562,14 @@ body {
   --ds-status-circle-bg-success:var(--ds-color-icon-success);
   --ds-status-circle-bg-discovery:var(--ds-color-icon-discovery);
   --ds-status-circle-bg-disabled:var(--ds-color-icon-disabled);
+  --ds-status-withBackground-bg-primary:var(--ds-color-bg-disabled);
+  --ds-status-withBackground-bg-information:var(--ds-color-bg-info-lighter);
+  --ds-status-withBackground-bg-brand:var(--ds-color-bg-brand-lighter);
+  --ds-status-withBackground-bg-danger:var(--red-20);
+  --ds-status-withBackground-bg-warning:var(--ds-color-bg-warning-lighter);
+  --ds-status-withBackground-bg-success:var(--ds-color-bg-success-lighter);
+  --ds-status-withBackground-bg-discovery:var(--ds-color-bg-discovery-lighter);
+  --ds-status-withBackground-bg-disabled:var(--ds-color-bg-container-lighter);
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
@@ -7612,6 +7621,51 @@ body {
   background-color: var(--ds-status-circle-bg-disabled);
 }
 
+.status__withBackground {
+  border-radius: var(--ds-border-radius-3xl);
+  padding: 4px 12px 4px 10px;
+}
+
+.status__withBackground--primary {
+  background-color: var(--ds-status-withBackground-bg-primary);
+  border: var(--border-size-1) solid var(--ds-color-bg-grey-darker);
+}
+
+.status__withBackground--information {
+  background-color: var(--ds-status-withBackground-bg-information);
+  border: var(--border-size-1) solid var(--ds-color-bg-info-dark);
+}
+
+.status__withBackground--brand {
+  background-color: var(--ds-status-withBackground-bg-brand);
+  border: var(--border-size-1) solid var(--ds-color-bg-brand);
+}
+
+.status__withBackground--danger {
+  background-color: var(--ds-status-withBackground-bg-danger);
+  border: var(--border-size-1) solid var(--red-500);
+}
+
+.status__withBackground--success {
+  background-color: var(--ds-status-withBackground-bg-success);
+  border: var(--border-size-1) solid var(--ds-color-border-success);
+}
+
+.status__withBackground--warning {
+  background-color: var(--ds-status-withBackground-bg-warning);
+  border: var(--border-size-1) solid var(--yellow-500);
+}
+
+.status__withBackground--discovery {
+  background-color: var(--ds-status-withBackground-bg-discovery);
+  border: var(--border-size-1) solid var(--ds-color-border-discovery);
+}
+
+.status__withBackground--disabled {
+  background-color: var(--ds-status-withBackground-bg-disabled);
+  border: var(--border-size-1) solid var(--ds-color-border-disabled);
+}
+
 .status--small .status__circle {
   height: var(--ds-status-circle-size-sm);
   min-width: var(--ds-status-circle-size-sm);