odaptos_design_system 1.4.84 → 1.4.86

package/dist/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from 'react';
 interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
     text: string;
-    status: 'idle' | 'success' | 'info' | 'warning' | 'critical';
+    status: 'idle' | 'success' | 'info' | 'warning' | 'critical' | 'alt';
     size: 'sm' | 'base' | 'lg';
     iconLeft?: JSX.Element;
     iconRight?: JSX.Element;

package/dist/DatePicker/DatePicker.d.ts

@@ -31,5 +31,6 @@ export interface DatePickerProps {
     views?: Array<'day' | 'month' | 'year'>;
     renderLoading?: () => React.ReactNode;
     onChange?: (date: Date | Dayjs | null) => void;
+    onBlur?: () => void;
 }
 export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/MultiSelect/MultiSelect.d.ts

@@ -20,9 +20,10 @@ interface MultiSelectProps {
     onChange: (value: any) => void;
     deleteOption: (value: any) => void;
     limitTags?: number;
+    onBlur?: () => void;
 }
 /**
  * Use this component for multiselection !!
  */
-export declare const MultiSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, ...props }: MultiSelectProps) => React.JSX.Element;
+export declare const MultiSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, required, error, helperText, errorText, canAddNewOption, deleteOption, disableCloseOnSelect, limitTags, onBlur, ...props }: MultiSelectProps) => React.JSX.Element;
 export {};

package/dist/TimePicker/TimePicker.d.ts

@@ -23,5 +23,6 @@ export interface TimePickerProps {
     errorText?: string;
     helperText?: string;
     onChange?: (date: Date | Dayjs | null) => void;
+    onBlur?: () => void;
 }
 export declare const TimePicker: React.FC<TimePickerProps>;

package/dist/odaptos_design_system.cjs.development.js

@@ -7078,8 +7078,8 @@ const Accordion = ({
   })), isAccordionOpen && /*#__PURE__*/React__default.createElement("div", null, children));
 };
 
-var css_248z$3 = ".Badge-modules_badge__rcW9l{align-items:center;border-radius:62.4375rem;display:flex;gap:.5rem;justify-content:center;max-width:10rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.Badge-modules_badge__rcW9l p{white-space:nowrap}.Badge-modules_badge_idle__h2sgJ{background:var(--color-neutral-dark-shades-600,#717376)}.Badge-modules_badge_idle__h2sgJ svg{stroke:#fff!important;fill:#fff!important}.Badge-modules_badge_info__pmG6r{background:var(--color-primary-100,#e5f1ff)}.Badge-modules_badge_info__pmG6r svg{stroke:#004799!important;fill:#004799!important}.Badge-modules_badge_success__B3T1K{background:var(--color-extended-green-100,#e8f5ea)}.Badge-modules_badge_success__B3T1K svg{stroke:#3c743d!important;fill:#3c743d!important}.Badge-modules_badge_warning__Fv2f6{background:var(--color-extended-yellow-100,#fff3d6)}.Badge-modules_badge_warning__Fv2f6 svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Badge-modules_badge_critical__0-YAa{background:var(--color-extended-red-100,#fddbdb)}.Badge-modules_badge_critical__0-YAa svg{stroke:#98312e!important;fill:#98312e!important}.Badge-modules_badge_sm__j8EcD{align-items:center;gap:.25rem;height:1.25rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_sm__j8EcD svg{height:.75rem;width:.75rem}.Badge-modules_badge_lg__R8zxz{align-items:center;gap:.5rem;height:2.25rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_lg__R8zxz svg{height:1rem;width:1rem}.Badge-modules_badge_base__kFbf-{align-items:center;gap:.5rem;height:1.75rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_base__kFbf- svg{height:1rem;width:1rem}";
-var styles$3 = {"badge":"Badge-modules_badge__rcW9l","badge_idle":"Badge-modules_badge_idle__h2sgJ","badge_info":"Badge-modules_badge_info__pmG6r","badge_success":"Badge-modules_badge_success__B3T1K","badge_warning":"Badge-modules_badge_warning__Fv2f6","badge_critical":"Badge-modules_badge_critical__0-YAa","badge_sm":"Badge-modules_badge_sm__j8EcD","badge_lg":"Badge-modules_badge_lg__R8zxz","badge_base":"Badge-modules_badge_base__kFbf-"};
+var css_248z$3 = ".Badge-modules_badge__rcW9l{align-items:center;border-radius:62.4375rem;display:flex;gap:.5rem;justify-content:center;max-width:10rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.Badge-modules_badge__rcW9l p{white-space:nowrap}.Badge-modules_badge_idle__h2sgJ{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Badge-modules_badge_idle__h2sgJ svg{stroke:#64666a!important;fill:#64666a!important}.Badge-modules_badge_info__pmG6r{background:var(--color-primary-100,#e5f1ff)}.Badge-modules_badge_info__pmG6r svg{stroke:#004799!important;fill:#004799!important}.Badge-modules_badge_success__B3T1K{background:var(--color-extended-green-100,#e8f5ea)}.Badge-modules_badge_success__B3T1K svg{stroke:#3c743d!important;fill:#3c743d!important}.Badge-modules_badge_warning__Fv2f6{background:var(--color-extended-yellow-100,#fff3d6)}.Badge-modules_badge_warning__Fv2f6 svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Badge-modules_badge_critical__0-YAa{background:var(--color-extended-red-100,#fddbdb)}.Badge-modules_badge_critical__0-YAa svg{stroke:#98312e!important;fill:#98312e!important}.Badge-modules_badge_alt__CEiw6{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Badge-modules_badge_alt__CEiw6 svg{stroke:#5c1994!important;fill:#5c1994!important}.Badge-modules_badge_sm__j8EcD{align-items:center;gap:.25rem;height:1.25rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_sm__j8EcD svg{height:.75rem;width:.75rem}.Badge-modules_badge_lg__R8zxz{align-items:center;gap:.5rem;height:2.25rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_lg__R8zxz svg{height:1rem;width:1rem}.Badge-modules_badge_base__kFbf-{align-items:center;gap:.5rem;height:1.75rem;justify-content:center;padding:0 .75rem}.Badge-modules_badge_base__kFbf- svg{height:1rem;width:1rem}";
+var styles$3 = {"badge":"Badge-modules_badge__rcW9l","badge_idle":"Badge-modules_badge_idle__h2sgJ","badge_info":"Badge-modules_badge_info__pmG6r","badge_success":"Badge-modules_badge_success__B3T1K","badge_warning":"Badge-modules_badge_warning__Fv2f6","badge_critical":"Badge-modules_badge_critical__0-YAa","badge_alt":"Badge-modules_badge_alt__CEiw6","badge_sm":"Badge-modules_badge_sm__j8EcD","badge_lg":"Badge-modules_badge_lg__R8zxz","badge_base":"Badge-modules_badge_base__kFbf-"};
 styleInject(css_248z$3);
 
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=3073-110563&mode=dev  */
@@ -7095,14 +7095,14 @@ const Badge = ({
 }) => {
   const getStatusColor = () => {
     if (status === 'idle') {
-      return '#FFFFFF';
-    } else if (status === 'success') return '#3C743D';else if (status === 'info') return '#004799';else if (status === 'warning') return '#6E4F00';else if (status === 'critical') return '#98312E';else return '#004799';
+      return '#64666A';
+    } else if (status === 'success') return '#3C743D';else if (status === 'info') return '#004799';else if (status === 'warning') return '#6E4F00';else if (status === 'critical') return '#98312E';else if (status === 'alt') return '#5C1994';else return '#004799';
   };
   const getTextSize = () => {
     if (size === 'lg') return 'base';else if (size === 'sm') return 'xs';else if (size === 'base') return 'sm';else return size;
   };
   const getStyleByStatus = () => {
-    if (status === 'idle') return styles$3.badge_idle;else if (status === 'info') return styles$3.badge_info;else if (status === 'success') return styles$3.badge_success;else if (status === 'warning') return styles$3.badge_warning;else if (status === 'critical') return styles$3.badge_critical;else return styles$3.badge;
+    if (status === 'idle') return styles$3.badge_idle;else if (status === 'info') return styles$3.badge_info;else if (status === 'success') return styles$3.badge_success;else if (status === 'warning') return styles$3.badge_warning;else if (status === 'critical') return styles$3.badge_critical;else if (status === 'alt') return styles$3.badge_alt;else return styles$3.badge;
   };
   const getSizeByStatus = () => {
     if (size === 'sm') return styles$3.badge_sm;else if (size === 'lg') return styles$3.badge_lg;else if (size === 'base') return styles$3.badge_base;else return styles$3.badge_base;
@@ -7512,7 +7512,8 @@ const DatePicker = ({
   timezone = dayjs.tz.guess(),
   //Guess the user's timezone
   renderLoading,
-  onChange
+  onChange,
+  onBlur
 }) => {
   //Convert everything to dayjs format
   if (value && !dayjs.isDayjs(value)) {
@@ -7559,7 +7560,8 @@ const DatePicker = ({
         placeholder: placeholder,
         size: "small",
         required: required,
-        error: error
+        error: error,
+        onBlur: onBlur
       }))
     },
     slotProps: {
@@ -8281,6 +8283,7 @@ const MultiSelect = ({
   deleteOption,
   disableCloseOnSelect = true,
   limitTags,
+  onBlur,
   ...props
 }) => {
   const [value, setValue] = React.useState(defaultValue === undefined ? [] : defaultValue);
@@ -8337,7 +8340,8 @@ const MultiSelect = ({
       size: "small",
       required: required,
       name: name,
-      error: error
+      error: error,
+      onBlur: onBlur
     })),
     renderTags: value => {
       return /*#__PURE__*/React__default.createElement("div", {
@@ -9293,7 +9297,8 @@ const SingleSelect = ({
       placeholder: placeholder,
       size: "small",
       required: required,
-      error: error
+      error: error,
+      onBlur: onBlur
     })),
     clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
       fill: "black",
@@ -10127,7 +10132,8 @@ const TimePicker = ({
   helperText,
   timezone = dayjs.tz.guess(),
   //Guess the user's timezone
-  onChange
+  onChange,
+  onBlur
 }) => {
   //If value is not in dayjs format, convert it
   if (value && !dayjs.isDayjs(value)) {
@@ -10166,7 +10172,8 @@ const TimePicker = ({
         placeholder: placeholder,
         size: "small",
         required: required,
-        error: error
+        error: error,
+        onBlur: onBlur
       }))
     },
     slotProps: {